html, body {
height:100%;
}
body {
font-size:20px;
line-height:normal;
font-family:'Helvetica', Arial, sans-serif;
color:#3c4964;
}
* {
margin:0;
padding:0;
box-sizing:border-box;
outline: none !important;
}
a {
color:#3c4964;
outline:none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;
}
a:hover, a:focus {
text-decoration:none;
outline:none !important;
}
img {
border:none;
max-width:100%;
}
input:required, input:invalid {
box-shadow:none;
}
input:focus, button, button:focus, button:active, select, input, textarea:focus {
outline:none !important;
}
input[type="submit"], button {
cursor:pointer;
}
input[type="number"], input[type="date"] {
-moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
-webkit-appearance: none; margin: 0px;
}
input, textarea, button {
font-family:'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size:16px;
color:#3c4964;
outline:none !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;
}
button:active, button:focus {
outline: none !important;
}
button::-moz-focus-inner {
border: 0 !important;
}
fieldset{
border:none;
}
textarea{
resize:none;
overflow:auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
width:100%;
height:0;
clear:both;
}
.clr:after, .clr:before {
content:'';
display:block;
width:100%;
height:0;
clear:both;
}
b, strong {
font-weight:bold;
}
i {
font-style:italic;
}


h1 {
font-size:45px;
}
h2 {
font-size:30px;
}
h3 {
font-size:26px;
}
h4 {
font-size:17px;
}
h5 {
font-size:17px;
}

.wrapper {
position:relative;
max-width:1316px;
min-width:320px;
margin:0 auto;
padding: 0 20px;
}
.overhid {
overflow:hidden;
}

#header {
position:fixed;
z-index:100;
top:0;
left:0;
width:100%;
background:#0ccedb;
}
#header .wrapper {
height:100%;
display:flex;
justify-content:space-between;
align-items:center;
}
#header_wrap,
#header {
height:100px;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.fixedheader #header_wrap,
.fixedheader #header {
height:62px;
}
#header.white {
background:#fff;
}
#header.white .menu li a {
color:#00646b;
}
#header.white .btn {
background:#2ee6f2;
color:#00646b;
box-shadow: -4.145px 2.796px 0px 0px rgba(74, 74, 74, 0.2);
}
.logo_text {
text-transform:uppercase;
font-size:20px;
font-weight:bold;
color:#00646b;
text-decoration:none;
}
.menu {
height:100%;
display:flex;
justify-content:space-between;
align-items:center;
}
.menu ul {
list-style:none;
float:left;
}
.menu li {
float:left;
margin-left:38px;
}
.menu li a {
display:block;
font-size:16px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
text-decoration:none;
}
.menu li a:hover {
color:#00646b;
text-decoration:underline;
}
.menu .btn {
margin-left:38px;
}
.btn {
display:inline-block;
height:48px;
line-height:48px;
padding:0 50px;
background:#fff;
border-radius:24px;
border:none;
font-size:18px;
font-weight:bold;
color:#00646b;
text-transform:uppercase;
text-decoration:none;
box-shadow: 3.657px 3.41px 0px 0px rgba(0, 0, 0, 0.07);
}
.btn:hover {
background:#00656a;
color:#fff;
}
.btn_blue {
background:#2ee6f2;
color:#00646b;
box-shadow: -4.145px 2.796px 0px 0px rgba(74, 74, 74, 0.2);
}

#block1 {
position:relative;
}
.block1_img {
display:block;
margin:0 auto;
}
.block_logo {
position:absolute;
left:0;
top:20px;
width:100%;
text-align:center;
}
.block_logo img {
width:10vw;
}
#block1 h1 {
position:absolute;
left:0;
bottom:7%;
width:100%;
text-align:center;
font-size: calc(100vw / 26);
color:#00646b;
font-weight:bold;
margin:0;
}

#block2 {
padding:80px 0;
background:#0ccedb;
font-weight:bold;
color:#fff;
}
#block2 h2 {
font-weight:bold;
font-size:29px;
margin-bottom:20px;
color:#fff;
}
.flex {
display:flex;
}
.spb {
justify-content:space-between;
}
.alc {
align-items:center;
}
#block2 .flex > div:first-child {
width:67%;
padding-right:40px;
}
#block2 .flex > div:last-child {
width:33%;
padding-left:40px;
}
.block2_img {
position:relative;
}
.block2_img video {
width:100%;
max-width:100%;
display:block;
}
.block2_img img {
display:block;
}
.block2_img .logo2 {
position:absolute;
right:5px;
bottom:-54px;
}

