/*
Theme Name: ArcHub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: archub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: archub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

body {
    overflow-x: hidden;
}

.mt-36 {
    margin-top: 36px;
}

.grecaptcha-badge {
    visibility: hidden;
}

.tile-wrapper, .tile-wrapper-more {
    position: relative;
}

.tile-wrapper figure {
    overflow: hidden;
}

.tile-wrapper img {
    transition: all ease-in-out .1s;
}

/*
.tile-wrapper::after{
    transition: all ease-in-out .4s;
    bottom: 24px;
    right: 0;
    width: 12px;
    height: 21px;
    opacity: 1;
    content: "";
    position: absolute;
    background-image: url("/wp-content/themes/archub-child/inc/img/right-arrow.svg");
}

.tile-wrapper:hover::after{
    transform: rotate(45deg);
}
*/

.tile-wrapper:hover img {
    transform: scale(1.025);
}

.title-wrapper-more {
    transition: all ease-in-out .1s;
    cursor: pointer;
}

.title-wrapper-more h3 {
    transition: all ease-in-out .1s;
}

.title-wrapper-more::after {
    bottom: 24px;
    transition: all ease-in-out .4s;
    right: 0;
    width: 12px;
    height: 21px;
    opacity: 1;
    content: "";
    position: absolute;
    background-image: url("/wp-content/themes/archub-child/inc/img/right-arrow.svg");
}

.title-wrapper-more:hover h3 {}

.title-wrapper-more:hover::after {
    transform: rotate(-45deg);
}

.half-background-section {
    position: relative;
}

.half-background-section .elementor-container {
    max-width: 90% !important;
}

.half-background-section .left-column {
    max-width: 628px;
}

.half-background-section .overlay-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 50vw;
    object-fit: cover;
    z-index: 0;
}

