/*  _______________VARIABLES_______________
use variable : color: var(--main-color); */
:root { 
    --bg-color: #00B2E2;
    /* buton, icons, nav-bg, h2, a*/
    --btn-hover : #FF4C00;
    --green : #008489;
    --writing-color: #191919;
    /* p, li, input, div-error */
    --borders-header : solid 1px #f2f0f1;
    /* connexion header borders pages */
    --borders-input : 1px solid #E4E4E4;
    /* padding: 8px */
    --bg-second-color : #F2F0F1;
    /* footer, container */
    --writing-color-dark : #6161661;
    /* featured-products carousel */
    --border-featured_products : solid 1px #E4E4E4;
    /* featured_products */
    --bg-footer : #E4E4E4;
    /* background footer */
}

/* _______________FONT_______________
        font-family: 'Wire One',sans-serif;
*/
@font-face {
    font-family: "wireone";
    font-style: normal;
    font-weight: 400;
    src: url("./font/WireOne.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: normal;
    font-weight: 700;
    src: url("./font/WorkSans-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: italic;
    font-weight: 700;
    src: url("./font/WorkSans-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: normal;
    font-weight: 800;
    src: url("./font/WorkSans-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: italic;
    font-weight: 800;
    src: url("./font/WorkSans-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: italic;
    font-weight: 400;
    src: url("./font/WorkSans-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: normal;
    font-weight: 300;
    src: url("./font/WorkSans-Light.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: italic;
    font-weight: 300;
    src: url("./font/WorkSans-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: normal;
    font-weight: 500;
    src: url("./font/WorkSans-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: italic;
    font-weight: 500;
    src: url("./font/WorkSans-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: normal;
    font-weight: 400;
    src: url("./font/WorkSans-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: normal;
    font-weight: 600;
    src: url("./font/WorkSans-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "worksans";
    font-style: italic;
    font-weight: 600;
    src: url("./font/WorkSans-SemiBoldItalic.ttf") format("truetype");
}

/* CSS */

/* display deleted */
.wishlist-button-add {
    display: none !important;
} 
/* on the reservation only */
#taxe-total-note-displayed{
    display: none;
}

/* payment by check */
#payment-option-1-container {
    display: none;
}

body {
    font-family: worksans, sans-serif;
}

body#index {
    overflow-x: hidden;
}

h1,.h1 {
    font-size: 45px;
    margin-bottom: 7px;
    color: var(--bg-color);
    font-family: wireone;
    letter-spacing: 2px;
}

h5,h6 {
    font-family: worksans, sans-serif;
    font-size: 21.6px;
    color: var(--writing-color);
}

a:focus, a:hover {
    color: var(--btn-hover);
    text-decoration: none;
}

li {
    font-family: worksans, sans-serif;
}

button {
    background-color: var(--bg-color);
    font-family: worksans, sans-serif;
    font-size: 20px;
}

button:hover {
    background-color: var(--btn-hover);
}

.fa {
    color: var(--bg-second-color);
}

#wrapper {
    background-color: #fff;
    padding-top: 150px;
    margin-top: -150px;
}

#wrapper .breadcrumb {
    padding: 30px 0;;
}

#custom-text h2{
    color:#00B2E2;
    font-family: wireone;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 2em 0;
}

.section2 {
    margin: auto;
    width: 80%;    
}

p,
#custom-text .page-content.page-cms ul, #custom-text p, .page-content.page-cms #custom-text ul {
    font-size: 16px;
    font-family: worksans, sans-serif;
    color: var(--writing-color);
    font-weight: 400;
}

h3 {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    color: var(--writing-color);
    font-family: worksans, sans-serif;
    text-transform: uppercase; 
}

span.price {
    color: var(--bg-color);
    font-weight: 600;
}

#header {
    box-shadow: none;
    background: none;
    min-height: 150px;
}

#index #header .header-top {
    background-color: transparent;
}

#header .header-top {
    background-color: var(--bg-color);
    padding-left: 1em;
    transition: all 0.7s;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

#header .header-top.sticky {
    background-color: var(--bg-color) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
}

#header .header-nav .blockcart {
    margin-right: 1.5rem;
    background-color: white;
}

/* blue top header with logo */
#header .header-top a.dropdown-item {
    color: white;
    font-size: 25px;
    font-family: wireone;
    font-weight: 600;
    letter-spacing: 3px;
    padding-right: 1em;
}

#header .header-top a.dropdown-item:hover {
    color: var(--btn-hover);
}

#header .header-top .position-static {
    position: static;
    display: flex;
    justify-content: flex-end;
}

#header .logo {
    max-width: 120px;
    transition: all 0.7s;
}

#index #header .logo {
    max-width: 160px;
    transition: all 0.7s;
    margin-top: -3px;
}
 
#index #header .header-top.sticky .logo {
    max-width: 120px;
    transition: all 0.7s;
}

#header .header-nav .right-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#header #header-nav .blockcart {
    color:green;
}

nav.header-nav {
    padding-left: 15px;
    color: var(--writing-color);
    font-family: worksans, sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}

#header .header-nav #_desktop_contact_link  {
    font-weight: 500;
    font-family: worksans, sans-serif;
    font-size: 20px;
}

.block_newsletter.col-lg-8.col-md-12.col-sm-12 {
    background-color: var(--bg-second-color);
    padding-right: 0;
}

.col-md-5 {
    color: var(--writing-color);
    font-size: 20.25px;
    font-family: worksans, sans-serif;
}

.col-md-12 .text-sm-center a {
    color: var(--writing-color);
    font-family: worksans, sans-serif;
    font-size: 13px;
    font-weight: 500;
}

#content-wrapper.js-content-wrapper.col-xs-12 {
    margin-bottom :0;
    padding-bottom: 0;
    background-color: white;
    padding: 0;
}

#main .page-content, #main .page-footer, #main .page-header {
    margin-bottom: 50px;
}

/* CAROUSEL */
/* arrows */
.elementor-swiper-button.elementor-swiper-button-next,
.elementor-swiper-button.elementor-swiper-button-prev {
    color: var(--bg-color) !important;
}



.swiper-container {
    position: inherit !important;
}

.carousel-inner>.active {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: 2em;
    margin-right: 2em;
    
}

