/* Source: public/assets/slick/slick.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Source: public/assets/slick/slick-theme.css */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url("../slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url("../slick/fonts/slick.eot");
    src: url("../slick/fonts/slick.eot?#iefix") format('embedded-opentype'), url("../slick/fonts/slick.woff") format('woff'), url("../slick/fonts/slick.ttf") format('truetype'), url("../slick/fonts/slick.svg#slick") format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;

    /* color: transparent; */
    /* border: 2px #f00 solid; */
    border: none;
    
    background-color: rgba(0,0,0,0);
    width: 34px;
    height: 20px;
    outline: none;
    /* background: transparent; */
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    /* color: transparent; */
    /* outline: none; */
    /* background: transparent; */
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    /* opacity: 1; */
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 277px;
    top: -25px;
    margin-left: -10px;
    background-image: url("../images/portfolio/arrow_up.png");
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    /*content: '←';*/
}
[dir='rtl'] .slick-prev:before
{
    /*content: '→';*/
}

.slick-next
{
    left: 277px;
    top: 550px;
    margin-left: -10px;
    background-image: url("../images/portfolio/arrow_down.png");
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    /* content: '→'; */
}
[dir='rtl'] .slick-next:before
{
    /* content: '←'; */
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Source: public/assets/css/legacy/base.css */

.quiz {
  font-family: MontserratMedium, sans-serif;
}

.button {
   display: inline-block;
   padding: 15px 30px 15px 30px;
   border: 0;
   border-radius: 0;
   font-size: 20px;
   line-height: normal;
   color: white;
   font-weight: 500;
   letter-spacing: 2px;
   background-color: #46c75e;
   text-decoration: none;
   position: relative;
   overflow: visible;
   outline: none;
}

.button:hover {
  /* background-color: #33af14; */
  background-color: #46c75e;
}

.button:active {
    background-color: #33af14;
}

.button i {
    font-size: 30px;
    font-weight: 700;
    vertical-align: -3px;
}

.button .fa-angle-left { margin-right: 15px; }
.button .fa-angle-right { margin-left: 15px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

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

input[type=text] {
   padding-left: 20px;
    width: 100%!important;
    margin-bottom: 10px;
    height: 50px;
    border-radius: 0;
    font-size: 18px;
    color: #a8a8a8;
}

input[type=text]:hover {}
input::-webkit-input-placeholder {
    font-size: 18px;
    color: #a8a8a8;
}
input:-moz-placeholder {
    font-size: 18px;
    color: #a8a8a8;
}
input::-moz-placeholder {
    font-size: 18px;
    color: #a8a8a8;
}
input:-ms-input-placeholder {
    font-size: 18px;
    color: #a8a8a8;
}

.logo a,
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  form label,
  header,
  hgroup,
  menu,
  nav,
  section {
      display: block
  }

  .phone-number,
  li a,
  li a:hover,
  p a,
  p a:hover {
      text-decoration: none
  }

  body,
  canvas,
  center,
  div,
  form,
  h1,
  h2,
  h3,
  header,
  html,
  iframe,
  img,
  label,
  li,
  object,
  p,
  pre,
  section,
  span,
  strong,
  ul {
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      vertical-align: baseline;
  }

  .span6 h3,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ol,
  p,
  ul {
      margin-bottom: 2em
  }

  strong {
      font-weight: 700
  }

  blockquote,
  q {
      quotes: none
  }

  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
      content: "";
      content: none
  }

  table {
      border-collapse: collapse;
      border-spacing: 0
  }

  * {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
  }

  p a,
  p a:hover {
      /*border-bottom: 1px dotted*/
  }

  .span6 h3 {
      font-size: 1.75em;
      color: #016cb4;
      line-height: 1.3em
  }

  li a,
  p a {
      color: #026bb9;
      -webkit-transition: all .2s ease-in;
      -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      transition: all .2s ease-in
  }

  li a:hover,
  p a:hover {
      color: #3f484d
  }

h1, h2, h3, h4, h5, h6 {
   text-align: center;
}

  h2 {
   font-size: 29px;
   color: #feffff;
   font-size: 29px;
   line-height: 29px;
   color: #FFFFFF;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 10px;

  }

  form label,
  h3,
  h4 {
      color: #3f484d
  }

  h3 {
      font-size: 1.3em
  }

  h4 {
      font-size: 1em
  }

  h5,
  h6 {
      font-size: .75em
  }

  form label {
      margin-bottom: .5em
  }

  form p {
      margin-bottom: 1em
  }

  form input[type=text],
  form input[type=email],
  form input[type=url],
  form textarea {
      -webkit-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      -webkit-transition: all .2s ease-in;
      -moz-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      transition: all .2s ease-in;
      outline: 0;
      width: 100%;
      font-size: 18px;
      color: #a8a8a8;
      border: 2px solid #766868;
      padding: 0 0 0 1em;
  }

  form input[type=text]:focus,
  form input[type=text]:hover,
  form input[type=email]:focus,
  form input[type=email]:hover,
  form input[type=url]:focus,
  form input[type=url]:hover,
  form textarea:focus,
  form textarea:hover {
      border: 2px solid #766868;
  }

  form textarea {
      width: 80%
  }

  form input[type=submit] {
      font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
      font-size: .9em;
      border: none;
      cursor: pointer;
      padding-right: 1.5em
  }

.form-wrapper {
    width: 90%;
    padding: 40px;
    border: 12px solid #2a4362;
    background: white;
}


.form {
    width: 100%;
}

.form__phone {
   width: 100%;
   margin-bottom: 10px;
   height: 50px;
   border-radius: 50px;
   font-size: 18px;
   color: #a8a8a8;
   width: 100%;
   border: 2px #cdcdcd solid;
   padding: 0 0 0 1em;
   outline: none;
}

.form__conf-check {
    width: 100%;
    vertical-align: top;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form__submit {
   width: 100%;
   letter-spacing: 0.1em
}

.form__footer-note-inner {
    width: 100%;
    padding-top: 10px;
    text-align: center;
}

.form__footer-note {
    text-transform: none;
    line-height: 16px;
    font-size: 16px;
    font-weight: normal;
    color: #2a4362;
}

.conf-check-div {}

.conf-check__left {
    display: inline-block;
    width: 5%;
    vertical-align: top;
    padding: 2px;
}

.conf-check__right {
    display: inline-block;
    vertical-align: top;
    line-height: normal;
}

.conf-check__check {
    width: 100%;
    border: 2px solid #766868;
    height: 16px;
}

.conf-check__question {
   color: #00314a;
   font-size: 16px;
   font-weight: 400;
   text-decoration: underline;
}

.questions-left {
    width: 95%;
    display: inline-block;
}
.questions-right {
  width: 30%;
  display: inline-block;
  float: right;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
  vertical-align: baseline;
  color: #a8a8a8;
}

.subtext {
  font-size: 15px;
}

.question-middle {
  padding-top: 50px;
}

/* Source: public/assets/css/legacy/fonts.css */
/* Основные шрифты объявлены в assets/css/style.css.
   Файл оставлен для совместимости с существующим порядком подключения стилей. */


/* Source: public/assets/css/legacy/grid.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;/*line-height:1.42857143*/;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:58%;}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:100%}.col-md-8{width:66.66666667%}.col-md-7{width:100%    padding-left: 0px;
padding-right: 0px;}.col-md-6{width:50%}.col-md-5{width:41.66666667%;float: right;    padding-left: 0;
padding-right: 0;}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}


/* Source: public/assets/css/legacy/project.css */
body {
   background-color: white;
   font-family: MontserratMedium, sans-serif;
   height: 100%;
}

.invalid-phone {
   border: solid 2px red;
}

.valid-phone {
   border: none;
}

.header-section {
   padding: 15px 0 15px 0; background: #ffffff;
   height: 140px;
   width: 100%;
}

.header-section__logo { margin-top: 20px; margin-bottom: 0; background: transparent url("../images/logo.png") no-repeat left center;
   background-size: contain; height: 60px; display: block; }
.header-section .phone-block { text-align: right; letter-spacing: 0.7px; }
.header-section .phone-block .r1 { font-weight: 700; font-size: 18px; }
.header-section .phone-block .r2 a { font-weight: 700; font-size: 36px; color: orange; }
.header-section .phone-block .r3 { font-weight: 700; font-size: 18px; }
.main-section {
   width: 100%;
   background: linear-gradient( rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6) ), url("../images/bg.jpg") no-repeat top center;
   background-size: cover;
   position: absolute;
   top: 0;
   bottom: 0;
   margin-top: 140px;
   margin-bottom: 40px;
   padding-top: 20px;
}

.main-section__offer { font-size: 65px; line-height: 75px;
    text-align: center; letter-spacing: 0px; text-transform: uppercase; color: #FFF; padding: 0; margin-bottom: 15px; margin-top:60px;
}

.main-section ul {
list-style: none;
overflow: hidden;
margin: 0 auto;
padding: 20px 30px 0 30px;
}
.main-section ul li {
width: 268px;
vertical-align: top;
padding: 0px 0px 0px 0px;
display: inline-block;
}
.main-section .div1 { height: 80px; }
.main-section .g1 {
color: orange;
font-weight: 700;
line-height: 21px;
font-size: 21px;
margin-bottom: 0px;
text-align: center;
}
.main-section .g1 span { font-size: 42px; }
.main-section .g2 {
color: #fff;
font-size: 21px;
font-weight: 400;
line-height: 27px;
padding-top: 10px;
text-align: center;
}
.main-section .div {
font-style: normal;
font-size: 18px;
line-height: 23px;
/* text-transform: uppercase; */ font-weight: 300; color: #FFF; text-align: left; padding: 15px 0px 20px 0px; ;
}
.main-section .i1 {
width: 100px;
background-image: url("../images/gar1.png");
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}
.main-section .i2 {
width: 100px;
background-image: url("../images/gar2.png");
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}
.main-section .i3 {
width: 100px;
background-image: url("../images/gar3.png");
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}
.main-section .i4 {
width: 100px;
background-image: url("../images/gar4.png");
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}

.main-section__offer-2 {
    padding-top: 30px;
    padding-bottom: 30px;

}
.main-section__offer b { font-weight: 700; color: orange;}

.main-section__quiz {
  margin: auto;
  width: 80%;
}

.form_action-text {
   font-size: 36px;
   padding-top: 20px;
   line-height: 36px;
   color: #00314a;
   text-transform: uppercase;
   font-weight: bold;
   text-align: center;
}
.form__action-1 { padding-bottom: 25px; }
.form__action-2 { padding-bottom: 25px; }


.main-section__start-quiz-button-container {
  max-width: 320px;
  text-align: center;
  margin: auto;
}

.main-section__start-quiz-button{
  padding: 3px 30px 3px 30px;
  border: 0;
  border-radius: 32px;
}

/*.quiz {
   display: block;
}
*/

.simplemodal-container {
   max-width: 900px;
   max-height: 200px;
}
.quiz__question {
  background: #f9fbfc;
  display: none;
     height: 100% !important;
}

.question {
   letter-spacing: 1px;
   height: 100% !important;
}
.question__title {
  font-size: 30px;
  line-height: 38px;
  padding-bottom: 0;
  font-weight: 500;
  padding-top: 15px;
  color: #4aa2ff;
}

.question__number {
  font-size: 17px;
  color: #a8a8a8;
  font-family: MontserratRegular;
}

.question__progress-bar
{
   padding-top: 0;
   padding-bottom: 50px;
}
.question__left-col {
  width:  70%;
  display:  inline-block;
}

.question__right-col {
  display:  inline-block;
  width:  35%;
  float: right;
  padding-left: 20px;
  text-align: center;
}

.question__options {
   padding-top: 0;
   padding-bottom: 10px;
   font-size: 20px;
}

.question__option {
  /* display: inline-block; */
  display: block;
  vertical-align: top;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 10px;
  color: #a8a8a8;
}
#q3 .question__option {
  /* font-size: 15px; */
  /* float: left; */
  /* width: 183px; */
  width: 590px;
}

.question__option label { cursor: pointer; }

.question__option label .text { display: inline-block; vertical-align: top; width: 94%; line-height: 28px; }
#q3 .question__option label .text {
  /* width: 150px; */
  /* line-height: 18px; */
}

.question__option .block
{ width: 170px;
height: 100px;
background-color: gray;
margin-bottom: 10px;
margin-left: -35px; }

.question__option input {
    margin-right: 10px;
    margin-top: 4px;
    display: inline-block;
    vertical-align: top;
    outline: none;
}

.control {
position: relative;
padding-left: 50px;
padding-top: 3px;
width: 100%;
cursor: pointer;
display: inline-block;
}
.control input {position: absolute;z-index: -1;opacity: 0;}
.control_indicator {position: absolute;top: 5px;left: 0;height: 22px;width: 22px;background: white;border: 3px solid #8146c8;}
.control-radio .control_indicator {
border-radius: 50%;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
background: white;
}
.control input:checked ~ .control_indicator {
background: white;
}
.control_indicator:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control_indicator:after {
display: block;
}
.control-radio .control_indicator:after {
left: 2px;
top: 2px;
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #8146c8;
}

.control2 {
position: relative;
padding-left: 35px;
padding-top: 3px;
width: 100%;
cursor: pointer;
display: inline-block;
}
.control2 input {position: absolute;z-index: -1;opacity: 0;}
.control_indicator2 {position: absolute;top: 110px;left: 0;height: 22px;width: 22px;background: white;border: 3px solid #8146c8;}
.control-radio .control_indicator2 {
border-radius: 50%;
}
.control2:hover input ~ .control_indicator2,
.control2 input:focus ~ .control_indicator2 {
background: white;
}
.control2 input:checked ~ .control_indicator2 {
background: white;
}
.control_indicator2:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.control2 input:checked ~ .control_indicator2:after {
display: block;
}
.control-radio .control_indicator2:after {
left: 2px;
top: 2px;
height: 12px;
width: 12px;
border-radius: 50%;
background-color: #8146c8;
}

.question__buttons {
   position: fixed;
   bottom: 20px;
   display: flex;
   flex-direction: row;
   gap: 30px;
  
}
.question__previous-button {
  width: 250px;
  float: left;
  display:  inline-block;
  background-color: #f9fbfc;
  color: #4aa2ff;
  border-radius: 40px;
  border: 1px solid #4aa2ff; 
}

.question__previous-button:hover {
    background-color: #f9fbfc;
}

.question__previous-button:active {
    background-color: #f9fbfc;
}

.question__form {
   padding-top: 20px;
   padding-bottom: 20px;
}

.question__next-button {
  float:  left;
  display:  inline-block;
  border-radius: 30px;
}

.button.disabled {
    opacity: 0.5; /* Прозрачность для эффекта отключения */
    cursor: not-allowed; /* Меняем курсор мыши на запрещённый символ */
    pointer-events: none; /* Пользователь не сможет кликнуть по кнопке */
    background-color: gray; /* Серый фон для визуализации деактивации */
    color: white; /* Белый текст для контраста */
}
#q5 .question__next-button {
  width: 350px;
  font-size: 17px;
  line-height: 10px;
  padding-top: 10px;
}
#q5 .subtext {
  font-size: 12px;
}


.hero {
  line-height: 20px;
}

.hero__image {
   margin: auto;
   width: 120px;
}

.hero__image img {
   width: 100%;
}

.progress-bar {
   width: 100%;
}

.progress-bar {
  /* border: 1px solid grey; */
  /* background: #0080004f; */
  background: #b4a0cc;
  border-radius: 30px;
}

.progress-bar__complete {
   /* background: #2f9f13; */
  background: #8145c7;
  width: 100%;
  text-align: center;
  height: 43px;
  line-height: 43px;
  color: white;
  font-size: 21px;
  border-radius: 30px;
}



.logo-section {
   margin-top: 100px;
   margin-bottom: 50px;
   text-align: center;
}

