@charset "UTF-8";/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
 @font-face {
  font-family: "Gotham Pro Light";
  src: url("../fonts/GothamPro-Light.eot");
  src: url("../fonts/GothamPro-Light.eot?#iefix") format("embedded-opentype"),
       url("../fonts/GothamPro-Light.woff") format("woff"),
       url("../fonts/GothamPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

.hamburger {
    padding: 0 0;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    -o-transition-property: opacity,filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    width: 35px;
    height: 21px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before {
    width: 35px;
    height: 3px;
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-inner::after,.hamburger-inner::before {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -9px
}

.hamburger-inner::after {
    bottom: -9px
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    -webkit-transition-duration: .13s;
    -o-transition-duration: .13s;
    transition-duration: .13s;
    -webkit-transition-delay: .13s;
    -o-transition-delay: .13s;
    transition-delay: .13s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    -o-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse .hamburger-inner::after {
    top: -18px;
    -webkit-transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;
    -o-transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear;
    transition: top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear
}

.hamburger--collapse .hamburger-inner::before {
    -webkit-transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
    -o-transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19);
    transition: top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0,-9px,0) rotate(-45deg);
    transform: translate3d(0,-9px,0) rotate(-45deg);
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1)
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    -webkit-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear;
    -o-transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear;
    transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .25s cubic-bezier(.215,.61,.355,1);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .13s .25s cubic-bezier(.215,.61,.355,1);
    -o-transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1);
    transition: top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1),-webkit-transform .13s .25s cubic-bezier(.215,.61,.355,1)
}

@font-face {
    font-family: "Gotham Pro Black";
    src: url(../fonts/GothamPro-Black.eot) format("eot"),url(../fonts/GothamPro-Black.ttf) format("ttf"),url(../fonts/GothamPro-Black.woff) format("woff")
}

@font-face {
    font-family: "Gotham Pro Bold";
    src: url(../fonts/GothamPro-Bold.eot) format("eot"),url(../fonts/GothamPro-Bold.ttf) format("ttf"),url(../fonts/GothamPro-Bold.woff) format("woff")
}

@font-face {
    font-family: "Gotham Pro Regular";
    src: url(../fonts/GothamPro.eot) format("eot"),url(../fonts/GothamPro.ttf) format("ttf"),url(../fonts/GothamPro.woff) format("woff")
}

@font-face {
    font-family: "Gotham Pro Regular";
    src: url(../fonts/GothamPro.eot) format("eot"),url(../fonts/GothamPro.ttf) format("ttf"),url(../fonts/GothamPro.woff) format("woff")
}

@font-face {
    font-family: ProximaNova-Regular;
    src: url(../fonts/proximanova/ProximaNova-Regular.eot) format("eot"),url(../fonts/proximanova/ProximaNova-Regular.ttf) format("ttf"),url(../fonts/proximanova/ProximaNova-Regular.woff) format("woff")
}

@font-face {
    font-family: ProximaNova-Bold;
    src: url(../fonts/proximanova/ProximaNova-Bold.eot) format("eot"),url(../fonts/proximanova/ProximaNova-Bold.ttf) format("ttf"),url(../fonts/proximanova/ProximaNova-Bold.woff) format("woff")
}

@font-face {
    font-family: ProximaNova-Light;
    src: url(../fonts/proximanova/ProximaNova-Light.eot) format("eot"),url(../fonts/proximanova/ProximaNova-Light.ttf) format("ttf"),url(../fonts/proximanova/ProximaNova-Light.woff) format("woff")
}