.carousel .carousel-item img {
    width: 275px;
    height: 206px;
    object-fit: cover;
    border-radius: 7px;
    cursor: default;
}

.elementor img {
    height: 271px;
    border-radius: 24px;
}

.carousel .carousel-item .caption {
    text-transform: capitalize;
    font-size: 30px;
    font-family: wireone;
}

.carousel .carousel-control .icon-prev {
    left: -0.1rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
}

.carousel-control .icon-prev {
    margin-left: -15px;
}

#index #wrapper .container,
#header .container {
    width: 100%;
    padding: 0;
}

#index #wrapper {
    padding-top: 150px;
    margin-top: -300px;
}

#wrapper .container:not(#index #wrapper .container),
#footer .container  {
    width: 100%;
    padding: 0 10px;
}

#index .roja45propertymanager-search-bar{
    background-image: url("./../img/banniere.jpeg");
    width: 100%;
    padding-bottom: 20px;
    background-position: center bottom;
    background-size: cover;
    margin-bottom: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 100vh;
}

.dropdown dt a span {
    color: black;
}

#index .roja45propertymanager-search-bar img {
    font-size: 14px;
    transition-property: font-size;
    transition-duration: 4s;
    transition-delay: 2s;
}

#roja45propertymanager_search_form .row-100 {
    width: initial;
}

.contact-rich h4 {
    margin-bottom: 20px;
    margin-top: 20px;
    color: #00B2E2 !important;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 900;
    padding: 0;
    text-align: center;
    font-family: worksans, sans-serif;
    text-transform: uppercase; 
}

.contact-rich {
    font-family: worksans, sans-serif;
    padding-top: 10px;
    padding-bottom: 25px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
}

.contact-rich .material-icons {
    text-align: center;  
    vertical-align: middle;    
    padding-left: 15px;
    color:var(--bg-color) !important;
    padding-top: 10px;
}

#header #_desktop_logo h1, #notifications ul, .block-promo .page-content.page-cms ul, .block-promo p, .cart-items, .page-content.page-cms .block-promo ul {
    margin-bottom: 0;
    position: absolute;
    margin-top: -25px;
}

.mt-3 {
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#sursection {
    margin-left: -50px;
    margin-top: -50px;
    margin-right: -50px;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: var(--bg-second-color);
    padding: 4rem 3rem;
}

.section1, .bloc-icons {
    column-count: 3;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    color: var(--writing-color);
    font-size: 22px;
    background-color: var(--bg-second-color);
    font-family: wireone;
    letter-spacing: 2px;
    font-weight: 700;
}

.elementor-image-carousel-caption {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    transition: all 0.3s ease-in;
    width: 100%;
    height: 100%;
}

.elementor-carousel-wrapper.swiper-container .swiper-slide figure,
.swiper-image-stretch .swiper-slide .swiper-slide-image {
    height: 100%;
}

.swiper-slide-inner:hover .elementor-image-carousel-caption {
    background-color: rgba(0, 0, 0, 0.4);
}

.carousel-title {
    text-transform: uppercase;
    font-weight: 700;
    font-family: Wireone;
    font-size: 45px;
    color: white;
    padding: 10px;
    letter-spacing: 3px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.8);
}

.carousel-subtitle{
    margin-top: 15px;
    color:white;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: -1px;
    margin-left: 1em;
    margin-right: 1em;   
}

.user-info a {
    display: flex;
}

.user-info a .hidden-sm-down {
    letter-spacing: 3px;
    font-weight: 700 !important;
    font-family: wireone !important;
    font-size: 25px !important;
    color: white;
}

.user-info {
    border: 1px solid white;
    border-radius: 25px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}

.user-info .material-icons {
    line-height: 0.8;
}

.user-info:hover {
    background-color: var(--btn-hover);
    transition-duration: 1.5s;
    cursor: pointer;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 290px;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.hidden-sm-down .col-md-4 a {
    color:var(--writing-color);
}

.col-md-4.col-md-12 a {
    text-align: end;
}

#contact-link a {
    text-align: start !important;
}

#header .header-nav #_desktop_contact_link #contact-link, .sitemap {
    margin-top: 0px;
}

.bloc-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fas {
    color: var(--bg-color);
    font-size: 45px;
    margin-bottom: 23px;
}

#index .roja45propertymanager-search-bar label {
    margin-bottom: 12px;
    text-align: left;
    display: block;
    font-size: 18px;
    color: white;
    width: 153% !important;
}

.roja45propertymanager-search-bar .btn {
    margin-top: 0px;
}

/* flag-selector */
.flag-selector img {
    margin-right: 30px;
    height: 1.5em;
    width: auto;
    padding-bottom: 4px;
}

.material-icons {
    color: var(--green);
    line-height: inherit;
}

.tab-content {
    width: 500px;
}

.tabs .tab-pane {
    padding-top: 1.25rem;
}

.tabs {
    padding: 0 !important;
}

#header .header-nav {
    background-color: white;
    height: 100px;
    /* margin-top: 1vh; */
    padding-top: 1vh;
}

.social-sharing {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    margin-top: 1.5rem;
    justify-content: center;
    margin: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 238px;
    color: white;
}

/* carousel */
.morectnt .label {
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: worksans, sans-serif !important;
    color: var(--writing-color) !important;
}

.morectnt .span {
    font-size: 15px !important;
    font-weight: 500 !important;
    font-family: worksans, sans-serif !important;
    color: var(--writing-color) !important;
    font-family: worksans, sans-serif;
    font-weight: 500 !important;
}

.product-information .property-amenities ul li {
    width: 50%;
    margin-bottom: 10px;
    font-family: worksans, sans-serif;
    font-size: 18px !important;
}

.product-features .value {
    font-weight: unset !important;
}

.product-features .name {
    margin-right: 0px !important;
}

/* contact formular */
/* .wrapper .container */
#contact #wrapper .container .row {
    display: flex;
}

#content-wrapper {
    order: -1;
}
/* contact form */
.form-group.row {
    display: flex;
    flex-direction: column;
}

.input-group .form-control {
    width: 440px;
}

.form-fields>.form-group.row>.col-md-9.col-md-offset-3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn, .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group>.btn, .input-group-btn:not(:last-child)>.dropdown-toggle {
    background-color:#f6f0f0;
}

