img:is([sizes="auto" i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp:6px 6px 0px rgba(0, 0, 0, 1)}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-color{color:var(--wp--preset--color--white)!important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple)!important}.has-black-background-color{background-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-background-color{background-color:var(--wp--preset--color--white)!important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple)!important}.has-black-border-color{border-color:var(--wp--preset--color--black)!important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray)!important}.has-white-border-color{border-color:var(--wp--preset--color--white)!important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink)!important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red)!important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange)!important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber)!important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan)!important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan)!important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue)!important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue)!important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple)!important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple)!important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan)!important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange)!important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red)!important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray)!important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum)!important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple)!important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux)!important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk)!important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean)!important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass)!important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight)!important}.has-small-font-size{font-size:var(--wp--preset--font-size--small)!important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium)!important}.has-large-font-size{font-size:var(--wp--preset--font-size--large)!important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large)!important}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}html,
body,
div,
footer,
header,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
li,
form,
label,
img,
iframe,
table,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

main,
details,
figcaption,
figure,
nav,
section,
article,
aside,
footer,
header {
    display: block;
}

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

a,
button,
label,
input,
textarea {
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

button,
input,
textarea {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
}

body {
    position: relative;
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    color: #454545;
    background-color: #fff;
}

::selection {
    color: #fff;
    background: #333333;
}

::-moz-selection {
    color: #fff;
    background: #333333;
}

.overflow {
    overflow: hidden;
}

.wrap {
    max-width: 1530px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 15px;
    box-sizing: border-box;
}

@media screen and (max-width: 1530px) {
    .wrap {
        max-width: 1440px;
    }
}

@media screen and (max-width: 1440px) {
    .wrap {
        max-width: 1366px;
    }
}

@media screen and (max-width: 1366px) {
    .wrap {
        max-width: 1260px;
    }
}

@media screen and (max-width: 1260px) {
    .wrap {
        max-width: 1160px;
        padding: 90px 15px;
    }
}

@media screen and (max-width: 1160px) {
    .wrap {
        max-width: 960px;
    }
}

@media screen and (max-width: 960px) {
    .wrap {
        max-width: 768px;
    }
}

@media screen and (max-width: 768px) {
    .wrap {
        max-width: 640px;
        padding: 80px 15px;
    }
}

@media screen and (max-width: 640px) {
    .wrap {
        max-width: 560px;
    }
}

@media screen and (max-width: 560px) {
    .wrap {
        max-width: 460px;
        padding: 70px 15px;
    }
}

@media screen and (max-width: 460px) {
    .wrap {
        padding: 60px 15px;
    }
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

svg {
    display: block;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
    cursor: pointer;
}

.video::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 45px;
    margin: -22px 0 0 -32px;
    background-image: url('/wp-content/themes/combit-construction/img/youtube-play-btn.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform 0.25s ease-in-out;
    z-index: 4;
}

.video:hover::before {
    transform: scale(1.1);
}

.video.hide__video__poster::before {
    display: none;
}

.video iframe,
.video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    z-index: -10;
}

a.phone,
a.header__phone,
a.mobile__phone {
    text-decoration: none !important;
    cursor: text !important;
}

/* -------------------------------------------- Text */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Arial', sans-serif;
    font-weight: 900;
    color: #333333;
}

h1,
.title {
    font-size: 34px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 22px;
}

p,
li,
a,
span,
label {
    font-family: 'Arial', sans-serif;
    font-size: 22px;
    color: #333333;
    line-height: 1.4;
}