.half-background-section .overlay-visual-identification {
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 45.4%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.read-more-button .elementor-button-link {
    position: relative;
    transition: all ease-in-out .1s;
}

.read-more-button .elementor-button-link::after {
    bottom: 16px;
    right: 12px;
    width: 12px;
    height: 21px;
    opacity: 1;
    content: "";
    position: absolute;
    background-image: url("/wp-content/themes/archub-child/inc/img/right-arrow-white.svg");
}

.read-more-button:hover .elementor-button-link {
    padding: 16px 140px 16px 16px !important;
}


.not-transparent-section {
    position: relative;
}

.behind-header-overlay {
    z-index: 3;
    position: absolute;
    top: 92px;
    left: 0;
    width: 50px;
    height: 745px;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.landing-slider-section rs-slide {
    border-top: 1px solid #D1D1D1;
}

.landing-designers-tiles {
    position: relative;
}

.landing-advantages-section {
    position: relative;
}

.landing-after-hero-section {
    position: relative;
}

.landing-our-brands-section .elementor-widget-container figure {
    overflow: hidden;
}

.landing-our-brands-section .elementor-widget-container img {
    transition: all ease-in-out .1s;
}

.landing-our-brands-section .elementor-widget-container h3 {
    transition: all ease-in-out .1s;
}

.landing-our-brands-section .elementor-widget-container:hover img {
    transform: scale(1.025);
}

.landing-our-brands-section .elementor-widget-container:hover h3 {}

.landing-our-brands-section .tile-wrapper:hover::after{
    transform: rotate(45deg);
}

.landing-designers-tiles .large-section-visual-identification {
    position: absolute;
    bottom: 0;
    left: 27%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 0;
}

.landing-advantages-section .large-section-visual-identification-right {
    position: absolute;
    bottom: 0;
    right: 26%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
}

.middle-section-visual-identification-left {
    position: absolute;
    bottom: -1px;
    left: 25%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

/* NEXT */

.testimonial-carousel-wrapper {
    position: relative;

    z-index: 1;
}

.testimonial-carousel-wrapper .item-wrapper {
    margin-right: 21px;
}

.testimonial-carousel-wrapper .item {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 320px;
}

.testimonial-carousel-wrapper .item::before {
    width: 105px;
    height: 54px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    background-image: url("/wp-content/themes/archub-child/inc/img/testimonial-quote.svg");
    cursor: pointer;
}

.testimonial-carousel-wrapper .item .header {
    z-index: 1;
}

.testimonial-carousel-wrapper .item .header p {
    margin-bottom: 0;
    padding: 32px 0 0 12px;
    color: #949494;
    font-weight: normal;
    font-size: 15px;
}

.testimonial-carousel-wrapper .item .footer {
    z-index: 1;
    margin-top: auto;
}

.testimonial-carousel-wrapper .item .footer p {
    font-weight: 600;
    color: #000000;
    padding: 0 0 0 12px;
    font-size: 15px;
}

.testimonial-carousel-wrapper .item .footer span {
    display: block;
    font-weight: normal;
    color: #949494;
}

.testimonial-carousel-wrapper .slick-arrow {
    width: 42px;
    height: 38px;
    background: transparent;
    border: none;
}

.testimonial-carousel-wrapper .slick-prev {
    position: absolute;
    left: -124px;
    top: 29%;
}

.testimonial-carousel-wrapper .slick-prev::before {
    content: "";
    width: 22px;
    height: 38px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("/wp-content/themes/archub-child/inc/img/left-arrow-gray.svg");
    cursor: pointer;
}

.testimonial-carousel-wrapper .slick-next {
    position: absolute;
    right: -124px;
    top: 29%;
}

.testimonial-carousel-wrapper .slick-next::before {
    content: "";
    width: 22px;
    height: 38px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("/wp-content/themes/archub-child/inc/img/right-arrow-gray.svg");
    cursor: pointer;
}

/* NEXT */

.designers-carousel-wrapper .header {
    overflow: hidden;
}

.designers-carousel-wrapper .header img {
    height: 380px;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out .3s;
}

.designers-carousel-wrapper .footer {
    border-bottom: 1px solid #000000;
}

.designers-carousel-wrapper .footer .item-title {
    position: relative;
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.6px;
    margin-bottom: 18px;
}


.designers-carousel-wrapper .footer .item-title::before {
    bottom: 5px;
    right: 0;
    width: 12px;
    height: 21px;
    opacity: 1;
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/archub-child/inc/img/right-arrow.svg);
    cursor: pointer;
    transition: all ease-in-out .4s;
}

.designers-carousel-wrapper .slick-prev {
    top: 38%;
}

.designers-carousel-wrapper .slick-next {
    top: 38%;
}

.designers-carousel-wrapper .item-wrapper a:hover .header img {
    transform: scale(1.025) rotate(1deg);
}

.designers-carousel-wrapper .item-wrapper a:hover .footer .item-title::before {
    transform: rotate(45deg);
}

/* NEXT */

.footer-first-part .additional-text-column span {
    display: block;
}

.footer-first-part .additional-text-column span.slogan {
    font-weight: 600;
    color: #787878;
    font-size: 20px;
}

.footer-first-part .additional-text-column span.additional-description {
    color: #787878;
    font-size: 13px;
}

/* NEXT */

.titlebar.titlebar-split {
    background-image: none;
    background-color: white;
    position: relative;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}

.titlebar-inner {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
    position: relative;
}

.titlebar-inner .left-titlebar-overlay {
    position: absolute;
    top: 0;
    left: -24px;
    height: 239px;
}

.titlebar-inner .middle-titlebar-overlay {
    position: absolute;
    top: 0;
    left: 48%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 239px;
}

.titlebar-inner .right-titlebar-overlay {
    position: absolute;
    top: 0;
    right: 1%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
    height: 239px;
}

.titlebar-inner .entry-title {
    font-weight: 600;
    font-size: 40px;
    color: #000000;
}

.titlebar-inner .slogan {
    font-weight: normal;
    letter-spacing: -0.92px;
    color: #000000;
    font-size: 40px;
    margin: 0;
    position: relative;
    z-index: 2;
}

/* NEXT */

.about-us-passion-and-care-section {
    position: relative;
}

.about-us-passion-and-care-section .about-us-overlay-left {
    position: absolute;
    top: -71px;
    left: -69px;
}

.about-us-passion-and-care-section .about-us-overlay-right {
    position: absolute;
    bottom: -69px;
    right: -148px;
}

/* NEXT */

.our-quality-top-site-identification-section {
    position: relative;
}

.our-quality-middle-site-identification-section {
    position: relative;
}

.our-quality-overlay-top {
    position: absolute;
    top: -68px;
    left: -68px;
}

.our-quality-overlay-middle {
    position: absolute;
    bottom: -1px;
    left: 26%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 0;
}

/* NEXT */

.lqd-post-cover img {
    max-height: 560px !important;
}

.lqd-post-cover figure{
    padding-top: 560px !important;
}

.before-title-post-meta .lqd-lp-date {
    color: #000000;
    font-weight: normal;
    font-size: 13px;
}

.post-list-thumbnail img {
    height: 278px;
    object-fit: cover;
}

.post-list-title {
    margin-bottom: 30px !important;
}

.post-list-title a {
    font-weight: 600;
    color: #000000;
    font-size: 18px;
}

.post-list-item-divider {
    background-color: #000000;
    height: 1px;
    width: 100%;
}

.is-style-default img {
    width: 100%;
}

.lqd-post-content p {
    color: #000000;
}

/* NEXT */

.sustainability-right-image-section {
    position: relative;
}

.sustainability-right-image-section img {
    position: absolute;
    top: 4px;
    left: 120px;
    max-width: unset;
    height: 370px;
    width: auto;
    object-fit: cover;
}

.sustainability-right-image-section.brands-fix img {
    left: 80px;
}


.sustainability-left-image-section {
    position: relative;
}

.sustainability-left-image-section img {
    position: absolute;
    top: -8px;
    left: -330px;
    max-width: unset;
    width: auto;
    height: 370px;
}

.sustainability-left-image-section.brands-fix img {
    left: -80px;
}

.sustainability-overlay-left {
    position: absolute;
    top: -25px !important;
    left: -80px !important;
    height: 470px!important;
}

.sustainability-background-section {
    position: relative;
}

.sustainability-background-overlay-top {
    position: absolute;
    top: -261px;
    left: -138px;
    height: 210px !important;
}

.sustainability-background-overlay-bottom {
    position: absolute;
    bottom: -191px;
    right: -180px;
    width: auto;
    height: 210px !important;
    z-index: 1;
}

/* NEXT */

.advantage-title-3::before {
    content: "03";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}


.advantage-title-4::before {
    content: "04";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}

.advantage-title-5::before {
    content: "05";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}


.advantage-title-6::before {
    content: "06";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}

.advantage-title-7::before {
    content: "07";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}


.advantage-title-8::before {
    content: "08";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}

.advantage-title-9::before {
    content: "09";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}


.advantage-title-10::before {
    content: "10";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}

.advantage-title-11::before {
    content: "11";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}


.advantage-title-12::before {
    content: "12";
    font-weight: 600;
    color: #000000;
    font-size: 17px;
    position: absolute;
    top: 11px;
    left: 1px;
}

/* NEXT */

.benefits-carousel-section {
    position: relative;
}

.benefits-carousel-wrapper .item-wrapper {
    max-width: 100%;
    height: 370px;
    position: relative;
    background-color: white;
}

.benefits-carousel-wrapper .item-wrapper .overlay {
    position: absolute;
    right: -1px;
    top: -1px;
    width: auto;
    height: 210px;
}

.benefits-carousel-wrapper .slick-list {
    overflow: initial;
}

.benefits-carousel-wrapper .slick-list .slick-track {
    height: 370px;
}

.benefits-carousel-wrapper .slick-list .slick-slide {
    opacity: 0;
}

.slick-slide-visible:not(.slick-current) {
    opacity: 1 !important;
    /*transition: all ease-in-out .06s, opacity 0.3s linear 0.3s;*/
}

.slick-slide-calculated-height:not(.slick-current) {
    /*transition: all ease-in-out .06s, opacity 0.3s linear 0.3s;*/
    margin-top: 22px !important;
    height: 330px !important;
}

.benefits-carousel-wrapper .slick-list .slick-current {
    z-index: 2;
    opacity: 1 !important;
}

.benefits-carousel-wrapper .slick-list .prev-slide {
    /*transition: all ease-in-out .06s, opacity 0.3s linear 0.3s;*/
    margin-right: -778px;
    z-index: 1;
    margin-top: 22px;
    height: 330px;
    opacity: 1 !important;
}

.benefits-carousel-wrapper .slick-list .prev-slide .overlay {
    height: 170px;
}

.benefits-carousel-wrapper .slick-list .next-slide {
    /*transition: all ease-in-out .06s, opacity 0.3s linear 0.3s;*/
    margin-left: -778px;
    z-index: 1;
    margin-top: 22px;
    height: 330px;
    opacity: 1 !important;
}

.benefits-carousel-wrapper .slick-list .next-slide .overlay {
    height: 170px;
}

.benefits-carousel-wrapper .item-wrapper .item {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 100%;
    padding: 62px;
    box-shadow: 0px 23px 99px #00000014;
    background-color: #ffffff;
}

.benefits-carousel-wrapper .item-wrapper .item .header {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
}

.benefits-carousel-wrapper .item-wrapper .item .body {
    margin-top: auto;
}

.benefits-carousel-wrapper .item-wrapper .item .body h3.item-title {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    margin-bottom: 0;
}

.benefits-carousel-wrapper .item-wrapper .item .footer {
    margin-top: auto;
}

.benefits-carousel-wrapper .item-wrapper .item .footer p {
    margin-bottom: 0;
    color: #000000;
    width: 80%;
}

.benefits-carousel-wrapper .slick-arrow {
    width: 42px;
    height: 38px;
    background: transparent;
    border: none;
}

.benefits-carousel-wrapper .slick-prev {
    position: absolute;
    left: -28px;
    top: 45%;
    z-index: 3;
}


.benefits-carousel-wrapper .slick-prev::before {
    content: "";
    width: 22px;
    height: 38px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("/wp-content/themes/archub-child/inc/img/left-arrow-gray.svg");
    cursor: pointer;
}

.benefits-carousel-wrapper .slick-next {
    position: absolute;
    right: -28px;
    top: 45%;
    z-index: 3;
}

.benefits-carousel-wrapper .slick-next::before {
    content: "";
    width: 22px;
    height: 38px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("/wp-content/themes/archub-child/inc/img/right-arrow-gray.svg");
    cursor: pointer;
}

/* NEXT */

.designer-text-left {
    position: relative;
}

.designer-text-left .designer-text-left-oberlay {
    position: absolute;
    top: 0;
    left: -40px;
}

.designer-text-right {
    position: relative;
}

.designer-text-right .designer-text-right-oberlay {
    position: absolute;
    top: 0;
    right: -50px;
}

/* NEXT */

.lqd-post-header {
    margin-bottom: 42px !important;
}

.lqd-post-header .entry-meta {
    display: none;
}

.lqd-post-header .posted-on {
    color: #000000;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
}

.lqd-post-header .entry-title {
    font-weight: 600;
    font-size: 42px !important;
    line-height: 54px !important;
}

.related-posts {
    display: none;
}

nav.post-nav .nav-subtitle {
    padding: 1.4em 4.5em;
    border-radius: 0;
    background: transparent;
    border-bottom: 2px solid #000000;
}

nav.post-nav .nav-title {
    display: none;
}

/* NEXT */

.landing-brand figure {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.landing-brand .description-overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    padding: 18px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    transition: all ease-in-out .3s;
    display: flex;
    flex-direction: column;
}

.landing-brand .description-overlay .header {
    height: 75%;
    text-align: center;
}

.landing-brand .description-overlay .header h5 {
    font-size: 28px;
    font-weight: 700;
    color: white;
    width: 80%;
    margin: 22px auto 12px auto;
}

.landing-brand .description-overlay .header p {
    width: 88%;
    text-align: center;
    margin: 0 auto;
    font-size: 15px;
    line-height: 23px;
}

.landing-brand .description-overlay .footer {
    margin-top: auto;
    height: 25%;
    text-align: center;
}

.landing-brand .description-overlay .footer a {
    transition: all ease-in-out .3s;
    font-size: 16px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #00000000;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 58px 10px 10px;
    position: relative;
}

.landing-brand .description-overlay .footer a:hover {
    padding: 10px 68px 10px 10px;
}

.landing-brand .description-overlay .footer a::after {
    bottom: 11px;
    right: 12px;
    width: 12px;
    height: 18px;
    opacity: 1;
    content: "";
    position: absolute;
    background-image: url(/wp-content/themes/archub-child/inc/img/right-arrow-white.svg);
    background-size: auto 18px;
    background-repeat: no-repeat;
}

.landing-brand:hover .description-overlay {
    left: 0;
}

/* NEXT */

.contact-form-wrapper input[type="submit"] {
    background-color: black !important;
}

.contact-form-wrapper input[type="submit"]:disabled {
    background-color: #5b5b5b !important;
}

.contact-form-wrapper .reCaptcha-v3-info {
    margin-bottom: 21px;
}

.contact-form-wrapper .reCaptcha-v3-info a {
    font-weight: 600;
}

.contact-form-wrapper .wpcf7-list-item-label {
    z-index: 1;
    background: white;
}

.contact-form-wrapper input[type="checkbox"] {
    visibility: unset;
}

.position-relative {
    position: relative;
}

.notification-wrapper {
    text-align: center;
    margin: 21px 0;
}

.notification-wrapper.success {
    color: #069106;
}

.notification-wrapper.error {
    color: #ff1717;
}

/* FORM LOADER */

.hidden-element {
    display: none;
}

.loader-wrapper {
    max-width: 90%;
    text-align: center;
    margin-bottom: 21px;
}

.ellipsis-loader {
    display: inline-block;
    position: relative;
}
.ellipsis-loader div {
    position: absolute;
    top: -12px;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.ellipsis-loader div:nth-child(1) {
    left: 8px;
    animation: ellipsis-loader1 0.6s infinite;
}
.ellipsis-loader div:nth-child(2) {
    left: 8px;
    animation: ellipsis-loader2 0.6s infinite;
}
.ellipsis-loader div:nth-child(3) {
    left: 32px;
    animation: ellipsis-loader2 0.6s infinite;
}
.ellipsis-loader div:nth-child(4) {
    left: 56px;
    animation: ellipsis-loader3 0.6s infinite;
}
@keyframes ellipsis-loader1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes ellipsis-loader3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes ellipsis-loader2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}