a {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

a:hover {
    color: #ffc600
}

strong {
    font-family: "Gotham Pro Black"
}

body {
    color: #202020;
    font-family: "Gotham Pro Regular";
    line-height: 1.5;
    min-width: 320px;
    position: relative;
    font-size: 16px;
    /*background-image: url(../img/pattern.jpg);*/
    background-repeat: repeat-y;
    background-position: center
}

body.overflow {
    position: fixed;
    width: 100%;
    overflow-y: hidden
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.text-align-center {
    text-align: center
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-justify {
    text-align: justify
}

@media screen and (min-width: 75em) {
    .align-right-large-up {
        -webkit-box-pack:end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
}

.btn {
    text-decoration: none;
    font-size: 16px;
    font-family: ProximaNova-Bold;
    color: #202020;
    padding: 12px 17px;
    line-height: 1;
    background-color: #ffc600;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block
}

.btn:hover {
    background-color: #cc9e00;
    color: #202020
}

.loader {
    display: none
}

.thanks-page {
    max-width: 500px;
    margin: auto;
    padding: 30px;
    position: relative;
    background-color: #121821;
    color: #fff;
    text-align: center
}

.thanks-page .mfp-close {
    color: #fff
}

.thanks-page__title {
    font-size: 24px
}

@media screen and (max-width: 39.9375em) {
    .thanks-page__title {
        font-size:20px
    }
}

.thanks-page__title span {
    font-size: 36px;
    text-transform: uppercase;
    font-family: "Gotham Pro Bold"
}

@media screen and (max-width: 39.9375em) {
    .thanks-page__title span {
        font-size:26px
    }
}

.form {
    max-width: 490px;
    margin: auto;
    text-align: center
}

.form--popup .form__field {
    display: block
}

.form--popup .form__field:first-child {
    margin-bottom: 15px
}

.form--popup .form__field:last-child {
    margin-top: 20px
}

.form--popup .form__control {
    background-color: #f4f4f4;
    border: 0;
    width: 250px;
    color: #202020
}

.form__field {
    display: inline-block;
    margin: 0 10px
}

.form__field:last-child {
    display: block;
    margin-top: 28px
}

@media screen and (max-width: 39.9375em) {
    .form__field {
        margin:10px
    }
}

.form__control {
    width: 220px;
    height: 48px;
    max-width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #909196;
    outline: 0;
    background-color: transparent;
    color: #fff;
    padding-left: 15px
}

.form__submit {
    border: 0;
    font-size: 18px;
    padding: 13px 40px;
    line-height: 1;
    cursor: pointer;
    text-transform: uppercase
}

@media screen and (max-width: 39.9375em) {
    .form__submit {
        font-size:14px
    }
}

.nav__link {
    font-size: 14px;
    font-family: ProximaNova-Bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin: 0 15px
}

.nav__link:last-child {
    margin: 0 0 0 15px
}

@media screen and (max-width: 74.9375em) {
    .nav {
        display:none
    }
}

.secondary-nav {
    background-color: #e9e9eb;
    padding: 4px 0
}

.secondary-nav__link {
    font-size: 16px;
    font-family: ProximaNova-Bold;
    color: #202020;
    text-decoration: none;
    margin: 0 16px
}

.hamburger {
    display: none;
    z-index: 100;
    position: relative;
    outline: 0;
    line-height: .9;
    margin: auto;
    cursor: pointer
}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before {
    background-color: #4b4b4b
}

@media screen and (max-width: 74.9375em) {
    .hamburger {
        display:block;
        margin: 0 0 0 auto;
        display: inline-block;
        vertical-align: middle
    }
}

.mobile {
    height: 0;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: #000;
    overflow-y: scroll;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    list-style-type: none
}

.mobile.full-height {
    height: 100%
}

.mobile__heading {
    color: #fff;
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    font-family: "Gotham Pro Black"
}

.mobile__contact {
    position: absolute;
    top: 45px;
    left: 10%;
    text-align: left
}

.mobile__adress {
    margin-bottom: 15px
}

.mobile__closebtn {
    position: absolute;
    top: 25px;
    right: 25px;
    text-decoration: none;
    color: #fff;
    font-size: 2.875rem;
    line-height: 1
}

.mobile__content {
    padding-top: 25px;
    padding-left: 25px
}

.mobile__content-item:nth-of-type(2) {
    margin-top: 50px
}

.mobile__list {
    padding-left: 0;
    list-style-type: none
}

.mobile__list.capitalize-list .mobile__link {
    text-transform: capitalize
}

.mobile__item {
    text-align: left
}

.mobile__link {
    text-align: left;
    display: block;
    text-decoration: none;
    font-size: 1.75rem;
    color: #fff;
    margin: 10px 0;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media screen and (max-width: 63.9375em) {
    .mobile__link {
        font-size:1.375rem
    }
}

@media screen and (max-width: 39.9375em) {
    .mobile__link {
        font-size:1rem
    }
}

.mobile__link:hover {
    color: #ffc600
}

.tabs__caption>div {
    padding: 19px 30px;
    color: #202020;
    cursor: pointer
}

.tabs__caption>div.active {
    background-color: #121821;
    color: #fff
}

.tabs__caption-title {
    font-size: 30px;
    font-family: "Gotham Pro Black";
    line-height: 1;
    margin-bottom: 15px
}

.tabs__price {
    color: #ffc600;
    font-size: 20px;
    font-family: ProximaNova-Bold
}

.tabs__duration {
    font-size: 18px;
    font-family: ProximaNova-Regular
}

@media screen and (max-width: 39.9375em) {
    .tabs__duration {
        font-size:16px
    }
}

.tabs__link {
    font-size: 14px;
    color: #23baf2;
    font-family: ProximaNova-Bold;
    margin-top: 7px;
    position: relative;
    display: inline-block
}

.tabs__link:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #23baf2;
    position: absolute;
    bottom: 0;
    left: 0
}

.tabs__caption-info {
    display: inline-block;
    margin-left: 20px;
    vertical-align: bottom
}

@media screen and (max-width: 39.9375em) {
    .tabs__caption-info {
        margin-left:0
    }
}

.tabs__charge {
    vertical-align: bottom;
    display: inline-block
}

@media screen and (max-width: 39.9375em) {
    .tabs__charge {
        display:block
    }
}

.tabs__charge-item {
    display: inline-block;
    width: 9px;
    height: 30px;
    background-color: #7e7e7e
}

.tabs__charge-item.enable {
    background-color: #ffc600
}

.tabs__content {
    display: none;
    background-color: #121821;
    color: #fff;
    padding: 20px 30px 85px;
    height: 100%
}

.tabs__content.active {
    display: block
}

.tabs__content.is-popup {
    display: block
}

.tabs__content-title {
    font-size: 20px;
    font-family: "Gotham Pro Black";
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 25px
}

.tabs__list {
    padding-left: 0;
    margin: 0;
    list-style-type: none
}

.tabs__list-item {
    font-family: ProximaNova-Regular;
    margin: 10px 0;
    position: relative;
    padding-left: 30px
}

.tabs__list-item:before {
    content: url(../img/icons/done-tick.png);
    position: absolute;
    top: 0;
    left: 0
}

.tabs__list-item.disable {
    color: #7e7e7e
}

.tabs__list-item.disable:before {
    content: url(../img/icons/delete.png)
}

.tabs__note {
    color: #f3352f;
    font-size: 13px;
    line-height: 16px;
    margin-top: 35px
}

.tabs__btn {
    font-size: 18px;
    padding: 13px 50px;
    line-height: 1;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
    margin-top: 20px
}

.popup {
    position: relative;
    background: #fff;
    padding: 45px 20px;
    width: auto;
    max-width: 650px;
    text-align: center;
    margin: 20px auto
}

.popup--small {
    max-width: 550px
}

.popup--tabs {
    padding: 0;
    text-align: left
}

.popup--tabs .mfp-close {
    color: #fff
}

.popup__title {
    font-size: 30px;
    font-family: "Gotham Pro Black";
    text-transform: uppercase;
    margin: 0 0 5px
}

@media screen and (max-width: 39.9375em) {
    .popup__title {
        font-size:20px
    }
}

.popup__descr {
    font-size: 16px;
    max-width: 340px;
    margin: 0 auto 15px
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.dropdown {
    position: relative;
    display: inline-block;
    margin: 0 15px
}

.dropdown__dropbtn {
    border: none;
    cursor: pointer;
    outline: 0;
    font-size: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-family: "Gotham Pro Black";
    display: inline-block
}

@media screen and (max-width: 99.9375em) {
    .dropdown__dropbtn {
        font-size:20px
    }
}

@media screen and (max-width: 74.9375em) {
    .dropdown__dropbtn {
        font-size:16px
    }
}

.dropdown__content {
    display: none;
    position: absolute;
    right: -5px;
    top: 55px;
    width: 180px;
    overflow: auto;
    text-align: center;
    z-index: 1;
    background-color: #ffc600;
    padding: 5px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.dropdown__link {
    display: block;
    text-decoration: none;
    text-align: left;
    color: #000;
    padding: 5px 0;
    font-size: 25px;
    font-family: "Gotham Pro Black"
}

.dropdown__link:hover {
    color: #000
}

@media screen and (max-width: 99.9375em) {
    .dropdown__link {
        font-size:20px
    }
}

@media screen and (max-width: 74.9375em) {
    .dropdown__link {
        font-size:16px
    }
}

.sticky-wrapper.is-sticky .header {
    background-color: #121821;
    padding: 7px 0 14px;
    z-index: 9999
}

@media screen and (max-width: 39.9375em) {
    .sticky-wrapper.is-sticky .header {
        padding:7px 0
    }
}

.header__logo-link {
    display: inline-block
}

.header__top {
    margin-bottom: 12px
}

@media screen and (max-width: 39.9375em) {
    .header__top {
        margin-bottom:6px
    }
}

.header__lang {
    display: inline-block
}

.header__mobile-contact {
    margin-bottom: 20px
}

.header__contact {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: right;
    margin-bottom: 5px
}

.color-inverse {
    text-align: left
}

.header__contact.color-inverse .header__contact-item {
    color: #ffc000;
    display: block;
    padding: 5px 0;
    font-size: 18px
}

.header__contact.color-inverse .header__contact-item:last-child {
    margin: 0 5px
}

@media screen and (max-width: 39.9375em) {
    .header__contact.color-inverse .header__contact-item {
        font-size:16px
    }
}

.header__contact.color-inverse .header__contact-link {
    color: #ffc000
}

.header__contact-item {
    display: inline-block;
    color: #ffc000;
    font-size: 14px;
    margin: 0 5px;
    font-family: ProximaNova-Light
}

.header__contact-item:last-child {
    margin: 0 0 0 15px
}

.header__contact-link {
    color: #ffc000;
    text-decoration: none;
    font-size: 16px
}

.header__contact-link:hover {
    color: #fff
}

.header__nav {
    text-align: right
}

.header__secondary-nav {
    text-align: center
}

.footer {
    padding: 15px 0 15px;
    background-color: #f5f5f5
}

.footer__copyright {
    margin: 10px 0
}

.section {
    text-align: center;
    padding: 0 15px
}

.section--invert .section__descr,.section--invert .section__title {
    color: #fff
}

.section__title {
    font-size: 36px;
    font-family: "Gotham Pro Black";
    line-height: 1.33;
    color: #202020;
    text-transform: uppercase;
    margin: 0
}

@media screen and (max-width: 39.9375em) {
    .section__title {
        font-size:26px
    }
}

.section__descr {
    font-family: ProximaNova-Regular;
    font-size: 24px;
    line-height: 1.5;
    max-width: 925px;
    margin: 40px auto 24px;
}

@media screen and (max-width: 39.9375em) {
    .section__descr {
        font-size:20px
    }
}

.intro {
    background-image: url(../img/header_bg_2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.intro__top {
    padding: 16px 0 16px;
    background: #121821;
}

.intro__bottom {
    padding-bottom: 67px
}

.intro__title {
    font-size: 36px;
    font-family: "Gotham Pro Black";
    color: #ffa800;
    line-height: 1;
    margin: 0;
    text-align: center;
    padding: 0 15px
}

@media screen and (max-width: 39.9375em) {
    .intro__title {
        font-size:26px
    }
}

.intro__descr {
    margin: 13px auto 21px;
    line-height: 1.2;
    font-size: 30px;
    text-align: center;
    color: #fff;
    max-width: 600px;
    padding: 0 15px
}

@media screen and (max-width: 39.9375em) {
    .intro__descr {
        font-size:20px
    }
}

.intro__item {
    text-align: center;
    color: #fff;
    max-width: 350px;
    margin: auto
}

@media screen and (max-width: 39.9375em) {
    .intro__item {
        margin:25px auto
    }
}

.intro__item-title {
    font-size: 18px;
    color: #ffa800;
    margin: 20px 0 8px;
    font-family: "Gotham Pro Black";
    line-height: 1;
    text-shadow: 0 0 14.88px rgba(0,0,0,.31)
}

.intro__item-descr {
    font-family: ProximaNova-Regular;
    line-height: 1.5
}

.why-we {
    padding: 60px 0 66px
}

.why-we__list {
    margin-top: 52px
}

.why-we__item {
    text-align: center
}

@media screen and (max-width: 39.9375em) {
    .why-we__item {
        margin:15px 0
    }
}

.why-we__item-title {
    font-family: "Gotham Pro Black";
    font-size: 18px;
    line-height: 1.67;
    max-width: 250px;
    margin: 20px auto 0
}

.support {
    background-image: url(../img/support_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 58px 0 15px
}

.support__list {
    margin-top: 50px
}

.support__note {
    color: #fff;
    text-align: center
}

.support__item {
    display: table;
    margin-bottom: 70px
}

.support__item-img {
    display: table-cell;
    width: 50px;
    vertical-align: middle
}

.support__item-title {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
    padding-left: 25px
}

.include {
    padding: 53px 0 5px
}

.include__list {
    margin-top: 35px
}

.include__item {
    padding: 30px 25px 35px;
    -webkit-box-shadow: 0 0 8.2px .8px rgba(0,0,0,.1);
    box-shadow: 0 0 8.2px .8px rgba(0,0,0,.1);
    background-color: #fff;
    margin-bottom: 30px
}

.include__item-img {
    display: block;
    margin: auto
}

.include__item-title {
    font-size: 16px;
    font-family: "Gotham Pro Black";
    line-height: 1.5;
    text-align: center;
    margin: 23px 0 17px;
    text-transform: uppercase
}

.rate {
    padding-top: 35px;
    padding-bottom: 68px
}

.rate__list {
    margin-top: 29px
}

.apply {
    background-image: url(../img/tarif_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 60px 0
}

.clients {
    padding: 51px 0 56px
}

.clients__list {
    margin-top: 60px
}

.clients__row {
    padding-bottom: 33px;
    text-align: center
}

.clients__row:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 39.9375em) {
    .clients__item {
        margin:15px 0
    }
}

.clients__btn-wrap {
    margin-top: 35px
}

.clients__btn {
    font-size: 18px;
    text-transform: uppercase;
    padding: 13px 40px
}

.reviews {
    padding: 60px 0
}

.reviews__list {
    margin-top: 50px
}

@media screen and (max-width: 39.9375em) {
    .reviews__item {
        margin:25px 0
    }
}

.reviews__row {
    margin-bottom: 40px
}

.reviews__row:last-child {
    margin-bottom: 0
}

.reviews__title {
    font-size: 24px;
    font-family: "Gotham Pro Bold";
    line-height: 1.25;
    margin: 35px 0 20px
}

@media screen and (max-width: 39.9375em) {
    .reviews__title {
        font-size:20px
    }
}

.reviews__author {
    font-family: ProximaNova-Regular;
    line-height: 1.5;
    margin-bottom: 17px
}

.reviews__btn {
    color: #ffc600;
    font-family: ProximaNova-Bold;
    position: relative;
    text-decoration: none
}

.reviews__btn:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #ffe691;
    position: absolute;
    left: 0;
    bottom: 0
}

.contact {
    padding: 30px 0 80px
}

.contact__item {
    text-align: center
}

@media screen and (max-width: 63.9375em) {
    .contact__item {
        margin:25px 0
    }
}

.contact__title {
    margin-bottom: 13px;
    margin-top: 38px;
    font-size: 30px;
    line-height: 1.2;
    font-family: "Gotham Pro Bold"
}

@media screen and (max-width: 39.9375em) {
    .contact__title {
        font-size:18px;
        margin-top: 18px
    }
}

.contact__descr {
    line-height: 1.5
}

.contact__link {
    text-decoration: none;
    color: #202020
}

.competence {
    padding: 70px 0 70px
}

.competence__list {
    margin-top: 35px
}

@media screen and (max-width: 63.9375em) {
    .competence__list .column {
        margin-bottom:25px
    }
}


.owlblockthis {
    padding: 70px 0 70px
}


/* apply */
.apply .section__descr {
    margin: 40px auto 20px;
}
.apply .form .form__field {
    margin: 0;
}
.apply .form .form__field-name {
    margin-right: 10px;
}
.apply .form .form__field-tel {
    margin-left: 10px;
}
.apply .form .form__field-btn {
    margin-top: 24px;
}

/* .apply mobile */
@media (max-width: 991px) {
    .apply .section__descr strong {
        display: block;
    }
}
@media (max-width: 39.9375em) {
    .apply .form .form__submit {
        font-size: 18px;
    }
  .apply .section__descr {
    font-size: 24px;
  }
}
@media (max-width: 500px) {
  .apply .form {
    padding-right: .9375rem;
    padding-left: .9375rem;
    max-width: 100%;
  }
  .apply .section__descr {
    margin: 40px auto 25px;
  }
  .apply .form .form__field {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .apply .form .form__control {
    width: 100%;
  }
  .apply .form .form__field-name {
    margin-bottom: 24px;
  }
  .apply .form .form__field-tel {
    margin-bottom: 0;
  }
  .apply .form .form__field-btn {
    margin-top: 32px;
  }
  .apply .form .form__submit {
    width: 100%;
  }
}

/* reviews */
.reviews .section__title {
    line-height: 100%;
}
.reviews .reviews__list {
    margin-top: 48px;
}
.reviews .reviews__title {
    margin: 35px 0 24px;
}
.reviews .reviews__author {
    margin-bottom: 24px;
}
/* .reviews mobile */
@media (max-width: 39.9375em) {
    .reviews {
        padding: 60px 0 20px;
    }
    .reviews .reviews__row {
        margin-bottom: 0;
    }
    .reviews .reviews__item {
        margin: 0 0 40px;
    }
    .reviews .reviews__title {
        font-size: 24px;
    }
}


/* apply-top10 */
.apply-top10 .section__descr {
    margin: 40px auto 24px;
}
.apply-top10 .form .form__field-btn {
    margin-top: 32px;
}


/* team */
.team .section__title {
    text-align: center;
    margin: 50px 0 0;
}
.team {
    overflow: hidden;
}

/* .team mobile */
@media (max-width: 39.9375em) {
    .team .section__title {
       margin: 60px 0 0;
       line-height: 100%;
    }
    .team .team-listing {
        padding: 20px 0 0;
    }
}


/* contact */
/* .contact mobile */
@media (max-width: 39.9375em) {
    .contact {
        padding: 0 0 50px;
    }
    .contact .contact__title {
        font-size: 30px;
        margin-top: 38px;
    }
    .contact .contact__item {
        margin: 30px 0;
    }
}


/* footer */
/* .footer mobile */
@media (max-width: 39.9375em) {
    .footer .footer__copyright-row {
        width: 100%;
    }
    .footer .footer__menu-row {
        display: none;
    }
}








/********/
/* promo */
.promo {
  width: 100%;
  padding: 60px 0;
}

.promo .promo-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

/* .promo left */
.promo .promo-left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
}

.promo .promo-left-frame {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 588px;
}

.promo .promo-left-frame-title {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 140%;
  letter-spacing: 0;
  color: #000000;
}

.promo .promo-left-frame-title-accent {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 140%;
  letter-spacing: 0;
  color: #FFA800;
}

.promo .promo-left-frame-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: #000000;
}

.promo .promo-left-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 80px;
  background-color: #FFC600;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #202020;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.promo .promo-left-btn:hover {
  background-color: #cc9e00;
}

/* .promo right */
.promo-right-photo {
  text-align: right;
}
.promo-right-photo img {
  border-radius: 10px;
  background-color: #F5F5F5;
}

/* .promo mobile */
@media (max-width: 1250px) {
  .promo .promo-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
  .promo .promo-left {
    margin-bottom: 32px;
  }
  .promo .promo-left.large-7 {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
  }
  .promo .promo-left-frame {
    max-width: 100%;
  }
  .promo .promo-right.large-5 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .promo .promo-right-photo {
    text-align: center;
  }
}
@media (max-width: 380px) {
  .promo .promo-left {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .promo .promo-left-frame {
    max-width: 100%;
  }
  .promo .promo-left-frame-title {
    font-size: 26px;
  }
  .promo .promo-left-frame-title-accent {
    font-size: 26px;
  }
  .promo .promo-left-btn {
    width: 100%;
  }
  .promo .promo-right-photo {
    text-align: center;
  }
}
@media (max-width: 335px) {
  .promo .promo-left-btn {
    font-size: 16px;
  }
}



/* whyseo */
.whyseo {
  width: 100%;
  padding: 60px 0;
  background-color: #FFDD66;
}

.whyseo .whyseo-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.whyseo .whyseo-title {
  margin: 0 0 48px;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
}

.whyseo .whyseo-row {
  gap: 24px;
}
.whyseo .whyseo-row > .column {
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}
/* .whyseo left */
.whyseo .whyseo-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  align-items: flex-start;
}

.whyseo .whyseo-left-label {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202020;
}

.whyseo .whyseo-left-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

/* .whyseo right */
.whyseo .whyseo-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 10px;
  background-color: #FFFFFF;
}

.whyseo .whyseo-right-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.whyseo .whyseo-right-item-label {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202020;
}

.whyseo .whyseo-right-item-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

.whyseo .whyseo-right-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: 12px 24px;
  border-radius: 80px;
  background-color: #FFC600;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #202020;
  text-decoration: none;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.whyseo .whyseo-right-btn:hover {
  background-color: #cc9e00;
}

/* .whyseo mobile */
@media (max-width: 1250px) {
  .whyseo .whyseo-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}
@media (max-width: 1250px) {
  .whyseo .whyseo-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }

  .whyseo .whyseo-row > .column {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 380px) {
  .whyseo .whyseo-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
  .whyseo .whyseo-title {
    font-size: 26px;
  }

  .whyseo .whyseo-row > .column {
    flex: 0 0 100%;
    max-width: 100%;
  }
  
  .whyseo .whyseo-right-btn {
    width: 100%;
    align-self: stretch;
  }
}




/* services */
.services {
  width: 100%;
  padding: 60px 0;
}

.services .services-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.services .services-title {
  margin: 0 0 48px;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
}

/* .services list */
.services .services-list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 24px;
}

.services .services-item {
  display: flex;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
  flex: 0 0 calc(50% - 12px);
  max-width: calc(50% - 12px);
}

.services .services-item-num {
  flex-shrink: 0;
  font-family: "Gotham Pro Light", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  color: #FFC600;
  width: 80px;
}

.services .services-item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.services .services-item-content-title {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202020;
}

.services .services-item-content-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #666666;
}

/* .services mobile */
@media (max-width: 1250px) {
  .services .services-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}
@media (max-width: 580px) {
  .services .services-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 380px) {
  .services .services-title {
    font-size: 26px;
  }

  .services .services-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}





/* cases */
.cases {
  width: 100%;
  padding: 90px 0;
  background-color: #121821;
}

.cases .cases-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.cases .cases-title {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
}

.cases .cases-subtitle {
  margin: 24px 0 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  color: #FFFFFF;
}

/* .cases slider */
.cases .cases-slider {
  margin-top: 64px;
}

.cases .cases-slider-item {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 48px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-sizing: border-box;
}

.cases .cases-slider-item-title {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: #202020;
}

.cases .cases-slider-item-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cases .cases-slider-item-body-row {
  display: flex;
  gap: 32px;
}

.cases .cases-slider-item-body-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.cases .cases-slider-item-body-col-label {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202020;
}

.cases .cases-slider-item-body-col-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

.cases .cases-slider-item-body-image {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  background-color: #E5E5E5;
  overflow: hidden;
}

.cases .cases-slider-item-body-image img {
  width: 100%;
  height: auto; /* или height: 100% + object-fit: cover */
  display: block;
}

.cases .cases-slider-item-body-result {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 10px;
  background-color: #FFDD66;
}

.cases .cases-slider-item-body-result-label {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202020;
}

.cases .cases-slider-item-body-result-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

/* .cases arrows */
.cases .cases-slider {
  position: relative;
}

.cases .cases-slider .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
  pointer-events: none;
}

.cases .cases-slider .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  background: #FFFFFF !important;
  color: #FFC600 !important;
  font-size: 30px !important;
  line-height: 30px !important;
  pointer-events: auto;
  transition: opacity 0.2s ease;
}

.cases .cases-slider .owl-nav button:hover {
  opacity: 0.85;
}

.cases .cases-slider .owl-nav .owl-prev {
  left: -24px;
}

.cases .cases-slider .owl-nav .owl-next {
  right: -24px;
}

.cases .cases-bottom {
  text-align: center;
  padding-top: 48px;
}

.cases .cases-bottom-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 80px;
  background-color: #FFC600;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #202020;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.cases .cases-bottom-btn:hover {
  background-color: #cc9e00;
}