.footer-section {
   position: fixed;
   /*width:100%;*/
   width: 300px;
   bottom:0;
   height: 40px;
   font-size: 15px;
   line-height: normal;
   color: #3d5d71;
   padding: 10px;
   text-align: left;
}

a {
  color: #4aa2ff;
  font-weight: bold;
}
.question__option .input-text {
  width: 100%!important;
  border-radius: 50px;
  border: 2px #cdcdcd solid;
  color: #a8a8a8;
}

.question .manager {
  width: 191px;
  height: 239px;
  content: url("../images2/manager1920-2.jpg");
  display: block;
}
.hero__image {
  width: 191px;
}
.question .hero__name {
  font-size: 25px;
  font-family: MontserratMedium;
  margin-top: 20px;
}
.question .hero__question {
  font-size: 25px;
  font-family: MontserratMedium;
  margin-top: 7px;
}
.question .hero__phone {
  font-size: 25px;
  font-family: MontserratBold;
  margin-top: 10px;
}

.question .phone-icon {
  background: url("../images/contacts/phone-icon.png") no-repeat center center;
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-bottom: -10px;
}
.question .viber-icon {
  background: url("../images/contacts/viber-icon.png") no-repeat center center;
  width: 32px;
  height: 34px;
  display: inline-block;
  margin-bottom: -14px;
  margin-left: -2px;
}
.question .whatsapp-icon {
  background: url("../images/contacts/whatsapp-icon.png") no-repeat center center;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -11px;
  margin-left: -3px;
}

.question .telegram-icon {
  background: url("../images/contacts/telegram-icon.png") no-repeat center center;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -11px;
}

#progress-bar-text-0 {
  padding-left: 40px;
  width: 0;
  background: none;
}

/*Progress bar animation (start)*/
@keyframes resize0-back {
  from { width: 25%; background-color: #8145c7; }
  75% { width: 60px; }
  to { background: none; }
}
#progress-bar-text-0 {
  animation-name: resize0;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes resize1 {
  from { width: 60px; }
  to { width: 25%; }
}
@keyframes resize1-back {
  from { width: 50%; }
  to { width: 25%; }
}
#progress-bar__complete1 {
  animation-name: resize1;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes resize2 {
  from { width: 25%; }
  to { width: 50%; }
}
@keyframes resize2-back {
  from { width: 75%; }
  to { width: 50%; }
}
#progress-bar__complete2 {
  animation-name: resize2;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes resize3 {
  from { width: 50%; }
  to { width: 75%; }
}
@keyframes resize3-back {
  from { width: 100%; }
  to { width: 75%; }
}
#progress-bar__complete3 {
  animation-name: resize3;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes resize4 {
  from { width: 50%; }
  to { width: 75%; }
}
@keyframes resize4-back {
  from { width: 100%; }
  to { width: 75%; }
}
#progress-bar__complete4 {
  animation-name: resize4;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
/*Progress bar animation (end)*/

#q3 .control_indicator {
  position: absolute;
  top: 2px;
}


/* Source: public/assets/css/legacy/reset.css */
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;
}

/* Source: public/assets/css/legacy/media.css */
@media (max-width: 1930px) {
  .question__number {
    font-size: 25px;
    color: #a8a8a8;
    font-weight: 400;
    margin-top: -13px;
  }
  .question__title {
    font-size: 40px;
    padding-top: 14px;
    color: #4aa2ff;
    font-weight: 500;
  }
  .quiz__question {
    padding: 40px 30px 0px 74px;
  }
  .question .hero__name {
    color: #a8a8a8;
    font-family: "MontserratRegular";
    font-weight: 500;
    margin-top: 25px;
  }
  .question .hero__question {
    color: #a8a8a8;
    font-family: "MontserratRegular";
    font-weight: 500;
    margin-top: 11px;
  }
  .progress-bar__complete {
    height: 60px;
  }
  #progress-bar-text-0 {
    font-size: 38px;
  }
  .question__option .input-text {
    height: 60px;
  }
  .progress-bar__complete {
    line-height: 60px;
    font-size: 38px;
  }
  .question__next-button {
    border-radius: 40px;
    font-size: 33px;
  }

  .question-middle {
    padding-top: 69px;
  }
  #q0 .question-middle {
    padding-top: 60px;
    margin-bottom: 195px;
  }
  .button i {
    font-size: 33px;
    vertical-align: 0;
  }
  .question__option label .text {
    font-size: 33px;
    font-family: MontserratRegular;
    margin-left: 30px;
  }
  .control_indicator {
    height: 30px;
    width: 30px;
    border: 5px solid #8146c8;
  }
  .control-radio .control_indicator:after {
    height: 16px;
    width: 16px;
  }
  .question__option {
    padding-bottom: 20px;
  }
  .question__options {
    margin-top: 105px;
  }
  #q3 .question__options {
    margin-top: 146px;
  }
  #q4 .question__options {
    margin-top: 146px;
  }
  .question {
    height: 645px;
  }

  #q5 .question__buttons {
    bottom: 28px;
  }
  .question__progress-bar {
    position: absolute;
    padding: 0;
    width: 792px;
    top: 189px;
  }
  .question__previous-button {
    font-size: 33px;

  }
  #q1 .input-text {
    width: 600px!important;
  }
  .questions-right {
    position: absolute;
    top: 170px;
    right: 20px;
  }
  #q0 .question__option .input-text {
    width: 700px!important;
  }
  #q3 .question__option label .text {
    /* font-size: 19px; */
    /* margin-left: 5px; */
  }
  #q3 .question__option {
    /* width: 275px; */
  }
  .control_indicator2 {
    height: 30px;
    width: 30px;
    border: 5px solid #8146c8;
  }
  .control-radio .control_indicator2:after {
    height: 16px;
    width: 16px;
  }
  #q4 .question__option label .text {
    line-height: 40px;
  }
  #q4 .text {
    margin-top: -3px;
  }
  .question__form {
    padding-top: 10px;
    padding-bottom: 0;
  }
  #q5 .subtext {
    font-size: 16px;
    text-align: left;
  }
  .question .hero__phone {
    margin-top: 20px;
  }
  .hero__question {
    margin-bottom: 10px;
  }
}

@media (max-width: 1800px) {
  .question__title {
    font-size: 28px;
    line-height: 29px;
  }
  .question__progress-bar {
    width: 650px;
    top: 145px;
  }
  #progress-bar-text-0 {
    font-size: 27px;
    line-height: 53px;
  }
  .question__options {
    margin-top: 60px;
  }
  #q0 .question__option .input-text {
    width: 600px!important;
  }
  .question {
    height: 540px;
  }
  .questions-right {
    top: 130px;
  }

  .question__next-button {
    font-size: 26px;
    margin-right: 0;
  }
  .question .manager {
    width: 155px;
    height: 187px;
  }
  .hero__image {
    width: 155px;
  }
  .question .hero__name {
    font-size: 20px;
  }
  .question .hero__question {
    font-size: 20px;
  }
  .question__previous-button {
    font-size: 26px;
    width: 220px;

  }
  .question__option label .text {
    font-size: 26px;
  }
  .question__option {
    padding-bottom: 10px;
  }
  .control_indicator {
    top: 3px;
  }
  .progress-bar__complete {
    line-height: 53px;
    font-size: 27px;
    height: 50px;
  }
  #q3 .question__options {
    margin-top: 90px;
  }
  #q4 .question__options {
    margin-top: 89px;
  }
  #q4 .question__option label .text {
    line-height: 34px;
  }
  #q5 .subtext {
    width: 68%;
  }
  .quiz__question {
    margin-top: 0;
    
  }
}

@media (max-width:1500px) {
  .question__left-col {
    width: 795px;
  }
  .question__option {
    font-size: 18px;
    padding-bottom: 20px;
  }
  .questions-left {
    width: 100%;
  }
  #q3 .question__option {
    /* width: 260px; */
  }
  .question__number {
    font-size: 17px;
  }
  .question__title {
    font-size: 24px;
  }
  .quiz__question {
    padding-left: 40px;
  }
  .question__progress-bar {
    width: 64%;
    top: 130px;
  }
  .progress-bar__complete {
    height: 35px;
    line-height: 37px;
    font-size: 23px;
  }
  #progress-bar-text-0 {
    line-height: 37px;
    font-size: 23px;
  }
  .question__option label .text {
    font-size: 22px;
  }
  .question__option {
    padding-bottom: 8px;
  }
  .question__option label .text {
    margin-left: 10px;
  }
  .question__options {
    margin-top: 18px;
  }
  .question__option .input-text {
    height: 40px;
  }
  .question__left-col {
    width: 72%;
  }
  #q1 .input-text {
    width: 90%!important;
  }
  .question .hero__name {
    font-size: 15px;
    margin-top: 15px;
  }
  .question .hero__question {
    font-size: 15px;
    margin-top: 0;
  }
  .question .manager {
    width: 120px;
    height: 135px;
  }
  .hero__image {
    width: 120px;
  }
  .question .hero__phone {
    font-size: 17px;
  }
  .question {
    height: 440px;
  }
  .question__buttons {
    bottom: 20px;
  }

  .question__next-button {
    font-size: 20px;
        min-width: 200px;
  }

  .button {
    border-radius: 40px !important;
  }
  .button i {
    font-size: 22px;
    margin-left: 5px;
  }
  .question__previous-button {
    font-size: 20px;
    min-width: 200px;

  }
  #q0 .question__option .input-text {
    width: 90%!important;
    margin-top: 15px;
  }
  #q3 .question__options {
    margin-top: 48px;
  }
  #q4 .question__options {
    margin-top: 47px;
  }
  #q5 .subtext {
    font-size: 12px;
    text-align: left;
    width: 65%;
  }
  #q5 .question {
    height: 420px;
  }
  #q5 .question__buttons {
    bottom: 1px;
  }
}

@media (max-width:1200px) {
  .main-section ul {
    width: 600px;
  }
  .main-section__offer {
      font-size: 42px;
      line-height: 52px;
      margin-bottom: 5px;
      margin-top: 20px;
  }
  .quiz {
    height: 100%;
    margin-top: 0;;
  }
  #cboxOverlay {
     background: #000; 
  }
  .question .hero__name {
    font-size: 11px;
    margin-top: 5px;
    line-height: 15px;
  }
  .question .hero__question {
    font-size: 11px;
    line-height: 15px;
  }
  .question .hero__phone {
    font-size: 14px;
  }
  .question__title {
    font-size: 18px;
    line-height: 21px;
  }
  .question {
    height: 100%;
  }
  #q0 .question-middle {
    margin-bottom: 0;
  }
  .question .manager {
    width: 91px;
    height: 110px;
  }
  .hero__image {
    width: 91px;
  }
  .question__buttons {
    bottom: 15px;
  }
  .question__progress-bar {
    top: 110px;
  }
  .progress-bar__complete {
    height: 25px;
    line-height: 26px;
    font-size: 20px;
  }
  #progress-bar-text-0 {
    line-height: 26px;
    font-size: 20px;
  }
  .question__options {
    margin-top: 0;
  }
  .control_indicator {
    height: 15px;
    width: 15px;
    border: 2px solid #8146c8;
    top: 5px;
  }
  #q3 .control_indicator {
    position: absolute;
    top: 5px;
  }
  .control-radio .control_indicator:after {
    height: 9px;
    width: 9px;
    left: 1px;
    top: 1px;
  }
  .question__option label .text {
    font-size: 16px;
  }
  .question__option label .text {
    margin-left: 0;
    line-height: 25px;
  }
  .question__option {
    padding-bottom: 0;
  }
  .question__option label {
    padding-top: 0;
    padding-left: 35px;
  }
  .question__option .input-text {

    font-size: 15px;
  }
  .question__option .input-text::placeholder {
    font-size: 15px;
  }
  .button {

  }
  .question__next-button {
    width: 170px;
    font-size: 15px;
  }
  .button i {
    font-size: 16px;
    margin-left: 5px;
  }
  .question__previous-button {
    font-size: 16px;
    width: 160px;

  }
  #q3 .question__options {
    margin-top: 21px;
  }
  #q4 .question__options {
    margin-top: 27px;
  }
  #q4 .question__option label .text {
    line-height: 20px;
  }
  #q4 .control_indicator {
    top: -1px;
  }
  #q5 .subtext {
    font-size: 9px;
  }
  #q5 .question {
    height: 100%;
  }
  #q5 .question__buttons {
    bottom: 15px;
  }
  #q5 .question__next-button {
    width: 315px;
    font-size: 13px;
    line-height: 13px;
    padding-top: 4px;
  }
}

@media (max-width:992px) {
  .header-section .phone-block .r2 a {
    font-weight: 700;
    font-size: 32px;
    color: orange;
  }
  .header-section .phone-block .r3 {
    font-weight: 700;
    font-size: 15px;
  }
}

@media (max-width:768px) {
  .question__previous-button {
    font-size: 16px;
    width: 160px;

  }
  #q3 .question__option {
    width: 100%;
  }
  #cboxLoadedContent {
    border-radius: 0;
  }
  .question__number {
    font-size: 12px;
  }
  .quiz__question {
    padding-left: 30px;
    padding-top: 30px;
  }
  .question__title {
    font-size: 16px;
    line-height: 19px;
    padding-top: 8px;
  }
  .question__progress-bar {
    top: 89px;
  }
  #cboxClose {
    background: url("../colorbox/images/close360-2.png") no-repeat top center;
    width: 18px;
    height: 18px;
    top: 18px;
    right: 18px;
  }
  .question__option .input-text {
    height: 25px;
    font-size: 10px;
  }
  .question__option .input-text::placeholder {
    font-size: 10px;
  }
  #q0 .question__option .input-text {
    width: 85%!important;
    margin-top: 10px;
  }
  .question__option label .text {
    font-size: 14px;
    line-height: 21px;
  }
  .control_indicator {
    top: 3px;
  }
  #q3 .question__options {
    margin-top: 19px;
  }
  #q3 .control_indicator {
    position: absolute;
    top: 3px;
  }
  #q4 .question__options {
    margin-top: 22px;
  }
  #q4 .control_indicator {
    top: 0px;
  }
  .questions-right {
    top: 74px;
    right: 4px;
  }
  .question .manager {
    width: 80px;
    height: 97px;
  }
  .hero__image {
    width: 80px;
  }
}

