/* 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, 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;
}

.button {
  display: inline-block;
  width: 30%;
  height: 65px;
  margin-top: 0;
  float: left;
  background-color: #e31e27;
  border: none;
  color: white;
  font-size: 20px;
  text-align: center;
}

.input-form button:hover,
.quiz button:hover,
.button:hover {
  background-color: #f32e47;
  cursor: pointer;
}

.input {
  display: inline-block;
  float: left;

  height: 60px;
  width: 30%;

  box-sizing: border-box;
  margin-right: 20px;
  padding: 0 20px;

  background-color: #e1e1e1;
  font-size: 16px;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* styles */
html {
    scroll-behavior: smooth;
}

html, body {}

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

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

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

p, li {line-height: 150%;}
p span {font-weight: bold;}
i.rub {font-family: 'als_rublregular'; font-weight: normal; text-transform: none;}

#formCaller {display: none; opacity: 0;}

.fancybox-bg {
    background: #1e1e1ee1 !important;
}

header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

header img {
/*    width: 120px !important; */
}

header span {
    font-weight: 20px !important;
}

.heading__box {
    margin-top: 65px !important;
}

header ul {
	text-align: center;
}

header li {
    display: inline-block;
    margin: 0 10px;
}

header li a {
    font-size: 18px;
}

header li:hover a {
	text-decoration: underline;
	color: #e31e27;
}

a.callback {
    background-color: #e31e27 ;
    padding: 2px 10px;
    border: 1px #e31e27 solid !important;
    border-radius: 0px;
    color: white !important;
    box-shadow: 1px 1px 4px #e31e276a !important;
    outline: none !important;
    font-size: 18px !important;
    float: right;
    margin-top: 8px !important;
}

a.callback:hover {
    background-color: #f03037 !important;
}

.section2__box,
.section3__box,
.section8__box {
    position: relative;
}

div#options, div#about, div#partner {
    position: absolute;
}

div#options {
   top: -100px;
}

div#about {
   top: 180px;
}

div#partner {
  top: -40px;
}

.cloud__block {
  color: white;
  background: url(../images/cloud-bg-new.png) no-repeat;
}

.input-form {
  padding-bottom: 20px;
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
}

.input-form h3 {
  padding-bottom: 20px;
}

.input-form input {
  display: inline-block;
  float: left;

  height: 60px;
  width: 30%;

  box-sizing: border-box;
  margin-right: 20px;
  padding: 0 20px;

  background-color: #e1e1e1;
  font-size: 16px;
}

.input-form .file-size {
  padding-top: 10px;
  width: 300px;
}

.input-form button {
  display: inline-block;
  width: 30%;
  height: 65px;
  margin-top: 0;
  float: left;
  background-color: #e31e27;
  border: none;
  color: white;
  font-size: 20px;
  text-align: center;
}

@media (max-width: 800px) {
  .input-form input {
      width: 300px;
      display: block;
      float: none;
      margin: 0 auto;
      margin-bottom: 10px;
  }

  .input-form button {
      width: 300px;
      display: block;
      float: none;
      margin: 0 auto;
  }
}

.section2__box {
  margin: 0px !important;
}

.quiz-container {
  display: flex;
}

