@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

/* === FONTS IMPORT === */
   @font-face {
      font-family: 'g_bold';
      src: url('fonts/glober_bold_italic-webfont.woff2') format('woff2'),
         url('fonts/glober_bold_italic-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: 'g_x_bold';
      src: url('fonts/glober_xbold_italic-webfont.woff2') format('woff2'),
         url('fonts/glober_xbold_italic-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: 'g_heavy';
      src: url('fonts/glober_heavy_italic-webfont.woff2') format('woff2'),
         url('fonts/glober_heavy_italic-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: 'g_regular';
      src: url('fonts/glober_regular_italic-webfont.woff2') format('woff2'),
         url('fonts/glober_regular_italic-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: 'g_heavy_normal';
      src: url('fonts/glober_heavy-webfont.woff2') format('woff2'),
         url('fonts/glober_heavy-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }

   @font-face {
      font-family: 'g_regular_normal';
      src: url('fonts/glober_regular-webfont.woff2') format('woff2'),
         url('fonts/glober_regular-webfont.woff') format('woff');
      font-weight: normal;
      font-style: normal;
   }

/* === GLOBAL SETTINGS === */
   * {
      outline: none!important;
   }
   body{
      font-family: 'g_regular';
      font-size: 15px;
      color: #000;
      line-height: 1;
      max-width: 1920px;
      margin-right: auto;
      margin-left: auto;
      background: #F6F6F8;
	   overflow-x: hidden;
   }

   .alignleft {
      margin: 0 15px 10px 0;
      float: left;
   }
   .alignright {
      margin: 0 0 10px 15px;
      float: right;
   }
   .aligncenter {
      margin: 10px auto;
      display: block;
   }
   a:hover,
   a:focus {
      text-decoration: none;
   }
   h1,h2,h3,h4,
   h5,h6,p {
      margin: 0;
   }
   input::-webkit-input-placeholder { 
     color: #fff;
     text-transform: uppercase;
     font-family: 'g_x_bold';
   }
   input::-moz-placeholder { 
     color: #fff;
     text-transform: uppercase;
     font-family: 'g_x_bold';
   }
   input:-ms-input-placeholder { 
     color: #fff;
     text-transform: uppercase;
     font-family: 'g_x_bold';
   }
   input:-moz-placeholder { 
     color: #fff;
     text-transform: uppercase;
     font-family: 'g_x_bold';
   }
   u{
      text-decoration: none;
   }
   b{
      font-weight: normal;
   }
   .skew {
      display: inline-block;
      -webkit-transform: skew(-17deg);
      -moz-transform: skew(-17deg);
      -o-transform: skew(-17deg);
      transform: skew(-17deg);
   }
   .skew-child{
      display: inline-block;
      -webkit-transform: skew(17deg);
      -moz-transform: skew(17deg);
      -o-transform: skew(17deg);
      transform: skew(17deg);
   }
   .default-btn{
      display: inline-block;
      border:none;
      padding: 0 30px;
      color: #fff;
      font-size: 14px;
      font-family: 'g_x_bold';
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .5px;
      line-height: 50px;
      position: relative;
      overflow: hidden;
      background: rgba(232,71,117,1);
      background: -moz-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(232,71,117,1)), color-stop(100%, rgba(225,57,6,1)));
      background: -webkit-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: linear-gradient(135deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84775', endColorstr='#e13906', GradientType=1 );
   }
   .default-btn .skew-child{
      position: relative;
      z-index: 4;
   }
   .default-btn:after{
      content: "";
      position: absolute;
      width: 100%;
      left: 0;
      bottom: -11px;
      z-index: 1;
      height: 21px;
      background: rgba(0, 0, 0, .10);
      transform: rotate(-2deg);
      transition: .4s;
   }
   .default-btn:hover{
      color: #fff;
   }
   .default-btn:hover:after{
      height: 70px;
      background: rgba(0, 0, 0, .20);
   }
   .copy-dev-xs,
   .form-section .inf-show-xs,
   .show-xs,
   .show-sm{
      display: none;
   }
   .mobile-toggle {
      align-content: center;
      touch-action: manipulation;
      border: 0;
      cursor: pointer;
      display:none;
      font: inherit;
      line-height: 1;
      text-align: center;
      text-decoration: none;
      outline: 0;
      background: none;
      padding: 0;
      height: 23px;
      margin-top: -5px;
   }
   .mobile-toggle__icon {
      width: 25px;
      height: 2px;
      background: #f2271e;
      display: block;
      margin-top: 7px;
      transition: height .1s ease .3s;
   }
   .mobile-toggle__icon::after,
   .mobile-toggle__icon::before {
      content: "";
      width: 25px;
      height: 2px;
      background: #f2271e;
      display: block;
      position: relative;
      top: 5px;
      transition: top .3s ease .3s, transform .3s ease
   }
   .mobile-toggle__icon::before {
      top: -7px
   }
   .mobile-toggle.active .mobile-toggle__icon {
      height: 0
   }
   .mobile-toggle.active .mobile-toggle__icon::after {
      top: -2px;
      transform: rotate(45deg);
      transition: top .3s ease, transform .3s ease .3s
   }
   .mobile-toggle.active .mobile-toggle__icon::before {
      top: 0;
      transform: rotate(-45deg);
      transition: top .3s ease, transform .3s ease .3s
   }
   @keyframes slideInLeft {
      from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
      }
      to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
   }

/* === HEADER === */
   header{
      padding-top: 22px;
      padding-bottom: 140px;
      background: url("images/header-bg.jpg") no-repeat top center / cover;
   }

/* === TOOLS === */
   .tools{
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      color: #fff;
      margin-bottom: 30px;
   }
   .tools .logo{
      display: flex;
      align-items: center;
   }
   .tools .logo img{
      display: inline-block;
      margin-right: 15px; 
   }
   .tools .logo .txt{
      line-height: .8;
      padding-top: 8px;
   }
   .tools .logo b{
      display: block;
      color: #ffb700;
      text-transform: uppercase;
      font-size: 38px;
      font-family: 'g_heavy';
   }
   .tools .logo u{
      color: #fff;
      font-size: 18px;
      text-transform: uppercase;
      display: inline-block;
      padding-left: 25px;
   }
   .tools .prof{
      height: 55px;
      border-left: 1px solid #615354;
      border-right: 1px solid #615354;
      padding: 0 30px;
      line-height: 1.3;
   }
   .tools .phone {
      line-height: 1.3;
      height: 55px;
      border-right: 1px solid #615354;
      padding: 0 30px 0 0;
   }
   .tools .phone u{
      display: block;
   }
   .tools .phone a{
      display: inline-block;
      font-family: 'g_heavy';
      color: #fff;
      font-size: 24px;
   }
   .tools .popup{
      padding-left: 20px;
      padding: 2px;
      font-size: 0;
      margin-bottom: 10px;
      background: rgba(225,57,6,1);
      background: -moz-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(225,57,6,1)), color-stop(100%, rgba(232,71,114,1)));
      background: -webkit-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -o-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -ms-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: linear-gradient(to right, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13906', endColorstr='#e84772', GradientType=1 );
   }
   .tools .popup a{
      display: inline-block;
      color: #fff;
      font-size: 14px;
      line-height: 40px;
      padding-left: 42px;
      padding-right: 22px;
      background: url("images/phone.png") no-repeat 14px;
      background-color: #191616;
      transition: .4s;
   }
   .tools .popup a:hover{
      background-color:  transparent;
   }
   .tools .development{
      display: flex;
      align-items: center;
   }
   .tools .development .txt{
      margin-left: 12px;
   }
   .tools .development .txt p{
      font-size: 13px;
      text-transform: uppercase;
      font-family: 'g_heavy_normal';
      line-height: .9;
   }
   .tools .development .txt a{
      color: #ffb700;
      font-size: 10px;
      font-family: 'g_heavy_normal';
   }

/* === PRIMARY MENU === */
   .primary-menu ul {
      list-style: none;
      padding: 0 0 0 100px;
      margin: 0 0 100px 0;
      font-size: 0;
      display: flex;
      font-family: 'g_heavy';
      align-items: flex-start;
   }
   .primary-menu ul li {
      margin-right: 22px;
   }
   .primary-menu ul li a {
      font-size: 18px;
      color: #fff;
      display: inline-block;
      letter-spacing: .5px;
      padding-bottom: 5px;
      position: relative;
      overflow: hidden;
      white-space: nowrap;
   }
   .primary-menu ul li a:before {
      content: "";
      width: 0;
      border-bottom: 1px solid #e84774;
      position: absolute;
      left: 0;
      bottom: 0;
      transition: .4s;
   }
   .primary-menu ul li a:hover:before{
      width: 100%;
   }

/* === WELCOME SEC=== */
   .welcome{
      color: #fff;
   }
   .welcome .heading{
      font-size: 74px;
      font-family: 'g_heavy';
      text-transform: uppercase;
   }
   .welcome .subtitle{
      font-size: 40px;
      text-transform: uppercase;
      font-family: 'g_heavy';
   }
   .welcome .round{
      display: flex;
      align-items: center;
      margin: 21px 0 30px 0;
   }
   .welcome .round p{
      font-size: 28px;
      margin-right: 85px;
   }
   .welcome .round span{
      display: inline-block;
      padding:6px 22px 6px 10px;
      background: #f2271e;
      font-size: 16px;
      position: relative;
      line-height: 1.1;
      border-radius: 3px 0 0 3px;
   }
   .welcome .round span b{
      font-family: 'g_heavy';
   }
   .welcome .round span:before{
      content: "";
      position: absolute;
      border-right: 16px solid #f2271e;
      border-bottom: 11px solid transparent;
      border-top: 19px solid transparent;
      left: -15px;
      top: 0px;
   }
   .welcome .inf{
      display: flex;
      align-items: center;
      margin-bottom: 65px;
   }
   .welcome .inf p{
      padding-left: 63px;
      position: relative;
      line-height: 1.4;
      font-size: 13px;
   }
   .welcome .inf p:nth-child(1){
      margin-right: 40px;
   }
   .welcome .inf p:nth-child(1):before{
      content: "";
      position: absolute;
      width: 50px;
      height: 50px;
      background: url("images/round-time.png") no-repeat center;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
   }
   .welcome .inf p:nth-child(2):before{
      content: "";
      position: absolute;
      width: 53px;
      height: 55px;
      background: url("images/timer.png") no-repeat center;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
   }

/* === LINE SEC === */
   .line{
      background: url("images/sec2-bg.jpg") no-repeat center / cover;
      color: #fff;
      position: relative;
      z-index: 3;
   }
   .line .flex-parent{
      min-height: 200px;
      display: flex;
      align-items: center;
      justify-content: space-between;
   }
   .line .flex-parent .card p{
      font-family: 'g_heavy_normal';
      font-size: 25px;
      line-height: 1.3;
   }
   .line .flex-parent .card span{
      font-family: 'g_regular_normal';
      display: block;
      font-size: 13px;
   }
   .line .flex-parent .card:nth-child(1){
      padding:3px 0 3px 72px;
      background: url("images/i1_42x46.png") no-repeat left;
   }
   .line .flex-parent .card:nth-child(2){
      padding:3px 0 3px 77px;
      background: url("images/i2_49x49.png") no-repeat left;
   }
   .line .flex-parent .card:nth-child(3){
      padding:3px 0 3px 62px;
      background: url("images/i3_34x48.png") no-repeat left;
   }

/* === COST === */
   .cost{
      min-height: 838px;
      background: url("images/cost-bg.png") no-repeat 50% 100%;
      position: relative;
      z-index: 2;
      padding-top: 70px;
      margin-top: 0px;
   }

   .cost .flex-parent{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
   }
   .cost .flex-parent .left-col {
      max-width: 640px;
      width: 640px;
   }
   .cost .flex-parent .left-col .heading{
      padding-left: 20px;
      padding-top: 5px;
      border-left: 4px solid #e7466a;
      margin-bottom: 48px;
   }
   .cost .flex-parent .left-col .heading .skew-child{
      display: flex;
      flex-direction: column;
      align-items: flex-end;
   }
   .cost .flex-parent .left-col .heading b{
      font-family: 'g_heavy';
      display: block;
      font-size: 35px;
      text-transform: uppercase;
      line-height: 1.1;
   }
   .cost .flex-parent .left-col .heading u{
      font-size: 13px;
      padding-right: 17px;
   }
   .cost .flex-parent .left-col table tr:first-child {
      background: rgba(232,71,117,1);
      background: -moz-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(232,71,117,1)), color-stop(100%, rgba(225,57,6,1)));
      background: -webkit-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: linear-gradient(135deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84775', endColorstr='#e13906', GradientType=1 );
      display: table-row;
   }
   .cost .flex-parent .left-col table tr th{
      display: table-cell;
      border:none;
      font-size: 25px;
      color: #fff;
      font-weight: normal;
      padding: 5px 20px;
   }
   .cost .flex-parent .left-col table tr th:first-child{
      width: 470px;
   }
   .cost .flex-parent .left-col table tr td{
      border: none;
      border-bottom: 1px solid #e5e5e5;
      padding: 12px 15px;
   }
   .cost .flex-parent .left-col table tr td:first-child{
      font-family: 'g_heavy';
      font-size: 21px;
   }
   .cost .flex-parent .left-col table tr td:last-child{
      padding-right: 8px;
      font-size: 18px;
   }
   .cost .flex-parent .left-col table tr td:last-child u{
      color: #f2271e;
      font-family: 'g_heavy';
   }
   .cost .flex-parent .left-col table tr:nth-child(2) td{
      padding-top: 45px;
   }
   .cost .flex-parent .left-col table tr:last-child td{
      border: none;
   }
   .cost .flex-parent .right-col{
      margin-top: 105px;
      padding-left: 50px;
      border-left: 1px solid #e5e5e5;
   }
   .cost .flex-parent .right-col .card {
      margin-bottom: 41px;
      padding-left: 67px;
   }
   .cost .flex-parent .right-col .card:last-child{
      margin-bottom: 0;
   }
   .cost .flex-parent .right-col .card p{
      font-family: 'g_heavy';
      font-size: 21px;
      margin-bottom: 9px;
      line-height: 1.4;
   }
   .cost .flex-parent .right-col .card span{
      font-size: 18px;
   }
   .cost .flex-parent .right-col .card span b{
      color: #f2271e;
      font-family: 'g_heavy';
   }
   .cost .flex-parent .right-col .card:nth-child(1){
      background: url("images/s1.png") no-repeat left;
   }
   .cost .flex-parent .right-col .card:nth-child(2){
      background: url("images/s2.png") no-repeat left;
   }
   .cost .flex-parent .right-col .card:nth-child(3){
      background: url("images/s3.png") no-repeat left;
   }
   .cost .flex-parent .right-col .card:nth-child(4){
      background: url("images/s4.png") no-repeat left;
   }
   .cost .flex-parent .right-col .card:nth-child(5){
      background: url("images/s5.png") no-repeat left;
   }

/* === FORM SEC === */
   .form-section{
      color: #fff;
      min-height: 765px;
      position: relative;
      margin-top: 0px;
      padding-top: 135px;
      z-index: 1;
      background: url("images/form-bg.jpg") no-repeat center / cover;
   }
   .form-section .txt{
      display: flex;
      align-items: center;
   }
   .form-section .txt p{
      font-family: 'g_heavy';
      font-size: 21px;
      line-height: 1.2;
      max-width: 185px;
   }
   .form-section .txt p u{
      display: inline-block;
      padding-left:10px;
   }
   .form-section .txt span{
      font-family: 'g_heavy';
      color: #ffb700;
      font-size: 76px;
      white-space: nowrap;
   }
   .form-section .heading{
      font-family: 'g_heavy';
      font-size: 35px;
      text-transform: uppercase;
      padding-left: 25px;
      position: relative;
      line-height: 1.3;
      margin-bottom: 70px;
   }
   .form-section .heading u{
      color: #ff0033;
   }
   .form-section .right-col{
      padding-left: 75px;
   }
   .form-section .heading:before{
      content: "";
      position: absolute;
      left: 0;
      top: -7px;
      width: 4px;
      height: 50px;
      background: #e7466a;
      -webkit-transform: skew(-17deg);
      -moz-transform: skew(-17deg);
      -o-transform: skew(-17deg);
      transform: skew(-17deg); 
   }
   .form-section .inps-wrapper{
      display: flex;
      align-items: center;
   }
   .form-section .inps-wrapper label{
      padding: 2px;
      font-weight: normal;
      background: rgba(225,57,6,1);
      background: -moz-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(225,57,6,1)), color-stop(100%, rgba(232,71,114,1)));
      background: -webkit-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -o-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -ms-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: linear-gradient(to right, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13906', endColorstr='#e84772', GradientType=1 );
   }
   .form-section .inps-wrapper label:first-child{
      margin-right: 35px;
   }
   .form-section .inps-wrapper .wrapper{
      background: #271d22;
      display: inline-block;
   }
   .form-section .inps-wrapper input{
      font-family: 'g_x_bold';
      -webkit-transform: skew(17deg);
      -moz-transform: skew(17deg);
      -o-transform: skew(17deg);
      transform: skew(17deg); 
      border:none;
      background: transparent;
      line-height: 53px;
      padding-left: 25px;
      width: 230px;
      font-size: 16px;
   }
   .form-section .right-col .inf{
      font-size: 13px;
      line-height: 1.3;
      margin-top: 8px;
      margin-bottom: 38px;
      margin-left: -16px;
      text-indent: 3px;
   }
   .form-section .right-col .send-wrapper{
      display: inline-block;
      border:none;
      padding: 0;
      margin-left: -30px;
      color: #fff;
      font-size: 14px;
      font-family: 'g_x_bold';
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: .5px;
      line-height: 50px;
      position: relative;
      overflow: hidden;
      background: rgba(232,71,117,1);
      background: -moz-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(232,71,117,1)), color-stop(100%, rgba(225,57,6,1)));
      background: -webkit-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: linear-gradient(135deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84775', endColorstr='#e13906', GradientType=1 );
   }
   .form-section .right-col .send-wrapper:after{
      content: "";
      position: absolute;
      width: 100%;
      left: 0;
      bottom: -11px;
      z-index: 1;
      height: 21px;
      background: rgba(0, 0, 0, .10);
      transform: rotate(-2deg);
      transition: .4s;
   }
   .form-section .right-col .send-wrapper:hover:after{
      height: 70px;
      background: rgba(0, 0, 0, .20);
   }
   .form-section .right-col .send-wrapper .skew-child{
      position: relative;
      z-index: 5;
   }
   .form-section .right-col .send-wrapper .skew-child input{
      padding: 0 30px;
      border:none;
      background: none;
      text-transform: uppercase;
   }

