/*********************************RESET******************************/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    /*scroll-behavior: smooth; le scroll-to est pas fluide*/
}
.clear {
    clear: both;
}
.cfix:after,
.container:after,
.row:after {
    clear: both;
}
.cfix:before,
.cfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
    content: "";
    display: table;
}
img a {
    border: none;
}
img {
    display: block;
}
a,
button {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease-out;
}
a:hover,
a:focus,
a:active,
button.btn:focus,
button.btn:hover {
    color: inherit;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
    outline: none;
    transition: all 0.3s ease-out;
}
h1,
h2,
h3,
h4 {
    font-weight: 400;
}
p {
    line-height: 1.6;
}
ul {
    list-style: none;
}
li {
    list-style: none;
}
strong {
    font-weight: 700;
}

/*
color:#e7d87e;rgba(231,216,126,1);
color:#191813;rgba(25,24,19,1);
color:#201f1b;rgba(32,31,27,1);
color:#262626;rgba(38,38,38,1));
font-family: 'Work Sans', sans-serif;
*/

/*********************************BASE******************************/
body {
    background: #fff;
    color: #191813;
    font-family: "Work Sans", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}
input,
textarea {
    font-family: "Work Sans", sans-serif;
}
h1,
h2,
h3,
h4,
.f-title {
    font-weight: 800;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
}
.t-br {
    display: block;
}
/*.t-sm{ font-weight:500; }
.t-xsm{ font-weight:300; }*/
.center {
    text-align: center;
}
p a {
    text-decoration: underline;
}
p a:hover {
    opacity: 0.6;
    text-decoration: underline;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.underline {
    text-decoration: underline;
}
.hard {
    white-space: nowrap;
}
a:hover {
}
.container,
.flex-container {
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
    width: 100%;
    padding: 0 30px;
}
.container.narrow {
    max-width: 1240px;
}
.container:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.flex-container .row:before,
.flex-container .row:after {
    content: "";
    display: none;
}
strong,
.strong {
    font-weight: 700;
}
button {
    font-family: "Work Sans", sans-serif;
    border: 0;
}
.btn {
    display: inline-block;
    color: #191813;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: center;
    background: #e7d87e; /*border:1px solid #e7d87e;*/
    padding: 15px 60px 15px 30px;
    border-radius: 300px;
    position: relative;
}
.btn:disabled {
    opacity: 0.5;
}
.btn:after {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    background: url(../images/btn-arrow.svg) right center no-repeat;
    background-size: auto 14px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -9px;
    transition: all 0.3s ease-out;
}
.btn.wishlist:after {
    width: 20px;
    height: 20px;
    background: url(../images/wishlist.svg) right center no-repeat;
    background-size: auto 20px;
    margin-top: -10px;
}
.btn.visit:after {
    width: 30px;
    height: 20px;
    background: url(../images/visit.svg) right center no-repeat;
    background-size: auto 20px;
    margin-top: -10px;
}
.btn:not(:disabled):hover {
    color: #191813;
    background: #d7c86b;
    padding-right: 70px;
}
.btn.wishlist:hover {
    padding: 15px 60px 15px 30px;
    color: #191813;
}
.btn.visit:hover {
    padding: 15px 60px 15px 30px;
    color: #191813;
}
#btn-wishlist.is-in-wishlist {
    background: #9d1d1d;
    border-color: #9d1d1d;
    color: #fff;
}
#btn-wishlist.is-in-wishlist:hover {
    background: #8e1616;
    border-color: #8e1616;
    color: #fff;
}
#btn-wishlist.is-in-wishlist svg {
    color: #fff;
}

.btn.btnOutline {
    background: #191813;
    border: 2px solid #e7d87e;
    color: #fff;
}
.btn.btnOutline:after {
    content: "";
    display: block;
    width: 20px;
    height: 18px;
    background: url(../images/btn-arrow-alt-ancre-yellow.svg) right center
        no-repeat;
    background-size: auto 14px;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -9px;
    transition: all 0.3s ease-out;
}
.btn.btnOutline:hover:after {
    background: url(../images/btn-arrow-alt-ancre-hover.svg) right center
        no-repeat;
    background-size: auto 14px;
}

.btnIcon {
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 3px solid #e7d87e;
    padding: 10px 35px;
    color: #191813;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    width: fit-content;
}
.btnIcon:hover {
    background: #d7c86b;
    border-color: #d7c86b;
    color: #191813;
}
.btnIcon svg {
    width: 30px;
    margin: 0 15px 0 0;
    color: #e7d87e;
    transition: all 0.3s ease-out;
}
.btnIcon:hover svg {
    color: #191813;
}

.btnBack {
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 2px solid #292926;
    padding: 10px 25px;
    color: #a3a3a1;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    width: fit-content;
}
.btnBack:hover {
    background: #292926;
    border-color: #292926;
    color: #e7d87e;
}
.btnBack svg {
    height: 15px;
    margin: 0 10px 0 0;
    color: #e7d87e;
    transform: rotate(180deg);
    transition: all 0.3s ease-out;
}

.btnCalcul {
    display: flex;
    align-items: center;
    border-radius: 100px;
    border: 2px solid #515151;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    width: fit-content;
}
.searchbar .btnCalcul {
    border: 2px solid #d7d7d6;
    color: #787878;
    font-weight: 500;
    font-size: 13px;
    padding: 10px 15px;
}
.btnCalcul:hover {
    background: #d7c86b;
    border-color: #d7c86b;
    color: #191813;
}
.btnCalcul svg {
    height: 20px;
    margin: 0 15px 0 0;
    color: #a6a6a6;
    transition: all 0.3s ease-out;
}
.btnCalcul:hover svg {
    color: #191813;
}

@media (max-width: 1679px) {
}
@media (max-width: 1359px) {
}
@media (max-width: 1219px) {
}
@media (max-width: 1019px) {
    .btnIcon .label > span {
        display: none;
    }
}
@media (max-width: 879px) {
}
@media (max-width: 619px) {
    body {
        font-size: 14px;
    }
    .btn,
    button {
        font-size: 14px;
        padding: 15px 50px 15px 20px;
    }
    .btn:after,
    button:after {
        right: 20px;
    }
    .btn.wishlist:hover {
        padding: 15px 50px 15px 20px;
    }
}

/*LAYOUT*/
.wrap {
    display: flex;
    flex-flow: row wrap;
}
.wrap-alt {
    display: flex;
    flex-flow: row wrap;
    flex-direction: row-reverse;
}
.wrap-center {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
@media (max-width: 1019px) {
    .wrap-alt {
        flex-direction: row;
    }
}

/* POP-UP */
.pop-up {
    background: #e7d87e;
    transition: 0.4s ease;
}
.pop-up .container {
    padding: 8px 90px;
    max-width: none;
}
.pop-up .content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.pop-up .text {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #191813;
    font-size: 17px;
    display: flex;
    align-items: center;
}
.pop-up .text .icon {
    margin-right: 10px;
}
.pop-up .btn {
    padding: 10px 50px 10px 24px;
    font-size: 14px;
    margin-left: 30px;
    background: #cab953;
    transition: 0.4s ease;
}
.pop-up .btn:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
    right: 24px;
}
.pop-up .btn:hover {
    padding-right: 50px;
    background: #cab953;
}

.pop-up:hover {
    background: #cab953;
}
.pop-up:hover .btn {
    background: #fff;
}

@media (max-width: 1679px) {
    .pop-up .container {
        padding: 15px 30px;
    }
}

@media (max-width: 660px) {
    .pop-up .btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .pop-up .text {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 450px) {
    .pop-up .content {
        justify-content: start;
    }
}

/*MOBILE HEADER*/
#mobile-btn {
    background: #e6d971;
    width: 95px;
    height: 95px;
    display: block;
    right: 0;
    cursor: pointer;
    position: relative;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mobile-btn svg {
    width: 95px;
    height: 95px;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
#mobile-btn path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.5s
            cubic-bezier(0.25, -0.25, 0.75, 1.25),
        stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -moz-transition: stroke-dashoffset 0.5s
            cubic-bezier(0.25, -0.25, 0.75, 1.25),
        stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
        stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
        stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25),
        stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    stroke-width: 32px;
    stroke: #191813;
    stroke-dashoffset: 0;
}
path#top,
path#bottom {
    stroke-dasharray: 240px 950px;
}
path#middle {
    stroke-dasharray: 240px 240px;
}
.cross path#top,
.cross path#bottom {
    stroke-dashoffset: -650px;
}
.cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px;
}

#menu {
    top: 0;
    width: 100%;
    left: 0;
    z-index: 980;
    background: #191813;
    position: fixed;
    height: 95px;
}
#menu > .inner-menu {
    height: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#menu .logo img {
    padding-left: 1em;
    max-height: 70px;
}
#menu .center-menu nav > ul {
    display: flex;
    gap: 30px;
}
#menu .center-menu a.primary {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    display: inline-block;
    position: relative;
}
#menu .center-menu a.primary:hover,
.main-header .menu li:hover a.primary {
    opacity: 0.6;
}
#menu .center-menu li.active a.primary {
    color: #e7d87e;
}
#menu .center-menu li.has-dropdown {
    position: relative;
    display: flex;
    gap: 1em;
}
#menu .center-menu li.has-dropdown svg {
    width: 13px;
    height: 7px;
}
#menu .center-menu li.has-dropdown ul {
    position: absolute;
    width: 220px;
    top: 30px;
    margin-left: -15px;
    padding-top: 20px;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    transform: translateY(-15px);
    transition: all 0.3s ease-out;
}
#menu .center-menu li.has-dropdown:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
#menu .center-menu li.has-dropdown ul li {
    display: block;
}
#menu .center-menu li.has-dropdown ul li + li {
    margin: 0;
    border-top: 1px solid #191813;
}
#menu .center-menu li.has-dropdown ul li a {
    color: #fff;
    background: #201f1b;
    text-align: left;
    display: block;
    width: 100%;
    padding: 15px;
    font-size: 14px;
}
#menu .center-menu li.has-dropdown ul li a:hover {
    color: rgba(255, 255, 255, 0.6);
}
#menu .buttons {
    display: flex;
    align-items: center;
    position: relative;
    gap: 2em;
}
#menu #search-button,
#menu .menu-heart {
    height: 100%;
    display: block;
    position: relative;
}
#menu .menu-heart {
    gap: 0px;
    display: flex;
    align-items: center;
    padding: 0 !important;
}
#menu #search-button svg,
#menu .menu-heart svg {
    width: 24px;
    height: 24px;
}
#menu #search-button svg path,
#menu .menu-heart svg path {
    fill: #e7d87e;
}
#menu .menu-heart .count {
    background: #e7d87e;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #191813;
    font-weight: 800;
    font-size: 13px;
    margin-left: -6px;
    margin-top: -14px;
}

#mobile-menu {
    background: #201f1b;
    transition: all 0.3s ease;
    opacity: 0;
    right: -100%;
    position: fixed;
    z-index: 9998;
    height: 100vh;
}
#mobile-menu.open {
    opacity: 1;
    right: 0;
}
#mobile-menu .menu {
    padding: 40px 20px;
}
#mobile-menu .menu li {
    position: relative;
}
#mobile-menu .menu a {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    display: block;
    padding: 14px 30px;
    border-bottom: 1px solid #201f1b;
}
#mobile-menu .menu a:last-child {
    border-bottom: 1px solid #201f1b;
}
#mobile-menu .menu a svg {
    width: 8px;
    right: 30px;
    top: 10px;
    position: absolute;
    transition: all 0.4s ease;
}
#mobile-menu .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease;
}
#mobile-menu .sub-menu a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding-left: 40px;
}
#mobile-menu .sub-menu.open {
    max-height: 415px;
}
#mobile-menu .has-sub a.open {
    color: #fff;
}
#mobile-menu .has-sub a.open svg {
    transform: rotate(90deg);
}
.in-center-menu {
    display: none;
}
#content {
    margin-top: 95px;
}

@media (max-width: 1279px) {
    .center-menu {
        display: none;
    }
    .in-center-menu {
        display: block;
    }
}
@media (max-width: 535px) {
    #menu #search-button {
        display: none;
    }
    #menu .logo img {
        max-height: 50px;
    }
    #mobile-btn,
    #mobile-btn svg {
        width: 75px;
        height: 75px;
    }
    #menu {
        height: 75px;
    }
    #content {
        margin-top: 75px;
    }
    #mobile-menu {
        width: 100%;
    }
}
@media (max-width: 376px) {
    #menu .menu-heart {
        display: none;
    }
}

section.before-footer {
    padding-bottom: 200px !important;
}
/*#top-footer{ padding-top:90px; }*/
#top-footer > div {
    background: #201f1b;
}
#top-footer .container {
    padding: 60px 30px;
}
#top-footer .content {
    padding-right: 440px;
    color: #fff;
}
#top-footer .content .location {
    float: left;
    padding-top: 45px;
    font-size: 16px;
}
#top-footer .content .location + .location {
    padding-left: 60px;
}
#top-footer .content h2 {
    font-size: 22px;
}
#top-footer .content h2 > span {
    font-size: 30px;
    color: #e7d87e;
    display: block;
}
#top-footer .content h3,
#top-footer .content h3 > a {
    font-weight: 700;
    text-transform: none;
    color: #fff;
}
#top-footer .content p {
    color: rgba(255, 255, 255, 0.6);
    margin: 15px 0;
}
#top-footer .content a {
    color: rgba(255, 255, 255, 0.6);
    margin-top: 15px;
}
#top-footer .content a:hover {
    color: rgba(255, 255, 255, 0.3);
}
#top-footer .content .quick-call {
    margin: 20px 0 0;
    border-top: 2px solid #303030;
    padding: 20px 0 0;
}
#top-footer .content .lg a {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
}
#top-footer .content .lg a:hover {
    color: #e7d87e;
}
#top-footer .content .sm {
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    margin: 0 0 5px;
}
#top-footer .rdv {
    width: 380px;
    position: absolute;
    right: 30px;
    bottom: 0;
    padding: 60px 30px;
    background: #e7d87e;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
#top-footer .rdv h3 {
    font-size: 22px;
}
#top-footer .rdv h3 > span {
    font-size: 30px;
    color: #191813;
    display: block;
}
#top-footer .rdv p {
    font-size: 16px;
    margin: 30px 0;
}
#top-footer .rdv .btn {
    color: #191813;
    background: #fff;
}
#top-footer .rdv .btn:hover {
    color: #fff;
    background: #191813;
    padding-right: 60px;
}
#top-footer .rdv .btn:hover:after {
    filter: invert(1);
}
@media (max-width: 1019px) {
    section.before-footer {
        padding-bottom: 120px !important;
    }
    #top-footer .content {
        padding: 0 0 60px 0;
    }
    #top-footer .content .location {
        font-size: 14px;
    }
    #top-footer .rdv {
        width: 100%;
        position: static;
        padding: 60px 30px;
    }
    #top-footer .rdv p {
        font-size: 14px;
    }
}
@media (max-width: 619px) {
    #top-footer {
        padding-top: 0;
    }
    #top-footer .content .location + .location {
        padding-left: 0;
    }
}

.main-footer {
    background: #191813;
}
.main-footer .container {
    max-width: none;
    padding: 0 90px;
    z-index: 55;
}
.main-footer .main-bar {
    padding: 60px 0;
}
.main-footer .logo {
    float: left;
}
.main-footer .logo a {
    display: block;
    position: relative;
}
.main-footer .logo img {
    height: 60px;
}
.main-footer .logo .rbq {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.3);
    padding-top: 10px;
}
.main-footer .menu {
    float: right;
    width: calc(100% - 230px);
    text-align: right;
    padding: 12px 0;
}
.main-footer .menu .meta {
    padding: 0;
}
.main-footer .menu .main {
    padding: 0;
}
.main-footer .menu li {
    display: inline-block;
}
.main-footer .menu .meta li + li {
    margin-left: 30px;
}
.main-footer .menu .main li + li {
    margin-left: 45px;
}
.main-footer .menu .meta a {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
    display: inline-block;
}
.main-footer .menu .meta a:hover {
    opacity: 0.6;
}
.main-footer .menu a.primary {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0;
    display: inline-block;
    position: relative;
}
.main-footer .menu a.primary:hover,
.main-footer .menu li:hover a.primary {
    opacity: 0.6;
}
.main-footer .menu li.active a.primary {
    color: #e7d87e;
}
.main-footer .menu .social + .social {
    margin-left: 20px;
}
.main-footer .menu .social a {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}
.main-footer .menu .social a:hover {
    color: #e7d87e;
}
.main-footer .copy {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    text-align: center;
    padding: 30px 0;
}
.main-footer .copy a:hover {
    color: #fff;
}
.main-footer .privacy {
    margin: 8px 0 0;
    font-weight: 600;
}
@media (max-width: 1679px) {
    .main-footer .menu .main li + li {
        margin-left: 20px;
    }
}
@media (max-width: 1359px) {
    .main-footer .logo {
        float: none;
        text-align: center;
    }
    .main-footer .logo a {
        display: inline-block;
    }
    .main-footer .menu {
        width: 100%;
        float: none;
        clear: left;
        text-align: center;
    }
}
@media (max-width: 619px) {
    .main-footer .container {
        padding: 0 30px;
    }
}

@media (min-width: 769px) {
    .btnRendezVous {
        transform: scale(2);
        transition: all 0.3s ease;
        transform-origin: center left;
        left: -420px;
        bottom: 60px !important;
    }

    .btnDemanderSoumission {
        bottom:175px !important;
    }
}

#fixed-rdv-btn {
    position: fixed;
    bottom: 30px;
    left: -420px;
    width: 205px;
    display: block;
    z-index: 60;
    background: url(../images/icn-calendar.svg) left 30px center no-repeat
        #e7d87e;
    background-size: 20px 20px;
    padding: 15px 30px 15px 60px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition-delay: 0.1s;
}
#fixed-rdv-btn.scroll:hover {
    background-color: #d7c86b;
}
#fixed-rdv-btn.scroll {
    left: -15px;
}
@media (max-width: 619px) {
    #fixed-rdv-btn.scroll {
        left: 0 !important;
    }
}

#fixed-quote-btn {
    position: fixed;
    bottom: 95px;
    left: -210px;
    width: 205px;
    display: block;
    z-index: 60;
    background: url(../images/icn-quote.svg) left 30px center no-repeat #e7d87e;
    background-size: 20px 20px;
    padding: 15px 30px 15px 60px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
#fixed-quote-btn.scroll:hover {
    background-color: #d7c86b;
    left: 0;
}
#fixed-quote-btn.scroll {
    left: -15px;
}
@media (max-width: 619px) {
    #fixed-rdv-btn.scroll {
        left: -210px;
    }
}

#home-slider {
    position: relative;
    background: #191813;
    padding: 200px 0 0;
}
#home-slider .wrap > div {
    display: flex;
    flex-direction: column;
}
#home-slider .content {
    /*background: #191813;*/
    width: 670px;
    padding: 90px 60px 90px 180px;
    min-height: 80vh;
    align-items: flex-start;
    justify-content: center;
}
#home-slider .img {
    width: calc(100% - 670px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#home-slider .content .pager {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
    padding-left: 10px;
}
#home-slider .content .pager span {
    display: block;
    float: left;
    width: 30px;
}
#home-slider .content .pager .sep {
    height: 2px;
    width: 60px;
    background: #e7d87e;
    margin: 10px 20px;
}
#home-slider .content .pager span:last-child {
    opacity: 0.3;
}
#home-slider .content .banner-title {
    max-width: 1200px;
    width: 60vw;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.3em;
    letter-spacing: 0.1em;
}
#home-slider .content .banner-title span {
    background-color: #191813;
    white-space: pre-wrap;
    padding-right: 10px;
}
#home-slider .content .banner-title span span {
    position: relative;
    left: 10px;
}
#home-slider .content .btn {
    margin-top: 60px;
    margin-left: 10px;
}
/*#home-slider .bx-controls{ position:absolute; right:0; bottom:0; z-index:55; }*/
#home-slider .bx-controls a {
    width: 70px;
    height: 70px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 55;
    display: flex;
    align-items: center;
    justify-content: center;
}
#home-slider .bx-controls a:hover {
    color: #e7d87e;
}
#home-slider .bx-controls .bx-prev {
    right: 80px;
}
#home-slider .bx-controls svg {
    width: 12px;
}
/*#home-slider .bx-pager{ position:absolute; left:180px; top:30px; z-index:55; color:#fff; }*/
#home-slider .social {
    position: absolute;
    bottom: 30px;
    left: 180px;
    z-index: 55;
}
#home-slider .social a {
    display: block;
    float: left;
    margin-right: 30px;
    color: #fff;
}
#home-slider .social a:hover {
    color: #e7d87e;
}
#home-slider .social svg {
    height: 30px;
}
@media (max-width: 1359px) {
    #home-slider .content {
        width: 570px;
        padding: 90px 60px 90px 60px;
    }
    #home-slider .img {
        width: calc(100% - 570px);
    }
    #home-slider .social {
        left: 60px;
    }
}
@media (max-width: 1219px) {
    #home-slider .content {
        width: 500px;
        padding: 90px 60px 90px 60px;
        min-height: 500px;
    }
    #home-slider .img {
        width: calc(100% - 500px);
    }
    #home-slider .content .banner-title {
        font-size: 40px;
    }
    #home-slider .social {
        left: 60px;
    }
}
@media (max-width: 879px) {
    #home-slider .content {
        width: 100%;
        padding: 30px 30px 90px;
        min-height: 0;
    }
    #home-slider .img {
        width: 100%;
        height: 40vh;
    }
    #home-slider .content .pager {
        font-size: 22px;
        margin-bottom: 30px;
        padding-left: 0;
    }
    #home-slider .content h1 {
        font-size: 22px;
        width: 100%;
    }
    #home-slider .content h1 span {
        padding-right: 0;
    }
    #home-slider .content h1 span span {
        left: 0;
    }
    #home-slider .bx-controls a {
        bottom: auto;
        top: calc(40vh - 70px);
    }
    #home-slider .content .btn {
        margin-top: 30px;
        margin-left: 0;
    }
    #home-slider .social {
        left: 30px;
    }
}
@media (max-width: 619px) {
    #home-slider {
        padding: 100px 0 0;
    }
    /*#home-slider .bx-controls{ display:none; }*/
    #home-slider .content .banner-title {
        font-size: 30px;
        width: 100%;
    }
    #home-slider .bx-controls a {
        width: 50px;
        height: 50px;
        top: calc(40vh - 50px);
    }
    #home-slider .bx-controls .bx-prev {
        right: 60px;
    }
}

#mobile-search-btn {
    display: none;
    padding: 30px;
    text-align: center;
    position: relative;
    color: #fff;
    background: #201f1b;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}
#mobile-search-btn.border {
    border: 2px solid #262626;
    border-radius: 10px;
}
#mobile-search-btn svg {
    width: 8px;
    margin: 0 0 -6px 6px;
    transition: all 0.4s ease;
}
#mobile-search-btn svg path {
    fill: #e7d87e;
}
#mobile-search-btn.open {
    border-color: transparent;
}
#mobile-search-btn.open svg {
    transform: rotate(90deg);
}
#search {
    position: relative;
    background: #191813;
    padding: 60px 0;
}
#search.home {
    padding: 120px 0;
}
#search .container {
    /*max-width: 1000px;*/
}
#search h1 {
    text-align: center;
    color: #e7d87e;
    font-size: 26px;
    padding-bottom: 30px;
}
#search p {
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
}
#search .filters > div {
    float: left;
    width: 20%;
    margin-top: 30px;
    padding: 0 15px;
}
#search .filters > div + div {
    border-left: 2px solid rgba(255, 255, 255, 0.1);
}
#search .search input {
    padding: 20px;
    background: #fff;
    font-size: 16px;
    border: none;
    border-radius: 5px 0 0 5px;
    width: calc(100% - 65px);
    height: 60px;
}
#search .select-outer {
    border: none;
    width: 100%;
    color: #fff;
    border-radius: 0;
    overflow: hidden;
    background: #191813 url(../images/select-arrow.svg) no-repeat 90% 50%;
    background-size: auto 22px;
}
#search .select-outer select {
    padding: 15px 8px;
    font-size: 16px;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    width: 130%;
    color: #fff;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}