.input-group-addon {
    width: 4em !important;
    height: 2.5em;
}

.form-fields .form-group.row .col-md-9.col-md-offset-3 {
    text-align: center;
}

#add-people {
    text-transform: capitalize;
}

.form-group h3 { 
    color: #00B2E2 !important;
    font-family: worksans, sans-serif;
    font-size: 40px;
    letter-spacing: 2px;
    font-weight: 700;
    padding: 0;
    text-align: center;
    margin-top: none !important;
}

.col-md-3.form-control-label {
    color: var(--writing-color);
    font-family: worksans, sans-serif;
    font-size: 19px;
    text-transform: inherit;
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: inherit;
    flex-wrap: wrap;
    font-weight: 500;
    width: auto;
}

.form-control-select {
    background-color: var(--btn-hover);
    width: 31em;
}

.form-control {
    font-weight: 900;
    color: var(--bg-color);
    font-weight: 600;
    border-radius: 9px;
    border: 1px solid transparent;
    background-color:#f6f0f0;
    font-size: 18px;
    width: 31em;
}

.col-md3.form-control-comment>span {
    display: none;
}

.file-upload {
    background-color: #FF4C00;
}

#email.form-control {
    font-size: 18px;
    font-weight: 600;
    width: 31em;
}

.form-group .form-control-comment {
    text-align:left;    
}

.input-group .input-group-btn>.btn {
    width: 120px;
    padding: 0.25rem 0rem;
    text-transform: uppercase;
    border-radius: 0px 10px 10px 0px;
}

#contactform-message.form-contact {
    font-size: 16px;
    font-weight: 600;
    text-transform: inherit;
}

.btn-primary,
.all-product-link {
    background-color: var(--bg-color);
    font-family: worksans, sans-serif;
    font-size: 20px;
    letter-spacing: 1px !important;
    padding: 10px 30px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.btn-primary:hover{ 
    transition-duration: 1s;
    background-color: var(--btn-hover);
}

.text-sm-right {
    text-align: center !important;
}

.buttonText {
    color: white;
    font-size: 13px;
    width: 119px;
    height: 32px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
    text-transform: initial;
}

#roja45propertymanager_search_form.roja45propertymanager_block {
    background-color: rgba(0, 0, 0, 0.754);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-end;
    width: 96%;
    padding-bottom: 2vh;
    padding-left: 5vh;
    padding-right: 5vh;
    padding-top: 3vh;
    gap: 1em;
}

.row-30 .col-md-12 {
    float: left;
    width: 76%;
}

.roja45propertymanager-search-bar .row-25 {
    width: 14%;
}

.roja45propertymanager-search-bar .row-30 {
    width: 16%;
}

.row-30 .form-field .input-group {
    width: 160% !important;
}

.row-25 .form-field .input-group {
    width: 90%;
}

.roja45propertymanager_block .select-field .panel_dropdown {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    display:none;
}

.float-md-right {
    float:none !important;
    justify-content: center;
    margin-left: 40%;
    margin-right: 40%;
}

#disponibility-link {
    text-align: center;
    font-size: 20px;
}

.all-product-link .material-icons {
    color: white;
}

.all-product-link {
    color: white !important;
    text-align: center;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: auto;
}

.featured-products .all-product-link:hover {
    background: var(--btn-hover);
}

.featured-products .products-section-title {
    color:#00B2E2;
    font-family: 'wireone';
    font-size: 40px;
    margin: 0px 0px 20px;
    margin-top: 1em;
    padding: 8px 0px;
    padding-top: 5vh;
    padding-bottom: 2vh;
    letter-spacing: 5px;
    font-weight: 700;
}

.featured-products .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
    column-gap: 20px;
}

.featured-products .products .product {
    padding: 0;
    width: calc(25% - 15px);
}

.user-info span {
    font-size: 17px;
    font-weight: 400 !important;
    font-family: worksans, sans-serif !important;
}

/* Footer */
#footer {
    padding-top: 0em;
}
#footer .col-md-6.links,
#footer .col-md-6.wrapper {
    padding: 0;
}

.footer-container {
    background-color: var(--bg-footer);
    margin-top: 0;
    padding-top: 2rem;
}

.footer-container li a,
#footer .block-contact .collapse { 
    color: var(--writing-color);
    font-size: 17;
    padding-bottom: 5px;
    font-family: worksans, sans-serif;
    font-weight: 500;
    line-height: 1.8;
}

/* reassurance */
.invisible {
    visibility: visible !important;
}

.blockreassurance {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    padding-top: 2em;
    padding-bottom: 2em;
}

.svg.invisible {
    width: 5vh;
    object-fit: contain;
}
@media screen and (max-width: 1636px) { 
    .roja45propertymanager-search-bar .row-25 {
        width: 20% !important;
    }
}

@media screen and (max-width: 1295px) { 
    .roja45propertymanager-search-bar .row-25 {
        width: 15% !important;
    }
}