@media (max-width: 570px) and (min-width: 476px) {
  #cboxLoadedContent {
    border-radius: 0;
  }
  .quiz {
    height: 96.5%;
    padding-top: 3.5%;
  }
  .question__number {
    font-size: 11px;
    color: #a8a8a8;
    font-weight: 400;
    margin-top: 0;
    margin-left: 0;
  }
  .question__title {
    font-size: 15px;
    color: #4aa2ff;
    font-weight: 500;
    padding-top: 3px;
    line-height: 17px;
    margin-left: 0;
  }
  .question .hero__name {
    font-size: 9px;
    color: #a8a8a8;
    font-weight: 500;
  }
  .question .hero__question {
    font-size: 9px;
    color: #a8a8a8;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
  }
  .question__next-button {
    font-size: 12px;
    color: #f9fbfc;
    font-weight: 500;
  }
  .quiz__question {
    padding: 0;
    margin: 0;
  }
  .question__progress-bar {
    width: 60%;
    top: 75px;
    height: 25px;
  }
  .progress-bar {
    height: 100%;
  }
  .progress-bar__complete {
    height: 100%;
    line-height: 25px;
    font-size: 16px;
  }
  .question-middle {
    padding-top: 0;
  }
  .question__option label .text {
    font-size: 12px;
    color: #a8a8a8;
    font-weight: 400;
    margin-left: 0;
  }
  .quiz__question {
    margin: 0 auto;
    width: 90%;
    height: auto;
  }
  .question {
    height: auto;
    width: 100%;
  }
  .question__options {
    margin-top: 54px;
  }
  .question__option {
    padding-bottom: 0px;
    height: 23px;
  }
  .control_indicator {
    height: 15px;
    width: 15px;
    border: 2px solid #8146c8;
  }
  .control-radio .control_indicator:after {
    height: 9px;
    width: 9px;
    left: 1px;
    top: 1px;
  }
  .question__option label {
    padding-left: 30px;
    padding-top: 0;
  }
  .question__previous-button {
    height: 25px;
    width: 110px;
    font-size: 14px;
    margin: 0 30px 0 0;
    padding: 0;
  }
  .question__next-button {
    padding: 0;
    margin: 0;
    width: 123px;
    height: 25px;
  }
  #q0 .question__option .input-text {
    width: 92%!important;
    font-size: 12px;
  }
  #q0 .input-text::placeholder {
    font-size: 12px;
  }
  #q1 .input-text {
    width: 90%!important;
    font-size: 15px;
  }
  #q1 .input-text::placeholder {
    font-size: 15px;
  }
  .question__option .input-text {
    height: 25px;
  }
  .questions-right {
    top: 70px;
  }
  .hero__image {
    top: 90px;
    width: 70px;
    margin-top: 12px;
  }
  .question .manager {
    width: 100%;
    height: 85px;
  }
  .question .hero__name {
    margin-top: 5px;
    line-height: 10px;
  }
  .question .hero__phone {
    margin-top: 10px;
    font-size: 11px;
  }
  .button .fa-angle-right {
    margin-left: 5px;
  }
  .question__buttons {
    bottom: 80px;
    padding: 0;
  }
  .question__option .input-text {
    margin-bottom: 0;
  }
  #cboxClose {
    top: 8px;
    right: 6px;
  }
  .control-radio .control_indicator {
    top: 3px;
  }
  .button i {
    font-size: 14px;
  }
  #progress-bar-text-0 {
    font-size: 16px;
    padding-left: 35px;
  }
  #q0 .question-middle {
    margin-bottom: 0;
    padding-top: 5px;
  }
  #q3 .question__options {
    margin-top: 76px;
  }
  #q3 .control_indicator {
    position: absolute;
    top: -2px;
  }
  .question__left-col {
    width: 71%;
  }
  #q4 .control_indicator {
    top: 7px;
  }
  #q3 .question__option label .text {
    margin-top: -5px;
  }
  #q3 .question__option {
    width: 100%;
  }
  #q4 .question__option label .text {
    line-height: 17px;
  }
  #q4 .question__options {
    margin-top: 67px;
  }
  #q4 .question__option label {
    padding-top: 9px;
  }
  .question__form {
    margin-top: 20px;
    padding-top: 0;
  }
  #q5 .subtext {
    font-size: 9px;
    width: 92%;
  }
  #q5 .form__phone::placeholder {
    font-size: 15px;
  }
  #q5 .question__buttons {
    bottom: 2px;
  }
  #q5 .question__next-button {
    font-size: 12px;
    line-height: 7px;
    padding-top: 2px;
    width: 260px;
  }
  .question__option input {
    margin-right: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
    outline: none;
  }
}

@media (max-width: 475px) {
  #cboxLoadedContent {
    border-radius: 0px;
  }
  .question__number {
    font-size: 11px;
    font-family: MontserratRegular;
    color: #a8a8a8;
    font-weight: 400;
    margin-top: 0;
    padding-top: 20px;
  }
  .quiz__question {
    margin: 0 auto;
    width: 90%;
    padding: 0;
  }
  .question__option label {
    padding-top: 0;
    padding-left: 15px;
  }
  .question__title {
    text-align: left;
    font-family: MontserratMedium;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 25px;
    padding-bottom: 0;
    padding-top: 4px;
  }
  #q5 .question__title {
    padding-top: 45px;
    font-size: 14px;
  }
  .question__progress-bar {
    width: 83%;
    top: 95px;
    left: 8%;
  }
  .progress-bar__complete {
    height: 24px;
  }
  #progress-bar-text-0 {
    font-size: 16px;
    line-height: 25px;
  }
  .progress-bar__complete {
    line-height: 25px;
    font-size: 16px;
  }
  .question__option label .text {
    font-size: 13px;
  }
  .control_indicator {
    height: 14px;
    width: 14px;
    border: 2px solid #8146c8;
  }
  .control-radio .control_indicator:after {
    height: 8px;
    width: 8px;
    left: 1px;
    top: 1px;
  }
  .question__options {
    margin-top: 0;
  }
  .question-middle {
    padding-top: 50px;
    margin: 0 auto;
    display: block;
    float: none;
    width: 90%;
  }
  #q2 .question-middle {
    padding-top: 52px;
  }
  #q3 .question-middle {
    padding-top: 51px;
  }
  .question__option label .text {
    margin-left: 13px;
  }
  .control {
    padding-left: 20px;
  }
  .question__option label .text {
    line-height: 18px;
  }
  #q1 .input-text {
    width: 90%!important;
  }
  .question__option .input-text {
    height: 30px;
  }
  .question__option .input-text::placeholder {
    font-size: 11px;
  }
  input[type=text] {
    padding-left: 15px;
    font-size: 14px;
  }
  #cboxClose {
    background: url("../colorbox/images/close360-2.png") no-repeat top center;
    width: 18px;
    height: 18px;
    top: 18px;
    right: 18px;
  }
  .question__buttons {
    top: 300px;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }
  .question__next-button {
    font-size: 14px;
  }
  .question__previous-button {

    font-size: 14px;
  }
 
  .button i {
    font-size: 22px;
    vertical-align: -3px;
  }
  .button .fa-angle-right {
    margin-left: 3px;
  }
  .question .hero__name {
    font-size: 11px;
  }
  .question .hero__question {
    font-size: 11px;
  }
  .question .hero__phone {
    font-size: 11px;
    margin-top: 12px;
  }
  .questions-right {
    top: 450px;
    right: 65px;
  }
  .question .manager {
    width: 65px;
    height: 78px;
    margin-left: 0;
  }
  .questions-right {
    width: 210px;
    margin: 0 auto;
    display: block;
    float: none;
    left: 0;
    right: 0;
  }
  .question .hero__name {
    margin-top: 2px;
  }
  .question .hero__question {
    margin-top: -6px;
  }
  .hero__question {
    margin-bottom: -3px;
  }
  .hero__image {
    width: 65px;
  }
  .question__option {
    height: 21px;
    width: 100%;
  }
  #q4 .question__option {
    height: 34px;
  }
  .question {
    height: 505px;
  }
  #q0 .question__option .input-text {
    width: 250px!important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 50px;
  }
  #q0 .question__next-button {
    /*top: -17px;
    left: 60px;*/
  }
  #progress-bar-text-0 {
    padding-left: 17px;
  }
  @keyframes resize0-back {
    from { width: 25%; background-color: #8145c7; }
    75% { width: 20px; }
    to { background: none; }
  }
  @keyframes resize1 {
    from { width: 20px; }
    to { width: 25%; }
  }
  #q2 .question__options {
    padding-top: 0;
  }
  #q3 .question__options {
    padding-top: 0px;
    margin-top: 1px;
  }
  #q4 .question__options {
    margin-top: 5px;
  }
  #q3 .control {
    padding-top: 0;
  }
  #q4 .text {
    margin-top: 0px;
  }
  #q4 .question__option label .text {
    line-height: 15px;
  }
  #q5 .subtext {
    margin-top: 145px;
    font-size: 11px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  #q5 .question__next-button {
    width: 272px;
    font-size: 12px;
    line-height: 3px;
    padding-top: 10px;
  }
  .form__phone {
    width: 100%;
    height: 34px;
  }
  .form__phone::placeholder {
    font-size: 12px;
  }
  .question__previous-button .fa {

  }
  #q0 .question-middle {
    padding-top: 20px;
  }
  .question__left-col {
    width: 100%;
  }
  #q3 .question__option {
    width: 100%;
  }
  #q4 .question-middle {
    /*padding-top: 51px;*/
  }
  #q5 .question__buttons {
    right: 0;
  }
  #q5 .question__previous-button {
    left: -6%;
    top: 26px;
  }
  #q5 .question__next-button {
    top: -53px;
    margin-right: auto;
    margin-left: auto;
  }
  .question__form {
    padding-top: 30px;
    padding-bottom: 5px;
    width: 85%;
    margin: 0 auto;
  }
}