#search .select-outer select:focus {
    outline: none;
}
#search .select-outer select option {
    background: #fff;
    color: #191813;
}
#search button {
    border: none;
    padding: 30px;
    border-radius: 0 5px 5px 0;
    float: right;
    background: #e7d87e url(../images/search-2.svg) center center no-repeat;
    background-size: 20px auto;
    cursor: pointer;
}
#search button:hover {
    background-color: #d7c86b;
}
#search button:after {
    display: none;
}
#search .special-filter {
    clear: left;
    padding: 30px 0;
    text-align: center;
}
@media (max-width: 879px) {
    #mobile-search-btn {
        display: block;
    }
    #search {
        background: #201f1b;
        height: 0;
        overflow: hidden;
        padding: 0;
        transition: all 0.6s ease;
    }
    #search.home {
        padding: 10vw 0;
        height: auto;
    }
    #search .hide-mobile {
        display: none;
    }
    #search.open {
        height: 450px;
        padding: 0 0 60px 0;
    }
    #search-form .search {
        display: none;
    }
    #search form {
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.6s ease;
        transition-delay: 0.4s;
    }
    #search-form.open {
        height: auto;
        opacity: 1 !important;
    }
    #search-form.open .search {
        display: block;
    }
    #search .filters > div {
        float: none;
        width: 100%;
        padding-top: 15px;
        margin-top: 15px;
    }
    #search .filters > div + div {
        border-left: none;
        border-top: 2px solid rgba(255, 255, 255, 0.1);
    }
    #search .search input {
        font-size: 12px;
    }
    #search .select-outer {
        background-color: #201f1b;
    }
    #search .select-outer select {
        padding: 10px 8px;
        font-size: 12px;
    }
}

#home-categories {
    position: relative;
    padding: 120px 0 0;
}
#home-categories h2 {
    font-size: 50px;
    margin-bottom: -15px;
    position: relative;
    z-index: 55;
}
#home-categories h2 > span {
    color: #e7d87e;
    display: block;
}
#home-categories .slider {
    margin: 0 25%;
}
#home-categories .slider > div {
    opacity: 0.6;
    transition: all 0.3s ease-out;
}
#home-categories .slider .active-slide {
    opacity: 1;
}
#home-categories .slider .inner {
    display: block;
    padding: 0 15px;
    cursor: default;
}
#home-categories .slider .active-slide .inner {
    cursor: pointer;
}
#home-categories .slider .inner .img {
    position: relative;
    border-bottom: 10px solid #fff;
}
#home-categories .slider .inner .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/btn-arrow-alt.svg) center center no-repeat
        rgba(25, 24, 19, 0.6);
    background-size: 20px auto;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#home-categories .slider .active-slide .inner:hover .img:after {
    opacity: 1;
    background-size: 30px auto;
}
#home-categories .slider .inner img {
    width: 100%;
}
#home-categories .slider .active-slide .img {
    border-color: #e7d87e;
}
#home-categories .slider .inner h3 {
    font-size: 30px;
    text-transform: none;
    padding: 15px 0 30px;
}
#home-categories .bx-controls a {
    width: 30px;
    height: 30px;
    background: #fff;
    position: absolute;
    right: 22vw;
    top: 145px;
    z-index: 55;
    display: flex;
    align-items: center;
    justify-content: center;
}
#home-categories .bx-controls a:hover {
    color: #e7d87e;
}
#home-categories .bx-controls .bx-prev {
    right: calc(22vw + 40px);
}
#home-categories .bx-controls svg {
    width: 12px;
}
#home-categories .bottom {
    background: url(../images/angle-left-1.png) left bottom no-repeat;
    min-height: 226px;
    position: relative;
}
#home-categories .bottom .btn {
    position: absolute;
    top: 60px;
    right: 22vw;
}
@media (max-width: 1679px) {
    #home-categories h2 {
        margin-left: 60px;
    }
    #home-categories .bx-controls a {
        right: 15vw;
    }
    #home-categories .bx-controls .bx-prev {
        right: calc(15vw + 40px);
    }
    #home-categories .bottom .btn {
        right: 15vw;
    }
}
@media (max-width: 1359px) {
    #home-categories h2 {
        margin-left: 90px;
    }
    #home-categories .bx-controls a {
        right: 60px;
    }
    #home-categories .bx-controls .bx-prev {
        right: 100px;
    }
    #home-categories .bottom .btn {
        right: 60px;
    }
}
@media (max-width: 1019px) {
    #home-categories h2 {
        font-size: 30px;
        margin-left: 0;
        margin-bottom: 15px;
    }
    #home-categories .slider {
        margin: 0;
    }
    #home-categories .slider > div {
        opacity: 1;
        padding: 0 15px;
    }
    #home-categories .slider .inner h3 {
        font-size: 20px;
    }
    #home-categories .bx-controls a {
        top: 130px;
    }
    #home-categories .bottom {
        min-height: 0;
        background: #fff;
        padding: 30px;
    }
    #home-categories .bottom .btn {
        position: relative;
        right: auto;
        top: auto;
    }
}

#home-video {
    position: relative;
    background: #191813;
    color: #fff;
    padding: 120px 0;
}
#home-video .wrap > div {
    display: flex;
    flex-direction: column;
}
#home-video .content {
    width: 40%;
    padding: 120px 60px;
    align-items: center;
}
#home-video.mc-video .content {
    width: 45%;
}
#home-video .content .inner {
    max-width: 520px;
}
#home-video.mc-video .content .inner {
    max-width: none;
}
#home-video .content h3 {
    font-size: 26px;
}
#home-video .content h1,
#home-video .content h2 {
    font-size: 45px;
    color: #e7d87e;
    display: block;
    margin-bottom: 5px;
}
#home-video .content p {
    color: rgba(255, 255, 255, 0.6);
    margin: 45px 0;
}
#home-video .video {
    width: 60%;
}
#home-video.mc-video .video {
    width: 55%;
}
#home-video .video a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/video-start.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}
#home-video .video a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 24, 19, 0);
    transition: all 0.3s ease-out;
}
#home-video .video a:hover:before {
    background: rgba(25, 24, 19, 0.6);
}
#home-video .video a .tag {
    background: url(../images/play-video.svg) 30px center no-repeat #e7d87e;
    padding: 40px 30px 40px 120px;
    border-radius: 0 5px 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease-out;
}
#home-video .video a:hover .tag {
    padding: 60px 60px 60px 120px;
}
#home-video .video a .tag h3 {
    font-size: 18px;
    color: #191813;
}
#home-video .video a .tag h3 > span {
    color: #191813;
    display: block;
    font-size: 15px;
    font-weight: 400;
}
@media (max-width: 1219px) {
    #home-video .content,
    #home-video.mc-video .content {
        width: 100%;
        padding: 90px 60px;
    }
    #home-video .video,
    #home-video.mc-video .video {
        width: 100%;
        padding: 0 60px;
    }
    #home-video .video a {
        width: 100%;
        height: 50vw;
    }
}
@media (max-width: 879px) {
    #home-video.mc-video {
        padding: 60px 0;
    }
    #home-video .video,
    #home-video.mc-video .video {
        padding: 0 30px;
    }
    #home-video .video a {
        height: 300px;
    }
    #home-video .video a .tag {
        background-size: 30px 30px;
        background-position: 15px center;
        padding: 20px 15px 20px 60px;
    }
    #home-video .video a:hover .tag {
        padding: 20px 15px 20px 60px;
    }
    #home-video .video a .tag h3 {
        font-size: 14px;
    }
    #home-video .content,
    #home-video.mc-video .content {
        padding: 60px 30px 0;
    }
    #home-video .content h3 {
        font-size: 20px;
    }
    #home-video .content h2 {
        font-size: 30px;
    }
    #home-video .content p {
        margin: 30px 0;
    }
}
@media (max-width: 485px) {
    #home-video .content,
    #home-video.mc-video .content {
        padding: 30px 30px 0;
    }
    #home-video.mc-video .content .inner{
        max-width: 100%;
    }
    #home-video .content h1{
        font-size: 30px;
    }
}
@media (max-width: 375px) {
    #home-video .content h1{
        font-size: 24px;
    }
}

#home-features {
    background: #191813;
}
#home-features .img {
    height: 550px;
    background: url(../images/bg-home-features.jpg) center center no-repeat;
    background-size: cover;
}
#home-features .content {
    background: #fff;
    padding: 90px 60px;
    margin-top: -200px;
}
#home-features .content .wrap > div {
    display: flex;
    flex-direction: column;
    width: 50%;
    justify-content: center;
}
#home-features .content .title h2 {
    font-size: 26px;
}
#home-features .content .title h2 > span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
#home-features .content .action {
    align-items: flex-end;
}
#home-features .content .row {
    margin-left: -30px;
}
#home-features .content .row .col {
    float: left;
    width: 33.333333%;
    padding: 60px 0 0 30px;
}
#home-features .content .row .col h3 {
    font-size: 22px;
    border-bottom: 5px solid #e7d87e;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
#home-features .content .row .col p {
    font-size: 16px;
    color: rgba(25, 24, 19, 0.6);
}
@media (max-width: 879px) {
    #home-features .content {
        padding: 60px 30px;
    }
    #home-features .content .title h2 {
        font-size: 20px;
    }
    #home-features .content .title h2 > span {
        font-size: 30px;
    }
    #home-features .content .wrap > div {
        width: 100%;
    }
    #home-features .content .action {
        align-items: flex-start;
        padding-top: 15px;
    }
    #home-features .content .row .col {
        float: none;
        width: 100%;
    }
    #home-features .content .row .col h3 {
        font-size: 20px;
    }
    #home-features .content .row .col p {
        font-size: 14px;
    }
}

#home-team {
    background: url(../images/angle-right-1.png) right bottom no-repeat #191813;
    padding: 200px 0 150px;
    min-height: 440px;
    position: relative;
}
#home-team .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#home-team .img {
    width: 380px;
}
#home-team .outer-slider {
    background: #fff;
    position: relative;
}
#home-team .outer-slider:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 50%;
    height: 15px;
    width: 200px;
    margin-left: -100px;
    background: #e7d87e;
}
#home-team .outer-slider:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    height: 15px;
    width: 200px;
    margin-left: -100px;
    background: #e7d87e;
}
#home-team .slider .inner img {
    width: 100%;
}
#home-team .slider .inner .desc {
    background: #fff;
    padding: 15px 85px;
    height: 75px;
}
#home-team .slider .inner .desc h3 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}
#home-team .slider .inner .desc h3 > span {
    font-size: 12px;
    color: rgba(25, 24, 19, 0.6);
    display: block;
    margin-top: 3px;
}
#home-team .bx-controls a {
    width: 75px;
    height: 75px;
    background: #fff;
    position: absolute;
    bottom: 0;
    z-index: 55;
    display: flex;
    align-items: center;
    justify-content: center;
}
#home-team .bx-controls a:hover {
    color: #e7d87e;
}
#home-team .bx-controls .bx-prev {
    left: 0;
    border-right: 2px solid rgba(25, 24, 19, 0.1);
}
#home-team .bx-controls .bx-next {
    right: 0;
    border-left: 2px solid rgba(25, 24, 19, 0.1);
}
#home-team .bx-controls svg {
    width: 12px;
}
#home-team .content {
    width: calc(100% - 380px);
    padding: 30px 0 30px 120px;
    color: #fff;
}
#home-team .content .inner {
    max-width: 520px;
}
#home-team .content h2 {
    font-size: 26px;
}
#home-team .content h2 > span {
    font-size: 35px;
    color: #e7d87e;
    display: block;
}
#home-team .content h2 > span.lg {
    font-size: 50px;
}
#home-team .content p {
    color: rgba(255, 255, 255, 0.6);
    margin: 45px 0;
}
@media (max-width: 1679px) {
    #home-team {
        background-position: right -100px bottom -100px;
    }
}
@media (max-width: 879px) {
    #home-team .slider .inner .desc {
        height: 68px;
        padding: 15px 70px;
    }
    #home-team .slider .inner .desc h3 {
        font-size: 12px;
    }
    #home-team .slider .inner .desc h3 > span {
        font-size: 10px;
    }
    #home-team .bx-controls a {
        width: 68px;
        height: 68px;
    }
    #home-team {
        background-position: right -100px bottom -230px;
    }
    #home-team .img {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    #home-team .content {
        width: 100%;
        padding: 60px 0 90px;
    }
    #home-team .content h2 {
        font-size: 20px;
    }
    #home-team .content h2 > span {
        font-size: 25px;
    }
    #home-team .content h2 > span.lg {
        font-size: 30px;
    }
    #home-team .content p {
        margin: 30px 0;
    }
}
@media (max-width: 619px) {
    #home-team {
        padding: 100px 0 150px;
    }
}

#blog-listing {
    padding: 120px 0;
}
#blog-listing .cat-filter {
    margin: 0 0 50px;
}
#blog-listing .cat-filter select {
    border-radius: 10px;
    border: 2px solid #cfcfce;
    height: 56px;
    padding-left: 20px;
    padding-right: 35px;
    margin: 0 auto;
    display: block;
    background: url(../images/select-arrow.svg) right 20px center no-repeat;
    background-size: 16px auto;
    appearance: none;
    width: 100%;
    max-width: 280px;
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
}
#blog-listing .title {
    padding-bottom: 30px;
    text-align: center;
}
#blog-listing .title h2 {
    font-size: 35px;
}
#blog-listing .title h2 > span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
#blog-listing .item {
    margin-top: 90px;
    display: block;
}
#blog-listing.blog-page .item:first-child {
    margin-top: 0;
}
#blog-listing .item:hover {
    background: #e7d87e;
}
#blog-listing .item:nth-child(even) .wrap {
    flex-direction: row-reverse;
}
#blog-listing .item .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#blog-listing .item .img {
    width: 55%;
    background-position: center center;
    background-size: cover;
    position: relative;
}
#blog-listing .item .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/btn-arrow-alt.svg) center center no-repeat
        rgba(25, 24, 19, 0.6);
    background-size: 20px auto;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#blog-listing .item:hover .img:after {
    opacity: 1;
    background-size: 30px auto;
}
#blog-listing .item .content {
    width: 45%;
}
#blog-listing .item .inner {
    padding: 60px;
}
#blog-listing .item .wrap-alt .inner,
#blog-listing .item:nth-child(even) .wrap .inner {
    text-align: right;
}
#blog-listing .item .inner .date {
    font-size: 16px;
    font-weight: 700;
    color: #e7d87e;
    text-transform: uppercase;
}
#blog-listing .item:hover .inner .date {
    color: #fff;
}
#blog-listing .item .inner h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 10px;
}
#blog-listing .item .inner p {
    font-size: 16px;
    color: rgba(25, 24, 19, 0.6);
    margin: 30px 0;
}
#blog-listing.mc-video .item .inner p {
    margin-bottom: 0;
}
#blog-listing .item .inner .fake-btn {
    display: inline-block;
    padding: 15px 40px 15px 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
#blog-listing .item .inner .fake-btn:after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/btn-arrow.svg) right 7px center no-repeat;
    background-size: auto 14px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -14px;
    border: 2px solid #e7d87e;
    border-radius: 50%;
}
#blog-listing .item:hover .inner .fake-btn:after {
    border-color: #fff;
}
#blog-listing .content {
    text-align: center;
    margin-top: 2em;
}
@media (max-width: 1019px) {
    #blog-listing .item:nth-child(even) .wrap {
        flex-direction: row;
    }
    #blog-listing .item .wrap-alt .inner,
    #blog-listing .item:nth-child(even) .wrap .inner {
        text-align: left;
    }
}
@media (max-width: 879px) {
    #blog-listing .title {
        padding-bottom: 0;
    }
    #blog-listing .title h2 {
        font-size: 20px;
    }
    #blog-listing .title h2 > span {
        font-size: 30px;
    }
    #blog-listing .item:hover {
        background: #fff;
    }
    #blog-listing .item .img {
        width: 100%;
        height: 200px;
    }
    #blog-listing .item .content {
        width: 100%;
    }
    #blog-listing .item .inner {
        padding: 0;
    }
    #blog-listing .item .wrap-alt .inner {
        text-align: left;
    }
    #blog-listing .item .inner .date {
        font-size: 14px;
        margin-top: 15px;
    }
    #blog-listing .item:hover .inner .date {
        color: inherit;
    }
    #blog-listing .item .inner h3 {
        font-size: 20px;
    }
    #blog-listing .item .inner p {
        font-size: 14px;
    }
    #blog-listing .item:hover .inner .fake-btn:after {
        border-color: inherit;
    }
}

#blog-single {
    margin-top: -60px;
}
#blog-single .container {
    max-width: 1010px;
}
#blog-single .img img {
    width: 100%;
}
#blog-single .content {
    padding-top: 30px;
}
#blog-single .content p {
    color: rgba(25, 24, 19, 0.6);
    margin-top: 15px;
}
#blog-single .content .back-blog {
    margin-top: 30px;
}
#blog-single .content .back-btn {
    display: inline-block;
    padding: 15px 0 15px 40px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
#blog-single .content .back-btn:after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/btn-arrow.svg) right 7px center no-repeat;
    background-size: auto 14px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
    border: 2px solid #e7d87e;
    border-radius: 50%;
    transform: rotate(180deg);
    transition: all 0.3s ease-out;
}
#blog-single .content .back-btn:hover {
    color: rgba(25, 24, 19, 0.6);
}
#blog-single .content .back-btn:hover:after {
    border-color: #191813;
}
@media (max-width: 879px) {
    #blog-single {
        margin-top: -30px;
    }
}

#event-page {
    padding: 90px 0;
}
#event-page .container {
    max-width: 1010px;
}
#event-page .content p + p {
    margin-top: 15px;
}

/*FICHE*/
#main-model-desc {
    padding: 0 0 60px;
    position: relative;
}
#main-model-desc:before {
    content: "";
    display: block;
    min-height: 300px;
    height: 600px;
    max-height: 650px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #191813;
}
#main-model-desc .container {
    max-width: none;
    padding: 0;
}
#main-model-desc .top {
    padding: 100px 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #191813;
}
#main-model-desc .share span {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-right: 90px;
    vertical-align: middle;
}
#main-model-desc .share span:after {
    content: "";
    display: block;
    height: 2px;
    width: 60px;
    background: #e7d87e;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -1px;
}
#main-model-desc .share a {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    color: #fff;
}
#main-model-desc .share a:hover {
    color: #e7d87e;
}
#main-model-desc .share.mobile {
    display: none;
}
#main-model-desc .share.mobile span {
    color: #191813;
}
#main-model-desc .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
#main-model-desc .img {
    width: 55%;
    padding: 0 90px 0 0;
}
#main-model-desc .img .bx-wrapper {
    position: relative;
}
#main-model-desc .img img {
    width: 100%;
}
#main-model-desc .bx-controls a {
    width: 70px;
    height: 70px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 55;
    display: flex;
    align-items: center;
    justify-content: center;
}
#main-model-desc .bx-controls a:hover {
    color: #e7d87e;
}
#main-model-desc .bx-controls .bx-prev {
    right: 80px;
}
#main-model-desc .bx-controls svg {
    width: 12px;
}
#main-model-desc .bx-pager {
    margin-left: -30px;
    display: flex;
    flex-wrap: wrap;
}
#main-model-desc .bx-pager > div {
    /* float: left; */
    width: 20%;
    padding-left: 30px;
    padding-top: 30px;
    /* height: 100%; */
}
#main-model-desc .bx-pager a {
    display: block;
    opacity: 0.3;
}
#main-model-desc .bx-pager a.active {
    opacity: 1;
}

#main-model-desc .bx-pager button.open-gallery {
    display: flex;
    width: 100%;
    height: 100%;
    border: 2px solid #e7d87e;
    color: #e7d87e;
    font-size: 3rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease-out;
    opacity: 1 !important;
    background: #fff;
    line-height: 0;
    padding-left: 1em;
    padding-right: 1em;
    max-height: 133px;
}
#main-model-desc .bx-pager button.open-gallery:hover {
    background: #e7d87e;
    color: #191813;
}

#main-model-desc .content {
    width: 45%;
}
#main-model-desc .img-mobile {
    display: none;
}
#main-model-desc .img-mobile img {
    width: 100%;
}
#main-model-desc .top-content {
    padding: 0 90px 60px 90px;
    min-height: 330px;
    background: #191813;
    color: #fff;
}
#main-model-desc .cat {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 15px;
    margin: 0 0 30px;
    width: fit-content;
    background: #e7d87e;
    color: #191813;
}
#main-model-desc h1 {
    font-size: 60px;
    margin-bottom: 15px;
}
#main-model-desc h1 > span {
    font-size: 22px;
    color: #e7d87e;
    display: block;
    margin-bottom: 5px;
}
#main-model-desc .price {
    font-size: 20px;
    font-weight: 700;
    color: #a6a6a6;
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}
#main-model-desc .price > div {
    margin: 0 10px 0 0;
}
#main-model-desc .price .sep {
    color: #e7d87e;
}
#main-model-desc .specs {
    padding: 15px 90px;
    background: #f8f8f8;
    color: #a3a3a1;
}
#main-model-desc .spec {
    width: 33.33333%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#main-model-desc .spec + .spec {
    border-left: 2px solid #e7e7e7;
}
#main-model-desc .spec .icn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin: 0 0 10px;
}
#main-model-desc .desc {
    padding: 70px 90px;
    font-size: 16px;
    color: rgba(25, 24, 19, 0.6);
}

#main-model-desc .desc p+p{
    margin-top: 1em;
}

#main-model-desc .model-wishlist {
    margin-top: 30px;
}
#main-model-desc .model-reals {
    margin-top: 15px;
}
#main-model-desc .model-visit {
    margin-top: 15px;
}
@media (max-width: 1679px) {
    #main-model-desc:before {
        height: 450px;
    }
    #main-model-desc .top {
        padding: 60px 30px;
    }
    #main-model-desc .top-content {
        padding: 60px 30px;
    }
    #main-model-desc h1 {
        font-size: 45px;
    }
    #main-model-desc .img {
        padding: 0 30px 0 0;
    }
    #main-model-desc .bx-pager {
        margin-left: -15px;
    }
    #main-model-desc .bx-pager > div {
        padding-left: 15px;
        padding-top: 15px;
    }
    #main-model-desc .specs {
        padding: 15px 30px;
    }
    #main-model-desc .desc {
        padding: 50px 30px;
    }
}
@media (max-width: 1219px) {
    #main-model-desc:before {
        display: none;
    }
    #main-model-desc .img {
        width: 100%;
        padding: 0 30px;
    }
    #main-model-desc .top {
        padding: 50px 30px;
    }
    #main-model-desc .content {
        width: 100%;
    }
    #main-model-desc .img-mobile {
        display: block;
    }
    #main-model-desc .top-content {
        min-height: 0;
    }
    #main-model-desc h1 {
        max-width: 600px;
    }
}
@media (max-width: 619px) {
    #main-model-desc .top {
        display: block;
        padding: 30px;
    }
    #main-model-desc .top .share {
        display: none;
    }
    #main-model-desc .bx-controls a {
        width: 40px;
        height: 40px;
    }
    #main-model-desc .bx-controls .bx-prev {
        right: 50px;
    }
    #main-model-desc .bx-controls svg {
        width: 8px;
    }
    #main-model-desc h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    #main-model-desc h1 > span {
        font-size: 18px;
    }
    #main-model-desc .desc {
        font-size: 14px;
    }
    #main-model-desc .share.mobile {
        display: block;
        padding: 50px 30px 0;
    }
    #main-model-desc .share span {
        display: block;
    }
    #main-model-desc .share span:after {
        position: static;
        margin: 15px 0;
    }
    #main-model-desc .share a {
        color: #191813;
    }

    #main-model-desc .bx-pager a.open-gallery {
        font-size: 1.5rem;
    }
}

#model-quote {
    background: #e7d87e;
    position: relative;
}
#model-quote:before {
    content: "";
    display: block;
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* background: #191813; */
}
#model-quote .inner {
    background-color: #e7d87e;
    padding: 100px 90px;
    position: relative;
}
#model-quote .title h2 {
    font-size: 40px;
}
#model-quote .action {
    position: absolute;
    right: 90px;
    top: 50%;
    margin-top: -26px;
}
#model-quote .action .btn {
    color: #191813;
    background: #fff;
}
#model-quote .action .btn:hover {
    color: #fff;
    background: #191813;
    padding-right: 60px;
}
#model-quote .action .btn:hover:after {
    filter: invert(1);
}
@media (max-width: 1219px) {
    #model-quote .action {
        position: static;
        margin-top: 30px;
    }
}
@media (max-width: 619px) {
    #model-quote .inner {
        padding: 60px 30px;
    }
    #model-quote .title h2 {
        font-size: 25px;
    }
}