@media screen and (max-width: 375px) {
    #roja45propertymanager_search_form.roja45propertymanager_block {
        background-color: rgba(0, 0, 0, 0.754);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: initial;
        width: 80%;
        margin: 20px auto;    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown {
        width: 90%;
        background-color: white;
        color: black;
    }

    .roja45propertymanager_block .select-field .panel_dropdown {
        top: 1px;
        padding: 0px;
        background-color: white;
    }

    .section1, h4 {
        font-size: 18px;
        display: flex;
        flex-direction: column;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span {
        color: black;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span.subtext {
        font-style: italic;
        color:#00B2E2;
        text-transform: capitalize;    }

    #index .roja45propertymanager-search-bar{
        margin-top: -9vh;
        padding-bottom: 0vh;
    }

    #products .products, .featured-products .products, .product-accessories .products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }

    #_mobile_user_info {
        padding-right: 2em;
    }

    /* header + logo */
    #header .header-nav .language-selector, #header .header-nav .user-info {
        margin-top: 1px;
    }

    #header .logo {
        max-width: 67%;
        margin-top: -1em;
        height:auto;
        align-items: center;
    }

    #header .top-logo img {
        width: auto;
        filter: invert(0%) sepia(43%) saturate(7494%) hue-rotate(340deg) brightness(72%) contrast(94%) brightness(0) saturate(100%);
        max-height: 2rem;
        align-items: center;
        min-height: 3vh;
    }
    
    #header .top-logo {
        justify-content: center;
    }
    
    .links .title {
        text-align: center;
    }

    /* Footer */
    .footer-container {
        background-color: var(--bg-footer);
        margin-top: 0;
        padding-top: 6px;
        text-align: center;
    }

    .footer-container .links ul>li a {
        color: grey;
        font-weight: 400;
        font-size: 17px;
    }

    .footer-container .links ul>li a:hover {
        color: var(--bg-color);
    }

    .material-icons {
        color: var(--writing-color);
    }

    .block-contact #contact-infos {
        color:var(--bg-color);
        font-size: 15px;
        font-weight: 400;
        background-color: white;
    }

    .form-group.row {
        padding-bottom: 0px;
        display: flex;
        flex-direction: row;
    }

    .form-fields>.form-group.row>.col-md-9.col-md-offset-3 {
        top: 0px;
        padding-bottom: 0px;
    }
   
    *, ::after, ::before {
        box-sizing: inherit;
        margin-top: 1px;
    }

    #main .page-content, #main .page-footer, #main .page-header {
        margin-bottom: 0.563rem;
        margin-left: 3%;
        margin-right: 3%;
    }

    .col-md-3.form-control-label {
        font-size: 12px;;
    }

    .form-control {
        font-size: 12px;
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    .form-group>.col-md-6 {
        width: none;
    }

    #email.form-control {
        font-size: 12px;
    }

    .btn-primary {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .input-group .input-group-btn>.btn {
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    #contactform-message {
        width: 278px;
    }

    .input-group {
        width: 53vw;
    }

    #content-wrapper.js-content-wrapper.col-xs-12 {
        margin-top: 150px;
    }

    .float-md-right {
        float:none !important;
        justify-content: center;
        margin-left: 26%;
        margin-right: 26%;
    }

    .form-group .col-md-3.form-control-label.required {
        font-size: 12px;
        width: 235px;
    }
    
    .page-header h1 {
        font-size: 34px;
    }

    #header .header-top{
        padding:0;
    }

     #index .featured-products .products .thumbnail-top a {
        color: black;
        font-family: worksans, sans-serif;
        font-size: 12px;
        font-style: normal;
        text-transform: initial !important;
        padding-bottom: 2px;
    }

    .dropdown dt a span {
        text-align: left;
    }

    .input-group .btn {
        background-color: var(--bg-color);
    }

    .blockreassurance.col-sm-12 .col-xs-12 .block-icons {
        width: 23%;
    }
}

@media screen and (min-width: 474px) and (max-width: 767px) { 
    #roja45propertymanager_search_form.roja45propertymanager_block {
        background-color: rgba(0, 0, 0, 0.754);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: initial;
        width: 90%; 
        margin-left: auto;
        margin-right: auto;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        padding-bottom: 3vh;
    }

    .blockreassurance.col-sm-12 .col-xs-12 {
        width: 23%;
    }

    .input-group-addon {
        margin-top: 0.8em;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown {
        width: 90%;
        background-color: white;
        color: black;
    }
    
    .section1, h4 {
        font-size: 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .roja45propertymanager_block .select-field .panel_dropdown {
        top: 1px;
        padding: 0px;
        background-color: white;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span {
        color: black;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span.subtext {
        font-style: italic;
        color:#00B2E2;
        text-transform: capitalize;    
    }

    #index .roja45propertymanager-search-bar{
        margin-top: 0vh;
        padding-bottom: 0vh;
    }

    #products .products, .featured-products .products, .product-accessories .products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }

    #_mobile_user_info {
        padding-right: 15px;
        margin-top: 7px;
    }


    #header .header-nav .language-selector, #header .header-nav .user-info {
        margin-top: 1px;
    }

    #header .logo {
        max-width: 67%;
        margin-top: -1em;
        height:auto;
        align-items: center;
    }

    #header .top-logo img {
        width: auto;
        filter: invert(0%) sepia(43%) saturate(7494%) hue-rotate(340deg) brightness(72%) contrast(94%) brightness(0) saturate(100%);
        max-height: 2rem;
        align-items: center;
        min-height: 3vh;
    }
    
    #header .top-logo {
        justify-content: center;
    }
    
    .links .title {
        text-align: center;
    }

    .section1, h4 {
        font-size: 18px;
    }

    .footer-container {
        background-color: var(--bg-footer);
        margin-top: 0;
        padding-top: 6px;
        text-align: center;
    }

    .footer-container .links ul>li a {
        color: grey;
        font-weight: 400;
        font-size: 17px;
    }

    .footer-container .links ul>li a:hover {
        color: var(--bg-color);
    }

    .material-icons {
        color: var(--writing-color);
    }

    .block-contact #contact-infos {
        color:var(--bg-color);
        font-size: 15px;
        font-weight: 400;
        background-color: white;
    }

    .form-group.row {
        padding-bottom: 0px;
        display: flex;
        flex-direction: row;
    }

    .form-fields>.form-group.row>.col-md-9.col-md-offset-3 {
        top: 0px;
        padding-bottom: 0px;
    }

    #main .page-content, #main .page-footer, #main .page-header {
        margin-bottom: 0.563rem;
        margin-left: 3%;
        margin-right: 3%;
    }

    .col-md-3.form-control-label {
        font-size: 12px;;
    }

    .form-control {
        font-size: 12px;
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    .form-group>.col-md-6 {
        width: none;
    }

    #email.form-control {
        font-size: 12px;
    }

    .btn-primary {
        margin-top: 1px;
        margin-bottom: 5px;
    }

    .input-group .input-group-btn>.btn {
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    #contactform-message {
        width: 100%;
    }

    .input-group {
        width: auto;
    }

    /* homepage button : tous les produits */
    .float-md-right {
        float:none !important;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .form-group .col-md-3.form-control-label.required {
        font-size: 12px;
        width: 235px;
    }
    
    .page-header h1 {
        font-size: 34px;
    }

    #header .header-top{
        padding:0;
    }

     #index .featured-products .products .thumbnail-top a {
        color: black;
        font-family: worksans, sans-serif;
        font-size: 15px;
        font-style: normal;
        text-transform: initial !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .dropdown dt a span {
        text-align: left;
    }

    .input-group .btn {
        background-color: var(--bg-color);
    }

    /* reassurance */
    .invisible {
        visibility: visible !important;
    }

    .blockreassurance {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .svg.invisible {
        width: 3vh;
        object-fit: contain;
    }

    /* contact form */
    #wrapper .breadcrumb{
        text-align: left; 
        margin-left: 2em;   
    }
    #contact .container  {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
    }
    #contact #wrapper .container .row {
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #email.form-control {
        width: 100%;
    }

    .form-group h3 { 
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #header {
        min-height: 10px;
    }

    #header .header-top {
        display: none;
    }

    .breadcrumb {
        margin-bottom: 0;
    }

    #wrapper .breadcrumb {
        padding: 10px 0;
    }

    #contact .contact-form h3 {
        margin-top: 0;
        margin-bottom: 0;
    }

    #contact #wrapper .container .row #left-column {
        width: 77% !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4em;
        margin-top: 1em;
    }

    #contact #wrapper .container .row #left-column {
        top: 1px !important;
    }

    #add-people {
        margin-left: 1px !important;
    }

    #index .roja45propertymanager-search-bar .row {
        margin-bottom: 5px !important;
    }

    #index .row-100 {
        margin-bottom: 3vh !important;
    }

    #index .row-30 .col-md-12 {
        float: left;
        width: 74%;
    }

    #index .row-25 .col-md-12 {
        float: left;
        width: 100%;
    }

    #index .row-15 .col-md-12 {
        float: left;
        width: 100%;
    }

    #index .dropdown dd ul li a {
        text-align: start;
    }

    #index #add-people {
        margin-left: 30px !important;
    }

    #index .roja45propertymanager_block .select-field .panel_dropdown {
        right: auto;
        top: 5px;
        width: 101%;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
    }
}