/* Source: public/assets/css/style.css */
@font-face {
  font-family: MontserratMedium;
  src: url("../fonts/Montserrat-Medium.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontserratBold;
  src: url("../fonts/Montserrat-Bold.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontserratLight;
  src: url("../fonts/Montserrat-Light.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontserratRegular;
  src: url("../fonts/Montserrat-Regular.woff2") format('woff2');
  font-display: swap;
}

body {
  font-family: MontserratMedium, sans-serif;
  margin: 0;
  padding: 0;
}
.main {
  background-color: #f9fbfc;
  background-image: url("../images/bg_main.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.logo {
  top: 52px;
  left: 131px;
  width: 232px;
  height: 52px;
  background-image: url("../images/logo.png");
  position: relative;
  margin: 0;
  padding: 0;
}

.main .offer {
  height: 400px;
  width: 370px;
  margin: auto 0;
  position: absolute;
  left: 131px;
  top: 0;
  bottom: 0;
  right: 0;
}
.main .title {
  font-family: MontserratMedium, sans-serif;
  font-size: 50px;
  font-weight: bold;
  color: #4aa2ff;
  width: 350px;
}
.main .title .landing-explanation {
  display: block;
  margin-top: 0.35em;
  font-size: 0.3em;
  line-height: 1.3;
}
.main .dots {
  font-family: MontserratMedium, sans-serif;
  font-size: 50px;
  color: #d1dbfa;
  text-align: center;
  margin-bottom: 30px;
}
.main .subtext {
  font-family: MontserratMedium, sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-align: left;
  color: #a8a8a8;
  width: 410px;
  margin-bottom: 50px;
}
.main .offer button {
  width: 350px;
  font-family: MontserratMedium, sans-serif;
  display: block;
  background: linear-gradient(to right, #6334a7, #f0422b);
  border: none;
  color: #f9fbfc;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  outline: none;
}
.main .offer button:hover {
  background: linear-gradient(to right, #8354c7, #f0624b);
}

.main .links {
  width: 600px;
  position: absolute;
  bottom: 50px;
  right: 0px;

  display: grid;
  grid-template-columns: repeat(3, 1fr); /* три колонки одинаковой ширины */
  gap: 10px; /* расстояние между элементами сетки */
  justify-content: center;
    justify-items: center;
}

.main .links a:nth-child(-n+3) { /* первые три элемента */
        grid-row-start: 1; /* располагаются в первой строке */
    }
    
.main .links a:nth-last-child(1) { /* последний элемент */
        grid-column: 1 / span 3; /* занимает весь второй ряд */
        grid-row-start: 2; /* начинается во второй строке */
    }

.main .link {
  font-family: MontserratMedium, sans-serif;
  float: left;
  color: #4aa2ff;
  font-size: 20px;
  font-weight: 500;
}
.main .footer-mobile {
  display: none;
}
.main .menu-button {
  display: none;
}

.main .menu {
  display: none;
  color: #4aa2ff;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial;
  height: 250px;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 500;
  background: white;
}
.main .menu .shade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  width: 100%;
  height: 20px;
  display: block;
  margin: 0;
  padding: 0;
}

.main .menu .links p {
  margin: 25px 0;
  font-size: 20px;
}
.main .menu .close {
  background-image: url("../images/close-icon-medium.png");
  position: absolute;
  width: 27px;
  height: 27px;
  display: block;
  top: 20px;
  right: 20px;
}

iframe {
  margin: 0;
  padding: 0;
}

.our-works-left img {
  width: 100%;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: MontserratMedium;
  src: url("../fonts/Montserrat-Medium.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontserratBold;
  src: url("../fonts/Montserrat-Bold.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontserratLight;
  src: url("../fonts/Montserrat-Light.woff2") format('woff2');
  font-display: swap;
}
@font-face {
  font-family: MontserratRegular;
  src: url("../fonts/Montserrat-Regular.woff2") format('woff2');
  font-display: swap;
}

body {
  font-family: MontserratMedium, sans-serif;
  margin: 0;
  padding: 0;
}
.main {
  background-color: #f9fbfc;
  background-image: url("../images/bg_main.jpg");
  background-position: right top;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
}
.logo {
  top: 52px;
  left: 131px;
  width: 232px;
  height: 52px;
  background-image: url("../images/logo.png");
  position: relative;
  margin: 0;
  padding: 0;
}

.main .offer {
  height: 400px;
  width: 370px;
  margin: auto 0;
  position: absolute;
  left: 131px;
  top: 0;
  bottom: 0;
  right: 0;
}
.main .title {
  font-family: MontserratMedium, sans-serif;
  font-size: 50px;
  font-weight: bold;
  color: #4aa2ff;
  width: 350px;
}
.main .dots {
  font-family: MontserratMedium, sans-serif;
  font-size: 50px;
  color: #d1dbfa;
  text-align: center;
  margin-bottom: 30px;
}
.main .subtext {
  font-family: MontserratMedium, sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-align: left;
  color: #000000;
  width: 410px;
  margin-bottom: 50px;
}
.main .offer button {
  width: 350px;
  padding: 20px 0;
  font-family: MontserratMedium, sans-serif;
  display: block;
  background: linear-gradient(to right, #6334a7, #f0422b);
  border: none;
  color: #f9fbfc;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
  outline: none;
}
.main .offer button:hover {
  background: linear-gradient(to right, #8354c7, #f0624b);
}

.main .links {
  width: 600px;
  position: absolute;
  bottom: 50px;
  right: 3.2%;
}
.main .link {
  font-family: MontserratMedium, sans-serif;
  float: left;
  color: #4aa2ff;
  font-size: 20px;
  font-weight: 500;
}

.main .footer-mobile {
  display: none;
}
.main .menu-button {
  display: none;
}

.main .menu {
  display: none;
  color: #4aa2ff;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial;
  width: 100%;
  height: 240px;
  text-align: center;
  position: absolute;
  z-index: 500;
  bottom: 40px;
}
.main .menu .shade {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
  width: 100%;
  height: 20px;
  display: block;
  margin: 0;
  padding: 0;
}
.main .menu .links {
  display: block;
  width: 100%;
    position: initial;
  bottom: 0;
  margin: 0;
  padding: 0;
  
}
.main .menu .links p {
  margin: 25px 0;
  font-size: 20px;
}
.main .menu .close {
  background-image: url("../images/close-icon-medium.png");
  position: absolute;
  width: 27px;
  height: 27px;
  display: block;
  top: 45px;
  right: 43px;
}

iframe {
  margin: 0;
  padding: 0;
}

.our-works-left img {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Custom scrollbar */
/* width */
.our-works-left::-webkit-scrollbar {
  width: 8px;
}
/* Track */
.our-works-left::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 8px grey; */
  /*border-radius: 8px;*/
  background: #353535;
}
/* Handle */
.our-works-left::-webkit-scrollbar-thumb {
  background: #797979; 
  border-radius: 8px;
}

.our-works-left {
  width: 605px;
  height: 100%;
  overflow-y: scroll;
  float: left;
  background-color: #000;
}

.carousel .subitem {
  width: 272px;
  height: 320px;
  display: block;
  float: left;
  margin: 5px;
  cursor: pointer;
  background-size: cover;
}
.carousel .item {
  display: block;
  width: auto;
  height: auto;
}
.carousel {
  width: 618px;
  top: 83px;
  left: 0px;
  margin: 0 auto;
}
.our-works-right {
  width: 578px;
  height: 100%;
  background-color: #225386;
  display: block;
  float: right;
}
.our-works-right h3 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  margin-top: 30px;
  font-size: 42px;
  color: #f9fbfc;
  font-weight: 500;
}
.send-request-container {
  text-align: center;
  color: #a8a8a8;
  font-family: MontserratMedium, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.send-request-container .div-btn {
  width: 100%;
  padding: 20px 0;
  background: linear-gradient(to right, #6334a7, #f0422b);
  border: none;
  color: #f9fbfc;
  font-family: MontserratMedium;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  border-radius: 30px;
  display: inline-block;
}

.send-request__form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 543px;
  margin: auto;
}


.send-request-container .div-btn:hover {
  background: linear-gradient(to right, #8354c7, #f0624b);
  cursor: pointer;
}
.send-request-container h3 {
  font-family: MontserratMedium, sans-serif;
  font-size: 30px;
  color: #4aa2ff;
  font-weight: 500;
  margin-top: 50px;
}
.send-request-container .zv { color: #a8a8a8;
font-family: MontserratMedium, sans-serif;
font-size: 20px;
font-weight: 400;
margin: 50px 0 40px 0;
 }
.send-request-container button {
  width: 100%;
  height: 50px;
  background: linear-gradient(to right, #6334a7, #f0422b);
  border: none;
  font-family: MontserratMedium, sans-serif;
  color: #f9fbfc;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  border-radius: 30px;
  outline: none;
  cursor: pointer;
}
.send-request-container input[type=tel] {
  width: 100%;
  background: #fff;
  border: 2px solid #cdcdcd;
  font-family: MontserratMedium, sans-serif;
  color: #a8a8a8;
  font-size: 17px;
  text-align: center;
  border-radius: 30px;
  outline: none;
  padding: 20px;
}

.send-request-container .block-phone {
  position: absolute;
  bottom: 20px;
  width: 1000px;
  margin: 0 auto;
}

.send-request-container .phone-icon {
  background: url("../images/send-request/phone-icon.png") center center no-repeat;
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-bottom: -10px;
  cursor: pointer;
}
.send-request-container .viber-icon {
  background: url("../images/send-request/viber-icon.png") center center no-repeat;
  width: 32px;
  height: 34px;
  display: inline-block;
  margin-bottom: -14px;
  cursor: pointer;
}
.send-request-container .whatsapp-icon {
  background: url("../images/send-request/whatsapp-icon.png") center center no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -11px;
  cursor: pointer;
  te
  
}

.send-request-container .telegram-icon {
  background: url("../images/send-request/telegram-icon.png") center center no-repeat;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -11px;
  cursor: pointer;
}


.send-request-container .phone {
  font-size: 20px;
  color: #939393;
  vertical-align: middle;
}
.send-request-container a {
  text-decoration: none;
}

.contacts-container {
  font-family: MontserratMedium, sans-serif;
  text-align: center;
  color: #a8a8a8;
}
.contacts-container h3 {
    font-family: MontserratMedium, sans-serif;
    font-size: 30px;
    color: #4aa2ff;
    font-weight: 500;
    margin-top: 50px;
}
.contacts-container .text {
  width: 43%;
  float: left;
  text-align: left;
}
.contacts-container .text p {
  margin-left: 80px;
}
.contacts-container .text .zv { font-size: 20px; margin-bottom: 35px; }
.contacts-container .text .time { margin-top: 35px; }
.contacts-container .text .p {
  margin-left: 80px;
}
.contacts-container .map {
  width: 50%;
  height: 200px;
  float: right;
}
.contacts-container .phone {
  color: #4aa2ff;
  font-size: 20px;
  font-weight: 700;
  vertical-align: middle;
}
.contacts-container a {
  text-decoration: none;
}
.contacts-container .phone-icon {
  background: url("../images/contacts/phone-icon.png")  center center no-repeat;;
  width: 28px;
  height: 28px;
  display: inline-block;
  margin-bottom: -10px;
}
.contacts-container .viber-icon {
  background: url("../images/contacts/viber-icon.png")  center center no-repeat;;
  width: 32px;
  height: 34px;
  display: inline-block;
  margin-bottom: -14px;
}
.contacts-container .whatsapp-icon {
  background: url("../images/contacts/whatsapp-icon.png")  center center no-repeat;;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -11px;
}

.contacts-container .telegram-icon {
  background: url("../images/contacts/telegram-icon.png")  center center no-repeat;;
  width: 32px;
  height: 32px;
  display: inline-block;
  margin-bottom: -11px;
}




.contacts-container .vk-icon {
  background: url("../images/contacts/vk-icon.png");
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}


.contacts-container .tg-icon {
  background: url("../images/contacts/tg-icon.png");
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
}

.contacts-container .vk-block p { display: inline-block; vertical-align: middle; margin-left: 15px; }
.contacts-container .vk-block a { text-decoration: none; color: #a8a8a8; }
.contacts-container .vk-block
{     position: absolute;
    bottom: 10px;
    width: 1000px;
    margin: 0 auto; }
#map_canvas {
  width: 350px;
  height: 300px;
  display: block;
  float: right;
  margin-right: 80px;
}
.text-and-map {
  height: 300px;
}

.quiz {
  position: relative;
  overflow: hidden;
}

/* Portfolio */
.our-works-right #subitem1 {
  background-image: url("../images/portfolio/thumb1.jpg");
}
.our-works-right #subitem2 {
  background-image: url("../images/portfolio/thumb2.jpg");
}
.our-works-right #subitem3 {
  background-image: url("../images/portfolio/thumb3.jpg");
}
.our-works-right #subitem4 {
  background-image: url("../images/portfolio/thumb4.jpg");
}
.our-works-right #subitem5 {
  background-image: url("../images/portfolio/thumb27.jpg");
}
.our-works-right #subitem6 {
  background-image: url("../images/portfolio/thumb6.jpg");
}
.our-works-right #subitem7 {
  background-image: url("../images/portfolio/thumb7.jpg");
}
.our-works-right #subitem8 {
  background-image: url("../images/portfolio/thumb8.jpg");
}
.our-works-right #subitem9 {
  background-image: url("../images/portfolio/thumb9.jpg");
}
.our-works-right #subitem10 {
  background-image: url("../images/portfolio/thumb10.jpg");
}
.our-works-right #subitem11 {
  background-image: url("../images/portfolio/thumb11.jpg");
}
.our-works-right #subitem12 {
  background-image: url("../images/portfolio/thumb12.jpg");
}
.our-works-right #subitem13 {
  background-image: url("../images/portfolio/thumb13.jpg");
}
.our-works-right #subitem14 {
  background-image: url("../images/portfolio/thumb14.jpg");
}
.our-works-right #subitem15 {
  background-image: url("../images/portfolio/thumb15.jpg");
}
.our-works-right #subitem16 {
  background-image: url("../images/portfolio/thumb16.jpg");
}
.our-works-right #subitem17 {
  background-image: url("../images/portfolio/thumb17.jpg");
}
.our-works-right #subitem18 {
  background-image: url("../images/portfolio/thumb18.jpg");
}
.our-works-right #subitem19 {
  background-image: url("../images/portfolio/thumb19.jpg");
}
.our-works-right #subitem20 {
  background-image: url("../images/portfolio/thumb20.jpg");
}
.our-works-right #subitem21 {
  background-image: url("../images/portfolio/thumb21.jpg");
}
.our-works-right #subitem22 {
  background-image: url("../images/portfolio/thumb22.jpg");
}
.our-works-right #subitem23 {
  background-image: url("../images/portfolio/thumb23.jpg");
}
.our-works-right #subitem24 {
  background-image: url("../images/portfolio/thumb24.jpg");
}
.our-works-right #subitem25 {
  background-image: url("../images/portfolio/thumb25.jpg");
}
.our-works-right #subitem26 {
  background-image: url("../images/portfolio/thumb26.jpg");
}
/*.our-works-right #subitem27 {
  background-image: url("../images/portfolio/thumb27.jpg");
}*/

.strip-top-outer {
  position: absolute;
  background: #225386;
  display: block;
  width: 557px;
  height: 10px;
  top: 113px;
  z-index: 1000;
  right: 10px;
}
.strip-top-inner {
  position: absolute;
  background: linear-gradient(to bottom, rgba(34, 83, 134, 1), rgba(34, 83, 134, 0));
  display: block;
  width: 557px;
  height: 20px;
  top: 123px;
  z-index: 1000;
  right: 10px;
}
.strip-bottom-inner {
  position: absolute;
  background: linear-gradient(to bottom, rgba(34, 83, 134, 0), rgba(34, 83, 134, 1));
  display: block;
  width: 557px;
  height: 20px;
  bottom: 65px;
  z-index: 1000;
  right: 10px;
}
.strip-bottom-outer {
  position: absolute;
  background: #225386;
  display: block;
  width: 557px;
  height: 10px;
  bottom: 55px;
  z-index: 1000;
  right: 10px;
}

.slick-active {
  outline: none;
}

/* Simplemodal */
.simplemodal-container {
  border-radius: 50px;
}
.simplemodal-container .popup-header {
  background: none;
}
.simplemodal-container .dialog-close-btn-image {
  content: url("../colorbox/images/close.png");
}
.simplemodal-container .popup-title .header {
  color: #4aa2ff;
}
.simplemodal-container .popup-body {
  font-family: MontserratMedium;
}

.carousel-horizontal {
  display: none;
}

.mobile570-show {
  display: none;
}
.mobile475-show {
  display: none;
}
.mobile992-show {
  display: none;
}

.strip-bottom-outer,
.strip-bottom-inner {
  display: none;

}


.form__conf-label {
    display: flex    ;
    gap: 5px;
    font-size: 14px;
    align-items: center;
    justify-content: flex-start;
    color: black;
}

.form__conf-check {
    width: 24px;
    height: 24px;
}

.form__conf-link {
    text-decoration: underline;
    color: black;
}

.form__control.invalid {
    outline: 2px solid #fba345 !important;
}


/* Source: public/assets/js/adt.dialogs/styles.css */

/* Контактная форма */
.modal-dialog-center {
    margin-top: 20%;
}