.quiz-image {
  flex-basis: 50%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.quiz-image img {
  width: 100%;
  border-radius: 16px;
}

.quiz {
  flex-basis: 50%;

  margin-top: 30px;
  margin-bottom: 30px;

  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}

.quiz-list {
  margin: 5px;
}

.quiz-question {
  font-size: 24px;
  font-weight: bold;
  margin: 16px 0;
}

.quiz-btn-checkboxes {
	display: block;
	padding: 10px 20px;
	border-radius: 8px;
	margin-bottom: 12px;
	font-size: 20px;
	color: black;
	background-color: #eee;
	cursor: pointer;
}

.quiz-btn {
  display: block;

  padding: 10px 20px;
  border-radius: 8px;
  margin-bottom: 12px;

  font-size: 20px;

  color: black;
  background-color: #eee;
  cursor: pointer;
}

.quiz-btn:hover {
	/* opacity: 0.9; */
    background-color: #e31e27;
    color: white;
}

.quiz-btn:after {
  content: '→';
  opacity: 0.5;
  margin-left: 10px;
  float:right;
}

.quiz-btn:before {
  content: '';
  margin-right: 20px;
}

.quiz-btn-back:before {
  content: '←';
  margin-right: 10px;
}

.quiz-btn-back:after {
  content: '';
  margin-right: 0px;
}

.quiz button {
  background-color: #e31e27;
  color: white;
  outline: none;
  border: none;
  padding: 20px;
}

@media (min-width: 800px) and (max-width: 1040px) {
  .section3__box {
    height: 1150px !important;
  }
}

.section_gallery__box {
  background-color: #030619;
}

@media (max-width: 800px) {
  .section_gallery__box {
      background-color: black !important;
  }

  .gallery img {
      flex-basis: 48% !important;
      height: 160px !important;
  }
}

@media (max-width: 600px) {
  .quiz-container {
      flex-direction: column;
  }

  .gallery img {
      flex-basis: 100% !important;
      height: 240px;
  }
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    margin: 0;
    padding-top: 0px;
    padding-bottom: 80px;
}

.gallery img {
    border-radius: 6px;
    margin: 10px 0;
    pointer: cursor;
    height: 200px;
    object-fit: cover;
    cursor: pointer;
}

.gallery img:hover {
    opacity: 0.9;
}

.gallery img:nth-child(4n+3) {
    flex-basis: 38%;
}
.gallery img:nth-child(4n+4) {
    flex-basis: 58%;
}
.gallery img:nth-child(4n+1) {
    flex-basis: 58%;
}
.gallery img:nth-child(4n+2) {
    flex-basis: 38%;
}

#police.modal__box {
    width: 90% !important;
}