a {
    color: #333333;
    transition: all 0.25s ease-in-out;
    text-decoration: underline;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
li a,
span a,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span,
li span,
a span,
button span,
th p,
th li,
th a,
th span,
td p,
td li,
td a,
td span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

/* p > a,
li > a,
th > a,
td > a {
    color: #333333;
} */

.btn {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #eebc70;
    padding: 16px 35px 14px;
    border: 1px solid #eebc70;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #333333;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    cursor: pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.gradient__text {
    background: conic-gradient(
        from 0.25turn at 56% 56%,
        #e3a455 43deg,
        #f6dba6 86deg,
        #fde0a6 144deg,
        #eebc70 169deg,
        #f6dba6 209deg,
        #ba7f3b 295deg,
        #f0be79 338deg
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text__with__background {
    position: relative;
    display: inline-block;
    padding: 2px 10px;
    z-index: 1;
}

.text__with__background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333333;
    z-index: -1;
}

.primary__color {
    color: #e3a455;
}

.bottom__margin {
    margin-bottom: 80px;
}

.top__margin {
    margin-top: 80px;
}

.btn:hover {
    background-color: rgba(51, 51, 51, 0.7);
    text-decoration: none;
}

.yellow__btn {
    color: #333333;
    background-color: #eebc70;
}

.yellow__btn:hover {
    color: #eebc70;
    background-color: #333333;
}

.loading {
    position: relative;
    cursor: wait;
}

.loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    background-color: #333333;
    background-image: url('/wp-content/themes/combit-construction/img/preloader.svg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    z-index: 1;
}

/* -------------------------------------------- Tables */

.table__wrap table {
    min-width: 870px;
    width: 100%;
    table-layout: fixed; /* Все столбцы одинакового размера. Чтобы измениить размер конкретного столбца нужно для него применить свойство width (не min-width) */
}

.table__wrap.table__nav__active {
    position: relative;
    padding-top: 10px;
    box-sizing: border-box;
}

.table__nav__wrap {
    display: none;
    position: absolute;
    top: -30px;
    right: 0;
    width: 80px;
    height: 40px;
}

.table__wrap.table__nav__active .table__nav__wrap {
    display: block;
}

.table__nav {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #333333;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table__left {
    left: 0;
}

.table__right {
    left: 50%;
}

.table__nav::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 8px;
    height: 8px;
    border-color: #fff;
    border-style: solid;
}

.table__left::before {
    left: 50%;
    margin-left: -4px;
    border-width: 2px 0 0 2px;
    transform: rotate(-45deg);
    transform-origin: top left;
}

.table__right::before {
    right: 50%;
    margin-right: -4px;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    transform-origin: top right;
}

.table__scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

table tr th,
table tr td {
    font-family: 'Arial', sans-serif;
    font-size: 22px;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: middle;
}

table tr th {
    color: #fff;
    border: 1px solid #fff;
    background-color: #333333;
}

table tr td {
    color: #454545;
    border: 1px solid #eee;
}

@media screen and (max-width: 1260px) {
    .bottom__margin {
        margin-bottom: 75px;
    }

    .top__margin {
        margin-top: 75px;
    }
}

@media screen and (max-width: 1160px) {
    h1,
    .title {
        font-size: 32px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 20px;
    }

    p,
    li,
    a,
    span,
    label,
    table tr th,
    table tr td {
        font-size: 20px;
    }

    .btn {
        padding: 15px 35px 13px;
    }
}

@media screen and (max-width: 768px) {
    h1,
    .title {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    .bottom__margin {
        margin-bottom: 70px;
    }

    .top__margin {
        margin-top: 70px;
    }

    .table__wrap.table__nav__active {
        padding-top: 15px;
    }

    .table__nav__wrap {
        top: -25px;
    }
}

@media screen and (max-width: 640px) {
    h1,
    .title {
        font-size: 28px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 18px;
    }

    p,
    li,
    a,
    span,
    label,
    table tr th,
    table tr td {
        font-size: 18px;
    }

    .btn {
        padding: 14px 35px 12px;
    }
}

@media screen and (max-width: 560px) {
    h1,
    .title {
        font-size: 26px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    .bottom__margin {
        margin-bottom: 60px;
    }

    .top__margin {
        margin-top: 60px;
    }
}

@media screen and (max-width: 460px) {
    h1,
    .title {
        font-size: 24px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 18px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 16px;
    }

    p,
    li,
    a,
    span,
    label,
    table tr th,
    table tr td {
        font-size: 16px;
    }

    .btn {
        font-size: 14px;
    }

    .bottom__margin {
        margin-bottom: 55px;
    }

    .top__margin {
        margin-top: 55px;
    }

    .table__wrap.table__nav__active {
        padding-top: 20px;
    }

    .table__nav__wrap {
        top: -20px;
    }
}

@media screen and (max-width: 359px) {
    h1,
    .title {
        font-size: 22px;
    }

    h2 {
        font-size: 20px;
    }

    .btn {
        padding: 13px 15px 12px;
    }

    .bottom__margin {
        margin-bottom: 50px;
    }

    .top__margin {
        margin-top: 50px;
    }
}

/* -------------------------------------------- Content */

.content::after {
    content: '';
    clear: both;
    display: block;
}

.content strong {
    color: #333333;
}

.content p,
.content li,
.content a,
.content span {
    line-height: 1.5;
}

.content ul {
    padding-left: 25px;
}

.content ol {
    padding-left: 40px;
}

.content ul li {
    list-style: disc;
    box-sizing: border-box;
}

.content ol li {
    list-style: decimal;
    box-sizing: border-box;
}

.content li + li {
    margin-top: 6px;
}

.content img {
    display: inline-block;
}

.content > table {
    width: auto !important;
    margin: 0 auto;
}

/* Margins */

/* Before H1, H2 */

.content h1 + h1,
.content h2 + h1,
.content h3 + h1,
.content h4 + h1,
.content h5 + h1,
.content h6 + h1,
.content p + h1,
.content a + h1,
.content span + h1,
.content ul + h1,
.content ol + h1,
.content img + h1,
.content .wp-block-image + h1,
.content table + h1,
.content .table__wrap + h1,
.content h1 + h2,
.content h2 + h2,
.content h3 + h2,
.content h4 + h2,
.content h5 + h2,
.content h6 + h2,
.content p + h2,
.content a + h2,
.content span + h2,
.content ul + h2,
.content ol + h2,
.content img + h2,
.content .wp-block-image + h2,
.content table + h2,
.content .table__wrap + h2 {
    margin-top: 50px;
}

/* Before H3 */

.content h1 + h3,
.content h2 + h3,
.content h3 + h3,
.content h4 + h3,
.content h5 + h3,
.content h6 + h3,
.content p + h3,
.content a + h3,
.content span + h3,
.content ul + h3,
.content ol + h3,
.content img + h3,
.content .wp-block-image + h3,
.content table + h3,
.content .table__wrap + h3 {
    margin-top: 40px;
}

/* Before H4  */

.content h1 + h4,
.content h2 + h4 {
    margin-top: 40px;
}

.content h3 + h4,
.content h4 + h4,
.content h5 + h4,
.content h6 + h4,
.content p + h4,
.content a + h4,
.content span + h4,
.content ul + h4,
.content ol + h4 {
    margin-top: 30px;
}

.content img + h4,
.content .wp-block-image + h4,
.content table + h4,
.content .table__wrap + h4 {
    margin-top: 40px;
}

/* Before H5, H6 */

.content h1 + h5,
.content h2 + h5,
.content h1 + h6,
.content h2 + h6 {
    margin-top: 40px;
}

.content h3 + h5,
.content h3 + h6 {
    margin-top: 30px;
}

.content h4 + h5,
.content h5 + h5,
.content h6 + h5,
.content p + h5,
.content a + h5,
.content span + h5,
.content ul + h5,
.content ol + h5,
.content h4 + h6,
.content h5 + h6,
.content h6 + h6,
.content p + h6,
.content a + h6,
.content span + h6,
.content ul + h6,
.content ol + h6 {
    margin-top: 20px;
}

.content img + h5,
.content .wp-block-image + h5,
.content table + h5,
.content .table__wrap + h5,
.content img + h6,
.content .wp-block-image + h6,
.content table + h6,
.content .table__wrap + h6 {
    margin-top: 40px;
}

/* Before Texts */

.content h1 + p,
.content h2 + p,
.content h1 + a,
.content h2 + a,
.content h1 + span,
.content h2 + span {
    margin-top: 40px;
}

.content h3 + p,
.content h3 + a,
.content h3 + span {
    margin-top: 30px;
}

.content h4 + p,
.content h4 + a,
.content h4 + span {
    margin-top: 20px;
}

.content h5 + p,
.content h6 + p,
.content p + p,
.content a + p,
.content span + p,
.content h5 + a,
.content h6 + a,
.content p + a,
.content a + a,
.content span + a,
.content h5 + span,
.content h6 + span,
.content p + span,
.content a + span,
.content span + span {
    margin-top: 15px;
}

.content p a + a,
.content p span + a,
.content p a + span,
.content p span + span {
    margin-top: 0;
}

.content ul + p,
.content ol + p,
.content ul + a,
.content ol + a,
.content ul + span,
.content ol + span {
    margin-top: 20px;
}

.content img + p,
.content .wp-block-image + p,
.content table + p,
.content .table__wrap + p,
.content img + a,
.content .wp-block-image + a,
.content table + a,
.content .table__wrap + a,
.content img + span,
.content .wp-block-image + span,
.content table + span,
.content .table__wrap + span {
    margin-top: 40px;
}

/* Before Lists */

.content h1 + ul,
.content h2 + ul,
.content h1 + ol,
.content h2 + ol {
    margin-top: 40px;
}

.content h3 + ul,
.content h3 + ol {
    margin-top: 30px;
}

.content h4 + ul,
.content h5 + ul,
.content h6 + ul,
.content p + ul,
.content a + ul,
.content span + ul,
.content ul + ul,
.content ol + ul,
.content h4 + ol,
.content h5 + ol,
.content h6 + ol,
.content p + ol,
.content a + ol,
.content span + ol,
.content ul + ol,
.content ol + ol {
    margin-top: 20px;
}

.content img + ul,
.content .wp-block-image + ul,
.content table + ul,
.content .table__wrap + ul,
.content img + ol,
.content .wp-block-image + ol,
.content table + ol,
.content .table__wrap + ol {
    margin-top: 40px;
}

/* Before Imgs */

.content h1 + img,
.content h2 + img,
.content h3 + img,
.content h4 + img,
.content h5 + img,
.content h6 + img,
.content p + img,
.content a + img,
.content span + img,
.content ul + img,
.content ol + img,
.content table + img,
.content .table__wrap + img,
.content h1 + .wp-block-image,
.content h2 + .wp-block-image,
.content h3 + .wp-block-image,
.content h4 + .wp-block-image,
.content h5 + .wp-block-image,
.content h6 + .wp-block-image,
.content p + .wp-block-image,
.content a + .wp-block-image,
.content span + .wp-block-image,
.content ul + .wp-block-image,
.content ol + .wp-block-image,
.content table + .wp-block-image,
.content .table__wrap + .wp-block-image {
    margin-top: 40px;
}

.content p img {
    margin-bottom: 25px;
}

.content h3 + p img {
    margin-top: 10px;
}

.content h4 + p img {
    margin-top: 20px;
}

.content h5 + p img,
.content h6 + p img,
.content p + p img {
    margin-top: 25px;
}

.content img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

.content p img.alignleft {
    float: left;
    margin: 0 30px 15px 0;
}

.content p img.alignright {
    float: right;
    margin-left: 0 0 15px 30px;
}

@media screen and (max-width: 1160px) {
    .content p img.alignleft,
    .content p img.alignright {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Before Table */

.content h1 + table,
.content h2 + table,
.content h3 + table,
.content h4 + table,
.content h5 + table,
.content h6 + table,
.content p + table,
.content a + table,
.content span + table,
.content ul + table,
.content ol + table,
.content img + table,
.content .wp-block-image + table,
.content table + table,
.content h1 + .table__wrap,
.content h2 + .table__wrap .content h3 + .table__wrap,
.content h4 + .table__wrap,
.content h5 + .table__wrap,
.content h6 + .table__wrap,
.content p + .table__wrap,
.content a + .table__wrap,
.content span + .table__wrap,
.content ul + .table__wrap,
.content ol + .table__wrap,
.content img + .table__wrap,
.content .wp-block-image + .table__wrap,
.content .table__wrap + .table__wrap {
    margin-top: 40px;
}

.content hr {
    margin: 40px 0;
    border-top: 0;
    border-color: #333333;
}

@media screen and (max-width: 768px) {
    /* Before H1, H2 */

    .content h1 + h1,
    .content h2 + h1,
    .content h3 + h1,
    .content h4 + h1,
    .content h5 + h1,
    .content h6 + h1,
    .content p + h1,
    .content a + h1,
    .content span + h1,
    .content ul + h1,
    .content ol + h1,
    .content img + h1,
    .content .wp-block-image + h1,
    .content table + h1,
    .content .table__wrap + h1,
    .content h1 + h2,
    .content h2 + h2,
    .content h3 + h2,
    .content h4 + h2,
    .content h5 + h2,
    .content h6 + h2,
    .content p + h2,
    .content a + h2,
    .content span + h2,
    .content ul + h2,
    .content ol + h2,
    .content img + h2,
    .content .wp-block-image + h2,
    .content table + h2,
    .content .table__wrap + h2 {
        margin-top: 45px;
    }

    /* Before H3 */

    .content h1 + h3,
    .content h2 + h3,
    .content h3 + h3,
    .content h4 + h3,
    .content h5 + h3,
    .content h6 + h3,
    .content p + h3,
    .content a + h3,
    .content span + h3,
    .content ul + h3,
    .content ol + h3,
    .content img + h3,
    .content .wp-block-image + h3,
    .content table + h3,
    .content .table__wrap + h3 {
        margin-top: 35px;
    }

    /* Before H4  */

    .content h1 + h4,
    .content h2 + h4 {
        margin-top: 35px;
    }

    .content h3 + h4,
    .content h4 + h4,
    .content h5 + h4,
    .content h6 + h4,
    .content p + h4,
    .content a + h4,
    .content span + h4,
    .content ul + h4,
    .content ol + h4 {
        margin-top: 25px;
    }

    .content img + h4,
    .content .wp-block-image + h4,
    .content table + h4,
    .content .table__wrap + h4 {
        margin-top: 35px;
    }

    /* Before H5, H6 */

    .content h1 + h5,
    .content h2 + h5,
    .content h1 + h6,
    .content h2 + h6 {
        margin-top: 35px;
    }

    .content h3 + h5,
    .content h3 + h6 {
        margin-top: 25px;
    }

    .content img + h5,
    .content .wp-block-image + h5,
    .content table + h5,
    .content .table__wrap + h5,
    .content img + h6,
    .content .wp-block-image + h6,
    .content table + h6,
    .content .table__wrap + h6 {
        margin-top: 35px;
    }

    /* Before Texts */

    .content h1 + p,
    .content h2 + p,
    .content h1 + a,
    .content h2 + a,
    .content h1 + span,
    .content h2 + span {
        margin-top: 35px;
    }

    .content h3 + p,
    .content h3 + a,
    .content h3 + span {
        margin-top: 25px;
    }

    .content img + p,
    .content .wp-block-image + p,
    .content table + p,
    .content .table__wrap + p,
    .content img + a,
    .content .wp-block-image + a,
    .content table + a,
    .content .table__wrap + a,
    .content img + span,
    .content .wp-block-image + span,
    .content table + span,
    .content .table__wrap + span {
        margin-top: 35px;
    }

    /* Before Lists */

    .content h1 + ul,
    .content h2 + ul,
    .content h1 + ol,
    .content h2 + ol {
        margin-top: 35px;
    }

    .content h3 + ul,
    .content h3 + ol {
        margin-top: 25px;
    }

    .content img + ul,
    .content .wp-block-image + ul,
    .content table + ul,
    .content .table__wrap + ul,
    .content img + ol,
    .content .wp-block-image + ol,
    .content table + ol,
    .content .table__wrap + ol {
        margin-top: 35px;
    }

    /* Before Imgs */

    .content h1 + img,
    .content h2 + img,
    .content h3 + img,
    .content h4 + img,
    .content h5 + img,
    .content h6 + img,
    .content p + img,
    .content a + img,
    .content span + img,
    .content ul + img,
    .content ol + img,
    .content table + img,
    .content .table__wrap + img,
    .content h1 + .wp-block-image,
    .content h2 + .wp-block-image,
    .content h3 + .wp-block-image,
    .content h4 + .wp-block-image,
    .content h5 + .wp-block-image,
    .content h6 + .wp-block-image,
    .content p + .wp-block-image,
    .content a + .wp-block-image,
    .content span + .wp-block-image,
    .content ul + .wp-block-image,
    .content ol + .wp-block-image,
    .content table + .wp-block-image,
    .content .table__wrap + .wp-block-image {
        margin-top: 35px;
    }

    .content p img {
        margin-bottom: 20px;
    }

    .content h5 + p img,
    .content h6 + p img,
    .content p + p img {
        margin-top: 20px;
    }

    /* Before Table */

    .content h1 + table,
    .content h2 + table,
    .content h3 + table,
    .content h4 + table,
    .content h5 + table,
    .content h6 + table,
    .content p + table,
    .content a + table,
    .content span + table,
    .content ul + table,
    .content ol + table,
    .content img + table,
    .content .wp-block-image + table,
    .content table + table,
    .content h1 + .table__wrap,
    .content h2 + .table__wrap .content h3 + .table__wrap,
    .content h4 + .table__wrap,
    .content h5 + .table__wrap,
    .content h6 + .table__wrap,
    .content p + .table__wrap,
    .content a + .table__wrap,
    .content span + .table__wrap,
    .content ul + .table__wrap,
    .content ol + .table__wrap,
    .content img + .table__wrap,
    .content .wp-block-image + .table__wrap,
    .content .table__wrap + .table__wrap {
        margin-top: 35px;
    }

    .content hr {
        margin: 35px 0;
    }
}

@media screen and (max-width: 460px) {
    /* Before H1, H2 */

    .content h1 + h1,
    .content h2 + h1,
    .content h3 + h1,
    .content h4 + h1,
    .content h5 + h1,
    .content h6 + h1,
    .content p + h1,
    .content a + h1,
    .content span + h1,
    .content ul + h1,
    .content ol + h1,
    .content img + h1,
    .content .wp-block-image + h1,
    .content table + h1,
    .content .table__wrap + h1,
    .content h1 + h2,
    .content h2 + h2,
    .content h3 + h2,
    .content h4 + h2,
    .content h5 + h2,
    .content h6 + h2,
    .content p + h2,
    .content a + h2,
    .content span + h2,
    .content ul + h2,
    .content ol + h2,
    .content img + h2,
    .content .wp-block-image + h2,
    .content table + h2,
    .content .table__wrap + h2 {
        margin-top: 40px;
    }

    /* Before H3 */

    .content h1 + h3,
    .content h2 + h3,
    .content h3 + h3,
    .content h4 + h3,
    .content h5 + h3,
    .content h6 + h3,
    .content p + h3,
    .content a + h3,
    .content span + h3,
    .content ul + h3,
    .content ol + h3,
    .content img + h3,
    .content .wp-block-image + h3,
    .content table + h3,
    .content .table__wrap + h3 {
        margin-top: 30px;
    }

    /* Before H4  */

    .content h1 + h4,
    .content h2 + h4 {
        margin-top: 30px;
    }

    .content h3 + h4,
    .content h4 + h4,
    .content h5 + h4,
    .content h6 + h4,
    .content p + h4,
    .content a + h4,
    .content span + h4,
    .content ul + h4,
    .content ol + h4 {
        margin-top: 20px;
    }

    .content img + h4,
    .content .wp-block-image + h4,
    .content table + h4,
    .content .table__wrap + h4 {
        margin-top: 30px;
    }

    /* Before H5, H6 */

    .content h1 + h5,
    .content h2 + h5,
    .content h1 + h6,
    .content h2 + h6 {
        margin-top: 30px;
    }

    .content h3 + h5,
    .content h3 + h6 {
        margin-top: 20px;
    }

    .content img + h5,
    .content .wp-block-image + h5,
    .content table + h5,
    .content .table__wrap + h5,
    .content img + h6,
    .content .wp-block-image + h6,
    .content table + h6,
    .content .table__wrap + h6 {
        margin-top: 30px;
    }

    /* Before Texts */

    .content h1 + p,
    .content h2 + p,
    .content h1 + a,
    .content h2 + a,
    .content h1 + span,
    .content h2 + span {
        margin-top: 30px;
    }

    .content h3 + p,
    .content h3 + a,
    .content h3 + span {
        margin-top: 20px;
    }

    .content h4 + p,
    .content h4 + a,
    .content h4 + span {
        margin-top: 15px;
    }

    .content img + p,
    .content .wp-block-image + p,
    .content table + p,
    .content .table__wrap + p,
    .content img + a,
    .content .wp-block-image + a,
    .content table + a,
    .content .table__wrap + a,
    .content img + span,
    .content .wp-block-image + span,
    .content table + span,
    .content .table__wrap + span {
        margin-top: 30px;
    }

    /* Before Lists */

    .content h1 + ul,
    .content h2 + ul,
    .content h1 + ol,
    .content h2 + ol {
        margin-top: 30px;
    }

    .content h3 + ul,
    .content h3 + ol {
        margin-top: 20px;
    }

    .content img + ul,
    .content .wp-block-image + ul,
    .content table + ul,
    .content .table__wrap + ul,
    .content img + ol,
    .content .wp-block-image + ol,
    .content table + ol,
    .content .table__wrap + ol {
        margin-top: 30px;
    }

    /* Before Imgs */

    .content h1 + img,
    .content h2 + img,
    .content h3 + img,
    .content h4 + img,
    .content h5 + img,
    .content h6 + img,
    .content p + img,
    .content a + img,
    .content span + img,
    .content ul + img,
    .content ol + img,
    .content table + img,
    .content .table__wrap + img,
    .content h1 + .wp-block-image,
    .content h2 + .wp-block-image,
    .content h3 + .wp-block-image,
    .content h4 + .wp-block-image,
    .content h5 + .wp-block-image,
    .content h6 + .wp-block-image,
    .content p + .wp-block-image,
    .content a + .wp-block-image,
    .content span + .wp-block-image,
    .content ul + .wp-block-image,
    .content ol + .wp-block-image,
    .content table + .wp-block-image,
    .content .table__wrap + .wp-block-image {
        margin-top: 30px;
    }

    .content p img {
        margin-bottom: 15px;
    }

    .content h5 + p img,
    .content h6 + p img,
    .content p + p img {
        margin-top: 15px;
    }

    /* Before Table */

    .content h1 + table,
    .content h2 + table,
    .content h3 + table,
    .content h4 + table,
    .content h5 + table,
    .content h6 + table,
    .content p + table,
    .content a + table,
    .content span + table,
    .content ul + table,
    .content ol + table,
    .content img + table,
    .content .wp-block-image + table,
    .content table + table,
    .content h1 + .table__wrap,
    .content h2 + .table__wrap .content h3 + .table__wrap,
    .content h4 + .table__wrap,
    .content h5 + .table__wrap,
    .content h6 + .table__wrap,
    .content p + .table__wrap,
    .content a + .table__wrap,
    .content span + .table__wrap,
    .content ul + .table__wrap,
    .content ol + .table__wrap,
    .content img + .table__wrap,
    .content .wp-block-image + .table__wrap,
    .content .table__wrap + .table__wrap {
        margin-top: 30px;
    }

    .content hr {
        margin: 30px 0;
    }
}

/* -------------------------------------------- SimpleLightbox */

.sl-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.7; /* Менять opacity нужно также и в js */
    z-index: 1035;
}

.sl-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    z-index: 1040;
}

.sl-wrapper * {
    box-sizing: border-box;
}

.sl-wrapper button {
    padding: 0;
    border: 0 none;
    background: transparent;
    cursor: pointer;
}

.sl-wrapper .sl-close {
    display: none;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 18px;
    height: 18px;
    transform-origin: center;
    transition: transform 0.25s ease-in-out;
}

.sl-wrapper .sl-close::before,
.sl-wrapper .sl-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #333333;
    border-radius: 10px;
    transform-origin: center;
}

.sl-wrapper .sl-close::before {
    transform: rotate(45deg);
}

.sl-wrapper .sl-close::after {
    transform: rotate(-45deg);
}

.sl-wrapper .sl-close:hover {
    transform: rotate(180deg);
}

.sl-wrapper .sl-counter {
    display: none;
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 1rem;
    font-weight: 600;
    color: #333333;
    z-index: 1060;
}

.sl-wrapper .sl-navigation {
    display: none;
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    z-index: 10060;
}

.sl-wrapper .sl-navigation button {
    display: block;
    position: absolute;
    top: -19px;
    width: 21px;
    height: 39px;
    -webkit-tap-highlight-color: transparent;
}

.sl-wrapper .sl-navigation button.sl-prev {
    left: 0;
}

.sl-wrapper .sl-navigation button.sl-next {
    right: 0;
}

.sl-wrapper .sl-navigation button::before,
.sl-wrapper .sl-navigation button::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 27px;
    height: 3px;
    background: #333333;
}

.sl-wrapper .sl-navigation button.sl-prev::before {
    left: 1px;
    border-radius: 10px 10px 10px 0;
    transform: rotate(-45deg);
    transform-origin: left center;
}

.sl-wrapper .sl-navigation button.sl-prev::after {
    left: 1px;
    margin-top: -1px;
    border-radius: 0 10px 10px 10px;
    transform: rotate(45deg);
    transform-origin: left center;
}

.sl-wrapper .sl-navigation button.sl-next::before {
    right: 1px;
    transform: rotate(45deg);
    border-radius: 10px 10px 0 10px;
    transform-origin: right center;
}

.sl-wrapper .sl-navigation button.sl-next::after {
    right: 1px;
    margin-top: -1px;
    border-radius: 10px 0 10px 10px;
    transform: rotate(-45deg);
    transform-origin: right center;
}

.sl-wrapper.sl-dir-rtl .sl-navigation {
    direction: ltr;
}

.sl-wrapper .sl-image {
    position: absolute;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000;
}

.sl-wrapper .sl-image img {
    margin: 0;
    padding: 0;
    display: block;
    border: 0 none;
    width: 100%;
    height: auto;
}

.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none;
}

.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
    bottom: auto;
    top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
    bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060;
}

.sl-spinner {
    display: none;
    border: 5px solid #333333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    animation: pulsate 1s ease-out infinite;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.sl-transition {
    transition: transform ease 200ms;
}

/* -------------------------------------------- Parallax */

.jarallax {
    position: relative;
    z-index: 0;
}

/* -------------------------------------------- Modal */

.modal__overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: visibility 0.25s ease-in-out, background 0.25s ease-in-out,
        z-index 0s ease-in-out 0.25s;
    z-index: -5;
}