@media screen and (min-width: 325px) and (max-width: 473px) { 
    #content-wrapper.js-content-wrapper.col-xs-12 {
        margin-top: 1px;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        background-color: rgba(0, 0, 0, 0.754);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: initial;
        width: 100%; 
        margin-left: auto;
        margin-right: auto;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        padding-left: 0vh;
        padding-right: 0vh;
        gap: 0em;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        padding-bottom: 3vh;
    }

    .blockreassurance.col-sm-12 .col-xs-12 {
        width: 23%;
    }

    .input-group-addon {
        margin-top: 0.8em;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown {
        width: 90%;
        background-color: white;
        color: black;
    }
    
    .section1, h4 {
        font-size: 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .roja45propertymanager_block .select-field .panel_dropdown {
        top: 1px;
        padding: 0px;
        background-color: white;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span {
        color: black;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span.subtext {
        font-style: italic;
        color:#00B2E2;
        text-transform: capitalize;    
    }

    #index .roja45propertymanager-search-bar{
        margin-top: 0vh;
        padding-bottom: 0vh;
    }

    #products .products, .featured-products .products, .product-accessories .products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }

    #_mobile_user_info {
        margin-top: 7px;
        padding-right: 15px;
    }

    #header .header-nav .language-selector, #header .header-nav .user-info {
        margin-top: 1px;
    }

    #header .logo {
        max-width: 67%;
        margin-top: -1em;
        height:auto;
        align-items: center;
    }

    #header .top-logo img {
        width: auto;
        filter: invert(0%) sepia(43%) saturate(7494%) hue-rotate(340deg) brightness(72%) contrast(94%) brightness(0) saturate(100%);
        max-height: 2rem;
        align-items: center;
        min-height: 3vh;
    }
    
    #header .top-logo {
        justify-content: center;
    }
    
    .links .title {
        text-align: center;
    }

    .section1, h4 {
        font-size: 18px;
    }

    .footer-container {
        background-color: var(--bg-footer);
        margin-top: 0;
        padding-top: 6px;
        text-align: center;
    }

    .footer-container .links ul>li a {
        color: grey;
        font-weight: 400;
        font-size: 17px;
    }

    .footer-container .links ul>li a:hover {
        color: var(--bg-color);
    }

    .material-icons {
        color: var(--writing-color);
    }

    .block-contact #contact-infos {
        color:var(--bg-color);
        font-size: 15px;
        font-weight: 400;
        background-color: white;
    }

    .form-group.row {
        padding-bottom: 0px;
        display: flex;
        flex-direction: row;
    }

    .form-fields>.form-group.row>.col-md-9.col-md-offset-3 {
        top: 0px;
        padding-bottom: 0px;
    }

    #main .page-content, #main .page-footer, #main .page-header {
        margin-bottom: 0.563rem;
        margin-left: 3%;
        margin-right: 3%;
    }

    .col-md-3.form-control-label {
        font-size: 12px;;
    }

    .form-control {
        font-size: 12px;
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    .form-group>.col-md-6 {
        width: none;
    }

    #email.form-control {
        font-size: 12px;
    }

    .btn-primary {
        margin-top: 1px;
        margin-bottom: 5px;
    }

    .input-group .input-group-btn>.btn {
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    .input-group {
        width: auto;
    }

    /* homepage button : tous les produits */
    .float-md-right {
        float:none !important;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .form-group .col-md-3.form-control-label.required {
        font-size: 12px;
    }
    
    .page-header h1 {
        font-size: 34px;
    }

    #header .header-top{
        padding:0;
    }

    #index .featured-products .products .thumbnail-top a {
        color: black;
        font-family: worksans, sans-serif;
        font-size: 15px;
        font-style: normal;
        text-transform: initial !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .dropdown dt a span {
        text-align: left;
    }

    .input-group .btn {
        background-color: var(--bg-color);
    }

    /* reassurance */
    .invisible {
        visibility: visible !important;
    }

    .blockreassurance {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .svg.invisible {
        width: 3vh;
        object-fit: contain;
    }

    /* contact form */
    #wrapper .breadcrumb{
        text-align: left; 
    }

    #contact .container  {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
    }

    #contact #wrapper .container .row {
        display: flex;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #email.form-control {
        width: 30em;
    }

    .form-group h3 { 
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #header {
        min-height: 10px;
    }

    #header .header-top {
        display: none;
    }

    .breadcrumb {
        margin-bottom: 0;
    }

    #wrapper .breadcrumb {
        padding: 10px 0;
    }

    #contact .contact-form h3 {
        margin-top: 0;
        margin-bottom: 0;
    }

    #contact #wrapper .container .row #left-column {
        width: 77% !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4em;
    }

    #contact #wrapper .container .row #left-column {
        top: 1px !important;
    }

    #add-people {
        margin-left: 1px !important;
    }

    #index .roja45propertymanager-search-bar .row {
        margin-bottom: 5px !important;
    }

    #index .row-100 {
        margin-bottom: 3vh !important;
        text-align: center;
    }

    #index .row-30 .col-md-12 {
        float: left;
        width: 74%;
    }

    #index .row-25 .col-md-12 {
        float: left;
        width: 100%;
    }

    #index .row-15 .col-md-12 {
        float: left;
        width: 100%;
    }

    #index .dropdown dd ul li a {
        text-align: start;
    }

    #index #add-people {
        margin-left: 30px !important;
    }

    #index .roja45propertymanager_block .select-field .panel_dropdown {
        right: auto;
        top: 5px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
    }
}