/* .cases mobile */
@media (max-width: 1250px) {
  .cases .cases-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
  .cases .cases-slider .owl-nav .owl-prev {
    left: 0;
  }

  .cases .cases-slider .owl-nav .owl-next {
    right: 0;
  }
}
@media (max-width: 480px) {
  .cases .cases-slider-item-body-row {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 380px) {
  .cases .cases-title {
    font-size: 26px;
  }

  .cases .cases-slider-item-title {
    font-size: 26px;
  }

  .cases .cases-slider-item-body-row {
    flex-direction: column;
    gap: 24px;
  }
  
  .cases .cases-bottom-btn {
    width: 100%;
  }
}





/* tarifs */
.tarifs {
  width: 100%;
  padding: 60px 0;
}

.tarifs .tarifs-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.tarifs .tarifs-title {
  margin: 0 0 48px;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
}

/* .tarifs cards */
.tarifs .tarifs-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: stretch;
}

.tarifs .tarifs-cards-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 343px;
  min-width: 0;
  max-width: 100%;
  padding: 24px;
  border-radius: 10px;
  box-sizing: border-box;
  min-height: 600px;
}

.tarifs .tarifs-cards-item--gray {
  background-color: #F5F5F5;
}

.tarifs .tarifs-cards-item--yellow {
  background-color: #FFDD66;
}