html.modal__active .modal__overlay.flex {
    visibility: visible;
    background: rgba(0, 0, 0, 0.7);
    transition: visibility 0.25s ease-in-out, background 0.25s ease-in-out,
        z-index 0s ease-in-out 0s;
    z-index: 500;
}

.modal {
    visibility: hidden;
    position: absolute;
    max-width: 600px;
    width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    overflow-y: auto;
    opacity: 0;
    transform: translateY(25%);
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out,
        transform 0.25s ease-in-out;
    z-index: -1;
}

.modal.active {
    visibility: visible;
    position: relative;
    opacity: 1;
    transform: translateY(0);
    z-index: 1;
}

#video-modal {
    max-width: 1200px;
}

.modal__content {
    position: relative;
    padding: 50px 40px;
    box-sizing: border-box;
    background-color: #333;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
    text-align: center;
}

#video-modal .modal__content {
    padding: 50px 40px;
    background: #eebc70;
}

.modal__title {
    font-weight: bold;
    margin-bottom: 30px;
}

.close__modal {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    transform-origin: center;
    transition: transform 0.25s ease-in-out;
    cursor: pointer;
}

#video-modal .close__modal {
    top: 18px;
    right: 18px;
}

.close__modal::before,
.close__modal::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background-color: #fff;
    border-radius: 5px;
    transform-origin: center;
}

#video-modal .close__modal::before,
#video-modal .close__modal::after {
    background-color: #333;
}

.close__modal::before {
    transform: rotate(45deg);
}

.close__modal::after {
    transform: rotate(-45deg);
}

.close__modal:hover {
    transform: rotate(180deg);
}

@media screen and (max-width: 640px) {
    .modal__content {
        padding: 50px 30px;
    }

    #video-modal .modal__content {
        padding: 50px 30px;
    }
}

@media screen and (max-width: 560px) {
    .modal__content {
        padding: 40px 20px;
    }

    #video-modal .modal__content {
        padding: 30px 0 0;
        background-color: transparent;
    }

    #video-modal .close__modal {
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        background-color: #eebc70;
    }

    #video-modal .close__modal:hover {
        transform: rotate(0deg);
    }
}

/* -------------------------------------------- Disable Scrollbar */

html.overflow__hidden__modal,
html.overflow__hidden__modal body,
html.overflow__hidden__quiz__modal,
html.overflow__hidden__quiz__modal body,
html.overflow__hidden__menu,
html.overflow__hidden__menu body,
html.overflow__hidden__simplelightbox,
html.overflow__hidden__simplelightbox body,
html.overflow__hidden__header__testimonials,
html.overflow__hidden__header__testimonials body {
    overflow: hidden;
}

html:not(.overflow__hidden__modal):not(.overflow__hidden__quiz__modal):not(
        .overflow__hidden__menu
    ):not(.overflow__hidden__simplelightbox):not(
        .overflow__hidden__header__testimonials
    )
    body {
    padding-right: 0 !important;
}

html:not(.overflow__hidden__modal):not(.overflow__hidden__quiz__modal):not(
        .overflow__hidden__menu
    ):not(.overflow__hidden__simplelightbox):not(
        .overflow__hidden__header__testimonials
    )
    .pos__fixed {
    right: 0 !important;
}

/* -------------------------------------------- Header */

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(51, 51, 51, 0.7);
    /* transition: background 0.4s ease-in-out; */
    z-index: 5;
}

/* .header.active {
    background-color: #333333;
} */

.header > .wrap.flex {
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 15px;
}

.header__logos.flex {
    margin-right: 20px;
    flex-wrap: nowrap;
}

.header__since__2006 {
    margin-right: 20px;
}

.header__since__2006 > img,
.header__logo > img {
    max-height: 75px;
    width: auto;
}

/* Header Right */

.header__right__content.flex {
    justify-content: flex-end;
}

/* Header Testimonials */

.rating__stars.flex {
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-right: -5px;
}

.rating__star {
    max-width: 26px;
    min-width: 26px;
    margin-right: 5px;
}

.rating__star > svg {
    width: 100%;
}

.header__testimonials__wrap {
    position: relative;
    z-index: 203;
}

.header__testimonials__wrap > .rating__stars {
    cursor: pointer;
}

.header__testimonials {
    background-color: #fefefe;
    box-sizing: border-box;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 641px) {
    html:not(.header__testimonials__active__delay)
        .header__testimonials__overlay {
        position: absolute;
        top: calc(100% + 20px);
        right: -9999px;
        visibility: hidden;
        width: 600px;
        opacity: 0;
        transform: translateY(30px);
        transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease,
            z-index 0s ease 0.4s, right 0s ease 0.4s;
        z-index: -1;
    }

    html.header__testimonials__display__none .header__testimonials__overlay {
        display: none;
    }

    html:not(.header__testimonials__active__delay)
        .header__testimonials__overlay::before {
        content: '';
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        height: 20px;
    }

    html:not(.header__testimonials__active__delay)
        .header__testimonials__overlay::after {
        content: '';
        position: absolute;
        top: -7px;
        right: 97px;
        border: 8px solid transparent;
        border-top: 8px solid #fefefe;
        border-right: 8px solid #fefefe;
        transform: rotate(-45deg);
        border-radius: 2px;
    }

    html:not(.header__testimonials__active__delay)
        .header__testimonials__wrap:hover
        .header__testimonials__overlay {
        visibility: visible;
        right: -30px;
        opacity: 1;
        transform: translateY(0px);
        transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease,
            z-index 0s ease 0s, right 0s ease 0s;
        z-index: 5;
    }

    html:not(.header__testimonials__active__delay) .header__testimonials {
        border-radius: 3px;
    }

    html:not(.header__testimonials__active__delay)
        .header__testimonials__content {
        max-height: calc(100vh - 200px);
    }

    .side__testimonials:hover
        + .header__testimonials__wrap
        .header__testimonials__overlay,
    html.header__testimonials__active__delay .header__testimonials__overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        opacity: 0;
        transition: opacity 0.25s ease-in-out;
        z-index: 4;
    }

    html.header__testimonials__active .header__testimonials__overlay {
        opacity: 1;
    }

    .side__testimonials:hover
        + .header__testimonials__wrap
        .header__testimonials,
    html.header__testimonials__active__delay .header__testimonials {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 600px;
        transform: translateX(600px);
        z-index: 205;
    }

    html.header__testimonials__active__delay .header__testimonials {
        transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    }
}

@media screen and (min-width: 961px) and (max-width: 1160px) {
    .header__testimonials__wrap:hover .header__testimonials__overlay {
        right: -208px;
    }

    html:not(.header__testimonials__active__delay)
        .header__testimonials__overlay::after {
        right: 275px;
    }
}

html.header__testimonials__active .header__testimonials {
    transform: translateX(0) !important;
    transition: transform 0.25s ease-in-out 0.01s, box-shadow 0.25s ease-in-out;
}

.header__testimonials__content {
    max-height: 100%;
    padding: 30px;
    box-sizing: border-box;
    overflow-y: auto;
}

.header__testimonials__logo {
    max-width: 180px;
    margin: 0 auto 20px;
}

.header__testimonials__overview {
    margin-bottom: 30px;
    padding: 5px 10px 10px;
    border: 1px solid #6c6868;
    border-radius: 3px;
    text-align: center;
}

.header__testimonials__rating {
    font-size: 24px;
    color: #e3a455;
    font-weight: 900;
    margin-bottom: 2px;
}

.header__testimonials__rating span {
    font-size: 18px;
    font-weight: normal;
}

.header__testimonials__count {
    font-size: 18px;
}

.header__testimonials__overview .rating__stars.flex {
    justify-content: center;
    margin-top: 5px;
}

.header__testimonials__title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

.header__testimonial + .header__testimonial {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #6c6868;
}

.header__testimonial__wrap.flex {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 20px;
}

.header__testimonial__title {
    font-size: 20px;
    font-weight: bold;
}

.header__testimonial__img {
    max-width: 120px;
    min-width: 120px;
    margin-left: 30px;
}

.header__testimonial__content p,
.header__testimonial__content li,
.header__testimonial__content a,
.header__testimonial__content span {
    font-size: 18px;
}

.testimonial__date {
    font-size: 16px;
    color: #6c6868;
    margin-top: 15px;
}

.header__testimonial .rating__stars.flex {
    margin-top: 15px;
}

.header__testimonials__wrap .rating__star {
    min-width: 20px;
    max-width: 20px;
}

.close__header__testimonials {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

html:not(.header__testimonials__active) .close__header__testimonials {
    display: none;
}

.close__header__testimonials::before,
.close__header__testimonials::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #333333;
    border-radius: 5px;
    transform-origin: center;
}

.close__header__testimonials::before {
    transform: rotate(45deg);
}

.close__header__testimonials::after {
    transform: rotate(-45deg);
}

.header__btn {
    margin-left: 30px;
}

.side__testimonials {
    position: fixed;
    top: 14%;
    right: 0;
    padding: 10px;
    border-radius: 5px 0 0 5px;
    background-color: #333;
    z-index: 5;
    cursor: pointer;
}