@media screen and (min-width: 768px) {
    #wrapper .container:not(#index #wrapper .container),
    #footer .container {
        width: 80%;
        padding: 0;
        margin: auto;
    } 

    .blockreassurance .block-icon, .blockreassurance .block-icon img, .blockreassurance .block-icon svg {
        width: 80px;
    }

    .featured-products .products {
        padding: 0;
        width: 90%;
        margin: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    #contact .contact-form {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .roja45propertymanager-search-bar label {
        width: 100% !important;
    }

    #index #header .hidden-sm-down .col-md-4 {
        text-align: start;
    }

    #index #header #disponibility-link {
        text-align: center !important;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        margin-top: 191px !important;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        background-color: rgba(0, 0, 0, 0.754);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: initial;
        width: 80% !important;
        margin: 20px auto;    
    }

    .roja45propertymanager-search-bar #roja45propertymanager_search_form .row-30 {
        width:100%;
    }

    .input-group-addon {
        margin-top: 0.8em;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        padding-top: 3vh;
        width: 73%;
        margin-top: 12em;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown {
        width: 100%;
        background-color: white;
        color: black;
    }

    .roja45propertymanager_block .select-field .panel_dropdown {
        top: 5px;
        padding: 0px;
        background-color: white;
        text-align: left;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span {
        color: black;
    }

    .roja45propertymanager_block .select-field.guest-selector .panel_dropdown .table-container .text-container span.subtext {
        font-style: italic;
        color:#00B2E2;
        text-transform: capitalize;    
    }

    #index .roja45propertymanager-search-bar{
        margin-top: -9vh;
        padding-bottom: 0vh;
    }

    .products, .featured-products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
    }

    #_mobile_user_info {
        padding-right: 2em;
    }

    #header .header-nav .language-selector, #header .header-nav .user-info {
        margin-top: 1px;
    }

    #header .logo {
        max-width: 67%;
        position: absolute;
        margin-top: 9px;
        height:auto;
        align-items: center;
    }

    #header .top-logo img {
        width: auto;
        filter: invert(0%) sepia(43%) saturate(7494%) hue-rotate(340deg) brightness(72%) contrast(94%) brightness(0) saturate(100%);
        max-height: 2rem;
        align-items: center;
        min-height: 3vh;
    }
    
    #header .top-logo {
        justify-content: center;
    }
    
    .links .title {
        text-align: center;
    }

    .section1, h4 {
        font-size: 18px;
    }

    .footer-container {
        background-color: var(--bg-footer);
        margin-top: 0;
        padding-top: 6px;
        text-align: center;
    }

    .footer-container .links ul>li a {
        color: grey;
        font-weight: 400;
        font-size: 17px;
    }

    .footer-container .links ul>li a:hover {
        color: var(--bg-color);
    }

    .material-icons {
        color: white;
    }

    .block-contact #contact-infos {
        color:var(--bg-color);
        font-size: 15px;
        font-weight: 400;
        background-color: white;
    }

    .form-group.row {
        padding-bottom: 0px;
        display: flex;
        flex-direction: row;
    }

    .form-fields>.form-group.row>.col-md-9.col-md-offset-3 {
        top: 0px;
        padding-bottom: 0px;
    }

    *, ::after, ::before {
        box-sizing: inherit;
        margin-top: 1px;
    }

    #main .page-content, #main .page-footer, #main .page-header {
        margin-bottom: 0.563rem;
        margin-left: 3%;
        margin-right: 3%;
    }

    .col-md-3.form-control-label {
        font-size: 12px;
    }

    .form-control {
        font-size: 12px;
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    .form-group>.col-md-6 {
        width: none;
    }

    #email.form-control {
        font-size: 12px;
    }

    .btn-primary {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
    }

    .input-group .input-group-btn>.btn {
        width: 100%;
        height: 50px;
        margin-top: 13px;
    }

    #contactform-message {
        width: 278px;
    }

    .input-group {
        width: 35em;
    }

    article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
        text-align: center;
        align-items: center;
    }

    .float-md-right {
        float:none !important;
        justify-content: center;
        margin-left: 26%;
        margin-right: 26%;
    }

    .form-group .col-md-3.form-control-label.required {
        font-size: 12px;
        width: 235px;
    }
    
    .page-header h1 {
        font-size: 34px;
    }

    #header .header-top{
        padding:0;
    }

    #index .featured-products .products .thumbnail-top a {
        color: black;
        font-family: worksans, sans-serif;
        font-size: 18px;
        font-style: normal;
        text-transform: initial !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .dropdown dt a span {
        text-align: left;
    }

    .input-group .btn {
        background-color: var(--bg-color);
    }

    /* reassurance */
    .invisible {
        visibility: visible !important;
    }

    .blockreassurance {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .svg.invisible {
        width: 5vh;
        object-fit: contain;
    }

     /* contact form */
     #wrapper .breadcrumb {
        text-align:left;
    }

    #contact #wrapper .container .row #left-column {
        order: 1 !important;
        margin-bottom: 8em;
        top: 0px;
        width: 46%!important;
        margin-left: auto;
        margin-right: auto;
    }

    .form-group.row {
        width: 100%;
    }

    #email.form-control {
        font-size: 18px;
        font-weight: 600;
        width: 45em;
    }
    
    .col-md-3.form-control-label{
        width: 32%;
    }

    .card-block {
        padding: 0;
    }

    #content .card-block {
        width: 35%;
        margin-left: auto;
        margin-right: auto;
    }

    .row #content-wrapper {
        order: -1;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    #contact .contact-form .form-group .col-md-6 {
        width: 37em;
    }

    .contact-form h3, .contact-rich h4 {
        margin-left: 0;
        top: 40px;
    }

    #contact .container  {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
    }

    #contact .contact-form .form-group .col-md-6 {
        width: 30em !important;
    }

    .form-control {
        font-weight: 900;
        color: var(--bg-color);
        font-weight: 600;
        border-radius: 9px;
        border: 1px solid transparent;
        background-color:#f6f0f0;
        font-size: 18px;
        width: 31em !important;
    }

    .form-group h3 { 
        color: #00B2E2 !important;
        font-family: worksans, sans-serif;
        font-size: 40px;
        letter-spacing: 2px;
        font-weight: 700;
        padding: 0;
        text-align: center;
        margin-top: none !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1024px) {
    .elementor-swiper-button.elementor-swiper-button-next {
        right: -30px;
    }
    
    .elementor-swiper-button.elementor-swiper-button-prev {
        left: -30px;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1421px) {
    /* contact form */
    #contact #content .contact-form {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #contact .contact-form .form-group .col-md-6 {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

    .input-group .form-control {
        width: 80%;
    }

    #contact .contact-form .form-group .col-md-6 {
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    #contact #left-column .contact-rich h4 {
        margin-left:0px;
    }

    #wrapper .breadcrumb  {
        float:left;
    }

    #content .card-block {
        width: 35%;
        margin-left: auto;
        margin-right: auto;
    }

    #contact #wrapper .container .row #left-column {
        order: 1 !important;
        margin-bottom: 8em;
    }

    .row #content-wrapper {
        order: -1;
        width:100%;
        margin-right: auto;
        margin-left: auto;
    }

    #contact .contact-form .form-group .col-md-6 {
        width: 37em;
    }

    .contact-form h3, .contact-rich h4 {
        margin-left: -47%;
        top: 40px;
    }

    #contact .container  {
        width: 100%;
        padding: 0 10px;
        display: flex;
        flex-direction: column;
    }

    #contact .contact-form .form-group .col-md-6 {
        width: 45em !important;
    }

    .form-control {
        font-weight: 900;
        color: var(--bg-color);
        font-weight: 600;
        border-radius: 9px;
        border: 1px solid transparent;
        background-color:#f6f0f0;
        font-size: 18px;
    }

    .roja45propertymanager-search-bar .row-25 {
        width: 25% !important;
    }

    .roja45propertymanager-search-bar .row-35 {
        width: 30% !important;
    }

    .form-group h3 { 
        color: #00B2E2 !important;
        font-family: worksans, sans-serif;
        font-size: 40px;
        letter-spacing: 2px;
        font-weight: 700;
        padding: 0;
        text-align: center;
        margin-top: none !important;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .roja45propertymanager-search-bar .row-30 {
        width: 16%;
    }

    .roja45propertymanager-search-bar .row-25 {
        width: 23%;
    }
}

