/*
Theme Name: Showroom Spa Sauna Child
Description: Showroom Spa Sauna
Author: Studio HLG
Author URI: https://www.studiohlg.com
Template: showroomspasauna
Version: 1.0
*/
#wrapper {
    padding: 0 !important;
}


.tg_navigation_wrapper.menu_style1 .nav li > a::before {
    bottom: 20px !important;
}

li.spasaunamenu > a:after {
    display: none !important;
}

.spasaunamenu .elementor-megamenu-wrapper {
    max-width: 580px !important;
    padding-top: 10px !important;
}

li.spasaunamenu:hover .elementor-megamenu-wrapper {
    overflow: visible !important;
} 

.spasaunamenu .elementor-megamenu-wrapper:before {
    content:"";
    position: absolute;
    top: 0px;
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
display: block;
z-index: 9;
}

.distortion_grid_item-link {
    opacity: 0;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

body.single .page_title_content .post_info_cat,
body.single .page_title_content h1,
body.single .page_title_content .post_attribute,
input.wpcf7-submit {
    font-family: "Montserrat" !important;
}

.caracteristiques {
    margin-top: 33px !important
}

.spaimg .elementor-swiper-button {
    opacity: 1 !important;
    background:rgba(0,0,0,1);
    color:#fff !important;
    font-size: 15px !important;
    padding: 15px !important;
}
.spaimg .elementor-swiper-button-prev {
    left: 10px !important;
}
.spaimg .elementor-swiper-button-next {
    right: 10px !important;
}

.showroom-essai .slide_link {
    border: 1px solid #000;
    float: right;
    padding: 15px !important;
    margin-right: 1.5rem;
    max-width: 40%;
    margin-left: 60%;
}

.carousel-spa .swiper-button-next i, .carousel-spa .swiper-button-prev i {
    font-size: 15px;
    color: #fff;
}

.carousel-spa  .swiper-container {
    padding: 15px 0 !important;
}
.carousel-spa .swiper-slide {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.paraslider img {
    width: 100% !important
}

.swiper-container {
    height: auto;
    width: auto !important;
}


@media only screen and (min-width: 1024px)  {
    .introproduit {
        min-height: 70vh !important;
    }
    }

@media only screen and (max-width: 1024px)  {
.introproduit {
    background: #FFF !important
}
}

body #loftloader-wrapper .loader-inner {
    top: 45% !important
}