.popup-header {
    background-image: linear-gradient(to bottom, #0ba6c8, #0ba6c8);
    padding-top: 23px;
    padding-bottom: 18px;
    width: 751px;
}

.error-popup-header {
    background-image: linear-gradient(to bottom, #ea1a46, #ea1a46);
}

.no-popup-header {
    background-image: none;
    background-color: white;
}

.popup-title {
    color: #00314a;
    text-align:center;
    display: inline-block;
    width:  100%;
    text-align: center;
    font-family: "MontserratMedium";
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
}

.popup-title .header {
    margin: 0px;
    color: #00314a;
}
.error-popup-header .popup-title .header{
    color: #570113;
}

.dialog-close-btn {
    position: absolute;
    right: 30px;
    top: 30px;
}

.dialog-close-btn-image {
    color:  white;
}

.no-popup-header .dialog-close-btn-image {
    color:  #0ba6c8;
}

.popup-body {
	padding: 25px 40px 27px 40px;
	color:	#3f484d !important;

    font-family: 'Open Sans', sans-serif;
    text-align:center;
    font-weight:500;
    color: inherit;
    font-size:  18px;
    line-height: 30px;
    margin: 0;
}

.popup-body .phone-section {
    margin-top: 10px;
}
.popup-body .phone-number {
    font-family: "MontserratMedium";
    font-size: 28px;
    line-height: 36px;
    font-weight: bold;
    vertical-align: middle;
    color: #0ba6c8;
    margin-top: 7px
}

.popup-body .form-group {
    margin-bottom: 0;
}
.popup-footer {
    border-top: 1px solid #e5e5e5;
}

.feedback-form-fill-order {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.popup-row-label {
    text-align: left;
    display: inline-block;
    width: 30%;
    font-size: 14px;
}
.popup-row-input {
	display: block;
    margin: auto;
    margin-bottom: 10px;
    height: 53px;
    vertical-align: text-bottom;
    background-color: #ebebeb;
    width: 100% !important;
    padding: 0;
}
.popup-footer {
	text-align: center;
	padding: 10px 0 10px 0;
}

.submit-button {
    display: block;
    margin: auto;
    color: white;
    font-family: inherit;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 1em 2.5em .75em 1.5em;
    background-color: #BB2F2F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#AA3838), to(#842B2B));
    background-image: -webkit-linear-gradient(top, #B63030, #842B2B);
    background-image: -moz-linear-gradient(top, #89aa38, #6a842b);
    background-image: -o-linear-gradient(top, #89aa38, #6a842b);
    background-image: linear-gradient(to bottom, #EB2A2A, #842B2B);
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #5D1F1F;
    position: relative;
    -webkit-box-shadow: inset 0 1px 1px #D88989;
    box-shadow: inset 0 1px 1px #D88989;
    overflow: visible;
    border: 1px solid #A23535;
    border-bottom: 1px solid #702525;
    font-size: inherit;
    padding: 1em 2.5em .85em 1.5em;
    text-align: center;
}

.submit-button:hover {
    background-color: #CA3232;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#B33434), to(#973232));
    background-image: -webkit-linear-gradient(top, #B23B3B, #973232);
    background-image: -moz-linear-gradient(top, #8fb23b, #7a9732);
    background-image: -o-linear-gradient(top, #8fb23b, #7a9732);
    background-image: linear-gradient(to bottom, #E41A1A, #C02D2D);
}

.submit-button:active {
    background-color: #973232;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#973232), to(#B23B3B));
    background-image: -webkit-linear-gradient(top, #973232, #B23B3B);
    background-image: -moz-linear-gradient(top, #7a9732, #8fb23b);
    background-image: -o-linear-gradient(top, #7a9732, #8fb23b);
    background-image: linear-gradient(to bottom, #973232, #B23B3B);
}

.fill-order-popup-body {
    padding-top: 15px;
    padding-bottom: 35px;
    padding-right: 150px;
    padding-left: 150px;
}

.fill-order-popup-body ::-webkit-input-placeholder {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#303030;
}

.fill-order-popup-body :-moz-placeholder { /* Firefox 18- */
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#303030; 
}

.fill-order-popup-body ::-moz-placeholder {  /* Firefox 19+ */
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#303030; 
}

.fill-order-popup-body :-ms-input-placeholder {  
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#303030; 
}


.fill-order-popup-body button {
    display: block;
    height: 53px;
    margin: auto;
    margin-bottom: 0px;

    padding-top: 6px;
    
    border: 0;
    border-radius: 0;

    font-family: "MontserratMedium";
    font-size: 20px;
    line-height: 20px;
    color:#ffffff;
    font-weight: bold;
    letter-spacing: 4px;

    background-color: #ea1a46;

    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    overflow: visible;
    width: 100%;
}

.fill-order-popup-body button:hover {
    background-color: #ff3661;
}

.fill-order-popup-body button:active {
    background-color: #ff3661;
}

.submit-button i {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    top: 50%;
    right: 1em;
}

.fill-order-action {
    color: #00314a;
    text-align: center;
    font-family: "MontserratMedium";
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    margin-top: 5px;
}

/*Responsive*/
@media only screen and (min-width : 550px) and (max-width : 780px) {
    .popup-header {
         width: 100%;
    }

    .popup-title {
        font-size: 30px;
        line-height: 30px;
    }

    .fill-order-action {
        font-size: 25px;
        line-height: 25px;
    }

    .fill-order-popup-body {
        padding-right: 100px;
        padding-left: 100px;
    }
}

@media only screen and (min-width : 421px)  and (max-width : 549px) {
        .popup-header {
         width: 100%;
    }

    .popup-title {
        font-size: 26px;
        line-height: 26px;
    }

    .dialog-close-btn {
        right: 26px;
        top: 26px;
    }


    .fill-order-action {
        font-size: 18px;
        line-height: 18px;
    }

    .fill-order-popup-body {
        padding-right: 20px;
        padding-left: 20px;
    }

    .fill-order-popup-body .popup-row-input {
        height: 40px;
        font-size: 16px;
        line-height: 16px;
    }

    .fill-order-popup-body button {
        height: 45px;
        font-size: 18px;
        line-height: 18px;
    }
}

@media only screen and (max-width : 420px)
{
    .popup-header {
         width: 100%;
    }

    .popup-title {
        font-size: 23px;
        line-height: 23px;
    }

    .popup-body {
        font-size:  14px;
        line-height: 23px;
    }

    .dialog-close-btn {
        right: 26px;
        top: 26px;
    }

    .fill-order-action {
        font-size: 16px;
        line-height: 16px;
    }

    .fill-order-popup-body {
        padding-right: 10px;
        padding-left: 10px;
    }

    .fill-order-popup-body .popup-row-input {
        height: 40px;
        font-size: 16px;
        line-height: 16px;
    }

    .fill-order-popup-body button {
        height: 45px;
        font-size: 18px;
        line-height: 18px;
    }

    .no-popup-header .dialog-close-btn {
        right: 10px;
        top: 10px;
    }
}

@media (max-width: 475px){
  .simplemodal-container .dialog-close-btn-image {
    content: url("../colorbox/images/close360-2.png");
    width: 18px;
    height: 18px;
  }
}
  
@media (max-width: 390px){
  .popup-title {
    font-size: 17px;
  }
  .popup-body {
    font-size: 11px;
  }
  .simplemodal-container .popup-title .header {
    padding-top: 11px;
  }
  .popup-body {
    padding: 0 40px 27px 40px;
  }
  .popup-body .phone-number {
    font-size: 21px;
  }
}

/* Source: public/assets/css/media.css */
@media (max-width: 1930px) {
  .logo {
    left: 7.6%;
    background-image: url("../images/logo1920.png");
    width: 305px;
    height: 63px;
    top: 70px;
  }
  .main .offer {
    left: 7.6%;
    width: 670px;
  }
  .main .title {
    width: 650px;
    font-size: 75px;
    font-family: MontserratBold;
  }
  .main {
    background-image: url("../images/bg_main1920.jpg");
    background-size: 65%;
  }
  .main .subtext {
    font-family: MontserratLight;
    font-size: 33px;
    width: 690px;
    margin-bottom: 80px;
  }
  .main .dots {
    font-family: MontserratMedium;
    font-size: 80px;
    line-height: 50px;
    width: 73%;
    margin-top: -20px;
  }
  .main .offer button {
    width: 95%;
    padding: 20px 0;
    border-radius: 60px;
    font-size: 33px;
    margin-top: 15%;
  }
  .main .links {
    width: 950px;
    bottom: 70px;
  }
  .main .link {
    font-size: 33px;
  }
  
  /* Наши работы */
  .our-works-left {
    /* width: 1104px; */
    width: 1100px;
    text-align: center;
  }
  .our-works-right {
    /* width: 629px; */
    /* width: 565px; */
    width: 675px;
  }
  .strip-top-outer {
    right: 35px;
    top: 173px;
    width: 606px;
  }
  .strip-top-inner {
    right: 28px;
    top: 181px;
    width: 614px;
  }
  .strip-bottom-inner {
    bottom: 169px;
    right: 30px;
    width: 620px;
  }
  .strip-bottom-outer {
    bottom: 162px;
    right: 28px;
    width: 620px;
  }
  .slick-next {
    top: 680px;
    left: 49%;
  }
  .slick-prev {
    top: -19px;
    left: 49%;
  }
  .our-works-left img {
    width: 79%;
  }
  .our-works-right .carousel {
    height: 720px;
  }
  .our-works-right .carousel .subitem {
    width: 297px;
    height: 316px;
    background-size: cover;
  }
  .our-works-right .slick-slider .slick-track, .slick-slider .slick-list {
    height: 720px;
  }
  .our-works-right #cboxClose {
    top: 40px;
    right: 31px;
  }
  .our-works-right h3 {
    margin-top: 42px;
  }
  
  /* Оставить заявку */
  .send-request-container h3 {
    font-size: 42px;
    margin-top: 66px;
    margin-bottom: 75px;
    font-size: 42px;
    color: #4aa2ff;
    font-weight: 500;
  }
  .send-request-container p {
    margin: 0;
  }
  .send-request-container .text {
    font-family: MontserratRegular;
    font-size: 33px;
    margin-bottom: 70px;
  }
  .send-request-container input {
    font-size: 25px;
    border-radius: 60px;
  }
  .send-request-container .div-btn {
font-size: 33px;
    border-radius: 60px;
  }
  .send-request-container .phone {
    font-size: 33px;
    font-family: MontserratRegular;
  }
  .send-request-container .phone-container {
    margin-top: 138px;
  }
  
  /* Контакты */
  .contacts-container h3 {
    font-size: 42px;
    margin-top: 67px;
    margin-bottom: 47px;
  }
  .contacts-container .text p {
    margin-left: 140px;
    font-size: 33px;
    font-family: MontserratRegular;
  }
  .contacts-container .text .p {
    margin-left: 23.5%;
    margin-top: 54px;
  }
  .contacts-container .phone {
    font-size: 33px;
    color: #4aa2ff;
    margin-left: 1%;
    letter-spacing: 1px;
    line-height: 33px;
  }
  .contacts-container .text .p2 {
    font-size: 25px;
    margin-top: 55px;
  }
  .contacts-container .text .address {
    margin-top: 20px;
  }
  .contacts-container .map {
    margin-top: 34px;
  }
  .contacts-container .vk {
    font-size: 25px;
    font-family: MontserratMedium;
    margin-top: 180px;
  }
  .contacts-container .vk .vk-icon,
  .contacts-container .vk .tg-icon {
    background-size: 50px;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
  }
  .contacts-container .vk a {
    font-size: 25px;
    font-family: MontserratMedium;
    color: #a8a8a8;
  }
  #map_canvas {
    width: 485px;
    height: 420px;
    margin-right: 125px;
  }

  /*Квиз*/
  /*#q3 .question__options {
    margin-top: 146px;
  }
  #q4 .question__options {
    margin-top: 143px;
  }*/

  /*Simplemodal*/
  .simplemodal-container .popup-body {
    font-size: 30px;
    line-height: 40px;
  }
  .simplemodal-container .popup-title .header {
    font-size: 32px;
  }
  .simplemodal-container .popup-header {
    padding-top: 34px;
  }
}

@media (max-width: 1800px) {
  /*Main*/
  .main .offer {
    width: 36%;
  }
  .main .title {
    font-size: 53px;
    line-height: 60px;
  }
  .main .subtext {
    font-size: 28px;
  }
  .main .link {
    font-size: 27px;
  }
  .main .links {
    width: 52%;
  }

  /*Наши работы*/
  .our-works-left {
    width: 64%;
  }
  .our-works-right {
    width: 36%;
  }
  .our-works-right .carousel {
    width: 95%;
    height: 70%;
    top: 37px;
  }
  .our-works-right .carousel .subitem {
    width: 47.8%;
    height: 250px;
  }
  .slick-next {
    top: 550px;
    left: 48.5%;
  }
  .strip-top-outer {
    right: 12px;
    width: 34%;
    top: 124px;
  }
  .strip-top-inner {
    right: 12px;
    width: 34%;
    top: 129px;
  }
  .strip-bottom-inner {
    bottom: 99px;
    right: 12px;
    width: 34%;
  }
  .strip-bottom-outer {
    bottom: 93px;
    right: 12px;
    width: 34%;
  }
  .slick-prev {
    left: 48.5%;
  }
}

@media (max-width: 1500px) {
  .logo {
    left: 135px;
    background-image: url("../images/logo1440.png");
    width: 229px;
    height: 47px;
    top: 53px;
  }
  .main .offer {
    left: 131px;
  }
  .main .title {
    width: 488px;
    font-size: 45px;
    line-height: 52px;
    font-family: MontserratBold;
    margin-bottom: 50px;
  }
  .main {
    background-image: url("../images/bg_main1440.jpg");
  }
  .main .subtext {
    font-family: MontserratLight;
    font-size: 21px;
    width: 518px;
    margin-bottom: 60px;
  }
  .main .dots {
    font-family: MontserratMedium;
    font-size: 60px;
    line-height: 38px;
    width: 383px;
    margin-top: -15px;
    margin-bottom: 50px;
  }
  .main .offer button {
    width: 473px;
    border-radius: 45px;
    font-size: 25px;
  }
  .main .links {
    bottom: 40px;
    right: 0;
  }
  .main .link {
    font-size: 19px;
  }

  /* Наши работы */
  .our-works-left {
    width: 60%;
    text-align: center;
  }
  .our-works-right {
    width: 40%;
  }
  .strip-top-outer {
    right: 14px;
    width: 38%;
    top: 115px;
  }
  .strip-top-inner {
    right: 14px;
    width: 38%;
    top: 124px;
  }
  .strip-bottom-inner {
    bottom: 51px;
    right: 14px;
    width: 38%;
  }
  .strip-bottom-outer {
    bottom: 45px;
    right: 14px;
    width: 38%;
  }
  .slick-next {
    left: 48%;
    top: 461px;
  }
  .our-works-left img {
    width: 80%;
  }
  .carousel .subitem {
    width: 225px;
    height: 256px;
    background-size: cover;
  }
  .slick-prev {
    left: 48%;
  }
  .our-works-right h3 {
    font-size: 30px;
  }
  .our-works-right .carousel .subitem {
    width: 47%;
    height: 210px;
  }

  /*Оставьте заявку*/
  .send-request-container h3 {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 35px;
  }
  .send-request-container .text {
    font-size: 21px;
    margin-bottom: 25px;
  }
  .send-request-container input {
    font-size: 19px;
  }
  .send-request-container .div-btn {
    font-size: 25px;
    padding: 20px;
  }
  .send-request-container .phone-container {
    margin-top: 10%;
  }
  .send-request-container .phone {
    font-size: 28px;
  }

  /*Контакты*/
  .contacts-container h3 {
    font-size: 35px;
    margin-top: 3%;
    margin-bottom: 1%;
  }
  .contacts-container .text {
    width: 50%;
  }
  #map_canvas {
    width: 90%;
    height: 100%;
    margin-right: 0;
    margin: 0 auto;
    display: block;
    float: none;
  }
  .contacts-container .text p {
    font-size: 25px;
    width: 80%;
    margin: 0 auto;
  }
  .contacts-container .phone {
    font-size: 20px;
    margin-left: 0;
  }
  .contacts-container .text .p2 {
    font-size: 20px;
    margin-top: 9%;
  }
  .contacts-container .vk {
    margin-top: 0;
    margin-bottom: 0;
  }
  .contacts-container .vk a {
    font-size: 21px;
  }
  .contacts-container .map {
    height: 250px;
  }
  .contacts-container .text .p {
    margin-left: 0;
    width: 80%;
    margin: 5% auto;
  }
  .text-and-map {
    height: 320px;
  }
}

@media (max-width: 1200px) {
  .logo {
    left: 45px;
    top: 32px;
  }
  .main .offer {
    left: 45px;
    height: 360px;
  }
  .main .title {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 11px;
  }
  .main .dots {
    margin-bottom: 22px;
  }
  .main .subtext {
    font-size: 19px;
    width: 125%;
  }
  .main .offer button {
    width: 100%;
    font-size: 21px;
  }
  .main .link {
    font-size: 16px;
  }
  
  /*Наши работы*/
  #cboxClose {
    top: 20px;
    right: 30px;
  }
  .our-works-right .carousel .subitem {
    width: 46%;
    height: 170px;
  }
  .our-works-right h3 {
    font-size: 25px;
    margin-top: 25px;
  }
  .slick-next {
    left: 46.5%;
    top: 382px;
  }
  .slick-prev {
    left: 46.5%;
  }
  .strip-top-inner {
    top: 94px;
  }
  .strip-top-outer {
    top: 90px;
  }

  /*Оставьте заявку*/
  #cboxOverlay {
    background: #000;
    opacity: 0.9;
  }
  .send-request-container h3 {
    margin-top: 5%;
    margin-bottom: 3%;
    font-size: 30px;
  }
  .send-request-container .text {
    font-size: 17px;
    margin-bottom: 4%;
  }
  .send-request-container input {
    font-size: 19px;
  }
  .send-request-container .div-btn {
    font-size: 19px;
  }
  .send-request-container .phone {
    font-size: 24px;
  }
}

@media (max-width: 992px) {
  /*Common*/
  .mobile992-show {
    display: block;
  }

  .main .offer {
    height: 245px;
  }
  .main .title {
    font-size: 32px;
    line-height: 32px;
  }
  .main .dots {
    width: 100%;
  }
  .main .subtext {
    font-size: 14px;
    margin-bottom: 0;
  }
  .main .offer button {
    font-size: 16px;
  }
  .main .link {
    font-size: 13px;
  }
  
  /*Наши работы*/
  .our-works-right h3 {
    font-size: 21px;
    margin-top: 20px;
  }
  #cboxClose {
    top: 16px;
    right: 27px;
  }
  .our-works-right .carousel .subitem {
    height: 120px;
  }
  .slick-next {
    top: 277px;
    left: 47%;
  }
  .slick-prev {
    left: 47%;
  }
  .strip-top-inner {
    top: 86px;
    right: 8px;
  }
  .strip-top-outer {
    top: 79px;
    right: 8px;
  }
  .strip-bottom-inner {
    bottom: 44px;
    right: 8px;
  }
  .strip-bottom-outer {
    bottom: 41px;
    right: 8px;
  }

  /*Оставить заявку*/
  .send-request-container h3 {
    font-size: 25px;
  }
  .send-request-container .text {
    font-size: 14px;
  }

  .send-request__form {
    width: 80%;
  }
  .send-request-container input {
    font-size: 16px;
  }
  .send-request-container input::placeholder {
    font-size: 16px;
  }
  .send-request-container .div-btn {
    font-size: 16px;
  }
  .send-request-container .phone {
    font-size: 20px;
  }

  /*Контакты*/
  .contacts-container h3 {
    font-size: 30px;
  }
  .contacts-container .text p {
    font-size: 19px;
  }
  .contacts-container .text .p2 {
    font-size: 16px;
    margin-top: 4%;
  }
  .contacts-container .phone {
    line-height: 60px;
  }
  .text-and-map {
    height: 230px;
  }
  .contacts-container .map {
    margin-top: 0;
    height: 230px;
  }
  .contacts-container .vk a {
    font-size: 15px;
  }
  .contacts-container .vk .vk-icon,
  .contacts-container .vk .tg-icon {
    background-size: 30px;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
  }
  .contacts-container .vk {
    margin-top: 15px;
  }
  .contacts-container .text .p {
    margin: 4% auto;
  }

  /*Simplemodal*/
  .simplemodal-container .popup-title .header {
    font-size: 18px;
  }
  .simplemodal-container .popup-header {
    padding-top: 10px;
    padding-bottom: 5px;
  }
  .simplemodal-container .popup-body {
    font-size: 15px;
    line-height: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .simplemodal-container {
    border-radius: 25px;
  }
  .simplemodal-container .popup-body .phone-number {
    font-size: 23px;
  }
  .dialog-close-btn {
    right: 15px;
    top: 15px;
  }
}

@media (max-width: 768px) {
  .main {
    background-image: url("../images/space-bg-medium.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
  }
  .main .offer {
    height: 200px;
    width: 250px;
    left: 20px;
  }
  .main .title {
    font-size: 23px;
    margin-bottom: 50px;
  }
  .main .dots {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .main .subtext {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .logo {
    left: 20px;
    top: 10px;
    width: 170px;
    height: 41px;
    background-image: url("../images/logo-medium.png");
  }
  .main .offer .dots {
    display: none;
  }
  .main .links {
    display: none;
  }
  .main .footer-mobile {
    display: block;
    position: absolute;
    text-align: center;
    bottom: 80px;
    width: 100%;
  }
  .main .offer button {
    display: none;
  }
  .main .footer-mobile button {
    width: 300px;
    padding: 20px;
    font-size: 17px;
    display: block;
    background: linear-gradient(to right, #6334a7, #f0422b);
    border: none;
    color: #f9fbfc;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    border-radius: 30px;
    margin: 0 auto;
    font-weight: bold;
  }
  .main .menu-button {
    display: block;
    position: absolute;
    bottom: 80px;
    right: 40px;
    width: 34px;
    height: 25px;
    background-image: url("../images/menu-icon-medium.png");
  }
  
  /*Наши работы*/
  .our-works-right .carousel .subitem {
    height: 100px;
    width: 45%;
  }
  .slick-prev {
    background-image: url("../images/portfolio/arrow_up568.png");
    width: 11px;
    height: 7px;
    top: -10px;
    left: 50%;
  }
  .slick-next {
    top: 234px;
    left: 50%;
    background-image: url("../images/portfolio/arrow_down568.png");
    width: 11px;
    height: 7px;
  }
  .our-works-right .carousel {
    top: 23px;
  }
  #cboxClose {
    top: 15px;
    right: 20px;
  }
  .our-works-right h3 {
    font-size: 16px;
  }
  .strip-top-inner {
    top: 60px;
  }
  .strip-top-outer {
    top: 58px;
    right: 8px;
  }
  .strip-bottom-inner {
    bottom: 41px;
  }
  .strip-bottom-outer {
    bottom: 34px;
    right: 8px;
  }

  /*Оставить заявку*/

  /*Контакты*/
  .contacts-container h3 {
    font-size: 22px;
    margin-bottom: 2%;
  }
  .contacts-container h3 {
    font-size: 22px;
  }
  .contacts-container .phone {
    line-height: 45px;
    font-size: 17px;
  }
  .contacts-container .text .p2 {
    font-size: 13px;
  }
  .contacts-container .map {
    height: 185px;
  }
  .contacts-container .text p {
    font-size: 17px;
  }
  #map_canvas {
    width: 85%;
  }
  .text-and-map {
    height: 210px;
  }
}

@media (max-width: 570px) and (min-width: 476px) {
  /*Common*/
  .mobile570-show {
    display: block;
  }
  .mobile570-hide {
    display: none;
  }

  .main {
    background-image: url("../images/bg_main570.jpg");
  }
  .logo {
    top: 10px;
    left: 3%;
  }
  .main .offer {
    left: 3%;
  }
  .main .title {
    margin-top: 25px;
    margin-bottom: 21px;
    font-size: 20px;
    line-height: 22px;
    width: 100%;
  }
  .main .footer-mobile button {
    font-size: 16px;
    font-family: MontserratLight;
    width: 55%;
  }
  .main .subtext {
    font-size: 13px;
    font-family: MontserratLight;
    width: 310px;
  }
  .main .menu .links p {
    font-size: 23px;
    font-family: MontserratMedium;
    font-weight: 500;
  }
  .main .menu-button {
    bottom: 72px;
    right: 6%;
  }
  .main .footer-mobile {
    bottom: 6%;
  }
  .main .menu .close {
    bottom: 80px;
  }
  .main .menu .links {
    left: 0;
    right: 0;
    bottom: 60px;
  }
  #cboxLoadedContent {
    border-radius: 0;
  }
  .our-works-left {
    width: 61.5%;
  }
  .our-works-right {
    width: 38.5%;
  }
  .our-works-left img {
    width: 79%;
  }

  .our-works-right h3 {
    font-size: 14px;
    color: #f9fbfc;
    font-weight: 500;
    margin-top: 11px;
  }
  .our-works-right .strip-top-outer {
    display: none;
    right: 6px;
    width: 37%;
    top: 56px;
  }
  .our-works-right .strip-top-inner {
    display: none;
    right: 6px;
    width: 37%;
    top: 64px;
  }
  .our-works-right .strip-bottom-inner {
    display: none;
    right: 6px;
    width: 37%;
    bottom: 26px;
  }
  .our-works-right .strip-bottom-outer {
    display: none;
    right: 6px;
    width: 37%;
    bottom: 19px;
  }
  #cboxClose {
    top: 8px;
    right: 5px;
  }
  .our-works-right .carousel {
    top: 30px;
    width: 92%;
    height: auto;
  }
  .our-works-right .carousel .subitem {
    margin: 2px;
    width: 47%;
    height: 85px;
  }
  .slick-prev {
    left: 52%;
    top: -8px;
    background: url("../images/portfolio/arrow_up568.png") no-repeat;
    width: 11px;
    height: 7px;
  }
  .slick-next {
    top: 195px;
    left: 52%;
    background: url("../images/portfolio/arrow_down568.png") no-repeat;
    width: 11px;
    height: 7px;
  }

  /*Оставить заявку*/
  .send-request-container h3 {
    font-size: 21px;
    color: #4aa2ff;
    font-weight: 500;
    margin-top: 10%;
    margin-bottom: 2%;
  }
  .send-request-container .text {
    font-size: 15px;
    color: #a8a8a8;
    font-weight: 400;
    text-align: center;
    margin-bottom: 4%;
  }
  .send-request-container #send-order {
    margin: 0 auto;
  }
  .send-request-container input {
    font-size: 15px;
  }
  .send-request-container .div-btn {
    font-size: 15px;
  }
  .send-request-container .phone-container {
    margin-top: 7%;
  }
  .send-request-container .phone {
    font-size: 21px;
    color: #929292;
    font-weight: 400;
  }

  /*Контакты*/
  .contacts-container h3 {
    font-size: 20px;
    margin-top: 0;
    padding-top: 1%;
    margin-bottom: 3%;
  }
  .contacts-container .text p {
    font-size: 15px;
  }
  .contacts-container .phone {
    line-height: 43px;
    font-size: 15px;
  }
  .text-and-map {
    height: 185px;
  }
  .contacts-container .text .p2 {
    font-size: 12px;
  }
  .contacts-container .map {
    height: 165px;
  }
  .contacts-container .vk {
    margin-top: 3px;
  }

  /*Квиз*/
  #cboxLoadedContent {
    border-radius: 0;
  }

  /*Simplemodal*/
  .simplemodal-container .popup-title .header {
    font-size: 15px;
  }
  .simplemodal-container .dialog-close-btn-image {
    content: url("../colorbox/images/close360-2.png");
  }
  .dialog-close-btn {
    right: 12px;
    top: 12px;
  }
}

@media (max-width: 475px) and (min-width: 371px) {
  .main {
    background-position: right 50px;
    background-image: url("../images/bg_main360.jpg");
    background-size: 100%;
  }
  .logo {
    top: 3px;
    margin: 0 auto;
    left: 0;
  }
  body {
    background-color: #f9fbfc;
  }
  .mobile570-show {
    display: block;
  }
  .mobile570-hide {
    display: none;
  }
  .mobile475-show {
    display: block;
  }
  .mobile475-hide {
    display: none;
  }
  .main .offer {
    margin: 0 auto;
    top: 268px;
    left: -35px;
  }
  .main .title {
    margin-bottom: 11px;
    width: 200px;
    font-size: 22px;
  }
  .main .subtext {
    width: 282px;
    font-size: 15px;
    letter-spacing: -1px;
  }
  .main .footer-mobile {
    bottom: 120px;
  }
  .main .menu-button {
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 70px;
  }
  .main .menu .close {
        right: 20px;
  }
  .main .menu .links p {
    margin: 15px 0;
  }
  .main .footer-mobile button {
    font-size: 15px;
  }
  .main .menu .links {
    margin-top: -11px;
    padding-top: 30px;
    position: static;
  }
  
  /* Наши работы */
  .our-works-left {
    width: 100%;
    height: 100%;
    direction: rtl;
  }
  .our-works-right {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    opacity: 0.9;
    left: 0;
  }
  .carousel .subitem {
    width: 72px;
    height: 74px;
    background-size: cover;
    opacity: 1;
  }
  .carousel {
    width: 260px;
    top: 5px;
    margin: 0 auto;
  }
  .our-works-right h3 {
    display: none;
  }
  #cboxLoadedContent {
    border-radius: 0px;
  }
  .carousel-horizontal {
    display: block;
  }
  .carousel-vertical {
    display: none;
  }
  .slick-prev {
    left: -2px;
    top: 45px;
    background-image: url("../images/portfolio/arrow_left_small.png");
    width: 9px;
    height: 15px;
    opacity: 1;
  }
  .slick-next {
    top: 45px;
    left: auto;
    background-image: url("../images/portfolio/arrow_right_small.png");
    width: 9px;
    height: 15px;
    right: -16px;
    opacity: 1;
  }
  .strip-top-inner {
    right: auto;
    width: 20px;
    left: 34px;
    height: 100px;
    top: 0;
    background: linear-gradient(to right, rgba(34, 83, 134, 1), rgba(34, 83, 134, 0));
    opacity: 1;
    display: none;
  }
  .strip-top-outer {
    right: auto;
    width: 5px;
    left: 29px;
    height: 100px;
    top: 0;
    display: none;
  }
  .strip-bottom-inner {
    width: 20px;
    right: 35px;
    height: 100px;
    top: 0;
    background: linear-gradient(to left, rgba(34, 83, 134, 1), rgba(34, 83, 134, 0));
    bottom: auto;
    opacity: 1;
    display: none;
  }
  .strip-bottom-outer {
    width: 5px;
    right: 30px;
    height: 100px;
    top: 0;
    bottom: auto;
    display: none;
  }
  #cboxClose {
    background: url("../colorbox/images/close360-2.png") no-repeat top center;
    width: 18px;
    height: 18px;
    top: 9px;
    right: 5px;
  }
  .our-works-right .carousel .subitem {
    width: 94%;
    height: 85px;
    background-size: cover;
  }
  .our-works-right .carousel {
    width: 87%;
    top: 3px;
  }
  
  /* "Оставить заявку" */
  .send-request-container h3 {
    font-size: 25px;
    margin-top: 128px;
    margin-bottom: 23px;
  }
  .send-request-container .text {
    font-size: 17px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .send-request-container input {
    font-size: 15px;
  }
  .send-request-container .div-btn {
    font-size: 15px;
  }
  .send-request-container .phone {
    font-size: 21px;
  }
  .send-request-container .phone-container {
    margin-top: 130px;
  }
  .send-request-container .phone-icon {
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    margin-bottom: -6px;
  }
  .send-request-container .viber-icon {
    width: 21px;
    height: 22px;
    background-size: 21px 23px;
    background-repeat: no-repeat;
    margin-bottom: -8px;
  }
  .send-request-container .whatsapp-icon {
    width: 21px;
    height: 23px;
    background-size: 21px 22px;
    background-repeat: no-repeat;
    margin-bottom: -8px;
  }

  .send-request-container .telegram-icon {
    width: 21px;
    height: 23px;
    background-size: 21px 22px;
    background-repeat: no-repeat;
    margin-bottom: -8px;
  }



  /*Контакты*/
  .contacts-container h3 {
    font-size: 25px;
    margin-top: 18px;
    margin-bottom: 0;
  }
  .contacts-container .text p {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    width: 214px;
  }
  .contacts-container .text .p2 {
    font-size: 13px;
    margin-top: 33px;
    margin-bottom: 16px;
  }
  .contacts-container .text .address {
    margin-top: 14px;
    margin-right: 0;
  }
  .contacts-container .vk a {
    font-size: 13px;
  }
  .text-and-map {
    width: 65%;
    margin: -8px auto 0 auto;
  }
  .contacts-container .text .p {
    margin-left: 0;
    letter-spacing: 0.8px;
    margin-top: 0;
    width: 100%;
  }
  .contacts-container .text {
    width: 90%;
    float: none;
    display: block;
    margin: 0 auto;
  }
  .contacts-container .phone-icon {
    margin-bottom: -19px;
    margin-left: -2px;
  }
  .contacts-container .phone {
    margin-left: 0;
    font-size: 21px;
    color: #4aa2ff;
    font-weight: 700;
  }
  .contacts-container .whatsapp-icon {
    margin-bottom: -19px;
  }

  .contacts-container .telegram-icon {
    margin-bottom: -19px;
  }

  

  .contacts-container .viber-icon {
    margin-bottom: -22px;
  }
  .contacts-container .text .p2 .address {
    margin-top: 50px;
  }
  .contacts-container .vk {
    margin-top: -141px;
  }
  .contacts-container .map {
    width: 100%;
    height: 234px;
    float: none;
    margin: 0 auto;
  }
  .contacts-container .text .p1 {
    margin-top: 17px;
    margin-bottom: 7px;
  }
  #map_canvas {
    width: 100%;
    height: 240px;
    margin-right: 0;
    margin-top: 4px;
  }
  .contacts-container .vk-icon {
    background: url("../images/contacts/vk-icon360.png");
    width: 29px;
    height: 29px;
  }

  .contacts-container .tg-icon {
    background: url("../images/contacts/tg-icon360.png");
    width: 29px;
    height: 29px;
  }

  .contacts-container .vk .vk-icon,
  .contacts-container .vk .tg-icon {
    width: 29px;
    height: 29px;
    background-size: 29px;
    background-repeat: no-repeat;
  }

  /*Simplemodal*/
  .simplemodal-container .popup-title .header {
    font-size: 16px;
    line-height: 20px;
  }
  .simplemodal-container .popup-body {
    padding: 0 0px 27px 0px;
    font-size: 14px;
  }
  .simplemodal-container .popup-body .phone-number {
    font-size: 18px;
  }
}

@media (max-width: 370px) {
  .main {
    background-position: right 50px;
    background-image: url("../images/bg_main360.jpg");
    background-size: 100%;
  }
  .logo {
    top: 6px;
    margin: 0 auto;
    left: 0;
  }
  .mobile570-show {
    display: block;
  }
  .mobile570-hide {
    display: none;
  }
  .mobile475-show {
    display: block;
  }
  .mobile475-hide {
    display: none;
  }
  body {
    background-color: #f9fbfc;
  }
  .main .offer {
    margin: 0 auto;
    top: 263px;
    left: -35px;
  }
  .main .title {
    margin-bottom: 18px;
    width: 200px;
    font-size: 22px;
  }
  .main .subtext {
    width: 282px;
    font-size: 15px;
    letter-spacing: -1px;
    line-height: 18px;
  }
  .main .footer-mobile {
    bottom: 87px;
  }
  .main .menu-button {
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 25px;
  }
  .main .menu .close {
    margin: 0 auto;
        top: 22px;


        right: 13px;
  }
  .main .menu .links p {
    margin: 15px 0;
  }
  .main .footer-mobile button {
    font-size: 15px;
    font-weight: bold;
  }
  
  /* Наши работы */
  .our-works-left {
    width: 100%;
    height: 100%;
    direction: rtl;
  }
  .our-works-right {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    opacity: 0.9;
  }
  .carousel .subitem {
    width: 72px;
    height: 74px;
    background-size: cover;
    opacity: 1;
  }
  .carousel {
    width: 260px;
    top: 5px;
    margin: 0 auto;
  }
  .our-works-right h3 {
    display: none;
  }
  #cboxLoadedContent {
    border-radius: 0px;
  }
  .carousel-horizontal {
    display: block;
  }
  .carousel-vertical {
    display: none;
  }
  .slick-prev {
    left: -4px;
    top: 45px;
    background-image: url("../images/portfolio/arrow_left_small.png");
    width: 9px;
    height: 15px;
    opacity: 1;
  }
  .slick-next {
    top: 45px;
    left: auto;
    background-image: url("../images/portfolio/arrow_right_small.png");
    width: 9px;
    height: 15px;
    right: -15px;
    opacity: 1;
  }
  .strip-top-inner {
    right: auto;
    width: 20px;
    left: 14%;
    height: 100px;
    top: 0;
    background: linear-gradient(to right, rgba(34, 83, 134, 1), rgba(34, 83, 134, 0));
    opacity: 1;
    display: none;
  }
  .strip-top-outer {
    right: auto;
    width: 5px;
    left: 12%;
    height: 100px;
    top: 0;
    display: none;
  }
  .strip-bottom-inner {
    width: 20px;
    right: 14%;
    height: 100px;
    top: 0;
    background: linear-gradient(to left, rgba(34, 83, 134, 1), rgba(34, 83, 134, 0));
    bottom: auto;
    opacity: 1;
    display: none;
  }
  .strip-bottom-outer {
    width: 5px;
    right: 12%;
    height: 100px;
    top: 0;
    bottom: auto;
    display: none;
  }
  #cboxClose {
    background: url("../colorbox/images/close360-2.png") no-repeat top center;
    width: 18px;
    height: 18px;
    top: 9px;
    right: 5px;
  }
  .our-works-right .carousel .subitem {
    width: 94%;
    height: 85px;
    background-size: cover;
  }
  .our-works-right .carousel {
    width: 87%;
    top: 3px;
  }
  
  /* "Оставить заявку" */
  .send-request-container h3 {
    font-size: 25px;
    margin-top: 128px;
    margin-bottom: 23px;
  }
  .send-request-container .text {
    font-size: 17px;
    width: 188px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px;
  }
  .send-request-container input {
    font-size: 11px;
  }
  .send-request-container .div-btn {
    font-size: 15px;
  }
  .send-request-container .phone {
    font-size: 21px;
  }
  .send-request-container .phone-container {
    margin-top: 130px;
  }
  .send-request-container .phone-icon {
    width: 19px;
    height: 19px;
    background-size: 19px;
    background-repeat: no-repeat;
    margin-bottom: -6px;
  }
  .send-request-container .viber-icon {
    width: 21px;
    height: 22px;
    background-size: 21px 23px;
    background-repeat: no-repeat;
    margin-bottom: -8px;
  }
  .send-request-container .whatsapp-icon {
    width: 21px;
    height: 23px;
    background-size: 21px 22px;
    background-repeat: no-repeat;
    margin-bottom: -8px;
  }

  .send-request-container .telegram-icon {
    width: 21px;
    height: 23px;
    background-size: 21px 22px;
    background-repeat: no-repeat;
    margin-bottom: -8px;
  }


  
  /*Контакты*/
  .contacts-container h3 {
    font-size: 25px;
    margin-top: 18px;
    margin-bottom: 0;
  }
  .contacts-container .text p {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    width: 214px;
  }
  .contacts-container .text .p2 {
    font-size: 13px;
    margin-top: 33px;
    margin-bottom: 16px;
  }
  .contacts-container .text .address {
    margin-top: 14px;
  }
  .contacts-container .vk a {
    font-size: 13px;
  }
  .text-and-map {
    width: 62%;
    margin: -8px auto 0 auto;
  }
  .contacts-container .text .p {
    margin-left: 0;
    letter-spacing: 0.8px;
    margin-top: 0;
    width: 100%;
  }
  .contacts-container .text {
    width: 100%;
    float: none;
    text-align: center;
  }
  .contacts-container .phone-icon {
    margin-bottom: -19px;
    margin-left: -2px;
  }
  .contacts-container .phone {
    margin-left: 0;
    font-size: 21px;
    color: #4aa2ff;
    font-weight: 700;
  }
  .contacts-container .whatsapp-icon {
    margin-bottom: -19px;
  }

  .contacts-container .telegram-icon {
    margin-bottom: -19px;
  }

  .contacts-container .viber-icon {
    margin-bottom: -22px;
  }
  .contacts-container .text .p2 .address {
    margin-top: 50px;
  }
  .contacts-container .vk {
    margin-top: -141px;
  }
  .contacts-container .map {
    width: 100%;
    height: 234px;
    float: none;
    margin: 0 auto;
  }
  .contacts-container .text .p1 {
    margin-top: 17px;
    margin-bottom: 7px;
  }
  #map_canvas {
    width: 100%;
    height: 240px;
    margin-right: 0;
    margin-top: 4px;
  }
  .contacts-container .vk-icon {
    background: url("../images/contacts/vk-icon360.png");
    width: 29px;
    height: 29px;
  }
  .contacts-container .vk .vk-icon {
    width: 29px;
    height: 29px;
    background-size: 29px;
    background-repeat: no-repeat;
  }

  .contacts-container .tg-icon {
    background: url("../images/contacts/tg-icon360.png");
    width: 29px;
    height: 29px;
  }
  .contacts-container .vk .tg-icon {
    width: 29px;
    height: 29px;
    background-size: 29px;
    background-repeat: no-repeat;
  }

  .main .menu .links {
    margin-top: -11px;
    padding-top: 11px;
    position: static;
  }

  /*Simplemodal*/
  .simplemodal-container .popup-title .header {
    font-size: 16px;
    line-height: 20px;
  }
  .simplemodal-container .popup-body {
    padding: 0 0px 27px 0px;
    font-size: 14px;
  }
  .simplemodal-container .popup-body .phone-number {
    font-size: 18px;
  }
}

/* Source: public/assets/css/responsive-polish.css */
/* Final responsive layer: keeps legacy components intact and normalizes the landing and quiz. */

html,
body {
  min-width: 320px;
  min-height: 100%;
}

body {
  background: #f9fbfc;
}

.main {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
}

.logo {
  position: absolute;
  z-index: 2;
  top: clamp(28px, 5vh, 70px);
  left: clamp(42px, 7.6vw, 132px);
  margin: 0;
}

.main .offer {
  box-sizing: border-box;
  top: 50%;
  bottom: auto;
  left: clamp(42px, 7.6vw, 132px);
  width: min(42vw, 610px);
  height: auto;
  transform: translateY(-43%);
}

.main .title {
  width: 100%;
  font-family: MontserratBold, MontserratMedium, sans-serif;
  font-size: clamp(44px, 4.2vw, 68px);
  line-height: 0.98;
  letter-spacing: -0.025em;
  text-align: left;
}

.main .title .landing-explanation {
  display: block;
  max-width: 520px;
  margin-top: 0.65em;
  margin-right: 0;
  margin-left: 0;
  font-family: MontserratMedium, sans-serif;
  font-size: clamp(13px, 1.05vw, 16px);
  line-height: 1.35;
  letter-spacing: 0;
  text-align: left;
}

.main .dots {
  width: 100%;
  margin: clamp(18px, 3vh, 30px) 0;
  font-size: clamp(46px, 5vw, 70px);
  line-height: 0.5;
}

.main .subtext {
  width: 100%;
  max-width: 610px;
  margin: 0;
  color: #20202a;
  font-family: MontserratRegular, MontserratMedium, sans-serif;
  font-size: clamp(18px, 1.55vw, 24px);
  line-height: 1.32;
}

.main .offer button {
  width: min(100%, 475px);
  min-height: 64px;
  margin: clamp(30px, 5vh, 48px) 0 0;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.2;
  box-shadow: 0 14px 34px rgba(115, 48, 171, 0.2);
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.main .offer button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(115, 48, 171, 0.26);
}

.main .offer button:active {
  transform: translateY(0);
}

.main .links {
  right: clamp(24px, 5vw, 72px);
  bottom: clamp(24px, 6vh, 54px);
  width: min(48vw, 690px);
  gap: 12px 24px;
}

.main .link {
  font-size: clamp(16px, 1.35vw, 21px);
  line-height: 1.3;
  transition: color 160ms ease;
}

.main .link:hover {
  color: #6b42c6;
}

/* Quiz */
.quiz,
.quiz * {
  box-sizing: border-box;
}

.quiz {
  min-height: 100%;
  background: #f9fbfc;
  color: #242534;
}

.quiz__question {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 28px 40px 24px;
}

.question {
  position: relative;
  width: 100%;
  height: 440px;
  min-height: 440px;
}

.question__number {
  margin: 0;
  color: #9998a3;
  font-family: MontserratRegular, sans-serif;
  font-size: 16px;
  line-height: 1.35;
}

.question__title {
  max-width: calc(100% - 190px);
  padding: 10px 0 0;
  color: #4a9cff;
  font-family: MontserratMedium, sans-serif;
  font-size: clamp(21px, 2.2vw, 28px);
  line-height: 1.18;
}

.question-middle {
  padding-top: 30px;
}

.question__left-col {
  width: calc(100% - 210px);
  max-width: 650px;
}

.question-middle .question__left-col {
  position: absolute;
  top: 128px;
  left: 0;
}

.questions-left,
.question__options {
  width: 100%;
  margin-top: 0;
  padding-top: 54px;
}

.question__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 42px;
  margin: 0;
  padding: 0;
}

.progress-bar,
.progress-bar__complete {
  height: 42px;
  border-radius: 999px;
}

.progress-bar__complete,
#progress-bar-text-0 {
  font-size: 22px;
}

.question__option {
  min-height: 32px;
  height: auto;
  padding: 0 0 8px;
}

.question__option label {
  min-height: 30px;
  padding-top: 1px;
}

.question__option label .text {
  margin-left: 8px;
  font-size: 18px;
  line-height: 1.35;
}

.question__option .input-text,
#q0 .question__option .input-text,
#q1 .input-text {
  width: 100% !important;
  height: 52px;
  margin: 0;
  padding: 0 22px;
  border: 2px solid #d3d1d8;
  border-radius: 999px;
  background: #fff;
  color: #34333d;
  font-size: 16px;
  box-shadow: 0 5px 16px rgba(51, 46, 73, 0.05);
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.question__option .input-text::placeholder {
  color: #aaa8b0;
  font-size: 15px;
}

.question__option .input-text:focus {
  border-color: #8a50cf;
  outline: none;
  box-shadow: 0 0 0 4px rgba(138, 80, 207, 0.12);
}

.questions-right {
  position: absolute;
  top: 94px;
  right: 0;
  width: 175px;
}

.question .manager {
  width: 112px;
  height: 135px;
}

.hero__image {
  width: 112px;
}

.question .hero__name,
.question .hero__question {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.35;
}

.question .hero__question {
  margin-top: 2px;
  margin-bottom: 8px;
}

.question .hero__phone {
  margin-top: 10px;
  font-size: 15px;
  white-space: nowrap;
}

.question__buttons {
  position: absolute;
  right: 210px;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 0;
}

.question__previous-button,
.question__next-button {
  width: auto;
  min-width: 180px;
  height: 54px;
  margin: 0;
  padding: 0 28px;
  border-radius: 999px !important;
  font-size: 18px;
  line-height: 1;
}

.button i {
  font-size: 20px;
  vertical-align: -1px;
}

#q3 .question__options,
#q4 .question__options {
  margin-top: 0;
}

