html {
-webkit-text-size-adjust: none;
}
@font-face {
font-family: "ProximaNovaLight";
font-style: normal;
font-weight: normal;
src: url("../fonts/ProximaNovaLight.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaLight.woff2") format("woff2"), url("../fonts/ProximaNovaLight.woff") format("woff"), url("../fonts/ProximaNovaLight.ttf") format("truetype"), url("../fonts/ProximaNovaLight.svg#ProximaNovaLight") format("svg"); }
@font-face {
font-family: "ProximaNovaRegular";
font-style: normal;
font-weight: normal;
src: url("../fonts/ProximaNovaRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaRegular.woff2") format("woff2"), url("../fonts/ProximaNovaRegular.woff") format("woff"), url("../fonts/ProximaNovaRegular.ttf") format("truetype"), url("../fonts/ProximaNovaRegular.svg#ProximaNovaRegular") format("svg"); }
@font-face {
font-family: "ProximaNovaBold";
font-style: normal;
font-weight: normal;
src: url("../fonts/ProximaNovaBold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNovaBold.woff2") format("woff2"), url("../fonts/ProximaNovaBold.woff") format("woff"), url("../fonts/ProximaNovaBold.ttf") format("truetype"), url("../fonts/ProximaNovaBold.svg#ProximaNovaBold") format("svg"); }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
table {
border-collapse: collapse;
border-spacing: 0; }
ol, ul {
list-style: none; }
html {
font-size: 62.5%; }
html * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
*, *::after, *::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
min-width: 1px;
background-color: #6ad1fe;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.5;
color: #000; }
h1, h2, h3, h4, h5, h6, b {
font-weight: normal; }
input {
background-color: #fff;
padding: 0 11px;
border: 1px solid #c4c4c4;
border-radius: 2px;
box-shadow: none;
font-family: "ProximaNovaLight";
font-size: 1.4rem; }
input:focus {
outline: none; }
input.tarif {
display: none; }
button {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.l1__grid99 {
width: 100%;
overflow: hidden; }
.l1__grid12 {
width: 1140px;
margin: 0 auto;
position: relative; }
.l1__grid12::after {
clear: both;
content: "";
display: table; }
.l2__box1 {
padding: 11px 0;
background: url("../img/bg1.jpg") center -338px no-repeat; }
.l2__box1 .logo {
float: left;
width: 29%; }
.l2__box1 .logo img {
float: left;
margin-right: 11px;
padding-bottom: 36px;
}
.l2__box1 .logo h3 {
padding-top: 0;
font-family: "ProximaNovaLight";
font-size: 1.6rem;
line-height: 1.3; }
.l2__box1 .logo h3 span {
display: block;
font-family: "ProximaNovaBold";
font-size: 1.8rem;
line-height: 1.4;
text-transform: uppercase; }
.l2__box1 .contacts {
float: right;
margin-top: 2px;
font-size: 2.2rem;
line-height: 1.4; }
.l2__box1 .contacts b {
font-family: "ProximaNovaBold"; }
.l2__box1 .btn {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 5px;
border: none;
margin-left: 18px;
vertical-align: 3px; }
.l2__box1 .btn span {
display: block;
border-radius: 3px;
padding: 0 11px;
width: 100%;
height: 100%;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2);
text-transform: uppercase;
font-family: "ProximaNovaBold";
font-size: 1.5rem;
line-height: 44px;
color: #fff; }
.l2__box1 .btn span:hover {
background-color: #00adc2;
background-image: -webkit-linear-gradient(-403deg, #00adc2, #5bd18b);
background-image: linear-gradient(133deg,#00adc2, #5bd18b); }
.l2__box1 .btn span {
font-family: "ProximaNovaRegular";
text-transform: none; }
/*.l2__box2 {
height: 757px;
background: url("../img/bg2.jpg") no-repeat top center / cover #fff;
text-align: center; }*/
.l2__box2 {
height: 757px;
background: url("../img/bg2.jpg") no-repeat bottom center / cover #fff;
text-align: center;
}
.l2__box2 h3 {
padding: 111px 0 11px;
font-family: "ProximaNovaBold";
font-size: 7.2rem;
line-height: 1.05;
color: #fff;
text-transform: uppercase; }
.l2__box2 h5 {
font-family: "ProximaNovaBold";
font-size: 3.6rem;
line-height: 1.5;
color: #fff; }
.l2__box2 p {
display: inline-block;
padding: 4px;
margin-top: 30px;
border-radius: 22px;
background-color: rgba(39, 156, 226, 0.2);
white-space: nowrap;
font-family: "ProximaNovaRegular";
font-size: 1.5rem;
line-height: 38px; }
.l2__box2 p span {
display: block;
width: 100%;
height: 100%;
border-radius: 19px;
padding: 0 14px;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2); }
.l2__box2 p img {
padding: 0 4px 0 8px;
vertical-align: -2px; }
.l2__box3 {
position: relative;
margin-top: -33px;
padding: 11px 0;
z-index: 11; }
.l2__box3 .l1__grid12 {
height: 400px;
overflow: hidden;
border-radius: 6px;
/*background: #fff url("../img/bg3.jpg") -3px top no-repeat;*/
background:url(../img/x/6.jpeg) no-repeat center / cover;
position:relative;
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
overflow:hidden;
}
.l2__box3 .l1__grid12:after {
content:'';
background:rgba(63,130,211,0.8);
width:100%;
height:100%;
position:absolute;
top:0; left:0;
z-index:1;
}
.l2__box3 .l1__grid12 > div,
.l2__box3 .l1__grid12 > form {
position:relative;
z-index:2;
}
.l2__box3 .l1__grid12 > form {
background:#fff;
margin:0;
padding-left:30px;
padding-right:30px;
box-sizing:border-box;
width:auto;
height:100%;
}
.l2__box3 .col-1 {
width: 274px;
padding: 8px 20px 0;
float: left;}
.l2__box3 .col-1 h3 {
font-family: "ProximaNovaBold";
font-size: 3.6rem;
line-height: 1.4;
color: #fff; }
.l2__box3 .col-1 p {
font-family: "ProximaNovaBold";
font-size: 2.4rem;
line-height: 1.3;
color: #fff;
padding-bottom: 10px;}
.l2__box3 .col-1 h4 {
text-indent: -4px;
font-family: "ProximaNovaBold";
font-size: 4.8rem;
line-height: 1.3;
color: #fff; }
.l2__box3 .col-1 h4 span {
color: #7affb0; }
.l2__box3 .col-1 h5 {
padding-bottom: 7px;
font-family: "ProximaNovaBold";
font-size: 2.4rem;
line-height: 1.1;
color: #7affb0; }
.l2__box3 .col-1 h5 span {
color: #fff; }
.l2__box3 .col-2 {
float: left;
width: 516px;
margin-top: 20px;
padding-left: 22px;
border-left: 1px solid rgba(255, 255, 255, 0.5);
color: #fff; padding-right: 10px;}
.l2__box3 .col-2 h3 {
padding: 4px 0 10px;
font-family: "ProximaNovaBold";
font-size: 2.4rem;
line-height: 1.2; }
.l2__box3 .col-2 h3 span {
color: #7affb0; }
.l2__box3 .col-2 h4 {
padding-bottom: 22px;
font-family: "ProximaNovaBold";
font-size: 1.8rem;
line-height: 1.0; }
.l2__box3 .col-2 p {
font-family: "ProximaNovaBold";
font-size: 1.8rem;
line-height: 1.5; }
.l2__box3 .js__timer div {
display: inline-block;
margin: 11px 9px 11px 0;
text-align: center;
font-size: 1.2rem;
line-height: 1.6; }
.l2__box3 .js__timer div:first-child {
display: none; }
.l2__box3 .js__timer span {
display: inline-block;
height: 51px;
width: 51px;
border-radius: 4px;
background-color: #fff;
margin-bottom: 2px;
font-family: "ProximaNovaRegular";
font-size: 2.9rem;
line-height: 51px;
color: #424242; }
.l2__box3 form {
float: right;
width: 277px;
margin-right: 44px;
text-align: center; }
.l2__box3 form h3 {
padding: 18px 0 16px;
text-transform: uppercase;
font-family: "ProximaNovaLight";
font-size: 2.4rem;
line-height: 1.5;
color: #2e7bd2; }
.l2__box3 form input {
width: 277px;
height: 46px;
background-color: #ebeff6;
margin-bottom: 22px;
border: none; }
.l2__box3 form button {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 5px;
border: none;
width: 100%;
margin: 2px 0 7px;
background-color: rgba(39, 156, 226, 0.2); }
.l2__box3 form button span {
display: block;
border-radius: 3px;
padding: 0 11px;
width: 100%;
height: 100%;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2);
text-transform: uppercase;
font-family: "ProximaNovaBold";
font-size: 1.5rem;
line-height: 44px;
color: #fff; }
.l2__box3 form button span:hover {
background-color: #00adc2;
background-image: -webkit-linear-gradient(-403deg, #00adc2, #5bd18b);
background-image: linear-gradient(133deg,#00adc2, #5bd18b); }
.l2__box3 form p {
white-space: nowrap;
font-family: "ProximaNovaRegular";
font-size: 1.1rem;
line-height: 1.4;
color: #b2bbce; }
.l2__box5 + .l2__box3 {
margin-top: -155px; }
.l2__box7 + .l2__box3 {
margin-top: -133px; }
.l2__box4 {
margin-top: -303px;
padding: 344px 0 44px;
background: url("../img/bg1.jpg") center top no-repeat;
text-align: center; }
.l2__box4 h3 {
text-align: center;
padding: 11px 0; }
.l2__box4 h3 span {
display: inline-block;
background-color: #2e7bd2;
border-radius: 4px;
padding: 0 11px;
white-space: nowrap;
font-family: "ProximaNovaLight";
font-size: 3.6rem;
line-height: 57px;
color: #fff; }
.l2__box4 .section1 {
padding: 44px 0 77px;
margin: 0 -44px;
font-size: 0;
font-weight:bold;
}
.l2__box4 .section1 .item {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
background-color: #f9fafc;
border-radius: 52px;
margin: 0 4px;
height: 104px;
width: 276px; }
.l2__box4 .section1 .item::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 104px;
height: 104px;
border-radius: 100%;
background-color: #ebeff6; }
.l2__box4 .section1 img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 104px;
height: 104px;
border-radius: 100%;
border-color: #ebeff6; }
.l2__box4 .section1 p {
position: absolute;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 114px;
width: 141px;
text-align: left;
font-family: "ProximaNovaRegular";
font-size: 1.6rem;
line-height: 1.3;
color: #2e7bd2; }
.l2__box4 .section2 {
margin: 0 -44px 28px;
font-weight:bold;
}
.l2__box4 .section2 img {
float: left;
position: relative;
z-index: 1;
width: 104px;
height: 104px;
border-radius: 100%; }
.l2__box4 .section2 p {
width: 390px;
background-color: #fff;
border-radius: 6px;
padding: 18px;
margin-left: 130px;
text-align: left;
font-family: "ProximaNovaRegular";
font-size: 1.6rem;
line-height: 1.4;
color: #2e7bd2; }
.l2__box4 .section2 .item {
display: inline-block;
vertical-align: top;
position: relative;
width: 526px;
margin: 0 28px 33px; }
.l2__box4 .section2 .item::before {
content: '';
position: absolute;
left: -16px;
top: -27px;
width: 126px;
height: 137px;
background: url("../img/mask1.png") 0 0 no-repeat; }
.l2__box4 .btn {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 5px;
border: none;
width: 277px; }
.l2__box4 .btn span {
display: block;
border-radius: 3px;
padding: 0 11px;
width: 100%;
height: 100%;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2);
text-transform: uppercase;
font-family: "ProximaNovaBold";
font-size: 1.5rem;
line-height: 44px;
color: #fff; }
.l2__box4 .btn span:hover {
background-color: #00adc2;
background-image: -webkit-linear-gradient(-403deg, #00adc2, #5bd18b);
background-image: linear-gradient(133deg,#00adc2, #5bd18b); }
.l2__box5 {
height: 760px;
padding: 33px 0 44px;
background: url("../img/bg4.jpg") center top no-repeat; }
.l2__box5 h3 {
text-align: center;
padding: 11px 0;
margin: 22px 0 44px; }
.l2__box5 h3 span {
display: inline-block;
background-color: #2e7bd2;
border-radius: 4px;
padding: 0 11px;
white-space: nowrap;
font-family: "ProximaNovaLight";
font-size: 3.6rem;
line-height: 57px;
color: #fff; }
.l2__box5 h4 {
background-color: #ebeff6;
font-family: "ProximaNovaLight";
font-size: 3.6rem;
line-height: 60px;
color: #2e7bd2; }
.l2__box5 p {
padding: 18px 18px 0;
font-family: "ProximaNovaRegular";
font-size: 1.8rem;
line-height: 1.3;
color: #2e7bd2; }
.l2__box5 p b {
font-family: "ProximaNovaBold"; }
.l2__box5 p span {
font-size: 1.4rem; }
.l2__box5 p img {
width: 15px;
height: 15px;
vertical-align: -2px;
margin-right: 3px;
margin-left: 2px; }
.l2__box5 .wrapper {
text-align: center;
margin: 0 -44px; }
.l2__box5 .item {
position: relative;
display: inline-block;
vertical-align: top;
min-height: 333px;
width: 348px;
margin: 0 22px;
background-color: #fff;
padding-bottom: 88px; }
.l2__box5 .btn {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 5px;
border: none;
position: absolute;
bottom: 18px;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background-color: rgba(39, 156, 226, 0.2); }
.l2__box5 .btn span {
display: block;
border-radius: 3px;
padding: 0 11px;
width: 100%;
height: 100%;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2);
text-transform: uppercase;
font-family: "ProximaNovaBold";
font-size: 1.5rem;
line-height: 44px;
color: #fff; }
.l2__box5 .btn span:hover {
background-color: #00adc2;
background-image: -webkit-linear-gradient(-403deg, #00adc2, #5bd18b);
background-image: linear-gradient(133deg,#00adc2, #5bd18b); }
.l2__box6 {
margin-top: -179px;
padding: 244px 0 55px;
background: url("../img/bg1.jpg") center top no-repeat; }
.l2__box6 .section1 {
text-align: center;
margin: 0 -44px; }
.l2__box6 .section1 img {
display: inline-block;
position: relative;
z-index: 1;
width: 150px;
height: 150px;
border-radius: 100%;
margin-bottom: 22px; }
.l2__box6 .section1 h3 {
position: relative;
z-index: 1;
font-family: "ProximaNovaRegular";
font-size: 2.4rem;
line-height: 1.2;
color: #2e7bd2; }
.l2__box6 .section1 h3 b {
font-family: "ProximaNovaBold";
font-size: 3rem; }
.l2__box6 .section1 p {
font-weight:bold;
padding: 11px 0 11px;
font-family: "ProximaNovaRegular";
font-size: 1.6rem;
line-height: 1.4;
color: #7e8ba6; }
.l2__box6 .section1 p b {
font-family: "ProximaNovaBold"; }
.l2__box6 .section1 .item {
position: relative;
display: inline-block;
vertical-align: top;
width: 520px;
min-height: 555px;
margin: 0 44px 22px;
background-color: #fff;
border-radius: 6px;
padding: 66px 33px 22px; }
.l2__box6 .section1 .item::before {
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 33px;
width: 193px;
height: 206px;
background: url("../img/mask2.jpg") 0 0 no-repeat; }
.l2__box6 .section2 {
margin: 0 -111px;
padding: 17px 0;
text-align: center; }
.l2__box6 .section2 h3 {
display: inline-block;
vertical-align: bottom;
width: 477px;
margin: 0 88px;
font-family: "ProximaNovaBold";
font-size: 2.4rem;
line-height: 1.5;
color: #fff; }
.l2__box6 .section2 h3:first-child {
text-align: right; }
.l2__box6 .section2 h3:last-child {
text-align: left; }
.l2__box6 .section2 h3:last-child span {
background-color: #5cd18b; }
.l2__box6 .section2 h3 span {
display: inline-block;
background-color: #ff5b2f;
padding: 0 11px; }
.l2__box6 .section3 {
padding: 28px 0 22px;
border-radius: 6px;
background-color: #fff; }
.l2__box6 .section3 .row {
position: relative;
padding: 17px 66px; }
.l2__box6 .section3 .row::after {
clear: both;
content: "";
display: table; }
.l2__box6 .section3 .row::before {
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: 7px;
width: 144px;
height: 44px;
background: url("../img/ico7.png") center center no-repeat;
background-size: contain; }
.l2__box6 .section3 .cell {
width: 411px;
font-family: "ProximaNovaRegular";
font-size: 1.8rem;
line-height: 1.4;
color: #2e7bd2; }
.l2__box6 .section3 .cell.left {
float: left;
text-align: right; }
.l2__box6 .section3 .cell.right {
float: right; }
.l2__box6 .section3 .cell b {
font-family: "ProximaNovaBold"; }
.l2__box7 {
padding: 44px 0 166px;
background: url("../img/bg5.jpg") center top no-repeat; }
.l2__box7 h3 {
text-align: center;
padding: 11px 0; }
.l2__box7 h3 span {
display: inline-block;
background-color: #2e7bd2;
border-radius: 4px;
padding: 0 11px;
white-space: nowrap;
font-family: "ProximaNovaLight";
font-size: 3.6rem;
line-height: 57px;
color: #fff; }
.l2__box7 .wrapper {
text-align: center;
margin: 0 -44px; }
.l2__box7 .item {
display: inline-block;
vertical-align: top;
overflow: hidden;
background-color: #fff;
border-radius: 6px;
width: 550px;
height: 318px;
margin: 33px 13px 0; }
.l2__box7 .item:nth-child(4) .wrap {
font-size: 1.3rem; }
.l2__box7 .js__pic {
width: 244px;
height: 100%;
float: left; }
.l2__box7 .wrap {
font-weight:bold;
text-align: left;
margin: 18px 28px 0 266px;
font-family: "ProximaNovaLight";
font-size: 1.6rem;
line-height: 1.4;
color: #2e7bd2; }
.l2__box7 .wrap b {
font-family: "ProximaNovaBold"; }
.l2__box8 {
margin-top: -201px;
padding: 266px 0 66px;
background: url("../img/bg1.jpg") center top no-repeat; }
.l2__box8 h3 {
text-align: center;
padding: 11px 0;
margin-bottom: 55px; }
.l2__box8 h3 span {
display: inline-block;
background-color: #2e7bd2;
border-radius: 4px;
padding: 0 11px;
white-space: nowrap;
font-family: "ProximaNovaLight";
font-size: 3.6rem;
line-height: 57px;
color: #fff; }
.l2__box8 p {
display: inline-block;
background-color: #3991ea;
border-radius: 4px;
padding: 0 6px;
text-align: center;
font-family: "ProximaNovaRegular";
font-size: 1.8rem;
line-height: 1.5;
color: #fff; }
.l2__box8 img {
display: block;
width: 86px;
height: 86px;
border-radius: 100%;
margin: 0 auto 11px; }
.l2__box8 .l1__grid12::after {
content: '';
position: absolute;
left: 144px;
top: 177px;
width: 949px;
height: 254px;
background: url("../img/curve.png") 0 0 no-repeat; }
.l2__box8 .item {
position: relative;
z-index: 1;
width: 211px;
text-align: center; }
.l2__box8 .row::after {
clear: both;
content: "";
display: table; }
.l2__box8 .row.row1 {
padding-left: 66px; }
.l2__box8 .row.row1 .item {
float: left;
margin-right: 44px;
margin-bottom: 99px; }
.l2__box8 .row.row2 {
padding-right: 211px; }
.l2__box8 .row.row2 .item {
float: right;
margin-left: 44px;
margin-bottom: 66px; }
.l2__box8 .btn {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 5px;
border: none;
display: block;
width: 277px;
margin: 0 auto; }
.l2__box8 .btn span {
display: block;
border-radius: 3px;
padding: 0 11px;
width: 100%;
height: 100%;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2);
text-transform: uppercase;
font-family: "ProximaNovaBold";
font-size: 1.5rem;
line-height: 44px;
color: #fff; }
.l2__box8 .btn span:hover {
background-color: #00adc2;
background-image: -webkit-linear-gradient(-403deg, #00adc2, #5bd18b);
background-image: linear-gradient(133deg,#00adc2, #5bd18b); }
.l2__box9 {
height: 410px;
padding-top: 68px;
background: url("../img/bg6.jpg") center top no-repeat; }
.l2__box9 h3 {
padding: 33px 0 18px;
font-family: "ProximaNovaLight";
font-size: 3.8rem;
line-height: 1.5;
color: #2e7bd2;
text-transform: uppercase; }
.l2__box9 h4 {
padding: 7px 0 4px;
font-family: "ProximaNovaLight";
font-size: 3.7rem;
line-height: 1.5;
color: #2e7bd2; }
.l2__box9 h4 b {
font-family: "ProximaNovaBold"; }
.l2__box9 h5 {
font-family: "ProximaNovaRegular";
font-size: 1.8rem;
line-height: 1.5;
color: #2e7bd2; }
.l2__box9 p {
font-family: "ProximaNovaRegular";
font-size: 2.4rem;
line-height: 1.5;
color: #7e8ba6; }
.l2__box9 p img {
width: 11px;
margin-right: 9px;
vertical-align: -1px; }
.l2__box9 .wrapper {
height: 284px;
width: 1011px;
margin: 0 auto;
overflow: hidden;
border-radius: 6px;
background: url("../img/bg7.jpg") center top no-repeat;
text-align: center; }
.l2__footer {
padding: 11px 0;
background-color: #0d3766; }
.l2__footer p {
text-align: right;
padding-top: 22px;
font-size: 1.4rem;
line-height: 1.5;
color: #bfd9f6; }
.l2__footer p img {
width: 10px;
margin-right: 10px;
vertical-align: -3px; }
.l2__footer p span {
padding: 0 6px 0 7px;
color: #7affb0; }
.l2__footer .logo {
float: left;
width: 50%; }
.l2__footer .logo img {
float: left;
width: 73px;
margin-right: 11px; padding-bottom: 35px; }
.l2__footer .logo h3 {
padding-top: 14px;
font-family: "ProximaNovaLight";
font-size: 1.6rem;
line-height: 1.6;
color: #3689d6; }
.l2__footer .logo h3 span {
display: block;
font-family: "ProximaNovaBold";
font-size: 1.8rem;
line-height: 1;
color: #bfd9f6;
text-transform: uppercase; }
.l2__footer .logo a {
padding-top: 14px;
font-family: "ProximaNovaLight";
font-size: 1.6rem;
line-height: 1.6;
color: #3689d6; }
.l2__popup {
width: 411px;
margin: 33px auto;
padding: 33px 0; }
.l2__popup form {
margin: 0 33px;
padding: 18px;
background-color: #f9fafc;
border-radius: 6px;
text-align: center; }
.l2__popup form button {
display: inline-block;
cursor: pointer;
background-color: #ededed;
border: 1px solid #c4c4c4;
border-radius: 0;
padding: 0 14px;
font-family: "ProximaNovaLight";
font-size: 1.4rem;
line-height: 1.3;
color: #000;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-color: rgba(255, 255, 255, 0.2);
padding: 4px;
border-radius: 5px;
border: none;
width: 277px;
margin: 4px 0 11px;
background-color: rgba(39, 156, 226, 0.2); }
.l2__popup form button span {
display: block;
border-radius: 3px;
padding: 0 11px;
width: 100%;
height: 100%;
background-color: #5bd18b;
background-image: -webkit-linear-gradient(-403deg, #5bd18b, #00adc2);
background-image: linear-gradient(133deg,#5bd18b, #00adc2);
text-transform: uppercase;
font-family: "ProximaNovaBold";
font-size: 1.5rem;
line-height: 44px;
color: #fff; }
.l2__popup form button span:hover {
background-color: #00adc2;
background-image: -webkit-linear-gradient(-403deg, #00adc2, #5bd18b);
background-image: linear-gradient(133deg,#00adc2, #5bd18b); }
.l2__popup h3 {
padding: 6px 0 14px;
text-transform: uppercase;
text-align: center;
font-family: "ProximaNovaLight";
font-size: 2.4rem;
line-height: 1.5;
color: #2e7bd2; }
.l2__popup input {
width: 277px;
height: 38px;
background-color: #ebeff6;
margin-bottom: 8px;
border: none; }
.l2__popup p {
width: 277px;
margin: 0 auto;
white-space: nowrap;
font-family: "ProximaNovaRegular";
font-size: 1.1rem;
line-height: 1.4;
color: #b2bbce; }
@media only screen and (min-width: 1000px) {
.g-anim, .g-anim1 {
opacity: 0;
-webkit-transition: -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s;
-moz-transition: -moz-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s;
transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.6s;
-webkit-transform: translateY(22px);
-moz-transform: translateY(22px);
-ms-transform: translateY(22px);
-o-transform: translateY(22px);
transform: translateY(22px); }
.g-anim.aactive, .g-anim1.aactive {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.l2__box2 .anim1, .l2__box2 .anim2, .l2__box2 .anim3 {
opacity: 0;
-webkit-transform: translateY(33px);
-moz-transform: translateY(33px);
-ms-transform: translateY(33px);
-o-transform: translateY(33px);
transform: translateY(33px);
-webkit-transition: -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s;
-moz-transition: -moz-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s;
transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s; }
.l2__box2 .anim1.aactive, .l2__box2 .anim2.aactive, .l2__box2 .anim3.aactive {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.l2__box2 + .l2__box3 {
opacity: 0;
-webkit-transform: translateY(22px) scale(0.92);
-moz-transform: translateY(22px) scale(0.92);
-ms-transform: translateY(22px) scale(0.92);
-o-transform: translateY(22px) scale(0.92);
transform: translateY(22px) scale(0.92);
-webkit-transition: -webkit-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s;
-moz-transition: -moz-transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s;
transition: transform 2.2s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s; }
.l2__box2 + .l2__box3.aactive {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
-moz-transform: translateY(0) scale(1);
-ms-transform: translateY(0) scale(1);
-o-transform: translateY(0) scale(1);
transform: translateY(0) scale(1); }
.l2__box4 .anim {
opacity: 0;
-webkit-transform: translateY(22%);
-moz-transform: translateY(22%);
-ms-transform: translateY(22%);
-o-transform: translateY(22%);
transform: translateY(22%);
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s; }
.l2__box4 .anim.aactive {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.l2__box5 .anim {
opacity: 0;
-webkit-transition: -webkit-transform 2.9s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s;
-moz-transition: -moz-transform 2.9s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s;
transition: transform 2.9s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s;
-webkit-transform: translateY(44px);
-moz-transform: translateY(44px);
-ms-transform: translateY(44px);
-o-transform: translateY(44px);
transform: translateY(44px); }
.l2__box5 .anim.aactive {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
.l2__box8 .anim img {
opacity: 0;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s; }
.l2__box8 .anim.aactive img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
.l2__box8 .anim p {
opacity: 0;
-webkit-transform: translateY(-11px);
-moz-transform: translateY(-11px);
-ms-transform: translateY(-11px);
-o-transform: translateY(-11px);
transform: translateY(-11px);
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s; }
.l2__box8 .anim.aactive p {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); } }
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-moz-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
-o-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-bg {
opacity: 0.01;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8; }
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0; }
.mfp-close {
color: #fff !important; }
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0; }
/*.mfp-bg, .mfp-wrap {
min-width: 1000px !important; }*/
/*# sourceMappingURL=style.css.map */
.l2__box3 .col-1 h6 {
padding-bottom: 7px;
font-family: "ProximaNovaBold";
font-size: 10px;
color: #fff;
line-height: 24px;
}
a.mailto {
white-space: nowrap;
font-size: 2.2rem;
margin-right: 18px;
color: #000000;
font-weight: bold;
text-decoration: none;
}
.l2__box1 .contacts a {color:#000; text-decoration:none;}
.l2__box1 .contacts a:hover {color:#000; text-decoration:underline;}
.l2__box9 a {color:#2e7bd2; text-decoration:none;}
.l2__box9 a:hover {color:#2e7bd2; text-decoration:underline;}
.whatsapp {
width:96px;
position:fixed;
bottom:180px; right:30px;
z-index:500;
display:block;
}
.whatsapp span {
background:rgba(0,0,0,0.9);
border-radius:5px;
padding:5px 15px;
color:#fff;
position:absolute;
bottom:calc(100% + 10px);
right:0;
white-space:nowrap;
opacity:0;
z-index:-1;
transition:300ms;
}
.whatsapp img {
display:block;
width:70px;
transition:300ms;
margin:0 auto;
}
.whatsapp img:hover {
transform:scale(0.89);
}
.whatsapp img:hover + span {
opacity:1;
z-index:1;
}
.whatsapp i {
background:rgba(80,201,93,0.8);
border-radius:5px;
padding:3px 0px;
color:#fff;
position:absolute;
top:calc(100% + 5px);
left:0;
font-weight:bold;
white-space:nowrap;
font-style:normal;
transition:300ms;
width:100%;
text-align:center;
}
.whatsapp img:hover + span + i {
background:rgba(80,201,93,1);
}
@media(max-width:768px) {
.whatsapp {
bottom:40px; right:auto;
left:15px;
width:70px;
}
.whatsapp img {
width:50px;
}
.whatsapp span {
display:none;
}
.whatsapp i {
font-size:11px;
padding:2px 5px;
}
}
.l2__box2 {
position:relative;
}
.flamp {
position:absolute;
top:0; right:0;
}
.flamp-title {
background:rgba(0,0,0,0.4);
color:#fff;
font-weight:bold;
padding:5px 5px;
}
.p-text {
background:rgba(0,0,0,0.4);
color:#fff;
font-weight:bold;
padding:5px 5px;
position:absolute;
left:0; top:0;
}
.p-text2 {
background:linear-gradient(133deg,#5bd18b, #00adc2);
color:#000;
font-weight:bold;
padding:5px 5px;
position:absolute;
left:0; top:0;
width: 100%;
}
.dp-text h3 {
font-size:2rem!important;
}
.dp-text h4 {
padding-bottom:11px!important;
font-size:1.6rem!important;
}
.l2__box2 h5 {
font-size:3.2rem;
}
/*.l2__box3 .l1__grid12 {
background:url('../img/x/6.jpeg') no-repeat #fff;
}*/
@media(max-width:1150px) {
.l1__grid12 {
width:100%;
}
.l2__box1 .l1__grid12 {
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.l2__box1 .l1__grid12 > div {
width:100%;
}
.l2__box1 .contacts {
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.l2__box1 .logo {
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.l2__box2 {
height:auto;
padding-bottom:25px;
}
.p-text2 {
position:static;
}
.l2__box2 h3 {
padding:30px 0 15px 0;
font-size:5rem;
}
.l2__box2 h5 {
font-size:2rem;
}
.l2__box2 p.anim3 {
white-space:normal;
line-height:25px;
}
.l2__box2 p span {
padding:10px;
}
.l2__box3 {
margin:0;
}
.l2__box3 .l1__grid12 > div,
.l2__box3 .l1__grid12 > form {
width:100%;
}
.l2__box3 .l1__grid12 {
height:auto;
}
.l2__box3 .l1__grid12 > div {
padding:15px;
}
.l2__box3 .col-2 {
margin-top:0;
padding-top:5px!important;
}
.l2__box3 form button {
width:277px;
}
.l2__box4 {
padding:335px 0 35px 0;
}
.l2__box4 .section1 {
display:flex;
flex-wrap:wrap;
max-width:650px;
margin:0 auto;
padding:30px 0;
}
.l2__box4 .section1 .item {
margin:8px;
width:calc(50% - 16px);
}
.l2__box4,
.l2__box6 {
background-size:cover;
}
.l2__box4 .section2 {
margin-bottom:0;
}
.l2__box6 .section3 .cell {
width:50%;
}
.l2__box6 .section3 .cell.left {
padding-right:80px;
}
.l2__box6 .section3 .cell.right {
padding-left:80px;
}
.l2__box7 h3 {
padding:11px;
font-size:2.8rem;
}
.l2__box7 h3 span,
.l2__box8 h3 span {
white-space:normal;
line-height:45px;
}
.l2__box7 .item {
width:100%;
margin:15px 0 0 0;
}
.l2__box7 .wrapper {
margin:0 15px;
}
.l2__box8 {
padding:235px 0 35px 0;
}
.l2__box8 h3 {
margin-bottom:25px;
}
.l2__box8 .row.row1,
.l2__box8 .row.row2 {
display:flex;
flex-wrap:wrap;
justify-content:center;
padding-left:0;
margin:-25px;
}
.l2__box8 .row.row1 .item,
.l2__box8 .row.row2 .item {
width:50%;
margin:0;
padding:25px;
}
.l2__box8 .l1__grid12::after {
display:none;
}
.l2__box8 .row.row2 {
padding-right:0;
}
.l2__box8 .btn {
margin-top:30px;
}
.l2__footer .l1__grid12 {
display:flex;
flex-wrap:wrap;
text-align:center;
}
.l2__footer .logo {
display:flex;
flex-wrap:wrap;
justify-content:center;
width:100%;
align-items:center;
}
.l2__footer p {
margin:5px 0!important;
width:100%;
text-align:center;
padding:0!important;
}
.l2__box9 .wrapper {
width:calc(100% - 30px);
}
.l2__box9 {
height:auto;
padding:35px 0;
}
}
@media(max-width:767px) {
.l2__box9 h3,
.l2__box9 h4 {
font-size:2.5rem;
}
.l2__box1 .logo h3 {
width:100%;
text-align:center;
}
.l2__box1 .contacts > span {
width:100%;
margin:15px 0;
text-align:center;
}
a.mailto {
font-size:1.8rem;
margin:0;
float: none !important;
}
.l2__box2 h3 {
font-size:3rem;
}
.l2__box2 h5 {
font-size:1.5rem;
}
.l2__box2 h3,
.l2__box2 h5 {
padding-left:8px;
padding-right:8px;
}
.l2__box3 .col-1 h5 {
font-size:2rem;
}
.l2__box3 .l1__grid12 > form {
padding-left:0;
padding-right:0;
}
}
@media(max-width:650px) {
.l2__box4 .section1 .item {
width:calc(100% - 18px);
}
.l2__box6 .section1 {
margin:0;
padding:0 15px;
}
.l2__box6 .section1 .item {
width:100%;
margin:0 0 20px 0;
padding:20px;
min-height:1px;
}
.l2__box6 .section1 .item:last-child {
margin-bottom:0;
}
.l2__box7 .item {
height:auto;
}
.l2__box7 .js__pic {
width:100%;
float:none;
height:250px;
}
.l2__box7 .wrap {
margin:0;
padding:15px;
}
.l2__box7 h3 span,
.l2__box8 h3 span {
font-size:2.5rem;
}
.l2__box8 .row.row1 .item,
.l2__box8 .row.row2 .item {
width:100%;
}
.l2__box8 {
background-size:cover;
}
.l2__box1 .logo img {
margin-right:0;
}
.l2__box4 .section1 {
padding-top:15px;
}
.l2__box4 .section2 {
margin:0;
}
.l2__box4 .section2 .item {
width:auto;
margin-right:0;
padding-right:15px;
}
.l2__box4 .section2 .item::before,
.l2__box4 .section2 img {
zoom:0.6;
}
.l2__box4 .section2 p {
width:calc(100% - 85px);
margin-left:auto;
}
}
@media(max-width:550px) {
.l2__box6 .section3 .row {
padding:15px 10px;
zoom:0.65;
}
.l2__box6 .section2 h3 {
width:100%;
margin:0;
}
.l2__box6 .section2 {
margin:0 10px;
}
.l2__box6 .section2 h3:first-child {
margin-bottom:15px;
}
.l2__box6 .section2 h3 {
font-size:1.9rem;
line-height:1.5;
}
}
@media(max-width:450px) {
.l2__box4 .section2 p {
font-size:1.3rem;
}
.l2__box9 h5 {
font-size:1.4rem;
}
.l2__box9 .wrapper {
height:auto;
padding:15px;
}
.l2__box7 h3 span,
.l2__box8 h3 span {
font-size:2rem;
line-height:1.5;
}
}
.elka {
position:fixed;
top:0; left:0;
z-index:9997;
width:300px;
height:229px;
}
.elka-right img {
transform:rotate(360deg);
}
.elka-right {
left:auto;
right:0;
}
@media(max-width:990px) {
.elka {
display:none;
}
}
@-webkit-keyframes jittery {
5%, 50% {
-webkit-transform: scale(1);
transform: scale(1)
}
10% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
15% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
20% {
-webkit-transform: scale(1.05) rotate(-5deg);
transform: scale(1.05) rotate(-5deg)
}
25% {
-webkit-transform: scale(1.05) rotate(5deg);
transform: scale(1.05) rotate(5deg)
}
30% {
-webkit-transform: scale(1.05) rotate(-3deg);
transform: scale(1.05) rotate(-3deg)
}
35% {
-webkit-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg)
}
40% {
-webkit-transform: scale(1.05) rotate(0);
transform: scale(1.05) rotate(0)
}
}
@keyframes jittery {
5%, 50% {
-webkit-transform: scale(1);
transform: scale(1)
}
10% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
15% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
20% {
-webkit-transform: scale(1.05) rotate(-5deg);
transform: scale(1.05) rotate(-5deg)
}
25% {
-webkit-transform: scale(1.05) rotate(5deg);
transform: scale(1.05) rotate(5deg)
}
30% {
-webkit-transform: scale(1.05) rotate(-3deg);
transform: scale(1.05) rotate(-3deg)
}
35% {
-webkit-transform: scale(1.05) rotate(2deg);
transform: scale(1.05) rotate(2deg)
}
40% {
-webkit-transform: scale(1.05) rotate(0);
transform: scale(1.05) rotate(0)
}
}
@-webkit-keyframes heartbeat {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
}
@keyframes heartbeat {
50% {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
}
.dedok {
position:fixed;
bottom:50px; left:30px;
cursor:pointer;
z-index:999998;
}
.dedok:hover {
-webkit-animation: heartbeat .2s infinite;
animation: heartbeat .2s infinite;
}
.dedok img {
width:140px;
}
.ng-window {
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
overflow:auto;
position:fixed;
top:0; left:0;
overflow:auto;
opacity:0;
z-index:-1;
transition:500ms;
display:flex;
justify-content:center;
align-items:center;
padding:20px 0;
}
.ng-window.active {
z-index:999999;
opacity:1;
}
.ng-background {
width:100%;
height:100%;
position:absolute;
top:0; left:0;
}
.ng-box {
background:url(/img/ng-bg.jpg) no-repeat top right / cover #fff;
width:1200px;
max-width:95%;
margin:0 auto;
border-radius:5px;
position:relative;
z-index:2;
padding:60px 25px;
}
.ng-close {
font-size:25px;
position:absolute;
top:10px; right:10px;
cursor:pointer;
}
.ng-text {
font-size:18px;
line-height:1.5;
max-width:400px;
}
.ng-text p:not(:last-child) {
margin-bottom:25px;
}
@media(max-width:1200px) {
.ng-box {
background:url(/img/ng-bg.jpg) no-repeat top left / cover #fff;
}
}
@media(max-width:768px) {
.dedok {
bottom:100px;
left:12px;
}
}
@media(max-width:550px) {
.ng-box {
padding:30px 20px;
}
.ng-text {
font-size:15px;
}
.dedok img {
width:80px;
}
}
.hvoya {
position:fixed;
top:-40px;
left:0;
width:100%;
height:89px;
background:url(../img/girlyanda0001.gif) repeat-x;
z-index:9998;
}
.l2__box1 > div {
position:relative;
z-index:1000;
}
.rev_link {}
.rev_link img { border-radius: 50%; width: 40px; margin-right: 6px;}
.flexing {
display: flex;
flex-wrap: wrap;
}
.rev-items {
margin: -8px -16px;
}
.rev-item {
padding: 8px 16px;
}
.rev-item-box {
position: relative;
}
.rev-item-link {
width: 100%;
height: 100%;
position: absolute;
top: 0; left: 0;
z-index: 2;
cursor: pointer;
}
.rev-item-top {
align-items: center;
margin-bottom: 5px;
}
.rev-item-image img {
background: #fff;
display: block;
width: 30px;
border-radius: 50px;
}
.rev-item-value {
font: 24px/1 "ProximaNovaBold", sans-serif;
margin-left: 6px;
}
.rev-item-stars img {
display: block;
}
.rev-item-stars {
margin-bottom: 4px;
}
.rev-item-text {
font-size: 15px;
}
.rev {
float: left;
margin-right: 50px;
}
.rev_title {
margin-bottom: 10px;
font-size: 19px;
}
.l2__box1 {
background: linear-gradient(to right, #85E9FF, #3790EC)!important;
}
.hright {
float: left;
padding-bottom: 5px;
}
.hright-phones {
margin: 0px 0 5px 0;
text-align: center;
}
@media(max-width: 767px) {
.rev {
margin: 15px 0;
}
.rev_title {
text-align: center;
}
.rev-items {
justify-content: center;
}
}
@media(max-width: 450px) {
.rev-items {
max-width: 260px;
margin: -8px auto;
}
.rev-item {
width: 50%;
}
}
.flex {
display: flex;
flex-wrap: wrap;
}
.eye {
background: #f2f2f2;
border-bottom: 3px double #dcdcdc;
padding: 25px 0;
}
.eye,
.eye * {
font-family: 'Arial', sans-serif;
}
.eye-in {
max-width: 1250px;
margin: 0 auto;
}
.eye-items {
margin: -15px -20px;
justify-content: space-between;
}
.eye-item {
padding: 15px 20px;
}
.eye-item.divider {
width: 100%;
padding: 0 20px;
}
.eye-item-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 7px;
}
.eye-item-cont > div > div {
margin-right: 13px;
cursor: pointer;
}
.eye-item-cont > div > div:last-child {
margin: 0;
}
.eye-item-cont .flex {
align-items: center;
}
.eye-size {
font-size: 18px;
border: 1px solid transparent;
padding: 3px;
line-height: 1;
}
.eye-size.active {
border-color: #000;
}
.eye-size.i-2 {
font-size: 23px;
}
.eye-size.i-3 {
font-size: 26px;
}
.eye-color {
background: #fff;
padding: 3px 6px;
line-height: 1;
font-size: 18px;
}
.eye-color.i-2 {
background: #000;
color: #fff;
}
.eye-spacing.active {
font-weight: bold;
}
.eye-spacing.i-2 {
letter-spacing: 0.2em;
}
.eye-spacing.i-3 {
letter-spacing: 0.4em;
}
.eye-line.active {
font-weight: bold;
}
.eye-line.i-2 {
line-height: 1.8;
}
.eye-line.i-3 {
line-height: 2.1;
}
.eye-font.active {
font-weight: bold;
}
.eye-font.i-2 {
font-family: 'Myriad Pro';
}
.eye-off {
background: #af6844;
color: #fff;
padding: 5px 8px;
cursor: pointer;
transition: 300ms;
margin-top: 10px;
}
.eye-off:hover {
opacity: 0.75;
}
.eye-images {
background: #bbb;
width: 70px;
border-radius: 50px;
height: 30px;
position: relative;
cursor: pointer;
}
.eye-images > input {
opacity: 0;
position: absolute;
}
.eye-images > label {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
.eye-images > label:before {
content: '';
background: red;
width: 24px;
height: 24px;
position: absolute;
top: 3px; left: 3px;
border-radius: 50px;
transition: 300ms;
}
.eye-images > input:checked + label:before {
background: green;
left: 43px;
}
@media(max-width: 1270px) {
.eye {
padding: 15px 10px;
}
}
@media(max-width: 991px) {
.eye-item.divider {
display: none;
}
.eye-items {
margin: -10px -15px;
}
.eye-item {
padding: 10px 15px;
}
.eye-off {
margin: 0;
}
.l2__popup form {
margin: 0 15px;
}
.l2__popup {
width: auto;
}
}