.side__testimonials p {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* Multilevel Menu */

@media screen and (min-width: 1261px) {
    /* Header Btn */

    .header__right__content.flex {
        margin-bottom: 20px;
    }

    .menu__toggle,
    .close__menu,
    .arr__submenu {
        display: none;
    }

    .menu__wrap {
        text-align: left;
    }

    ul.menu.flex {
        justify-content: flex-end;
        flex-wrap: nowrap;
    }

    ul.menu li {
        list-style: none;
    }

    ul.menu li a {
        display: block;
        text-decoration: none;
    }

    /* 1 level */

    ul.menu > li + li {
        margin-left: 20px;
    }

    ul.menu > li > a {
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        white-space: nowrap;
    }

    ul.menu > li:hover > a,
    body.home ul.menu > li.current-menu-item.menu-item-home > a,
    body:not(.home) ul.menu > li.current-menu-item > a,
    ul.menu > li.menu-item-has-children.parent__current > a {
        color: #eebc70;
    }

    /* 2nd level */

    ul.menu li.menu-item-has-children {
        position: relative;
    }

    ul.menu li.menu-item-has-children > a {
        position: relative;
    }

    ul.menu > li.menu-item-has-children > a {
        padding-right: 16px;
        box-sizing: border-box;
    }

    ul.menu > li.menu-item-has-children ul li.menu-item-has-children > a {
        padding-right: 30px;
    }

    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children
        > a {
        padding-right: 15px;
        padding-left: 30px;
    }

    /* Arrow */

    ul.menu li.menu-item-has-children > a::before {
        content: '';
        position: absolute;
        top: 50%;
        width: 6px;
        height: 6px;
        margin-top: -4px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        transform: rotate(-45deg);
        transform-origin: 2px 4px;
        transition: transform 0.25s ease-in-out, border-color 0.25s ease-in-out;
    }

    ul.menu > li.menu-item-has-children > a::before {
        right: 0;
    }

    ul.menu > li.menu-item-has-children:hover > a::before {
        transform: rotate(135deg);
    }

    ul.menu > li.menu-item-has-children:hover > a::before,
    body.home
        ul.menu
        > li.menu-item-has-children.current-menu-item.menu-item-home
        > a::before,
    body:not(.home)
        ul.menu
        > li.menu-item-has-children.current-menu-item
        > a::before,
    ul.menu > li.menu-item-has-children.parent__current > a::before {
        border-color: #eebc70;
    }

    /* Arrow 2nd level */

    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children
        > a::before {
        right: 12px;
    }

    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children
        > a::before {
        left: 12px;
        right: auto;
    }

    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children:hover
        > a::before,
    body.home
        ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.current-menu-item.menu-item-home
        > a::before,
    body:not(.home)
        ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.current-menu-item
        > a::before,
    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.parent__current
        > a::before {
        border-color: #fff;
        transform: rotate(-135deg);
    }

    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children:hover
        > a::before,
    body.home
        ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children.current-menu-item.menu-item-home
        > a::before,
    body:not(.home)
        ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children.current-menu-item
        > a::before,
    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children.parent__current
        > a::before {
        transform: rotate(45deg);
    }

    /* Submenu */

    ul.menu > li.menu-item-has-children ul {
        position: absolute;
        left: -9999px;
        visibility: hidden;
        min-width: 180px;
        opacity: 0;
        background-color: #fefefe;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
        transform: translateY(30px);
        transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease,
            z-index 0s ease 0.4s, left 0s ease 0.4s, right 0s ease 0.4s;
        z-index: -1;
    }

    ul.menu > li.menu-item-has-children:nth-last-child(-n + 3) ul {
        left: auto !important;
        right: 9999px;
    }

    ul.menu > li.menu-item-has-children > ul {
        top: calc(100% + 15px);
    }

    ul.menu > li.menu-item-has-children > ul::before {
        content: '';
        position: absolute;
        top: -15px;
        left: 0;
        width: 100%;
        height: 15px;
    }

    ul.menu > li.menu-item-has-children ul li.menu-item-has-children ul {
        top: 0;
        border-left: 1px solid #fff;
        box-sizing: border-box;
    }

    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children
        ul {
        border-left: none;
        border-right: 1px solid #fff;
    }

    ul.menu li.menu-item-has-children:hover > ul,
    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.current-menu-item
        > ul,
    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.parent__current
        > ul {
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease,
            z-index 0s ease 0s, left 0s ease 0s, right 0s ease 0s;
        z-index: 5;
    }

    ul.menu > li.menu-item-has-children:hover > ul {
        left: -15px;
    }

    ul.menu > li.menu-item-has-children:nth-last-child(-n + 3):hover > ul {
        right: -15px;
    }

    ul.menu > li.menu-item-has-children ul li.menu-item-has-children:hover > ul,
    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.current-menu-item
        > ul,
    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.parent__current
        > ul {
        left: 100%;
    }

    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children:hover
        > ul,
    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children.current-menu-item
        > ul,
    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        ul
        li.menu-item-has-children.parent__current
        > ul {
        right: 100%;
    }

    /* Submenu li */

    ul.menu > li.menu-item-has-children > ul > li {
        border-bottom: 1px solid #e1e1e1;
    }

    ul.menu > li.menu-item-has-children > ul > li:last-child {
        border-bottom: none;
    }

    /* Triangle */

    ul.menu > li.menu-item-has-children > ul > li:first-child {
        position: relative;
    }

    ul.menu > li.menu-item-has-children > ul > li:first-child::before {
        content: '';
        position: absolute;
        top: -5px;
        left: 20px;
        border: 6px solid transparent;
        border-top: 6px solid #fefefe;
        border-right: 6px solid #fefefe;
        transform: rotate(-45deg);
        border-radius: 2px;
        transition: border-color 0.25s ease-in-out;
    }

    ul.menu
        > li.menu-item-has-children:nth-last-child(-n + 3)
        > ul
        > li:first-child::before {
        left: auto;
        right: 33px;
    }

    ul.menu > li.menu-item-has-children > ul > li:first-child:hover::before,
    ul.menu
        > li.menu-item-has-children
        > ul
        > li.current-menu-item:first-child::before,
    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children.parent__current:first-child::before {
        border-top-color: #333333;
        border-right-color: #333333;
    }

    /* Submenu li a */

    ul.menu > li.menu-item-has-children ul li a {
        font-size: 14px;
        padding: 12px 15px 11px;
        box-sizing: border-box;
        white-space: nowrap;
    }

    ul.menu > li.menu-item-has-children:nth-last-child(-n + 3) ul li a {
        text-align: right;
    }

    ul.menu > li.menu-item-has-children ul li:hover > a,
    ul.menu > li.menu-item-has-children ul li.current-menu-item > a,
    ul.menu
        > li.menu-item-has-children
        ul
        li.menu-item-has-children.parent__current
        > a {
        color: #fff;
        background-color: #333333;
    }
}

@media screen and (min-width: 1441px) {
    ul.menu > li + li {
        margin-left: 26px;
    }
}

@media screen and (max-width: 1260px) {
    .header > .wrap.flex {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .header__since__2006 > img,
    .header__logo > img {
        max-height: 60px;
    }

    .header__right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: nowrap;
    }

    /* Menu Overlay */

    .overflow::before {
        content: '';
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: visibility 0.25s ease-in-out, background 0.25s ease-in-out,
            z-index 0s ease-in-out 0.25s;
        z-index: -1;
    }

    .header::before {
        content: '';
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: visibility 0.25s ease-in-out, background 0.25s ease-in-out,
            z-index 0s ease-in-out 0.25s;
        z-index: -1;
    }

    html.menu__active .overflow::before,
    html.menu__active .header::before {
        visibility: visible;
        background: rgba(0, 0, 0, 0.7);
        transition: visibility 0.25s ease-in-out, background 0.25s ease-in-out,
            z-index 0s ease-in-out 0s;
        z-index: 5;
    }

    /* Menu toggle */

    .menu__toggle {
        display: block;
        position: relative;
        min-width: 20px;
        max-width: 20px;
        height: 14px;
        margin-left: 30px;
        cursor: pointer;
    }

    .menu__toggle div {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 2px;
        margin-top: -1px;
        border-radius: 5px;
        background-color: #eebc70;
    }

    .menu__toggle div::before,
    .menu__toggle div::after {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 2px;
        border-radius: 5px;
        background-color: #eebc70;
        transform-origin: center;
    }

    .menu__toggle div::before {
        top: -6px;
    }

    .menu__toggle div::after {
        bottom: -6px;
    }

    /* Menu Wrap */

    .menu__wrap {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 320px;
        padding: 76px 0 30px;
        box-sizing: border-box;
        overflow-y: auto;
        background-color: #333;
        transform: translateX(320px);
        transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
        text-align: left;
        z-index: 201;
    }

    html.menu__active .menu__wrap {
        right: 0 !important;
        transform: translateX(0);
        box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.3);
        transition: transform 0.25s ease-in-out 0.01s,
            box-shadow 0.25s ease-in-out;
    }

    /* Menu */

    ul.menu.flex {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    ul.menu li {
        border-top: 1px solid #f9f9f9;
        box-sizing: border-box;
        list-style: none;
    }

    ul.menu > li:last-child {
        border-bottom: 1px solid #f9f9f9;
    }

    ul.menu li a {
        display: block;
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        box-sizing: border-box;
        text-transform: uppercase;
        text-decoration: none;
    }

    ul.menu > li > a {
        padding: 13px 20px 12px;
    }

    ul.menu > li.menu-item-has-children ul li a {
        padding: 12px 20px 11px 60px;
    }

    /*    ul.menu li:hover > a,*/
    body.home ul.menu li.current-menu-item.menu-item-home > a,
    body:not(.home) ul.menu li.current-menu-item > a,
    ul.menu li.menu-item-has-children.parent__current > a {
        color: #eebc70;
    }

    /* Arrow */

    ul.menu li.menu-item-has-children > a {
        position: relative;
        margin-right: 40px;
        border-right: 1px solid #f9f9f9;
    }

    .arr__submenu {
        display: block;
        position: absolute;
        top: 0;
        right: -40px;
        bottom: 0;
        width: 40px;
        cursor: pointer;
        z-index: 1;
    }

    .arr__submenu::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 7px;
        height: 7px;
        margin: -5px 0 0 -1px;
        border-left: 1px solid #eebc70;
        border-bottom: 1px solid #eebc70;
        box-sizing: border-box;
        transform-origin: 2px 5px;
        transform: rotate(-45deg);
        transition: transform 0.25s ease-in-out;
    }

    ul.menu
        li.menu-item-has-children:not(.current-menu-item):not(.parent__current)
        > a.active
        > .arr__submenu::before,
    body.home
        ul.menu
        li.menu-item-has-children.current-menu-item.menu-item-home
        > a:not(.active)
        > .arr__submenu::before,
    body:not(.home)
        ul.menu
        li.menu-item-has-children.current-menu-item
        > a:not(.active)
        > .arr__submenu::before,
    ul.menu
        li.menu-item-has-children.parent__current
        > a:not(.active)
        > .arr__submenu::before {
        transform: rotate(135deg);
    }

    /* Sub Menu */

    ul.menu > li.menu-item-has-children > ul {
        display: none;
    }

    body.home
        ul.menu
        li.menu-item-has-children.current-menu-item.menu-item-home
        > ul,
    body:not(.home) ul.menu li.menu-item-has-children.current-menu-item > ul,
    ul.menu li.menu-item-has-children.parent__current > ul {
        display: block;
    }

    /* Padding 1 level */

    ul.menu
        > li.menu-item-has-children:not(.current-menu-item):not(
            .parent__current
        )
        > a.active,
    body.home
        ul.menu
        > li.menu-item-has-children.current-menu-item.menu-item-home
        > a:not(.active),
    body:not(.home)
        ul.menu
        > li.menu-item-has-children.current-menu-item
        > a:not(.active),
    ul.menu > li.menu-item-has-children.parent__current > a:not(.active) {
        padding-left: 30px;
    }

    /* Padding 2 level */

    ul.menu > li.menu-item-has-children > ul > li > a {
        padding-left: 30px;
    }

    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children:not(.current-menu-item):not(
            .parent__current
        )
        > a.active,
    body.home
        ul.menu
        > li.menu-item-has-children.menu-item-home
        > ul
        > li.menu-item-has-children.current-menu-item
        > a:not(.active),
    body:not(.home)
        ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children.current-menu-item
        > a:not(.active),
    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children.parent__current
        > a:not(.active) {
        padding-left: 45px;
    }

    /* Padding 3 level */

    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children
        > ul
        > li
        > a {
        padding-left: 45px;
    }

    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children:not(.current-menu-item):not(
            .parent__current
        )
        > a.active,
    body.home
        ul.menu
        > li.menu-item-has-children.menu-item-home
        > ul
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children.current-menu-item
        > a:not(.active),
    body:not(.home)
        ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children.current-menu-item
        > a:not(.active),
    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children.parent__current
        > a:not(.active) {
        padding-left: 60px;
    }

    /* Padding 4 level */

    ul.menu
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children
        > ul
        > li.menu-item-has-children
        > ul
        > li
        > a {
        padding-left: 60px;
    }

    /* Close menu */

    .close__menu {
        position: absolute;
        top: 30px;
        right: 15px;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

    .close__menu::before,
    .close__menu::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 22px;
        height: 2px;
        margin: -1px 0 0 -11px;
        background-color: #eebc70;
        border-radius: 5px;
        transform-origin: center;
    }

    .close__menu::before {
        transform: rotate(45deg);
    }

    .close__menu::after {
        transform: rotate(-45deg);
    }
}

@media screen and (max-width: 960px) {
    .header__since__2006 > img,
    .header__logo > img {
        max-height: 54px;
    }

    .header__btn {
        display: none;
    }

    .menu__wrap {
        padding-top: 70px;
    }

    .close__menu {
        top: 26px;
    }
}

@media screen and (max-width: 640px) {
    .header__since__2006 > img,
    .header__logo > img {
        max-height: 50px;
    }

    .header__testimonials {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        transform: translate(100%);
        transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
        z-index: 205;
    }

    .menu__wrap {
        padding-top: 66px;
    }

    .close__menu {
        top: 23px;
    }
}

@media screen and (max-width: 460px) {
    .header__since__2006 > img,
    .header__logo > img {
        max-height: 46px;
    }

    .side__testimonials p {
        font-size: 14px;
    }

    .header__testimonials__content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header__testimonial__img {
        max-width: 100px;
        min-width: 100px;
        margin-left: 20px;
    }

    .menu__wrap {
        padding-top: 62px;
    }

    .close__menu {
        display: none;
    }

    .menu__toggle {
        margin-left: 20px;
        z-index: 202;
    }

    .menu__toggle div {
        transition: background 0s ease-in-out 0.2s;
    }

    .menu__toggle div::before {
        transition: top 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
    }

    .menu__toggle div::after {
        transition: bottom 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;
    }

    html.menu__active .menu__toggle div {
        background: none;
    }

    html.menu__active .menu__toggle div::before {
        top: 0;
        transform: rotate(45deg);
        transition: top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;
    }

    html.menu__active .menu__toggle div::after {
        bottom: 0;
        transform: rotate(-45deg);
        transition: bottom 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.2s;
    }
}

@media screen and (max-width: 359px) {
    .header__logo {
        margin-right: 0;
    }

    .header__since__2006 > img,
    .header__logo > img {
        max-height: 44px;
    }

    .header__testimonial__img {
        max-width: 80px;
        min-width: 80px;
        margin-left: 15px;
    }

    .menu__wrap {
        width: 100%;
        transform: translateX(100%);
        padding-top: 60px;
    }
}

/* -------------------------------------------- Gallery */

.gallery.flex {
    justify-content: flex-start;
    align-items: stretch;
    margin-right: -30px;
}

.gallery__img {
    position: relative;
    width: calc(25% - 30px);
    margin: 30px 30px 0 0;
    overflow: hidden;
}

.gallery__img::before {
    content: '';
    display: block;
    padding-top: 71%;
}

.gallery__img > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.4s ease-in-out;
}

.gallery__img:hover > span {
    transform: scale(1.1);
}

@media screen and (max-width: 1160px) {
    .gallery__img {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 640px) {
    .gallery.flex {
        margin-right: 0;
    }

    .gallery__img {
        width: 100%;
        margin-right: 0;
    }
}

/* -------------------------------------------- Content Blocks */

body:not(.home) main > *:nth-child(2n + 3) {
    background-color: #f9f9f9;
}

.content__blocks__wrap.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -60px -60px 0;
}

.content__blocks__wrap > div {
    width: calc(50% - 60px);
    margin: 0 60px 60px 0;
}

.content__blocks__wrap > .img__block img {
    width: 100%;
}

.content__blocks__wrap > .gallery__block {
    width: 100%;
}

.gallery__title {
    padding-top: 20px;
}

.text__block__btn {
    margin-top: 40px;
}

.text__block__btn.mob {
    display: none;
}