#q4 .question__title {
  max-width: 100%;
  font-size: 21px;
}

#q4 .question__left-col {
  width: min(100%, 620px);
  max-width: none;
}

#q4 .question__form {
  width: 100%;
  margin: 24px 0 0;
  padding: 0;
}

#q4 .form__phone {
  width: 100%;
  height: 48px;
}

#q4 .subtext {
  position: absolute;
  bottom: 64px;
  left: 0;
  width: min(100%, 620px);
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .question__title {
    font-size: 24px;
    line-height: 1.2;
  }

  .question__left-col {
    width: calc(100% - 220px);
    max-width: 560px;
  }

  .question-middle .question__left-col {
    top: 101px;
  }

  .questions-right {
    top: 102px;
    width: 220px;
  }

  .question .manager {
    width: 120px;
    height: 135px;
  }

  .hero__image {
    width: 120px;
  }

  .question .hero__name,
  .question .hero__question {
    font-size: 15px;
  }

  .question .hero__phone {
    font-size: 17px;
  }

  .question__buttons {
    right: 220px;
    bottom: 20px;
    gap: 30px;
  }

  .question__previous-button {
    min-width: 220px;
    font-size: 20px;
  }

  .question__next-button {
    min-width: 200px;
    font-size: 20px;
  }

  #q4 .question__title {
    font-size: 23px;
    line-height: 1.22;
  }

  #q4 .subtext {
    top: 280px;
    bottom: auto;
    font-size: 13px;
  }

  #q4 .question__next-button {
    min-width: 290px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 18px;
    white-space: nowrap;
  }
}