/* === QUESTIONS SEC === */
   .questions{
      min-height: auto;
      background: url("images/qst-bg.png") no-repeat top center;
      position: relative;
      z-index: 3;
      margin-top: -145px;
      padding-top: 150px;
/*       overflow: hidden; */
	position:relative;
	   padding-bottom:45px;
   }
.questions:after{
    content: "";
    position: absolute;
    width: 101%;
    height: 100px;
    background: #f6f6f8;
    bottom: -66px;
    transform: rotate(2deg);
}
   .questions .heading{
      font-family: 'g_heavy';
      font-size: 35px;
      text-transform: uppercase;
      padding-left: 20px;
      border-left: 4px solid #e7466a;
      margin-bottom: 10px;
   }
   .questions ul.qst-list{
      list-style: none;
      padding: 0;
      margin: 0;
	   position:relative;
	   z-index:4;
   }
   .questions ul.qst-list > li {
      margin-top: 30px;
   }
   .questions ul.qst-list > li > a{
      border: 3px solid #333333;
      display: flex;
      align-items: center;
      height: 53px;
      padding-left: 40px;
      font-size: 21px;
      color: #000;
   }
   .questions ul.qst-list > li > a.active{
      border:none;
      position: relative;
      overflow: hidden;
      background: rgba(232,71,117,1);
      background: -moz-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(232,71,117,1)), color-stop(100%, rgba(225,57,6,1)));
      background: -webkit-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      background: linear-gradient(135deg, rgba(232,71,117,1) 0%, rgba(225,57,6,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84775', endColorstr='#e13906', GradientType=1 );
      color: #fff;
   }
   .questions ul.qst-list > li > a.active:before{
      content: "";
      position: absolute;
      width: 100%;
      left: 0;
      bottom: -17px;
      z-index: 1;
      height: 21px;
      background: rgba(0, 0, 0, .10);
      transform: rotate(-1deg);
      transition: .4s;
   }
   .questions ul.qst-list > li > a.dcjq-parent .dcjq-icon{
      display: block;
      position: absolute;
      width: 20px;
      height: 12px;
      background: url("images/arrd.png") no-repeat center;
      right: 65px;
      top: 50%;
      -webkit-transform: translateY(-50%) skew(17deg);
      -moz-transform: translateY(-50%) skew(17deg);
      -o-transform: translateY(50%) skew(17deg);
      transform: translateY(-50%) skew(17deg);
   }
   .questions ul.qst-list > li > a.active.dcjq-parent .dcjq-icon{
      background: url("images/arru.png") no-repeat center;
      top: 47%;
      right: 68px;
   }
   .questions ul.qst-list > li > ul{
      list-style: none;
      padding: 0;
      margin: 0;
      background: #fff;
      position: relative;
      margin-left: -8px;
      margin-right: 8px;
      margin-bottom: 70px;
   }
   .questions ul.qst-list > li > ul:after{
      content: "";
      position: absolute;
      top: 0;
      right: -15px;
      height: 113%;
      width: 94%;
      background: #ededed;
      -webkit-transform: skew(-23deg);
      -moz-transform: skew(-23deg);
      -o-transform: skew(-23deg);
      transform: skew(-23deg);
   }
   .questions ul.qst-list > li > ul > li {
      font-size: 15px;
      line-height: 1.4;
      margin-bottom: 20px;
      position: relative;
      z-index: 6;
      padding: 40px 60px;
      background: #fff;
/*       min-height: 185px; */
   }

/* === MAP === */
   .map-wrapper{
      height: 920px;
      position: relative;
      margin-top: 25px;
        position: relative;
  overflow: hidden;
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 2em  0 rgba(0,0,0,.2);
   }
   #map{
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
        cursor: pointer;
        background-color: transparent;
   }
   [class*="ymaps-2"][class*="-ground-pane"] {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
      -webkit-filter: invert(100%) grayscale(100%) brightness(80%);
   }