.model-video {
    background: url(../images/bg-bottom-video.png) left bottom repeat-x #201f1b;
    /* padding-top: 120px; */
}
.model-video .container {
    max-width: none;
    padding: 0 90px;
}
.model-video a {
    display: block;
    width: 100%;
    height: 60vh;
    position: relative;
    background: center center;
    background-size: cover;
}
.model-video a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(25, 24, 19, 0.3);
    transition: all 0.3s ease-out;
}
.model-video a:after {
    content: "";
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -45px 0 0 -45px;
    background: url(../images/play-video-tiny.svg) center center no-repeat;
    background-size: auto 24px;
    border-radius: 50%;
    border: 6px solid #e7d87e;
    transition: all 0.3s ease-out;
}
.model-video a:hover:after {
    background-color: #e7d87e;
}
.model-video a:hover:before {
    background: rgba(25, 24, 19, 0);
}
@media (max-width: 1219px) {
    .model-video .container {
        padding: 0 30px;
    }
    .model-video a {
        height: 40vh;
    }
}
@media (max-width: 619px) {
    .model-video {
        background-position: left bottom -120px;
    }
}

.faq {
    padding: 160px 0;
}
.faq.dark {
    background: #191813;
    color: #fff;
}
.faq .container {
    max-width: 950px;
}
.faq h2 {
    font-size: 35px;
    margin-bottom: 30px;
}
.faq h2.center {
    text-align: center;
}
.faq h2.center span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
.faq .item + .item {
    border-top: 2px solid rgba(25, 24, 19, 0.1);
}
.faq.dark .item + .item {
    border-color: rgba(255, 255, 255, 0.07);
}
.faq .t-item {
    color: rgba(25, 24, 19, 0.4);
    padding: 30px 60px 30px 0;
    cursor: pointer;
    position: relative;
    transition: all 0.4s ease;
}
.faq.dark .t-item {
    color: rgba(255, 255, 255, 0.6);
}
.faq .t-item.open {
    color: rgba(25, 24, 19, 0.6);
}
.faq.dark .t-item.open {
    color: #e7d87e;
}
.faq .t-item:hover {
    color: #e7d87e;
}
.faq.dark .t-item:hover {
    color: rgba(255, 255, 255, 0.3);
}
.faq .t-item h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
}
.faq .t-item h2 {
    font-size: 18px;
    margin: 0;
}
.faq .t-item .icn {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -15px;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/arrow-sm.svg) center center no-repeat;
    background-size: auto 24px;
    transform: rotate(90deg);
    transition: all 0.3s ease-out;
}
.faq .t-item.open .icn {
    transform: rotate(-90deg);
}
.faq .c-item {
    height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}
.faq .c-item.open {
}
.faq .c-item > div {
    padding: 0 80px 30px 15px;
    color: rgba(25, 24, 19, 0.6);
    font-size: 16px;
}
.faq.dark .c-item > div {
    color: #fff;
}
.faq .c-item p + p {
    margin-top: 15px;
}
.faq .cta {
    margin: 30px 0 0;
    text-align: center;
}
@media (max-width: 619px) {
    .faq {
        padding: 100px 0 120px;
    }
    .faq h2 {
        font-size: 20px;
    }
    .faq h2.center span {
        font-size: 30px;
    }
    .faq .t-item h3 {
        font-size: 16px;
    }
    .faq .t-item h2 {
        font-size: 16px;
    }
    .faq .c-item > div {
        padding: 0 15px 30px 15px;
        font-size: 14px;
    }
}

.related {
    padding: 180px 0;
}
.related.all {
    padding-top: 60px;
}
.related + .related {
    padding-top: 0;
}
.related.dark {
    background: #191813;
}
.related + .related.dark {
    padding: 180px 0 260px;
}
.related .title {
    padding-bottom: 30px;
    text-align: center;
}
.related.dark .title {
    color: #fff;
}
.related .title h2 {
    font-size: 35px;
}
.related .title h2 > span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
.related .title.sm h2 {
    font-size: 25px;
    text-transform: uppercase;
}
.related .title.sm h2 > span {
    font-size: 20px;
    font-weight: 400;
    color: #191813;
    display: block;
}
.related .title.wbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}
.related .title.wbtn h2 {
    font-size: 30px;
}
.related .wrap.row {
    margin-left: -30px;
}
.related .wrap.row:after,
.related .wrap.row:before {
    display: none;
} /*bug safari*/
.related .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.related .item {
    padding: 30px 0 0 30px;
    width: 33.333333%;
}
.related .item-full {
    padding: 30px 0 0 30px;
    width: 100%;
}
.related .item .inner {
    height: 100%;
    background: #fff;
    position: relative;
}
.related .item-full .inner {
    text-align: center;
}
.related .item-full .cta {
    display: none;
}
.related .item-full .cta .btnIcon {
    margin: 0 auto;
}
.related .item .img,
.related .item .img-no-hover {
    display: block;
    position: relative;
}
.related .item .img img,
.related .item .img-no-hover img {
    width: 100%;
}
.related .item .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/btn-arrow-alt.svg) center center no-repeat
        rgba(25, 24, 19, 0.6);
    background-size: 20px auto;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.related .item .no-hover-image .img:hover:after {
    opacity: 1;
    background-size: 30px auto;
}

.related .item .hover-image-module .img .image-hover {
    position: absolute;
    top: 0;
    left: 0;
}
.related .item .hover-image-module .img .image-base {
    position: relative;
    z-index: 2;
    opacity: 1;
    transition: linear 0.2s opacity;
    background: #fff;
}
.related .item .hover-image-module .img:hover .image-hover {
}
.related .item .hover-image-module .img:hover .image-base {
    opacity: 0;
}

.related .item .content {
    padding: 30px 15px 15px;
    position: relative;
}
.related .item .content .type {
    position: absolute;
    top: -12px;
    left: 0;
    z-index: 3;
    padding: 5px 15px;
    background: #e7d87e;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.related .item .content h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}
.related .item .content h3 a:hover {
    color: #e7d87e;
}
.related .item .specs {
    margin-top: 15px;
}
.related .item .spec {
    float: left;
}
.related .item .spec > div {
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #a3a3a1;
    padding: 8px 0 8px 35px;
}
.related .item .spec.dimensions > div {
    background-image: url(../images/icn-dimensions-alt.svg);
    background-size: auto 25px;
}
.related .item .spec.beds {
    padding-left: 20px;
}
.related .item .spec.beds > div {
    background-image: url(../images/icn-chambres-alt.svg);
    background-size: auto 20px;
}
.related .item .spec.baths {
    padding-left: 20px;
}
.related .item .spec.baths > div {
    background-image: url(../images/icn-salles-de-bain-alt.svg);
    background-size: auto 20px;
}
@media (max-width: 879px) {
    .related .title h2 {
        font-size: 20px;
    }
    .related .title h2 > span {
        font-size: 30px;
    }
    .related .title.sm h2 {
        font-size: 22px;
    }
    .related .title.sm h2 > span {
        font-size: 14px;
    }
    .related .title.wbtn h2 {
        font-size: 20px;
    }
}
@media (max-width: 619px) {
    .related {
        padding: 100px 0;
    }
    .related + .related.dark {
        padding: 100px 0;
    }
    .related .title {
        padding-bottom: 15px;
    }
    .related .title.wbtn .cta {
        display: none;
    }
    .related .item {
        width: 100%;
    }
    .related .item-full .cta {
        display: block;
    }
}

.listing-products {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
    background: #fff;
    display: flex;
    gap: 100px;
}
.listing-products > .products {
    flex: 1;
    background: #fff;
}
.listing-products .searchbar {
    padding-right: 70px;
    width: 305px;
    background: #f8f8f8;
    padding-top: 180px;
    position: relative;
    z-index: 3;
}
.listing-products .searchbar::before {
    content: "";
    position: absolute;
    height: 100%;
    right: 100%;
    left: -100vw;
    background-color: inherit;
    top: 0;
}
.listing-products .searchbar .searchbar-title {
    font-size: 24px;
    font-weight: 900;
    color: #191813;
    text-transform: uppercase;
    margin-bottom: 28px;
}
.listing-products .searchbar .group:not(.noborder) {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 2px solid #e7e7e7;
}
.listing-products .searchbar .group {
    position: relative;
}
.listing-products .searchbar .group > label {
    display: block;
    font-size: 18px;
    font-weight: 900;
    color: #191813;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.listing-products .searchbar .search {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 4px;
}
.listing-products .searchbar .search input {
    flex: 1;
    border-radius: 5px 0 0 5px;
    border: 2px solid #cfcfce;
    height: 42px;
    padding-left: 1em;
    padding-right: 0.5em;
}
.listing-products .searchbar .search button {
    border: none;
    padding: 21px;
    border-radius: 0 5px 5px 0;
    background: #e7d87e url(../images/search.svg) center center no-repeat;
    background-size: 20px auto;
    cursor: pointer;
}

.listing-products .searchbar .filters {
    margin-bottom: 28px;
}

.listing-products .order-filter {
    display: flex;
    justify-content: flex-end;
}
.listing-products .order-filter .select-outer {
    display: flex;
    gap: 1em;
    align-items: center;
    flex-wrap: wrap;
}
.listing-products .order-filter select {
    border-radius: 5px;
    border: 2px solid #cfcfce;
    height: 42px;
    padding-left: 1em;
    padding-right: 1em;
}

.listing-products .order-filter label {
    color: #a6a6a4;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 1270px) {
    .listing-products .related .item {
        width: 50%;
    }
}

@media (max-width: 879px) {
    .listing-products {
        flex-wrap: wrap;
        gap: 2em;
        padding: 0;
    }
    .listing-products > .products {
        padding: 50px 1em 120px 1em;
    }
    .listing-products .searchbar {
        display: none;
        width: 100%;
        padding: 2em 1em;
    }

    .listing-products .searchbar.open {
        display: block;
    }
}

@media (max-width: 679px) {
    .listing-products .related .item {
        width: 100%;
    }
}

.custom-checkbox {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 2em;
    align-items: center;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
}
.custom-checkbox input[type="checkbox"] {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}
.custom-checkbox label {
    padding-left: 5px;
    line-height: 1.2;
    font-size: 15px;
    font-weight: 500;
    color: #a3a3a1;
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-checkbox label::before {
    border-radius: 0.25rem;
    transition: background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    position: absolute;
    top: 0;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: transparent;
    border: 2px solid #a3a3a1;
}
.custom-checkbox label::after {
    position: absolute;
    top: 0.1rem;
    left: -1.4rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: 50%/50% 50% no-repeat;
}
.custom-checkbox input[type="checkbox"]:checked ~ label::before {
    color: #fff;
    border-color: #e7d87e;
    background-color: #e7d87e;
}
.custom-checkbox input[type="checkbox"]:checked ~ label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.info-advanced {
    z-index: 3;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #e7d87e;
    color: #191813;
    cursor: default;
    border: 3px solid #191813;
}
.info-advanced + .more {
    z-index: -1;
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
    transition: all 0.15s ease-in-out;
    position: absolute;
    color: #191813;
    background: #e6d971;
    font-size: 12px;
    border-radius: 10px;
    padding: 1em 3em;
    top: 0;
    left: 12px;
    width: 310px;
}
.info-advanced:focus + .more,
.info-advanced:hover + .more {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    z-index: 2;
}

.info-advanced-wrapper {
    position: absolute;
    top: 0;
    right: 0;
}

.info-advanced-wrapper .info-advanced {
    border: 3px solid #f8f8f8;
}

@media (max-width: 647px) {
    .info-advanced + .more {
        width: 260px;
        padding: 1em 1.5em;
        right: 11px;
        left: auto;
    }
}

.min-max-slider {
    display: flex;
    justify-content: space-between;
    margin: 1em 0 1.75em;
}
.min-max-slider .min {
}
.min-max-slider .max {
    text-align: right;
}
.min-max-slider .min .label,
.min-max-slider .max .label {
    color: #a3a3a1;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}
.min-max-slider .min .value,
.min-max-slider .max .value {
    font-size: 17px;
    color: #787878;
    display: block;
    font-weight: 900;
}

.noUi-horizontal {
    height: 3px !important;
    margin-bottom: 2em;
}
.noUi-target {
    background: #cfcfce !important;
    box-shadow: none !important;
    border: none !important;
}
.noUi-handle:after,
.noUi-handle:before {
    display: none !important;
}
.noUi-horizontal .noUi-handle {
    top: -11px !important;
    width: 25px !important;
    height: 25px !important;
    border: 5px solid #f8f8f8 !important;
    border-radius: 100% !important;
    background-color: #e7d87e !important;
    box-shadow: none !important;
}
.noUi-connects {
    top: -1px;
    height: 5px !important;
}
.noUi-connect {
    background: #787878 !important;
}

#single-comment {
    background: url(../images/angle-right-2.png) right top no-repeat;
    padding: 120px 0;
    min-height: 230px;
    position: relative;
}
#single-comment .content {
    background: url(../images/icn-quotes.svg) left top no-repeat;
    background-size: 110px auto;
    padding-left: 160px;
}
#single-comment .content .main {
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 15px 0;
    line-height: 1.2;
}
#single-comment .content .client {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #a3a3a1;
    position: relative;
    padding-left: 45px;
}
#single-comment .content .client:before {
    content: "";
    display: block;
    height: 2px;
    width: 30px;
    background: #e7d87e;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
@media (max-width: 1679px) {
    #single-comment .content .main {
        max-width: 850px;
    }
}
@media (max-width: 1219px) {
    #single-comment .content .main {
        font-size: 25px;
        max-width: 550px;
    }
}
@media (max-width: 619px) {
    #single-comment {
        background: none;
        padding: 90px 0;
    }
    #single-comment .content {
        background-size: 90px auto;
        padding-left: 60px;
    }
    #single-comment .content .main {
        font-size: 18px;
    }
    #single-comment .content .client {
        font-size: 14px;
    }
}

#faq-intro {
    background: url(../images/bg-bottom-faq.png) left bottom repeat-x #191813;
    padding: 120px 0 150px;
}
#faq-intro h1 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
#faq-intro h1 span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
#faq-intro p {
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
}
#faq-intro .row {
    margin-left: -30px;
    padding-top: 90px;
}
#faq-intro .item {
    padding: 30px 0 0 30px;
    width: 50%;
    float: left;
}
#faq-intro .item a {
    display: block;
}
#faq-intro .item .img {
    display: block;
    position: relative;
}
#faq-intro .item .img img {
    width: 100%;
}
#faq-intro .item .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/btn-arrow-alt.svg) center center no-repeat
        rgba(25, 24, 19, 0.6);
    background-size: 20px auto;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#faq-intro .item a:hover .img:after {
    opacity: 1;
    background-size: 30px auto;
}
#faq-intro .item .content {
    padding: 30px 100px 30px 30px;
    background: #fff;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease-out;
}
#faq-intro .item a:hover .content {
    background: #e7d87e;
}
#faq-intro .item .content:after {
    content: "";
    display: block;
    width: 90px;
    height: 100%;
    background: url(../images/btn-arrow-thin.svg) center center no-repeat
        #e7d87e;
    background-size: auto 22px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease-out;
}
#faq-intro .item a:hover .content:after {
    background-color: #d7c86b;
}
#faq-intro .buttons {
    display: flex;
    gap: 1em;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
}
#faq-intro .buttons .btn {
    padding: 15px 20px;
}
#faq-intro .buttons .btn:after {
    display: none;
}
@media (max-width: 1219px) {
    #faq-intro .item .content {
        padding: 20px 80px 20px 20px;
        font-size: 16px;
    }
    #faq-intro .item .content:after {
        width: 60px;
    }
}
@media (max-width: 619px) {
    #faq-intro h1 {
        font-size: 20px;
    }
    #faq-intro h1 span {
        font-size: 30px;
    }
    #faq-intro .row {
        padding-top: 30px;
    }
    #faq-intro .item {
        width: 100%;
        float: none;
    }
}

.white-banner {
    background: #f8f8f8;
    padding: 120px 0;
}
.white-banner.angle-left {
    background: url(../images/angle-left-1.png) left bottom no-repeat #f8f8f8;
}
.white-banner .container {
    max-width: 950px;
    text-align: center;
}
.white-banner h2 {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.white-banner h2 span {
    font-size: 40px;
    color: #e7d87e;
    display: block;
    margin-top: 5px;
}
.white-banner .f-title {
    font-size: 20px;
    line-height: 1.2;
}
.white-banner p {
    font-size: 16px;
    color: rgba(25, 24, 19, 0.6);
}
.white-banner .btn {
    margin: 30px auto 0;
}
.white-banner .download {
    margin: 30px auto 0;
    max-width: 550px;
}
.white-banner .download input[type="email"] {
    padding: 20px;
    background: #fff;
    font-size: 16px;
    border: none;
    border-radius: 5px 0 0 5px;
    width: calc(100% - 65px);
    height: 60px;
    transition: all 0.3s ease-out;
}
.white-banner .download input[type="email"]:focus {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.white-banner .download button {
    border: none;
    padding: 30px;
    border-radius: 0 5px 5px 0;
    float: right;
    background: #191813 url(../images/download.svg) center center no-repeat;
    background-size: auto 20px;
    cursor: pointer;
}
.white-banner .download button:hover {
    background-color: #d7c86b;
}
.white-banner .download button:after {
    display: none;
}
@media (max-width: 879px) {
    .white-banner.angle-left {
        background: #f8f8f8;
    }
}
@media (max-width: 619px) {
    .white-banner h2 {
        font-size: 20px;
    }
    .white-banner h2 span {
        font-size: 30px;
    }
    .white-banner .f-title {
        font-size: 18px;
    }
    .white-banner p {
        font-size: 14px;
    }
}

.values-banner {
    background: #f8f8f8;
    padding: 120px 0;
}
.values-banner .f-title {
    font-size: 30px;
    text-align: center;
}
.values-banner .value {
    width: 25%;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.values-banner .value {
    padding: 60px 30px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.values-banner .value img {
    width: 60px;
    margin: 0 auto 30px;
}
@media (max-width: 619px) {
    .values-banner .value {
        width: 100%;
    }
}

#mc-feat {
    background: #191813;
    padding: 120px 0;
}
#mc-feat h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
#mc-feat h2 span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
#mc-feat .title p {
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
}
#mc-feat .item {
    margin-top: 90px;
}
#mc-feat .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#mc-feat .feat-title {
    width: 35%;
    color: #fff;
    padding: 60px 0;
}
#mc-feat .feat-title .inner {
    border: 2px solid #e7d87e;
    border-right: 0;
    padding: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#mc-feat .wrap-alt .feat-title .inner {
    border: 2px solid #e7d87e;
    border-left: 0;
}
#mc-feat .feat-title h3 {
    font-size: 35px;
    line-height: 1.3;
}
#mc-feat .content {
    width: 65%;
    background: #fff;
    padding: 60px 45px;
    position: relative;
}
#mc-feat .content:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -20px;
    left: -15px;
    background: url(../images/icn-quotes.svg) left top no-repeat;
    background-size: 100px auto;
}
#mc-feat .comment .main {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0;
    line-height: 1.4;
}
#mc-feat .comment .client {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a3a3a1;
    position: relative;
    padding-left: 45px;
}
#mc-feat .comment .client:before {
    content: "";
    display: block;
    height: 2px;
    width: 30px;
    background: #e7d87e;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}
#mc-feat .details {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 2px solid #e7d87e;
    font-size: 16px;
    font-weight: 600;
    color: #a3a3a1;
}
#mc-feat .more {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}
@media (max-width: 1219px) {
    #mc-feat .feat-title h3 {
        font-size: 25px;
    }
}
@media (max-width: 879px) {
    #mc-feat h2 {
        font-size: 20px;
    }
    #mc-feat h2 span {
        font-size: 30px;
    }
    #mc-feat .feat-title {
        width: 100%;
        padding: 0 15px;
    }
    #mc-feat .feat-title .inner,
    #mc-feat .wrap-alt .feat-title .inner {
        border: 2px solid #e7d87e;
        border-bottom: 0;
        padding-bottom: 60px;
    }
    #mc-feat .content {
        width: 100%;
    }
    #mc-feat .comment .client {
        font-size: 14px;
    }
    #mc-feat .details {
        font-size: 14px;
    }
}

#mc-team {
    padding: 120px 0;
}
#mc-team h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 60px;
}
#mc-team h2 span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
#mc-team .outer-slider {
    position: relative;
}
#mc-team .wrap > div {
    display: flex;
    flex-direction: column;
}
#mc-team .img {
    width: 380px;
}
#mc-team .img .inner {
    padding: 15px 0;
    position: relative;
}
#mc-team .img .inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    height: 15px;
    width: 200px;
    margin-left: -100px;
    background: #e7d87e;
}
#mc-team .img .inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 15px;
    width: 200px;
    margin-left: -100px;
    background: #e7d87e;
}
#mc-team .img img {
    width: 100%;
}
#mc-team .content {
    width: calc(100% - 380px);
    padding: 60px 0 0 90px;
}
#mc-team .content .inner {
    /*max-width:520px;*/
}
#mc-team .content h3 {
    font-size: 26px;
}
#mc-team .content .desc {
    font-size: 20px;
    font-weight: 700;
    color: #e7d87e;
    padding-top: 5px;
}
#mc-team .content p {
    color: rgba(25, 24, 19, 0.6);
    margin: 30px 0;
}
#mc-team .comment {
    background: url(../images/icn-quotes.svg) left top no-repeat;
    background-size: 45px auto;
    padding-left: 60px;
    margin-bottom: 30px;
}
#mc-team .comment .main {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0;
    line-height: 1.4;
}
#mc-team .comment .main > div {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #a3a3a1;
}
#mc-team .bx-controls a {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 55px;
    z-index: 55;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mc-team .bx-controls a:hover {
    color: #e7d87e;
}
#mc-team .bx-controls .bx-prev {
    right: 45px;
}
#mc-team .bx-controls .bx-next {
    right: 0;
}
#mc-team .bx-controls svg {
    width: 12px;
}
@media (max-width: 879px) {
    #mc-team h2 {
        font-size: 20px;
    }
    #mc-team h2 span {
        font-size: 30px;
    }
    #mc-team .img {
        width: 100%;
    }
    #mc-team .content {
        width: 100%;
        padding: 30px 0;
    }
    #mc-team .content h3 {
        font-size: 20px;
    }
    #mc-team .bx-controls a {
        top: 30px;
    }
    #mc-team .bx-controls .bx-prev {
        right: 30px;
    }
    #mc-team .bx-controls svg {
        width: 8px;
    }
}

#mc-bottom {
    padding: 120px 0;
}
#mc-bottom > div {
    background: url(../images/bg-yellow-white.png) center top repeat-y;
}
#mc-bottom .wrap > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#mc-bottom .left {
    background: #e7d87e;
    padding: 90px 60px 90px 0;
    width: 55%;
}
#mc-bottom .left h3 {
    font-size: 35px;
    margin-bottom: 30px;
}
#mc-bottom .left h3 span {
    font-size: 30px;
    color: #fff;
    display: block;
    margin-bottom: 5px;
}
#mc-bottom .left .btn {
    color: #191813;
    background: #fff;
    margin-top: 30px;
}
#mc-bottom .left .btn:hover {
    color: #fff;
    background: #191813;
    padding-right: 60px;
}
#mc-bottom .left .btn:hover:after {
    filter: invert(1);
}
#mc-bottom .right {
    padding: 90px 0 90px 60px;
    width: 45%;
}
#mc-bottom .right h3 {
    font-size: 30px;
    margin-bottom: 30px;
}
#mc-bottom .right h3 span {
    font-size: 35px;
    color: #e7d87e;
    display: block;
    margin-top: 5px;
}
#mc-bottom .right .btn {
    margin-top: 30px;
}
@media (max-width: 879px) {
    #mc-bottom {
        padding: 60px 0;
    }
    #mc-bottom > div {
        background: #fff;
    }
    #mc-bottom .left {
        padding: 90px 30px;
        width: 100%;
    }
    #mc-bottom .left h3 {
        font-size: 25px;
    }
    #mc-bottom .left h3 span {
        font-size: 20px;
    }
    #mc-bottom .right {
        padding: 90px 0;
        width: 100%;
    }
    #mc-bottom .right h3 {
        font-size: 20px;
    }
    #mc-bottom .right h3 span {
        font-size: 25px;
    }
}