@media (min-width: 1501px) {
  .question {
    height: 600px;
    min-height: 600px;
  }

  .quiz__question {
    padding: 36px 54px 28px;
  }

  .question__title {
    font-size: 36px;
    line-height: 1.12;
  }

  .question__left-col {
    width: min(calc(100% - 300px), 680px);
    max-width: 680px;
  }

  .question-middle .question__left-col {
    top: 140px;
  }

  .question__progress-bar {
    top: 0;
    width: 100%;
    height: 50px;
  }

  .progress-bar,
  .progress-bar__complete {
    height: 50px;
  }

  .progress-bar__complete,
  .progress-bar__text {
    font-size: 26px;
    line-height: 50px;
  }

  .questions-left,
  .question__options {
    padding-top: 62px;
  }

  .question__option .input-text,
  #q0 .question__option .input-text,
  #q1 .input-text {
    height: 56px;
    font-size: 18px;
  }

  .questions-right {
    top: 120px;
    right: 0;
    width: 280px;
  }

  .question .manager {
    width: 170px;
    height: 206px;
  }

  .hero__image {
    width: 170px;
  }

  .question .hero__name,
  .question .hero__question {
    font-size: 18px;
  }

  .question .hero__phone {
    font-size: 20px;
  }

  .question__buttons {
    right: 300px;
    bottom: 20px;
    gap: 24px;
  }

  .question__previous-button,
  .question__next-button {
    height: 64px;
    font-size: 24px;
  }

  .question__previous-button {
    min-width: 230px;
  }

  .question__next-button {
    min-width: 210px;
  }

  #q4 .question__title {
    max-width: 880px;
    font-size: 28px;
    line-height: 1.2;
  }

  #q4 .question__left-col {
    width: 680px;
  }

  #q4 .question__form {
    margin-top: 28px;
  }

  #q4 .form__phone {
    height: 54px;
    font-size: 18px;
  }

  #q4 .subtext {
    top: 265px;
    bottom: auto;
    width: 680px;
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  /* Align radio markers with the first line of their option text. */
  #q1 .control_indicator,
  #q2 .control_indicator,
  #q3 .control_indicator {
    top: -2px;
  }

  #q4 .form__conf-label {
    display: flex;
    gap: 10px;
    align-items: center;
  }

  #q4 .form__conf-check {
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    border: 2px solid #c9c8ce;
    border-radius: 6px;
    appearance: none;
    background: #fff;
    cursor: pointer;
    place-items: center;
  }

  #q4 .form__conf-check::after {
    width: 9px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    opacity: 0;
    transform: translateY(-1px) rotate(-45deg);
  }

  #q4 .form__conf-check:checked {
    border-color: #8146c8;
    background: #8146c8;
  }

  #q4 .form__conf-check:checked::after {
    opacity: 1;
  }

  #q4 .form__conf-check:focus-visible {
    outline: 3px solid rgba(74, 156, 255, 0.28);
    outline-offset: 2px;
  }
}

