@media all and (max-width:1400px) {

.block3_text {
margin-top: 20px;
padding: 30px 20px 30px 35px;
}

}

@media all and (max-width:1200px) {

.block3_img_wrap {
width:1200px;
position:relative;
left:50%;
transform: translateX(-50%);
}

}

@media all and (max-width:1170px) {

.menu .btn {
display:none;
}
.menu li {
margin-left: 10px;
}
.mobbl1 {
display:block;
}
.padleft80 {
padding-left:0 !important;
}
.padleft80 h2, .padleft80 p {
display:none;
}
.block4 .flex > div:last-child {
padding-left:40px;
}
#block5 .flex {
display:block;
}
#block5 .flex > div:first-child {
width: auto;
}
#footer .menu {
width:100%;
float: left;
}
#footer .menu a {
font-size: 18px;
}
#footer .flex {
display:block;
}
.footer_info {
margin-bottom:10px;
}
.btn_mail {
margin: 0;
}
#block1 h1 {
bottom: 20px;
}
#header .logo_text {
font-size: 14px;
}



}

@media all and (max-width:768px) {

#header .menu {
display:none;
position:fixed;
z-index:100;
top:0;
right:0;
width:220px;
height:100%;
overflow-y:auto;
padding:10px;
background:#0ccedb;
}
.menu_overlay {
display:none;
position:fixed;
z-index:95;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}
.openmenu #header .menu,
.openmenu .menu_overlay {
display:block;
}
body.openmenu {
overflow:hidden;
}
#header_wrap,
#header {
height: 36px;
}
.fixedheader #header_wrap,
.fixedheader #header {
height: 36px;
}
.logo_text {
line-height: 36px;
font-size: 12px;
}
#header .menu ul {
float:none;
}
#header .menu li {
float:none;
margin:0;
}
#header.white .menu li a {
color:#fff;
}
.menu li a {
height:62px;
line-height:62px;
}
.menu_close {
display:block;
position:absolute;
top:0;
right:20px;
width:21px;
height:36px;
}
.menu_close:before {
content:'';
position:absolute;
top:8px;
left:0;
width:29px;
height:2px;
background:#00646b;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu_close:after {
content:'';
position:absolute;
bottom:6px;
left:0;
width:29px;
height:2px;
background:#00646b;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu_open {
display:flex;
align-items:center;
float:right;
width:21px;
height:36px;
}
.menu_open span {
position:relative;
display:block;
width:100%;
height:2px;
background:#00646b;
}
.menu_open span:before,
.menu_open span:after {
content:'';
position:absolute;
left:0;
width:100%;
height:2px;
background:#00646b;
}
.menu_open span:before {
top:-4px;
}
.menu_open span:after {
top:4px;
}
#block1 {
overflow:hidden;
}
.block1_img {
height:480px;
width:auto;
max-width:none;
margin:0;
position:relative;
left:50%;
transform: translateX(-50%);
}
.block_logo {
top: 10px;
}
.block_logo img {
width:100px;
}
#block1 h1 {
bottom: 10px;
font-size: 37px;
}

body {
font-size:12.5px;
}
#block2 {
padding:15px 0 46px 0;
}
#block2 h2 {
font-size:15px;
margin-bottom: 0;
}
.flex {
display: block;
}
#block2 .flex > div:first-child {
width: 100%;
padding-right: 0;
margin-bottom:15px;
}
#block2 .flex > div:last-child {
width: 100%;
padding-left: 0;
text-align:center;
}
.block2_img .logo2 {
width:76px;
bottom: -38px;
}
.block3_wrap {
position: relative;
height: auto;
background:#0ccedb;
padding:10px 0;
}
.block3_text {
margin-top:0;
padding:0;
box-shadow: none;
max-width: none;
background:none;
color:#fff;
}
.block3 h2 {
font-size: 26px;
}
.block3 p {
margin-bottom: 20px;
}
.block3 li {
padding-left: 18px;
margin-bottom:5px;
}
.block3 li::before {
top: 5px;
width: 5px;
height: 5px;
background:#fff;
}
.block4 li {
padding-left: 18px;
margin-bottom:5px;
}
.block4 li::before {
top: 5px;
width: 5px;
height: 5px;
}
.block3_img_wrap {
width: auto;
left: 0;
transform: translateX(0);
}
.block4 {
padding:0 0 0 0;
}
.block4 .flex > div:first-child {
width:auto;
margin-left:-20px;
margin-right:-20px;
margin-bottom:10px;
text-align:center;
}
.block4 .flex > div:last-child {
width:auto;
padding-left: 0;
}
.block4 h2 {
font-size: 32px;
}
.block4 p, .block4 ul {
margin-bottom: 20px;
}
.block4 .btn {
margin-top: 0;
margin-bottom: 30px;
}
#block5 {
padding: 20px 0 40px 0;
}
.mobbl1 {
text-align:center;
}
.mobbl1 h2 {
font-size:25px;
}
#block5 .flex > div:first-child {
margin:0 0 20px 0;
}
.form {
max-width: none;
padding: 25px 20px 18px 20px;
}
.input_block {
    margin-bottom: 7px;
}
.input_block input {
height: 30px;
line-height: 30px;
padding: 0 10px;
font-size: 16px;
}
#block5 .btn {
margin-top: 0;
margin-bottom:0;
}
.btn {
height: 32px;
line-height: 32px;
padding: 0 36px;
border-radius: 16px;
font-size: 12px;
}
.padleft80 {
text-align:center;
}
.footer_block_wrap {
    padding-left: 0;
}
.footer_logo {
display:none;
}
#footer .logo_text {
line-height: normal;
font-size: 20px;
margin-bottom:15px;
}
#footer .menu li {
float:none;
margin-left: 0;
margin-bottom:15px;
}
#footer .menu a {
line-height: normal;
height:auto;
font-size: 20px;
}
.btn_phone, .btn_mail {
font-size: 18px;
margin-bottom:10px;
}
.gallery img {
height:210px;
}
.block2_img {
display: inline-block;
}
.social {
text-align:center;
}
.social a {
display:inline-block;
float:none;
}




}




