/* 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: 'Montserrat', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color: #fff;
}

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

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

#rotatescroll { height:300px; position:relative; width:300px;}
#rotatescroll .viewport{ height:300px; position: relative; margin:0 auto; overflow:hidden; width:300px }
#rotatescroll .overview { position: absolute; width: 798px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#rotatescroll .overview li { height:300px; width:300px; float: left; position: relative; }
#rotatescroll .overlay {background:url(../brands/bg-rotatescroll2.png) no-repeat 0 0;  position: absolute; left: 0; top: 0; height:300px; width:300px; }
#rotatescroll .thumb { background:url(../brands/bg-thumb.png) no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 200;  height: 100px; }
#rotatescroll .dot { background:url(../brands/bg-dot4.png) no-repeat 0 0; display: none; height: 12px; width: 12px; position: absolute; left: 155px; top: 3px; z-index: 100; }
#rotatescroll .dot span { display: none; }

.brand-circle{  margin: 90px auto;width: 300px;}

p, li {line-height: 130%}
i.rub {font-family: 'als_rublregular'; font-weight: normal; text-transform: none;}
#formCaller {display: none; opacity: 0;}

.heading__box {background: #d6e3eb url(../images/heading-bg13.jpg) no-repeat 50% 0; height: 910px; background-size: cover; box-sizing: border-box;}
  header {padding: 15px 0 100px 0;}
  .header__phone {text-align: right;}
  .header__phone span {display: block; font-size: 24px; font-family: 'Montserrat', sans-serif; font-weight: 800; padding: 0 0 5px 0; color: #23475f;}
  .header__phone span a {color: #fff; text-decoration: none;}
  a.callback {color: #23475f; border-bottom: 2px dotted #23475f; display: inline-block; padding: 0 0 0 18px; text-decoration: none; line-height: 150%; background: url(../images/phone-icon2.png) no-repeat; font-weight: 400; font-size: 14px;}
  .heading__block {text-align: center;}
  .heading__block p {padding: 0px 0 45px 0; font-size: 26px; color: #23475f;}
  h1 {font-size: 60px; font-family: 'Montserrat', sans-serif; font-weight: 800; text-transform: uppercase; line-height: 120%; padding: 0px; color: #23475f;}
  .heading-summ {display: inline-block; margin: 10px 0 0 0;}
  .btn {display: inline-block;vertical-align: middle; position: relative; z-index: 10; background: #eaa008; box-shadow: inset 0 -4px #af7100, 0 18px 32px rgba(242,152,32,0.3); background: linear-gradient(to top right, #eaa008, #ffc66a); border-radius: 50px; padding: 0 70px; height: 84px; line-height: 84px;font-size: 20px; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #000;}
  .btn:hover, .modal__box form button:hover {background: #eaa008;}
  .file-size {display: inline-block;vertical-align: middle; font-size: 16px; padding: 0 0 0 30px; color: #ebeff2;}
  .accent {font-family: 'Pattaya', sans-serif;; text-transform: none; color: #f19122; font-size: 57px; font-weight: 400; line-height: 130%;}
  .half {display:block; width:49%; float: left;}
  .big_text {font-size: 60px; font-weight: 600;}
  .large_text {font-size: 40px; font-weight: 200; text-transform: uppercase; color: #f19122;}

  .b24-form * {font-family: 'Montserrat'!important;}
  .b24-form-header {padding: 0px !important; border-bottom: 0px !important;}
  .b24-form-header-title {font: 200 17px/33px var(--b24-font-family)!important; text-transform: uppercase;}
  .b24-form-wrapper.b24-form-shadow {-webkit-box-shadow: none !important; box-shadow: none !important;}
  .b24-form-sign-text, .b24-form-sign-bx, .b24-form-sign-24 {display: none!important;}
  .b24-form-wrapper.b24-form-border-bottom {border-bottom: 0px!important;}
  .b24-form-field-agreement .b24-form-control-desc {padding: 0 !important;}
  .b24-form-field-agreement .b24-form-control-required {display: none !important;}
  .b24-form-field {text-align: left !important;}
  .b24-form-success {bottom: 30px!important; background-color: #ffffff!important;}
  .b24-form-btn-block {padding: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
  .b24-form-btn {box-shadow: inset 0 -4px #af7100, 0 18px 32px rgba(242,152,32,0.3)  !important; background: linear-gradient(to top right, #eaa008, #ffc66a)  !important; border-radius: 50px  !important; padding: 0 10px  !important; height: 84px  !important; line-height: 84px !important; font: 200 20px/51px  var(--b24-font-family) !important; color: #000  !important; font-family: 'Montserrat'!important;}
  .b24-form-btn:hover {background: #eaa008 !important;}

.section1__box {background: #d6e3eb url(../images/section1-bg9.jpg) no-repeat 50% 0; height: 910px; background-size: cover; padding: 0; box-sizing: border-box;}
  .section1__block {width: 570px;}
  .section1-summ span {display: block; font-size: 40px; line-height: 110%; text-transform: uppercase; padding: 0 0 0 30px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #ebeff2;}
  .section1-summ {padding: 0;}
  .section1__box p {padding: 0 0 40px 0; color:#ebeff2; font-weight: 200;}
  .section1__bottom {display: block; line-height: 130%; text-transform: uppercase; font-size: 25px; color: #f19122; padding: 40px 0 0; font-weight: 200;}
  .section2__box {background: #23475f url(../images/section2-bg.jp) no-repeat 50% 0; background-size: cover; padding: 110px 0; min-height: 500px;}
  h2 {line-height: 130%; padding: 0 0 10px 0; text-transform: uppercase; font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 600;}
  h2 img {display: inline-block; margin: 10px 0 -10px 0;}
  .section2__head {display: block; line-height: 130%; font-size: 24px; color: #f19122; padding: 0 0 45px 0;}
  .section2__box p {padding: 0 0 30px 0;}
  .section2-image {width: 100%; margin-top: -40px;}

.section3__box {background: #23475f url(../images/section3-bg.jp) no-repeat 50% 0; background-size: cover;}
  .section__form-box {width: 570px; position: relative; top: 75px;}
  h3 {text-transform: uppercase; line-height: 130%; font-size: 40px; color: #f19122; padding: 0 0 25px 0; font-family: 'Montserrat', sans-serif; font-weight: 200;}
  .section__form {width: 420px; position: relative; z-index: 10; box-sizing: border-box; border-radius: 25px; color: #000; background: #fff; text-align: center; padding: 30px 40px; margin: 30px;}
  .section__form p {font-size: 24px; padding: 0 0 30px 0;}
  .section__form input[type="text"] {display: block; margin: 0 auto; width: 320px; height: 65px; border: 0; background: #f9f9f9; margin-bottom: 10px; text-align: center; box-sizing: border-box; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 300;}
  .section__form .btn {border: 0; cursor: pointer; padding: 0 85px; margin: 20px 0;}
  .author-image {position: absolute; bottom: 0px; right: 760px; height: 690px;}
  .section3__box .wrapper:before {content: ""; position: absolute; bottom: 0px; z-index: 1; left: -386px; width: 1920px; background: url(../images/section3-before.pn) no-repeat 50% 0; height: 389px;}
  .author__block {position: absolute; line-height: 130%; top: 200px; -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg); left: 330px; font-size: 17px; font-family: 'Montserrat', sans-serif; font-weight: 300;}
  .author__block span {display: block; font-size: 22px; font-family: 'Montserrat', sans-serif; font-weight: bold;}

.section4__box {background: #2d2d2d url(../images/section4-bg.jp) no-repeat 50% 0; background-size: cover; padding: 140px 0 50px 0; text-align: center;}
  .section4__box .section2__head {font-size: 26px; padding: 0 0 55px 0;}
  .section4__cont {padding: 0 330px 0 0; position: relative; text-align: left; font-size: 18px;}
  .section4__block.bg1 {height: 250px; width: 360px; background: url(../images/bg1_3.jpg) no-repeat 0% 0; background-size: cover; box-sizing: border-box; margin: 0 22px 22px 0;}
  .section4__block.bg1 p {padding: 20px 0 0 115px; line-height: 130%;}
  .section4__block.bg2 {height: 250px; flex: 1; background: url(../images/bg2_3.jpg) no-repeat 0% 0; background-size: cover; box-sizing: border-box; margin: 0 0px 22px 0;}
  .section4__block.bg2 p {padding: 20px 0 0 130px; line-height: 130%;}
  .section4__box .flex {-webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .section4__block.bg3 {position: absolute; top: 0; right: 0; width: 306px; background: url(../images/bg3_3.jpg) no-repeat 0% 0; height: 317px; background-size: cover;}
  .section4__block.bg3 p {padding: 20px 0 0 130px; line-height: 130%;}
  .section4__block.bg4 {height: 300px; width: 400px; background: url(../images/bg4_3.jpg) no-repeat 0% 0; background-size: cover; box-sizing: border-box; margin: 0 22px 22px 0;}
  .section4__block.bg4 p {padding: 20px 0 0 130px; line-height: 130%;}
  .section4__block.bg5 {height: 300px; flex: 1; background: url(../images/bg5_3.jpg) no-repeat 0% 0; background-size: cover; box-sizing: border-box; margin: 0 0px 22px 0;}
  .section4__block.bg5 p {padding: 20px 0 0 130px; line-height: 130%;}
  .section4__block.bg6 {position: absolute; bottom: 22px; right: 0; width: 306px; background: url(../images/bg6_3.jpg) no-repeat 0% 0; height: 230px; background-size: cover;}
  .section4__block.bg6 p {padding: 20px 0 0 130px; line-height: 130%;}
  .section4__bottom-box {padding: 80px 0 0 0;}
  .section4__bottom-box h3 {padding: 0 0 5px 0;}
  .section4__bottom-box p {font-size: 26px; padding: 0 0 45px 0;}

.section5__box {background: #2d2d2d url(../images/section5-bg3.jp) no-repeat 50% 0; background-size: cover; padding: 50px 0 190px 0; text-align: center;}
  .section5__box h2 {padding: 0 0 30px 0;}
  .video__block {display: inline-block; position: relative;}
  .video__block img {display: block; max-width: 100%; max-height: 100%; box-shadow: 0 0 62px rgba(242,152,31,0.4);}
  .video__block:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/play-icon.png) no-repeat 50% 50%;}
  .section5__box p {font-size: 26px; font-style: italic; padding: 60px 0 0 0;}
  .book {display: block; padding-left: 35px; margin-bottom: -15px; }

.section6__box {background: #23475f; position: relative; background-size: cover; padding: 60px 0 0px 0; text-align: center;}
  .section6__box h2 {padding: 40px 0 60px 0;}
  .section6__head-box, .section6__bottom-box {padding: 0 110px; position: relative; z-index: 10;}
  .section6__head-block {width: 32%; margin: 0 0 45px 0; font-size: 20px; box-sizing: border-box; background: #1b374a; border: 8px solid #fff; padding: 20px 0 40px 0;}
  .section6__head-block ul {padding: 10px 0 0 0; font-size: 16px;}
  .section6__head-block:nth-child(1) span {color: #4bd255; font-size: 14px;}
  .section6__head-block:nth-child(2) span {color: #f9b455; font-size: 14px;}
  .section6__head-block:nth-child(3) span {color: #e34649; font-size: 14px;}
  .section6__head-block img {width: 100%;}
  .section6__bottom-left {text-align: left;}
  .section6__bottom-left h3 {padding: 0 0 10px 0;}
  .section6__bottom {display: block; line-height: 130%; font-size: 26px; font-weight: bold; font-style: italic; padding: 0 0 25px 0;}
  .section6__bottom-right {box-shadow: 0 23px 81px rgba(242,152,31,0.2); font-size: 24px; font-weight: bold; color: #f19122; border-radius: 100%; background: #d0a609; background: linear-gradient(to top, #d0a609, #ed722a); padding: 7px; box-sizing: border-box; }
  .section6__bottom-block {background: #000; padding: 70px 35px 0 35px; width: 315px; height: 315px; border-radius: 100%; box-sizing: border-box;}
  .section6__table {color: #8fa6b5; font-size: 12px;}
  .section6__table tr td {border-bottom: 1px solid #8fa6b5; padding: 10px 10px 6px; vertical-align: middle;}
  .section6__table tr td span{font-size: 18px; color: #ffffff;}
  .section6__table tr td i{font-size: 30px;}
  .section6__table .first_tr {font-size: 20px; color: #ffffff;}
  .section6__table .first_td {text-align: left; width: 50%; vertical-align: bottom;}
  .section6__table .last_td {border:0; font-size: 26px; color: #ffffff;}
  .section6__table tr td p {padding-bottom: 4px;}
  .i-color-ok{color:green;}
  .i-color-none{}
  .pack {font-size: 16px!important;}

.section7__box {display: none; padding: 50px 0 140px 0; text-align: center; background: #aaa url(../images/section7-bg.jp) no-repeat 50% 0; position: relative; background-size: cover;}
  /*.section7__box:before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: url(../images/section7-before.png) no-repeat 50% 0; height: 1371px;}*/
  .section7__box h2 {padding: 0 0 70px 0;}
  .calc__box {background: #fff; border-radius: 20px; color: #000; margin: 0 170px 95px 170px; padding: 60px 95px; box-shadow: 0 17px 70px rgba(242,152,31,0.27);}
  h4 {font-size: 24px; padding: 0 0 70px 0;}
  .calc__right-block {padding: 65px 0 0 0;}
  .calc__head-box {width: 330px;}
  .calc__head-box span {display: block; padding: 15px 0; box-shadow: 0 4px 5px rgba(0,0,0,0.14); border-radius: 15px; margin: 7px 0; font-size: 20px; color: #696969; font-style: italic; background: #f0f0f0;}
  .calc__head-box b, .calc__head-box i {font-size: 30px; font-weight: bold; color: #000;}
  .calc__full-box {border-radius: 10px; background: #ec712b; padding: 20px 0 0 0; box-sizing: border-box; color: #fff; font-size: 27px; font-family: 'Montserrat', sans-serif; font-weight: 900;text-transform: uppercase; margin: 7px 0; background: linear-gradient(to top left, #ec712b, #fac812); width: 270px;}
  .calc__full-box span {font-size: 44px;}
  .calc__full-box p {padding: 0 0 5px 0;}
  .calc-image {position: absolute; bottom: -70px; left: -240px;}

.section8__box {background: #23475f url(../images/section8-bg3.jpg) no-repeat 50% 0; text-align: center; background-size: cover; padding: 230px 0 60px 0;}
  .section8__box h2 {padding: 0 0 0px 0;}
  .animateblock {transition: 1.5s; opacity: 0; transform: translateY(50px);}
  .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:nth-child(5) {transition-delay: 0.5s;}
  .animateblock:nth-child(6) {transition-delay: 0.6s;}
  .animateblock.animated {opacity: 1; transform: translateY(0px);}
  .heading__title {display: block; line-height: 130%; padding: 0 0 25px 0;}
  .back__btn a {display: inline-block; margin: 25px 0 0 0; color: #fff;}
  .police__block {padding: 20px; font-size: 14px; color: #000; max-width: 800px; margin: 50px auto;}
  .police__block h2 {font-size: 20px; text-align: center; }
  .police_back {
    margin: 30px auto;
    display: block;
    border: none;
    color: #f19122;
    border-bottom: 2px dotted #f19122;
    line-height: 150%;
    background: none;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
  }
  
  .gift__block {display: block; padding: 20px; font-size: 14px; color: #000; max-width: 800px; margin: 50px auto; text-align: center;}
  .gift__block h2 {font-size: 20px; text-align: center; padding-top: 40px;}
  .gift__block img {margin: 0 auto; max-height: 500px;}
  .gift__block .btn {margin-top: 50px; height: 50px; line-height: 50px;}
  .gift_back {
    margin: 30px auto;
    display: block;
    border: none;
    color: #f19122;
    border-bottom: 2px dotted #f19122;
    line-height: 150%;
    background: none;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
      
  }
  
  
  .section8__box .section__form {margin: 30px auto;}



  .modal__box {display: none; width: 420px; text-align: center; color: #000; font-size: 16px; position: relative;}
  .modal__box input[type="text"] {display: block; width: 100%; font-family: 'Montserrat', sans-serif; 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: 0px; width: 100%; height: 70px; font-size: 22px; cursor: pointer; background: #eaa008; box-shadow: inset 0 -4px #af7100, 0 18px 32px rgba(242,152,32,0.3); background: linear-gradient(to top right, #eaa008, #ffc66a); border: 0; border-radius: 50px; font-family: 'Montserrat', sans-serif;}
  .modal__box p, .modal__box span {padding: 0; display: block; line-height: 130%;}

  label.error {display: none !important;}
  input.error {color: red !important;}
  input.error::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: red !important;
  }
  input.error::-moz-placeholder { /* Firefox 19+ */
    color: red !important;
  }
  input.error:-ms-input-placeholder { /* IE 10+ */
    color: red !important;
  }
  input.error:-moz-placeholder { /* Firefox 18- */
    color: red !important;
  }

/* footer */
footer {background: #030202;  font-size: 16px; color: #fff; padding: 45px 0;}
  footer a {color: #fff;}
  .footer__social {padding: 0 0 10px 0;}
  .footer__social span, .footer__social a {display: inline-block;vertical-align: middle; margin: 0 5px 0 0px;}

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

.row {margin: 0 -16px; 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 16px; 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 16px; 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 16px; 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 16px; 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: 14px; font-family: 'Montserrat', sans-serif; font-weight: 300; display: inline-block; line-height: 130%; padding: 0 0 0 33px;}
input[type="checkbox"] + label:before {content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #000; border-radius: 100%;}
input[type="checkbox"]:checked + label:after {content: ""; position: absolute; top: 5px; left: 5px; width: 10px; height: 10px; background: #000; border-radius: 100%;}

.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: 84px !important;
}

.morphing-btn_circle span {opacity: 0;}

.morphing-btn-clone {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: #eaa008; box-shadow: inset 0 -4px #af7100, 0 18px 32px rgba(242,152,32,0.3); background: linear-gradient(to top right, #eaa008, #ffc66a);
    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: #eaa008; box-shadow: inset 0 -4px #af7100, 0 18px 32px rgba(242,152,32,0.3); background: linear-gradient(to top right, #eaa008, #ffc66a);
    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: 3;
}

#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;}
    .author-image {height: auto; width: 750px; right: 670px;}
    .author__block {top: 50px; left: 50px;}
    .section4__block.bg1 {width: 50%;}
    .section6__head-box, .section6__bottom-box {padding: 0;}
    .calc__box {margin: 0 0 50px 0;}
    .calc-image {display: none;}
}

@media (max-width: 1040px) {
    .wrapper {width: 778px;}
    .section2-image {width: 450px;}
    .author-image {right: 550px;}
    .author__block {left: -20px;}
    .section4__cont {padding: 0;}
    .section4__cont .flex {display: block; text-align: center;}
    .section4__block {position: static !important; display: inline-block; font-size: 20px; text-align: left; margin: 20px !important; vertical-align: top; height: 250px !important; width: 320px !important;}
    .section6__bottom {font-size: 20px;}
    .section6__bottom-left h3 {font-size: 30px;}
    .calc__box {padding: 40px;}
     .section6__table .last_td {font-size: 20px;}
}

@media (max-width: 800px) {
    .wrapper {width: auto; padding: 0 15px;}
    body {font-size: 18px; text-align: center;}
    img {max-width: 100%; max-height: 100%;}
    br, .header__desc, .section3-image, .file-size, .section2-image, .author__block, .author-image, .section6__box:before {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;}
    .header__logo {margin: 0;}
    .header__logo img {width: 150px; height: auto;}
    .heading__block p, .section4__bottom-box p {font-size: 18px; padding: 0 0 25px 0;}
    h1 {font-size: 30px; padding: 0px;}
    .accent {font-size: 35px;}
    .btn {font-size: 16px; padding: 0 30px;}
    .heading__box {height: auto; padding: 0 0 55px 0; min-height: 700px;}
    .section1__box, .section2__box, .section3__box, .section4__box, .section5__box, .section6__box, .section7__box, .section8__box {height: auto; padding: 35px 0;}
    .section1-summ span {padding: 10px 0 0 0; font-size: 25px;}
    .section1__box p {padding: 0 0 25px 0;}
    .section1__bottom {padding: 20px 0; font-size: 20px;}
    h2 {font-size: 25px; padding: 0px;}
    h2 img {display: block; margin: 0 auto; margin-top: 5px; margin-bottom: 5px;}
    .section2__head, .section4__box .section2__head {font-size: 20px; padding: 0 0 20px 0;}
    .section__form-box {width: auto; position: static;}
    h3 {font-size: 23px;}
    .big_text {font-size: 40px}
    .large_text {font-size: 23px}
    .section__form {width: auto; padding: 30px;}
    .section__form p {font-size: 20px; padding: 0 0 20px 0;}
    .section__form input[type="text"] {width: 100%;}
    .section__form .btn {padding: 0; width: 100%; box-sizing: border-box;}
    .section5__box p {font-size: 18px; padding: 25px 0 0 0;}
    .video__block:before {background-size: 100px auto;}
    .section6__head-block {width: auto; padding: 30px; margin: 0 0 30px 0;}
    .section6__bottom-right {display: inline-block;}
    .section6__bottom-left {text-align: center; padding: 25px 0;}
    .section6__bottom-block {width: 300px; height: 300px; font-size: 20px; margin: 0 auto;}
    .calc__head-box {width: auto;}
    .calc__full-box {width: auto; padding: 20px; margin: 10px 0 0 0; font-size: 22px;}
    .calc__full-box span {font-size: 35px;}
    .calc__right-block {padding: 30px 0 0 0;}
    .calc__head-box b, .calc__head-box i {font-size: 21px;}
    .footer__block {padding: 5px;}
    .section4__block p {padding: 20px 20px 20px 120px !important;}
    .section4__block.bg6 p {padding-left: 130px !important;}
    .section1__block {width: auto;}
    .half {width:100%!important;}
    .b24-form-btn {font: 400 17px/51px var(--b24-font-family) !important;}
     .b24-form-header-title {font: 200 15px/33px var(--b24-font-family)!important;}
    
    .section6__table tr td {padding: 10px 0;}
    .section6__table .first_tr {font-size: 12px;}
    .section6__table tr td span {font-size: 16px;}
    .section6__table {font-size: 10px;}
    .section6__table .last_td {font-size: 15px}
    
    .book { padding-right: 45px; margin: 0 auto -15px;}
    .pack {font-size: 11px!important;}
}
    
@media (max-width: 550px) {
  .modal__box {width: auto; padding: 20px !important; margin: 20px !important;}
   .section6__table .last_td {font-size: 12px;}
   .section6__table .first_tr {font-size: 11px;}
   .pack {font-size: 10px!important;}
}