@import "../scss/style.css";
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway'!important;
    width: 100%!important;
    overflow-x: hidden!important;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.preload {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2299992;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fav-props-carousel-right {
    padding-left: calc((100% - 840px) / 60 + 0px);
    padding-right: 0;
    background: #f9fafe;
}

.fav-props-carousel-right.fav-half-bg {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    background: linear-gradient(to bottom, #000 58%, transparent 0);
}

.fav-props-carousel-right.fav-half-bg>h2 {
    color: #fff;
}

.fav-props-carousel-right-container {
    position: relative;
    width: 100%;
}

@keyframes arrowLeft {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    25% {
        opacity: 0;
        -webkit-transform: translate(-80%, -50%);
        transform: translate(-80%, -50%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-30%, -50%);
        transform: translate(-30%, -50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@keyframes arrowRight {
    0% {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    25% {
        opacity: 0;
        -webkit-transform: translate(-20%, -50%);
        transform: translate(-20%, -50%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-80%, -50%);
        transform: translate(-80%, -50%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.fav-props-carousel-left-arrow,
.fav-props-carousel-right-arrow {
    background-color: #fff;
    width: 64px;
    height: 64px;
    cursor: pointer;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) scale(1, 1);
    z-index: 10;
    overflow: hidden;
}

.fav-props-carousel-right-container .owl-prev.disabled .fav-props-carousel-left-arrow,
.fav-props-carousel-right-container .owl-next.disabled .fav-props-carousel-right-arrow {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0, 0);
}


.fav-props-carousel-right-arrow {
    left: auto;
    right: 20px;
}

.fav-props-carousel-left-arrow svg,
.fav-props-carousel-right-arrow svg {
    width: 26px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fav-props-carousel-left-arrow svg line,
.fav-props-carousel-right-arrow svg line {
    stroke: #333;
}

.fav-props-carousel-right-container .owl-prev.disabled .fav-props-carousel-left-arrow svg line,
.fav-props-carousel-right-container .owl-next.disabled .fav-props-carousel-right-arrow svg line {
    opacity: 0.5;
}

.fav-props-carousel-right-container .owl-prev:not(.disabled) .fav-props-carousel-left-arrow:hover,
.fav-props-carousel-right-container .owl-next:not(.disabled) .fav-props-carousel-right-arrow:not(.disabled):hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.16);
}

.fav-props-carousel-right-container .owl-prev:not(.disabled) .fav-props-carousel-left-arrow:hover svg {
    -webkit-animation: arrowLeft 0.4s ease-in-out;
    -moz-animation: arrowLeft 0.4s ease-in-out;
    animation: arrowLeft 0.4s ease-in-out;
}

.fav-props-carousel-right-container .owl-next:not(.disabled) .fav-props-carousel-right-arrow:hover svg {
    -webkit-animation: arrowRight 0.4s ease-in-out;
    -moz-animation: arrowRight 0.4s ease-in-out;
    animation: arrowRight 0.4s ease-in-out;
}

.fav-props-carousel-right-container .owl-nav {
    height: 0;
}

.fav-props-carousel-right-container .owl-prev.disabled,
.fav-props-carousel-right-container .owl-prev.disabled {
    cursor: default;
}

.fav-props-carousel-right-container .owl-carousel .owl-stage {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.fav-props-carousel-right.fav-has-intro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.fav-props-carousel-right-intro {
    margin-right: 30px;
    width: 25%;
}

.fav-props-carousel-right.fav-has-intro .fav-props-carousel-right-container {
    width: 75%;
}

.owl-text {
    width: 100%;
    border-bottom: 1px solid #000;
    font-size: 1.15rem;
    font-weight: 400;
    padding: .5rem 0;
    margin-bottom: 1.5rem;
}

.fav-card {
    display: block;
    position: relative;
    overflow: hidden;
    height: 520px!important;
}

.fav-card-big {
    height: 520px!important;
}

.fav-card-fig {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    background-size: cover;
}

.fav-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fav-card:hover .fav-card-fig {
    transform: scale(1.06, 1.06);
}

.fav-card-gradient {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.fav-card-details-price>small {
    font-size: 60%;
}

.fav-card:hover .fav-card-details {
    transform: translateY(-10%);
}

.fav-card-details-cta {
    position: absolute;
    color: #fff;
    padding: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    font-size: .825rem;
    letter-spacing: 1px;
    opacity: 0;
    font-weight: 700;
    transform: translateY(400%);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.fav-card:hover .fav-card-details-cta {
    transform: translateY(0);
    opacity: 1;
}

.swiper-slide-parallax {
    display: flex;
    padding-top: 10vh;
}

.footer-input::placeholder {
    color: black!important
}

.comment {
    font-size: .875rem;
    font-weight: 300;
    line-height: 1.75;
}

@media (max-width: 768px) {
    .bg-fixed-text h1 {
        font-size: 2rem!important;
    }
    video {
        width: auto!important;
        height: 100%!important;
    }
    .nav-right,
    .logo {
        width: auto!important;
    }
    .index-category {
        display: block;
        height: auto!important;
    }
    .index-category-slider,
    .index-category-text,
    .item2 .item-text-2 p {
        width: 100%!important;
    }
    .item-text-4 div {
        padding-left: 10%!important;
    }
    .item-text-2,
    .item-text-4 {
        padding: 0;
        margin: 0!important;
        width: 100%!important;
    }
    section {
        padding: 0!important;
    }
    .item2,
    .item4 {
        display: block!important;
    }
    .item-2-absolute,
    .item-4-absolute {
        position: relative!important;
        height: auto!important;
        width: auto!important;
    }
    .hover-effect-1,
    .hover-effect-2,
    .item-img-4,
    .item-img-2 {
        width: 100%!important;
        margin: 0!important
    }
    .item-text-2 {
        height: 100vh;
    }
    .swiper-slide-parallax {
        display: block;
        padding: 0!important;
    }
    .item-img-3 {
        display: none!important;
    }
    .item-text-3 {
        width: 100%!important;
        padding: .5rem!important;
        font-size: 1rem!important;
        height: 600px;
    }
    .item-text-3 p {
        width: 100%!important;
        padding: .5rem!important;
        font-size: 1rem!important;
    }

.fav-props-carousel-left-arrow{
    left: 25%!important;
}
}