/* === FOOTER === */
   footer{
      height: 398px;
      background: url("images/footer-bg.png") no-repeat center;
      margin-top: -120px;
      position: relative;
      z-index: 3;
   }
   footer .callback-row{
      background: #fff;
      padding: 50px 43px 33px 83px;
      display: block;
      margin: 0 auto;
      max-width: 930px;
   }
   footer .callback-row .flex-top-parent{
      font-family: 'g_heavy';
      display: flex;
      align-items: center;
      margin-bottom: 30px;
   }
   footer .callback-row .flex-top-parent p{
      font-size: 35px;
      text-transform: uppercase;
      padding-left: 15px;
      border-left: 4px solid #e7466a;
      margin-right: 55px;
   }
   footer .callback-row .flex-top-parent .phone{
      font-family: 'g_heavy';
      font-size: 34px;
      color: #000;
      margin-right: 33px;
   }
   footer .callback-row .flex-top-parent .popup{
      padding-left: 20px;
      padding: 2px;
      font-size: 0;
      font-family: 'g_regular';
      background: rgba(225,57,6,1);
      background: -moz-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, rgba(225,57,6,1)), color-stop(100%, rgba(232,71,114,1)));
      background: -webkit-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -o-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: -ms-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      background: linear-gradient(to right, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13906', endColorstr='#e84772', GradientType=1 );
   }
   footer .callback-row .flex-top-parent .popup a{
      display: inline-block;
      color: #000;
      font-size: 14px;
      line-height: 40px;
      padding-left: 42px;
      padding-right: 22px;
      background: url("images/phone-b.png") no-repeat 14px;
      background-color: #fff;
      transition: .4s;
   }
   footer .callback-row .flex-top-parent .popup a:hover{
      background-color:  transparent;
      background: url("images/phone.png") no-repeat 14px;
      color: #fff;
   }
   footer .callback-row .flex-sub-parent{
      display: flex;
      align-items: center;
   }
   footer .callback-row .flex-sub-parent p{
      padding-left: 28px;
      position: relative;
      margin-left: 33px;
      font-size: 15px;  
      margin-right: 40px;
   }
   footer .callback-row .flex-sub-parent p:before{
      content: "";
      position: absolute;
      width: 15px;
      border-bottom: 3px solid #e7466a;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    
   }
   footer .callback-row .flex-sub-parent span{
      display: block;
      background: url("images/pin.png") no-repeat left;
      padding-left: 25px;
      padding-top: 6px;
      padding-bottom: 5px;
   }
   footer .default-btn.absolute{
      position: absolute;
      z-index: 3;
      bottom: 100%;
      right: 130px;
   }
   footer .first-row{
      margin-top: -50px;
      margin-bottom: 75px;
   }
   footer .copyright{
      color: #fff;
      font-size: 13px;
      line-height: 1.3;
      padding-left: 100px;
      padding-top: 12px;
   }