@media (max-width: 1199px) {
  .main {
    background-size: 67% auto;
  }

  .main .offer {
    left: 4.5vw;
    width: 44vw;
    transform: translateY(-40%);
  }

  .main .title {
    font-size: clamp(38px, 5vw, 50px);
  }

  .main .subtext {
    font-size: clamp(16px, 2vw, 20px);
  }

  .main .offer button {
    min-height: 56px;
  }

  .main .links {
    width: 49vw;
  }

  .quiz__question {
    padding: 26px 40px 22px;
  }

  .question {
    height: 400px;
    min-height: 400px;
  }

  .question__title {
    font-size: 20px;
  }

  .question__left-col {
    width: calc(100% - 180px);
  }

  .question-middle .question__left-col {
    top: 109px;
  }

  .question__progress-bar {
    top: 0;
    width: 100%;
  }

  .questions-right {
    top: 92px;
    width: 150px;
  }

  .question .manager {
    width: 92px;
    height: 111px;
  }

  .hero__image {
    width: 92px;
  }

  .question__buttons {
    right: 175px;
  }

  .question__previous-button,
  .question__next-button {
    min-width: 160px;
    height: 50px;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .main {
    --mobile-logo-bar-height: 50px;
    min-height: 100svh;
    background-image: url("../images/bg_main1920.jpg");
    background-position: center var(--mobile-logo-bar-height);
    background-size: 100% auto;
    overflow-y: auto;
  }

  .main::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: var(--mobile-logo-bar-height);
    background: #fff;
  }

  .logo {
    top: 10px;
    left: 50%;
    width: 170px;
    height: 36px;
    background-image: url("../images/logo.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-50%);
  }

  .main .offer {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    min-height: 100svh;
    padding: clamp(265px, 70vw, 320px) clamp(24px, 8vw, 54px) 86px;
    transform: none;
  }

  .main .title {
    width: 100%;
    font-size: clamp(30px, 9vw, 40px);
    line-height: 1.02;
  }

  .main .title .landing-explanation {
    max-width: 310px;
    margin-top: 10px;
    font-size: clamp(11px, 3.2vw, 14px);
  }

  .main .dots {
    display: none;
  }

  .main .subtext {
    max-width: 430px;
    margin-top: 28px;
    font-size: clamp(15px, 4.2vw, 18px);
    line-height: 1.42;
  }

  .main .offer button {
    display: block !important;
    width: 100%;
    min-height: 56px;
    margin-top: 32px;
    font-size: 16px;
  }

  .main .footer-mobile {
    display: none !important;
  }

  .quiz {
    min-height: 100vh;
    min-height: 100svh;
    overflow-y: auto;
  }

  .quiz__question {
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    padding: 22px 20px 26px;
  }

  .question {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: calc(100svh - 48px);
  }

  .question__number {
    order: 1;
    padding: 0;
    font-size: 12px;
  }

  .question__title {
    order: 2;
    max-width: calc(100% - 32px);
    margin: 0;
    padding: 5px 0 0;
    font-size: clamp(17px, 4.8vw, 20px);
    line-height: 1.25;
  }

  .question-middle {
    display: contents;
  }

  .question-middle .question__left-col,
  .question__left-col {
    position: static;
    top: auto;
    left: auto;
    order: 3;
    width: 100%;
    max-width: none;
    margin-top: 30px;
  }

  .question__progress-bar {
    position: absolute;
    top: 98px;
    left: 0;
    width: 100%;
    height: 28px;
    margin: 0;
  }

  .questions-left,
  .question__options {
    padding-top: 50px;
  }

  #q0 .question__options,
  #q1 .question__options,
  #q2 .question__options,
  #q3 .question__options {
    padding-top: 50px;
  }

  .progress-bar,
  .progress-bar__complete {
    height: 28px;
  }

  .progress-bar__complete,
  #progress-bar-text-0 {
    padding-left: 18px;
    font-size: 17px;
    line-height: 28px;
  }

  .question__option {
    min-height: 36px;
    padding-bottom: 6px;
  }

  .question__option label {
    padding-left: 30px;
  }

  .question__option label .text {
    margin-left: 4px;
    font-size: 14px;
    line-height: 1.35;
  }

  .question__option .input-text,
  #q0 .question__option .input-text,
  #q1 .input-text {
    width: 100% !important;
    height: 42px;
    margin: 0;
    font-size: 13px;
  }

  .question__option .input-text::placeholder {
    font-size: 13px;
  }

  .question__buttons {
    position: absolute;
    top: 390px;
    right: 0;
    bottom: auto;
    left: 0;
    order: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    width: 100%;
    margin: 0;
  }

  .question__previous-button,
  .question__next-button {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 14px;
    font-size: 15px;
  }

  .questions-right {
    position: absolute;
    top: 460px;
    right: 0;
    left: 0;
    order: 5;
    width: 100%;
    margin: 0 auto;
  }

  .question .hero {
    display: grid;
    grid-template-columns: 66px 1fr;
    grid-template-rows: auto auto auto auto;
    column-gap: 14px;
    width: min(100%, 310px);
    margin: 0 auto;
    text-align: left;
  }

  .question .hero__image {
    grid-row: 1 / 5;
    width: 66px;
    margin: 0;
  }

  .question .manager {
    width: 66px;
    height: 80px;
  }

  .question .hero__name,
  .question .hero__question,
  .question .hero__phone {
    margin: 0;
    text-align: left;
  }

  .question .hero__name {
    align-self: end;
    font-size: 12px;
  }

  .question .hero__question {
    align-self: start;
    font-size: 11px;
  }

  .question .phone-icon,
  .question .telegram-icon,
  .question .whatsapp-icon {
    grid-row: 3;
  }

  .question .phone-icon {
    grid-column: 2;
    margin-left: 0;
  }

  .question .telegram-icon {
    grid-column: 2;
    margin-left: 34px;
  }

  .question .whatsapp-icon {
    grid-column: 2;
    margin-left: 68px;
  }

  .question .hero__phone {
    grid-column: 2;
    grid-row: 4;
    margin-top: 4px;
    font-size: 11px;
  }

  .question > .clearfix {
    display: none;
  }

  #q4 .question__title {
    font-size: 16px;
  }

  #q4 .question__left-col {
    margin-top: 24px;
  }

  #q4 .question__form {
    margin-top: 0;
  }

  #q4 .question__buttons {
    display: grid;
  }

  #q4 .subtext {
    position: absolute;
    top: 460px;
    right: 0;
    bottom: auto;
    left: 0;
    order: 5;
    width: 100%;
    margin: 0;
    font-size: 11px;
    text-align: center;
  }

  #cboxClose {
    top: 17px;
    right: 14px;
  }
}

@media (max-width: 420px) {
  .main .offer {
    padding-top: clamp(255px, 69vw, 290px);
  }

  .main .title {
    font-size: 30px;
  }

  .main .subtext {
    margin-top: 24px;
    font-size: 15px;
  }

  .quiz__question {
    padding-right: 18px;
    padding-left: 18px;
  }

  .question__buttons {
    grid-template-columns: 1fr;
  }

  .questions-right {
    top: 530px;
  }

  #q4 .subtext {
    top: 530px;
  }

  .question__previous-button,
  .question__next-button {
    height: 48px;
  }
}

@media (max-height: 700px) and (min-width: 769px) {
  .logo {
    top: 28px;
  }

  .main .offer {
    transform: translateY(-38%);
  }

  .main .dots {
    margin: 14px 0;
  }

  .main .offer button {
    min-height: 54px;
    margin-top: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .main .offer button,
  .main .link {
    transition: none;
  }
}

.main .title {
  margin: 0;
}

/* Policy modal: always centered inside the visible viewport. */
#policy-modal-container {
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.28);
}

#policy-modal-container .simplemodal-wrap {
  height: 100% !important;
  overflow: hidden !important;
}

#policy-modal-container .simplemodal-data {
  height: 100%;
}

.policy-dialog {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #fff;
}

.policy-dialog__header {
  position: relative;
  flex: 0 0 54px;
  background: #fff;
}

.policy-dialog .dialog-close-btn {
  top: 24px;
  right: 24px;
}

.policy-dialog .dialog-close-btn button {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.policy-dialog__close-icon {
  display: block;
  width: 30px;
  height: 30px;
  background: url("../colorbox/images/close.png") center / 30px 30px no-repeat;
}

.policy-dialog__content {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  border: 0;
  background: #fff;
}

/* The Colorbox request form keeps its label readable at every width. */
.send-request-container .div-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: auto;
  min-height: 54px;
  padding: 12px 24px;
  line-height: 1.2;
  white-space: normal;
}

@media (max-width: 475px) {
  .main .menu .links .policy,
  .main .menu .links .policy a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  /* Keep Colorbox dialogs on the same clear close icon as desktop. */
  #colorbox #cboxClose {
    width: 25px;
    height: 25px;
    background: url("../colorbox/images/close.png") center / 25px 25px no-repeat;
  }

  #policy-modal-container {
    max-width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  .policy-dialog .dialog-close-btn {
    top: 12px;
    right: 12px;
  }

  .policy-dialog .dialog-close-btn button,
  .policy-dialog__close-icon {
    width: 18px;
    height: 18px;
  }

  .policy-dialog__close-icon {
    background-image: url("../colorbox/images/close360-2.png");
    background-size: 18px 18px;
  }

  .send-request-container .div-btn {
    min-height: 50px;
    padding: 10px 16px;
    font-size: 15px;
  }
}

.form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.is-pending {
  pointer-events: none;
  opacity: 0.7;
}

.div-btn {
  border: 0;
  cursor: pointer;
}

.menu-button,
.menu .close {
  padding: 0;
  border: 0;
  appearance: none;
}

.menu .links > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.cookie-notification {
  position: fixed;
  z-index: 100000;
  right: 20px;
  bottom: 20px;
  width: min(390px, calc(100% - 40px));
  padding: 20px;
  box-sizing: border-box;
  color: #fff;
  background: rgba(4, 10, 24, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35);
}

.cookie-notification_hidden_yes {
  display: none;
}

.cookie-notification__header {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.cookie-notification__body {
  font-size: 14px;
  line-height: 1.5;
}

.cookie-notification__body a {
  color: #fff;
  text-decoration: underline;
}

.cookie-notification__buttons {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

.cookie-notification__button {
  min-height: 42px;
  padding: 8px 13px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: #fff;
  background: transparent;
  cursor: pointer;
}

.cookie-notification__button_accept {
  border-color: #e70124;
  background: #e70124;
}

@media (max-width: 570px) {
  .cookie-notification {
    right: 12px;
    bottom: 64px;
    width: calc(100% - 24px);
    padding: 16px;
  }

  .cookie-notification__buttons {
    flex-direction: column;
  }
}

/*
 * Desktop landing composition restored from the original site.
 * The explanatory terms are fitted into the original spacing and do not
 * change the positions of the headline, dots, copy, CTA, or footer links.
 */
@media (min-width: 1200px) {
  .main {
    height: 100vh;
    min-height: 100vh;
    background-position: right top;
    background-repeat: no-repeat;
  }

  .main .offer {
    top: 0;
    right: 0;
    bottom: 0;
    height: 400px;
    margin: auto 0;
    padding: 0;
    transform: none;
  }

  .main .title {
    position: relative;
    letter-spacing: normal;
    text-align: left;
  }

  .main .title .landing-explanation {
    position: absolute;
    top: calc(100% + 7px);
    left: 0;
    display: block;
    width: 100%;
    margin: 0;
    font-family: MontserratMedium, sans-serif;
    letter-spacing: 0;
    text-align: left;
  }

  .main .subtext {
    max-width: none;
    line-height: normal;
  }

  .main .subtext .landing-term {
    display: inline;
    font-family: MontserratMedium, sans-serif;
    font-size: 0.52em;
    white-space: nowrap;
    vertical-align: 0.12em;
  }

  .main .offer button {
    min-height: 0;
    padding: 20px 0;
    line-height: normal;
    box-shadow: none;
  }

  .main .links {
    right: 0;
    gap: 10px;
  }

  .main .link {
    line-height: normal;
  }
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .logo {
    top: 53px;
    left: 135px;
    width: 229px;
    height: 47px;
    background-image: url("../images/logo1440.png");
  }

  .main {
    background-image: url("../images/bg_main1440.jpg");
  }

  .main .offer {
    left: 131px;
    width: 36%;
  }

  .main .title {
    width: 488px;
    margin: 0 0 50px;
    font-family: MontserratBold, sans-serif;
    font-size: 45px;
    line-height: 52px;
  }

  .main .title .landing-explanation {
    max-width: 488px;
    font-size: 13px;
    line-height: 17px;
  }

  .main .dots {
    width: 383px;
    margin: -15px 0 50px;
    font-family: MontserratMedium, sans-serif;
    font-size: 60px;
    line-height: 38px;
    text-align: center;
  }

  .main .subtext {
    width: 518px;
    margin: 0 0 60px;
    font-family: MontserratLight, sans-serif;
    font-size: 21px;
  }

  .main .offer button {
    width: 473px;
    margin: 15% 0 0;
    border-radius: 45px;
    font-size: 25px;
  }

  .main .links {
    bottom: 40px;
    width: 52%;
  }

  .main .link {
    font-size: 19px;
  }
}

@media (min-width: 1501px) and (max-width: 1800px) {
  .logo {
    top: 70px;
    left: 7.6%;
    width: 305px;
    height: 63px;
    background-image: url("../images/logo1920.png");
  }

  .main {
    background-image: url("../images/bg_main1920.jpg");
    background-size: 65%;
  }

  .main .offer {
    left: 7.6%;
    width: 36%;
  }

  .main .title {
    width: 650px;
    margin: 0;
    font-family: MontserratBold, sans-serif;
    font-size: 53px;
    line-height: 60px;
  }

  .main .title .landing-explanation {
    max-width: 650px;
    top: 100%;
    font-size: 14px;
    line-height: 17px;
  }

  .main .dots {
    width: 73%;
    margin: -20px 0 30px;
    font-family: MontserratMedium, sans-serif;
    font-size: 80px;
    line-height: 50px;
    text-align: center;
  }

  .main .subtext {
    width: 690px;
    margin: 0 0 80px;
    font-family: MontserratLight, sans-serif;
    font-size: 28px;
  }

  .main .subtext .landing-term {
    font-size: 0.43em;
  }

  .main .offer button {
    width: 95%;
    margin: 15% 0 0;
    border-radius: 60px;
    font-size: 33px;
  }

  .main .links {
    bottom: 70px;
    width: 52%;
  }

  .main .link {
    font-size: 27px;
  }
}

@media (min-width: 1801px) {
  .logo {
    top: 70px;
    left: 7.6%;
    width: 305px;
    height: 63px;
    background-image: url("../images/logo1920.png");
  }

  .main {
    background-image: url("../images/bg_main1920.jpg");
    background-size: 65%;
  }

  .main .offer {
    left: 7.6%;
    width: 670px;
  }

  .main .title {
    width: 650px;
    margin: 0;
    font-family: MontserratBold, sans-serif;
    font-size: 75px;
    line-height: normal;
  }

  .main .title .landing-explanation {
    max-width: 650px;
    top: calc(100% - 2px);
    font-size: 20px;
    line-height: 17px;
  }

  .main .dots {
    width: 73%;
    margin: -20px 0 30px;
    font-family: MontserratMedium, sans-serif;
    font-size: 80px;
    line-height: 50px;
    text-align: center;
  }

  .main .subtext {
    width: 690px;
    margin: 0 0 80px;
    font-family: MontserratLight, sans-serif;
    font-size: 33px;
  }

  .main .subtext .landing-term {
    font-size: 0.43em;
  }

  .main .offer button {
    width: 95%;
    margin: 15% 0 0;
    border-radius: 60px;
    font-size: 33px;
  }

  .main .links {
    bottom: 70px;
    width: 950px;
  }

  .main .link {
    font-size: 33px;
  }
}


/* Source: public/assets/colorbox/colorbox.css */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:1000; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
@media (max-width:1024px) { #cboxOverlay{background:#fff; opacity: 1;} }
#colorbox{outline:0;}
    #cboxContent{/*margin-top:20px;background:#000;*/}
        .cboxIframe{background: #f9fbfc;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{/*border:5px solid #000; background:#225386;*/ border-radius: 50px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url("../colorbox/images/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("../colorbox/images/controls.png") no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("../colorbox/images/controls.png") no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:20px; right:20px; display:block; background:url("../colorbox/images/close.png") no-repeat center center; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}


/* Source: public/assets/plg_icons/font-awesome/css/font-awesome.min.css */
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url("../plg_icons/font-awesome/fonts/fontawesome-webfont.woff2?v=4.1.0") format('woff2');font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}