#realisations {
    padding: 120px 0;
    background: #191813;
}
#realisations .title {
    color: #fff;
    padding-bottom: 30px;
    text-align: center;
}
#realisations .title h1 {
    font-size: 35px;
    line-height: 1.2;
}
#realisations .title h1 > span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
#realisations .title p {
    color: rgba(255, 255, 255, 0.6);
    max-width: 950px;
    margin: 30px auto 0;
}
#real-filter {
    font-size: 16px;
    text-align: center;
    line-height: 1.4;
}
#real-filter a {
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
}
#real-filter a:hover {
    color: rgba(255, 255, 255, 0.6);
}
#real-filter a.active {
    color: #e7d87e;
    font-weight: 700;
}
#real-filter .separator {
    color: rgba(255, 255, 255, 0.3);
    display: inline-block;
    padding: 0 5px;
}
#realisations .wrap.row {
    margin-left: -30px;
}
#realisations .wrap > div {
    flex-direction: column;
    justify-content: flex-start;
}
#realisations .item {
    display: none;
    padding: 30px 0 0 30px;
    width: 33.333333%;
}
#realisations .item.active {
    display: flex;
}
#realisations .item .inner {
    height: 100%;
    background: #fff;
}
#realisations .item .inner .images {
    display: none;
}
#realisations .item .img {
    display: block;
    position: relative;
}
#realisations .item .img img {
    width: 100%;
}
#realisations .item .img .hover {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 24, 19, 0.6);
    padding: 15px;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#realisations .item .img:hover .hover {
    opacity: 1;
}
#realisations .item .img .hover h2 {
    font-size: 20px;
    color: #e7d87e;
    margin-bottom: 5px;
}
#realisations .item .img .hover span {
    font-size: 16px;
    color: #fff;
}
@media (max-width: 879px) {
    #realisations .title h1 {
        font-size: 20px;
    }
    #realisations .title h1 > span {
        font-size: 30px;
    }
}
@media (max-width: 619px) {
    #realisations .item {
        width: 100%;
    }
}

#real-bottom {
    background: url(../images/angle-right-2.png) right top no-repeat;
    padding: 120px 0;
    min-height: 230px;
    position: relative;
}
#real-bottom .title {
    padding-bottom: 30px;
    text-align: center;
}
#real-bottom .title h2 {
    font-size: 30px;
}
#real-bottom .title h2 > span {
    font-size: 40px;
    color: #e7d87e;
    display: block;
}
#real-bottom .title p {
    color: rgba(25, 24, 19, 0.6);
    max-width: 950px;
    margin: 30px auto 0;
}
#real-bottom .wrap {
    margin: 0 -10px;
    justify-content: center;
}
#real-bottom .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 10px;
    width: 33.333333%;
}
#real-bottom .wrap > div a {
    display: block;
    height: 100%;
    padding: 90px 30px; /*border:2px solid #e7d87e;*/
    background: url(../images/img-custom-1.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
}
#real-bottom .wrap > div.plain-pied a {
    background-image: url(../images/modeles-plain-pied.jpg);
}
#real-bottom .wrap > div.contemporain a {
    background-image: url(../images/modeles-contemporain.jpg);
}
#real-bottom .wrap > div.garage a {
    background-image: url(../images/modeles-garage.jpg);
}
#real-bottom .wrap > div.etage a {
    background-image: url(../images/modeles-etages.jpg);
}
#real-bottom .wrap > div.chalet a {
    background-image: url(../images/modeles-chalet.jpg);
}
#real-bottom .wrap > div.tous a {
    background-image: url(../images/modeles-tous.jpg);
}
#real-bottom .wrap > div a h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    position: relative;
    z-index: 5;
    transition: all 0.3s ease-out;
}
#real-bottom .wrap > div a:hover h3 {
    color: #191813;
}
#real-bottom .wrap > div a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 24, 19, 0.6);
    transition: all 0.3s ease-out;
}
#real-bottom .wrap > div a:hover:after {
    background: rgba(231, 216, 126, 0.8);
}
@media (max-width: 1019px) {
    #real-bottom {
        background: none;
    }
}
@media (max-width: 619px) {
    #real-bottom {
        padding: 90px 0;
    }
    #real-bottom .title h2 {
        font-size: 20px;
    }
    #real-bottom .title h2 > span {
        font-size: 30px;
    }
    #real-bottom .wrap > div {
        width: 100%;
    }
}

.page-intro {
    padding: 120px 0;
    background: #191813;
}
/* .page-intro.listing{ padding:120px 0 0; } */
.page-intro .title {
    color: #fff;
    text-align: center;
}
.page-intro .title h1 {
    font-size: 35px;
}
.page-intro .title h1 > span {
    font-size: 50px;
    color: #e7d87e;
    display: block;
}
.page-intro .title p {
    color: rgba(255, 255, 255, 0.6);
    max-width: 950px;
    margin: 30px auto 0;
}
.page-intro .breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin: 30px 0 0;
    font-size: 16px;
    font-weight: 600;
}
.page-intro .breadcrumbs img {
    width: 6px;
}
.page-intro .breadcrumbs a:hover {
    opacity: 0.6;
}
@media (max-width: 879px) {
    .page-intro.listing {
        padding: 120px 0 45px;
    }
    .page-intro {
        padding: 60px 0;
    }
    .page-intro .title h1 {
        font-size: 20px;
    }
    .page-intro .title h1 > span {
        font-size: 30px;
    }
}
@media (max-width: 619px) {
    .page-intro .breadcrumbs {
        gap: 8px;
        font-size: 12px;
    }
    .page-intro .breadcrumbs img {
        width: 4px;
    }
}

.blog-single-intro {
    padding: 120px 0;
    background: #191813;
}
.blog-single-intro .title {
    color: #fff;
    text-align: center;
}
.blog-single-intro .title h1 {
    font-size: 35px;
}
.blog-single-intro .title .date {
    font-weight: 700;
    text-transform: uppercase;
    color: #e7d87e;
    margin: 15px auto 0;
}
@media (max-width: 879px) {
    .blog-single-intro {
        padding: 60px 0;
    }
    .blog-single-intro .title h1 {
        font-size: 25px;
    }
}

.modal-overlay {
    display: flex;
    visibility: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25, 24, 19, 0.1);
    flex-direction: column;
    justify-content: center;
    z-index: 990;
    overflow-y: auto;
    transition: all 0.3s ease-out;
}
.modal-overlay.active {
    visibility: visible;
    background: rgba(25, 24, 19, 0.8);
}
.modal-outer {
    max-width: 950px;
    margin: 0 auto;
    padding: 30px;
}
.modal {
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    position: relative;
    transform: translateY(-30px);
    opacity: 0;
    transition: all 0.3s ease-out;
}
.modal-overlay.active .modal {
    transform: translateY(0);
    opacity: 1;
}
.modal .title {
    padding: 30px 60px;
}
.modal .title h2 {
    font-size: 20px;
    padding-top: 15px;
}
.modal .title p {
    font-size: 16px;
    margin-top: 15px;
}
.modal form {
    background: #f8f8f8;
    padding: 30px 60px;
}
.modal form .row {
    margin-left: -15px;
}
.modal form .row .item {
    float: left;
    padding-left: 15px;
    padding-bottom: 15px;
    width: 50%;
}
.plain-content > .flex-container > #form-quote .row {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}
.plain-content > .flex-container > #form-quote .row .item {
    flex: 1;
    margin-bottom: 15px !important;
}
.modal form .checkbox,
#form-quote .checkbox {
    padding-top: 15px;
    padding-left: 5px;
}
.modal form .row .item.wide,
#form-quote .row .item.wide {
    width: 100%;
}
.modal form .form-text,
#form-quote .form-text {
    font-size: 16px;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 15px;
    width: 100%;
    transition: all 0.3s ease-out;
}
.modal form .form-text:focus,
#form-quote .form-text:focus {
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.modal form textarea.form-text,
#form-quote textarea.form-text {
    height: 100px;
    resize: none;
}
.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/close.svg) center center no-repeat #e7d87e;
    background-size: 15px auto;
}
.modal .close:hover {
    background-color: #d7c86b;
}
@media (max-height: 1200px) {
    .modal-overlay {
        display: block;
    }
}
@media (max-width: 619px) {
    .plain-content > .flex-container > #form-quote .row {
        display: block;
    }
    .modal-overlay {
        display: block;
    }
    .modal .title {
        padding: 30px;
    }
    .modal .title p {
        font-size: 14px;
    }
    .modal form,
    #form-quote {
        padding: 30px;
    }
    .modal form .row .item,
    #form-quote .row .item {
        float: none;
        width: 100%;
    }
    .modal form .form-text,
    #form-quote .form-text {
        font-size: 14px;
    }
}

#modal-budget .modal-outer {
    max-width: 1135px;
}

#modal-budget .header {
    display: flex;
    justify-content: space-between;
    height: 80px;
}

#modal-budget .header .title {
    padding: 0 0 0 60px;
    color: #191813;
    font-size: 21px;
    display: flex;
    font-weight: 900;
    align-items: center;
    height: 100%;
}

#modal-budget .header .close {
    background: url(../images/close-budget.svg) center center no-repeat #fff;
    position: relative;
    height: 80px;
    width: 80px;
    border-left: 2px solid #ededec;
    background-size: 18px auto;
}

#modal-budget input[type="text"],
#modal-budget input[type="number"] {
    color: #969696;
    font-weight: 700;
    font-size: 15px;
    padding: 12px 25px;
    background: #ededec;
    border-radius: 5px;
    border: 2px solid #ededec;
    display: block;
    margin-bottom: 16px;
}

#modal-budget input[type="text"]:focus,
#modal-budget input[type="number"]:focus {
    background: #fff;
}

#modal-budget .content {
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid #ededec;
}

#modal-budget .btn,
#modal-budget .btn-inverse {
    padding: 15px 30px;
    font-size: 14px;
}

#modal-budget .btn:after {
    display: none !important;
}

#modal-budget .content .operations {
    width: 52%;
    padding: 60px;
}

#modal-budget .content .operations .label {
    color: #191813;
    font-weight: 700;
    margin-bottom: 1em;
    font-size: 18px;
    display: inline-block;
}

#modal-budget .content .operations hr {
    display: block;
    border: none;
    width: 100%;
    height: 2px;
    background: #ededec;
    margin-top: 10px;
    margin-bottom: 25px;
}

#modal-budget .content .operations .checkbox-textinput {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1em;
    margin-bottom: 16px;
}

#modal-budget .content .operations .checkbox-textinput .custom-checkbox {
    width: 160px;
}

#modal-budget .content .operations .checkbox-textinput input[type="text"],
#modal-budget .content .operations .checkbox-textinput input[type="number"] {
    flex: 1;
    margin-bottom: 0;
}

#modal-budget .content .results {
    padding: 60px;
    width: 48%;
    background-color: #ededec;
    display: flex;
    align-items: center;
    justify-content: center;
}

#empty-results,
#budget-results .c1 {
    color: #a6a6a4;
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

#empty-results:not(.active) {
    display: none;
}

#filter-results-budget {
    margin-bottom: 1em;
}

#budget-results {
    text-align: center;
}

#budget-results:not(.active) {
    display: none;
}

#budget-results .btn-inverse {
    cursor: pointer;
    display: inline-block;
    color: #191813;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: center;
    background: transparent;
    border: 2px solid #d1d1cf;
    border-radius: 300px;
    position: relative;
}

#budget-results .btn-inverse:hover,
#budget-results .btn-inverse:focus {
    opacity: 0.6;
}

#budget-results .c1 {
    margin-bottom: 1em;
    max-width: 230px;
    display: block;
    margin: auto;
}

#budget-results #amount-result {
    font-size: 50px;
    font-weight: 700;
    color: #191813;
    margin-bottom: 10px;
}
#budget-results .csm {
    font-weight: 500;
    font-size: 14px;
    color: #a3a3a1;
    font-style: italic;
    max-width: 230px;
    display: block;
    margin: auto auto 40px auto;
}

@media (max-width: 1100px) {
    #modal-budget .content .operations,
    #modal-budget .content .results {
        width: 100%;
    }
}

@media (max-width: 630px) {
    #modal-budget .header .title {
        padding: 0 0 0 1em;
    }
    #modal-budget .content .operations,
    #modal-budget .content .results {
        padding: 1em;
    }
}

@media (max-width: 540px) {
    #modal-budget .content .operations .checkbox-textinput .custom-checkbox {
        width: 100%;
    }
    #modal-budget .content .operations .checkbox-textinput input[type="text"],
    #modal-budget .content .operations .checkbox-textinput input[type="number"],
    #modal-budget input[type="text"],
    #modal-budget input[type="number"] {
        width: 100%;
    }
}

.why-main {
    padding: 120px 0;
}
.why-main .item + .item {
    margin-top: 120px;
}
.why-main .wrap > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.why-main .img {
    width: 45%;
}
.why-main .img.top {
    justify-content: flex-start;
}
.why-main .img img {
    width: 100%;
}
.why-main .content {
    width: 55%;
    padding-left: 60px;
}
.why-main .wrap-alt .content {
    padding: 0 60px 0 0;
    text-align: right;
}
.why-main .content h2 {
    color: #e7d87e;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 30px;
}
.why-main .content h2.sm {
    font-size: 26px;
    margin-bottom: 15px;
}
.why-main .content p + h2.sm {
    margin-top: 30px;
}
.why-main .content p + p {
    margin-top: 15px;
}
.why-main .content ul {
    margin: 30px 0 45px;
    padding: 0 0 0 30px;
}
.why-main .content ul li {
    width: 50%;
    float: left;
    margin: 5px 0;
}
.why-main .content ul li > a {
    font-weight: 700;
}
.why-main .content ul li > a:hover {
    opacity: 0.6;
}
@media (max-width: 879px) {
    .why-main .img {
        width: 100%;
    }
    .why-main .content {
        width: 100%;
        padding: 30px 0 0 0;
    }
    .why-main .wrap-alt .content {
        padding: 30px 0 0 0;
        text-align: left;
    }
}
@media (max-width: 619px) {
    .why-main .content h2 {
        font-size: 25px;
    }
    .why-main .content ul li {
        width: 100%;
        float: none;
    }
}

.about-main {
    margin-top: -60px;
}
.about-main .img-team {
    max-width: 950px;
    margin: 0 auto;
}
.about-main .img-team img {
    width: 100%;
}
.about-main .img-team .content {
    padding: 60px;
}
.about-main .img-team .content h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
.about-main .img-team .content p {
    color: rgba(25, 24, 19, 0.6);
}
.about-main .img-team .content ul {
    padding: 30px 0 30px 30px;
}
.about-main .img-team .content ul li {
    padding: 15px 0 15px 30px;
    font-weight: 600;
    background: url(../images/li-arrow.svg) left 17px no-repeat;
    background-size: auto 14px;
}
@media (max-width: 879px) {
    .about-main {
        margin-top: -30px;
    }
    .about-main .img-team .content {
        padding: 60px 30px;
    }
    .about-main .img-team .content h2 {
        font-size: 25px;
    }
    .about-main .img-team .content ul {
        padding: 30px 0 0 0;
    }
}

.timeline {
    padding: 120px 0;
}
.timeline .title h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.timeline .title h2 span {
    font-size: 40px;
    color: #e7d87e;
    display: block;
    margin-top: 5px;
}
.timeline .title p {
    color: rgba(25, 24, 19, 0.6);
    max-width: 950px;
    margin: 0 auto;
}
.timeline .timeline-wrap {
    margin-top: 60px;
    padding: 0 60px;
}
.timeline-item .inner {
    width: calc(50% + 1px);
    font-size: 16px;
    position: relative;
}
.timeline-item .inner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -14px;
    background: #e7d87e;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 5px solid #fff;
}
.timeline-item:nth-child(even) .inner {
    text-align: right;
    padding: 0 60px 60px 0;
    border-right: 2px solid #e7d87e;
}
.timeline-item:nth-child(odd) .inner {
    float: right;
    padding: 0 0 60px 60px;
    border-left: 2px solid #e7d87e;
}
.timeline-item:nth-child(odd) .inner:after {
    left: -14px;
}
.timeline-item:first-child .inner {
    padding-top: 0;
}
.timeline-item:last-child .inner {
    padding-bottom: 0;
    border-color: #fff;
}
.timeline-item:first-child .inner:after {
    top: -7px;
}
.timeline-item .inner .year {
    font-size: 25px;
    font-weight: 800;
    color: #e7d87e;
    margin-bottom: 15px;
}
.timeline-item:first-child .inner .year {
    margin-top: -8px;
}
@media (max-width: 879px) {
    .timeline-item .inner {
        width: 100%;
    }
    .timeline-item .inner:after {
        left: -14px;
    }
    .timeline-item:nth-child(even) .inner {
        text-align: left;
        padding: 0 0 60px 30px;
        border-left: 2px solid #e7d87e;
        border-right: none;
    }
    .timeline-item:nth-child(odd) .inner {
        padding: 0 0 60px 30px;
        border-left: 2px solid #e7d87e;
    }
    .timeline-item:first-child .inner {
        padding-top: 0;
    }
    .timeline-item:last-child .inner {
        padding-bottom: 0;
        border-color: #fff;
    }
}
@media (max-width: 619px) {
    .timeline .title h2 {
        font-size: 20px;
    }
    .timeline .title h2 span {
        font-size: 30px;
    }
    .timeline .timeline-wrap {
        padding: 0 0 0 30px;
    }
    .timeline-item .inner {
        font-size: 14px;
    }
}