.block3 {
position:relative;
overflow:hidden;
}
.block3_wrap {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.block3_img {
display:block;
margin:0 auto;
}
.block3_text {
margin-top:84px;
padding:50px 20px 50px 35px;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0px 6px 6.44px 0.56px rgba(0, 0, 0, 0.26);
max-width:492px;
}
.block3 h2 {
font-size:41px;
font-weight:bold;
margin:0;
text-transform:uppercase;
}
.block3 p {
margin-bottom:40px;
}
.block3 ul {
list-style:none;
}
.block3 li {
padding-left:22px;
margin-bottom:10px;
position:relative;
}
.block3 li:before {
content:'';
position:absolute;
top:8px;
left:0;
width:8px;
height:8px;
background:#3c4964;
border-radius:50%;
}

.block4 {
padding:60px 0;
}
.block4 .flex > div:first-child {
width:55%;
}
.block4 .flex > div:last-child {
width:45%;
padding-left:50px;
}
.block4 h2 {
font-size:41px;
margin:0;
text-transform:uppercase;
}
.block4 p, .block4 ul {
margin-bottom:30px;
}
.block4 ul {
list-style:none;
}
.block4 li {
padding-left:20px;
margin-bottom:10px;
position:relative;
}
.block4 li:before {
content:'';
position:absolute;
top:10px;
left:0;
width:6px;
height:6px;
background:#3c4964;
border-radius:50%;
}
.block4 .btn {
margin-top:100px;
}

#block5 {
padding:54px 0 70px 0;
background:#0ccedb;
}
.fleft {
float:left;
}
.padleft80 {
padding-left:80px !important;
}
#block5 .btn {
margin-top:40px;
}
.form {
width:100%;
max-width:494px;
padding:46px 40px 35px 40px;
background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0px 6px 6.44px 0.56px rgba(0, 0, 0, 0.26);
}
.input_block {
margin-bottom:11px;
}
.input_block input {
width:100%;
height:50px;
line-height:50px;
padding:0 16px;
border:none;
background:#fff;
border-radius: 10px;
font-size:18px;
color:#858591;
}
::-webkit-input-placeholder {
color:#858591;
}
:-moz-placeholder {
color:#858591;
opacity:1;
}
::-moz-placeholder {
color:#858591;
opacity:1;
}
:-ms-input-placeholder {
color:#858591;
}
::-ms-input-placeholder {
color:#858591;
}
::placeholder {
color:#858591;
}

#footer {
background:#0ccedb;
padding-bottom:26px;
}
.footer_block_wrap {
position:relative;
padding-left:156px;
}
.footer_logo {
position:absolute;
top:0;
left:0;
}
#footer .menu {
float:right;
margin-bottom:15px;
}
#footer .logo_text {
float:left;
margin-bottom:15px;
}
#footer .menu a {
font-size:20px;
}
.footer_info {
color:#fff;
font-size:16px;
font-weight:300;
}
.btn_phone, .btn_mail {
color:#fff;
text-decoration:none;
font-size:25px;
font-weight:300;
display:inline-flex;
align-items:center;
}
.btn_phone svg {
width:18px;
fill:#fff;
margin-right:15px;
}
.btn_phone:hover {
color:#3e4a64;
text-decoration:underline;
}
.btn_mail {
margin:0 60px;
}
.btn_mail svg {
width:30px;
fill:#fff;
margin-right:8px;
}
.btn_mail:hover {
color:#3e4a64;
text-decoration:underline;
}
.btn_phone:hover svg,
.btn_mail:hover svg {
fill:#3e4a64;
}
.social a {
float:left;
width:32px;
height:32px;
margin:0 10px;
}
.btn_ins svg, 
.btn_fac svg {
width:50px;
fill:#fff;
}
.btn_ins:hover svg,
.btn_fac:hover svg {
fill:#3e4a64;
}
.gallery img {
position:relative;
z-index:1;
display:block;
margin:0 auto;
height:266px;
width:auto;
max-width:none;
}
.gallery a {
position:relative;
display: block;
}
.gallery a:hover:after {
content:'';
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
}
.mobbl1 {
display:none;
}

.menu_close, 
.menu_open, 
.menu_overlay {
display:none;
}

.st0{
fill:none;
}

.scroll_top {
position:fixed;
z-index:20;
right:20px;
bottom:20px;
width:50px;
height:50px;
background-color: rgba(60, 73, 100, 0.302);
box-shadow: 0px 6px 6.44px 0.56px rgba(0, 0, 0, 0.26);
}
.scroll_top:after {
content:'';
position:absolute;
top:50%;
left:50%;
width:16px;
height:16px;
margin:-4px 0 0 -8px;
border-top:2px #3c4964 solid;
border-right:2px #3c4964 solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}