/* .tarifs top */
.tarifs .tarifs-cards-item-top {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.tarifs .tarifs-cards-item-top-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tarifs .tarifs-cards-item-top-head-main {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tarifs .tarifs-cards-item-top-head-main-name {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  color: #202020;
}

.tarifs .tarifs-cards-item-top-head-main-desc {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

.tarifs .tarifs-cards-item-top-head-badge {
  display: inline-flex;
  align-self: flex-start;
  padding: 4px 8px;
  border-radius: 10px;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #202020;
}

.tarifs .tarifs-cards-item-top-head-badge--yellow {
  background-color: #FFDD66;
}

.tarifs .tarifs-cards-item-top-head-badge--white {
  background-color: #FFFFFF;
}

.tarifs .tarifs-cards-item-top-head-badge--empty {
  visibility: hidden; /* место есть, текста нет */
  background: transparent;
  padding: 4px 8px;
}

/* .tarifs pack */
.tarifs .tarifs-cards-item-top-pack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tarifs .tarifs-cards-item-top-pack-title {
  margin: 0;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #202020;
}

.tarifs .tarifs-cards-item-top-pack-title-mark {
  font-family: "Gotham Pro", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #666666;
}

.tarifs .tarifs-cards-item-top-pack-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tarifs .tarifs-cards-item-top-pack-list-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.tarifs .tarifs-cards-item-top-pack-list-row-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.tarifs .tarifs-cards-item-top-pack-list-row-text {
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

/* .tarifs bottom */
.tarifs .tarifs-cards-item-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.tarifs .tarifs-cards-item-bottom-price {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0;
  color: #202020;
}

.tarifs .tarifs-cards-item-bottom-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  width: 100%;
  padding: 12px 24px;
  border-radius: 80px;
  background-color: #FFC600;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  color: #202020;
  text-decoration: none;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.tarifs .tarifs-cards-item-bottom-btn:hover {
  background-color: #cc9e00;
}

/* .tarifs note */
.tarifs .tarifs-note {
  margin: 32px 0 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #666666;
}

/* .tarifs mobile */
@media (max-width: 1250px) {
  .tarifs .tarifs-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}
@media (max-width: 380px) {
  .tarifs .tarifs-title {
    font-size: 26px;
  }

  .tarifs .tarifs-cards {
    flex-direction: column;
    gap: 24px;
  }

  .tarifs .tarifs-cards-item {
    flex: 1 1 auto;
    width: 100%;
  }

}



/* faq */
.faq {
  width: 100%;
  padding: 0 0 60px;
}

.faq .faq-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.faq .faq-title {
  margin: 0 0 48px;
  font-family: "Gotham Pro Black", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  color: #202020;
}

/* .faq list */
.faq .faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.faq .faq-list-item {
  border-radius: 10px;
  background-color: #F5F5F5;
  overflow: hidden;
}

.faq .faq-list-item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 32px;
  border-radius: 10px;
  background-color: #F5F5F5;
  cursor: pointer;
  user-select: none;
}

.faq .faq-list-item.is-open .faq-list-item-head {
  border-radius: 10px 10px 0 0;
}

.faq .faq-list-item-head-text {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: #666666;
}

.faq .faq-list-item-head-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  position: relative;
  transition: transform 0.25s ease;
}

.faq .faq-list-item.is-open .faq-list-item-head-icon {
  transform: rotate(180deg);
}

/* .faq body */
.faq .faq-list-item-body {
  display: none;
  padding: 18px 32px;
  background-color: #FFFFFF;
  border: 1px solid #F5F5F5;
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.faq .faq-list-item.is-open .faq-list-item-body {
  display: block;
}

.faq .faq-list-item-body-text {
  margin: 0;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #202020;
}

/* .faq mobile */
@media (max-width: 1250px) {
  .faq .faq-inner {
    padding-right: .9375rem;
    padding-left: .9375rem;
  }
}
@media (max-width: 380px) {
  .faq .faq-title {
    font-size: 26px;
  }
}