@media screen and (max-width: 1421px) { 
    #contact #wrapper .container .row {
        display: grid;
    }

    #contact #wrapper .container .row #left-column {
        width: 35%;
        margin-left: auto;
        margin-right: auto;
    }

    #contact .contact-form .form-group .col-md-6 {
        width: auto;
    }

    .roja45propertymanager-search-bar .row-25 {
        width: 24%;
    }
}

@media screen and (max-width: 1346px) { 
    .roja45propertymanager-search-bar .row-25 {
        width: 26%;
    }

    .roja45propertymanager-search-bar .row-30 {
        width: 16%;
    }

    .row-30 .form-field .input-group {
        width: 100%;
    }

    .row-25 .form-field .input-group {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
}

@media screen and (min-width: 325px) and (max-width: 1024px) {
    .roja45propertymanager-search-bar .row-25 {
        width: 74% !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .roja45propertymanager-search-bar .row-30 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .roja45propertymanager-search-bar .row-15 {
        width: 89% !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        padding-right: none;
    }

    /* searchbar (input)*/
    .row-30 .form-field .input-group {
        width: 100% !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .row-15 .form-field .input-group {
        width: 83% !important;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    #roja45propertymanager_search_form.roja45propertymanager_block {
        gap: none;
        margin-top: 277px;
    }

    #add-people {
        margin-left: 46px;
    }

    /* Centered contact form */
    #contact #content .contact-form {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: baseline !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Centered information bloc contact form */
    .contact-rich, .contact-rich h4 {
        width: 324px;
        margin-right: auto;
        margin-left: auto;
    }

    /* Raised contact form logo */
    #header .logo {
        margin-top: -22px;
    }
}

#contact #wrapper .container .row #left-column {
    top: 53px;
}

#contact .contact-form .form-group .col-md-6 {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#contact .contact-form .form-control-comment {
    color: var(--bg-color);
    font-style: italic;
}

/* Fix row style */
.row {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
}

@media (min-width: 576px) {
    .row {
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .row {
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .row {
        margin-right: 0;
        margin-left: 0;
        max-width: 100%;
    }
}

@media screen and (min-width: 325px) and (max-width: 767px) {
    #index #header .logo {
        margin-top: -9px;
    }

    #index .row-100 {
        text-align: center;
    }

    #roja45propertymanager_search_form.roja45propertymanager_block {
        margin-top: 135px;
    }

    .roja45propertymanager-search-bar label {
        width: 100% !important;
    }
}

/* Card */
.product-miniature .thumbnail-container .product-thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}

.product-miniature .thumbnail-container .product-thumbnail {
    width: 100%;
    height: auto;
}

.product-miniature .product-description {
    margin: 0 20px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 150px;
    background: transparent;
}