/* === MEDIA QUERIES === */
   @media (max-width: 1199px){
      .tools .logo b{
         font-size: 31px;
      }
      .tools .logo u{
         font-size: 15px;
         padding-left: 17px;
      }
      .tools .logo img{
         width: 79px;
         margin-right: 5px;
      }
      .tools .prof{
         font-size: 12px;
      }
      .tools .phone u{
         font-size: 12px;
      }
      .tools .phone a{
         font-size: 20px;
      }
      .tools .phone{
         height: 43px;
         padding-right: 20px;
      }
      .tools .prof{
         height: 43px;
         padding: 0 20px;
      }
      .tools .popup{
         margin-bottom: 0;
      }
      .cost .flex-parent .left-col table tr th:first-child{
         width: 385px;
      }
      .cost .flex-parent .right-col .card p{
         font-size: 17px;
      }
      .cost .flex-parent .right-col{
         border-left: none;
      }
      .form-section .txt span{
         font-size: 66px;
      }
      .form-section .inps-wrapper label:first-child{
         margin-right: 4px;
      }
   }

   @media (max-width: 991px){
      .show-lg{
         display: none;
      }
      .tools .phone{
         padding-right: 0;
         border: none;
      }
      .tools .prof{
         padding: 0 27px;
      }
      .primary-menu{
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin-bottom: 50px;
         padding-right: 25px;
      }
      .primary-menu ul li a{
         font-size: 15px;
      }
      .primary-menu ul{
         padding-left: 70px;
         margin-bottom: 0;
      }
      .primary-menu ul li{
         margin-right: 17px;
      }
      .primary-menu .popup.show-sm{
         display: inline-block;
         padding-left: 20px;
         padding: 2px;
         font-size: 0;
         margin-bottom: 0;
         background: rgba(225,57,6,1);
         background: -moz-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
         background: -webkit-gradient(left top, right top, color-stop(0%, rgba(225,57,6,1)), color-stop(100%, rgba(232,71,114,1)));
         background: -webkit-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
         background: -o-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
         background: -ms-linear-gradient(left, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
         background: linear-gradient(to right, rgba(225,57,6,1) 0%, rgba(232,71,114,1) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e13906', endColorstr='#e84772', GradientType=1 );
      }
      .primary-menu .popup a{
         display: inline-block;
         color: #fff;
         font-size: 12px;
         line-height: 37px;
         padding-left: 42px;
         padding-right: 22px;
         background: url("images/phone.png") no-repeat 14px;
         background-color: #191616;
         transition: .4s;
      }
      .primary-menu .popup a:hover{
         background-color:  transparent;
      }
      .welcome .heading{
         font-size: 56px;
      }
      .welcome .subtitle{
         font-size: 30px;
      }
      .welcome .round p{
         font-size: 25px;
         margin-right: 50px;
      }
      .welcome .round span{
         font-size: 14px;
      }
      .welcome .round span:before{
         border-top: 17px solid transparent;
      }
      .default-btn{
         font-size: 11px;
         line-height: 40px;
         padding: 0 20px;
      }
      .default-btn:after{
         height: 18px;
      }
      .welcome .inf{
         margin-bottom: 50px;
      }
      header{
         padding-top: 27px;
         padding-bottom: 90px;
         background: url("images/header-bg-sm.jpg") no-repeat bottom center / cover;
      }
      .welcome .inf p u{
         display: none;
      }
      .welcome .inf p:nth-child(1){
         margin-right: 15px;
      }
      .line .flex-parent .card p{
         font-size: 17px;
         margin-bottom: 3px;
      }
      .line .flex-parent .card span{
         font-size: 12px;
      }
      .line .flex-parent .card:nth-child(1){
         padding: 3px 0 3px 50px;
         background: url("images/i1_42x46.png") no-repeat left;
         background-size: 36px;
      }
      .line .flex-parent .card:nth-child(2){
         padding: 11px 0 3px 54px;
         background: url("images/i2_49x49.png") no-repeat left;
         background-size: 41px;
      }
      .line .flex-parent .card:nth-child(3){
         padding: 16px 0 3px 42px;
         background: url("images/i3_34x48.png") no-repeat left;
         background-size: 29px;
      }
      .line {
         background: url("images/sec2-bg-sm.jpg") no-repeat center / cover;
      }
      .line .flex-parent {
         min-height: 135px;
      }
      .cost{
         margin-top: 0;
         padding-top: 44px;
      }
      .cost .flex-parent .left-col .heading b{
         font-size: 30px;
      }
      .cost .flex-parent .left-col .heading u{
         font-size: 12px;
      }
      .cost .flex-parent .left-col .heading{
         margin-bottom: 18px;
      }
      .cost .flex-parent .left-col table tr:nth-child(2) td{
         padding-top: 22px;
      }
      .cost .flex-parent .left-col table tr th{
         font-size: 20px;
      }
      .cost .flex-parent .left-col table tr td{
         padding: 10px 15px;
      }
      .cost .flex-parent .left-col table tr td:first-child{
         font-size: 17px;
      }
      .cost .flex-parent .left-col table tr td:last-child{
         font-size: 17px;
      }
      .cost .flex-parent .right-col{
         margin-top: 30px;
         padding-left: 0;
      }
      .cost .flex-parent{
         flex-direction: column;
      }
      .cost .flex-parent .right-col .card {
         padding-left: 65px;
         margin-bottom: 30px;
         width: 50%;
      }
      .cost .flex-parent .right-col .card p{
         margin-bottom: 0;
      }
      .cost .flex-parent .right-col{
         width: 100%;
         display: flex;
         align-items: flex-start;
         justify-content: space-between;
         flex-wrap: wrap;
      }
      .cost .flex-parent .right-col .card:nth-child(5){
         margin-left: auto;
      }
      .cost .flex-parent .left-col{
         width: 100%;
         min-width: 100%;
      }
      .cost .flex-parent .left-col table tr th:first-child{
         width: 500px;
      }
      .form-section .right-col{
         padding-left: 240px;
      }
      .form-section .txt p{
         font-size: 16px;
      }
      .form-section .txt span{
         font-size: 57px;
      }
      .form-section .txt p{
         max-width: 140px;
      }
      .form-section .heading{
         font-size: 30px;
         margin-bottom: 30px;
         margin-top: 6px;
      }
      .form-section .heading:before{
         top: 4px;
         height: 40px;
      }
      .form-section .inps-wrapper input{
         width: 180px;
         padding-left: 18px;
         line-height: 41px;
      }
      .form-section .inps-wrapper label:first-child {
         margin-right: 25px;
      }
      .form-section .inps-wrapper input{
         font-size: 12px;
      }
      .form-section .right-col .inf{
         font-size: 12px;
         margin-left: 90px;
         padding-right: 70px;
         margin-bottom: 6px;
      }
      .form-section .right-col .inf br{
         display: none;
      }
      .form-section .inps-wrapper{
         justify-content: flex-end;
      }
      .form-section .right-col .send-wrapper{
         margin-left: 315px;
         line-height: 41px;
      }
      .form-section .right-col .send-wrapper .skew-child input{
         font-size: 11px;
         padding: 0 20px;
      }
      .form-section {
         color: #fff;
         min-height: 525px;
         margin-top: 0px;
         padding-top: 60px;
         background: url("images/form-bg-sm.jpg") no-repeat center / cover;
      }
      .questions{
         margin-top: -100px;
         min-height: auto;
         background: url("images/qst-bg-sm.png") no-repeat top center;
         position: relative;
         z-index: 3;
         padding-top: 85px;
      }
	   .questions > .container{
		   position: relative;
	   }
	   .questions > .container:after {
content: "";
    position: absolute;
    width: 103%;
    max-width: 767px;
    height: 100px;
    background: #f6f6f8;
    bottom: -60px;
    transform: rotate(2deg);
    left: -10px;
		}
	   .questions:before{
content: "";
    position: absolute;
    width: 30px;
    height: 81px;
    background: #ededed;
    bottom: -28px;
    transform: rotate(1deg);
    right: -2px;

	   }
	   .questions:after{
		   display:none;
	   }
      .questions .heading{
         font-size: 30px;
      }
      .questions ul.qst-list > li > a{
         font-size: 12px;
         padding-left: 25px;
         height: 35px;
      }
      .questions ul.qst-list > li > a.active.dcjq-parent .dcjq-icon,
      .questions ul.qst-list > li > a.dcjq-parent .dcjq-icon{
         width: 13px;
         height: 8px;
         background-size: 100%;
         right: 35px;
      }
      .questions ul.qst-list > li{
         margin-top: 20px;
      }
      .questions ul.qst-list > li > ul > li{
         padding: 15px 35px;
         font-size: 12px;
         line-height: 1.2;
         min-height: 115px;
      }
      .questions ul.qst-list > li > ul{
         margin-bottom: 50px;
      }
      .map-wrapper{
         height: 800px;
		  margin-top:-10px;
      }
      footer .callback-row.skew{
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
         -o-transform: skew(0deg);
         transform: skew(0deg);
         padding: 25px;
      }
      .flex-sub-parent.skew-child,
      .flex-top-parent.skew-child{
         -webkit-transform: skew(0deg);
         -moz-transform: skew(0deg);
         -o-transform: skew(0deg);
         transform: skew(0deg);
      }
      footer .callback-row .flex-top-parent p{
         font-size: 30px;
         margin: 0;
      }
      footer .callback-row .flex-top-parent .phone{
         font-size: 30px;
         margin: 0;
      }
      footer .callback-row .flex-top-parent{
         justify-content: space-between;
         margin-bottom: 20px;
      }
      footer .callback-row .flex-top-parent .popup a{
         font-size: 11px;
         line-height: 33px;
      }
      footer .callback-row .flex-sub-parent p {
         margin-left: 20px;
         font-size: 12px;
      }
      .tools .development{
         display: none;
      }
      footer .first-row{
         margin-bottom: 30px;
      }
      footer .tools{
         margin-bottom: 15px;
      }
      footer .copyright{
         padding-left: 80px;
         font-size: 12px;
      }
      footer {
         height: 270px;
      }
      .show-sm.development{
         display: flex;
         align-items: center;
         margin-right: 15px;
      }
      .show-sm.development .txt{
         margin-left: 12px;
      }
      .show-sm.development .txt p{
         font-size: 13px;
         text-transform: uppercase;
         font-family: 'g_heavy_normal';
         line-height: .9;
         color: #fff;
      }
      .show-sm.development .txt a{
         color: #ffb700;
         font-size: 10px;
         font-family: 'g_heavy_normal';
      }
      .copy-wrapper{
         display: flex;
         align-items: center;
         justify-content: space-between;
      }
      footer .default-btn.absolute{
         right: 25px;
      }
	   .questions ul.qst-list > li > ul:after{
		-webkit-transform: skew(-15deg);
		-moz-transform: skew(-15deg);
		-o-transform: skew(-15deg);
		transform: skew(-15deg);
	   }
   }

   @media (max-width: 767px){
	   .questions:before {
		bottom: -26px;
		right: 0px;
	   }
      .tools .prof{
         display: none;
      }
      header .tools .phone{
         display: none;
      }
      header .tools .logo{
         position: relative;
         z-index: 11;
      }
      header .tools .logo.active u{
         color: #000;
      }
      .primary-menu{
         position: fixed;
         z-index: 10;
         height: 100%;
         top: 0;
         left: 0;
         width: 260px;
         display: block;
         padding-top: 80px;
         background: #f6f6f8;
         display: none;
      }
      .primary-menu.active{
         display: block;
         animation: slideInLeft .5s 1;
      }
      .primary-menu ul{
         padding: 0;
         flex-direction: column;
         align-items: flex-start;
      }
      .primary-menu ul li{
         margin-right: 0;
         margin-bottom: 10px;
      }
      .primary-menu ul li a{
         color: #000;
      }
      .primary-menu .popup.show-sm{
         margin-top: 10px;
      }
      .primary-menu .popup.show-sm a {
         color: #000;
         background: url("images/phone-b.png") no-repeat 14px;
         background-color: #f6f6f8;
         line-height: 35px;
      }
      header{
         padding-top: 20px;
         padding-bottom: 40px;
         background: url("images/header-bg-xs.jpg") no-repeat bottom center / cover;
      }
      .tools .logo img{
         width: 50px;
      }
      .tools .logo b{
         font-size: 23px;
      }
      .tools .logo u{
         font-size: 11px;
         padding-left: 14px;
      }
      header .tools{
         margin-bottom: 12px;
      }
      .welcome .heading{
         font-size: 32px;
      }
      .welcome .subtitle{
         font-size: 17px;
      }
      .show-xs.phone{
         font-family: 'g_heavy';
         display: inline-block;
         color: #fff;
         font-size: 25px;
         margin-bottom: 25px;
         margin-left: 50px;
      }
      .mobile-toggle {
         display: block;
      }
      header .tools{
         align-items: center;
      }
      .welcome .round{
         margin-top: 10px;
         margin-bottom: 25px;
      }
      .welcome .inf{
         flex-direction: column;
         align-items: flex-start;
         margin-bottom: 29px;
      }
      .welcome .inf p:nth-child(1){
         margin-right: 0;
         margin-bottom: 30px;
      }
      .welcome .inf p:nth-child(1):before{
         width: 40px;
         height: 40px;
         background-size: 100%;
      }
      .welcome .inf p:nth-child(2):before{
         width: 43px;
         height: 44px;
         background-size: 100%;
      }
      .welcome .inf p{
         padding-left: 55px;
      }
      .welcome .round p{
         font-size: 16px;
         margin-right: 35px;
      }
      .welcome .round span{
         padding-right: 12px;
      }
      .line .flex-parent{
         flex-direction: column;
         align-items: flex-start;
      }
      .line {
         background: url("images/sec2-bg-xs.jpg") no-repeat center / cover;
         padding-top: 14px;
         padding-bottom: 14px;
      }
      .line .flex-parent .card p{
         font-size: 15px;
      }
      .line .flex-parent .card:nth-child(1) {
         padding: 3px 0 3px 45px;
         background: url("images/i1_42x46.png") no-repeat left;
         background-size: 32px;
         margin-bottom: 14px;
         margin-left: 3px;
      }
      .line .flex-parent .card:nth-child(2) {
         padding: 3px 0 3px 49px;
         background: url("images/i2_49x49.png") no-repeat left;
         background-size: 37px;
         margin-bottom: 14px;
      }
      .line .flex-parent .card:nth-child(3) {
         padding: 3px 0 3px 40px;
         background: url("images/i3_34x48.png") no-repeat left;
         background-size: 25px;
         margin-left: 9px;
      }
      .cost .flex-parent .left-col .heading b{
         font-size: 17px;
      }
      .cost .flex-parent .left-col .heading u{
         display: none;
      }
      .cost .flex-parent .left-col table tr th{
         font-size: 18px;
      }
      .cost .flex-parent .left-col table tr th:first-child{
         width: auto;
      }
      .cost .flex-parent .left-col table tr td:first-child{
         font-size: 15.5px;
         padding: 8px;
      }
      .cost .flex-parent .left-col table tr td:last-child{
         font-size: 14.5px;
         padding: 8px;
      }
      .cost .flex-parent .left-col table tr td:last-child,
      .cost .flex-parent .left-col table tr td:first-child{
         padding: 8px;
      }
      .cost .flex-parent .right-col{
         margin-top: 0;
         flex-direction: column;
      }
      .cost .flex-parent .right-col .card p{
         font-size: 16px;
      }
      .cost .flex-parent .right-col .card span{
         font-size: 15px;
      }
      .cost .flex-parent .right-col .card {
         padding-left: 48px;
         width: 100%;
         margin-bottom: 13px;
      }
      .cost .flex-parent .right-col .card:nth-child(5){
         margin-left: 0;
      }
      .cost{
         padding-top: 30px;
         min-height: auto;
         padding-bottom: 85px;
      }
      .form-section .txt p{
         font-size: 13px;
         max-width: 115px;
      }
      .form-section .right-col .inf {
         display: none;
      }
      .form-section .right-col .inf u{
         display: none;
      }

      .form-section .txt span{
         font-size: 30px;
      }
      .form-section .right-col{
         padding-left: 15px;
      }
      .form-section .right-col .send-wrapper{
         margin-left: 0;
         margin-top: 10px;
      }
      .form-section .inf-show-xs{
         display: block;
         font-size: 13px;
         margin-bottom: 20px;
         margin-left: 23px;
      }
      .form-section .heading{
         font-size: 17px;
         margin-top: 20px;
         margin-bottom: 12px;
      }
      .form-section .inps-wrapper{
         flex-direction: column;
         justify-content: flex-start;
         align-items: flex-start;
      }
      .form-section .inps-wrapper label:first-child{
         margin-right: 0;
         margin-bottom: 14px;
      }
      .form-section .right-col .send-wrapper{
         line-height: 33px;
      }
      .form-section .right-col .send-wrapper .skew-child input {
         font-size: 12px;
         padding: 0 15px;
      }
      .form-section .right-col .send-wrapper:after{
         height: 18px;
      }
      .form-section .inps-wrapper input {
         width: 150px;
         padding-left: 18px;
         line-height: 28px;
      }
      .form-section form{
         padding-left: 100px;
      }
      .form-section {
         min-height: 440px;
         margin-top: -75px;
         padding-top: 60px;
         background: url("images/form-bg-xs.jpg") no-repeat bottom left / cover;
      }
      .form-section .heading:before {
         top: -1px;
         height: 22px;
      }
      .questions .heading{
         font-size: 17px;
         padding-left: 10px;
      }
      .questions{
         padding-top: 55px;
         margin-top: -67px;
		  padding-bottom:15px;
      }
	.questions > .container:after {
		content: "";
		position: absolute;
		width: 102%;
		max-width: 767px;
		height: 100px;
		background: #f6f6f8;
		bottom: -35px;
		transform: rotate(2deg);
		left: -10px;
	}
      .questions ul.qst-list > li{
         margin-top: 14px;
      }
      .questions .heading{
         margin-bottom: 0;
      }
      .questions ul.qst-list > li > a{
         height: 33px;
      }
      .questions ul.qst-list > li > ul{
         margin-bottom: 35px;
      }
      .questions ul.qst-list > li > ul:after {
         right: 0;
         height: 106%;
         width: 93%;
         background: #ededed;
         -webkit-transform: skew(-13deg);
         -moz-transform: skew(-13deg);
         -o-transform: skew(-13deg);
         transform: skew(-13deg);
      }
      .map-wrapper{
         height: 650px;
      }
      footer .callback-row .flex-top-parent{
         display: none;
      }
      .copy-wrapper{
         display: none;
      }
      footer .callback-row.skew{
         padding: 23px;
      }
      footer .callback-row .flex-sub-parent p{
         margin-left: 0;
         margin-right: 0;
      }
      footer .callback-row .flex-sub-parent{
         flex-direction: column;
         align-items: flex-start;
         justify-content: flex-start;
      }
      footer .callback-row .flex-sub-parent span{
         font-size: 13px;
         margin-top: 20px;
      }
      footer .tools{
         flex-direction: column;
         align-items: flex-start;
         margin-bottom: 0
      }
      footer .tools .logo{
         margin-bottom: 10px;
      }
      footer .tools .phone {
         margin-left: 50px;
      }
      footer .tools .phone u{
         font-size: 13px;
      }
      footer .tools .phone a{
         font-size: 25px;
      }
      footer .first-row {
         margin-bottom: 22px;
      }
      footer{
         height: 195px;
      }
      .copy-dev-xs{
         display: block;
      }
      .copy-dev-xs .left-col{
         color: #996666;
         background: #4a3e40;
         padding-top: 15px;
         padding-bottom: 14px;
         font-size: 12px;
      }
      .copy-dev-xs .right-col{
         background: #333333;
         padding-top: 12px;
         padding-bottom: 8px;
      }
      .show-sm.development{
         margin-right: 0;
      }
      .show-sm.development a img{
         width: 28px;
      }
      .show-sm.development .txt p{
         font-size: 11px;
         margin-bottom: 2px;
      }
      .questions ul.qst-list > li > a{
         padding-left: 12px;
      }
      .questions ul.qst-list > li > a.active.dcjq-parent .dcjq-icon, .questions ul.qst-list > li > a.dcjq-parent .dcjq-icon{
         right: 16px;
      }
      .questions ul.qst-list > li > ul > li{
         padding: 14px;
      }
      footer .default-btn.absolute{
         line-height: 35px;
      }
   }


/* FORM POP UP */
.callback {
    z-index: 99990;
    position: relative;
    background: #fff;
    padding: 40px 20px 20px 20px;
    width: auto;
    max-width: 320px;
    margin: 20px auto;
}
.callback img {
    width: auto;
    margin-bottom: 40px;
}
.callback img {
    display: block;
    margin: 40px auto;
}
.callback label {
    color: #373737;
    width: 100%;
    margin-bottom: 20px;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}
.callback label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    display: block;
    padding: 15px;
    border: 1px solid;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #c9c9c9;
}
.btn-popup {
    border: none;
    width: 100%;
    margin-bottom: 30px;
}

.main-btn {
    display: inline-block;
    font-family: BebasRegular,sans-serif;
    color: #fff;
    background-color: #fa2a20;
    -webkit-border-radius: 64px;
    border-radius: 64px;
    padding: 1.2em 3em .9em 3em;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 18px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.checkbox {
    margin-top: 15px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 38px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
    display: flex;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.checkbox__input {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    opacity: 0;
    z-index: 0;
}
[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.checkbox__input:checked+.checkbox__label:before {
    background-color: #022da2;
    border-color: #022da2;
}
.checkbox__label:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 25px;
    height: 25px;
    background-color: transparent;
    border: 2px solid #dee2e6;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 1;
    -webkit-transition: all .28s cubic-bezier(.4,0,.2,1);
    -o-transition: all .28s cubic-bezier(.4,0,.2,1);
    transition: all .28s cubic-bezier(.4,0,.2,1);
    -webkit-transition-property: background-color,border-color;
    -o-transition-property: background-color,border-color;
    transition-property: background-color,border-color;
}
.checkbox__input:checked+.checkbox__label:after {
    border-color: #fff;
}

.checkbox__label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 6px;
    height: 18px;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-transition: border-color .28s cubic-bezier(.4,0,.2,1);
    -o-transition: border-color .28s cubic-bezier(.4,0,.2,1);
    transition: border-color .28s cubic-bezier(.4,0,.2,1);
}
.checkbox p {
    text-align: left;
    color: #999;
}
.policy {
    color: #fff;
    width: 100%;
    font-size: 12px;
    text-align: left;
    margin: 0;
}
.checkbox a {
    color: #999;
}
.policy a {
    text-decoration: underline;
}


.mpf-loader {
    display: none;
}

.loader, .mpf-loader {
    display: none;
    position: absolute;
    width: 101%;
    height: 101%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-color: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 100;
}
.loader-content {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.loader-content img {
    display: block;
    max-width: 150px;
    margin: 30px auto;
}
.loader-content span {
    font-size: 18px;
    display: block;
    color: #303030;
    width: 100%;
    text-align: center;
}
.wrap {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    -webkit-animation-name: rotateThis;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-transform: scale(.3);
    -o-transform: scale(.3);
}
.wrap div {
    width: 10px;
    height: 30px;
    background: grey;
    position: absolute;
    top: 35px;
    left: 45px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-border-radius-bottomleft: 50px;
    -moz-border-radius-bottomright: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
}
.callback .success {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 101;
    display: none;
}
.callback .success .success-content {
    padding: 20px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    z-index: 102;
}
.form-success-img {
    max-width: 150px;
    margin: 20px auto;
}
.form-success-header {
    line-height: 1.5em;
    width: 100%;
    font-family: RobotoLight,sans-serif;
    font-size: 24px;
    text-align: center;
}
.form-success-line {
    height: 2px;
    width: 40%;
    background-color: #00c853;
    margin: 20px auto;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bar1 {
    -o-transform: rotate(0) translate(0,-40px);
    opacity: .1;
    -moz-transform: rotate(0) translate(0,-40px);
    opacity: .1;
    -webkit-transform: rotate(0) translate(0,-40px);
    opacity: .1;
}
.bar2 {
    -o-transform: rotate(36deg) translate(0,-40px);
    opacity: .2;
    -moz-transform: rotate(36deg) translate(0,-40px);
    opacity: .2;
    -webkit-transform: rotate(36deg) translate(0,-40px);
    opacity: .2;
}
.bar3 {
    -o-transform: rotate(72deg) translate(0,-40px);
    opacity: .3;
    -moz-transform: rotate(72deg) translate(0,-40px);
    opacity: .3;
    -webkit-transform: rotate(72deg) translate(0,-40px);
    opacity: .3;
}
.bar4 {
    -o-transform: rotate(108deg) translate(0,-40px);
    opacity: .4;
    -moz-transform: rotate(108deg) translate(0,-40px);
    opacity: .4;
    -webkit-transform: rotate(108deg) translate(0,-40px);
    opacity: .4;
}
.bar5 {
    -o-transform: rotate(144deg) translate(0,-40px);
    opacity: .5;
    -moz-transform: rotate(144deg) translate(0,-40px);
    opacity: .5;
    -webkit-transform: rotate(144deg) translate(0,-40px);
    opacity: .5;
}
.bar6 {
    -o-transform: rotate(180deg) translate(0,-40px);
    opacity: .6;
    -moz-transform: rotate(180deg) translate(0,-40px);
    opacity: .6;
    -webkit-transform: rotate(180deg) translate(0,-40px);
    opacity: .6;
}
.bar7 {
    -o-transform: rotate(216deg) translate(0,-40px);
    opacity: .7;
    -moz-transform: rotate(216deg) translate(0,-40px);
    opacity: .7;
    -webkit-transform: rotate(216deg) translate(0,-40px);
    opacity: .7;
}
.bar8 {
    -o-transform: rotate(252deg) translate(0,-40px);
    opacity: .8;
    -moz-transform: rotate(252deg) translate(0,-40px);
    opacity: .8;
    -webkit-transform: rotate(252deg) translate(0,-40px);
    opacity: .8;
}
.bar7 {
    -o-transform: rotate(216deg) translate(0,-40px);
    opacity: .7;
    -moz-transform: rotate(216deg) translate(0,-40px);
    opacity: .7;
    -webkit-transform: rotate(216deg) translate(0,-40px);
    opacity: .7;
}
.bar8 {
    -o-transform: rotate(252deg) translate(0,-40px);
    opacity: .8;
    -moz-transform: rotate(252deg) translate(0,-40px);
    opacity: .8;
    -webkit-transform: rotate(252deg) translate(0,-40px);
    opacity: .8;
}
.bar9 {
    -o-transform: rotate(288deg) translate(0,-40px);
    opacity: .9;
    -moz-transform: rotate(288deg) translate(0,-40px);
    opacity: .9;
    -webkit-transform: rotate(288deg) translate(0,-40px);
    opacity: .9;
}
.bar10 {
    -o-transform: rotate(324deg) translate(0,-40px);
    opacity: 1;
    -moz-transform: rotate(324deg) translate(0,-40px);
    opacity: 1;
    -webkit-transform: rotate(324deg) translate(0,-40px);
    opacity: 1;
}
.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}

input[type="text"] { 
    padding: 3px;
    background: #333;
    border: 1px solid #ccc;
    color: #fff;
   }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}
.knopka {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
    background-color: #90B508!important;
    border-radius: 100%;
    cursor: pointer;
    z-index: 10;
}
.anim_krug {
    width: 100px;
    height: 100px;
    background-color: #71be00;
    border-radius: 50px;
    position: absolute;
    left: -15px;
    top: -15px;
    z-index: -1;
    transform: scale(0);
    animation: pulsation 2s infinite;
}
.image {
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50px;
    position: absolute;
    top: calc(50% - 20px);
    right: calc(50% - 6px);
    /*overflow: hidden;*/
}
.image img {
    position: absolute;
    top: 10%;
    right: -25%;
    overflow: hidden;
}
@keyframes pulsation
{0%
  {transform:scale(0);opacity:1}
 50%
  {opacity: .5}
 to
  {transform:scale(1);opacity:0}}
/* Индикатор загрузки, который показывается до загрузки карты */
.loader {
  position: absolute;
  z-index: 15;
  top: -100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000000;
  transition: opacity .7s ease;
  opacity: 0;
  background-color: rgba(0,0,0,.55);
}
 
.loader:after,
.loader:before {
  box-sizing: border-box;
}
 
.loader.is-active {
  top: 0;
  opacity: 1;
}
.click-map {
      position: absolute;
  top: calc(50%);
  left: calc(50%);
  transform: translate(-50%, -50%);
}
.loader-default:after {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  content: '';
  animation: rotation 1s linear infinite;
  border: solid 8px #ffffff;
  border-left-color: transparent;
  border-radius: 50%;
}
 
@keyframes rotation {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
 
@keyframes blink {
  from {
    opacity: .5;
  }
  to {
    opacity: 1;
  }
}