.career-main {
    margin-top: -90px;
    padding: 0;
    background: #f8f8f8;
}
.career-main .career-wrap {
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.career-main.career-fiche {
    padding: 90px 0 20px 0;
    margin-top: 0;
}
.career-main.career-fiche .item {
    width: 100%;
}
.career-main.career-fiche .item .req {
    margin-bottom: 40px;
}
.career-main .item {
    width: 50%;
    padding: 20px;
}
.career-main .item a .box {
    background: #fff;
    padding: 35px 35px;
    transition: 0.4s ease-in-out;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.career-main .item a:hover .box {
    background: #e7d87e;
}
.career-main .item a h2 {
    font-size: 25px;
    color: #e7d87e;
    margin-bottom: 30px;
}
.career-main .item a:hover h2 {
    color: #191813;
    transition: 0.4s ease-in-out;
}
.career-main .wrap > div {
    display: flex;
    flex-direction: column;
}
.career-main .req + .req {
    margin-top: 15px;
}
.career-main .req .name {
    width: 300px;
    font-weight: 700;
    text-align: right;
    line-height: 1.4;
}
.career-main .req .desc {
    width: calc(100% - 300px);
    padding-left: 30px;
    color: rgba(25, 24, 19, 0.6);
    line-height: 1.4;
}
.career-main .fake-btn {
    display: inline-block;
    padding: 15px 40px 15px 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.career-main a .fake-btn:after {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/btn-arrow.svg) right 7px center no-repeat;
    background-size: auto 14px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -14px;
    border: 2px solid #e7d87e;
    border-radius: 50%;
    transition: 0.4s ease-in-out;
}
.career-main a:hover .fake-btn:after {
    border: 2px solid #fff;
}

.jobs-anchor-btn {
    margin-top: 30px;
}
.career-video {
    background: #e7d87e;
    background-size: cover;
    height: 650px;
    position: relative;
    overflow: hidden;
}
#videoCareer {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 1200px) {
    .career-video {
        height: 500px;
    }
}
@media (max-width: 800px) {
    .career-main .item {
        padding: 12px;
    }
}
@media (max-width: 700px) {
    .career-video {
        height: 400px;
    }
    #videoCareer {
        max-height: 100%;
    }
    .career-main .item {
        width: 100%;
        padding: 15px 0;
    }
}
@media (max-width: 619px) {
    .career-main .item h2 {
        font-size: 20px;
    }
    .career-main .req .name {
        width: 100%;
        text-align: left;
    }
    .career-main .req .desc {
        width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 450px) {
    .career-main .item a .box {
        padding: 25px 20px;
    }
    .career-main .item a h2 {
        font-size: 22px;
    }
}

.contact-main {
    padding: 120px 0;
}
.contact-main + .contact-main {
    padding-top: 0;
}
.contact-main h2 {
    font-size: 35px;
    color: #e7d87e;
    margin-bottom: 30px;
}
.contact-main .coord-1 {
    float: left;
    width: 40%;
}
.contact-main .coord-2 {
    float: left;
    width: 60%;
    padding-left: 60px;
}
.contact-main .coord-3 {
    float: left;
    width: 40%;
    background: #e7d87e;
    padding: 45px 30px;
}
.contact-main .location {
    margin-bottom: 2em;
}
/* .contact-main .location + .location {
    padding-left: 60px;
} */
.contact-main .hours {
    margin-top: 30px;
}
.contact-main h3 {
    font-size: 22px;
    margin-bottom: 15px;
}
.contact-main .row + h3 {
    margin-top: 30px;
}
.contact-main .coord-3 h2 {
    font-size: 30px;
    color: #191813;
    margin-bottom: 15px;
}
.contact-main h4 {
    color: rgba(25, 24, 19, 0.6);
    text-transform: none;
}
.contact-main .coord-3 h4 {
    color: #191813;
}
.contact-main p {
    margin-top: 15px;
    color: rgba(25, 24, 19, 0.6);
}
.contact-main a {
    margin-top: 15px;
    font-weight: 600;
    display: inline-block;
}
@media (max-width: 879px) {
    .contact-main {
        padding: 90px 0;
    }
    .contact-main h2 {
        font-size: 25px;
    }
    .contact-main .coord-1 {
        float: none;
        width: 100%;
    }
    .contact-main .coord-2 {
        float: none;
        width: 100%;
        padding: 60px 0 0 0;
    }
    .contact-main .coord-3 {
        float: none;
        width: 100%;
    }
    .contact-main .location {
        float: none;
    }
    .contact-main .location + .location {
        padding: 30px 0 0 0;
    }
    .contact-main h3 {
        font-size: 20px;
    }
    .contact-main .coord-3 h2 {
        font-size: 20px;
    }
}

.contact-main-2 {
    padding: 0 0 120px 0;
}
.contact-main-2 form {
    background: #f8f8f8;
    padding: 60px;
}
.contact-main-2 form h2 {
    font-size: 35px;
    padding: 15px 0 30px;
    text-align: center;
}
.contact-main-2 form .row {
    margin-left: -15px;
}
.contact-main-2 form .row .item {
    float: left;
    padding-left: 15px;
    padding-bottom: 8px;
    width: 50%;
}
.contact-main-2 form .row .item.wide {
    width: 100%;
}
.contact-main-2 form .form-text {
    margin-bottom: 7px;
    font-size: 16px;
    color: rgba(25, 24, 19, 1);
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 15px;
    width: 100%;
    transition: all 0.3s ease-out;
}
.contact-main-2 form .form-text:focus {
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
::placeholder {
    color: rgba(25, 24, 19, 0.4);
}
.contact-main-2 form textarea.form-text {
    height: 100px;
    resize: none;
}
@media (max-width: 619px) {
    .contact-main-2 form h2 {
        font-size: 22px;
    }
    .contact-main-2 form {
        padding: 30px 15px;
    }
    .contact-main-2 form .row .item {
        float: none;
        width: 100%;
    }
    .contact-main-2 form .form-text {
        font-size: 14px;
    }
}

.privacy-contact {
    background: #191813;
    padding: 60px;
    color: #fff;
}

.privacy-contact .top {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ffffff10;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.privacy-contact .icn {
    width: 42px;
}

.privacy-contact .title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1.05;
    width: calc(100% - 42px);
    padding-left: 14px;
}

.privacy-contact .infos {
    font-size: 16px;
    display: flex;
}

.privacy-contact .infos .name {
    display: block;
    border-right: 2px solid #e7d87e;
    padding-right: 10px;
    margin-right: 8px;
    font-weight: 600;
}

.privacy-contact .infos .contact-links {
    font-size: 14px;
}

.privacy-contact .infos .contact-links .email {
    border-right: 2px solid #e7d87e;
    padding-right: 10px;
    margin-right: 8px;
}

.privacy-contact .infos .contact-links a:hover {
    color: #e7d87e;
}

@media (max-width: 619px) {
    .privacy-contact {
        padding: 40px 30px;
    }

    .privacy-contact .title {
        font-size: 16px;
    }

    .privacy-contact .infos {
        display: block;
    }

    .privacy-contact .infos .name {
        margin: 0 0 5px;
        border: 0;
    }

    .privacy-contact .infos .contact-links .email {
        margin: 0 0 5px;
        border: 0;
        display: block;
    }
}

.plain-content {
    padding: 150px 0;
}
.plain-content .container,
.plain-content .flex-container {
    max-width: 1010px;
}
.plain-content .item + .item {
    margin: 60px 0 0;
}
.plain-content #form-quote .item + .item {
    margin: 0;
}

.plain-content h2 {
    font-size: 25px;
    line-height: 1.3;
}
.plain-content p {
    margin: 20px 0 0;
}
.plain-content ol {
    padding: 15px 0 0 45px;
}
.plain-content li {
    list-style: auto;
    line-height: 1.4;
}
.plain-content li + li {
    margin: 8px 0 0;
}
@media (max-width: 619px) {
    .plain-content {
        padding: 60px 0;
    }
    .plain-content h2 {
        font-size: 16px;
    }
    .plain-content ol {
        padding: 15px 0 0 25px;
    }
}

/* FORMS */
.text-danger {
    color: #ff4136;
}
.input-validation-error {
    border-color: #ff4136 !important;
}
.alert {
    color: #2ecc40;
    border: 1px solid #2ecc40;
    padding: 0.5em 1em;
    margin-bottom: 1em;
}
.btn-remove {
    display: inline-flex;
    align-items: center;
    background: transparent;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    background: #9d1d1d;
    border-radius: 300px;
    width: 38px;
    height: 38px;
    justify-content: center;
    transition: ease-in-out 0.5s;
    overflow: hidden;
    text-decoration: none;
    padding: 0;
}
.btn-remove svg {
    width: 24px;
    height: 24px;
}
.btn-remove svg path {
    fill: #fff;
}
.btn-remove:hover,
.btn-remove:focus {
}

/* Pagination */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.375rem;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.page-item.active .page-link {
    box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    z-index: 1;
    color: #fff;
    border-color: #191813;
    background-color: #191813;
}
.page-item .page-link,
.page-item span {
    font-size: 0.875rem;
    display: flex;
    width: 36px;
    height: 36px;
    margin: 0 3px;
    padding: 0;
    border-radius: 50% !important;
    align-items: center;
    justify-content: center;
}
.pagination-lg .page-item .page-link,
.pagination-lg .page-item span {
    line-height: 46px;
    width: 46px;
    height: 46px;
}
.pagination-sm .page-item .page-link,
.pagination-sm .page-item span {
    line-height: 30px;
    width: 30px;
    height: 30px;
}
/* Light pagination */
.pagination.light .page-item .page-link,
.pagination.light .page-item span {
    color: #fff;
}
.pagination.light .page-item.active .page-link {
    color: #191813;
    border-color: #fff;
    background-color: #e7d87e;
}

/* Print */
.print-only {
    display: none;
}
/* Errors */
.section-content {
    padding: 120px 0;
}

.btn:not(.running) > .ld {
    display: none;
}
.text-running {
    display: none;
}
.btn.running .text-default {
    display: none;
}
.btn.running .text-running {
    display: inline-block;
    margin-right: 5px;
}
.btn.running {
    padding: 15px 30px;
    display: flex;
    margin: auto;
    align-items: center;
}
.btn.running:after {
    display: none;
}
/* Loading pour le bouton */
.ld-ball,
.ld-ring,
.ld-hourglass,
.ld-loader,
.ld-cross,
.ld-square,
.ld-pie,
.ld-spinner {
    width: 1em;
    height: 1em;
    position: relative;
    color: inherit;
    display: inline-block;
    box-sizing: content-box;
}
.ld-ball:after,
.ld-ring:after,
.ld-hourglass:after,
.ld-loader:after,
.ld-cross:after,
.ld-square:after,
.ld-pie:after,
.ld-spinner:after {
    content: " ";
    display: block;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: translateZ(0) scale(0.5);
    backface-visibility: hidden;
}
.ld-ring:after {
    border-radius: 50%;
    border: 0.3em solid currentColor;
    border-left-color: transparent;
}
.ld-ball:after {
    border-radius: 50%;
    background: currentColor;
}
.ld-hourglass:after {
    border-radius: 50%;
    border: 1em solid currentColor;
    border-left-color: transparent;
    border-right-color: transparent;
}
.ld-cross:after {
    position: absolute;
    height: 0.5em;
    transform: translateZ(0) scale(0.5) translate(0, 0.75em);
    background: currentColor;
}
.ld-cross:before {
    content: " ";
    display: block;
    width: 0.5em;
    height: 2em;
    box-sizing: border-box;
    transform-origin: 0 0;
    backface-visibility: hidden;
    position: absolute;
    width: 0.5em;
    transform: translateZ(0) scale(0.5) translate(0.75em, 0);
    background: currentColor;
}
.ld-square:after {
    background: currentColor;
}
.ld-pie:after {
    border-radius: 50%;
    border: 1em solid currentColor;
    border-left-color: transparent;
}
.ld-spinner:after {
    position: absolute;
    width: 0.4em;
    height: 0.4em;
    transform: translateZ(0) scale(0.5) translate(0.8em, 0.8em);
    border-radius: 50%;
    background: 0;
    box-shadow: 0 1em 0 currentColor, 0 -1em 0 currentColor,
        1em 0 0 currentColor, -1em 0 0 currentColor,
        0.70710678em 0.70710678em 0 currentColor,
        -0.70710678em 0.70710678em 0 currentColor,
        0.70710678em -0.70710678em 0 currentColor,
        -0.70710678em -0.70710678em 0 currentColor;
}
.ld-loader {
    background-size: cover;
}
.ld {
    transform-origin: 50% 50%;
    transform-box: fill-box;
}
@keyframes ld-blink {
    0% {
        opacity: 1;
    }
    49.75% {
        opacity: 1;
    }
    50.25% {
        opacity: 0;
    }
    99.5% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.ld.ld-blink {
    animation: ld-blink 1s infinite linear;
}
@keyframes ld-blur {
    0% {
        filter: blur(0);
    }
    50% {
        filter: blur(10%);
    }
    100% {
        filter: blur(0);
    }
}
.ld.ld-blur {
    animation: ld-blur 1s infinite linear;
}
@keyframes ld-beat {
    0% {
        animation-timing-function: cubic-bezier(0.1028, 0.2484, 0.1372, 0.849);
        transform: scale(1);
    }
    34% {
        animation-timing-function: cubic-bezier(0.7116, 0.2095, 0.8159, 0.6876);
        transform: scale(1.2);
    }
    68% {
        animation-timing-function: cubic-bezier(0.1475, 0.2888, 0.294, 0.883);
        transform: scale(1.0268);
    }
    84% {
        animation-timing-function: cubic-bezier(0.8176, 0.2193, 0.867, 0.6889);
        transform: scale(1.0932);
    }
    100% {
        transform: scale(1);
    }
}
.ld.ld-beat {
    animation: ld-beat 1s infinite linear;
}
@keyframes ld-bounceAlt {
    0% {
        animation-timing-function: cubic-bezier(0.1348, 0.3256, 0.2495, 0.8687);
        transform: translate(0, 0);
    }
    51% {
        animation-timing-function: cubic-bezier(0.7426, 0.1782, 0.8523, 0.6514);
        transform: translate(0, -14%);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-bounceAlt {
    animation: ld-bounceAlt 1s infinite linear;
}
@keyframes ld-tick-alt {
    0% {
        animation-timing-function: cubic-bezier(
            0.0637,
            0.1569,
            -0.0154,
            0.8727
        );
        transform: rotate(0);
    }
    22% {
        animation-timing-function: cubic-bezier(0.7634, 0.2713, 0.7818, 0.6832);
        transform: rotate(-44.865deg);
    }
    43% {
        animation-timing-function: cubic-bezier(0.0599, 0.1266, 0.2372, 1.029);
        transform: rotate(-7.515000000000001deg);
    }
    56% {
        animation-timing-function: cubic-bezier(0.6353, 0.3049, 0.6792, 0.6671);
        transform: rotate(-25.290000000000003deg);
    }
    68% {
        animation-timing-function: cubic-bezier(0.0513, 0.1148, 0.3085, 1.1548);
        transform: rotate(-5.13deg);
    }
    76% {
        animation-timing-function: cubic-bezier(0.467, 0.2881, 0.3593, 0.7819);
        transform: rotate(-14.175deg);
    }
    83% {
        animation-timing-function: cubic-bezier(0.0632, 0.1615, 0.3539, 1.4565);
        transform: rotate(-3.6deg);
    }
    88% {
        animation-timing-function: cubic-bezier(0.3563, 0.3125, 0.5387, 1.6475);
        transform: rotate(-7.74deg);
    }
    92% {
        animation-timing-function: cubic-bezier(0.1265, 0.4155, 0.3821, 1.8827);
        transform: rotate(-2.6100000000000003deg);
    }
    95% {
        animation-timing-function: cubic-bezier(0.5727, 1.3521, 0.0229, 3.0356);
        transform: rotate(-4.185deg);
    }
    98% {
        animation-timing-function: cubic-bezier(0.4531, -1.3593, 0.757, 0.0281);
        transform: rotate(-2.565deg);
    }
    100% {
        transform: rotate(0);
    }
}
.ld.ld-tick-alt {
    animation: ld-tick-alt 1s infinite linear;
}
@keyframes ld-jump {
    0% {
        animation-timing-function: cubic-bezier(
            0.0637,
            0.1569,
            -0.0154,
            0.8727
        );
        transform: translate(0, 0);
    }
    22% {
        animation-timing-function: cubic-bezier(0.7634, 0.2713, 0.7818, 0.6832);
        transform: translate(0, -13.958%);
    }
    43% {
        animation-timing-function: cubic-bezier(0.0599, 0.1266, 0.2372, 1.029);
        transform: translate(0, -2.338%);
    }
    56% {
        animation-timing-function: cubic-bezier(0.6353, 0.3049, 0.6792, 0.6671);
        transform: translate(0, -7.868%);
    }
    68% {
        animation-timing-function: cubic-bezier(0.0513, 0.1148, 0.3085, 1.1548);
        transform: translate(0, -1.596%);
    }
    76% {
        animation-timing-function: cubic-bezier(0.467, 0.2881, 0.3593, 0.7819);
        transform: translate(0, -4.41%);
    }
    83% {
        animation-timing-function: cubic-bezier(0.0632, 0.1615, 0.3539, 1.4565);
        transform: translate(0, -1.12%);
    }
    88% {
        animation-timing-function: cubic-bezier(0.3563, 0.3125, 0.5387, 1.6475);
        transform: translate(0, -2.4080000000000004%);
    }
    92% {
        animation-timing-function: cubic-bezier(0.1265, 0.4155, 0.3821, 1.8827);
        transform: translate(0, -0.812%);
    }
    95% {
        animation-timing-function: cubic-bezier(0.5727, 1.3521, 0.0229, 3.0356);
        transform: translate(0, -1.302%);
    }
    98% {
        animation-timing-function: cubic-bezier(0.4531, -1.3593, 0.757, 0.0281);
        transform: translate(0, -0.798%);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-jump {
    animation: ld-jump 1s infinite linear;
}
@keyframes ld-bounce {
    0% {
        animation-timing-function: cubic-bezier(0.138, 0.2541, 0.2177, 0.8747);
        transform: translate(0, 0) scaleY(1);
    }
    37% {
        animation-timing-function: cubic-bezier(0.7679, 0.1817, 0.8401, 0.7167);
        transform: translate(0, -39.96%) scaleY(1);
    }
    72.2% {
        animation-timing-function: cubic-bezier(0.1045, 0.2026, 0.2224, 0.9608);
        transform: translate(0, 0) scaleY(1);
    }
    87.2% {
        animation-timing-function: cubic-bezier(0.7463, 0.2314, 0.8159, 0.6941);
        transform: translate(0, 19.85%) scaleY(0.603);
    }
    100% {
        transform: translate(0, 0) scaleY(1);
    }
}
.ld.ld-bounce {
    animation: ld-bounce 1s infinite linear;
}
@keyframes ld-clock {
    0% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(0);
    }
    8.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(30deg);
    }
    16.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(60deg);
    }
    25% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(90deg);
    }
    33.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(120deg);
    }
    41.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(150deg);
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(180deg);
    }
    58.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(210deg);
    }
    66.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(240deg);
    }
    75% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(270deg);
    }
    83.33333% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(300deg);
    }
    91.66667% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(330deg);
    }
    100% {
        animation-timing-function: cubic-bezier(0, 0.7, 0.30000000000000004, 1);
        transform: rotate(360deg);
    }
}
.ld.ld-clock {
    animation: ld-clock 12s infinite linear;
}
@keyframes ld-fade {
    0% {
        animation-timing-function: cubic-bezier(0.2057, 0.573, 0.3723, 0.9184);
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.ld.ld-fade {
    animation: ld-fade 1s infinite linear;
}
@keyframes ld-flip {
    0%,
    25%,
    50%,
    75%,
    100% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(-1, 1);
    }
    50% {
        transform: scale(-1, -1);
    }
    75% {
        transform: scale(1, -1);
    }
    100% {
        transform: scale(1, 1);
    }
}
.ld.ld-flip {
    animation: ld-flip 1s infinite linear;
}
@keyframes ld-float {
    0% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
        transform: translate(0, 0) scale(0.7);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
    50% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
        transform: translate(0, -15%) scale(1);
        box-shadow: 0 23% 5% -15% rgba(0, 0, 0, 0.2);
    }
    100% {
        transform: translate(0, 0) scale(0.7);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    }
}
.ld.ld-float {
    animation: ld-float 1s infinite linear;
}
@keyframes ld-heartbeat {
    0% {
        animation-timing-function: cubic-bezier(0.1678, 0.6042, 0.5465, 3.0859);
        transform: scale(1.3);
    }
    30% {
        animation-timing-function: cubic-bezier(0.3206, 0.3435, 0.6825, 0.6598);
        transform: scale(1.15);
    }
    31% {
        animation-timing-function: cubic-bezier(0.2811, 0.5061, 0.5347, 0.909);
        transform: scale(1.1458);
    }
    100% {
        transform: scale(1);
    }
}
.ld.ld-heartbeat {
    animation: ld-heartbeat 1s infinite linear;
}
@keyframes ld-hit {
    0% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
        transform: scale(0) translate(0, 0) skewX(0);
        opacity: 1;
    }
    20% {
        transform: scale(1) translate(0, 0) skewX(20deg);
    }
    50% {
        animation-timing-function: cubic-bezier(0.6, 0, 1, 0.4);
        transform: scale(1) translate(0, 0) skewX(20deg);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1) translate(0, 200%) skewX(20deg);
        opacity: 0;
    }
}
.ld.ld-hit {
    animation: ld-hit 2s infinite linear;
}
@keyframes ld-move-ltr {
    0% {
        transform: translate(0, 0);
    }
    40% {
        transform: translate(80%, 0);
    }
    49.99999% {
        transform: translate(99.99998%, 0);
    }
    50% {
        transform: translate(-100%, 0);
    }
    50.00001% {
        transform: translate(-99.99998%, 0);
    }
    60% {
        transform: translate(-80%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-move-ltr {
    animation: ld-move-ltr 1s infinite linear;
}
@keyframes ld-move-rtl {
    0% {
        transform: translate(0, 0);
    }
    40% {
        transform: translate(-80%, 0);
    }
    49.99999% {
        transform: translate(-99.99998%, 0);
    }
    50% {
        transform: translate(100%, 0);
    }
    50.00001% {
        transform: translate(99.99998%, 0);
    }
    60% {
        transform: translate(80%, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-move-rtl {
    animation: ld-move-rtl 1s infinite linear;
}
@keyframes ld-move-ttb {
    0% {
        transform: translate(0, 0);
    }
    40% {
        transform: translate(0, 80%);
    }
    49.99999% {
        transform: translate(0, 99.99998%);
    }
    50% {
        transform: translate(0, -100%);
    }
    50.00001% {
        transform: translate(0, -99.99998%);
    }
    60% {
        transform: translate(0, -80%);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-move-ttb {
    animation: ld-move-ttb 1s infinite linear;
}
@keyframes ld-move-btt {
    0% {
        transform: translate(0, 0);
    }
    40% {
        transform: translate(0, -80%);
    }
    49.99999% {
        transform: translate(0, -99.99998%);
    }
    50% {
        transform: translate(0, 100%);
    }
    50.00001% {
        transform: translate(0, 99.99998%);
    }
    60% {
        transform: translate(0, 80%);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-move-btt {
    animation: ld-move-btt 1s infinite linear;
}
@keyframes ld-move-fade-ltr {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }
    40% {
        transform: translate(80%, 0);
        opacity: 1;
    }
    49.99999% {
        transform: translate(99.99998%, 0);
        opacity: 0;
    }
    50% {
        transform: translate(-100%, 0);
        opacity: 0;
    }
    50.00001% {
        transform: translate(-99.99998%, 0);
        opacity: 0;
    }
    60% {
        transform: translate(-80%, 0);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-move-fade-ltr {
    animation: ld-move-fade-ltr 1s infinite linear;
}
@keyframes ld-move-fade-rtl {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }
    40% {
        transform: translate(-80%, 0);
        opacity: 1;
    }
    49.99999% {
        transform: translate(-99.99998%, 0);
        opacity: 0;
    }
    50% {
        transform: translate(100%, 0);
        opacity: 0;
    }
    50.00001% {
        transform: translate(99.99998%, 0);
        opacity: 0;
    }
    60% {
        transform: translate(80%, 0);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-move-fade-rtl {
    animation: ld-move-fade-rtl 1s infinite linear;
}
@keyframes ld-move-fade-ttb {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }
    40% {
        transform: translate(0, 80%);
        opacity: 1;
    }
    49.99999% {
        transform: translate(0, 99.99998%);
        opacity: 0;
    }
    50% {
        transform: translate(0, -100%);
        opacity: 0;
    }
    50.00001% {
        transform: translate(0, -99.99998%);
        opacity: 0;
    }
    60% {
        transform: translate(0, -80%);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-move-fade-ttb {
    animation: ld-move-fade-ttb 1s infinite linear;
}
@keyframes ld-move-fade-btt {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }
    40% {
        transform: translate(0, -80%);
        opacity: 1;
    }
    49.99999% {
        transform: translate(0, -99.99998%);
        opacity: 0;
    }
    50% {
        transform: translate(0, 100%);
        opacity: 0;
    }
    50.00001% {
        transform: translate(0, 99.99998%);
        opacity: 0;
    }
    60% {
        transform: translate(0, 80%);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-move-fade-btt {
    animation: ld-move-fade-btt 1s infinite linear;
}
@keyframes ld-orbit {
    0% {
        animation-timing-function: linear;
        transform: translate(0, -60%) rotate(0);
    }
    8.33333% {
        animation-timing-function: linear;
        transform: translate(30%, -51.96152%) rotate(30deg);
    }
    16.66667% {
        animation-timing-function: linear;
        transform: translate(51.96152%, -30%) rotate(60deg);
    }
    25% {
        animation-timing-function: linear;
        transform: translate(60%, 0) rotate(90deg);
    }
    33.33333% {
        animation-timing-function: linear;
        transform: translate(51.96152%, 30%) rotate(120deg);
    }
    41.66667% {
        animation-timing-function: linear;
        transform: translate(30%, 51.96152%) rotate(150deg);
    }
    50% {
        animation-timing-function: linear;
        transform: translate(0, 60%) rotate(180deg);
    }
    58.33333% {
        animation-timing-function: linear;
        transform: translate(-30%, 51.96152%) rotate(210deg);
    }
    66.66667% {
        animation-timing-function: linear;
        transform: translate(-51.96152%, 30%) rotate(240deg);
    }
    75% {
        animation-timing-function: linear;
        transform: translate(-60%, 0) rotate(270deg);
    }
    83.33333% {
        animation-timing-function: linear;
        transform: translate(-51.96152%, -30%) rotate(300deg);
    }
    91.66667% {
        animation-timing-function: linear;
        transform: translate(-30%, -51.96152%) rotate(330deg);
    }
    100% {
        animation-timing-function: linear;
        transform: translate(0, -60%) rotate(360deg);
    }
}
.ld.ld-orbit {
    animation: ld-orbit 1s infinite linear;
}
@keyframes ld-breath {
    0% {
        animation-timing-function: cubic-bezier(
            0.9647,
            0.2413,
            -0.0705,
            0.7911
        );
        transform: scale(0.9099999999999999);
    }
    51% {
        animation-timing-function: cubic-bezier(
            0.9226,
            0.2631,
            -0.0308,
            0.7628
        );
        transform: scale(1.02994);
    }
    100% {
        transform: scale(0.9099999999999999);
    }
}
.ld.ld-breath {
    animation: ld-breath 1s infinite linear;
}
@keyframes ld-dim {
    0% {
        animation-timing-function: cubic-bezier(
            0.9647,
            0.2413,
            -0.0705,
            0.7911
        );
        opacity: 0;
    }
    51% {
        animation-timing-function: cubic-bezier(
            0.9226,
            0.2631,
            -0.0308,
            0.7628
        );
        opacity: 0.9995;
    }
    100% {
        opacity: 0;
    }
}
.ld.ld-dim {
    animation: ld-dim 1s infinite linear;
}
@keyframes ld-metronome {
    0% {
        animation-timing-function: cubic-bezier(0.7806, 0.0715, 0.8998, 0.731);
        transform: translate(-10%) rotate(-20deg);
    }
    17.5% {
        animation-timing-function: cubic-bezier(0.484, 0.3308, 0.6853, 0.6667);
        transform: translate(-6.18%) rotate(-12.36deg);
    }
    27.6% {
        animation-timing-function: cubic-bezier(0.0676, 0.1836, 0.0518, 0.9433);
        transform: translate(2.48%) rotate(4.96deg);
    }
    50.1% {
        animation-timing-function: cubic-bezier(0.7773, 0.0708, 0.9008, 0.735);
        transform: translate(10%) rotate(20deg);
    }
    67.6% {
        animation-timing-function: cubic-bezier(0.4888, 0.331, 0.6153, 0.6674);
        transform: translate(6.16%) rotate(12.32deg);
    }
    80% {
        animation-timing-function: cubic-bezier(0.0801, 0.2206, 0.1357, 0.9363);
        transform: translate(-4.57%) rotate(-9.14deg);
    }
    100% {
        transform: translate(-10%) rotate(-20deg);
    }
}
.ld.ld-metronome {
    animation: ld-metronome 1s infinite linear;
}
@keyframes ld-swing {
    0% {
        animation-timing-function: cubic-bezier(
            0.9647,
            0.2413,
            -0.0705,
            0.7911
        );
        transform: rotate(-30deg);
    }
    51% {
        animation-timing-function: cubic-bezier(
            0.9226,
            0.2631,
            -0.0308,
            0.7628
        );
        transform: rotate(29.97deg);
    }
    100% {
        transform: rotate(-30deg);
    }
}
.ld.ld-swing {
    animation: ld-swing 1s infinite linear;
}
@keyframes ld-wander-v {
    0% {
        animation-timing-function: cubic-bezier(
            0.9647,
            0.2413,
            -0.0705,
            0.7911
        );
        transform: translate(0, -10%);
    }
    51% {
        animation-timing-function: cubic-bezier(
            0.9226,
            0.2631,
            -0.0308,
            0.7628
        );
        transform: translate(0, 9.99%);
    }
    100% {
        transform: translate(0, -10%);
    }
}
.ld.ld-wander-v {
    animation: ld-wander-v 1s infinite linear;
}
@keyframes ld-wander-h {
    0% {
        animation-timing-function: cubic-bezier(
            0.9647,
            0.2413,
            -0.0705,
            0.7911
        );
        transform: translate(-10%, 0);
    }
    51% {
        animation-timing-function: cubic-bezier(
            0.9226,
            0.2631,
            -0.0308,
            0.7628
        );
        transform: translate(9.99%, 0);
    }
    100% {
        transform: translate(-10%, 0);
    }
}
.ld.ld-wander-h,
.ld.ld-wander {
    animation: ld-wander-h 1s infinite linear;
}
@keyframes ld-pulse {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.3124, 0.6668);
        transform: scale(0.85);
    }
    0.5% {
        animation-timing-function: cubic-bezier(
            0.0233,
            -0.3865,
            0.6667,
            0.6667
        );
        transform: scale(1.141);
    }
    1.5% {
        animation-timing-function: cubic-bezier(0.2893, 0.354, 0.6158, 0.6958);
        transform: scale(1.124);
    }
    11% {
        animation-timing-function: cubic-bezier(0.2861, 0.4196, 0.6215, 0.7476);
        transform: scale(0.992);
    }
    25% {
        animation-timing-function: cubic-bezier(0.0793, 0.2627, 0.9972, 1.5511);
        transform: scale(0.887);
    }
    49.5% {
        animation-timing-function: cubic-bezier(0.6664, 0.3332, 0.6667, 0.6667);
        transform: scale(0.85);
    }
    50% {
        animation-timing-function: cubic-bezier(0, 0.3522, 1, 0.6686);
        transform: scale(1.1500000000000001);
    }
    51% {
        animation-timing-function: cubic-bezier(0.2668, 0.4036, 0.554, 0.7657);
        transform: scale(1.1320000000000001);
    }
    73.5% {
        animation-timing-function: cubic-bezier(0.2997, 1.0028, 0.6671, 1);
        transform: scale(0.894);
    }
    100% {
        transform: scale(0.85);
    }
}
.ld.ld-pulse {
    animation: ld-pulse 1s infinite linear;
}
@keyframes ld-jingle {
    0% {
        animation-timing-function: cubic-bezier(0.146, 0.2111, 0.5902, 1.3204);
        transform: rotate(0);
    }
    11% {
        animation-timing-function: cubic-bezier(0.1079, 0.1992, -0.6462, 0.828);
        transform: rotate(7.61deg);
    }
    23% {
        animation-timing-function: cubic-bezier(0.0504, 0.0951, 0.0163, 0.9677);
        transform: rotate(-5.789999999999999deg);
    }
    36% {
        animation-timing-function: cubic-bezier(0.0475, 0.0921, 0.3134, 1.0455);
        transform: rotate(3.35deg);
    }
    49% {
        animation-timing-function: cubic-bezier(0.0789, 0.1565, 0.3413, 1.0972);
        transform: rotate(-1.9300000000000002deg);
    }
    62% {
        animation-timing-function: cubic-bezier(0.141, 0.2885, 0.406, 1.1519);
        transform: rotate(1.12deg);
    }
    75% {
        animation-timing-function: cubic-bezier(0.226, 0.4698, 0.5031, 1.1722);
        transform: rotate(-0.64deg);
    }
    88% {
        animation-timing-function: cubic-bezier(0.3121, 0.5521, 0.5655, 0.8997);
        transform: rotate(0.37deg);
    }
    100% {
        transform: rotate(-0.28deg);
    }
}
.ld.ld-jingle {
    animation: ld-jingle 1s infinite linear;
    transform-origin: 50% 0;
}
@keyframes ld-rubber-v {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: scaleY(1);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: scaleY(1.1354);
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: scaleY(0.9052);
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: scaleY(1.0664);
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: scaleY(0.9536);
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: scaleY(1.0326);
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: scaleY(0.9772);
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: scaleY(1.016);
    }
    100% {
        transform: scaleY(0.9836);
    }
}
.ld.ld-rubber-v {
    animation: ld-rubber-v 1s infinite linear;
}
@keyframes ld-rubber-h {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: scaleX(1);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: scaleX(1.1354);
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: scaleX(0.9052);
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: scaleX(1.0664);
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: scaleX(0.9536);
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: scaleX(1.0326);
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: scaleX(0.9772);
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: scaleX(1.016);
    }
    100% {
        transform: scaleX(0.9836);
    }
}
.ld.ld-rubber-h,
.ld.ld-rubber {
    animation: ld-rubber-h 1s infinite linear;
}
@keyframes ld-shake-v {
    0% {
        animation-timing-function: cubic-bezier(0.1441, 0.1912, 0.6583, 1.1029);
        transform: translate(0, 0);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0667, 0.1419, 0.6667, 1.1415);
        transform: translate(0, 7.800000000000001%);
    }
    45% {
        animation-timing-function: cubic-bezier(0.0542, 0.1151, 0.5697, 1.181);
        transform: translate(0, -4.680000000000001%);
    }
    59% {
        animation-timing-function: cubic-bezier(0.0497, 0.1058, 0.4541, 1.231);
        transform: translate(0, 2.8100000000000005%);
    }
    73% {
        animation-timing-function: cubic-bezier(0.0808, 0.1711, 0.4109, 1.2519);
        transform: translate(0, -1.6800000000000002%);
    }
    87% {
        animation-timing-function: cubic-bezier(0.2073, 0.3705, 0.4064, 0.8839);
        transform: translate(0, 1.01%);
    }
    100% {
        transform: translate(0, -0.78%);
    }
}
.ld.ld-shake-v {
    animation: ld-shake-v 1s infinite linear;
}
@keyframes ld-shake-h {
    0% {
        animation-timing-function: cubic-bezier(0.1515, 0.2047, 0.6562, 1.1369);
        transform: translate(0, 0);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0628, 0.1361, 0.6012, 1.2083);
        transform: translate(7.66%, 0);
    }
    45% {
        animation-timing-function: cubic-bezier(0.0579, 0.1251, 0.5661, 1.2263);
        transform: translate(-5.36%, 0);
    }
    59% {
        animation-timing-function: cubic-bezier(0.0523, 0.113, 0.5181, 1.2493);
        transform: translate(3.75%, 0);
    }
    73% {
        animation-timing-function: cubic-bezier(0.0513, 0.1113, 0.4632, 1.2762);
        transform: translate(-2.63%, 0);
    }
    87% {
        animation-timing-function: cubic-bezier(0.1502, 0.2709, 0.2303, 0.8469);
        transform: translate(1.8399999999999999%, 0);
    }
    100% {
        transform: translate(-1.6800000000000002%, 0);
    }
}
.ld.ld-shake-h,
.ld.ld-shake {
    animation: ld-shake-h 1s infinite linear;
}
@keyframes ld-tick {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: rotate(0);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: rotate(13.540000000000001deg);
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: rotate(-9.48deg);
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: rotate(6.640000000000001deg);
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: rotate(-4.640000000000001deg);
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: rotate(3.2600000000000002deg);
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: rotate(-2.2800000000000002deg);
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: rotate(1.6deg);
    }
    100% {
        transform: rotate(-1.6400000000000001deg);
    }
}
.ld.ld-tick {
    animation: ld-tick 1s infinite linear;
}
@keyframes ld-smash {
    0% {
        animation-timing-function: cubic-bezier(0.3385, 0.332, 0.6667, 0.6667);
        transform: rotate(0);
    }
    40.8% {
        animation-timing-function: cubic-bezier(0.3316, 0.3338, 0.5714, 1.3045);
        transform: rotate(24.48deg);
    }
    48.5% {
        animation-timing-function: cubic-bezier(0.9673, 0.2776, 0.6667, 0.6667);
        transform: rotate(29.07deg);
    }
    51% {
        animation-timing-function: cubic-bezier(
            0.1933,
            0.2947,
            -0.0572,
            0.7191
        );
        transform: rotate(25.38deg);
    }
    60.8% {
        animation-timing-function: cubic-bezier(0.0583, 2.8507, 0.8558, 1);
        transform: rotate(0.54deg);
    }
    100% {
        transform: rotate(0);
    }
}
.ld.ld-smash {
    animation: ld-smash 1s infinite linear;
}
@keyframes ld-jelly-alt {
    0% {
        animation-timing-function: cubic-bezier(0.1858, 0.2841, 0.5834, 1.4615);
        transform: skewX(0);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0467, 0.1102, 0.4803, 1.4719);
        transform: skewX(6.7700000000000005deg);
    }
    41% {
        animation-timing-function: cubic-bezier(0.0469, 0.1108, 0.4775, 1.4732);
        transform: skewX(-4.74deg);
    }
    51% {
        animation-timing-function: cubic-bezier(0.0478, 0.1131, 0.4723, 1.4819);
        transform: skewX(3.3200000000000003deg);
    }
    61% {
        animation-timing-function: cubic-bezier(0.0506, 0.1192, 0.4639, 1.4818);
        transform: skewX(-2.3200000000000003deg);
    }
    71% {
        animation-timing-function: cubic-bezier(0.0581, 0.1374, 0.457, 1.4901);
        transform: skewX(1.6300000000000001deg);
    }
    81% {
        animation-timing-function: cubic-bezier(0.0765, 0.1813, 0.4542, 1.4923);
        transform: skewX(-1.1400000000000001deg);
    }
    91% {
        animation-timing-function: cubic-bezier(0.1747, 0.3181, 0.341, 0.878);
        transform: skewX(0.8deg);
    }
    100% {
        transform: skewX(-0.8200000000000001deg);
    }
}
.ld.ld-jelly-alt {
    animation: ld-jelly-alt 1s infinite linear;
}
@keyframes ld-jelly {
    0% {
        animation-timing-function: cubic-bezier(0.1441, 0.1912, 0.6583, 1.1029);
        transform: translate(0, 0) skewX(0);
    }
    31% {
        animation-timing-function: cubic-bezier(0.0667, 0.1419, 0.6667, 1.1415);
        transform: translate(-7.800000000000001%, 0) skewX(7.800000000000001deg);
    }
    45% {
        animation-timing-function: cubic-bezier(0.0542, 0.1151, 0.5697, 1.181);
        transform: translate(4.680000000000001%, 0) skewX(-4.680000000000001deg);
    }
    59% {
        animation-timing-function: cubic-bezier(0.0497, 0.1058, 0.4541, 1.231);
        transform: translate(-2.8100000000000005%, 0)
            skewX(2.8100000000000005deg);
    }
    73% {
        animation-timing-function: cubic-bezier(0.0808, 0.1711, 0.4109, 1.2519);
        transform: translate(1.6800000000000002%, 0)
            skewX(-1.6800000000000002deg);
    }
    87% {
        animation-timing-function: cubic-bezier(0.2073, 0.3705, 0.4064, 0.8839);
        transform: translate(-1.01%, 0) skewX(1.01deg);
    }
    100% {
        transform: translate(0.78%, 0) skewX(-0.78deg);
    }
}
.ld.ld-jelly {
    animation: ld-jelly 1s infinite linear;
}
@keyframes ld-damage {
    0% {
        animation-timing-function: cubic-bezier(0.1916, 0.3481, 0.5313, 2.0622);
        opacity: 1;
    }
    21% {
        animation-timing-function: cubic-bezier(0.0461, 0.1237, 0.4559, 1.8579);
        opacity: 0.42200000000000004;
    }
    29% {
        animation-timing-function: cubic-bezier(0.0468, 0.1254, 0.4564, 1.8559);
        opacity: 1.462;
    }
    37% {
        animation-timing-function: cubic-bezier(0.0479, 0.1283, 0.457, 1.856);
        opacity: 0.63;
    }
    45% {
        animation-timing-function: cubic-bezier(0.0487, 0.1306, 0.457, 1.8506);
        opacity: 1.296;
    }
    53% {
        animation-timing-function: cubic-bezier(0.0515, 0.1383, 0.4591, 1.8571);
        opacity: 0.763;
    }
    61% {
        animation-timing-function: cubic-bezier(0.0556, 0.1484, 0.4608, 1.846);
        opacity: 1.189;
    }
    69% {
        animation-timing-function: cubic-bezier(0.0595, 0.1602, 0.4632, 1.8456);
        opacity: 0.848;
    }
    77% {
        animation-timing-function: cubic-bezier(0.0689, 0.1849, 0.4698, 1.8391);
        opacity: 1.121;
    }
    85% {
        animation-timing-function: cubic-bezier(0.0794, 0.2133, 0.4765, 1.8226);
        opacity: 0.903;
    }
    93% {
        animation-timing-function: cubic-bezier(0.1486, 0.2692, 0.2335, 0.855);
        opacity: 1.078;
    }
    100% {
        opacity: 0.893;
    }
}
.ld.ld-damage {
    animation: ld-damage 1s infinite linear;
}
@keyframes ld-rush-ltr {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    0% {
        transform: translateX(-318.47520861406804%) skewX(30deg);
    }
    25% {
        transform: translateX(-21.425625842204074%) skewX(-15deg);
    }
    33% {
        transform: translateX(8.574374157795926%) skewX(-15deg);
    }
    44% {
        transform: translateX(-4.212879922796667%) skewX(7.5deg);
    }
    55.00000000000001% {
        transform: translateX(2.097390810087623%) skewX(-3.75deg);
    }
    66% {
        transform: translateX(0) skewX(0);
    }
    80% {
        transform: translateX(0) skewX(0);
    }
    100% {
        transform: translateX(300%) skewX(30deg);
    }
    100% {
        opacity: 1;
    }
}
.ld.ld-rush-ltr {
    animation: ld-rush-ltr 1s infinite linear;
}
@keyframes ld-rush-rtl {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    0% {
        transform: translateX(318.47520861406804%) skewX(-30deg);
    }
    25% {
        transform: translateX(21.425625842204074%) skewX(15deg);
    }
    33% {
        transform: translateX(-8.574374157795926%) skewX(15deg);
    }
    44% {
        transform: translateX(4.212879922796667%) skewX(-7.5deg);
    }
    55.00000000000001% {
        transform: translateX(-2.097390810087623%) skewX(3.75deg);
    }
    66% {
        transform: translateX(0) skewX(0);
    }
    80% {
        transform: translateX(0) skewX(0);
    }
    100% {
        transform: translateX(-300%) skewX(-30deg);
    }
    100% {
        opacity: 1;
    }
}
.ld.ld-rush-rtl {
    animation: ld-rush-rtl 1s infinite linear;
}
@keyframes ld-rush-ttb {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    0% {
        transform: translateY(-78.47520861406802%) skewY(30deg);
    }
    25% {
        transform: translateY(2.5743741577959263%) skewY(-15deg);
    }
    33% {
        transform: translateY(8.574374157795926%) skewY(-15deg);
    }
    44% {
        transform: translateY(-4.212879922796667%) skewY(7.5deg);
    }
    55.00000000000001% {
        transform: translateY(2.097390810087623%) skewY(-3.75deg);
    }
    66% {
        transform: translateY(0) skewY(0);
    }
    80% {
        transform: translateY(0) skewY(0);
    }
    100% {
        transform: translateY(60%) skewY(30deg);
    }
    100% {
        opacity: 1;
    }
}
.ld.ld-rush-ttb {
    animation: ld-rush-ttb 1s infinite linear;
}
@keyframes ld-rush-btt {
    0% {
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    0% {
        transform: translateY(318.47520861406804%) skewY(-30deg);
    }
    25% {
        transform: translateY(21.425625842204074%) skewY(15deg);
    }
    33% {
        transform: translateY(-8.574374157795926%) skewY(15deg);
    }
    44% {
        transform: translateY(4.212879922796667%) skewY(-7.5deg);
    }
    55.00000000000001% {
        transform: translateY(-2.097390810087623%) skewY(3.75deg);
    }
    66% {
        transform: translateY(0) skewY(0);
    }
    80% {
        transform: translateY(0) skewY(0);
    }
    100% {
        transform: translateY(-300%) skewY(-30deg);
    }
    100% {
        opacity: 1;
    }
}
.ld.ld-rush-btt {
    animation: ld-rush-btt 1s infinite linear;
}
@keyframes ld-skew {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }
    25%,
    75% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }
    0% {
        transform: skewX(20deg) scale(1);
    }
    25% {
        transform: skewX(0) scale(0.9);
    }
    50% {
        transform: skewX(-20deg) scale(1);
    }
    75% {
        transform: skewX(0) scale(0.9);
    }
    100% {
        transform: skewX(20deg) scale(1);
    }
}
.ld.ld-skew {
    animation: ld-skew 1s infinite linear;
}
@keyframes ld-skew-alt {
    0%,
    50%,
    100% {
        animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6);
    }
    25%,
    75% {
        animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1);
    }
    0% {
        transform: skewY(20deg) scale(1);
    }
    25% {
        transform: skewY(0) scale(0.9);
    }
    50% {
        transform: skewY(-20deg) scale(1);
    }
    75% {
        transform: skewY(0) scale(0.9);
    }
    100% {
        transform: skewY(20deg) scale(1);
    }
}
.ld.ld-skew-alt {
    animation: ld-skew-alt 1s infinite linear;
}
@keyframes ld-slide-ltr {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1;
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(47.8%, 0);
        opacity: 1;
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(147.8%, 0);
        opacity: 1;
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(165.6%, 0);
        opacity: 0;
    }
    50% {
        animation-timing-function: cubic-bezier(
            0.1604,
            0.3176,
            -0.0218,
            0.6965
        );
        transform: translate(-200%, 0);
        opacity: 0;
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(-179.8%, 0);
        opacity: 0;
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(-38.4%, 0);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-slide-ltr {
    animation: ld-slide-ltr 1s infinite linear;
}
@keyframes ld-slide-rtl {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1;
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(-47.8%, 0);
        opacity: 1;
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(-147.8%, 0);
        opacity: 1;
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(-165.6%, 0);
        opacity: 0;
    }
    50% {
        animation-timing-function: cubic-bezier(
            0.1604,
            0.3176,
            -0.0218,
            0.6965
        );
        transform: translate(200%, 0);
        opacity: 0;
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(179.8%, 0);
        opacity: 0;
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(38.4%, 0);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-slide-rtl {
    animation: ld-slide-rtl 1s infinite linear;
}
@keyframes ld-slide-btt {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1;
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(0, -47.8%);
        opacity: 1;
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(0, -147.8%);
        opacity: 1;
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(0, -165.6%);
        opacity: 0;
    }
    50% {
        animation-timing-function: cubic-bezier(
            0.1604,
            0.3176,
            -0.0218,
            0.6965
        );
        transform: translate(0, 200%);
        opacity: 0;
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(0, 179.8%);
        opacity: 0;
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(0, 38.4%);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-slide-btt {
    animation: ld-slide-btt 1s infinite linear;
}
@keyframes ld-slide-ttb {
    0% {
        animation-timing-function: cubic-bezier(0.4652, 0.1051, 0.774, 0.6426);
        transform: translate(0, 0);
        opacity: 1;
    }
    22.5% {
        animation-timing-function: cubic-bezier(0.4142, 0.3131, 0.7623, 0.6513);
        transform: translate(0, 47.8%);
        opacity: 1;
    }
    45% {
        animation-timing-function: cubic-bezier(0.3615, 0.331, 0.9646, 1.3461);
        transform: translate(0, 147.8%);
        opacity: 1;
    }
    47.5% {
        animation-timing-function: cubic-bezier(0.7006, 0.3332, 0.6667, 0.6667);
        transform: translate(0, 165.6%);
        opacity: 0;
    }
    50% {
        animation-timing-function: cubic-bezier(
            0.1604,
            0.3176,
            -0.0218,
            0.6965
        );
        transform: translate(0, -200%);
        opacity: 0;
    }
    51% {
        animation-timing-function: cubic-bezier(0.1983, 0.3529, 0.5263, 0.6945);
        transform: translate(0, -179.8%);
        opacity: 0;
    }
    80.4% {
        animation-timing-function: cubic-bezier(0.2342, 0.3708, 0.5422, 0.9065);
        transform: translate(0, -38.4%);
        opacity: 1;
    }
    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
.ld.ld-slide-ttb {
    animation: ld-slide-ttb 1s infinite linear;
}
@keyframes ld-coin-h {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(3600deg);
    }
}
.ld.ld-coin-h,
.ld.ld-coin {
    animation: ld-coin-h 2s infinite linear;
}
@keyframes ld-coin-v {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotateX(0);
    }
    100% {
        transform: rotateX(3600deg);
    }
}
.ld.ld-coin-v {
    animation: ld-coin-v 2s infinite linear;
}
@keyframes ld-cycle {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667);
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ld.ld-cycle {
    animation: ld-cycle 1s infinite linear;
}
@keyframes ld-cycle-alt {
    0% {
        animation-timing-function: cubic-bezier(0.3333, 0.3333, 0.6667, 0.6667);
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
.ld.ld-cycle-alt {
    animation: ld-cycle-alt 1s infinite linear;
}
@keyframes ld-flip-h {
    0% {
        animation-timing-function: cubic-bezier(0.1909, 0.4373, 0.4509, 0.7454);
        transform: rotateY(0);
    }
    30% {
        animation-timing-function: cubic-bezier(0.128, 0.2315, 0.9704, 0.8632);
        transform: rotateY(153.72deg);
    }
    50% {
        animation-timing-function: cubic-bezier(0.5788, 0.3001, 0.5613, 0.6784);
        transform: rotateY(180deg);
    }
    55% {
        animation-timing-function: cubic-bezier(0.1545, 0.4929, 0.6089, 0.9373);
        transform: rotateY(238.68deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}
.ld.ld-flip-h {
    animation: ld-flip-h 1s infinite linear;
}
@keyframes ld-flip-v {
    0% {
        animation-timing-function: cubic-bezier(0.1909, 0.4373, 0.4509, 0.7454);
        transform: rotateX(0);
    }
    30% {
        animation-timing-function: cubic-bezier(0.128, 0.2315, 0.9704, 0.8632);
        transform: rotateX(153.72deg);
    }
    50% {
        animation-timing-function: cubic-bezier(0.5788, 0.3001, 0.5613, 0.6784);
        transform: rotateX(180deg);
    }
    55% {
        animation-timing-function: cubic-bezier(0.1545, 0.4929, 0.6089, 0.9373);
        transform: rotateX(238.68deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.ld.ld-flip-v {
    animation: ld-flip-v 1s infinite linear;
}
@keyframes ld-spin-fast {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0);
    }
    100% {
        transform: rotate(1800deg);
    }
}
.ld.ld-spin-fast {
    animation: ld-spin-fast 1s infinite linear;
}
@keyframes ld-spin {
    0% {
        animation-timing-function: cubic-bezier(0.5856, 0.0703, 0.4143, 0.9297);
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ld.ld-spin {
    animation: ld-spin 1s infinite linear;
}
@keyframes ld-squeeze {
    0% {
        animation-timing-function: cubic-bezier(0.1685, 0.4459, 0.3641, 0.7833);
        transform: scale(0.5, 1);
    }
    30% {
        animation-timing-function: cubic-bezier(0.0995, 0.199, 0.9948, 0.959);
        transform: scale(0.9490000000000001, 0.5509999999999999);
    }
    50% {
        animation-timing-function: cubic-bezier(0.6064, 0.3078, 0.5406, 0.6764);
        transform: scale(1, 0.5);
    }
    55% {
        animation-timing-function: cubic-bezier(0.1401, 0.5826, 0.6091, 0.9651);
        transform: scale(0.8019999999999999, 0.6980000000000001);
    }
    100% {
        transform: scale(0.5, 1);
    }
}
.ld.ld-squeeze {
    animation: ld-squeeze 1s infinite linear;
}
@keyframes ld-static {
}
.ld.ld-static {
    animation: ld-static 1s infinite linear;
}
@keyframes ld-surprise {
    0% {
        transform: skewX(0) scale(1);
    }
    10% {
        transform: skewX(-25deg) scale(0.5);
    }
    20% {
        transform: skewX(-25deg) scale(0.5);
    }
    30% {
        transform: skewX(25deg) scale(1);
    }
    40% {
        transform: skewX(-25deg) scale(1);
    }
    50% {
        transform: skewX(25deg) scale(1);
    }
    60% {
        transform: skewX(-25deg) scale(1);
    }
    70% {
        transform: skewX(25deg) scale(1);
    }
    80% {
        transform: skewX(-25deg) scale(1);
    }
    90% {
        transform: skewX(25deg) scale(1);
    }
    100% {
        transform: skewX(-25deg) scale(1);
    }
}
.ld.ld-surprise {
    animation: ld-surprise 1s infinite linear;
}
@keyframes ld-measure {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    3.33333% {
        transform: translate(0, 0) rotate(-14.99241deg);
    }
    6.66667% {
        transform: translate(0, 0) rotate(10.93733deg);
    }
    10% {
        transform: translate(0, 0) rotate(10.60793deg);
    }
    13.33333% {
        transform: translate(0, 0) rotate(-10.26249deg);
    }
    16.66667% {
        transform: translate(0, 0) rotate(0.47337deg);
    }
    20% {
        transform: translate(0, 0) rotate(15deg);
    }
    23.33333% {
        transform: translate(0, 0) rotate(0.48087deg);
    }
    26.66667% {
        transform: translate(0, 0) rotate(-10.26796deg);
    }
    30% {
        transform: translate(0, 0) rotate(10.60262deg);
    }
    33.33333% {
        transform: translate(0, 0) rotate(10.94246deg);
    }
    36.66667% {
        transform: translate(0, 0) rotate(-14.99265deg);
    }
    40% {
        transform: translate(0, 0) rotate(-0.0075deg);
    }
    43.33333% {
        transform: translate(0, 0) rotate(14.99217deg);
    }
    46.66667% {
        transform: translate(0, 0) rotate(-10.93219deg);
    }
    50% {
        transform: translate(0, 0) rotate(-10.61323deg);
    }
    53.33333% {
        transform: translate(0, 0) rotate(10.25702deg);
    }
    56.66667% {
        transform: translate(0, 0) rotate(-0.46588deg);
    }
    60% {
        transform: translate(0, 0) rotate(-15deg);
    }
    63.33333% {
        transform: translate(0, 0) rotate(-0.48836deg);
    }
    66.66667% {
        transform: translate(0, 0) rotate(10.27343deg);
    }
    70% {
        transform: translate(0, 0) rotate(-10.59732deg);
    }
    73.33333% {
        transform: translate(0, 0) rotate(-10.94759deg);
    }
    76.66667% {
        transform: translate(0, 0) rotate(14.99288deg);
    }
    80% {
        transform: translate(0, 0) rotate(0.015deg);
    }
    83.33333% {
        transform: translate(0, 0) rotate(-14.99193deg);
    }
    86.66667% {
        transform: translate(0, 0) rotate(10.92706deg);
    }
    90% {
        transform: translate(0, 0) rotate(10.61853deg);
    }
    93.33333% {
        transform: translate(0, 0) rotate(-10.25155deg);
    }
    96.66667% {
        transform: translate(0, 0) rotate(0.45838deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
    }
}
.ld.ld-measure {
    animation: ld-measure 5s infinite linear;
}
@keyframes ld-shiver {
    0% {
        transform: translate(0, 0) scale(1);
    }
    3.33333% {
        transform: translate(0, 0) scale(1.04279);
    }
    6.66667% {
        transform: translate(0, 0) scale(1.00524);
    }
    10% {
        transform: translate(0, 0) scale(0.96369);
    }
    13.33333% {
        transform: translate(0, 0) scale(0.95064);
    }
    16.66667% {
        transform: translate(0, 0) scale(0.97651);
    }
    20% {
        transform: translate(0, 0) scale(1.02078);
    }
    23.33333% {
        transform: translate(0, 0) scale(1.04875);
    }
    26.66667% {
        transform: translate(0, 0) scale(1.03832);
    }
    30% {
        transform: translate(0, 0) scale(0.99777);
    }
    33.33333% {
        transform: translate(0, 0) scale(0.95897);
    }
    36.66667% {
        transform: translate(0, 0) scale(0.95244);
    }
    40% {
        transform: translate(0, 0) scale(0.98335);
    }
    43.33333% {
        transform: translate(0, 0) scale(1.02733);
    }
    46.66667% {
        transform: translate(0, 0) scale(1.04988);
    }
    50% {
        transform: translate(0, 0) scale(1.0331);
    }
    53.33333% {
        transform: translate(0, 0) scale(0.99035);
    }
    56.66667% {
        transform: translate(0, 0) scale(0.95507);
    }
    60% {
        transform: translate(0, 0) scale(0.95527);
    }
    63.33333% {
        transform: translate(0, 0) scale(0.99057);
    }
    66.66667% {
        transform: translate(0, 0) scale(1.03343);
    }
    70% {
        transform: translate(0, 0) scale(1.04984);
    }
    73.33333% {
        transform: translate(0, 0) scale(1.02714);
    }
    76.66667% {
        transform: translate(0, 0) scale(0.98293);
    }
    80% {
        transform: translate(0, 0) scale(0.9523);
    }
    83.33333% {
        transform: translate(0, 0) scale(0.9591);
    }
    86.66667% {
        transform: translate(0, 0) scale(0.99821);
    }
    90% {
        transform: translate(0, 0) scale(1.0386);
    }
    93.33333% {
        transform: translate(0, 0) scale(1.0487);
    }
    96.66667% {
        transform: translate(0, 0) scale(1.02038);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}
.ld.ld-shiver {
    animation: ld-shiver 0.5s infinite linear;
}
@keyframes ld-swim {
    0% {
        transform: translate(0, 0) rotate(0);
    }
    8.33333% {
        transform: translate(-5.96462px, 4.90845px) rotate(-13.66821deg);
    }
    16.66667% {
        transform: translate(5.25471px, -2.05606px) rotate(0.47337deg);
    }
    25% {
        transform: translate(2.30929px, 5.79372px) rotate(13.8564deg);
    }
    33.33333% {
        transform: translate(-5.75556px, -4.60802px) rotate(10.94246deg);
    }
    41.66667% {
        transform: translate(3.73522px, 5.97742px) rotate(-14.03079deg);
    }
    50% {
        transform: translate(4.2628px, -3.01222px) rotate(-10.61323deg);
    }
    58.33333% {
        transform: translate(-4.65975px, -2.51269px) rotate(5.2869deg);
    }
    66.66667% {
        transform: translate(1.64024px, -1.05167px) rotate(10.27343deg);
    }
    75% {
        transform: translate(5.55954px, -4.22763px) rotate(-5.72726deg);
    }
    83.33333% {
        transform: translate(-2.84602px, 5.91439px) rotate(-14.99193deg);
    }
    91.66667% {
        transform: translate(-0.70744px, -5.43064px) rotate(6.16192deg);
    }
    100% {
        transform: translate(0, 0) rotate(0);
    }
}
.ld.ld-swim {
    animation: ld-swim 10s infinite linear;
}
@keyframes ld-tremble {
    0% {
        transform: translate(0, 0);
    }
    3.33333% {
        transform: translate(-0.18923px, 1.45485px);
    }
    6.66667% {
        transform: translate(-0.84296px, -1.32524px);
    }
    10% {
        transform: translate(0.67971px, 1.00422px);
    }
    13.33333% {
        transform: translate(-0.5056px, 0.83616px);
    }
    16.66667% {
        transform: translate(1.31368px, -0.51401px);
    }
    20% {
        transform: translate(-1.21184px, 1.49193px);
    }
    23.33333% {
        transform: translate(1.09065px, -0.21259px);
    }
    26.66667% {
        transform: translate(-1.49916px, 0.56159px);
    }
    30% {
        transform: translate(1.48086px, 1.21228px);
    }
    33.33333% {
        transform: translate(-1.43889px, -1.152px);
    }
    36.66667% {
        transform: translate(1.35914px, 1.34835px);
    }
    40% {
        transform: translate(-1.42834px, 0.3091px);
    }
    43.33333% {
        transform: translate(1.47472px, -1.49889px);
    }
    46.66667% {
        transform: translate(-0.92402px, 1.4416px);
    }
    50% {
        transform: translate(1.0657px, -0.75306px);
    }
    53.33333% {
        transform: translate(-1.19035px, -1.07484px);
    }
    56.66667% {
        transform: translate(0.28828px, 0.79337px);
    }
    60% {
        transform: translate(-0.47167px, -1.42789px);
    }
    63.33333% {
        transform: translate(0.64753px, -0.09795px);
    }
    66.66667% {
        transform: translate(0.41006px, -0.26292px);
    }
    70% {
        transform: translate(-0.22477px, -1.3683px);
    }
    73.33333% {
        transform: translate(0.03588px, 0.92931px);
    }
    76.66667% {
        transform: translate(-1.01937px, -1.18398px);
    }
    80% {
        transform: translate(0.8724px, -0.60494px);
    }
    83.33333% {
        transform: translate(-0.71151px, 1.4786px);
    }
    86.66667% {
        transform: translate(1.40734px, -1.49607px);
    }
    90% {
        transform: translate(-1.33062px, 0.46957px);
    }
    93.33333% {
        transform: translate(1.23264px, 1.26738px);
    }
    96.66667% {
        transform: translate(-1.48975px, -1.03867px);
    }
    100% {
        transform: translate(0, 0);
    }
}
.ld.ld-tremble {
    animation: ld-tremble 0.5s infinite linear;
}
@keyframes ld-vortex {
    0%,
    60% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7);
    }
    0% {
        opacity: 0;
        transform: rotate(-1800deg) scale(0.3);
    }
    60% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: rotate(0) scale(1);
    }
}
.ld.ld-vortex {
    animation: ld-vortex 1s infinite linear;
}
@keyframes ld-vortex-alt {
    0%,
    60% {
        animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7);
    }
    0% {
        opacity: 0;
        transform: rotate(-1800deg) scale(3);
    }
    60% {
        opacity: 1;
        transform: rotate(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: rotate(0) scale(1);
    }
}
.ld.ld-vortex-alt {
    animation: ld-vortex-alt 1s infinite linear;
}
@keyframes ld-wrench {
    20%,
    36%,
    70%,
    86% {
        transform: rotate(0);
    }
    0%,
    50%,
    100% {
        transform: rotate(45deg);
    }
}
.ld.ld-wrench {
    animation: ld-wrench 1s infinite linear;
}

.ld-ext-right,
.ld-ext-left,
.ld-ext-bottom,
.ld-ext-top,
.ld-over,
.ld-over-inverse,
.ld-over-full,
.ld-over-full-inverse {
    position: relative;
    transition: all 0.3s;
    transition-timing-function: ease-in;
}
.ld-ext-right > .ld,
.ld-ext-left > .ld,
.ld-ext-bottom > .ld,
.ld-ext-top > .ld,
.ld-over > .ld,
.ld-over-inverse > .ld,
.ld-over-full > .ld,
.ld-over-full-inverse > .ld {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -0.5em;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s;
    transition-timing-function: ease-in;
}
.ld-ext-right > .ld > *,
.ld-ext-left > .ld > *,
.ld-ext-bottom > .ld > *,
.ld-ext-top > .ld > *,
.ld-over > .ld > *,
.ld-over-inverse > .ld > *,
.ld-over-full > .ld > *,
.ld-over-full-inverse > .ld > * {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-0.5em, -0.5em);
}
.ld-ext-right.running > .ld,
.ld-ext-left.running > .ld,
.ld-ext-bottom.running > .ld,
.ld-ext-top.running > .ld,
.ld-over.running > .ld,
.ld-over-inverse.running > .ld,
.ld-over-full.running > .ld,
.ld-over-full-inverse.running > .ld {
    opacity: 1;
    z-index: auto;
    visibility: visible;
}
.ld-ext-right.running {
    padding-right: 2.5em !important;
}
.ld-ext-right > .ld {
    top: 50%;
    left: auto;
    right: 1.25em;
}
.ld-ext-left.running {
    padding-left: 2.5em !important;
}
.ld-ext-left > .ld {
    top: 50%;
    right: auto;
    left: 1.25em;
}
.ld-ext-bottom.running {
    padding-bottom: 2.5em !important;
}
.ld-ext-bottom > .ld {
    top: auto;
    left: 50%;
    bottom: 1.25em;
}
.ld-ext-top.running {
    padding-top: 2.5em !important;
}
.ld-ext-top > .ld {
    bottom: auto;
    left: 50%;
    top: 1.25em;
}
.ld-over:before,
.ld-over-inverse:before,
.ld-over-full:before,
.ld-over-full-inverse:before {
    content: " ";
    display: block;
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    transition-timing-function: ease-in;
    background: rgba(240, 240, 240, 0.8);
}
.ld-over.running > .ld,
.ld-over-inverse.running > .ld,
.ld-over-full.running > .ld,
.ld-over-full-inverse.running > .ld {
    z-index: 4001;
}
.ld-over.running:before,
.ld-over-inverse.running:before,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
    opacity: 1;
    z-index: 4000;
    display: block;
}
.ld-over-full.running > .ld,
.ld-over-full-inverse.running > .ld,
.ld-over-full.running:before,
.ld-over-full-inverse.running:before {
    position: fixed;
}
.ld-over-full > .ld {
    color: rgba(0, 0, 0, 0.8);
}
.ld-over-full:before,
.ld-over-full-inverse:before {
    background: rgba(255, 255, 255, 0.8);
}
.ld-over-inverse > .ld {
    color: rgba(255, 255, 255, 0.8);
}
.ld-over-inverse:before {
    background: rgba(0, 0, 0, 0.6);
}
.ld-over-full-inverse > .ld {
    color: rgba(255, 255, 255, 0.8);
}
.ld-over-full-inverse:before {
    background: rgba(0, 0, 0, 0.6);
}

/* Modifs octobre 2023 */
.model-infosup.faq h2 {
    text-align: center;
}
.model-infosup.faq .t-item {
    padding: 10px 60px 10px 0;
}

.model-infosup.faq .t-item .title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.model-infosup.faq .t-item .title img.iconSection {
    width: 70px;
    margin-right: 20px;
}

.model-infosup.faq .t-item .title h3 {
    color: #fff;
    width: calc(100% - 90px);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 16px;
}

.model-infosup.faq .t-item .title h3 span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    margin-top: 5px;
    color: rgba(255, 255, 255, 0.6);
    text-transform: none;
}

.model-infosup.faq .c-item ul {
    list-style: disc;
    padding-left: 10px;
}

.model-infosup.faq .c-item li {
    margin: 16px 0;
    line-height: 1.2;
    list-style: disc;
}

.sect-temoignages {
    background: #201f1b;
    padding: 160px 0;
    text-align: center;
}

.sect-temoignages .iconQuote {
    width: 80px;
    margin: 0 auto 40px auto;
}

.sect-temoignages p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 19px;
}

.sect-temoignages .name {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.02em;
    margin-top: 30px;
}
.sect-temoignages .houseDelivery {
    color: rgba(255, 255, 255, 0.3);
    font-size: 16px;
    font-weight: 600;
    margin-top: 6px;
}

@media (max-width: 600px) {
    .sect-temoignages {
        padding: 110px 0;
    }
    .sect-temoignages .iconQuote {
        width: 60px;
    }

    .sect-temoignages p {
        font-size: 16px;
    }

    .sect-temoignages .name {
        font-size: 18px;
    }
    .sect-temoignages .houseDelivery {
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .model-infosup.faq .t-item .title img.iconSection {
        width: 40px;
    }
    .model-infosup.faq .t-item .title h3 {
        font-size: 15px;
        width: calc(100% - 60px);
    }
}

#testimonials-intro {
    background: #191813;
    padding: 120px 0 150px;
}
#testimonials-intro h1 {
    font-size: 50px;
    text-align: center;
    color: #e7d87e;
}

.sect-temoignages.listing {
    background: #191813;
    padding: 20px 0 160px 0;
    text-align: center;
}

.sect-temoignages.listing .listItem {
    display: flex;
    flex-wrap: wrap;
}
.sect-temoignages.listing .item {
    width: 50%;
    padding: 15px;
}

.sect-temoignages.listing .item .box {
    background: #201f1b;
    padding: 60px 40px;
    height: 100%;
}

.sect-temoignages.listing .iconQuote {
    width: 50px;
    margin: 0 auto 30px auto;
}

.sect-temoignages.listing p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
}

.sect-temoignages.listing .name {
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.02em;
    margin-top: 30px;
}
.sect-temoignages.listing .houseDelivery {
    color: rgba(255, 255, 255, 0.3);
    font-size: 14px;
    font-weight: 600;
    margin-top: 6px;
}
.sect-temoignages.listing .photos {
    margin: 30px 0 0;
}
@media (max-width: 879px) {
    #testimonials-intro h1 {
        font-size: 30px;
    }
}
@media (max-width: 750px) {
    .sect-temoignages.listing .item {
        width: 100%;
        padding: 15px 0;
    }
}
@media (max-width: 450px) {
    .sect-temoignages.listing .container {
        padding: 0 12px;
    }
    .sect-temoignages.listing .item .box {
        padding: 50px 30px;
    }
}

/*maj 2024*/

/*
color:#e7d87e;rgba(231,216,126,1);
color:#191813;rgba(25,24,19,1);
color:#201f1b;rgba(32,31,27,1);
color:#262626;rgba(38,38,38,1));
font-family: 'Work Sans', sans-serif;
*/

.fcol {
    display: flex;
    flex-direction: column;
}
.fcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

#content {
    margin: 0;
}
#content .page-intro-gap {
    height: 160px;
    background: #191813;
}
@media (max-width: 1279px) {
    #content .page-intro-gap {
        height: 68px;
    }
}

#main-header {
    height: 160px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 980;
    transition: all 0.3s ease-out;
}
#main-header.scroll {
    margin-top: -50px;
}
#main-header .outer {
    height: 160px;
    max-width: 1800px;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    background: #201f1b;
    color: #fff;
}
#main-header .top-bar {
    height: 50px;
    display: flex;
    justify-content: flex-end;
    background: #262626;
}
#main-header .top-bar .menu ul {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 20px 0 0;
}
#main-header .top-bar .menu ul li {
    margin: 0 0 0 18px;
}
#main-header .top-bar .menu ul li > a {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.5;
}
#main-header .top-bar .menu ul li > a:hover {
    opacity: 1;
}
#main-header .top-bar .top-btn {
    width: 80px;
    height: 100%;
    border-left: 2px solid #191813;
    color: #e7d87e;
}
#main-header .top-bar .top-btn svg {
    height: 20px;
}
#main-header .top-bar .top-btn:hover {
    background: #e7d87e;
    color: #fff;
}
#main-header .top-bar .wishlist .count {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 0 5px;
    color: #fff;
}
#main-header .main-bar {
    height: 110px;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#main-header .main-bar .col-1 {
    display: flex;
    align-items: center;
}
#main-header .main-bar .logo {
    width: 228px;
    margin: 0 100px 0 0;
}
#main-header .main-bar .logo img {
    max-width: 100%;
}
#main-header .main-bar .menu > nav > ul {
    display: flex;
    align-items: center;
    height: 100%;
}
#main-header .main-bar .menu ul li {
    margin: 0 40px 0 0;
}
#main-header .main-bar .menu ul li.has-dropdown svg {
    width: 12px;
    transition: all 0.3s ease-out;
}
#main-header .main-bar .menu ul li.has-dropdown.open svg {
    transform: rotate(180deg);
}
#main-header .main-bar .menu ul li > a {
    font-size: 17px;
    font-weight: 600;
}
#main-header .main-bar .menu ul li > a:hover {
    color: #e7d87e;
}
#main-header .main-bar .menu ul li .sub-menu {
    position: absolute;
    top: 100%;
    left: 340px;
    width: 1000px;
    padding: 50px;
    border-radius: 0 0 10px 10px;
    background: #fff;
    box-shadow: 0 3px 10px #00000011; /*transform:translateY(-50px);*/
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#main-header .main-bar .menu ul li .sub-menu.open {
    /*transform:translateY(0);*/
    visibility: visible;
    opacity: 1;
}
#main-header .main-bar .menu ul li .sub-menu > .wrap {
    justify-content: space-between;
}
#main-header .main-bar .menu ul li .sub-menu .models {
    width: 50%;
    max-width: 400px;
}
#main-header .main-bar .menu ul li .sub-menu .models .title {
    font-size: 14px;
    font-weight: 600;
    color: #767676;
    padding: 0 0 15px;
    border-bottom: 2px solid #e8e8e8;
    margin: 0 0 15px;
}
#main-header .main-bar .menu ul li .sub-menu .models li {
    margin: 0 0 20px;
}
#main-header .main-bar .menu ul li .sub-menu .models li > a {
    font-size: 18px;
    font-weight: 700;
    color: #191813;
}
#main-header .main-bar .menu ul li .sub-menu .models li > a:hover {
    color: #e7d87e;
}
#main-header .main-bar .menu ul li .sub-menu .models .btns {
    margin: 40px 0 0;
}
#main-header .main-bar .menu ul li .sub-menu .visit {
    width: 50%;
    max-width: 400px;
    padding: 0 0 0 25px;
}
#main-header .main-bar .menu ul li .sub-menu .visit .img {
    padding: 10px;
    height: 100%;
    border-radius: 10px;
    background: url("../images/visite-menu.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
#main-header .main-bar .menu ul li .sub-menu .visit .inner {
    padding: 20px;
    border-radius: 10px;
    background: #fff;
}
#main-header .main-bar .menu ul li .sub-menu .visit .inner .title {
    font-size: 14px;
    font-weight: 600;
    color: #767676;
    margin: 0 0 15px;
}
#main-header .main-bar .menu ul li .sub-menu .visit .inner a {
    padding: 12px 40px 12px 18px;
    margin: 5px 0 0;
    border-radius: 10px;
    background: #eae9e0;
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #191813;
}
#main-header .main-bar .menu ul li .sub-menu .visit .inner a:hover {
    background: #dbd8d0;
}
#main-header .main-bar .menu ul li .sub-menu .visit .inner a:after {
    content: "";
    display: block;
    width: 13px;
    height: 12px;
    background: url(../images/btn-arrow.svg) right center no-repeat;
    background-size: auto 12px;
    position: absolute;
    top: 50%;
    right: 18px;
    margin-top: -6px;
}
#main-header .main-bar .col-2 {
    display: flex;
    align-items: center;
}
#main-header .main-bar .col-2 .extra-menu-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    margin: 0 15px 0 0;
}
#main-header .main-bar .col-2 .extra-menu-btn:hover {
    background: #e7d87e;
}
#main-header .main-bar .col-2 .extra-menu-btn .open {
    display: none;
}
#main-header .main-bar .col-2 .extra-menu-btn.open {
    background: #302f2e;
}
#main-header .main-bar .col-2 .extra-menu-btn.open:hover {
    background: #191813;
}
#main-header .main-bar .col-2 .extra-menu-btn.open img {
    display: none;
}
#main-header .main-bar .col-2 .extra-menu-btn.open .open {
    display: block;
}
#main-header .main-bar .col-2 .quote-btn {
    color: #191813;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: center;
    background: #e7d87e;
    padding: 0 30px;
    height: 48px;
    border-radius: 300px;
    position: relative;
}
#main-header .main-bar .col-2 .quote-btn:hover {
    color: #191813;
    background: #d7c86b;
}
#main-header .main-bar .col-2 .extra-menu {
    position: absolute;
    top: 100%;
    right: 20px;
    width: 330px;
    padding: 30px;
    border-radius: 0 0 10px 10px;
    background: #fff;
    box-shadow: 0 3px 10px #00000011; /*transform:translateY(-50px);*/
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#main-header .main-bar .col-2 .extra-menu.open {
    /*transform:translateY(0);*/
    visibility: visible;
    opacity: 1;
}
#main-header .main-bar .col-2 .extra-menu .title {
    padding: 10px 0;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
    color: #191813;
}
#main-header .main-bar .col-2 .extra-menu li {
    padding: 20px 0;
}
#main-header .main-bar .col-2 .extra-menu li + li {
    border-top: 2px solid #e8e8e8;
}
#main-header .main-bar .col-2 .extra-menu li > a {
    font-size: 18px;
    font-weight: 700;
    color: #191813;
}
#main-header .main-bar .col-2 .extra-menu li > a:hover {
    color: #e7d87e;
}
@media (max-width: 1579px) {
    #main-header .main-bar .logo {
        width: 228px;
        margin: 0 50px 0 0;
    }
    #main-header .main-bar .menu ul li .sub-menu {
        left: 20vw;
        width: 900px;
    }
    #main-header .main-bar .menu ul li .sub-menu .models .btns {
        margin: 20px 0 0;
    }
}
@media (max-width: 1359px) {
    #main-header .main-bar .logo {
        width: 190px;
    }
    #main-header .main-bar .menu ul li > a {
        font-size: 16px;
    }
}
@media (max-width: 1279px) {
    #main-header {
        display: none;
    }
}