@media screen and (max-width: 1260px) {
    .content__blocks__wrap > div {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1160px) {
    .content__blocks__wrap.flex {
        flex-direction: column;
        margin: 0;
    }

    .content__blocks__wrap > div {
        width: 100%;
        margin: 0;
    }

    .content__blocks__wrap > div + div {
        margin-top: 60px;
    }

    .content__blocks__wrap > .text__block ~ div {
        margin-top: 0;
    }

    .content__blocks__wrap > div + .gallery__block {
        margin-top: 50px;
    }

    .content__blocks__wrap > .text__block ~ .img__block,
    .content__blocks__wrap > .text__block ~ .video__block {
        margin-bottom: 60px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h1:first-child,
    .content__blocks__wrap > .text__block ~ .text__block h2:first-child {
        margin-top: 50px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h3:first-child {
        margin-top: 40px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h4:first-child {
        margin-top: 30px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h5:first-child,
    .content__blocks__wrap > .text__block ~ .text__block h6:first-child {
        margin-top: 20px;
    }

    .content__blocks__wrap > .text__block ~ .text__block p:first-child,
    .content__blocks__wrap > .text__block ~ .text__block a:first-child,
    .content__blocks__wrap > .text__block ~ .text__block span:first-child {
        margin-top: 15px;
    }

    .content__blocks__wrap > .text__block ~ .text__block ul:first-child,
    .content__blocks__wrap > .text__block ~ .text__block ol:first-child {
        margin-top: 20px;
    }

    .content__blocks__wrap > .text__block ~ .text__block img:first-child,
    .content__blocks__wrap
        > .text__block
        ~ .text__block
        .wp-block-image:first-child,
    .content__blocks__wrap > .text__block ~ .text__block table:first-child,
    .content__blocks__wrap
        > .text__block
        ~ .text__block
        .table__wrap:first-child {
        margin-top: 40px;
    }

    .text__block__btn:not(.visible) {
        display: none;
    }

    .text__block__btn.mob {
        display: inline-block;
    }

    .img__block,
    .video__block {
        order: -1;
    }
}

@media screen and (max-width: 960px) {
    .content__blocks__wrap > div + div {
        margin-top: 55px;
    }

    .content__blocks__wrap > div + .gallery__block {
        margin-top: 45px;
    }

    .content__blocks__wrap > .text__block ~ .img__block,
    .content__blocks__wrap > .text__block ~ .video__block {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 768px) {
    .content__blocks__wrap > div + div {
        margin-top: 50px;
    }

    .content__blocks__wrap > div + .gallery__block {
        margin-top: 40px;
    }

    .content__blocks__wrap > .text__block ~ .img__block,
    .content__blocks__wrap > .text__block ~ .video__block {
        margin-bottom: 50px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h1:first-child,
    .content__blocks__wrap > .text__block ~ .text__block h2:first-child {
        margin-top: 45px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h3:first-child {
        margin-top: 35px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h4:first-child {
        margin-top: 25px;
    }

    .content__blocks__wrap > .text__block ~ .text__block img:first-child,
    .content__blocks__wrap
        > .text__block
        ~ .text__block
        .wp-block-image:first-child,
    .content__blocks__wrap > .text__block ~ .text__block table:first-child,
    .content__blocks__wrap
        > .text__block
        ~ .text__block
        .table__wrap:first-child {
        margin-top: 35px;
    }

    .text__block__btn {
        margin-top: 35px;
    }

    .gallery__title {
        padding-top: 25px;
    }
}

@media screen and (max-width: 560px) {
    .content__blocks__wrap > div + div {
        margin-top: 45px;
    }

    .content__blocks__wrap > div + .gallery__block {
        margin-top: 30px;
    }

    .content__blocks__wrap > .text__block ~ .img__block,
    .content__blocks__wrap > .text__block ~ .video__block {
        margin-bottom: 45px;
    }

    .text__block__btn {
        margin-top: 30px;
    }

    .gallery__title {
        padding-top: 28px;
    }
}

@media screen and (max-width: 460px) {
    .content__blocks__wrap > div + div {
        margin-top: 40px;
    }

    .content__blocks__wrap > div + .gallery__block {
        margin-top: 20px;
    }

    .content__blocks__wrap > .text__block ~ .img__block,
    .content__blocks__wrap > .text__block ~ .video__block {
        margin-bottom: 40px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h1:first-child,
    .content__blocks__wrap > .text__block ~ .text__block h2:first-child {
        margin-top: 40px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h3:first-child {
        margin-top: 30px;
    }

    .content__blocks__wrap > .text__block ~ .text__block h4:first-child {
        margin-top: 20px;
    }

    .content__blocks__wrap > .text__block ~ .text__block img:first-child,
    .content__blocks__wrap
        > .text__block
        ~ .text__block
        .wp-block-image:first-child,
    .content__blocks__wrap > .text__block ~ .text__block table:first-child,
    .content__blocks__wrap
        > .text__block
        ~ .text__block
        .table__wrap:first-child {
        margin-top: 30px;
    }

    .gallery__title {
        padding-top: 30px;
    }
}

/* -------------------------------------------- Text Blocks */

.text__block__title {
    margin-bottom: 75px;
    text-transform: uppercase;
    text-align: center;
}

.text__blocks__content.flex {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-right: -60px;
}

.text__blocks__content > .text__block {
    width: 100%;
    margin-right: 60px;
}

.white__text__block {
    margin-top: 60px;
    padding: 30px;
    box-sizing: border-box;
    background-color: #fff;
}

@media screen and (max-width: 1260px) {
    .text__block__title {
        margin-bottom: 70px;
    }

    .white__text__block {
        margin-top: 50px;
    }
}

@media screen and (max-width: 1160px) {
    .text__block__title {
        margin-bottom: 65px;
    }

    .text__blocks__content.flex {
        flex-direction: column;
        margin-right: 0;
    }

    .text__blocks .text__block {
        margin-right: 0;
    }

    .text__blocks__content > .text__block + .text__block h1:first-child,
    .text__blocks__content > .text__block + .text__block h2:first-child {
        margin-top: 50px;
    }

    .text__blocks__content > .text__block + .text__block h3:first-child {
        margin-top: 40px;
    }

    .text__blocks__content > .text__block + .text__block h4:first-child {
        margin-top: 30px;
    }

    .text__blocks__content > .text__block + .text__block h5:first-child,
    .text__blocks__content > .text__block + .text__block h6:first-child {
        margin-top: 20px;
    }

    .text__blocks__content > .text__block + .text__block p:first-child,
    .text__blocks__content > .text__block + .text__block a:first-child,
    .text__blocks__content > .text__block + .text__block span:first-child {
        margin-top: 15px;
    }

    .text__blocks__content > .text__block + .text__block ul:first-child,
    .text__blocks__content > .text__block + .text__block ol:first-child {
        margin-top: 20px;
    }

    .text__blocks__content > .text__block + .text__block img:first-child,
    .text__blocks__content
        > .text__block
        + .text__block
        .wp-block-image:first-child,
    .text__blocks__content > .text__block + .text__block table:first-child,
    .text__blocks__content
        > .text__block
        + .text__block
        .table__wrap:first-child {
        margin-top: 40px;
    }

    .white__text__block {
        margin-top: 60px;
        padding: 25px;
    }
}

@media screen and (max-width: 960px) {
    .text__block__title {
        margin-bottom: 60px;
    }

    .white__text__block {
        margin-top: 55px;
    }
}

@media screen and (max-width: 768px) {
    .text__blocks__content > .text__block + .text__block h1:first-child,
    .text__blocks__content > .text__block + .text__block h2:first-child {
        margin-top: 45px;
    }

    .text__blocks__content > .text__block + .text__block h3:first-child {
        margin-top: 35px;
    }

    .text__blocks__content > .text__block + .text__block h4:first-child {
        margin-top: 25px;
    }

    .text__blocks__content > .text__block + .text__block img:first-child,
    .text__blocks__content
        > .text__block
        + .text__block
        .wp-block-image:first-child,
    .text__blocks__content > .text__block + .text__block table:first-child,
    .text__blocks__content
        > .text__block
        + .text__block
        .table__wrap:first-child {
        margin-top: 35px;
    }

    .white__text__block {
        margin-top: 50px;
    }
}

@media screen and (max-width: 560px) {
    .text__block__title {
        margin-bottom: 55px;
    }

    .white__text__block {
        margin-top: 45px;
        padding: 20px;
    }
}

@media screen and (max-width: 460px) {
    .text__block__title {
        margin-bottom: 50px;
    }

    .text__blocks__content > .text__block + .text__block h1:first-child,
    .text__blocks__content > .text__block + .text__block h2:first-child {
        margin-top: 40px;
    }

    .text__blocks__content > .text__block + .text__block h3:first-child {
        margin-top: 30px;
    }

    .text__blocks__content > .text__block + .text__block h4:first-child {
        margin-top: 20px;
    }

    .text__blocks__content > .text__block + .text__block img:first-child,
    .text__blocks__content
        > .text__block
        + .text__block
        .wp-block-image:first-child,
    .text__blocks__content > .text__block + .text__block table:first-child,
    .text__blocks__content
        > .text__block
        + .text__block
        .table__wrap:first-child {
        margin-top: 30px;
    }

    .white__text__block {
        margin-top: 40px;
    }
}

@media screen and (max-width: 359px) {
    .text__block__title {
        margin-bottom: 45px;
    }

    .white__text__block {
        padding: 15px;
    }
}

/* -------------------------------------------- Main Block */

.main__block {
    position: relative;
    overflow: hidden;
    background-color: #333;
    z-index: 1;
}

.main__block > .wrap.flex {
    flex-direction: column;
    flex-wrap: nowrap;
    min-height: 100vh !important;
    padding: 223px 15px 183px;
    text-align: center;
}

.main__block__content {
    background-color: rgba(51, 51, 51, 0.7);
}

.main__block__title__wrap,
.main__block__subtitle__wrap,
.main__block__btn__wrap {
    overflow: hidden;
}

.main__block__title {
    padding: 10px 15px;
    box-sizing: border-box;
    transform: translateX(-101%);
    transition: transform 1s ease-out;
    line-height: 1.5;
}

.main__block > .wrap.active .main__block__title {
    transform: translateX(0);
}

.main__block__subtitle {
    font-size: 30px;
    font-weight: normal;
    color: #fff;
    padding: 10px 15px;
    box-sizing: border-box;
    transform: translateY(-101%);
    transition: transform 0.5s ease-out 1s;
}

.main__block__subtitle > span {
    display: inline-block;
}

.main__block > .wrap.active .main__block__subtitle,
.main__block > .wrap.active .main__block__btn {
    transform: translateY(0);
}

.main__block__btn__wrap {
    margin-top: 40px;
}

.main__block__btn {
    transform: translateY(-101%);
    transition: transform 0.5s ease-out 1.5s;
}

.main__block__img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transform: scale(1.3);
    transform-origin: center;
    transition: transform 1s ease-out;
    z-index: -1;
}

.main__block > .wrap.active + .main__block__img {
    transform: scale(1);
}

.undefined__page__title {
    padding-top: 100px;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 1260px) {
    .main__block > .wrap.flex {
        padding: 213px 15px 173px;
    }
}

@media screen and (max-width: 1160px) {
    .main__block > .wrap.flex {
        padding: 166px 15px 126px;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: 650px !important;
    }

    .main__block__title {
        padding: 8px 13px;
    }

    .main__block__subtitle {
        font-size: 28px;
        padding: 8px 13px;
    }

    .undefined__page__title {
        padding-top: 50px;
    }
}

@media screen and (max-width: 960px) {
    .main__block > .wrap.flex {
        padding: 162px 15px 116px;
    }

    body.home .main__block > .wrap.flex {
        padding-bottom: 100px;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: 550px !important;
    }
}

@media screen and (max-width: 768px) {
    .main__block > .wrap.flex {
        padding: 152px 15px 102px;
    }

    body.home .main__block > .wrap.flex {
        padding-bottom: 90px;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: 450px !important;
    }

    .main__block__subtitle {
        font-size: 26px;
    }
}

@media screen and (max-width: 640px) {
    body:not(.home) .main__block > .wrap.flex {
        min-height: 400px !important;
    }

    .main__block__subtitle {
        font-size: 24px;
    }
}

@media screen and (max-width: 560px) {
    .main__block > .wrap.flex {
        padding: 142px 15px 86px;
    }

    body.home .main__block > .wrap.flex {
        padding-top: 110px;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: 350px !important;
    }

    .main__block__title,
    .main__block__subtitle {
        padding: 6px 11px;
    }

    .main__block__subtitle {
        font-size: 22px;
    }
}

@media screen and (max-width: 460px) {
    .main__block > .wrap.flex {
        padding: 132px 15px 70px;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: 300px !important;
    }

    .main__block__subtitle {
        font-size: 20px;
    }
}

@media screen and (max-width: 359px) {
    .main__block > .wrap.flex {
        padding: 126px 15px 64px;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: 250px !important;
    }

    .main__block__subtitle {
        font-size: 20px;
    }
}

/* Videos */

.videos {
    text-align: center;
}

.videos__content.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -30px -60px 0;
}

.video__wrap {
    width: calc(25% - 30px);
    margin: 0 30px 60px 0;
    text-align: center;
}

.video__title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
}

.videos__btn {
    margin-top: 60px;
}

@media screen and (max-width: 1260px) {
    .video__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 1160px) {
    .video__wrap {
        width: calc(50% - 30px);
    }

    .video__title {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .video__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 640px) {
    .videos__content.flex {
        margin-right: 0;
    }

    .video__wrap {
        width: 100%;
        margin-right: 0;
    }

    .video__title {
        font-size: 20px;
    }
}

@media screen and (max-width: 460px) {
    .video__wrap {
        margin-bottom: 55px;
    }

    .video__title {
        font-size: 18px;
    }

    .videos__btn {
        margin-top: 55px;
    }
}

@media screen and (max-width: 359px) {
    .video__wrap {
        margin-bottom: 50px;
    }

    .video__title {
        font-size: 16px;
    }

    .videos__btn {
        margin-top: 50px;
    }
}

/* Why Us */

.why__us > .wrap {
    padding-bottom: 20px;
}

.why__us__title {
    text-align: center;
}

.why__us__items.flex {
    align-items: flex-start;
    margin-right: -80px;
}

.why__us__item {
    width: calc(33.33% - 80px);
    margin: 0 80px 80px 0;
    text-align: center;
}

.why__us__item__img {
    display: block;
    width: 92px;
    height: 92px;
    margin: 0 auto 30px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat !important;
    background-size: 40px !important;
    background-position: center !important;
}

.why__us__item__title {
    font-size: 26px;
    font-weight: 500;
    color: #fff !important;
    text-decoration: none !important;
}

@media screen and (max-width: 1260px) {
    .why__us > .wrap {
        padding-bottom: 10px;
    }

    .why__us__item {
        margin-bottom: 75px;
    }
}

@media screen and (max-width: 1160px) {
    .why__us__items.flex {
        margin-right: -60px;
    }

    .why__us__item {
        width: calc(33.33% - 60px);
        margin-right: 60px;
    }

    .why__us__item__title {
        font-size: 24px;
    }
}

@media screen and (max-width: 960px) {
    .why__us__items.flex {
        margin-right: -80px;
    }

    .why__us__item {
        width: calc(50% - 80px);
        margin-right: 80px;
    }
}

@media screen and (max-width: 768px) {
    .why__us > .wrap {
        padding-bottom: 5px;
    }

    .why__us__item__title {
        font-size: 22px;
    }

    .why__us__item {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 640px) {
    .why__us > .wrap {
        padding-bottom: 10px;
    }

    .why__us__items.flex {
        margin-right: -60px;
    }

    .why__us__item {
        width: calc(50% - 60px);
        margin: 0 60px 65px 0;
    }

    .why__us__item__img {
        margin-bottom: 25px;
    }

    .why__us__item__title {
        font-size: 20px;
    }
}

@media screen and (max-width: 560px) {
    .why__us > .wrap {
        padding-bottom: 5px;
    }

    .why__us__items.flex {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        margin-right: 0;
    }

    .why__us__item {
        width: 100%;
        margin: 0 0 60px;
    }
}

@media screen and (max-width: 460px) {
    .why__us__item {
        margin-bottom: 55px;
    }

    .why__us__item__title {
        font-size: 18px;
    }
}

@media screen and (max-width: 359px) {
    .why__us__item__title {
        font-size: 16px;
    }
}

/* -------------------------------------------- About Us */

.about__us__page h2,
.about__us__page h3 {
    color: #e3a455;
}

.igor__story > .wrap {
    display: grid;
    grid-template-columns: calc(32% - 30px) calc(68% - 30px);
    gap: 60px;
}

.igor__story__content {
    grid-column: 1 / 3;
}

.igor__story__img > img {
    width: 100%;
}

.igor__story__img__footnote {
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
    text-align: center;
}

.igor__story__title {
    text-align: center;
}

.about__video__btn__wrap.flex {
    margin-top: 60px;
}

.about__video__btn__title {
    margin-right: 60px;
}

@media screen and (max-width: 1440px) {
    .about__video__btn__title {
        margin-right: 40px;
    }
}

@media screen and (max-width: 1366px) {
    .about__video__btn__title {
        font-size: 24px;
    }
}

@media screen and (max-width: 1260px) {
    .about__video__btn__title {
        font-size: 22px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 1160px) {
    .igor__story > .wrap {
        grid-template-columns: 1fr;
    }

    .igor__story__content {
        grid-column: auto;
        grid-row: 2;
    }

    .igor__story__title {
        text-align: left;
    }

    .about__video__btn__wrap.flex {
        margin-top: 40px;
    }

    .about__video__btn__title {
        font-size: 26px;
        margin-right: 40px;
    }
}

@media screen and (max-width: 960px) {
    .igor__story__wrap > div {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 768px) {
    .igor__story__wrap > div {
        margin-bottom: 50px;
    }

    .about__video__btn__title {
        font-size: 24px;
    }
}

@media screen and (max-width: 640px) {
    .about__video__btn__title {
        font-size: 22px;
        margin-right: 25px;
    }
}

@media screen and (max-width: 560px) {
    .igor__story__wrap > div {
        margin-bottom: 45px;
    }

    .about__video__btn__wrap.flex {
        margin-top: 35px;
    }

    .about__video__btn__title {
        font-size: 20px;
        margin: 0 0 25px;
    }
}

@media screen and (max-width: 460px) {
    .igor__story__wrap > div {
        margin-bottom: 40px;
    }

    .about__video__btn__wrap.flex {
        margin-top: 30px;
    }

    .about__video__btn__title {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

/* -------------------------------------------- Single Service */

.blocks__with__icons > .wrap {
    padding-bottom: 20px;
}

.blocks__with__icons__text {
    margin-bottom: 80px;
}

.blocks__with__icons__items.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -80px;
}

.block__with__icon {
    width: calc(33.33% - 80px);
    margin: 0 80px 80px 0;
}

.block__with__icon:last-child {
    position: relative;
    z-index: 1;
}

.block__with__icon:last-child::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background-color: #fff;
    z-index: -1;
}

.block__with__icon__img {
    margin-bottom: 35px;
}

.block__with__icon__title {
    margin-bottom: 25px;
}

.block__with__icon__text p {
    line-height: 1.5;
}

@media screen and (max-width: 1260px) {
    .blocks__with__icons > .wrap {
        padding-bottom: 15px;
    }

    .blocks__with__icons__text {
        margin-bottom: 75px;
    }

    .blocks__with__icons__items.flex {
        margin-right: -60px;
    }

    .block__with__icon {
        width: calc(33.33% - 60px);
        margin: 0 60px 75px 0;
    }
}

@media screen and (max-width: 1160px) {
    .blocks__with__icons__items.flex {
        margin-right: -80px;
    }

    .block__with__icon {
        width: calc(50% - 80px);
        margin-right: 80px;
    }
}

@media screen and (max-width: 960px) {
    .blocks__with__icons__items.flex {
        margin-right: -60px;
    }

    .block__with__icon {
        width: calc(50% - 60px);
        margin-right: 60px;
    }
}

@media screen and (max-width: 768px) {
    .blocks__with__icons > .wrap {
        padding-bottom: 10px;
        text-align: center;
    }

    .blocks__with__icons__text {
        margin-bottom: 70px;
    }

    .blocks__with__icons__items.flex {
        margin-right: 0;
    }

    .block__with__icon {
        width: 100%;
        margin: 0 0 70px;
        text-align: center;
    }

    .block__with__icon__img img {
        margin: 0 auto;
    }
}

@media screen and (max-width: 640px) {
    .blocks__with__icons > .wrap {
        padding-bottom: 15px;
    }

    .blocks__with__icons__text {
        margin-bottom: 65px;
    }

    .block__with__icon {
        margin-bottom: 65px;
    }
}

@media screen and (max-width: 560px) {
    .blocks__with__icons > .wrap {
        padding-bottom: 10px;
    }

    .blocks__with__icons__text {
        margin-bottom: 60px;
    }

    .block__with__icon {
        margin-bottom: 60px;
    }

    .block__with__icon__img {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 460px) {
    .blocks__with__icons > .wrap {
        padding-bottom: 5px;
    }

    .blocks__with__icons__text {
        margin-bottom: 55px;
    }

    .block__with__icon {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 359px) {
    .blocks__with__icons__text {
        margin-bottom: 50px;
    }

    .block__with__icon {
        margin-bottom: 50px;
    }
}

/* Service Areas */

.service__areas__title {
    text-align: center;
    text-transform: uppercase;
}

.service__areas__content.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -60px;
}

.service__area {
    width: calc(20% - 60px);
    margin: 80px 60px 0 0;
}

.service__area__link {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    padding-left: 30px;
    box-sizing: border-box;
    text-decoration: none !important;
}

.service__area__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    background-image: url('/wp-content/themes/combit-construction/img/map.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.projects__title {
    margin-bottom: 80px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 1260px) {
    .service__area {
        margin-top: 75px;
    }

    .projects__title {
        margin-bottom: 75px;
    }
}

@media screen and (max-width: 1160px) {
    .service__area {
        width: calc(25% - 60px);
    }
}

@media screen and (max-width: 960px) {
    .service__area {
        width: calc(33.33% - 60px);
        margin-top: 70px;
    }
}

@media screen and (max-width: 768px) {
    .projects__title {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 640px) {
    .service__area {
        width: calc(50% - 60px);
        margin-top: 65px;
    }
}

@media screen and (max-width: 560px) {
    .service__area {
        margin-top: 60px;
    }

    .projects__title {
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 460px) {
    .service__areas__content.flex {
        flex-direction: column;
        align-items: center;
        margin-right: 0;
    }

    .service__area {
        width: auto;
        margin: 55px 0 0;
    }

    .projects__title {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 359px) {
    .service__area {
        margin-top: 50px;
    }

    .projects__title {
        margin-bottom: 50px;
    }
}

/* FAQ */

.faq__title {
    margin-bottom: 50px;
    text-transform: uppercase;
    text-align: center;
}

.faq__text {
    margin-bottom: 50px;
}

.faq__item {
    padding: 30px 0;
    border-bottom: 1px solid #333333;
    box-sizing: border-box;
}

.question {
    position: relative;
    font-weight: normal;
    padding-right: 100px;
    box-sizing: border-box;
    line-height: 1.5;
    cursor: pointer;
}

.question::before,
.question::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    width: 30px;
    height: 3px;
    margin-top: -1px;
    border-radius: 5px;
    background-color: #333333;
}

.question::after {
    transform: rotate(-90deg);
    transition: transform 0.25s ease-in-out;
}

.question.active::after {
    transform: rotate(0deg);
}

.answer {
    display: none;
    margin-top: 28px;
    padding-right: 100px;
    box-sizing: border-box;
}

@media screen and (max-width: 1260px) {
    .faq__title,
    .faq__text {
        margin-bottom: 45px;
    }
}

@media screen and (max-width: 1160px) {
    .faq__item {
        padding: 26px 0;
    }

    .question,
    .answer {
        padding-right: 80px;
    }

    .question::before,
    .question::after {
        right: 15px;
        width: 26px;
    }

    .answer {
        margin-top: 25px;
    }
}

@media screen and (max-width: 768px) {
    .faq__text {
        margin-bottom: 40px;
    }

    .question,
    .answer {
        padding-right: 70px;
    }

    .question::before,
    .question::after {
        right: 10px;
        width: 24px;
    }
}

@media screen and (max-width: 640px) {
    .faq__item {
        padding: 24px 0;
    }

    .answer {
        margin-top: 22px;
    }
}

@media screen and (max-width: 560px) {
    .faq__title {
        margin-bottom: 40px;
    }

    .faq__text {
        margin-bottom: 35px;
    }

    .question,
    .answer {
        padding-right: 60px;
    }

    .question::before,
    .question::after {
        right: 5px;
        width: 22px;
    }
}

@media screen and (max-width: 460px) {
    .faq__title {
        margin-bottom: 35px;
    }

    .faq__text {
        margin-bottom: 30px;
    }

    .question,
    .answer {
        padding-right: 50px;
    }

    .question::before,
    .question::after {
        width: 20px;
        height: 2px;
    }
}

@media screen and (max-width: 359px) {
    .faq__text {
        margin-bottom: 25px;
    }

    .question,
    .answer {
        padding-right: 45px;
    }
}

/* -------------------------------------------- Projects */

.projects__page .projects {
    background-color: #f9f9f9;
}

.projects__content.flex {
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -60px -60px 0;
}

.project.flex {
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: nowrap;
    width: calc(33.33% - 60px);
    min-height: 345px;
    margin: 0 60px 60px 0;
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
}

.project__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.4s ease-in-out;
    z-index: -1;
}

.project:hover .project__img {
    transform: scale(1.1);
}

.project__content {
    display: block;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(51, 51, 51, 0.7);
    transform-origin: center bottom;
    transform: rotateX(120deg);
    transition: transform 0.4s ease-in-out;
}

.project:hover .project__content {
    transform: rotateX(0deg);
}

.project__services {
    padding-left: 18px;
}

.project__services > li {
    font-size: 16px;
    color: #eebc70;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.project__title {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
}

@media screen and (max-width: 1530px) {
    .project.flex {
        min-height: 323px;
    }
}

@media screen and (max-width: 1440px) {
    .project.flex {
        min-height: 304px;
    }
}

@media screen and (max-width: 1366px) {
    .projects__content.flex {
        margin: 0 -30px -30px 0;
    }

    .project.flex {
        width: calc(33.33% - 30px);
        min-height: 293px;
        margin: 0 30px 30px 0;
    }
}

@media screen and (max-width: 1260px) {
    .project.flex {
        min-height: 268px;
    }

    .project__content {
        padding: 18px 20px;
    }

    .project__title {
        font-size: 16px;
        margin-top: 18px;
    }

    .project__services > li {
        font-size: 15px;
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 1160px) {
    .projects__content.flex {
        margin: 0 -60px -60px 0;
    }

    .project.flex {
        width: calc(50% - 60px);
        margin: 0 60px 60px 0;
        min-height: 326px;
    }
}

@media screen and (max-width: 960px) {
    .projects__content.flex {
        margin: 0 -30px -30px 0;
    }

    .project.flex {
        width: calc(50% - 30px);
        margin: 0 30px 30px 0;
        min-height: 266px;
    }
}

@media screen and (max-width: 768px) {
    .projects__content.flex {
        flex-direction: column;
        flex-wrap: nowrap;
        margin: 0 0 -60px;
    }

    .project.flex {
        width: 100%;
        margin: 0 0 60px;
        min-height: 456px;
    }

    .project__content {
        transform: rotateX(0deg);
    }
}

@media screen and (max-width: 640px) {
    .project.flex {
        min-height: 398px;
    }
}

@media screen and (max-width: 560px) {
    .project.flex {
        min-height: 323px;
    }
}

@media screen and (max-width: 460px) {
    .projects__content.flex {
        margin-bottom: -55px;
    }

    .project.flex {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 440px) {
    .project.flex {
        min-height: 308px;
    }
}

@media screen and (max-width: 420px) {
    .project.flex {
        min-height: 293px;
    }
}

@media screen and (max-width: 400px) {
    .project.flex {
        min-height: 278px;
    }
}

@media screen and (max-width: 380px) {
    .project.flex {
        min-height: 263px;
    }
}

@media screen and (max-width: 360px) {
    .project.flex {
        min-height: 248px;
    }
}

@media screen and (max-width: 340px) {
    .project.flex {
        min-height: 233px;
    }
}

/* -------------------------------------------- Single Project */

.single__project {
    background-color: #f9f9f9;
}

.single__project__text + .single__project__gallery,
.single__project__gallery + .single__project__gallery {
    margin-top: 60px;
}

@media screen and (max-width: 1260px) {
    .single__project__text + .single__project__gallery,
    .single__project__gallery + .single__project__gallery {
        margin-top: 50px;
    }
}

@media screen and (max-width: 960px) {
    .single__project__text + .single__project__gallery,
    .single__project__gallery + .single__project__gallery {
        margin-top: 45px;
    }
}

@media screen and (max-width: 768px) {
    .single__project__text + .single__project__gallery,
    .single__project__gallery + .single__project__gallery {
        margin-top: 40px;
    }
}

@media screen and (max-width: 560px) {
    .single__project__text + .single__project__gallery,
    .single__project__gallery + .single__project__gallery {
        margin-top: 30px;
    }
}

@media screen and (max-width: 460px) {
    .single__project__text + .single__project__gallery,
    .single__project__gallery + .single__project__gallery {
        margin-top: 20px;
    }
}

/* -------------------------------------------- Footer */

.footer {
    border-top: 3px solid #f9f9f9;
}

.footer > .wrap.flex {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 40px 15px 15px;
}

.footer__left {
    margin: 0 60px 30px 0;
}

.footer__social__networks.flex {
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: nowrap;
    margin: 2px 0 25px;
}

.footer__social__network {
    width: 20px;
    max-height: 20px;
}

.footer__social__network:not(:last-child) {
    position: relative;
    margin-right: 30px;
}

.footer__social__network:not(:last-child)::before {
    content: '';
    position: absolute;
    right: -15px;
    bottom: 0;
    width: 1px;
    height: 15px;
    background-color: #6c6868;
}

.footer__social__network:not(.youtube) svg,
.footer__social__network.youtube svg path:first-child {
    fill: #6c6868;
    transition: fill 0.25s ease-in-out;
}

.footer__social__network:not(.youtube):hover svg,
.footer__social__network.youtube:hover svg path:first-child {
    fill: #333333;
}

.footer__contacts.flex {
    justify-content: flex-start;
}

.footer__contacts > p,
.copyright {
    font-size: 18px;
    color: #6c6868;
}

.footer__contacts > p {
    margin-bottom: 20px;
}

.footer__contacts > p a {
    color: #6c6868;
    text-decoration: none;
}

.footer__contacts__divider {
    margin: 0 15px;
}

/* Footer Right */

.footer__right__title {
    font-size: 20px;
    font-weight: 500;
    color: #6c6868;
    margin-bottom: 20px;
}

.footer__right__items.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -50px;
}

.footer__right__item {
    display: block;
    height: 60px;
    margin: 0 50px 30px 0;
    filter: grayscale(100%);
}

.footer__right__item:hover {
    transform: scale(1.1);
    filter: grayscale(0);
}

.footer__right__item img {
    width: auto;
    height: 100%;
}

.scroll__up {
    visibility: hidden;
    position: fixed;
    right: 0;
    bottom: 50px;
    width: 50px;
    height: 50px;
    margin-right: 50px;
    background-color: #333333;
    opacity: 0;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out,
        background 0.25s ease-in-out, z-index 0s ease-in-out 0.25s;
    z-index: -1;
}

.scroll__up.active {
    visibility: visible;
    opacity: 1;
    transition: visibility 0.25s ease-in-out, opacity 0.25s ease-in-out,
        background 0.25s ease-in-out, z-index 0s ease-in-out 0s;
    z-index: 4;
}

.scroll__up::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-top: 1px solid #eebc70;
    border-left: 1px solid #eebc70;
    transform-origin: top left;
    transform: rotate(45deg);
    transition: border-color 0.25s ease-in-out;
}

.scroll__up:hover {
    background-color: #eebc70;
}

.scroll__up:hover::before {
    border-color: #333333;
}

@media screen and (max-width: 1260px) {
    .footer > .wrap.flex {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        padding-bottom: 40px;
    }

    .footer__left {
        order: 1;
        margin: 15px 0 0;
    }

    .footer__social__networks.flex {
        justify-content: center;
        margin-top: 0;
    }

    .footer__contacts.flex {
        justify-content: center;
    }

    .footer__right__items.flex {
        justify-content: center;
    }

    .footer__right__title {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 960px) {
    .scroll__up {
        bottom: 40px;
        margin-right: 40px;
    }
}

@media screen and (max-width: 768px) {
    .scroll__up {
        bottom: 30px;
        margin-right: 30px;
    }
}

@media screen and (max-width: 640px) {
    .footer__contacts.flex {
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

    .footer__contacts__divider {
        display: none;
    }

    .scroll__up {
        width: 40px;
        height: 40px;
    }

    .scroll__up::before {
        width: 8px;
        height: 8px;
        margin-top: -3px;
    }
}

@media screen and (max-width: 560px) {
    .footer__right__title {
        font-size: 18px;
    }

    .footer__right__items.flex {
        margin-right: -30px;
    }

    .footer__right__item {
        margin-right: 30px;
    }

    .footer__contacts > p,
    .copyright {
        font-size: 16px;
    }
}

@media screen and (max-width: 460px) {
    .scroll__up {
        margin-right: 20px;
    }
}

@media screen and (max-width: 359px) {
    .footer__right__items.flex {
        margin-right: -20px;
    }

    .footer__right__item {
        margin-right: 20px;
    }
}

/* -------------------------------------------- Cookie Notice */

.cookie__notice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #333333;
    z-index: 20;
}

.cookie__notice > .wrap {
    position: relative;
    padding: 10px 50px 10px 15px;
}

.cookie__notice p,
.cookie__notice p a {
    font-size: 12px;
    color: #fff;
}

.accept__cookie {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    transform-origin: center;
    transition: transform 0.25s ease-in-out;
    cursor: pointer;
}

.accept__cookie::before,
.accept__cookie::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 2px;
    margin: -1px 0 0 -12px;
    background: #fff;
    border-radius: 10px;
    transform-origin: center;
}

.accept__cookie::before {
    transform: rotate(45deg);
}

.accept__cookie::after {
    transform: rotate(-45deg);
}

.accept__cookie:hover {
    transform: rotate(180deg);
}

@media screen and (max-width: 560px) {
    .cookie__notice > .wrap {
        padding: 8px 50px 8px 15px;
    }
}

/* -------------------------------------------- Design and planning */

.design__and__planning__content {
    display: none;
    margin-top: 30px;
}

.design__and__planning__toggler label.flex + label.flex {
    margin-left: 30px;
}
/* Main Block Slider */

.main__block__slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 2s ease-in-out, transform 7s linear;
    z-index: -1;
}

.main__block__slide.active {
    transform: scale(1.08);
    opacity: 1;
}

/* Main About Us */

.slogan {
    margin: 30px 0;
}

.slogan img {
    margin: 0 auto;
}

@media screen and (max-width: 560px) {
    .slogan img {
        max-width: 230px;
    }
}

@media screen and (max-width: 560px) {
    .slogan img {
        max-width: 230px;
    }
}

@media screen and (max-width: 359px) {
    .slogan img {
        max-width: 210px;
    }
}

/* Main Points */

.main__points.wrap {
    padding-bottom: 0;
    text-align: center;
}

.main__points__content.flex {
    align-items: flex-start;
    margin: 0 -80px -60px 0;
}

.main__point {
    max-width: 360px;
    margin: 0 80px 60px 0;
}

.main__point__icon {
    height: 60px;
    margin-bottom: 30px;
}

.main__point__icon > img {
    max-height: 100%;
    margin: 0 auto;
}

.main__point__text {
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 560px) {
    .main__points__content.flex {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-right: 0;
    }

    .main__point {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .main__point__text {
        font-size: 18px;
    }
}

/* Our Process */

.our__process__title {
    text-align: center;
}

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

.our__process__content.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -60px -60px 0;
}

.our__process__item {
    width: calc(33.33% - 60px);
    margin: 0 60px 60px 0;
}

.our__process__item__number.flex {
    flex-direction: column;
    font-size: 28px;
    font-weight: 900;
    width: 60px;
    height: 60px;
    margin-bottom: 30px;
    border: 2px solid #eebc70;
    border-radius: 50%;
}

.our__process__item__title {
    color: #fff;
}

.our__process__item__text {
    color: #fff;
    margin-top: 10px;
}

@media screen and (max-width: 960px) {
    .our__process__item {
        width: calc(50% - 60px);
    }
}

@media screen and (max-width: 560px) {
    .our__process__content.flex {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-right: 0;
    }

    .our__process__item {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .our__process__item__number.flex {
        font-size: 24px;
        width: 50px;
        height: 50px;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 460px) {
    .our__process__item {
        margin-bottom: 55px;
    }
}

@media screen and (max-width: 359px) {
    .our__process__item {
        margin-bottom: 50px;
    }
}

/* Rating */

.rating > .wrap.flex {
    padding-top: 40px;
    padding-bottom: 0;
}

.rating__title {
    margin-right: 30px;
}

.rating__text {
    margin-left: 30px;
}

.rating__text > a {
    text-decoration: underline;
}

.rating__text > a:hover {
    text-decoration: none;
}

/* Accreditations */

.accreditations__content.flex {
    margin: 0 -80px -30px 0;
}

@media screen and (min-width: 961px) {
    .footer__right__item.accreditation__item {
        margin-right: 80px;
    }
}

@media screen and (max-width: 960px) {
    .accreditations__content.flex {
        margin-right: -50px;
    }
}

.accreditation__imgs.flex {
    margin: 80px -30px -30px 0;
}

.accreditation__img {
    width: calc(25% - 30px);
    margin: 0 30px 30px 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.accreditation__img::before {
    content: '';
    display: block;
    padding-top: 75.09%;
}

.welcome.wrap {
    padding-bottom: 0;
    text-align: center;
}

.btns__with__title__wrap.flex {
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.btn__with__title__wrap.flex {
    flex-wrap: nowrap;
    margin-top: 80px;
}

.btns__with__title__wrap.flex .btn__with__title__wrap.flex {
    justify-content: flex-end;
}

.btn__title {
    margin-right: 60px;
    text-align: right;
}

@media screen and (max-width: 1260px) {
    .accreditation__imgs.flex {
        margin-top: 75px;
    }

    .btn__with__title__wrap.flex {
        margin-top: 75px;
    }
}

@media screen and (max-width: 1160px) {
    .accreditation__img {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 768px) {
    .accreditation__imgs.flex {
        margin-top: 70px;
    }

    .btn__with__title__wrap.flex {
        margin-top: 70px;
    }
}

@media screen and (max-width: 640px) {
    .accreditation__imgs.flex {
        margin-right: 0;
    }

    .accreditation__img {
        width: 100%;
        margin-right: 0;
    }

    .btn__title {
        margin-right: 25px;
    }

    .rating__text {
        margin: 10px 0 0;
        text-align: center;
    }
}

@media screen and (max-width: 560px) {
    .accreditations__content.flex {
        margin-right: -30px;
    }

    .accreditation__imgs.flex {
        margin-top: 60px;
    }

    .btn__with__title__wrap.flex {
        flex-direction: column;
        justify-content: flex-start !important;
        margin-top: 60px;
    }

    .btn__title {
        margin: 0 0 30px;
        text-align: center;
    }

    .rating__title {
        margin-right: 20px;
    }
}

@media screen and (max-width: 460px) {
    .rating > .wrap.flex {
        padding-top: 30px;
    }

    .accreditation__imgs.flex {
        margin-top: 55px;
    }

    .btn__with__title__wrap.flex {
        margin-top: 55px;
    }
}

@media screen and (max-width: 359px) {
    .accreditations__content.flex {
        margin-right: -20px;
    }

    .accreditation__imgs.flex {
        margin-top: 50px;
    }

    .btn__with__title__wrap.flex {
        margin-top: 50px;
    }
}

/* Work Example */

.work__examples.wrap {
    padding-bottom: 0;
}

.work__examples__content.flex {
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -30px -30px 0;
}

.work__example {
    position: relative;
    width: calc(20% - 30px);
    margin: 0 30px 30px 0;
    z-index: 1;
}

.bathroom__page .work__example {
    width: calc(25% - 30px);
}

.work__example > div {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transition: opacity 0.4s ease-in-out;
}

.work__example__before {
    padding-top: 75.09%;
}

.work__example__after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

@media screen and (min-width: 1161px) {
    .work__example:hover .work__example__before {
        opacity: 0;
    }
}

.work__example__footnote {
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #eebc70;
    max-width: 100%;
    min-width: 110px;
    padding: 5px;
    box-sizing: border-box;
    background-color: rgba(51, 51, 51, 0.7);
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 1160px) {
    .work__example {
        width: calc(50% - 30px) !important;
    }

    .work__example.active .work__example__before {
        opacity: 0;
    }
}

@media screen and (max-width: 640px) {
    .work__examples__content.flex {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-right: 0;
    }

    .work__example {
        width: 100% !important;
        margin-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .work__example__footnote {
        font-size: 14px;
    }
}

/* Main Testimonials */

.main__testimonials {
    background-color: #f9f9f9;
    text-align: center;
}

.video__testimonials .video::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 70px;
    height: 32px;
    background-color: rgba(51, 51, 51, 0.7);
    background-image: url('/wp-content/themes/combit-construction/img/combit-logo.svg');
    background-repeat: no-repeat;
    background-size: 84%;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}

.main__testimonials__content.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 70px -30px -30px 0;
    text-align: left;
}

.testimonial {
    width: calc(33.33% - 30px);
    margin: 0 30px 30px 0;
    padding: 30px 40px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.29);
    background-color: #fff;
}

.testimonial__content p,
.testimonial__content li,
.testimonial__content a,
.testimonial__content span {
    font-style: italic;
}

.testimonial__author {
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    color: #02025e;
}

.testimonial__rating.flex {
    justify-content: flex-start;
    margin: 15px -5px 0 0;
}

.testimonial__rating__star {
    max-width: 26px;
    min-width: 26px;
    margin-right: 5px;
}

.testimonial__rating__star > svg {
    width: 100%;
    fill: #eebc70;
}

.main__testimonials__btn {
    max-width: 220px;
    width: 100%;
    margin-top: 60px;
}

@media screen and (max-width: 1366px) {
    .testimonial {
        padding: 30px;
    }
}

@media screen and (max-width: 1260px) {
    .main__testimonials__content.flex {
        margin-top: 65px;
    }
}

@media screen and (max-width: 1160px) {
    .main__testimonials__content.flex {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-right: 0;
    }

    .testimonial {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    .main__testimonials__content.flex {
        margin-top: 60px;
    }
}

@media screen and (max-width: 640px) {
    .video__testimonials .video::after {
        top: 10px;
        left: 10px;
        width: 100px;
        height: 44px;
    }
}

@media screen and (max-width: 560px) {
    .main__testimonials__content.flex {
        margin-top: 50px;
    }

    .video__testimonials .video::after {
        top: 8px;
        left: 8px;
        width: 80px;
        height: 36px;
    }

    .main__testimonials__btn {
        margin-top: 50px;
    }
}

@media screen and (max-width: 460px) {
    .video__testimonials .video::after {
        top: 5px;
        left: 5px;
        width: 70px;
        height: 32px;
    }

    .main__testimonials__content {
        margin-top: 45px;
    }

    .testimonial__author {
        font-size: 15px;
    }

    .main__testimonials__btn {
        max-width: 200px;
        margin-top: 45px;
    }
}

@media screen and (max-width: 359px) {
    .main__testimonials__content.flex {
        margin-top: 40px;
    }

    .main__testimonials__btn {
        margin-top: 40px;
    }
}

/* Main About Us */

.main__about__us__title {
    text-align: center;
}

.main__about__us .video::after {
    content: '';
    position: absolute;
    top: 15px;
    left: 15px;
    width: 120px;
    height: 54px;
    background-color: rgba(51, 51, 51, 0.7);
    background-image: url('/wp-content/themes/combit-construction/img/combit-logo.svg');
    background-repeat: no-repeat;
    background-size: 84%;
    background-position: center;
    pointer-events: none;
    z-index: 1;
}

@media screen and (max-width: 640px) {
    .main__about__us .video::after {
        top: 10px;
        left: 10px;
        width: 100px;
        height: 46px;
    }
}

@media screen and (max-width: 560px) {
    .main__about__us .video::after {
        top: 8px;
        left: 8px;
        width: 80px;
        height: 36px;
    }
}

@media screen and (max-width: 460px) {
    .main__about__us .video::after {
        top: 5px;
        left: 5px;
        width: 70px;
        height: 32px;
    }
}

.main__about__us__list {
    padding-left: 0 !important;
}

.main__about__us__list li {
    position: relative;
    padding-left: 50px;
    list-style: none !important;
}

.main__about__us__list li + li {
    margin-top: 20px;
}

.main__about__us__list li::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 10px;
    border-bottom: 6px solid #eebc70;
    border-left: 6px solid #eebc70;
    transform: rotate(-45deg);
    transform-origin: left top;
}

.main__about__us__text {
    padding-bottom: 0;
    text-align: center;
}

/* Main Services */

.main__services > .wrap {
    padding-bottom: 0;
}

.main__services__content.flex {
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -30px -30px 0;
}

.main__service.flex {
    position: relative;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    flex-wrap: nowrap;
    width: calc(25% - 30px);
    min-height: 273px;
    margin: 0 30px 30px 0;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}

.main__service__img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    transition: transform 0.4s ease-in-out;
    z-index: -1;
}

.main__service:hover .main__service__img {
    transform: scale(1.1);
}

.main__service__title {
    font-size: 24px;
    font-weight: normal;
    color: #eebc70;
    padding: 15px;
    box-sizing: border-box;
    background-color: rgba(51, 51, 51, 0.7);
}

@media screen and (max-width: 1530px) {
    .main__service.flex {
        min-height: 256px;
    }
}

@media screen and (max-width: 1440px) {
    .main__service.flex {
        min-height: 241px;
    }

    .main__service__title {
        font-size: 24px;
        padding: 15px;
    }
}

@media screen and (max-width: 1366px) {
    .main__service.flex {
        min-height: 221px;
    }

    .main__service__title {
        font-size: 22px;
    }
}

@media screen and (max-width: 1260px) {
    .main__service.flex {
        min-height: 201px;
    }

    .main__service__title {
        font-size: 20px;
        padding: 12px;
    }
}

@media screen and (max-width: 1160px) {
    .main__service.flex {
        width: calc(50% - 30px);
        min-height: 349px;
    }

    .main__service__title {
        font-size: 24px;
        padding: 20px;
    }
}

@media screen and (max-width: 960px) {
    .main__service.flex {
        min-height: 274px;
    }

    .main__service__title {
        padding: 15px;
    }
}

@media screen and (max-width: 768px) {
    .main__service.flex {
        min-height: 225px;
    }

    .main__service__title {
        font-size: 22px;
        padding: 12px;
    }
}

@media screen and (max-width: 640px) {
    .main__services__content.flex {
        margin-right: 0;
    }

    .main__service.flex {
        width: 100%;
        min-height: 410px;
        margin-right: 0;
    }

    .main__service__title {
        padding: 20px;
    }
}

@media screen and (max-width: 560px) {
    .main__service.flex {
        min-height: 333px;
    }

    .main__service__title {
        padding: 15px;
    }
}

@media screen and (max-width: 460px) {
    .main__service__title {
        font-size: 20px;
    }
}

@media screen and (max-width: 440px) {
    .main__service.flex {
        min-height: 318px;
    }
}

@media screen and (max-width: 420px) {
    .main__service.flex {
        min-height: 302px;
    }
}

@media screen and (max-width: 400px) {
    .main__service.flex {
        min-height: 287px;
    }

    .main__service__title {
        padding: 12px;
    }
}

@media screen and (max-width: 380px) {
    .main__service.flex {
        min-height: 271px;
    }
}

@media screen and (max-width: 360px) {
    .main__service.flex {
        min-height: 256px;
    }
}

@media screen and (max-width: 359px) {
    .main__service__title {
        font-size: 18px;
        padding: 10px;
    }
}

@media screen and (max-width: 340px) {
    .main__service.flex {
        min-height: 240px;
    }
}

/* Main Videos */

.main__videos {
    background-color: #f9f9f9;
}
.sticky__btn {
    position: fixed;
    bottom: 200px;
    right: 0;
    margin-right: 35px;
    padding: 0 15px;
    z-index: 5;
}

.sticky__btn > .btn {
    line-height: 1.5;
    animation: pulse 4s ease infinite;
    white-space: initial;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.05);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@media screen and (max-width: 560px) {
    .sticky__btn {
        left: 0;
        margin-right: 0;
        text-align: center;
    }
}

.main__block__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: zoomIn 7s linear forwards;
    z-index: -1;
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.08);
    }
}

.main__block__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .main__block__bg {
        position: static;
    }

    body:not(.home) .main__block > .wrap.flex {
        min-height: initial !important;
        padding: 80px 15px 0;
    }

    .main__block__content {
        background: none;
    }

    .main__block__title {
        padding: 0;
        color: #e3a455;
        background: none;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
    }
}

@media screen and (max-width: 560px) {
    body:not(.home) .main__block > .wrap.flex {
        padding-top: 70px;
    }
}

@media screen and (max-width: 460px) {
    body:not(.home) .main__block > .wrap.flex {
        padding-top: 60px;
    }
}

@media screen and (min-width: 769px) {
    .landing__page .main__block__btn .btn {
        font-size: 18px;
        line-height: 1.5;
    }
}

.cta__block.wrap {
    text-align: center;
    padding-bottom: 0;
}

.cta__block .main__point__icon {
    height: 80px;
}

@media screen and (max-width: 460px) {
    .cta__block .main__point__icon {
        height: 60px;
    }
}

.cta__imgs.flex {
    justify-content: flex-start;
    align-items: stretch;
    margin-right: -30px;
    margin-bottom: -30px;
}

.cta__imgs > div {
    position: relative;
    width: calc(25% - 30px);
    margin: 0 30px 30px 0;
}

.cta__imgs > div::before {
    content: '';
    display: block;
    padding-top: 73%;
}

.cta__imgs > div > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cta__imgs > div > p {
    position: absolute;
    left: 0;
    bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #eebc70;
    min-width: 150px;
    padding: 5px;
    box-sizing: border-box;
    background-color: rgba(51, 51, 51, 0.7);
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width: 1160px) {
    .cta__imgs > div {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 640px) {
    .cta__imgs.flex {
        flex-direction: column;
        margin-right: 0;
    }

    .cta__imgs > div {
        width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 460px) {
    .cta__imgs > div > p {
        font-size: 14px;
    }
}

.landing__page:not(.bathroom__page) .main__about__us.wrap,
.bathroom__landing__page .main__about__us.wrap,
.landing__page:not(.bathroom__landing__page) .main__testimonials > .wrap {
    padding-bottom: 0;
}

.landing__page .projects {
    text-align: center;
}

.landing__page .projects .projects__content {
    text-align: left;
}

.landing__page .projects .btn {
    margin: 40px 0;
    white-space: initial;
    line-height: 1.5;
}

.landing__page > *:not(.jarallax) {
    background: none !important;
}

.bathroom__page .rating > .wrap.flex {
    padding: 60px 15px 0;
}

.bathroom__page .main__point {
    width: calc(25% - 80px);
}

@media screen and (max-width: 1160px) {
    .bathroom__page .main__point {
        width: 100%;
    }
}

.bathroom__page .our__process__title {
    margin-bottom: 40px;
}

.project > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.bathroom__page:not(.bathroom__landing__page) .main__about__us.wrap {
    text-align: center;
}
input[type='checkbox'],
input[type='radio'] {
    min-width: 15px;
    max-width: 15px;
    height: 15px;
    margin: 1px 15px 0 0;
    cursor: pointer;
}
.form__error,
.form__success,
input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    background-color: #fff;
}
form.f {
    width: 100%;
    box-sizing: border-box;
}
.inputs__wrap.flex {
    justify-content: flex-start;
    align-items: flex-start;
    margin-right: -16px;
}
.inputs__wrap.flex > div {
    width: 50%;
    padding-right: 16px;
    box-sizing: border-box;
}
.inputs__wrap.flex.three > div {
    width: 33.33%;
}
label {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
label.flex {
    flex-wrap: nowrap;
}
input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
textarea {
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    color: #454545;
    width: 100%;
    padding: 12px 13px 11px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #fff;
}
.modal__content input[type='email'],
.modal__content input[type='number'],
.modal__content input[type='password'],
.modal__content input[type='tel'],
.modal__content input[type='text'],
.modal__content textarea {
    font-size: 18px;
    color: #eebc70;
    border-color: #eebc70;
    background-color: transparent;
}
form.f .select,
form.f input[type='email'],
form.f input[type='number'],
form.f input[type='password'],
form.f input[type='tel'],
form.f input[type='text'] {
    margin-bottom: 15px;
}
form.quiz__form .quiz__answer .select,
form.quiz__form .quiz__answer input[type='email'],
form.quiz__form .quiz__answer input[type='number'],
form.quiz__form .quiz__answer input[type='password'],
form.quiz__form .quiz__answer input[type='tel'],
form.quiz__form .quiz__answer input[type='text'] {
    margin-bottom: 0;
}
textarea {
    display: block;
    resize: vertical;
}
input[type='email']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='text']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #454545;
}
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
textarea::-moz-placeholder {
    color: #454545;
}
input[type='email']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='text']:-moz-placeholder,
textarea:-moz-placeholder {
    color: #454545;
}
input[type='email']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='text']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #454545;
}
input[type='email']::-ms-input-placeholder,
input[type='number']::-ms-input-placeholder,
input[type='password']::-ms-input-placeholder,
input[type='tel']::-ms-input-placeholder,
input[type='text']::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #454545;
}

.modal__content input[type='email']::-webkit-input-placeholder,
.modal__content input[type='number']::-webkit-input-placeholder,
.modal__content input[type='password']::-webkit-input-placeholder,
.modal__content input[type='tel']::-webkit-input-placeholder,
.modal__content input[type='text']::-webkit-input-placeholder,
.modal__content textarea::-webkit-input-placeholder {
    color: #fff;
}
input[type='email']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='text']::-moz-placeholder,
textarea::-moz-placeholder {
    color: #454545;
}
.modal__content input[type='email']:-moz-placeholder,
.modal__content input[type='number']:-moz-placeholder,
.modal__content input[type='password']:-moz-placeholder,
.modal__content input[type='tel']:-moz-placeholder,
.modal__content input[type='text']:-moz-placeholder,
.modal__content textarea:-moz-placeholder {
    color: #454545;
}
.modal__content input[type='email']:-ms-input-placeholder,
.modal__content input[type='number']:-ms-input-placeholder,
.modal__content input[type='password']:-ms-input-placeholder,
.modal__content input[type='tel']:-ms-input-placeholder,
.modal__content input[type='text']:-ms-input-placeholder,
.modal__content textarea:-ms-input-placeholder {
    color: #454545;
}
.modal__content input[type='email']::-ms-input-placeholder,
.modal__content input[type='number']::-ms-input-placeholder,
.modal__content input[type='password']::-ms-input-placeholder,
.modal__content input[type='tel']::-ms-input-placeholder,
.modal__content input[type='text']::-ms-input-placeholder,
.modal__content textarea::-ms-input-placeholder {
    color: #454545;
}
input[type='radio'] {
    border: 1px solid #ccc;
    border-radius: 50%;
}
.contact__form input[type='checkbox'],
.contact__form input[type='radio'] {
    border: none;
}
input[type='radio']:checked {
    background: radial-gradient(#02025e 35%, #fff 45%);
}
input[type='checkbox'] {
    border: 1px solid #ccc;
}
input[type='checkbox']:checked {
    border: none;
    background-color: #e3a455;
    background-image: url('/wp-content/themes/combit-construction/img/checkbox.webp');
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 4px 3px;
}
.form__footnote {
    margin-top: 30px;
}
.form__footnote.flex {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    text-align: left;
}
.form__footnote p {
    font-size: 16px;
    font-weight: 600;
}
.contact__form .form__footnote a,
.contact__form .form__footnote p {
    color: #fff;
}
button[type='submit'] {
    font-family: Montserrat, sans-serif;
    max-width: 200px;
    width: 100%;
    margin-top: 35px;
    transition: 0.25s ease-in-out;
}
.button[type='submit']:disabled {
    cursor: not-allowed;
}
.input__not__valid {
    color: #de191c !important;
    border-color: #fd2305 !important;
    animation: 0.5s 0.3s input_not_valid;
}
.modal__content .input__not__valid {
    color: #fff !important;
    border-color: #fff !important;
}
@keyframes input_not_valid {
    0%,
    100% {
        transform: translateX(0);
    }
    25% {
        transform: translateX(-3px);
    }
    50% {
        transform: translateX(3px);
    }
}
.input__not__valid::-webkit-input-placeholder {
    color: #fd2305 !important;
}
.input__not__valid::-moz-placeholder {
    color: #fd2305 !important;
}
.input__not__valid:-moz-placeholder {
    color: #fd2305 !important;
}
.input__not__valid:-ms-input-placeholder {
    color: #fd2305 !important;
}
.input__not__valid::-ms-input-placeholder {
    color: #fd2305 !important;
}

.modal__content .input__not__valid::-webkit-input-placeholder {
    color: #fff !important;
}
.modal__content .input__not__valid::-moz-placeholder {
    color: #fff !important;
}
.modal__content .input__not__valid:-moz-placeholder {
    color: #fff !important;
}
.modal__content .input__not__valid:-ms-input-placeholder {
    color: #fff !important;
}
.modal__content .input__not__valid::-ms-input-placeholder {
    color: #fff !important;
}
.input__notice {
    display: none;
    width: 100%;
    margin: -7px 0 15px;
    padding: 0 5px;
    box-sizing: border-box;
}
.quiz__answer .input__notice {
    margin: 10px 0 0;
}
.input__notice.input__notice__message {
    margin: 8px 0 0;
}
.input__notice a,
.input__notice p {
    font-size: 14px;
    color: #e3a455;
}
.quiz__form .input__notice a,
.quiz__form .input__notice p {
    color: #fd2305;
}
.form__error,
.form__success {
    display: none;
    width: 100%;
    margin-top: 30px;
    padding: 10px;
    text-align: center;
}
.form__success {
    border: 1px solid #e3a455;
}
.form__success a,
.form__success li,
.form__success p,
.form__success span {
    color: #e3a455;
}
.quiz__form .form__success {
    border-color: #02025e;
}
.quiz__form .form__success a,
.quiz__form .form__success li,
.quiz__form .form__success p,
.quiz__form .form__success span {
    color: #02025e;
}
.form__error {
    border: 1px solid #fd2305;
}
.form__error a,
.form__error li,
.form__error p,
.form__error span {
    color: #fd2305;
}
.form__error.active,
.form__success.active {
    animation: 2s form_response_msg;
}
@keyframes form_response_msg {
    0%,
    100% {
        transform: scale(1) rotate(0);
    }
    25% {
        transform: scale(1.1) rotate(-5deg);
    }
    50% {
        transform: scale(1.1) rotate(5deg);
    }
}
@media screen and (max-width: 1160px) {
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='tel'],
    input[type='text'],
    textarea {
        font-size: 20px;
    }
}
@media screen and (max-width: 640px) {
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='tel'],
    input[type='text'],
    textarea {
        font-size: 18px;
    }
    .input__notice a,
    .input__notice p {
        font-size: 12px;
    }
    input[type='checkbox'],
    input[type='radio'] {
        margin-right: 13px;
    }
}
@media screen and (max-width: 560px) {
    .inputs__wrap.flex {
        flex-direction: column;
        flex-wrap: nowrap;
        margin-right: 0;
    }
    .inputs__wrap.flex > div {
        width: 100% !important;
        padding-right: 0;
    }
}
@media screen and (max-width: 460px) {
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='tel'],
    input[type='text'],
    textarea,
    .modal__content input[type='email'],
    .modal__content input[type='number'],
    .modal__content input[type='password'],
    .modal__content input[type='tel'],
    .modal__content input[type='text'],
    .modal__content textarea {
        font-size: 16px;
    }
    input[type='checkbox'],
    input[type='radio'] {
        margin: 0 11px 0 0;
    }
}
.contacts {
    background-repeat: repeat-y !important;
    background-size: auto !important;
    background-position: 0 0 !important;
}
.contacts__content.flex {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-right: -80px;
}
.contacts__content > div {
    width: calc(50% - 80px);
    margin-right: 80px;
}
.contacts__left__title {
    color: #fce300;
    margin-bottom: 40px;
}
.adddress__text a,
.adddress__text li,
.adddress__text p,
.adddress__text span,
.contacts__text a,
.contacts__text li,
.contacts__text p,
.contacts__text span {
    color: #fff;
}
.address__title,
.contacts__title {
    color: #fce300;
    margin: 20px 0 15px;
}
.contacts__wrap.flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.contacts__wrap a {
    position: relative;
    color: #fff;
    padding-left: 27px;
    text-decoration: none;
    line-height: 1.5;
}
.contacts__wrap a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}
.contacts__wrap .phone::before {
    background-image: url('/wp-content/themes/combit-construction/img/phone-gold.webp');
}
.contacts__wrap .mobile__phone::before {
    width: 18px;
    height: 18px;
    margin-top: -10px;
    background-image: url('/wp-content/themes/combit-construction/img/mobile-phone-yellow.webp');
}
.contacts__wrap .email::before {
    background-image: url('/wp-content/themes/combit-construction/img/email-gold.webp');
}
.contacts__wrap a + a {
    margin-top: 20px;
}
@media screen and (max-width: 1530px) {
    .contacts__left__title {
        font-size: 30px;
    }
}
@media screen and (max-width: 1160px) {
    .contacts__content.flex {
        flex-direction: column;
        margin-right: 0;
    }
    .contacts__content > div {
        width: 100%;
        margin-right: 0;
    }
    .contacts__right {
        margin-bottom: 60px;
        order: -1;
    }
    .contacts__left__title {
        margin-bottom: 55px;
        text-align: center;
    }
    .contacts__left .submit__btn__wrap {
        display: block;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .contacts__right {
        margin-bottom: 50px;
    }
    .contacts__left__title {
        font-size: 28px;
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 640px) {
    .contacts__left__title {
        font-size: 26px;
        margin-bottom: 45px;
    }
}
@media screen and (max-width: 560px) {
    .contacts__right {
        margin-bottom: 40px;
    }
    .contacts__left__title {
        font-size: 24px;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 460px) {
    .contacts__right {
        margin-bottom: 35px;
    }
    .contacts__left__title {
        font-size: 22px;
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 359px) {
    .contacts__left__title {
        font-size: 20px;
    }
}
.header__right__content{gap:12px}.header__btn{display:inline-block;padding:16px 24px;font-size:1.1em;font-weight:700;border-radius:6px;text-decoration:none;color:#e6c178;margin:0 4px;text-align:center;min-width:180px;border:2px solid #fff0;transition:background 0.2s,color 0.2s,box-shadow 0.2s}.header__btn--call,.header__btn--calc{background:#2d2d2d;color:#e6c178;border:2px solid #e6c178;font-weight:700}.header__btn--call:hover,.header__btn--calc:hover{background:#3a3a3a;color:#e6c178;border-color:#e6c178;box-shadow:0 2px 8px rgb(230 193 120 / .08)}.mobile-cta-wrap{display:none}@media (max-width:768px){.header__right__content>.header__btn{display:none!important}}@media (max-width:768px){.mobile-cta-wrap{display:flex;flex-direction:row;gap:8px;margin:16px 0 0 0;width:100%;padding:0 8px;box-sizing:border-box}.mobile-cta-wrap .header__btn{flex:1 1 0%;width:100%;min-width:0;margin:0;padding:16px 0;font-size:1.05em;font-weight:700;border-radius:6px;text-decoration:none;color:#e6c178;background:#2d2d2d;border:2px solid #e6c178;transition:background 0.2s,color 0.2s,box-shadow 0.2s;box-sizing:border-box;text-align:center;overflow:hidden}}.mobile-cta-wrap .header__btn--call:hover,.mobile-cta-wrap .header__btn--calc:hover{background:#3a3a3a;color:#e6c178;border-color:#e6c178;box-shadow:0 2px 8px rgb(230 193 120 / .08)}.videos__content.video__testimonials.flex{display:grid!important;grid-template-columns:repeat(3,minmax(350px,1fr))!important;gap:110px!important;margin:0 auto!important}.videos__content.video__testimonials.flex .video__wrap{display:flex!important;flex-direction:column!important;width:100%!important}@media (max-width:768px){.videos__content.video__testimonials.flex{grid-template-columns:1fr!important;gap:20px!important}}.videos__content.video__testimonials.flex{gap:0 110px!important}@media screen and (min-width:769px){.wp-block-table table{width:100%!important;table-layout:auto!important}}