/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* styles */
html, body {}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust:none;
    font-family: 'Gotham Pro';
    font-size: 18px;
}

#main {
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

.wrapper {
    width: 1148px;
    margin: 0 auto;
    position: relative;
}

p, li {line-height: 130%;}

#formCaller {display: none; opacity: 0;}
  header {padding: 10px 0;}
  header a {color: #000;text-decoration: none;}
  .header__desc {font-size: 16px; text-align: center; line-height: 150%;}
  .header__phone {text-align: right; width: 258px;}
  .header__phone span {display: block; font-weight: bold; font-size: 24px; padding: 0 0 7px 0;}
  a.callback {font-size: 16px; border-bottom: 1px dotted #000; text-decoration: none;}

.heading__box {background: url(../images/heading-bg.jpg) no-repeat 50% 100% #99d7e4; overflow: hidden; height: 845px; box-sizing: border-box; padding: 230px 0 0 0;}
  .heading__block { padding: 0 0 0 570px;}
  .h1__title {font-size: 60px; font-family: 'Junegull'; color: #fff; line-height: 130%; padding: 0 0 30px 0; display: block; text-transform: uppercase;}
  .heading__block p {font-size: 20px; font-weight: 500; padding: 0 0 30px 0;}
  .btn {display: inline-block;vertical-align: middle; transition: 0.3s; font-family: 'Junegull'; font-size: 24px; background: url(../images/btn-bg.png) no-repeat; width: 368px; height: 111px; text-align: center; line-height: 111px; text-decoration: none; color: #000;}
  .file-size {display: inline-block;padding: 0 0 0 25px; vertical-align: middle;}
  .a-icon {display: block; position: absolute; top: -230px;}
  .a-icon1 {left: 3px;}
  .a-icon2 {left: 26px; top: -120px;}
  .a-icon3 {left: 200px;}
  .a-icon4 {left: 50%; margin-left: -150px;}
  .a-icon5 {right: 412px;}
  .a-icon6 {right: 257px;}
  .a-icon7 {right: 195px; top: -207px;}
  .a-icon8 {right: 63px;}
  .a-icon9 {right: 0; top: -155px;}

.section1__box {padding: 100px 0 80px 0;}
  .h2__title {display: block; line-height: 120%; text-transform: uppercase; font-family: 'Junegull'; font-size: 48px; text-align: center; padding: 0 0 60px 0;}
  .section1__block {border: 10px solid #f2d42e; border-radius: 70px; padding: 60px 50px 0 50px; margin: 0 210px 0 -60px; border-right: 0;}
  .section1__block span {font-size: 30px; font-weight: bold; display: block; line-height: 120%; padding: 0 0 18px 0;}
  .section1__block p {padding: 0 0 60px 0;}
  .section1-image {position: absolute; top: 140px; right: 0; z-index: 1;}

.section2__box {padding: 70px 0 100px 0; text-align: center; position: relative;}
  .section2__block {background: #fff; padding: 90px 95px 65px 95px; margin: 0 -95px; border-radius: 70px;}
  .section2__box .h2__title {padding: 0 0 25px 0;}
  .section2__head {font-size: 24px; padding: 0 0 44px 0; color: #707070;}
  .section2__title {font-size: 24px; font-weight: bold; padding: 0 0 44px 0;} 
  .section2-block p {font-weight: bold; padding: 25px 0 0 0;}

.section3__box {text-align: center; padding: 100px 0 140px 0;}
  .section3__title {font-size: 30px; font-weight: bold; padding: 0 0 73px 0;}
  .section3__block {padding: 0 0 70px 0;}
  .section3__block p {font-size: 16px; padding: 15px 0 0 0;}
  .section3__bottom-box {border: 5px solid #f2d42e; border-radius: 40px; padding: 50px; font-weight: bold; line-height: 130%; margin: 0 200px;} 
  .fix {position: absolute;}
  .fix1 {bottom: -40px; left: 90px; }
  .fix2 {bottom: 0px; right: 130px;}

.section4__box {background: url(../images/section4-bg.jpg) no-repeat 50% 0; #12aee1; padding: 90px 0 70px 0; position: relative; color: #fff;}
  .section4__block {padding: 0 0 0 490px;}
  .section4__box .h2__title {text-align: left; font-size: 36px; padding: 0 0 20px 0;}
  .section4__box p {font-weight: bold; padding: 0 0 42px 0;}
  .section4__box input[type="text"], .section7__form input[type="text"] {display: block; margin: 0 0 60px 0; width: 205px; height: 53px; border: 0; font-family: 'Gotham Pro'; font-size: 16px; border-radius: 50px; box-sizing: border-box; padding: 0 22px;}
  .section4__box button, .section7__form button {display: block; transition: 0.3s; margin: 0 auto; background: url(../images/button-bg.png) no-repeat; font-family: 'Junegull'; width: 368px; height: 111px; border: 0; cursor: pointer; font-size: 24px;}
  .section4__box button:hover, .section7__form button:hover, .btn:hover {opacity: 0.9;}
  .section4-image {position: absolute; top: -125px; left: -67px; z-index: 2;}
  .section4__box form {position: relative; z-index: 10;}

.section5__box {/*padding: 110px 0;*/ text-align: center;}
  .section5__box .h2__title {padding: 0 0 30px 0;}
  .section2__title {font-size: 24px; padding: 0 0 84px 0; font-weight: bold;}
  .section5__block {position: relative; font-size: 16px; padding: 0 0 67px 0;}
  .section5__block img {max-width: 100%; max-height: 100%; display: block; margin: 0 0 15px 0;}
  .section5__block strong {position: absolute;top: -10px; left: -10px; z-index: 1; font-size: 48px; font-family: 'Junegull'; color: #fff;}
  .number1 {background: url(../images/number1.png) no-repeat; width: 74px; height: 77px; line-height: 77px;}
  .number2 {background: url(../images/number2.png) no-repeat; width: 77px; height: 77px; line-height: 77px;}
  .number3 {background: url(../images/number3.png) no-repeat; width: 77px; height: 77px; line-height: 77px;}
  .number4 {background: url(../images/number4.png) no-repeat; width: 75px; height: 79px; line-height: 79px;}
  .number5 {background: url(../images/number5.png) no-repeat; width: 76px; height: 78px; line-height: 78px;}
  .section5-image {position: absolute; bottom: -70px; right: -125px; z-index: -1;}
  .section6__block {padding: 0 0 88px 0;}
  .section6__block span {display: block; font-weight: bold; font-size: 44px; padding: 30px 0 20px 0;}
  .section6__bottom {font-weight: bold; /*font-size: 24px;*/ color: red;} 

.section7__box {padding: 100px 0 15px 0;}
  .section7__form {background: url(../images/section7-bg.png) no-repeat 100% 50px #12aee1; border-radius: 70px; padding: 70px 100px; margin: 0 -100px; color: #fff; text-align: center;}
  .section7__form p {font-weight: bold; font-size: 24px; padding: 0 0 100px 0;}
  .section7__form input[type="text"] {width: 355px; height: 92px; padding: 0 40px; font-size: 26px;}
  .fix3 {bottom: -50px; left: 60px;}
  .fix4 {bottom: -20px; right: -230px;}

  .thanks .heading__box {padding: 80px 0 0 0;}
  .thanks .h1__title {font-size: 45px;}
  .heading__title, .time__block {display: block; line-height: 130%; padding: 0 0 25px 0;}
  .back__btn {padding: 20px 0 0 0;}
  .back__btn a {color: #000;}


  .modal__box {display: none; width: 400px; text-align: center; font-size: 16px; position: relative;}
  .modal__box input[type="text"] {display: block; width: 100%; font-family: 'Gotham Pro'; font-weight: 500; padding: 0 20px; margin: 0 0 15px 0; height: 65px; border: 1px solid #8f8f8f; background: #e1e1e1; box-sizing: border-box; font-size: 20px; color: #000;}
  .modal__box .h3__title {text-align: center; font-size: 25px; font-weight: bold; padding: 0 0 25px 0;}
  .modal__box form button {display: block; margin-top: 25px; width: 100%; height: 70px; font-size: 22px; cursor: pointer; font-family: 'Junegull'; transition: 0.3s; color: #000; background: #fce700; border: 0; border-radius: 50px;}
  .modal__box form button:hover {background: #f4e53f;}
  .modal__box p, .modal__box span {padding: 0 0 15px 0; display: block; line-height: 130%;}
  .modal__box input[type="checkbox"] + label:before {border-color: #000;}
  .modal__box input[type="checkbox"]:checked + label:after {width: 8px; height: 8px; background: #000; border-radius: 100%; top: 6px; left: 6px;}
  
  .btn-news {position: absolute; top: 150px; left: 50%; margin-left: -150px; display: block; width: 300px; height: 50px; font-size: 18px; line-height: 1.2; text-align: center; cursor: pointer; color: #fff; background: #c20505; border: 0; border-radius: 50px; z-index: 1000;padding-top: 5px; text-decoration: underline}
  .btn-news strong {text-transform: uppercase; font-weight: 500}

  input.error {
    border: 1px solid #ff0000 !important;
  }
  label.error {display:  block; padding: 0 0 15px 0; margin: -10px 0 0 0; transition: 1s; font-size: 14px; color: #ff0000;}

  #wl-modal-window, #wl-modal-overlay {display: none !important;}

/* footer */
footer {padding: 50px 0; font-size: 16px;}
  footer a {color: #000;}
  .police__block {font-size: 14px; padding: 20px;}

*:focus {outline: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
   -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.flex {display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.space-between {-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.align-item {-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.row {margin: 0 -14px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .col-md-1 {padding: 0 14px; box-sizing: border-box; -webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
    .col-md-2 {padding: 0 14px; box-sizing: border-box; -webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
    .col-md-3 {padding: 0 14px; box-sizing: border-box; -webkit-flex:0 0 33.3%;-ms-flex:0 0 33.3%;flex:0 0 33.3%;max-width:33.3%;}
    .col-md-4 {padding: 0 14px; box-sizing: border-box; -webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}

input[type="checkbox"] {position: absolute;left: -9999px;}
input[type="checkbox"] + label {position: relative; margin: 25px 0 0 0; text-align: left; font-size: 14px; display: inline-block; line-height: 130%; padding: 0 0 0 30px;}
input[type="checkbox"] + label:before {content: ""; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 100%;}
input[type="checkbox"]:checked + label:after {content: ""; position: absolute; top: 0; left: 0; width: 23px; height: 17px; background: url(../images/check.png) no-repeat 50% 50%;}

.br-block {display: none;}
.preload__box {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100;}
.preload__box .flex {width: 100%; height: 100%;}

@-webkit-keyframes animate-icon1 {
  0%   { margin-top: 0px; }
  50% {margin-top: -35px;}
  100% { margin-top: 0; }
}
@-moz-keyframes animate-icon1 {
  0%   { margin-top: 0px; }
  50% {margin-top: -35px;}
  100% { margin-top: 0; }
}
@-o-keyframes animate-icon1 {
  0%   { margin-top: 0px; }
  50% {margin-top: -35px;}
  100% { margin-top: 0; }
}
@keyframes animate-icon1 {
  0%   { margin-top: 0px; }
  50% {margin-top: -35px;}
  100% { margin-top: 0; }
}

@-webkit-keyframes animate-icon2 {
  0%   { margin-top: 0px; }
  50% {margin-top: -55px;}
  100% { margin-top: 0; }
}
@-moz-keyframes animate-icon2 {
  0%   { margin-top: 0px; }
  50% {margin-top: -55px;}
  100% { margin-top: 0; }
}
@-o-keyframes animate-icon2 {
  0%   { margin-top: 0px; }
  50% {margin-top: -55px;}
  100% { margin-top: 0; }
}
@keyframes animate-icon2 {
  0%   { margin-top: 0px; }
  50% {margin-top: -55px;}
  100% { margin-top: 0; }
}

.a-icon-top {
  -webkit-animation: animate-icon1 6s infinite; /* Safari 4+ */
  -moz-animation:    animate-icon1 6s infinite; /* Fx 5+ */
  -o-animation:      animate-icon1 6s infinite; /* Opera 12+ */
  animation:         animate-icon1 6s infinite; /* IE 10+, Fx 29+ */
}

.a-icon-bottom {
  -webkit-animation: animate-icon2 6s 0.5s infinite; /* Safari 4+ */
  -moz-animation:    animate-icon2 6s 0.5s infinite; /* Fx 5+ */
  -o-animation:      animate-icon2 6s 0.5s infinite; /* Opera 12+ */
  animation:         animate-icon2 6s 0.5s infinite; /* IE 10+, Fx 29+ */
}

#floatingCirclesG{
  position:relative;
  width:112px;
  height:112px;
  margin:auto;
  transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
}

.f_circleG{
  position:absolute;
  background-color:rgb(255,255,255);
  height:20px;
  width:20px;
  border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
  animation-name:f_fadeG;
    -o-animation-name:f_fadeG;
    -ms-animation-name:f_fadeG;
    -webkit-animation-name:f_fadeG;
    -moz-animation-name:f_fadeG;
  animation-duration:0.992s;
    -o-animation-duration:0.992s;
    -ms-animation-duration:0.992s;
    -webkit-animation-duration:0.992s;
    -moz-animation-duration:0.992s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
}

#frotateG_01{
  left:0;
  top:45px;
  animation-delay:0.3695s;
    -o-animation-delay:0.3695s;
    -ms-animation-delay:0.3695s;
    -webkit-animation-delay:0.3695s;
    -moz-animation-delay:0.3695s;
}

#frotateG_02{
  left:13px;
  top:13px;
  animation-delay:0.496s;
    -o-animation-delay:0.496s;
    -ms-animation-delay:0.496s;
    -webkit-animation-delay:0.496s;
    -moz-animation-delay:0.496s;
}

#frotateG_03{
  left:45px;
  top:0;
  animation-delay:0.6125s;
    -o-animation-delay:0.6125s;
    -ms-animation-delay:0.6125s;
    -webkit-animation-delay:0.6125s;
    -moz-animation-delay:0.6125s;
}

#frotateG_04{
  right:13px;
  top:13px;
  animation-delay:0.739s;
    -o-animation-delay:0.739s;
    -ms-animation-delay:0.739s;
    -webkit-animation-delay:0.739s;
    -moz-animation-delay:0.739s;
}

#frotateG_05{
  right:0;
  top:45px;
  animation-delay:0.8655s;
    -o-animation-delay:0.8655s;
    -ms-animation-delay:0.8655s;
    -webkit-animation-delay:0.8655s;
    -moz-animation-delay:0.8655s;
}

#frotateG_06{
  right:13px;
  bottom:13px;
  animation-delay:0.992s;
    -o-animation-delay:0.992s;
    -ms-animation-delay:0.992s;
    -webkit-animation-delay:0.992s;
    -moz-animation-delay:0.992s;
}

#frotateG_07{
  left:45px;
  bottom:0;
  animation-delay:1.1085s;
    -o-animation-delay:1.1085s;
    -ms-animation-delay:1.1085s;
    -webkit-animation-delay:1.1085s;
    -moz-animation-delay:1.1085s;
}

#frotateG_08{
  left:13px;
  bottom:13px;
  animation-delay:1.235s;
    -o-animation-delay:1.235s;
    -ms-animation-delay:1.235s;
    -webkit-animation-delay:1.235s;
    -moz-animation-delay:1.235s;
}



@keyframes f_fadeG{
  0%{
    background-color:rgb(0,0,0);
  }

  100%{
    background-color:rgba(255,255,255,0.99);
  }
}

@-o-keyframes f_fadeG{
  0%{
    background-color:rgb(0,0,0);
  }

  100%{
    background-color:rgba(255,255,255,0.99);
  }
}

@-ms-keyframes f_fadeG{
  0%{
    background-color:rgb(0,0,0);
  }

  100%{
    background-color:rgba(255,255,255,0.99);
  }
}

@-webkit-keyframes f_fadeG{
  0%{
    background-color:rgb(0,0,0);
  }

  100%{
    background-color:rgba(255,255,255,0.99);
  }
}

@-moz-keyframes f_fadeG{
  0%{
    background-color:rgb(0,0,0);
  }

  100%{
    background-color:rgba(255,255,255,0.99);
  }
}

#modal2 {
    width: 600px;
}
@media (max-width: 1260px) {
    .wrapper {width: 990px;}
    .section1-image {right: -100px;}
    .section2__block {margin: 0; padding: 50px;}
    .section3__block {width: 33.3%; padding: 0 10px 50px 10px;}
    .section3__block img {max-width: 100%; max-height: 100%;}
    .section3__bottom-box {margin: 0;}
    .fix1 {left: 0;}
    .fix2 {right: 0;}
    .section4-image {left: -200px;}
    .section4__block {padding: 0 0 0 350px;}
    .section7__form {margin: 0; padding: 50px;}
    .section7__form input[type="text"] {width: 290px;}
    .fix4 {right: 0;}
    .heading__block {padding: 0 0 0 450px;}
    .section1-image {display: none;}
}

@media (max-width: 1040px) {
    .wrapper {width: 778px;}
    .header__desc, .section4-image {display: none;}
    .fix1 {left: -90px;}
    .section1__block {margin: 0; border: 10px solid #f2d42e;}
    .section4__box {background: #12aee1;}
    .section4__block {padding: 0;}
    .section6__block span {font-size: 35px;}
    .fix3 {left: -60px;}
    .section7__form input[type="text"] {width: 220px;}
    .h1__title {font-size: 50px;}
    .heading__block {padding: 0 0 0 350px;}
}

@media (max-width: 800px) {
    #modal2 {
	width: 90%;
    }
    .btn-news {
	padding: 7px 0;
	height: 20px;
    }
    .btn-news strong {
	display: none;
    }
    .wrapper {width: auto; padding: 0 15px;}
    body {font-size: 16px; text-align: center;}
    img {max-width: 100%; max-height: 100%;}
    br, .header__desc, .section3-image, .a-icon, .file-size, .fix, .section5-image {display: none;}
    .flex {display: block;}
    .row {display: block; margin: 0;}
    .col-md-1, .col-md-2, .col-md-3, .col-md-4 {display: block; padding: 0; max-width: 100%;}
    header {padding: 20px 0;}
    .header__phone {text-align: center; padding: 5px 0 0 0; width: 100%;}
    .header__logo {margin: 0;}
    .heading__block {padding: 0;}
    .heading__box {height: auto; padding: 35px 0; background-size: cover; background: #99d7e4;}
    .header__logo img {width: 200px;}
    .header__phone span {font-size: 20px; padding: 5px 0;}
    .h1__title, .thanks .h1__title {font-size: 25px; padding: 0 0 15px 0;}
    .heading__block p {font-size: 16px; padding: 0 0 20px 0;}
    .btn {background: #fff; border-radius: 15px; height: auto; line-height: 130%; padding: 20px; display: inline-block; font-size: 18px; width: auto; box-shadow: 0 4px 0 #66bdd1;}
    .section1__box {padding: 35px 0;}
    .h2__title {font-size: 23px !important; padding: 0 0 20px 0 !important; text-align: center !important;}
    .section1__block {padding: 20px; border-radius: 20px;}
    .section1__block span {font-size: 20px;}
    .section1__block p {padding: 0 0 25px 0;}
    .section2__box {padding: 25px 0; background: url(../images/pattern.jpg) 50% 0;}
    .section2__block {padding: 20px; border-radius: 20px;}
    .section2__head {font-size: 16px; padding: 0 0 20px 0;}
    .section2__title {font-size: 18px; padding: 0 0 25px 0;}
    .section2-block {padding: 0 0 30px 0;}
    .section3__box {padding: 35px 0;}
    .section3__title {font-size: 20px; padding: 0 0 20px 0;}
    .section3__block {width: auto; padding: 20px;}
    .section3__bottom-box {padding: 20px;}
    .section4__box {padding: 35px 0;}
    .section4__box input[type="text"], .section7__form input[type="text"] {width: 100%; margin: 0 0 15px 0;}
    .section4__box button, .section7__form button {width: 100%; padding: 25px; height: auto; line-height: 120%; background: #fce700; border-radius: 15px; box-shadow: 0 4px #109cca;}
    .section4__box p {padding: 0 0 20px 0;}
    .section5__box {padding: 35px 0;}
    .section5__block {padding: 0  0 30px 0;}
    .section6__block {padding: 0 0 35px 0;}
    .section6__block span {font-size: 22px;}
    .section6__bottom {font-size: 16px;}
    .section7__box {padding: 35px 0;}
    .section7__form {padding: 20px; border-radius: 20px;}
    .section7__form p {font-size: 18px; padding: 0 0 20px 0;}
    .section7__form input[type="text"] {height: 65px; padding: 0 20px; font-size: 16px;}
    footer {padding: 30px 0;}
    .footer__block {padding: 7px 0;}
    .modal__box {width: 300px; padding: 20px !important;}
    .thanks .heading__box {padding: 35px 0;}
}