#main-header-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    z-index: 999;
}
#main-header-mobile .top-bar {
    height: 68px;
    padding: 0 15px;
    background: #191813;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-header-mobile .top-bar .logo img {
    width: 74px;
}
#main-header-mobile .top-bar .col-2 {
    display: flex;
    align-items: center;
}
#main-header-mobile .top-bar .col-2 .mobile-menu-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    margin: 0 0 0 15px;
}
#main-header-mobile .top-bar .col-2 .mobile-menu-btn .open {
    display: none;
}
#main-header-mobile .top-bar .col-2 .mobile-menu-btn.open img {
    display: none;
}
#main-header-mobile .top-bar .col-2 .mobile-menu-btn.open .open {
    display: block;
}
#main-header-mobile .top-bar .col-2 .quote-btn {
    color: #191813;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: center;
    background: #e7d87e;
    padding: 0 20px;
    height: 32px;
    border-radius: 300px;
    position: relative;
}
#main-header-mobile .search {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    padding: 20px 15px 30px;
}
#main-header-mobile .search input {
    padding: 0 20px;
    background: #303030;
    border: 0;
    border-radius: 6px 0 0 6px;
    height: 48px;
    color: #fff;
    width: 100%;
}
#main-header-mobile .search input::placeholder {
    color: #aaa;
}
#main-header-mobile .search button {
    height: 48px;
    width: 48px;
    border-radius: 0 6px 6px 0;
    background: #e7d87e;
    flex-shrink: 0;
    padding: 0;
}
#main-header-mobile .menu {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100dvh - 68px);
    background: #201f1b;
    opacity: 0;
}
#main-header-mobile .menu.open {
    display: flex;
    opacity: 1;
}
#main-header-mobile .menu nav {
    padding: 0 25px 30px;
}
#main-header-mobile .menu ul.lg li + li {
    margin: 20px 0 0;
}
#main-header-mobile .menu ul.lg li > a {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}
#main-header-mobile .menu ul.lg li.has-dropdown > a {
    display: flex;
    align-items: center;
}
#main-header-mobile .menu ul.lg li.has-dropdown > a > svg {
    width: 14px;
    margin: 0 0 0 10px;
    transition: all 0.3s ease-out;
}
#main-header-mobile .menu ul.lg li.has-dropdown > a.open > svg {
    transform: rotate(180deg);
}
#main-header-mobile .menu ul.lg li.has-dropdown .sub-menu {
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease-out;
}
#main-header-mobile .menu ul.lg li.has-dropdown ul {
    padding: 15px 0 0 20px;
}
#main-header-mobile .menu ul.lg li.has-dropdown li + li {
    margin: 15px 0 0;
}
#main-header-mobile .menu ul.lg li.has-dropdown li > a {
    font-size: 18px;
    font-weight: 600;
}
#main-header-mobile .menu ul.sm {
    margin: 40px 0 0;
    border-top: 2px solid #262626;
    padding: 40px 0 0;
}
#main-header-mobile .menu ul.sm li + li {
    margin: 20px 0 0;
}
#main-header-mobile .menu ul.sm li > a {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
#main-header-mobile .menu .bottom-box {
    padding: 25px;
    border-radius: 10px 10px 0 0;
    background: #fff;
    transform: translateY(30px);
    transition: all 0.3s ease-out;
}
#main-header-mobile .menu.open .bottom-box {
    transform: translateY(0);
}
#main-header-mobile .menu.open .bottom-box .btn-1 {
    height: 48px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #e7d87e;
    color: #191813;
}
#main-header-mobile .menu.open .bottom-box .btn-2 {
    height: 48px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    background: #201f1b;
    color: #fff;
    margin: 8px 0 0;
}
@media (max-width: 1279px) {
    #main-header-mobile {
        display: block;
    }
}
@media (max-height: 729px) {
    #main-header-mobile .menu ul.lg li + li {
        margin: 20px 0 0;
    }
    #main-header-mobile .menu ul.lg li > a {
        font-size: 25px;
    }
    #main-header-mobile .menu ul.sm {
        margin: 30px 0 0;
        padding: 30px 0 0;
    }
    #main-header-mobile .menu ul.sm li + li {
        margin: 15px 0 0;
    }
    #main-header-mobile .menu ul.sm li > a {
        font-size: 16px;
    }
}