header {position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0; box-sizing: border-box; z-index: 20; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1)}
  header a {color: #000; text-decoration: none;}
  .header__phone span {display: block; font-size: 23px;}
  a.callback {display: inline-block; line-height: 130%; font-size: 16px; border-bottom: 2px solid #1a8db9; color: #1a8db9;}
  .header__logo img {width: 150px; height: auto;}

.heading__box {margin: 88px 0 0 0; box-sizing: border-box; color: #fff; padding: 200px 0 65px 0; background: url(../images/heading-bg.jpg) no-repeat 50% 0; background-size: cover;}
  .heading-logo {max-width: 100%; max-height: 100%; margin: 0 0 30px 0;}
  h1 {font-size: 50px; font-weight: 900; text-transform: uppercase; line-height: 120%; color: #e2f1f8; padding: 0 0 25px 0;}
  .heading__box p {padding: 0 0 30px 0;}
  .btn {display: inline-block;vertical-align: middle; padding: 0 57px; transition: 0.3s; height: 79px; line-height: 79px; background: #e31e27; font-size: 15px; text-transform: uppercase; font-weight: 900; color: #fff; text-decoration: none;}
  .btn:hover, .modal__box form button:hover {background: #c10c14;}
  .heading__block {position: relative; z-index: 10;}
  .heading-image {position: absolute; bottom: -65px; right: -344px;}
  .file-size {width: 318px; display: block; text-align: center; font-size: 12px; padding: 12px 0 0 0;}
  .cloud__block {position: absolute; top: -30px; right: -10px; box-sizing: border-box; text-align: center; text-transform: uppercase; line-height: 150%; font-size: 18px; color: #000; padding: 75px 50px 0px 105px; background: url(../images/cloud-bg.png) no-repeat; width: 307px; height: 202px; z-index: 1;}

.section1__box {background: url(../images/section1-bg-interior.jpg) no-repeat 50% 0; height: 851px; box-sizing: border-box; padding: 145px 0 0 0; margin: 0 0 -70px 0;}
  .section1__block {width: 510px;}
  .section1__block p {padding: 0 0 40px 0;}
  h2 {position: relative; text-align: center; text-transform: uppercase; padding: 20px 0 70px 0; font-size: 20px; font-weight: bold; line-height: 120%;}
  h2 span {display: block; line-height: 120%; text-transform: none; font-size: 50px; font-weight: 900; padding: 0 0 8px 0;}
  h2:before {content: ""; position: absolute; top: 0; left: 50%; width: 60px; height: 3px; background: #000; margin-left: -30px;}
  h2 b {color: #e31e27;}

.section2__box {margin: 0 0 -90px 0;}
  .section2__box .col-md-4 {border-left: 1px solid #cfdfe5;}
  .section2__box .col-md-4:last-child {border-right: 1px solid #cfdfe5;}
  .section2__box .row { margin: 0 0 90px 0;}
  .section2-col { font-size: 16px;}
  .section2-col__head {min-height: 168px; border-bottom: 1px solid #cfdfe5; box-sizing: border-box; padding: 0 0 15px 0; margin: 0 0 17px 0;}
  .section2__head {display: block; line-height: 120%; font-size: 26px; font-weight: 900; padding: 0 0 12px 0;}
  .section2-col li {padding: 0 0 23px 0;}
  .section2-col li strong {font-weight: 900; font-size: 24px;}
  .section2-col li span {font-weight: bold;}
  .section2-col .btn {line-height: 150%; height: auto; padding: 17px 20px; display: block; text-align: center; font-size: 12px;}

.section3__box {background: url(../images/section3-bg-inner.jpg) no-repeat 50% 0; height: 1230px; padding: 747px 0 0 0; box-sizing: border-box; color: #fff;}
  .section3__title {display: block; line-height: 120%; font-size: 160px; font-weight: 900; color: #e2f1f8; padding: 0 0 20px 0;}
  .section3__box p {width: 50%; box-sizing: border-box; padding: 0 50px 0 0;}

.section4__box {text-align: center; padding: 100px 0 50px 0;}
  .section4__box h2 {padding: 20px 0 40px 0;}

.section5__box {color: #fff; background: url(../images/section5-bg.jpg) no-repeat 50% 0; height: 1348px; box-sizing: border-box; padding: 80px 0 0 0; margin: 0 0 -100px 0;}
  .section5__block {width: 700px;}
  .section5-block {position: relative; border: 1px solid #fff; border-top: 0; padding: 0 0 20px 0;}
  .section5-block:before, .section5-block:after {content: ""; position: absolute; top: 0; left: 0; width: 47px; height: 1px; background: #fff;}
  .section5-block:after {left: auto; right: 0;}
  .section5__title {display: block; text-align: center; font-size: 36px; line-height: 120%; font-weight: 900; position: relative; top: -20px; padding: 0 0 30px 0;}
  .section-flex {padding: 0 0 0 75px; font-size: 16px;}
  .section5__image {position: relative; display: inline-block;}
  .section5__image strong {position: absolute; top: 0; right: -30px; color: #e31e27; font-weight: 900;}
  .section-flex p {padding: 12px 0 35px 0;}
  .section5__bottom {text-align: center; padding: 40px 0 0 0;}
  .section5__bottom p {font-weight: bold; padding: 0 0 25px 0;}

.section6__box {margin: 0 0 -90px 0;}
  .section6__box h2 {padding: 20px 0 100px 0;}
  .section6__block {position: relative; padding: 0 0 30px 115px; font-size: 16px;}
  .section6__block span {font-size: 36px; font-weight: 900; display: block; padding: 0 0 7px 0;}
  .section6__block:before {content: ""; position: absolute; top: -17px; left: 0; width: 74px; height: 74px;}
  .section6__block.bg1:before {background: url(../images/icon1.png) no-repeat;}
  .section6__block.bg2:before {background: url(../images/icon2.png) no-repeat;}
  .section6__block.bg3:before {background: url(../images/icon3.png) no-repeat;}
  .fit-image {position: absolute; top: 224px; left: 520px;}
  .zone-image {position: absolute; top: 454px; left: 520px;}
  .girl-image {position: absolute; top: 130px; right: 0;}

.section7__box {background: url(../images/section7-bg.jpg) no-repeat 50% 0; height: 1163px; color: #fff; box-sizing: border-box; padding: 353px 0 0 0;}
  .section7__box h2 {padding: 20px 0 35px 0;}
  .section7__box h2:before {background: #fff;}
  .section7__block {background: #fff; color: #000; padding: 54px 75px; margin: 0 0 60px 0;}
  .section7__head {text-align: center; padding: 0 0 60px 0;}
  .section7-block {position: relative; font-size: 16px; padding: 0 0 10px 98px;}
  .section7-block:before {content: ""; position: absolute; top: -17px; left: 0; width: 74px; height: 74px;}
  .section7-block.bg1 {background: url(../images/icon4.png) no-repeat;}
  .section7-block.bg2 {background: url(../images/icon5.png) no-repeat;}
  .section7-block.bg3 {background: url(../images/icon6.png) no-repeat;}
  .section7__bottom p {font-size: 16px; padding: 0 0 10px 0;}
  .section7__bottom span {font-weight: 900; font-size: 36px; display: block; padding: 0 0 45px 0;}
  .section7__bottom {padding: 0 20px 0 0;}

.section8__box {padding: 70px 0; text-align: center; background: url(../images/section8-bg.jpg) no-repeat 50% 100%;}
  .section8__head-box {padding: 0 0 20px 0;}
  .section8__head-box h2 {padding: 20px 0;}
  .section8__head-box p {padding: 0 0 10px 0;}
  .section8__head-box a {color: #e31e27;}
  .section8__head-box p span {font-size: 36px; color: #e31e27;}
  .section8__head-box p span a {color: #e31e27; text-decoration: none;}
  .section8__head-box img { margin: 0 0 0 10px;}
  .section8__form {width: 444px; background: #060e1d; color: #fff; padding: 40px 55px; box-sizing: border-box;}
  .section8__head {display: block; line-height: 130%; padding: 0 0 20px 0;}
  .section8__head span {font-size: 36px; font-weight: 900; color: #e31e27;}
  .section8__form .flex {font-size: 14px; padding: 0 0 10px 0;}
  .section8__form .flex span {width: 98px; text-align: right;}
  .section8__form input[type="text"] {display: block; width: 220px; height: 35px; padding: 0 15px; font-family: 'Gotham Pro'; box-sizing: border-box; border: 0; font-size: 14px;}
  .section8__form .btn {padding: 0; width: 100%; cursor: pointer; border: 0; font-family: 'Gotham Pro'; margin: 15px 0 0 0;}
  .section8__bottom {padding: 45px 0 0 0; }
  .animateblock {transition: 1s; transform: translateX(-20px); opacity: 0;}
  .animateblock:nth-child(1) {transition-delay: 0.1s;}
  .animateblock:nth-child(2) {transition-delay: 0.2s;}
  .animateblock:nth-child(3) {transition-delay: 0.3s;}
  .animateblock:nth-child(4) {transition-delay: 0.4s;}
  .animateblock.animated {transform: translateX(0px); opacity: 1;}
  .social {display: inline-block;vertical-align: middle;}
  .st6-icon {display: inline-block; vertical-align: middle; width: 100px; height: auto; margin: 10px;}


  .modal__box {display: none; width: 400px; text-align: center; font-size: 16px; position: relative;}

  .modal__box input[type="text"],
  textarea {
	  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: 18px;
	  color: #000;
  }

  textarea {
	padding-top: 20px;
  }

  .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; transition: 0.3s; color: #fff; background: #e31e27; border: 0; font-family: 'Gotham Pro'; font-weight: 500;}
  .modal__box p, .modal__box span {padding: 0 0 15px 0; display: block; line-height: 130%;}

/* footer */
footer {background: url(../images/footer-bg.jpg) no-repeat 50% 0; background-size: cover; padding: 40px 0; font-size: 14px; color: #fff;}
  footer a {color: #fff; text-decoration: none;}
  footer p {padding: 3px 0 0 0;}
  a.police, footer a.callback {color: #e31e27; border-bottom: 2px solid #e31e27; display: inline-block; line-height: 130%;}
  .footer__block:nth-child(2) {text-align: center;}
  .police__block {padding: 20px; font-size: 14px;}
  .heading__title {display: block; line-height: 130%; padding: 0 0 25px 0;}
  .back__btn a {color: #fff; display: inline-block; margin: 25px 0 0 0;}

*: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;}
.flex-end {-webkit-justify-content: flex-end; justify-content: flex-end;}

.row {margin: 0 -30px; 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 30px; 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 30px; 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 30px; 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 30px; 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: 20px 0 0 0; text-align: left; font-size: 12px; display: inline-block; line-height: 130%; padding: 0 0 0 25px;}
input[type="checkbox"] + label:before {content: ""; position: absolute; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); left: 0; width: 16px; height: 16px; background: #fff;}
input[type="checkbox"]:checked + label:after {content: ""; position: absolute; top: 4px; left: 4px; width: 8px; height: 8px; background: #e31e27;}

.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%;}

.morphing-btn-wrap {
    display: inline-block;
    position: relative;
    text-align: center;
    z-index: 300;
}

.morphing-btn {
    box-sizing: border-box;
    -webkit-transition: background .3s, color .2s .2s, width .2s 0s;
       -moz-transition: background .3s, color .2s .2s, width .2s 0s;
         -o-transition: background .3s, color .2s .2s, width .2s 0s;
            transition: color .3s .2s, width .2s 0s;
    white-space: nowrap;
}

.morphing-btn_circle {
    color: transparent !important;
    padding-left: 0;
    padding-right: 0;

/* Override inline style rule */
    -webkit-transition: color .2s 0s, width .3s .2s;
       -moz-transition: color .2s 0s, width .3s .2s;
         -o-transition: color .2s 0s, width .3s .2s;
            transition: color .2s 0s, width .3s .2s;
    width: 79px !important;
}

.morphing-btn_circle span {opacity: 0;}

.morphing-btn-clone {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: #e31e27;
    border-radius: 50%;
    position: fixed;
    -webkit-transition: all .5s cubic-bezier(.65, .05, .36, 1);
       -moz-transition: all .5s cubic-bezier(.65, .05, .36, 1);
         -o-transition: all .5s cubic-bezier(.65, .05, .36, 1);
            transition: all .5s cubic-bezier(.65, .05, .36, 1);
    z-index: 300;
}

.morphing-btn-clone_visible {
    display: block;
    -webkit-transform: scale(1) !important;
       -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
         -o-transform: scale(1) !important;
            transform: scale(1) !important;
}

.fancybox-morphing .fancybox-bg {
    background: #e31e27;
    opacity: 1;
}

.fancybox-morphing .fancybox-toolbar {
    right: 40px;
    top: 20px;
}

.fancybox-morphing .fancybox-button--close {
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
}

.fancybox-morphing .fancybox-button--close:hover {
    background: rgba(0, 0, 0, .25);
}

/* Styling for element used in example */

#morphing-content {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: transparent;
    line-height: 2;
    margin: 0;
    padding: 6em 10vw;
    position: relative;
    z-index: 300;
}

#morphing-content * {
    color: #fff;
}

#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);
  }
}

@media (max-width: 1260px) {
    .wrapper {width: 990px;}
    .cloud__block {top: -60px;}
    .section1__block {width: 450px;}
    .section2__head {font-size: 20px;}
    .section3__title {font-size: 140px;}
    .section3__box {padding: 700px 0 0 0;}
    .section2-col .btn {padding: 20px 10px;}
    .section2-col li strong {font-size: 20px;}
}

@media (max-width: 1040px) {
    .wrapper {width: 778px;}
    .cloud__block {display: none;}
    .heading-image {right: -500px;}
    .section1__block  {width: 350px;}
    .col-md-4 {-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; margin: 0 0 25px 0;}
    .col-md-4 br, .section7__head br {display: none;}
    .section3__title {font-size: 110px;}
    .section3__box p {padding: 0 30px 0 0; font-size: 18px;}
    .girl-image {width: 500px; height: auto; right: -100px; top: 250px;}
    .section7__block {padding: 40px 20px;}
    .header__phone span {font-size: 25px;}
}

@media (max-width: 800px) {
    .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, .file-size, .heading-image, .girl-image, .zone-image, .fit-image {display: none;}
    .flex {display: block;}
    header {padding: 20px 0;}
    header .flex {display: flex;}
    .header__phone {text-align: center; padding: 5px 0 0 0;}
	a.callback { float: none !important; }
    .header__logo {margin: 0;}
    .header__logo img {width: 80px; height: auto;}
    .header__phone span {font-size: 20px;}
    a.callback {font-size: 14px;}
    header .header__phone {text-align: right;}
    .heading__box {margin: 85px 0 0 0; padding: 35px 0;}
    h1 {font-size: 30px; padding: 0 0 20px 0;}
    .heading__box p {font-size: 16px; padding: 0 0 25px 0;}
    .btn {height: auto; line-height: 130%; padding: 20px; font-size: 16px;}
    .section1__box {height: auto; padding: 35px 0; background: none; margin: 0;}
    .section1__block {width: auto;}
    .section1__block p {padding: 0 0 25px 0;}
    h2 {font-size: 18px; padding: 20px 0 30px 0 !important}
    h2 span {font-size: 35px;}
    .section2-col li {text-align: left;}
    .section2-col li strong {font-size: 20px;}
    .section2__head {font-size: 20px;}
    .section2__box .row {margin: 0 0 35px 0;}
    .section3__box {padding: 35px 0; background: #000; margin: 0; height: auto;}
    .section2__box {margin: 0;}
    .section3__title {font-size: 40px;}
    .section3__box p {width: auto; font-size: 16px; padding: 20px 0 0 0;}
    .section4__box {padding: 35px 0;}
    .section5__box {height: auto; padding: 45px 0 35px 0; background-size: cover; background: #000; margin: 0;}
    .section5__block {width: auto;}
    .section5__title {font-size: 25px; padding: 0 45px 25px 45px;}
    .section-flex {padding: 20px;}
    .section6__box {padding: 35px 0; margin: 0;}
    .section-flex p {padding: 10px;}
    .section6__block {text-align: left;}
    .section7__box {height: auto; padding: 35px 0; background: #000;}
    .section7__block {padding: 30px 20px;}
    .section7__head {padding: 0 0 20px 0;}
    .section7-block {padding: 80px 0 20px 0;}
    .section7-block:before, .section7-block {top: 0; width: 100% !important; background-position: 50% 0 !important;}
    .section7__bottom span {padding: 0 0 25px 0; font-size: 25px;}
    .section8__head-box p span {font-size: 25px;}
    .section8__form {width: auto; padding: 30px 20px;}
    .section8__head span {display: block; line-height: 120%; font-size: 25px;}
    .section8__form input[type="text"] {width: 100%;}
    .section8__form .flex span {width: auto; text-align: center; display: block; text-align: left; padding: 0 0 7px 0;}
    .section8__form .btn {padding: 20px;}
    .section8__box {padding: 35px 0;}
    .footer__block {padding: 5px 0;}
    .social {display: block; padding: 7px 0 0 0;}
}

@media (max-width: 500px) {
  .row {display: block; margin: 0;}
  .col-md-1, .col-md-2, .col-md-3, .col-md-4 {display: block; padding: 0; max-width: 100%;}
  .modal__box {width: auto; margin: 20px !important;}
  .section2__box .col-md-4 {border: 0 !important;}
  .section2-col__head {min-height: inherit;}
}