.product-miniature  .reference {
    color: #191919 !important;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 0 !important;
}



.product-miniature .product-price-and-shipping {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.startingAt {
    font-weight: 400;
    font-size: 13px;
}

.product-miniature, .product-miniature .product {
    margin-top: auto;
}

.product-miniature .thumbnail-container {
    width: 100%;
    overflow: visible;
}

.product-miniature .thumbnail-top {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 7px;
}

#product .product-cover img {
    border-radius:10px;
}

.product-prices {
    display: flex;
}

.product-prices .tax-shipping-delivery-label {
    color: var(--bg-color);
    font-weight: 700;
    margin-left: 8px;
}

.roja45propertymanager .btn.btn-availability {
    background-color: var(--bg-color);
    padding: 10px 30px;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.roja45propertymanager .btn.btn-availability:hover {
    background: var(--btn-hover);
}

.roja45propertymanager .btn.btn-availability span {
    padding:0px;
}

.roja45propertymanager_getprice {
    margin-top : 1em;
}

.propertyRates {
    margin-top: 2em;
}

.product-miniature .product-title {
    text-align: left;
}

.product-miniature .product-title a {
    font-size: 15px;
    font-weight: 600;
}

.product-miniature .product-price-and-shipping {
    text-align: left;
}

#_desktop_user_info {
    display: flex;
    align-items: center;
}

.elementor-text-editor p span {
    font-size: 16px !important;
}

/* addon options on the reservation */

.product-rental-extra-container.row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.roja45propertymanager-addon-container.row {
    display: flex;
    flex-direction: row;
}

.roja45propertymanager-addon-container.row .row {
    display: flex;
    flex-direction: row;
    gap: 20px;
    position: relative;
}

.roja45propertymanager-addons-container .roja45propertymanager-addon .roja45propertymanager-addon-container .more-info {
    top: calc(50% - 12px);
}

.roja45propertymanager-addon-container {
    border: none !important;
}

.roja45propertymanager-addons-container .roja45propertymanager-addon {
    min-height: 100px !important;
    width: 100% !important;
    text-align: left;
    border-bottom: 1px solid lightgrey;
}

.roja45propertymanager-addon-container.row .row .title {
    font-weight: 400 !important;
    font-size: 14px;
    width: 350px;
    text-align: left;
}

.roja45propertymanager-addon-container.row .row .price {
    font-size: 14px;
}

.input-group .qty-selector .form-control {
    width:65px !important;
}

.btn-propertymanager-selectextra .price.unselected {
    font-size: 14px;
}
.addon-subtitle {
    font-weight: 500;
    color: white;
    font-size: 20px;
    text-align: center !important;
    width: 100% !important;
    height: auto;
    background-color: lightblue;
    padding: 3px;
    border-radius: 5px;
    margin-top: 20px !important;
}

.btn-propertymanager-selectextra .price.selected {
    font-size: 14px;
}

.roja45propertymanager-addon-container.row .col-lg-5 {
    display: none;
}

.roja45propertymanager-addon-container.row .extra-type {
    width: 170px;
    text-align: left;
}

.roja45propertymanager-addon .roja45propertymanager-addon-container.row {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.roja45propertymanager-addon-container.row .col-lg-7 .row p{
    text-align: center;
    width: 337px;
}

.roja45propertymanager-addons-container .roja45propertymanager-addon-checkbox {
    margin-top: auto;
}

.roja45propertymanager-addon .roja45propertymanager-addon-container.row .col-lg-8 {
    width: 468px;
}

.btn.btn-propertymanager-selectextra {
    padding: 18px;
}

.roja45propertymanager-addons-container .roja45propertymanager-addon .roja45propertymanager-addon-container {
    margin-bottom: 0 !important;
}

.roja45propertymanager-addons-container .roja45propertymanager-addon-qty {
    margin-top: 0 !important;
}

#module-roja45propertymanager-PropertyManagerFront-GetAvailability .roja45propertymanager-search-bar label {
    margin-bottom: 12px;
    text-align: left;
    display: block;
    font-size: 18px;
    color: #232323 ;
}

#module-roja45propertymanager-PropertyManagerFront-GetAvailability .col-md-12 .row .roja45propertymanager-search-bar.roja45propertymanager_block.page-content {
    background-color: rgba(250, 247, 247, 0.85);
    border-radius: 10px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    text-align: center;
}

#module-roja45propertymanager-PropertyManagerFront-GetAvailability .col-md-12 .row .roja45propertymanager-search-bar.roja45propertymanager_block.page-content .input-group .form-control {
    width: auto !important;
}

#module-roja45propertymanager-PropertyManagerFront-GetAvailability .col-md-12 .row  .roja45propertymanager-search-bar .row-100 {
    width: auto;
}

#module-roja45propertymanager-PropertyManagerFront-GetAvailability .roja45propertymanager-search-bar .row-40 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

/* border added */
#roja45propertymanager_available_spaces ul.property-manager-list > li .column .column-header {
    border-right: 1px solid #d6d4d4;
}

#roja45propertymanager_available_spaces ul.property-manager-list > li .column .column-value {
    border-right: 1px solid #d6d4d4;
}

#roja45_propertymanager_booking_details ul.property-manager-list > li .column .column-header {
    border-right: 1px solid #d6d4d4;
}

#roja45_propertymanager_booking_details ul.property-manager-list > li .column .column-value {
    border-right: 1px solid #d6d4d4;
}

#roja45_propertymanager_booking_details .roja45_propertymanager_totals_block .table {
    margin-top: 0;
}

.booking-title {
    text-align: center;
    font-size: 22px;
    margin: 20px;
}

/* Fix position on "message envoyé" */
#notifications .alert.alert-success ul {
    position: initial;
    margin-top: 0;
}

/* map link on the searchbar */
.map-link {
    padding-left: 10px;
}

.map-link-texte {
    color: #191919;
    text-decoration: underline !important;
}

/* réserver en ligne / réservation instantannée : deleted on the product result */
.unorder_list_container.form_wrapper_div {
    display: none;
}

/* searchbar on the reservation process undisplayed */
#roja45propertymanager_availability .col-md-12 .row .roja45propertymanager-search-bar.roja45propertymanager_block.page-content {
    display: none;
}