.home-hero {
    background: #191813;
}
.home-hero .outer-img {
    padding: 200px 0 0;
    min-height: 530px;
    height: 100dvh;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
}
.home-hero .inner-img {
    position: absolute;
    top: -50px;
    bottom: -50px;
    width: 100%;
    left: 0;
    opacity: 0.6;
}
.home-hero .outer-img img {
    /*margin:-100px 0;*/
    min-height: 530px;
    height: 100dvh;
    object-fit: cover;
}
.home-hero .video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    transform: translate(-50%, -50%);
    opacity: 0.4;
}
.home-hero .title {
    padding: 100px 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.home-hero .title .col-1 {
    max-width: 800px;
}
.home-hero .title .col-1 h1 {
    text-transform: uppercase;
}
.home-hero .title .col-1 h1 .sm {
    font-size: 28px;
    font-weight: 600;
    color: #e8d77e;
    margin: 0 0 10px;
}
.home-hero .title .col-1 h1 .lg {
    font-size: 80px;
    font-weight: 800;
    color: #fff;
}
.home-hero .title .col-2 {
    max-width: 420px;
}
.home-hero .title .col-2 p {
    font-weight: 600;
    color: #fff;
}
@media (max-width: 1579px) {
    .home-hero .title {
        padding: 60px;
    }
}
@media (max-width: 1359px) {
    .home-hero .title .col-1 h1 .sm {
        font-size: 25px;
    }
    .home-hero .title .col-1 h1 .lg {
        font-size: 70px;
    }
}
@media (max-width: 1279px) {
    .home-hero .outer-img {
        padding: 70px 0 0;
        min-height: 430px;
        height: 70dvh;
    }
    .home-hero .outer-img img {
        min-height: 430px;
        height: 70dvh;
    }
    .home-hero .title {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .home-hero .title .col-1 {
        margin: 0 0 30px;
    }
}
@media (max-width: 619px) {
    .home-hero .outer-img {
        max-height: 600px;
    }
    .home-hero .outer-img img {
        max-height: 600px;
    }
    .home-hero .title {
        padding: 40px 20px;
    }
    .home-hero .title .col-1 {
        margin: 0 0 20px;
    }
    .home-hero .title .col-1 h1 .sm {
        font-size: 20px;
    }
    .home-hero .title .col-1 h1 .lg {
        font-size: 40px;
    }
    .home-hero .title .col-2 p {
        font-size: 16px;
    }
}
@media (max-width: 619px) and (max-height: 729px) {
    .home-hero .outer-img {
        height: 80dvh;
    }
    .home-hero .outer-img img {
        height: 80dvh;
    }
}

#home-categories-2 {
    padding: 200px 0;
}
#home-categories-2 .container {
    max-width: 1740px;
}
#home-categories-2 .top {
    margin: 0 0 60px;
}
#home-categories-2 .top .col-1 {
    width: calc(100% - 300px);
}
#home-categories-2 .top .col-1 h2 {
    font-size: 65px;
}
#home-categories-2 .top .col-2 {
    width: 300px;
    justify-content: flex-end;
    align-items: flex-end;
}
#home-categories-2 .items {
    margin: 0 -6px;
}
#home-categories-2 .item {
    width: 25%;
    padding: 0 6px;
}
#home-categories-2 .item .img {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
#home-categories-2 .item .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/btn-arrow-alt.svg) center center no-repeat
        rgba(25, 24, 19, 0.6);
    background-size: 20px auto;
    opacity: 0;
    transition: all 0.3s ease-out;
}
#home-categories-2 .item a:hover .img:after {
    opacity: 1;
    background-size: 30px auto;
}
#home-categories-2 .item .img img {
    width: 100%;
}
#home-categories-2 .item .desc {
    margin: 15px 0 0;
}
#home-categories-2 .item h3 {
    font-size: 24px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease-out;
}
#home-categories-2 .item h3 img {
    width: 15px;
    margin: 0 0 0 5px;
    transition: all 0.3s ease-out;
}
#home-categories-2 .item a:hover h3 {
    /*color:#E8D77E;*/
}
#home-categories-2 .item a:hover h3 img {
    margin: 0 0 0 10px;
}
@media (max-width: 1579px) {
    #home-categories-2 .top .col-1 h2 {
        font-size: 55px;
    }
    #home-categories-2 .item h3 {
        font-size: 20px;
    }
}
@media (max-width: 1279px) {
    #home-categories-2 {
        padding: 150px 0;
    }
    #home-categories-2 .top {
        margin: 0 0 30px;
    }
    #home-categories-2 .top .col-1 {
        width: 100%;
    }
    #home-categories-2 .top .col-1 h2 {
        font-size: 50px;
    }
    #home-categories-2 .top .col-2 {
        width: 100%;
        margin: 30px 0 0;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #home-categories-2 .item {
        width: 50%;
        padding-top: 50px;
    }
}
@media (max-width: 619px) {
    #home-categories-2 {
        padding: 100px 0;
    }
    #home-categories-2 .top {
        margin: 0 0 20px;
    }
    #home-categories-2 .top .col-1 h2 {
        font-size: 28px;
    }
    #home-categories-2 .item {
        width: 50%;
        padding-top: 30px;
    }
    #home-categories-2 .item .desc {
        margin: 10px 0 0;
    }
    #home-categories-2 .item h3 {
        font-size: 14px;
    }
    #home-categories-2 .item h3 img {
        width: 10px;
    }
}

#home-guide {
    padding: 150px 0;
}
#home-guide .col-1 {
    width: 40%;
}
#home-guide .col-1 img {
    width: 100%;
}
#home-guide .col-2 {
    width: 60%;
    padding: 0 0 0 100px;
    justify-content: center;
}
#home-guide .col-2 h2 {
    font-size: 42px;
    margin: 0 0 30px;
}
#home-guide .col-2 .email {
    margin: 40px 0 0;
}
#home-guide .col-2 .email input {
    width: 100%;
    padding: 20px 30px;
    border: 0;
    background: #eae9e0;
    color: #767676;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease-out;
}
#home-guide .col-2 .email input::placeholder {
    color: #767676;
}
#home-guide .col-2 .email input:focus {
    background: #d9d8d0;
}
#home-guide .col-2 .newsletter {
    margin: 20px 0 30px;
    font-size: 16px;
    font-weight: 600;
}
#home-guide .col-2 .newsletter input {
    margin: 0 5px 0 0;
}
@media (max-width: 1279px) {
    #home-guide .container {
        max-width: 700px;
    }
    #home-guide .col-1 {
        width: 100%;
    }
    #home-guide .col-2 {
        width: 100%;
        padding: 50px 0 0;
    }
}
@media (max-width: 619px) {
    #home-guide {
        padding: 100px 0;
    }
    #home-guide .col-2 h2 {
        font-size: 30px;
    }
    #home-guide .col-2 .email input {
        font-size: 14px;
    }
    #home-guide .col-2 .newsletter {
        margin: 20px 0 30px;
        font-size: 13px;
    }
}

.related .item.md {
    width: 66.666666%;
}
.related .item .promo-box {
    font-size: 14px;
    background: #e7d87e;
    background: #f8f8f8;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.related .item .promo-box h2 {
    font-size: 25px;
    max-width: 500px;
    margin: 0 0 20px;
}
.related .item .promo-box .link a {
    font-weight: 600;
    margin: 20px 0 0;
    display: flex;
    background: #191813;
    color: #fff;
    width: fit-content;
    padding: 12px 20px;
    border-radius: 200px;
    text-transform: uppercase;
}
.related .item .promo-box .link a:hover {
    background: #201f1b;
}
@media (max-width: 1579px) {
    .related .item .promo-box {
        font-size: 13px;
        padding: 40px;
    }
}
@media (max-width: 1270px) {
    .related .item.md {
        width: 100%;
    }
}
@media (max-width: 619px) {
    .related .item .promo-box {
        padding: 40px 30px;
    }
    .related .item .promo-box h2 {
        font-size: 20px;
    }
}

.c-model-1 {
    padding: 150px 0;
}
.c-model-1 .box {
    margin: 0 -15px;
}
.c-model-1 .box .col {
    width: 50%;
    padding: 0 15px;
    justify-content: space-between;
}
.c-model-1 .box .col .inner {
    padding: 50px;
    height: calc(100% - 80px);
    background: #f4f4f4;
}
.c-model-1 .box .col .f-title {
    font-size: 25px;
    margin: 0 0 20px;
}
.c-model-1 .box .col ul {
    padding: 0 0 0 20px;
}
.c-model-1 .box .col li {
    list-style: disc;
    margin: 8px 0 0;
}
.c-model-1 .box .col .bottom-btn {
    height: 80px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    width: 100%;
    background: #e7d87e;
}
.c-model-1 .box .col .bottom-btn:hover {
    background: #d7c86b;
}
.c-model-2 {
    padding: 150px 0;
}
@media (max-width: 1279px) {
    .c-model-1 .box .col .inner {
        padding: 40px 30px;
    }
    .c-model-1 .box .col .f-title {
        font-size: 22px;
    }
    .c-model-1 .box .col .bottom-btn {
        font-size: 14px;
    }
}
@media (max-width: 750px) {
    .c-model-1 {
        padding: 70px 0;
    }
    .c-model-1 .box .col {
        width: 100%;
        padding: 15px;
    }
    .c-model-1 .box .col .inner {
        padding: 40px 30px;
    }
    .c-model-1 .box .col .f-title {
        font-size: 18px;
    }
    .c-model-1 .box .col .bottom-btn {
        font-size: 12px;
    }
}

.c-model-2 {
    padding: 150px 0;
}
.c-model-2 .title h2 {
    font-size: 40px;
    margin: 0 0 40px;
    text-align: center;
}
.c-model-2 .title h2 > span {
    display: block;
    color: #e7d87e;
}
.c-model-2 .items {
    margin: 0 -20px;
}
.c-model-2 .item {
    width: 33.333%;
    padding: 0 20px;
}
.c-model-2 .item .f-title {
    font-size: 25px;
    margin: 0 0 20px;
}
@media (max-width: 1279px) {
    .c-model-2 .container {
        max-width: 700px;
    }
    .c-model-2 .item {
        width: 100%;
        padding: 20px;
    }
}
@media (max-width: 750px) {
    .c-model-2 {
        padding: 100px 0;
    }
    .c-model-2 .title h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    .c-model-2 .item .f-title {
        font-size: 18px;
    }
}

.location-info {
    max-width: 900px;
    margin: 0 auto 50px;
    text-align: center;
}
.location-info h2 {
    margin: 0 0 20px;
}
.location-info .box {
    margin: 30px 0 0;
    font-size: 16px;
}
.location-info .box .col-1 {
    width: 50%;
    padding: 40px;
    background: #f4f4f4;
    align-items: center;
}
.location-info .box .col-2 {
    width: 50%;
    padding: 40px;
    background: #e7d87e;
    align-items: center;
}
.location-info .box .f-title {
    margin: 0 0 15px;
}
.location-info .box p > a {
    font-weight: 600;
}
.location-info .box .link a {
    font-weight: 600;
    margin: 20px auto 0;
    display: flex;
    background: #191813;
    color: #fff;
    width: fit-content;
    padding: 12px 20px;
    border-radius: 200px;
    text-transform: uppercase;
}
.location-info .box .link a:hover {
    background: #201f1b;
}
.location-info .box .link p.sm {
    font-size: 12px;
    margin: 10px 0 0;
}
@media (max-width: 750px) {
    .location-info .box .col-1 {
        width: 100%;
        padding: 40px 30px;
    }
    .location-info .box .col-2 {
        width: 100%;
        padding: 40px 30px;
    }
    .location-info .box .link p.sm {
        font-size: 10px;
        margin: 5px 0 0;
    }
}

#faq-intro {
    background-position: left bottom -250px;
}
#faq-intro .item.sm {
    width: 25%;
}
#faq-intro .item.sm .content {
    padding: 20px 70px 20px 30px;
    min-height: 120px;
    display: flex;
    align-items: center;
}
#faq-intro .item .content:after {
    width: 60px;
}
@media (max-width: 1019px) {
    #faq-intro .item.sm {
        width: 50%;
    }
}
@media (max-width: 619px) {
    #faq-intro .item.sm {
        width: 100%;
        padding: 20px 0 0 30px;
    }
    #faq-intro .item.sm .content {
        min-height: 90px;
    }
}

.page-intro-2 {
    padding: 200px 0 60px;
    background: #191813;
    color: #fff;
}
.page-intro-2 .container {
    max-width: 1300px;
}
.page-intro-2 .title {
    margin: 0 0 80px;
    text-align: center;
}
.page-intro-2 .title .sm {
    font-size: 28px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #e7d87e;
}
.page-intro-2 .title .lg {
    font-size: 55px;
}
.page-intro-2 .links {
    padding: 15px 0 0;
    gap: 40px;
    border-top: 2px solid #262626;
}
.page-intro-2 .links a {
    padding: 10px;
}
.page-intro-2 .links a:hover {
    color: #e7d87e;
}
.page-intro-2 .links a img {
    width: 12px;
    margin: 0 0 0 10px;
    transform: rotate(90deg);
}
@media (max-width: 619px) {
    .page-intro-2 {
        padding: 150px 0 60px;
    }
    .page-intro-2 .title {
        margin: 0 0 50px;
    }
    .page-intro-2 .title .sm {
        font-size: 15px;
    }
    .page-intro-2 .title .lg {
        font-size: 35px;
    }
    .page-intro-2 .links {
        gap: 20px;
    }
}

.cs-1 {
    padding: 0 0 130px;
    background: #191813;
}
.cs-1 .wide-img img {
    width: 100%;
    height: 700px;
    object-fit: cover;
}
.cs-1 .box {
    padding: 80px 100px;
    margin: -200px 0 0;
    border-radius: 10px;
    background: #fff;
}
.cs-1 .box h2 {
    font-size: 50px;
    max-width: 750px;
}
.cs-1 .box .items {
    padding: 0;
    margin: 60px 0 0;
}
.cs-1 .box .t-item h3 {
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    color: #191813;
    transition: all 0.3s ease-out;
}
.cs-1 .box .t-item:hover h3 {
    color: #e7d87e;
}
.cs-1 .box .c-item ul {
    padding: 0 0 0 15px;
}
.cs-1 .box .c-item li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    list-style: disc;
    color: #191813;
}
.cs-1 .box .c-item li + li {
    margin: 10px 0 0;
}
.cs-1 .box .desc p + p {
    margin: 20px 0 0;
}
.cs-1 .box .desc p.lg {
    font-size: 20px;
    font-weight: 700;
    padding: 30px 0 0;
    border-top: 2px solid #f4f4f4;
    margin: 30px 0 0;
}
@media (max-width: 1579px) {
    .cs-1 .wide-img img {
        height: 600px;
    }
}
@media (max-width: 1279px) {
    .cs-1 .box h2 {
        font-size: 40px;
    }
}
@media (max-width: 619px) {
    .cs-1 {
        padding: 0 0 50px;
    }
    .cs-1 .wide-img img {
        height: 400px;
    }
    .cs-1 .box {
        padding: 40px 30px;
        margin: -100px 0 0;
    }
    .cs-1 .box h2 {
        font-size: 25px;
    }
    .cs-1 .box .items {
        margin: 40px 0 0;
    }
    .cs-1 .box .t-item h3 {
        font-size: 16px;
    }
    .cs-1 .box .c-item li {
        font-size: 14px;
    }
    .cs-1 .box .desc p.lg {
        font-size: 18px;
    }
}

.cs-2 {
    padding: 130px 0 200px;
    background: #191813;
    color: #fff;
}
.cs-2 .col-1 {
    width: 50%;
}
.cs-2 .col-1 img {
    border-radius: 10px;
}
.cs-2 .col-2 {
    width: 50%;
    padding: 0 0 0 120px;
    justify-content: center;
}
.cs-2 .col-2 h2 {
    font-size: 50px;
    padding: 0 0 40px;
    border-bottom: 2px solid #262626;
    margin: 0 0 40px;
}
.cs-2 .col-2 h3 {
    font-size: 22px;
    margin: 0 0 15px;
}
.cs-2 .col-2 ul {
    padding: 30px 0 0 20px;
}
.cs-2 .col-2 li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    list-style: disc;
}
.cs-2 .col-2 li + li {
    margin: 10px 0 0;
}
.cs-2 .col-2 p.lg {
    font-size: 22px;
    font-weight: 700;
    margin: 30px 0 0;
}
.cs-2 .col-2 .tel a {
    font-size: 40px;
    font-weight: 800;
    color: #e7d87e;
}
.cs-2 .col-2 .tel a:hover {
    color: #d7c86b;
}
@media (max-width: 1279px) {
    .cs-2 .container {
        max-width: 700px;
    }
    .cs-2 .col-1 {
        width: 100%;
    }
    .cs-2 .col-2 {
        width: 100%;
        padding: 60px 0 0;
    }
    .cs-2 .col-2 h2 {
        font-size: 40px;
    }
}
@media (max-width: 619px) {
    .cs-2 {
        padding: 50px 0 100px;
    }
    .cs-2 .col-2 h2 {
        font-size: 30px;
    }
    .cs-2 .col-2 h3 {
        font-size: 18px;
    }
    .cs-2 .col-2 li {
        font-size: 14px;
    }
    .cs-2 .col-2 .tel a {
        font-size: 35px;
    }
}

.cs-3 {
    padding: 180px 0;
}
.cs-3 .container {
    max-width: 1300px;
}
.cs-3 h2 {
    font-size: 50px;
    margin: 0 auto 60px;
    text-align: center;
    max-width: 750px;
}
.cs-3 .item:first-child {
    border-top: 2px solid #f4f4f4;
}
.cs-3 .item {
    border-bottom: 2px solid #f4f4f4;
    padding: 40px 0;
}
.cs-3 .item .icn {
    width: 120px;
    justify-content: center;
}
.cs-3 .item .lg {
    width: calc(65% - 120px);
    padding: 0 60px;
    justify-content: center;
}
.cs-3 .item .lg .f-title {
    font-size: 30px;
    max-width: 450px;
}
.cs-3 .item .sm {
    width: 35%;
    justify-content: center;
}
.cs-3 .btns {
    margin: 60px 0 0;
}
@media (max-width: 1019px) {
    .cs-3 .item .lg {
        width: calc(100% - 120px);
    }
    .cs-3 .item .sm {
        width: 100%;
        padding: 30px 0 0;
    }
}
@media (max-width: 619px) {
    .cs-3 {
        padding: 100px 0;
    }
    .cs-3 h2 {
        font-size: 30px;
    }
    .cs-3 .item .icn {
        width: 70px;
    }
    .cs-3 .item .lg {
        width: calc(100% - 70px);
        padding: 0 0 0 30px;
    }
    .cs-3 .item .lg .f-title {
        font-size: 20px;
    }
}

.cs-4 {
    padding: 180px 0;
}
.cs-4 h2 {
    font-size: 30px;
    margin: 0 0 30px;
}
.cs-4 .items {
    margin: 30px 0 0;
}
.cs-4 .items h3 {
    font-size: 22px;
}
.cs-4 .items h3 + h3 {
    padding: 20px 0 0;
    border-top: 2px solid #f4f4f4;
    margin: 20px 0 0;
}
.cs-4 .bottom .row {
    margin-left: -30px;
    padding-top: 90px;
}
.cs-4 .bottom .item {
    padding: 30px 0 0 30px;
    width: 50%;
    float: left;
}
.cs-4 .bottom .item a {
    display: block;
}
.cs-4 .bottom .item .img {
    display: block;
    position: relative;
}
.cs-4 .bottom .item .img img {
    width: 100%;
}
.cs-4 .bottom .item .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(../images/btn-arrow-alt.svg) center center no-repeat
        rgba(25, 24, 19, 0.6);
    background-size: 20px auto;
    opacity: 0;
    transition: all 0.3s ease-out;
}
.cs-4 .bottom .item a:hover .img:after {
    opacity: 1;
    background-size: 30px auto;
}
.cs-4 .bottom .item .content {
    padding: 30px 100px 30px 30px;
    background: #191813;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease-out;
}
.cs-4 .bottom .item a:hover .content {
    background: #e7d87e;
    color: #191813;
}
.cs-4 .bottom .item .content:after {
    content: "";
    display: block;
    width: 90px;
    height: 100%;
    background: url(../images/btn-arrow-thin.svg) center center no-repeat
        #e7d87e;
    background-size: auto 22px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.3s ease-out;
}
.cs-4 .bottom .item a:hover .content:after {
    background-color: #d7c86b;
}
@media (max-width: 1219px) {
    .cs-4 .bottom .item .content {
        padding: 20px 80px 20px 20px;
        font-size: 16px;
    }
    .cs-4 .bottom .item .content:after {
        width: 60px;
    }
}
@media (max-width: 619px) {
    .cs-4 {
        padding: 100px 0;
    }
    .cs-4 h2 {
        font-size: 25px;
        margin: 0 0 20px;
    }
    .cs-4 .items h3 {
        font-size: 16px;
        line-height: 1.2;
    }
    .cs-4 .bottom .row {
        padding-top: 30px;
    }
    .cs-4 .bottom .item {
        width: 100%;
        float: none;
    }
    .cs-4 .bottom .item .content {
        font-size: 13px;
    }
}
.anchor {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
    height: 1px;
    width: 100%;
}
@media (max-width: 1280px) {
    .anchor {
        top: -68px;
    }
}


#main-header.scroll #home-banner {
    right:-350px;
}

#home-banner { transition:all 320ms ease; font-size: 16px; background: #e7d87e; position: absolute; top: 210px; right: 0; padding: 30px 25px; border-radius: 10px 0 0 10px; }
#home-banner strong { text-transform: uppercase; font-size:19px; }
#home-banner a { text-decoration:underline; display:block; margin-top:12px; }

#home-banner-mobile { transition: all 320ms ease; font-size: 12px; background: #e7d87e; position: fixed; bottom: 30px; right: 0; padding: 15px 15px; border-radius: 10px 0 0 10px; }
#home-banner-mobile strong { text-transform: uppercase; font-size:17px; }
#home-banner-mobile a { text-decoration:underline; display:block; margin-top:9px; }

@media screen and (max-width:767px){
    #home-banner-mobile { width:100%; border-radius:0; bottom:0; }
}