/**
* LAYOUT
*/
    body { font-family: 'Open Sans', sans-serif; }
    a { transition : 0.2s; color: #999; text-decoration: none; }
    a:hover {color: #333; }
    .strong{font-weight:bold;}
    .strike { text-decoration: line-through; }
    .todo { border: orange 1px dashed; }
    .hp-important {height: 0; width: 0; margin: 0; padding: 0; border: 0; overflow: hidden;}

    .stretched-link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

    :root {
        --container-width: 1320px;
    }
    
    .color-accent { color: var(--color-accent); }

    @media screen and (max-width: 50em) {
        .grid figure { display : inline-block; float : none; margin : 10px auto; width : 100%; }
    }
    /*     
    .rooms-label {
        font-weight: bold;
        font-size: 1.35rem !important;
        color: rgb(77,73,70) !important;
        margin-bottom: 52px;
        margin-left: 62px;
        text-shadow: 1px 0px 2px #636366, 0px 1px 2px #636366, -1px 0px 2px #636366, 0px -1px 2px #636366;
    } */
    .container { max-width : var(--container-width); width: auto; }

    .display-t { display : table; width : 100%; height : 100%; }
    .display-t > .display-tc { display : table-cell; vertical-align : middle; width : 100%; }
    #map-container { height : 100%; }
    .d-contents { display: contents; }

    .op-25 { opacity: 0.25; }
    .op-50 { opacity: 0.50; }
    .op-75 { opacity: 0.75; }

    .uppercase { text-transform: uppercase;}
    .text-underline { text-decoration: underline; }

    .rich_text,
    .richtext { font-size : 16px;}

    .rich_text p,
    .richtext p { margin: 0 0 16px; }
    .rich_text ol,
    .richtext ol { margin: 0 0 16px; }

    .rich_text ul,
    .richtext ul { margin: 0 0 16px; }

    .rich_text li,
    .richtext li { margin: 0 0 10px; }
    .richtext img {max-width: 100%; }

    .fb-filldata {
        display: flex;
        justify-content: flex-end;
    }

    .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; }
    .editbutton {position: absolute;top: 5px;right: 10px;z-index: 99;padding: 2px 4px;text-decoration: none !important;}
    
/**
* Figure
*/
    .bfs figure.effect-honey {
        background: #284245;
    }
    .bfs figure.effect-honey figcaption::before {
        background: #284245;
    }

/**
* Responsive visibility
*/
    .hidden-mobile {}
    .visible-mobile {display: none !important;}
    
    @media screen and (max-width: 767px) {
        .hidden-mobile { display: none !important; }
        .visible-mobile { display: block !important; }
    }

/** Espacios */
    .space-20 { padding : 20px 0; }
    .space-40 { padding : 40px 0; }
    .space-60 { padding : 60px 0; }
    .space-80 { padding : 80px 0; }
    .lat-space-20 { padding : 0 20px; }
    .lat-space-40 { padding : 0 40px; }
    .lat-space-60 { padding : 0 60px; }
    .lat-space-80 { padding : 0 80px; }


/** Row */
    .row.no-gutters { margin-right : 0; margin-left : 0; }
    .row.no-gutters > [class^='col-'],
    .row.no-gutters > [class*=' col-'] { padding-right : 0; padding-left : 0; }


/** Common style */
    .bold { font-weight : bold; }

    .color1 { color : #284245; }
    .color2 { color : #f24e4e; }

    .bfs .color1 { color : #284245; }
    .bfs .color2 { color : #f24e4e; }

    .link { color : inherit; text-decoration : none; }
    .link:hover,
    .link:focus,
    .link:active { color : inherit; text-decoration : none; opacity : 0.8; }

    .bfs .loader { width : 85px; height : 85px; font-size : 0; color : #ffffff; background : transparent url('../img/bfs/loading.svg') top left no-repeat; border : none; display : block; text-align : center; margin : 0 auto; }

    .dropdown-menu > li > a.active {/* background-color : #f3f3f3; */}
    .dropdown-item .glyphicon {display: none !;}

    dt { font-weight : 400; }
    dd { font-weight : 800; }

    .checklist {
        list-style: none;
    }
    .checklist li:before {
        content: '✓';
        display: inline-block;
        margin-left: -15px;
        margin-right: 5px;
        font-weight: bold;
    }

/** Element holder */
    .header_holder { padding : 20px 0; }
    .header_holder h2 { font-size : 28px; font-weight : 600; text-align : center; }
    .header_holder h5 { font-size : 15px; font-weight : 600; text-align : left; padding : 0 20px; }

    .bfs .header_holder h5 { color : #284245; }

    .button_holder { text-align : center; padding : 20px 0 40px 0; }

    @media (max-width: 767px) {

        .header_holder h2 { font-size : 21px; }
    }

/** Margin/padding utils */
    .mt-1 { margin-top:1em; }
    .mt-2 { margin-top:2em; }
    .mt-3 { margin-top:3em; }
    .mt-4 { margin-top:4em; }
    .mt-5 { margin-top:5em; }
    .mb-1 { margin-bottom:1em; }
    .mb-2 { margin-bottom:2em; }
    .mb-3 { margin-bottom:3em; }
    .mb-4 { margin-bottom:4em; }
    .mb-5 { margin-bottom:5em; }

    .pt-1 { padding-top:1em; }
    .pt-2 { padding-top:2em; }
    .pt-3 { padding-top:3em; }
    .pt-4 { padding-top:4em; }
    .pt-5 { padding-top:5em; }
    .pb-1 { padding-bottom:1em; }
    .pb-2 { padding-bottom:2em; }
    .pb-3 { padding-bottom:3em; }
    .pb-4 { padding-bottom:4em; }
    .pb-5 { padding-bottom:5em; }


/**
* Buttons
*/
    .btn { background-color : transparent; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 20px; transition : 0.2s; color : #284245; border-color : transparent; }
    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn.active { color : #ffffff; border-color : transparent; }

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active { color: #4d4946; }

    .btn-default { background-color : rgb(40, 66, 69); border-color : #284245; color : white; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 20px; transition : 0.2s; }
    .btn-default.btn-xs { padding : 2px 5px; }
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default { color : #ffffff; background-color : #f24e4e; border-color : #f24e4e; }


    .inv { background-color : #f24e4e; margin : auto; color : #ffffff; }
    .inv:hover { background-color : #284245; color : #ffffff; }

    .btn-white { background-color : #ffffff; border-color : #284245; color : #284245; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 20px; transition : 0.2s; }
    .btn-white.btn-xs { padding : 2px 5px; }
    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active,
    .btn-white.active { color : #ffffff; background-color : #d4d9da; border-color : #d4d9da; }


    .btn-inv { background-color : #f24e4e; border-color : #f24e4e; color : #ffffff; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 20px; transition : 0.2s; outline : 0; }
    .btn-inv.btn-xs { padding : 2px 5px; }
    .btn-inv:hover,
    .btn-inv:focus,
    .btn-inv.active { color : #ffffff; background-color : #284245; border-color : #284245; outline : 0; }
    .btn-inv:active { background-color : #f24e4e; border-color : #f24e4e; outline : 0; color : #ffffff; }

    .btn-teal { background-color : #406b77; border-color : #406b77; color : #ffffff; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 20px; transition : 0.2s; outline : 0; }
    .btn-teal.btn-xs { padding : 2px 5px; }
    .btn-teal:hover { background-color : #284245; border-color : #284245; outline : 0; color : #ffffff; }
    .btn-teal.active,
    .btn-teal:focus,
    .btn-teal:active { background-color : #406b77; border-color : #406b77; outline : 0; color : #ffffff; }

    .btn-xl {padding: 20px 40px;font-size: 1.3em;}


/**
* Breadcrumbs
*/

    .breadcrumb { background-color : transparent; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 0 0 0; font-size : 12px; }
    .breadcrumb a { color : #406b77; font-weight : bold; }
    .breadcrumb > li + li:before { padding : 0 5px; color : #93a0a2; content : '\f105'; font-family : 'Font Awesome 6 Free'; font-weight: 900; }

    @media (max-width: 767px) {
        .section.breadcrumbs { margin : 10px; }
    }


/**
* Nav Brand
*/

    .navbar-toggle { border : none; background : transparent !important; }
    .navbar-toggle:hover { background : transparent !important; }
    .navbar-toggle .icon-bar { width : 22px; transition : all 0.2s; }
    .navbar-toggle .top-bar { transform : rotate(45deg); transform-origin : 10% 10%; }
    .navbar-toggle .middle-bar { opacity : 0; }
    .navbar-toggle .bottom-bar { transform : rotate(-45deg); transform-origin : 10% 90%; }
    .navbar-toggle.collapsed .top-bar { transform : rotate(0); }
    .navbar-toggle.collapsed .middle-bar { opacity : 1; }
    .navbar-toggle.collapsed .bottom-bar { transform : rotate(0); }
    .navbar-toggle.collapsed .icon-bar,
    .navbar-default .navbar-toggle .icon-bar { background-color : #f24e4e; }


    .navbar { -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; margin-bottom : 0; font-size : 0.9em; }

    .navbar-default { position : absolute; width : 100%; z-index : 102; background-color : transparent; border : 0; }
    .navbar-default .navbar-nav > li > a { background-color : transparent; color : white; }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover { background-color : transparent; color : white; }

    header .language { margin : 0 15px; font-size : inherit; }

    header .language .btn { background-color : transparent; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 8px 15px; margin-top : 6px; transition : 0.2s; color : #ffffff; border-color : transparent; box-shadow : none; }
    header .language .btn:hover,
    header .language .btn:focus,
    header .language .btn:active,
    header .language .btn.active { color : #284245; border-color : transparent; background-color : #d4d9da; }
    header .language .btn i { margin-right : 5px; font-size : 18px; vertical-align : text-top; }


    .bfs .navbar-brand { background : url(../img/logo-bfs.png) no-repeat center center; width : 200px; height : 93px; display : block; }
    .bfs .navbar-brand-round { background : url(../img/logo-bfs-round.png) no-repeat center center; width : 150px; height : 93px; display : block; background-size : 84px 84px; float : left; }


    header .main { }
    header .main .form-inline { display : none; }

    header .light { position : relative; background-color : white; color : #284245; z-index : 1; border-bottom : 1px solid #93a0a2; padding : 10px 0; }
    header .light .navbar-nav > li > a { color : #284245; }
    header .light .navbar-nav > li > a:hover,
    header .light .navbar-nav > .active > a:hover { color : #93a0a2; }
    header .light .navbar-nav > .active > a { color : #93a0a2; }
    header .light .navbar-right {/* margin-top : 25px; */margin-top: -10px;}
    header .light .form-inline { margin-top : 25px; float : left; position : relative; }
    header .light .form-inline input[name='location'] { min-width : 350px; }
    header .light .form-inline i {/* line-height : 42px; */}


    header .light .language .btn { background-color : transparent; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; padding : 10px 15px; margin-top : 5px; transition : 0.2s; color : #284245; border-color : transparent; box-shadow : none; font-size : inherit; }
    header .light .language .btn:hover,
    header .light .language .btn:focus,
    header .light .language .btn:active,
    header .light .language .btn.active { color : #ffffff; border-color : transparent; background-color : #d4d9da; }

    header .language.btn-group.open .dropdown-toggle { box-shadow : none; }
    header .language .dropdown-menu a { border-left : 4px solid transparent; }
    header .language .dropdown-menu a.active { background-color : transparent; border-left : 4px solid #f24e4e; }

    header .light { background-color : white; color : #4d4946;border-bottom : 1px solid #93a0a2; }
    header .light .navbar-nav > li > a { color : #4d4946; }
    header .light .navbar-nav > li > a:hover,
    header .light .navbar-nav > .active > a:hover { color : #a3c136; }
    header .light .navbar-nav > .active > a { color : #a3c136; }


    @media (max-width: 991px) {
        .navbar-header { width : 100%; }
        .navbar-collapse ul { background-color : #406b77; padding : 0; }
        .navbar-collapse.collapsing { padding-right : 0; padding-left : 0; }
        .navbar-collapse.collapse { display : none!important; padding : 0; }
        .navbar-collapse.collapse.in { display : block!important; }
        .navbar-toggle { display : block; margin-top : 25px; }
        header .light { padding : 0; }
        header .navbar-nav { width : 100%; margin : 0; }
        header .navbar-nav > li { float : left; width : 100%; }
        header .light .navbar-right { margin-top : 0; }
        header .light .navbar-nav > li > a { color : white; }
        header .light .navbar-nav > li > a:hover,
        header .light .navbar-nav > .active > a:hover { }
        header .language .btn  { padding-left: 0; padding-right: 0; }

        header .language {min-width: 200px; }

    }

    @media (max-width: 640px) {
        .bfs .navbar-brand { width : 150px; background-size : 100%; }
        .bfs .navbar-brand-round { width : 80px; background-size : 60px; }
        header .light .form-inline { width : 160px; }
        header .light .form-inline .form-control { padding : 0 5px; }
        header .light .form-inline input[name='location'] { min-width : 0; width : 100%; }
    }

/**
* Footer
*/

    footer { }

    footer .below-footer { background : url('../img/footer-houses.png'); background-color : #333333; background-size : 20%; color : #d4d9da; min-height : 100px; padding : 20px 0 40px 0; font-size : 14px; }
    footer .below-footer .item { padding-bottom : 40px; }
    footer .under-footer { background-color : #272726; color : #f0f0f0; min-height : 100px; padding : 20px 0 40px 0; margin-top : -1px; }
    footer .under-footer .item { padding-bottom : 15px; }
    footer a { color : #f0f0f0; }
    footer a:hover { text-decoration : none; color : #93a0a2; }
    footer ul { margin-top : 15px; }
    footer ul li { margin-top : 8px; }
    footer .title-col { color : #ffffff; font-size : 14px;margin: 10px 0;}
    footer .dropdown-toggle { background-color : #191919; border-color : #191919; min-width : 200px; text-align : left; }
    footer .dropdown-menu,
    footer .select2-drop {}
    footer .social-icons { margin-top : 10px; }
    footer .under-footer .item.rrss { padding-bottom : 0; top : 30px; }

    footer .social { background-color : #999999; color : white; border-radius : 50%; padding : 8px; -webkit-transition : background-color 0.2s ease-out; -moz-transition : background-color 0.2s ease-out; transition : background-color 0.2s ease-out; font-size : 20px; padding : 5px; width : 40px; height : 40px; display : inline-flex; margin : 0 3px; line-height : 30px; text-align : center; justify-content: center;align-items: center;line-height: 1;}
    footer .social:hover { color : #ffffff; }
    footer .social.facebook:hover { background-color : #4462a2; }
    footer .social.twitter:hover { background-color : #3b98df; }
    footer .social.google:hover { background-color : #bb3b2b; }
    footer .social.rss:hover { background-color : #ff9800; }
    footer .social.instagram:hover { background-color : #2c6a93; }
    footer .social.youtube:hover { background-color : #c31a1e; }
    footer .social.linkedin:hover { background-color : #0e76a8; }


    footer .item-left { float : left; text-align : left; }
    footer .item-right { float : right; text-align : right; }

    footer .form-control { background-color : #272726; border-color : #284245; color : #ffffff; }

    footer .form-control::-webkit-input-placeholder { color : #ffffff; }
    footer .form-control:-moz-placeholder { color : #ffffff; opacity : 1; }
    footer .form-control::-moz-placeholder { color : #ffffff; opacity : 1; }
    footer .form-control:-ms-input-placeholder { color : #ffffff; }

    footer .form-success { padding: 5px 0; color: lightgreen; }
    footer .form-error { padding: 5px 0; color: red; }

    @media (max-width: 991px) {

        footer .language { float : left; margin-top : 0; }
        footer .under-footer .item.rrss { margin-top : 0; margin-bottom : 40px; top : 0; }
        footer .item-right,
        footer .item-left { float : left; text-align : left; }
    }
    @media (max-width: 767px) {
        footer #newsletter { display : inline-block; width : 75%; }
    }

/**
* bootom link
*/
    .footer-whatsapp {display: block;position: fixed;bottom: 15px;right: 90px;color: #ffffff !important;font-size: 40px;width: 60px;height: 60px;background: #98c21f;border-radius: 22px;cursor: pointer;text-align: center;overflow: hidden;transition: all 0.5s;}
    .footer-whatsapp:hover { color : #ffffff; }


/**
* pagination
*/
    .pagination_holder { text-align : center; }
    .pagination > li { display : inline-block; margin : 0 4px; border-color : #284245; }
    .pagination > li > a,
    .pagination > li > span { color : #284245; }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span { border : 0; color : #f24e4e; font-size : 24px; line-height : 34px; border-radius : 0; padding : 0 12px; }
    .pagination > li > a:focus,
    .pagination > li > a:hover,
    .pagination > li > span:focus,
    .pagination > li > span:hover { background-color : #284245; color : #ffffff; opacity : 0.9; }


    .pagination > .active > a,
    .pagination > .active > a:focus,
    .pagination > .active > a:hover,
    .pagination > .active > span,
    .pagination > .active > span:focus,
    .pagination > .active > span:hover { background-color : #284245; color : #ffffff; border-color : #284144; }

/**
* Estilos Hero
*/

    .hero-image { position : relative; }
    .hero-image.condensed { height : 150px; }
    .hero-image .cover-image { background : url('../img/home2.jpg') no-repeat center center; background-size : cover; position : relative; }
    .hero-image .title-hero { position : absolute; top : 0; width : 100%; text-align : center; color : #ffffff; }
    .hero-image .cover-image,
    .hero-image .title-hero { height : 600px; padding : 0 15px; }

    .hero-image.condensed .cover-image,
    .hero-image.condensed .title-hero { height : 100%; padding : 0 15px; }

    .hero .cover-image { background-repeat : no-repeat; background-position : center center; background-size : cover; height : 300px; position : relative; }
    .hero--overlay:before {
        content: '';
        display: block;
        width: 100%;
        height: 300px;
        position: absolute;
        z-index: 1;
        background-color: rgba(0, 0, 0, .4);
    }
    .hero-title {  }

    .hero-slider { position : relative; height : 600px; }
    .hero-slider .items { opacity : 0; }
    .hero-slider .cover-image { background-repeat : no-repeat; background-position : center center; background-size : cover; height : 600px; position : relative; display : block; width : 100%; }
    .hero-slider .header-info { position : absolute; bottom : 0; height : 120px; background-color : rgba(40,66,69, 0.9); color : #ffffff; width : 100%; }
    .hero-slider .header-info .container { position : relative; }
    .hero-slider .header-info .goBack { color : #f24e4e; font-size : 40px; position : absolute; left : -50px; line-height : 60px; top : 20px; }
    .hero-slider .header-info .goBack:hover { color : #ffffff; }
    .hero-image .title-hero h1,
    .hero-slider .header-info h1 { font-size : 25px; font-weight : 600px; }
    .hero-slider .header-info h3 { font-size : 20px; font-weight : 600px; }

    .hero-slider .slick-prev {left: 20px;}
    .hero-slider .slick-next { right: 20px; }

    .button_holder_slide { padding : 20px 30px; }

    @media (max-width: 991px) {
        .hero-image .cover-image,
        .hero-image .title-hero,
        .hero-slider,
        .hero-slider .cover-image { height : 50vh; min-height : 280px; }
        .hero-slider .header-info { height : 90px; }
        .hero-slider .header-info .container { padding-left : 50px; padding-right : 50px; }
        .hero-slider .header-info .goBack { top : 10px; left : 0; padding : 0; }
        .hero-image .title-hero h1,
        .hero-slider .header-info h1 { font-size : 18px; }
        .hero-slider .header-info h3 { font-size : 12px; margin : 5px 0; }

        .hero-image.condensed { height : 240px; min-height: 0; }
        .hero-image.condensed .cover-image { height : 240px; min-height: 0; }
        .hero-image .title-hero { min-height: 0 }
    }

    @media only screen
      and (max-device-width: 1024px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: landscape) {
        .hero-image .cover-image,
        .hero-image .title-hero,
        .hero-slider,
        .hero-slider .cover-image { height : 50vh; min-height : 280px; }
        .hero-slider .header-info { height : 90px; }

        .hero-image .title-hero h1,
        .hero-slider .header-info h1 { font-size : 15px; }
        .hero-slider .header-info h3 { font-size : 12px; margin : 5px 0; }
    }

    @media (max-width: 767px) {
        .hero-slider .header-info h1 { font-size : 14px; }
        .hero-slider .header-info .container { padding-left : 15px; padding-right : 15px; }
        .hero-slider .header-info .goBack { display : none; }
    }
/**
* Search Main
*/


    .searchmain {text-align : center;position : absolute;top: 140px;/* bottom : 0; */background-color : transparent;left : 0;width : 100%;padding : 0 0 0 0;z-index : 100;/* background : url('../img/bg-house.svg') no-repeat center 36px; */}
    .searchmain h1 { font-size : 1.4em; color : #ffffff; }
    .searchmain .form-inline { background-color : white; margin : auto; max-width : 800px; }
    .searchmain .form-inline-contents { padding : 30px; }
    .searchmain .city-group {position : relative;width: 50%;margin-left : -5px;}
    .searchmain .city-group input { width : 100%; padding-left : 40px; }

    .searchmain .input-daterange {position : relative;width: 50%;margin-right: -10px;}
    .searchmain .input-daterange .date-group {position : relative;width: 49%;display : inline-block;}
    .searchmain .date-group input { width : 100%; padding-left : 40px; border-radius : 0; }
    .searchmain .submit_holder { margin-top : 20px; }

    .searchmain .form-inline .form-group i { position : absolute; z-index : 1000; top : 5px; left : 5px; color : #93a0a2; }

    @media (max-width: 991px) {
        .searchmain { position : relative; margin-top : -16%; background-position : center 0; padding-top : 18%; background-size : contain; }
        .searchmain h1 {/* color : #284245; *//* font-size : 1.2em; */}
        .searchmain .form-inline-contents { padding : 15px 30px; }
        .searchmain .city-group input { min-width : inherit; }
        .searchmain .input-daterange,
        .searchmain .city-group {width : 100%;margin-left : 0;margin-right : 0;margin-bottom : 10px;display: flex;justify-content: space-between;}
        .searchmain .input-daterange .date-group {/* margin-left : -10px; *//* margin-right : -10px; */display : inline-block;}
        .searchmain .form-inline { padding-top : 10px; }
    }
    @media only screen
      and (max-device-width: 1024px)
      and (-webkit-min-device-pixel-ratio: 1)
      and (orientation: landscape) {
        .searchmain h1 { color : #284245; }
    }


    @media (max-width: 767px) {
        .searchmain .form-inline-contents { padding : 15px; }
    }

/**
* List cities
*/

    .list-cities { }
    .list-cities figure.effect-honey .card-header { text-align : left; padding : 1em 0.8em; text-transform : none; font-size: 30px;}
    .list-cities figure.effect-honey .card-header h2 {margin: 0; font-weight: 600; padding: 0;}
    .list-cities figure.effect-honey .card-header p { color : inherit; line-height : 1; font-size : 15px; display : block; word-spacing : 0; font-weight: normal; letter-spacing: 0; }
    
    .list-cities figure .card-header { background-color : rgba(40,66,69,.8); }

/**
* List cards
*/


/**
* card-item
*/


    .card-item figure { position : relative; margin : auto; margin-bottom : 20px; overflow : hidden; width : 100%; max-width : 480px; max-height : 480px; background : #3085a3; text-align : center; cursor : pointer; }
    .card-item a,
    .card-item a:hover,
    .card-item a:focus,
    .card-item a:active { color : inherit; text-decoration : none; }
    .card-item figure img { position : relative; display : block; min-height : 100%; max-width : 100%; opacity : 1; }
    .card-item figure .image_holder { display : block; background-position : 50% 50%; background-repeat : no-repeat; background-size : cover; padding-top : 66.6667%; }
    .card-item figure figcaption { padding : 2em; color : #ffffff; text-transform : uppercase; font-size : 1.25em; -webkit-backface-visibility : hidden; backface-visibility : hidden; }
    .card-item figure figcaption::before,
    .card-item figure figcaption::after { pointer-events : none; }
    .card-item figure figcaption,
    .card-item figure figcaption > a { position : absolute; top : 0; left : 0; width : 100%; height : 100%; }
    /* Anchor will cover the whole item by default */
    /* For some effects it will show as a button */
    .card-item figure figcaption > a { z-index : 10; text-indent : 200%; white-space : nowrap; font-size : 0; opacity : 0; }
    .card-item figure .card-header { word-spacing : -0.15em; font-weight : 600; font-size: 30px; }
    .card-item figure .card-header h2 { margin: 0; font-weight: 600;}
    .card-item figure .card-header span { font-weight : 800; }
    .card-item figure .card-header,
    .card-item figure p { margin : 0; }
    .card-item figure p { letter-spacing : 1px; font-size : 68.5%; }

/**
* Info blocks
*/

.info-blocks .manage-asset .image_holder { background-image: url('../img/bfs/h-listyourproperty.jpg'); }
.info-blocks .disinvestment .image_holder { background-image: url('../img/bfs/h-becomehost.jpg'); }

.card-item.find-your-place {padding-top: 15px; padding-left: 15px;}
.card-item.find-your-place figure .card-header {word-spacing: normal; text-align: center; top: 50%; transform: translateY(-50%); height: 100%; padding: 0; display: flex; width: 100%; justify-content: center; align-items: center;}
.card-item.find-your-place figure .card-header h2 {font-size: 25px; line-height: 1.3;}
.card-item.find-your-place .image_holder {opacity: .3;}

/**
* Slider properties
*/

    .slide-properties { background-color : #d4d9da; padding-bottom : 40px; }
    .slide-properties h1 { color : #284245; }
    .slide-properties .items { opacity : 0; }
    .slide-properties .slick-prev,
    .slide-properties .slick-next { top : 30%; }

/**
* Slider properties pagination
*/

    .slide-properties-pagination { background-color : #d4d9da; padding : 40px; }
    .slide-properties-pagination .items { opacity : 0; }
    .slide-properties-pagination .slick-slider .slick-list { margin-bottom : 40px; }



/**
* Property in lists
*/


    .property-unit div.info,
    .property-unit div.specs { background : white; text-align : left; color : #284245; padding : 20px; }
    .property-unit div.info { overflow : hidden; text-overflow : ellipsis; display : -webkit-box; -webkit-box-orient : vertical; -webkit-line-clamp : 2; line-height : 1.4; max-height : 4.4em; }
    .property-unit .featured,
    .property-unit .price { text-align : left; position : relative; left : 0; padding : 5px 15px; display : table; }
    .property-unit .featured { top : 15px; background-color : rgba(242, 78, 78, 0.85); font-size : 0.8em; }
    .property-unit .price { top : 50%; background-color : rgba(40, 66, 69, 0.9); text-transform : lowercase; }
    .layout3 .property-unit .price { top: 40%; }
    .property-unit .price span { font-size : 0.8em; }
    .property-unit .features { padding : 0 !important; position : absolute; }

    @media (max-width: 1400px) {
        .property-unit .price { top : 40%; }
    }
    @media (max-width: 1199px) {
        .property-unit .price { top : 30%; }
    }
    @media (max-width: 990px) {
        .property-unit .price { top : 45%; }
    }
    @media (max-width: 767px) {
        .property-unit .price { top : 55%; }
        .property-unit.effect-honey { max-height : inherit; }
    }



/**
* hightligt-section
*/

    .hightligt-section { background-color : #f24e4e; }
    .hightligt-section { color : white; }
    .hightligt-section .fa { font-size : 40px; display : block; }


/**
* SLICK
*/

    .slick-loading .slick-list { background : #ffffff url('./img/loading.gif') center center no-repeat; }
    .slick-initialized .slick-slide { outline : none; }


/**
* Arrows
*/
    .slick-prev,
    .slick-next { font-size : 0; line-height : 0; position : absolute; top : 50%; display : block; width : 50px; height : 50px; padding : 0; -webkit-transform : translate(0, -50%); -ms-transform : translate(0, -50%); transform : translate(0, -50%); cursor : pointer; color : transparent; border : none; outline : none; background : transparent; background-color : rgba(255,255,255,0.8); z-index : 1; }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus { color : transparent; outline : none; background : transparent; background-color : rgba(255,255,255,1); }

    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before { opacity : 1; }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before { opacity : 0.25; background-color : rgba(255,255,255,0.5); }

    .slick-prev:before,
    .slick-next:before {font-family: 'Font Awesome 6 Free';font-weight: 900;font-size : 40px;line-height : 1;opacity : 0.75;color : #f24e4e;-webkit-font-smoothing : antialiased;-moz-osx-font-smoothing : grayscale;}
    .slick-prev {left: -30px;} [dir='rtl']
    .slick-prev { right : 10px; left : auto; }
    .slick-prev:before { content : '\f104'; }
    [dir='rtl'] .slick-prev:before { content : '\f105'; }
    .slick-next {right: -30px;}
    [dir='rtl'] .slick-next { right : auto; left : 10px; }
    .slick-next:before { content : '\f105'; } [dir='rtl']
    .slick-next:before { content : '\f104'; }

    @media screen and (max-width: 991px) {
        .slick-prev,
        .slick-next {width: 30px;height: 30px;}
        .slick-prev:before,
        .slick-next:before {font-size: 30px;}
    }


/**
* Dots
*/
    .slick-dotted.slick-slider { margin-bottom : 30px; }
    .slick-dots { position : absolute; bottom : -25px; display : block; width : 100%; padding : 0; margin : 0; list-style : none; text-align : center; }
    .slick-dots li { position : relative; display : inline-block; width : 20px; height : 20px; margin : 0 5px; padding : 0; cursor : pointer; }
    .slick-dots li button { font-size : 0; line-height : 0; display : block; width : 20px; height : 20px; padding : 5px; cursor : pointer; color : transparent; border : 0; outline : none; background : transparent; }
    .slick-dots li button:hover,
    .slick-dots li button:focus { outline : none; }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before { opacity : 1; }
    .slick-dots li button:before { font-family : 'FontAwesome'; font-size : 6px; line-height : 20px; position : absolute; top : 0; left : 0; width : 20px; height : 20px; content : '\f111'; text-align : center; opacity : 0.25; color : black; -webkit-font-smoothing : antialiased; -moz-osx-font-smoothing : grayscale; }
    .slick-dots li.slick-active button:before { opacity : 0.75; color : black; }


    .slide-properties-pagination .slick-dots li { position : relative; display : inline-block; width : auto; height : auto; margin : 0 5px; padding : 0; cursor : pointer; border : 1px solid  #284245; background-color : white; }
    .slick-dots li span.pag { border : 0; color : #f24e4e; font-size : 16px; line-height : 34px; border-radius : 0; padding : 8px 14px; }
    .slick-dots li span.pag:hover,
    .slick-dots li span.pag:focus { outline : none; background-color : #284245; color : #ffffff; }
    .slick-dots li.slick-active span.pag:before { background-color : #284245; color : #ffffff; }

    @media (max-width: 1400px) {
        .slide-properties {padding-left: 50px;padding-right: 50px;}
    }
    @media (max-width: 767px) {
        .hero-slider .slick-prev,
        .hero-slider .slick-next,
        .hero-slider .slick-prev:hover,
        .hero-slider .slick-prev:focus,
        .hero-slider .slick-next:hover,
        .hero-slider .slick-next:focus { background-color : rgba(255,255,255,0.5); }
        .slide-properties-pagination .slick-dots li { border : 0; }
    }



/**
*  MAGINIFIC POPUP
*/
    .mfp-container { padding : 0 80px; }
    .mfp-iframe-scaler iframe { background: white; }
    .mfp-bg { background : #d4d9da; }

    .mfp-arrow-left:before { border-right : 27px solid transparent; }
    .mfp-arrow-left:after { border-right : 17px solid #f24e4e; }
    .mfp-arrow-right:before { border-left : 27px solid transparent; }
    .mfp-arrow-right:after { border-left : 17px solid #f24e4e; }
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close { color : #284245; }
    #property-map .mfp-close { /*! background-color: #a3c136; */ /*! border-color: #a3c136; */ /*! color: #ffffff; */ /*! height: 42px; *//*! top: -40px; */}
    /*#property-map .mfp-close:hover { background-color: #4d4946; border-color: #4d4946; color: #ffffff;} */

    @media (max-width: 991px) {
            .mfp-arrow-right { -webkit-transform-origin : 100%; transform-origin : 100% 0; }
    }
    @media (max-width: 767px) {
        .mfp-container { padding : 0 20px; }
    }




/**
* Formularios: custon checkbox
*/

/**** HTML EXAMPLE ****/
/*
  <label class="form-control custom-checkbox">
    <input type="checkbox" class="custom-control-input">
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description">Check this custom checkbox</span>
  </label>

*/


    .custom-checkbox {position : relative;display : inline-block;/* padding-left : 1.5rem; */cursor : pointer;}
    .custom-control-description,
    .custom-control-indicator { vertical-align : middle; display : inline-block; font-weight : normal; }
    .custom-control-indicator { width : 2.2rem; height : 2.2rem; pointer-events : none; -webkit-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; background-color : #ffffff; background-repeat : no-repeat; background-position : center center; -webkit-background-size : 50% 50%; background-size : 50% 50%; border : 1px solid #cccccc; border-radius : 3px; }
    .custom-control-input {z-index : -1;opacity : 0;width : 0;margin: 0 !important;}
    .custom-control-input:checked ~ .custom-control-indicator { color : #f24e4e; background-color : transparent; text-align : center; }
    .custom-checkbox .custom-control-input ~ .custom-control-indicator {font: normal normal normal 16px/1.2 'Font Awesome 6 Free';font-weight: 900;-webkit-transition : all  ease-in-out 0.5s;-o-transition : all ease-in-out 0.5s;transition : all ease-in-out 0.5s;}
    .custom-checkbox .custom-control-input ~ .custom-control-indicator:before { }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:before { content : '\f00c'; }

/**
* lista de checkbox
*/
    .list-checkbox .custom-control-description { width : 70%; }
    .list-checkbox label { line-height : 20px; display : block; padding-right : 0; padding-left : 0; }


/**
* checkbox con border
*/
    .form-control.boxed-checkbox {padding : 0 20px;height : 42px;line-height : 42px;margin-bottom: 10px;}
    .form-control.boxed-checkbox .custom-checkbox { }
    .form-control.boxed-checkbox .custom-control-description { line-height : 1; max-width : 70%; }

    .form-control { border : 1px solid #93a0a2; -moz-border-radius : 0; -webkit-border-radius : 0; border-radius : 0; }
    input.form-control {padding : 20px;}
    input.form-control.input-sm { padding: 5px 10px; }
    select.form-control { padding: 0px 20px; }
    .form-control:active,
    .form-control:focus { border-color : #284245; box-shadow : 0 1px 1px rgba(40, 66, 69, 0.075) inset, 0 0 8px rgba(40, 66, 69, 0.6); }
    .form-control.input-xs {height: 30px;padding: 8px;}
    select.form-control.input-xs {/* height: 30px; */padding: 3px;}


/**
* input-daterange
*/
    .input-daterange { position : relative; width : 100%; }
    .input-daterange .date-group { position : relative; width : 49%; display : inline-block; }
    .date-group input { width : 100%; text-align : left; }
    .date-group i + input { padding-left : 40px; }
    .date-group i { position : absolute; z-index : 1000; top : 5px; left : 5px; color : #93a0a2; }


    .custom-control-indicator {top : 0.5rem;/* margin-left : 1rem; */}

    .bootstrap-select.btn-group .dropdown-toggle .caret { font : normal normal normal 18px/1 'Font Awesome 6 Free'; font-weight: 900; right : 20px; margin-top : -7px; border : 0; }
    .bootstrap-select.btn-group .dropdown-toggle .caret:before { content : '\f107'; }

    .error-message { color : #b41919; font-size : 13px; }

/**
* Estilos Página resultados de búsqueda
*/

    body#search-results {  }
    #search-results header .light .navbar-right { margin-top: 0; padding-top: 10px;}


/**
* Search Page
*/

    input[name='location'] { }
    #search-container > .item { overflow-y : scroll; height : 90vh; }
    #search-results #map-container { padding : 0 !important; overflow : hidden; }
    #search-results main .container { width : 100%!important; }
    #results-container {background : #d4d9da;/* padding-top: 186px; */display: flex;flex-direction: column;}
    #properties-search-holder {background : #ffffff;/* position: absolute; */top: 114px;/* width: 58.33333333%; */z-index: 1;/* height: 186px; */flex: 0 0 186px;margin: 0;margin: 0 -20px;}


    #search-results main .dropdown-toggle { background : #ffffff; color : #284245; }
    #search-results main .dropdown-toggle:hover,
    #search-results main .dropdown-toggle:focus,
    #search-results main .dropdown-toggle:active { background : #d4d9da; color : #284245; border-color : #284245;}
    #search-results .search-filters { padding : 20px 0; border-bottom : 1px solid rgba(147, 160, 162, 0.5); }
    #search-results .btn-holder { text-align : center; padding : 20px 0; }
    #search-results .btn-holder .btn { position: relative; }
    #search-results .group .form-group { padding-right : 20px; }
    #search-results .form-inline .form-group { /*! width : 100%; */ }
    #search-results .group label {padding-right : 10px;/* line-height: initial; */}
    #search-results .group .dropdown button { min-width : 160px; }
    #search-results .form-control {/* margin-bottom : 10px; */margin-right : 5px;border-radius : 0;}
    #search-results .price_from,
    #search-results .price_to { font-weight : bold; }
    #search-results .price_from { padding-right : 20px; position : absolute; left : 15px; top : 0; }
    #search-results .price_to { padding-left : 20px; position : absolute; right : 15px; }
    #search-results .slider-handle { background-image : none; background-color : white; border : 2px solid #284245; }
    #search-results .slider.slider-horizontal { width : 75%; margin-left : 2%; margin-right : 2%; }
    #search-results .slider-selection { background-image : none; background-color : #284245; }
    #search-results .maxwidth { width : 100%; }

    #search-results .more-filters { background: #ffffff;margin: 0 -15px;padding: 0 15px;/*! width: 100%; */}
    #search-results .apply-filters-btn {  }
    #search-results .more-filters .apply-filters-btn .fa { display : none; position : absolute; right : 22px; top : 10px; font-size : 21px; }
    #search-results .more-filters .apply-filters-btn.loading .fa { display : block; }
    #search-results .more-filters .btn { /*! margin-bottom : 10px; */ margin-top : 0; }
    
    #search-results .more-filters-content { padding:15px; display : none; background: #ffffff; /*! position: absolute; *//*! left: 0; *//*! width: 100%; */margin: 0 -15px;}
    #search-results .moredropdowns .dropdown { margin-bottom : 10px; }
    #search-results .moredropdowns .form-group { margin-bottom : 10px; }
    #search-results #map-search { width : 100%; height : 100%; }
    #search-results #properties-result {background-color : #d4d9da;padding-top : 40px;padding-bottom : 40px;}
    #search-results .card-item:nth-child(2n+1) { /*! clear : left; */ }

    .resultscorner 
    .resultscorner__options {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
    .resultscorner__options a {flex: 0 0 32%;margin-bottom: 2%;}

    #properties-result-none,

    #property-search .input-daterange { /*! min-width: 250px; */ }

    @media (max-width: 1200px) {
        #results-container {/* padding-top: 280px; */}
        #properties-search-holder {/* height: 280px; */}
    }

    @media (max-width: 991px) {
        #results-container {/* padding-top: 210px; */}
        #properties-search-holder #property-search .boxed-checkbox label { display : block; }
        #properties-search-holder .custom-control-description { width : 60%; }
        #properties-search-holder {padding : 0;/* height: 210px; *//* width: 100%; *//* top: 136px; */}
        #search-results .more-filters .btn,
        #search-results .more-filters .form-group{ width: 100%; }
        #search-results .slider.slider-horizontal { width : 100%;margin : 0; }
        #search-results .group .form-group { padding-right : 0; }
        #search-results .group .form-group.maxwidth { position : relative; }
        #search-results .label-price-slider { margin-bottom : 40px; }
        #search-results .price_from,
        #search-results .price_to { top : -20px; }
        #search-results #startdate,
        #search-results #enddate { margin-bottom : 10px; }
        #search-results .btn-holder .btn { display : block; margin-bottom : 10px; }
        #search-results #search-results header .form-inline { width : 90%; float : inherit; margin-left : 20px; }
        #search-container #results-container { height : auto; overflow : auto; }
        #search-results #map-container { opacity : 0; position : absolute; top : 0; }
        #search-results #map-container.visible { opacity : 1; position : fixed; top : 136px; left : 0; width : 100%; height : 90vh; z-index : 10; }
        #property-search {
            /*! margin-left: -15px; */
            /*! margin-right: -15px; */
        }
    }

    @media (max-width: 767px) {
        #results-container {}
        #properties-search-holder {}

        .resultscorner 
        .resultscorner__options {}
        .resultscorner__options a { flex: 0 49%; padding: 4px; font-size: 12px; }
        
    }
    
/**
* Swith View
*/
    #swith-view { width : 100%; }
    #swith-view .btn { width : 50%; }



/**
* Detail property Page
*/


    .detail-property {margin-top: 20px;}

    #view-content { padding-right : 80px; }

    .detail-property .title { font-size : 17px; font-weight : bold; color : #284245; }
    .detail-property .rich_text { color : #707070; }
    .detail-property .rich_text h1 { font-size : 1.4em; }
    .detail-property .rich_text h2 { font-size : 1.3em; }
    .detail-property .rich_text h3 { font-size : 1.2em; }
    .detail-property .rich_text h4 { font-size : 1.1em; }
    .detail-property .rich_text h5 { font-size : 1em; }
    .detail-property .rich_text a[href] {color: var(--color-accent);text-decoration: underline;}

    .detail-property .list-details { color : #284245; }
    .detail-property .list-details .dl-horizontal { }
    .detail-property .list-details .dl-horizontal dt { text-align : left; }
    .detail-property .list-amenities .item { margin-bottom : 10px; width : 50%; display : inline-block; }
    .detail-property .list-amenities .check { color : #0ce8a8; margin-right : 10px; }

    .detail-property .thumbnails-gallery { }
    .detail-property .thumbnails-gallery .item { margin-bottom : 20px; margin-top : 20px; }
    .detail-property .thumbnails-gallery .image_holder { display : block; background-position : 50% 50%; background-repeat : no-repeat; background-size : cover; padding-top : 80%; position : relative; overflow : hidden; }
    .detail-property .thumbnails-gallery .image_holder img { position : absolute; top : 50%; left : 50%; transform : translate(-50%, -50%); }

    .not(.property-menu) .open-property-map { position: absolute; top: 0; right: 20px;}
    .map_holder { position : relative; /*! margin : 20px 0; */ padding-top: 44px;}
    .map-destination { position : absolute; top : 0; left : 0; background : #f0f0f0; /*! padding : 20px 15px; */ /*! border : 1px solid #284245; */ color : #284245; /*! max-width: 425px; */ z-index : 1; display: flex; /*! width: 100%; */}

    .detail-property .available-dates { }
    .detail-property .available-dates .year { text-align : center; color : #284245; font-weight : bold; font-size: 14px; }
    .detail-property .available-dates .table { margin : 20px 0; }
    .detail-property .available-dates .table td .months { display : block; border : 1px solid #d4d9da; padding : 5px; text-align : center; color : #284245; }
    .detail-property .available-dates .table td .months.available { background-color : #0ce8a8; border-color : #0ce8a8; }
    .detail-property .available-dates .table td .months.not-available { background-color : #d4d9da; border-color : #d4d9da; }
    .detail-property .available-dates .table > tbody > tr > td { border : 0; }
    .detail-property .available-dates .table > tbody > tr > td { border : 0; }

    .detail-property .available-dates .legend { margin : 20px 0; padding : 0 20px; }
    .detail-property .available-dates .legend span { margin-right : 15px; vertical-align : middle; }
    .detail-property .available-dates .legend .available i { color : #0ce8a8; font-size : 8px; line-height : 16px; vertical-align : middle; }
    .detail-property .available-dates .legend .not-available i { color : #d4d9da; font-size : 8px; line-height : 16px; vertical-align : middle; }
    #selectUniversity { padding-left : 0; }
    #selectUniversity .dropdown-toggle { width : 100%; white-space : nowrap; overflow : hidden; text-overflow : ellipsis; }
    #selectUniversity .dropdown-menu { height : 300px; overflow-y : auto; }

    .detail-property .amenityitem { font-size: 16px; }


    @media (max-width: 1200px) { #view-content { padding-right : 15px; width : 100%; float : left; }
    }
    @media (max-width: 991px) {
        #selectUniversity { }
        .detail-property .map-destination { position : relative; width : initial; left : 0; top : 0; margin : 15px 0; }
    }
    @media (max-width: 767px) {
        .detail-property .thumbnails-gallery .item { margin-bottom : 0; margin-top : 10px; }
        .map-destination { /*! left: 0; */ /*! top: auto; */ /*! bottom: 0; */ }
    }


/**
* Booking Aside
*/

    .booking-aside_holder { }
    #booking-aside { transform : translateY(-60px); padding-left : 40px; transition : translate 0.2s linear; position : absolute; top : 0; width : 100%; width : 315px; }
    #booking-aside.fixedInitial { position : fixed; top : 160px; transform : translateY(0px); z-index : 10; transition : all 0.3s; }
    #booking-aside.fixed { position : fixed; top : 80px; transform : translateY(0); z-index : 10; }
    #booking-aside .booking-box {border : 1px solid #d4d9da;background : #ffffff;position: relative;}
    #booking-aside .booking-box .available-now { color: rgb(92,184,92); }
    #booking-aside .booking-box .available-from { color: #284245; }
    #booking-aside .booking-box .booking-box-title { background-color : #d4d9da; padding : 10px 15px; height : 60px; color : black; font-weight : bold; padding-right : 60px; position : relative; }
    #booking-aside .booking-box .booking-box-details { padding : 15px; }

    #booking-aside .booking-box .price { font-size : 27px; }
    #booking-aside .booking-box .price .number { font-size : 27px; }
    #booking-aside .booking-box .price .number i { font-style : normal; font-size : 20px; }
    #booking-aside .booking-box .price .period { font-size : 20px; }
    #booking-aside .booking-box .price .btn-info { position : absolute; outline : 0; right : 15px; top : 15px; width : 30px; height : 30px; border : 1px solid #404040; border-radius : 50%; background : transparent; color : black; font-style : normal; font-size : 18px; }
    #booking-aside .booking-box .price .btn-info i { font-style : normal; }

    #booking-aside .booking-box .check-dates .availability { font-size : 13px; }
    #booking-aside .booking-box .check-dates .availability i { font-size : 10px; }
    #booking-aside .booking-box .check-dates .availability.ok { color : #0ce8a8; }
    #booking-aside .booking-box .check-dates .availability.ko { color : #f24e4e; }
    #booking-aside .booking-box .dates { text-align : center; padding : 15px 0; }
    #booking-aside .booking-box .dates .form-control { width : 50%; display : inline-block; margin-left : -1px; margin-right : -1px; }

    #booking-aside .booking-box .total { border-top : 1px solid #284245; padding-top : 10px; }
    #booking-aside .booking-box .total h5 { font-size : 21px; font-weight : bold; display : block; }
    #booking-aside .booking-box .total-price { font-size : 31px; font-weight : bold; display : block; text-align : right; color : #284245; }
    #booking-aside .booking-box #booking-form .total-price { font-size : 21px; margin : 5px 0; }
    #booking-aside-mobile { opacity : 0; height : 1px; position : relative; transition : all 0.3s; }

    #booking-aside .chat-box { border : 1px solid #284245; padding : 15px; text-align : center; margin-top : 20px; background : #ffffff; }
    #booking-aside .social-icons { margin-top : 30px; padding-top : 10px; border-top : 1px solid #d4d9da; text-align : right;/**
    * margin-bottom: 0;
    */ }
    #booking-aside .social-icons,
    #booking-aside .social-icons a { color : #404242; vertical-align : bottom; }
    #booking-aside .social-icons li { padding-left : 0; padding-right : 0; }
    #booking-aside .social-icons a { display : inline-block; cursor : pointer; padding-left : 10px; padding-right : 10px; }
    #booking-aside .social-icons a:hover { color : #d4d9da; }

    #booking-aside  .dl-horizontal dt {float : left;width : 60%;overflow: initial;clear : left;text-align : left;text-overflow: initial;white-space: initial;padding-right : 5px;font-size: 12px;}
    #booking-aside  .dl-horizontal dd { margin-left : 60%; text-align : right; }
    
    .booking-box__resume {margin-bottom: 10px;}
    .booking-box__discount {padding-top: 10px;display: flex;}
    .booking-box__discountfield {flex: 0 0 70%;padding: 10px !important;}
    .booking-box__total {font-size: 18px;line-height: 18px;color: #284245;}
    .booking-box__apply {flex: 1 1;text-align: center;display: flex;flex-direction: column;/* align-content: center; */justify-content: center;}

    @media (max-width: 1200px) { .booking-aside_holder { position : relative; width : 100%; }
        #booking-aside.fixedInitial { position : relative; top : 0; transform : translateY(0px); z-index : 10; margin-top : 0; }
        #booking-aside { position : relative; position : relative; transform : translateY(0px); padding-left : 0; width : 100%; margin-top : 20px; }
        #booking-aside.fixed { position : relative; z-index : 0; top : 0; }

        #booking-aside-mobile.fixed { position : fixed; top : 0; width : 100%; left : 0; background : #284245; display : block; opacity : 1; height : 40px; z-index : 10; transition : all 0.3s; }
        #booking-aside-mobile .total { color : #ffffff; }
        #booking-aside-mobile .total > span { display : inline-block; width : 50%; height : 40px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; padding : 10px 0; line-height : 1; }

        #booking-aside-mobile .total-price { font-size : 18px; font-weight : bold; display : inline-block; text-align : right; color : #ffffff; }
        #booking-aside-mobile .price { padding : 5px 15px; color : white; position : relative; }
        #booking-aside-mobile .price .number { font-size : 18px; }
        #booking-aside-mobile .price .number i { font-style : normal; font-size : 14px; }
    }

/**
* Property props
*/
    .propertyprops {padding-top: 10px;margin-bottom: 10px;padding-left: 20px;}
    .propertyprop {margin-bottom: 10px;font-size: 14px;text-decoration: none;color:inherit;}
    .propertyprop:hover { text-decoration: none;}
    .propertyprop[href]  {  }
    .propertyprop[href] .propertyprop__text { text-decoration: underline; }
    .propertyprop__icon {width: 30px;display: inline-block;text-align: center;}
    .propertyprop__icon i { }
    .propertyprop__text { }

    @media (max-width: 776px) {
        .propertyprops {margin-bottom: 30px;}
    }

/**
* Payments
*/
    #payment #booking-aside { width : 450px; padding-left : 0; }
    .form-payment { padding : 40px 15px; background : #d4d9da; margin-right : 80px; }
    .form-payment legend { color : #284245; font-weight : bold; padding-bottom : 15px; }

    @media (max-width: 1400px) { .form-payment { margin-right : 0; }
        #payment #booking-aside { width : 350px; }
    }
    @media (max-width: 1200px) { #payment #booking-aside { width : 100%; margin-bottom : 20px; }
    }

/**
* Slide partners
*/
    .slide-partners .item { position : relative; min-height : 100px; }
    .slide-partners .item { padding : 0 20px; }
    .slide-partners { overflow : hidden; background-color : #d4d9da; padding-bottom : 40px; }
    .slide-partners .header_holder { text-align : center; }
    .slide-partners img { position : absolute; top : 50%; max-width : 180px; padding : 0 20px;; transform : translateY(-50%); }

    @media (max-width: 767px) {
        .slide-partners .item { padding : 0 10px; }
    }



/**
* Formularios
*/

    footer .form-group > button { border : 1px solid transparent; }



/**
* Estilos Página Genérica
*/

    #single-page header .form-inline { margin-top : 25px; float : left; }
    #single-page h1,
    #single-page h2,
    #single-page h3,
    #single-page h4,
    #single-page h5,
    #single-page h6 { padding : 20px 0; }
    #single-page h1 { font-weight : bold; color : white; }
    #single-page .bg-grey { background-color : #93a0a2; }
    #single-page .bg-cold-blue { background-color : #406b77; }


/**
* HOW IT WORKS
*/
    .how-it-works {  color : white; }
    .how-it-works .fa,
    .why-us .fa { font-size : 40px; display : block; }

    .how-it-works h2 { font-weight : 600; color : #333;
    }
    .how-it-works img {
        width : 100px;

        height: 100px;object-fit: contain;-webkit-filter : brightness(0) invert(1);
                filter : brightness(0) invert(1);
    }
    .how-it-works .col-md-5ths > div {
        padding : 10px;
        -webkit-border-radius : 5px;
           -moz-border-radius : 5px;
                border-radius : 5px;;
        background-color : #284245;

            -ms-border-radius : 5px;
             -o-border-radius : 5px;
    }


/**
* Why book
*/
    .why-book {
        color : #333;;
        background-color : #f0f0f0;
    }
    .why-book h2 {
        font-weight : 600;
    }
    .why-book img {
        width: 200px;
        height: auto;
        object-fit: contain;
    }

/**
* Masonry Info
*/

    .masonry-info .col-md-4 { display : inline-block; }





/**
* CALENDAR
*/
    #daterange-container { position : absolute; z-index : 100; }
    .datepicker-inline { width : 100%; }

    .datepicker { background : rgb(242, 78, 78); padding : 5px; border-radius : 0; z-index : 100; }
    .datepicker-days td,
    .datepicker-days th { text-align : center; color : #ffffff; }

    .datepicker-days .prev,
    .datepicker .datepicker-switch,
    .datepicker-days .next { border-bottom : 1px solid #ffffff; padding-top : 20px; padding-bottom : 20px; text-transform : uppercase; font-size : 18px; }
/**
* .datepicker-days .dow{padding-top: 20px}
*/

    .datepicker .old,
    .datepicker-days .new { opacity : 0.5; cursor : inherit; }
    .datepicker .today { color : #607d8b; }
    .datepicker .active { color : #284245; border-radius : 0; }
    .datepicker table tr td { border-radius : 0; }
    .datepicker table tr td.today,
    .datepicker table tr td.today:focus,
    .datepicker table tr td.today.focus,
    .datepicker table tr td.today:active:hover,
    .datepicker table tr td.today.active:hover,
    .datepicker table tr td.today:active:focus,
    .datepicker table tr td.today.active:focus,
    .datepicker table tr td.today:active.focus,
    .datepicker table tr td.today.active.focus,
    .datepicker table tr td.today:active,
    .datepicker table tr td.today.active { background : rgba(255,183,51,0.40); border-color : #ffffff; color : #ffffff; }
    .datepicker table tr td.day:hover,
    .datepicker table tr td.focused { background : rgba(255,255,255,0.5); }
    .datepicker .datepicker-switch:hover,
    .datepicker .prev:hover,
    .datepicker .next:hover,
    .datepicker tfoot tr th:hover { background : rgba(255,255,255,0.5); }


    .datepicker.disabled table tr td.day { cursor : initial; }
    .datepicker.disabled table tr td.day:hover,
    .datepicker.disabled table tr td.focused { background : rgba(255,255,255,0); }

    .datepicker table tr td.active:active,
    .datepicker table tr td.active.highlighted:active,
    .datepicker table tr td.active.active,
    .datepicker table tr td.active.highlighted.active { background-color : #284245; }


    .datepicker table tr td.active:active:hover,
    .datepicker table tr td.active.highlighted:active:hover,
    .datepicker table tr td.active.active:hover,
    .datepicker table tr td.active.highlighted.active:hover,
    .datepicker table tr td.active:active:focus,
    .datepicker table tr td.active.highlighted:active:focus,
    .datepicker table tr td.active.active:focus,
    .datepicker table tr td.active.highlighted.active:focus,
    .datepicker table tr td.active:active.focus,
    .datepicker table tr td.active.highlighted:active.focus,
    .datepicker table tr td.active.active.focus,
    .datepicker table tr td.active.highlighted.active.focus { background-color : rgba(40, 66, 69, 0.6); }

    .datepicker table tr td.selected,
    .datepicker table tr td.selected.highlighted { background-color : rgba(40, 66, 69, 1); color : #ffffff; }

    .datepicker table tr td.range { background-color : rgba(255, 255, 255, 0.5); color : #ffffff; }


    .datepicker table tr td.old,
    .datepicker table tr td.new { color : #ffffff; cursor : default; opacity : 0.7; }
    .datepicker table tr td.disabled,
    .datepicker table tr td.disabled:hover { background : none; color : #f3f3f3; cursor : default; opacity : 0.3; }


/**
* AUTOCOMPLETE
*/

    .autocomplete-suggestions { background : #ffffff; padding : 10px 0; padding-left : 40px; border : 1px solid #93a0a2; margin-top : -2px; border-top : 0; box-shadow : 0 1px 1px rgba(40, 66, 69, 0.075) inset, 0 0 8px rgba(40, 66, 69, 0.6); }
    .autocomplete-suggestion { padding : 5px 0; }


/**
* GOOGLE MAPS
*/

    .gMaps-infowindow {text-transform : capitalize;min-width: 270px;}
    .gMaps-infowindow .card-item { width : 250px; padding : 0; }

/**
* ALERT
*/
    .alert { margin : 15px 0; font-size : 13px; padding : 10px 15px; }
    .alert-danger { color : #ffffff; background-color : #ffaaaa; border-color : #ffaaaa; }

/**
* Bookings table
*/
    .bookings-table { }
    .bookings-table > tbody > tr > td { padding-bottom : 30px; padding-top : 20px; }
    .bookings-table .col-image { width : 200px; }
    .bookings-table .col-image .image { width : 100%; padding-bottom : 100%; background-size : cover; background-position : center center; }
    .bookings-table .col-resume { }
    .bookings-table .col-resume h3 { color : #284245; margin-top : 0; font-size : 20px; }
    .bookings-table .col-resume .price { color : #02a502; font-size : 20px; display : block; margin-top : 10px; font-weight : bold; }
    .bookings-table .col-resume label { }
    .bookings-table .col-resume label i.fa { }
    .bookings-table .date { width : 90px; text-align : center; float : right; }
    .bookings-table .date .title { display : block; text-transform : uppercase; font-size : 12px; }
    .bookings-table .date .day { display : block; font-size : 50px; font-weight : bold; line-height : 44px; }
    .bookings-table .date .month { display : block; font-weight : bold; text-transform : uppercase; font-size : 12px; }
    .bookings-table .date .weekday { display : block; font-style : italic; }

    @media screen and (max-width: 767px) { .bookings-table { display : block; }
        .bookings-table > tbody > tr > td { }
        .bookings-table .col-image { display : block; padding : 0; width : auto; }
        .bookings-table .col-image .image { width : 100%; padding-bottom : 33%; }
        .bookings-table .col-resume { display : block; }
        .bookings-table .col-resume h3 { }
        .bookings-table .col-resume .price { }
        .bookings-table .col-resume label { }
        .bookings-table .col-resume label i.fa { }
        .bookings-table .date { width : 62px; }
        .bookings-table .date .title { font-size : 10px; }
        .bookings-table .date .day { font-size : 40px; }
        .bookings-table .date .month { font-size : 10px; }
        .bookings-table .date .weekday { font-size : 10px; }
    }


/**
* Payment done
*/

    .payment-done { min-height : calc(100vh - 90px); display : flex; justify-content : center; align-items : center; }
    .payment-done .buttons { margin-top : 40px; }



/**
* Payment contract
*/

    .payment-contract .table>tbody>tr>td,
    .payment-contract .table>tbody>tr>th,
    .payment-contract .table>tfoot>tr>td,
    .payment-contract .table>tfoot>tr>th,
    .payment-contract .table>thead>tr>td,
    .payment-contract .table>thead>tr>th {
        border-top: 0; border-bottom: 0; }
    .payment-contract .table { width: auto; }
    .payment-contract .table__label { color: #777; }
    .payment-contract__text {font-family: Georgia, 'Times New Roman', Times, serif;font-size: 12px;}
    .payment-contract__text table {  }
    .payment-contract__text table td { padding:8px; }
    .payment-contract__text p { margin-top: 0; margin-bottom: 15px; }
    #signature-box  { background-color: #fafafa; padding: 20px 40px; text-align: center; margin-top: 40px; margin-bottom: 40px; }
    #signature-box form { margin-top: 40px; }
    .signature-box__wrapper { width: 600px; height: 300px; margin: 0 auto; }
    #canvas-signature { border: dashed #999 3px;  }
    .payment-contract .table-col-2 td { width: 50%; }
    

    @media screen and (max-width: 767px) {
        table.table-block-mobile,
        .table-block-mobile thead,
        .table-block-mobile tbody,
        .table-block-mobile th,
        .table-block-mobile td,
        .table-block-mobile tr { display: block; width: 100%; }
        .payment-contract .table-col-2 td { width: 100%; }
        #signature-box { padding: 15px; }
        #signature-box h1 { font-size: 20px; font-weight: bold;; }
        #canvas-signature {  }
        .signature-box__wrapper{ width: 100%; height:300px; }
    }

/**
* Payment done
*/

    .payment-contract-done { min-height : calc(100vh - 90px); display : flex; justify-content : center; align-items : center; }
    .payment-contract-done .buttons { margin-top : 40px; }

/**
* Home howto
*/

    .home-howto__item,
    .home-howto__item > div {
        min-height: 170px !important;
        margin-bottom: 10px;
    }


/**
* Reservation info
*/

.reservation-info {padding: 0;padding: 0 25px;max-height: 150px;overflow: hidden;/* margin: 0 -15px; *//* border: red 1px solid; */}
.reservation-info__item img {
    display: block;
    max-width: 100%;
}

.reservation-info .slick-prev {left: -15px; padding-left: 15px;}
.reservation-info .slick-next {right: -15px;padding-right: 15px;}
.reservation-info .slick-prev, 
.reservation-info .slick-next { /*! opacity: 0; */ height: 100%; width: 40px }


/**
* Directory
*/
    .directory { }
    .directory__hero {background-repeat: no-repeat;background-position: center center;background-size: cover;height: 160px;position: relative;display: flex;justify-content: center;align-items: center;}
    .directory__hero:before {content: '';display: block;width: 100%;height: 100%;position: absolute;z-index: 1;background-color: rgba(0, 0, 0, .4);/* z-index: 1; */}
    .directory__hero h1 {z-index: 2;position: relative;color: #dfdfdf;font-size: 35px;font-weight: bold;}
    .directory__header {/* display: flex; *//* flex-direction: row; *//* justify-content: center; */align-items: center;margin-top: 1em;margin-bottom: 1em;}
    .directory__title {text-align: center;margin: 30px 0;font-size: 30px;font-weight: bold;margin-left: auto;margin-right: auto;}
    .directory__description {text-align: left;margin-bottom: 2em;}
    .directory__location {}
    .directory__location a { color: black; }
    
    .directory__list {font-size: 16px;list-style-type: none;padding: 0;flex-wrap: wrap;grid-auto-columns: 0.25fr;display: grid;grid-template-columns: repeat(4, 1fr);/* grid-template-rows: auto 1fr auto; */gap: 1em;/* grid-row-start: 1; */}
    .directory__list li {margin-bottom: 10px;text-align: center;}
    .directory__list li a {display: block;color: black;font-weight: bold;}
    .directory__list li a:hover { color: var(--color-accent); text-decoration: none; }
    .directory__sublocation {  }
    .directory__image {width: 100%;margin-bottom: 10px;aspect-ratio: 2;object-fit: cover;}
    .directory__separator {}
    .directory__back {/* float: left; */padding: 7px 0;/* margin-right: auto; */margin-top: 2em;display: block;}

    @media screen and (max-width: 991px) {
        .directory__list {grid-template-columns: repeat(3, 1fr);}
    }
    @media screen and (max-width: 767px) {
        .directory { }
        .directory__hero {height: auto;aspect-ratio: 3;}
        .directory__hero h1 { font-size: 25px; }
        .directory__header {  }
        .directory__title {}
        .directory__location {}
        .directory__location a { }
        .directory__list {grid-template-columns: repeat(2, 1fr);}
        .directory__list li {flex-basis: 45%;}
        .directory__list li a {font-size: 12px;}
        .directory__list li a span { }
        .directory__sublocation {  }
        .directory__separator {}
        .directory__back {}
        .directory__image {}
    }

/**
* Booking summary
*/
    .bsummary { --padding: 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 130; }
    .bsummary__shade {background: rgba(0, 0, 0, 0.5);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .bsummary__wrapper {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;padding: var(--padding) 0;border: #d4d9da 1px solid;width: 100%;max-width: 600px;}
    .bsummary__content {max-height: 60vh;overflow: auto;}
    .bsummary__close {position: absolute;top: 20px;right: 20px;display: block;font-size: 30px;width: 20px;height: 20px;line-height: 30px;text-decoration: none !important;}
    .bsummary__title {font-size: 20px;font-weight: bold;text-align: center;padding-bottom: var(--padding);}
    .bsummary__table {/* border-bottom: #d4d9da 1px solid; */width: 100%;margin-bottom: var(--padding);}
    .bsummary__table--last {border-bottom: 0;margin-bottom: 0;}
    .bsummary__table tr {  }
    .bsummary__table tr :is(th, td) {padding: 3px;}
    .bsummary__table tr :is(th, td):first-child {padding-left: var(--padding);}
    .bsummary__table tr :is(th, td):last-child {padding-right: var(--padding);}
    .bsummary__table tr th {font-size: 1.2em;background: #d4d9da;padding-top: 10px;padding-bottom: 10px;}
    .bsummary__table tr td {}
    .bsummary__table tr:last-child td {/* padding-bottom: var(--padding); */}
    .bsummary__value {text-align: right;min-width: 140px;}
    .bsummary__subtitle {  }

    @media screen and (max-width: 767px) {
        .bsummary {--padding: 10px;font-size: 12px;}
        .bsummary__wrapper { width: calc(100% - (var(--padding) * 2)); }
        .bsummary__content {}
        .bsummary__close { top: 8px; right: 10px; }
        .bsummary__title { font-size: 18px; }
        .bsummary__table {}
        .bsummary__table--last {}
        .bsummary__table tr {  }
        .bsummary__table tr th {font-size: 1em;padding-top: 5px;padding-bottom: 5px;}
        .bsummary__table tr :is(th, td) {}
        .bsummary__table tr td { border-bottom: #d4d9da dashed 1px; }
        .bsummary__table tr:last-child td { border-bottom: 0 none; }
        .bsummary__value { min-width: 100px; }
        .bsummary__subtitle {  }
    }


/**
* Single property
*/
    .propcard {background: #4d4946;position: relative;border-radius: 5px;overflow: hidden;margin-bottom: 20px;box-shadow: 0px 1px 10px rgba(0,0,0,0.2);}
    .propcard__verified {color: rgba(77,73,70,0.9);background: rgba(255,255,255,0.8);font-weight: bold;position: absolute;top: 10px;left: 10px;border-radius: 15px;padding: 3px 8px;font-size: 12px;z-index: 2;}
    .propcard__instantbooking {position: absolute;right: 0;display: table;padding: 3px 15px;text-align: right;bottom: 10px;/* bottom: 10px; */background: var(--color-accent);color: white;z-index: 2;}
    .propcard__picturewrapper { height: 200px; position: relative; }
    .propcard__picture {height: 200px;background: no-repeat center center;background-size: cover;position: relative;object-fit: cover;width: 100%;}
    .propcard__detail {text-align: left;padding: 9px;background: white;}
    .propcard__title {font-size: 15px;font-weight: bold;color: var(--color-accent);}
    .propcard__typeline {font-size: 12px;}
    .propcard__type {opacity: 0.7;}
    .propcard__rooms {  }
    .propcard__location {vertical-align: middle;font-size: 12px;margin-bottom: 11px;}
    .propcard__location .icob,
    .propcard__typeline .icob {vertical-align: middle;width: 11px;display: inline-block;font-size: 14px;text-align: center;margin-right: 4px;}
    .propcard__availability {  }
    .propcard__price {background: var(--color-accent);color: white;position: absolute;bottom: 0;right: 0;padding: 4px;font-size: 16px;}
    .propcard__next,
    .propcard__prev {position: absolute;display: flex;top: 0;/* transform: translateY(-50%); */outline: none !important;width: 40px;height: 100%;/* border: red 1px solid; */text-align: center;/* display: block; */color: white !important;font-size: 20px;text-decoration: none !important;z-index: 20;text-shadow: 1px 1px rgb(107 107 107 / 75%);justify-content: center;align-items: center;}
    .propcard__next { right: 0; }
    .propcard__prev { left: 0; }

    /* .propcard:hover .propcard__picture { opacity: 0.5; } */

/**
* Property list
*/
    .property-list {  }
    .property-list .col { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 25%; }
    .property-list .col:nth-child(4n+1) {clear: left;}
    
    @media screen and (max-width: 2000px) {
        .property-list .col { width: 33.33% }
        .property-list .col:nth-child(4n+1) {clear: none;}
        .property-list .col:nth-child(3n+1) {clear: left;}
    }
    @media screen and (max-width: 1480px) {
        .property-list .col { width: 50% }
        .property-list .col:nth-child(4n+1) {clear: none;}
        .property-list .col:nth-child(3n+1) {clear: none;}
        .property-list .col:nth-child(2n+1) {clear: left;}
    }

    @media screen and (max-width: 580px) {
        .property-list .col { width: 100% }
    }


/**
* Hoodslist
*/
    .hoodslist {max-width: var(--container-width);margin: 0 auto;/* padding: 0 50px; *//* max-height: 500px; */position: relative;margin-bottom: 20px;/* overflow: hidden; */}
    .hoodcard__wrapper {padding: 0 20px;float: left;visibility: hidden;}
    .slick-initialized .hoodcard__wrapper {visibility: visible;}
	.hoodcard {height: 273px;align-content: center;max-width: 500px;position: relative;background: #4d4946;}
    .hoodcard__bg {/* background: no-repeat center center; *//* background-size: cover; */width: 100%;height: 100%;position: absolute;top: 0;left: 0; transition: all 0.5s;object-fit: cover;}
    .hoodcard__content {background-color: rgba(77,73,70,.8);color: white;padding: 25px 15px;position: absolute;bottom: 35px;left: 0;width: 100%; transition: all 0.5s; }
    .hoodcard__title {margin: 0;font-weight: bold;font-size: 26px;}
    .hoodcard__text {margin: 0;}
	.hoodcard:hover .hoodcard__bg { opacity: 0.5; }
	.hoodcard:hover .hoodcard__content { bottom: 0; }

    .hoodslist .slick-next {right: -30px;}
    .hoodslist .slick-prev {left: -30px;}

    @media screen and (max-width: 1500px) {
        .hoodslist {/* max-width: initial; */padding: 0 50px;}
        .hoodcard__wrapper {}
        .hoodcard {}
        .hoodcard__bg {}
        .hoodcard__content { padding: 20px; }
        .hoodcard__title { font-size: 20px; }
        .hoodcard__text {}
        .hoodcard:hover .hoodcard__bg { }
        .hoodcard:hover .hoodcard__content { }

        .hoodslist .slick-next {right: 0;}
        .hoodslist .slick-prev {left: 0;}
    


    }

    @media screen and (max-width: 1300px) {
        .hoodslist {}
        .hoodcard__wrapper { padding: 0 10px; }
        .hoodcard { height: 150px; }
        .hoodcard__bg {}
        .hoodcard__content {padding: 10px;bottom: 20px;}
        .hoodcard__title {font-size: 16px;}
        .hoodcard__text {}
        .hoodcard:hover .hoodcard__bg { }
        .hoodcard:hover .hoodcard__content { }
    }

    @media screen and (max-width: 767px) {
        .hoodslist { padding: 0 30px; }
        .hoodcard__wrapper {padding: 5px;flex: 0 0 50%;}
        .hoodcard {}
        .hoodcard__bg {}
        .hoodcard__content { }
        .hoodcard__title { }
        .hoodcard__text {}
        .hoodcard:hover .hoodcard__bg { }
        .hoodcard:hover .hoodcard__content { }
    }

    @media screen and (max-width: 430px) {
        .hoodcard__wrapper { flex: 0 0 100%;}
    }


/**
* Hero image
*/
    .heroimage {margin: 30px auto;max-width: 1200px;text-align: center;padding: 0 10px;}
    .heroimage__image {max-width: 100%;}
    .heroimage--desktop {display: block;}
    .heroimage--mobile { display: none; }
    .heroimage--all {}

    @media screen and (max-width: 767px) {
        .heroimage--desktop { display: none; }
        .heroimage--mobile {  display: block; }
    }

/**
* Generic popup
**/
    .popup {height: 100vh;background: white;padding: 0 2rem;position: relative;}
    .popup__title {text-align: center;height: 70px;padding-top: 21px;margin-bottom: 0;border-bottom: 1px solid rgba(0,0,0,.1);margin-top: 0;}
    .popup__footer {text-align: right;height: 50px;}
    .popup__wrapper {height: calc(100% - 120px);overflow: auto;padding: 10px;}
    .popup .alert {padding: 10px;}

/**
* Is loading
*/
    .is-loading {  }
    .is-loading:before {content: ' ';background: rgba(255,255,255, 0.8) url(../img/loading.gif) center center no-repeat; background-size: 30px 30px; display: block;width: 100%;height: 100%;position: absolute;top: 0;left:0; z-index: 10; }

/** App Loading */
    .apploading {background: rgba(255,255,255, 0.9) center center no-repeat;background-size: 30px 30px;display: flex;width: 100%;height: 100%;position: fixed;top: 0;left:0;z-index: 1000;flex-direction: column;align-content: center;justify-content: center;align-items: center;padding: 20px;text-align: center;}
    .apploading__image {width: 50px;margin-bottom: 20px;}
    .apploading__text {font-size: 1.5em;max-width: 200px;color: var(--color-accent);}


/**
* Propery info
*/
    .propinfo {background: rgba(77,73,70,.9);color: white;position: relative;padding: 20px 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;margin-bottom: 20px;}
    .propinfo__back {font-size: 40px;line-height: 60px;position: absolute;top: 50%;left: -44px;transform: translateY(-50%);color: #f24e4e;}
    .propinfo__title {font-size: 25px;margin-top: 0;margin-bottom: 10px;}
    .propinfo__subtitle {font-size: 20px;margin: 0;}
    .propinfo__sharebutton {position: absolute;top: 20px;right: 20px;color: white !important;text-decoration: none !important;border-bottom: white 1px solid;}
    .propinfo__sharebutton:hover { color: white;text-decoration: none; }

    @media screen and (max-width: 991px) {
        .propinfo { padding: 10px; }
        .propinfo__back {}
        .propinfo__title { font-size: 20px; }
        .propinfo__subtitle { font-size: 14px; }
    }
    @media screen and (max-width: 767px) {
        .propinfo__sharebutton {position: static; margin: 10px 0; display: inline-block}
    }

/**
* Share popup
*/
    .sharepopup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 230;display: flex;align-content: center;justify-content: center;align-items: center;}
    .sharepopup__wrapper {background: white;position: relative;/* top: 50%; *//* left: 50%; */width: 600px;/* height: 200px; */border-radius: 20px;/* transform: translate(-50%,-50%); */padding: 20px;}
    .sharepopup__close {position: absolute;top: 20px;right: 20px;color: black;font-size: 20px;line-height: 1;text-decoration: none !important;}
    .sharepopup__title {/* font-weight: bold; */font-size: 20px;margin-bottom: 20px;}
    .sharepopup__thing {display: flex;align-items: center;margin-bottom: 20px;}
    .sharepopup__thing__image {width: 50px;height: 50px;border-radius: 5px;object-fit: cover;margin-right: 10px;}
    .sharepopup__thing__text {font-size: 16px;}
    .sharepopup__options {display: flex;flex-wrap: wrap;justify-content: space-between;}
    .sharepopup__option {flex: 0 0 49%;border: #ddd 1px solid;border-radius: 10px;padding: 25px;margin-bottom: 2%;/* font-weight: 600; */color: black;text-decoration: none !important;background: white;}
    .sharepopup__option:hover { background: var(--color-accent); color: white; }
    .sharepopup__icon {font-size: 2em;vertical-align: middle;}

    @media screen and (max-width: 991px) {
        .sharepopup {}
        .sharepopup__wrapper { max-width: 90%; }
        .sharepopup__close {}
        .sharepopup__title {}
        .sharepopup__thing {}
        .sharepopup__thing__image {}
        .sharepopup__thing__text {}
        .sharepopup__options {}
        .sharepopup__option {}
        .sharepopup__icon {}
    }
    @media screen and (max-width: 767px) {
        .sharepopup {}
        .sharepopup__wrapper {  }
        .sharepopup__close {}
        .sharepopup__title {}
        .sharepopup__thing {}
        .sharepopup__thing__image {}
        .sharepopup__thing__text {}
        .sharepopup__options {}
        .sharepopup__option { flex: 0 0 100%; padding: 10px 20px; }
        .sharepopup__icon { font-size: 1.5em; }
    }



/**
* Propery menu
*/
    .propmenu {font-size: 18px;background-color: var(--color-accent);display: flex;}
    .propmenu__item {padding: 10px 31px;color: #ffffff;text-align: center;}
    .propmenu__item:hover,
    .propmenu__item:active,
    .propmenu__item:visited,
    .propmenu__item:focus { text-decoration: none; color: #ffffff; background: #4d4946; }

    @media screen and (max-width: 767px) {
        .propmenu { }
        .propmenu__item {font-size: 14px;padding: 10px 15px;}
    }


/**
* Prop photos
*/
    .propphotos {max-height: 450px;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;white-space: nowrap;max-width: 100%;}
    .propphotos__instantbooking {position: absolute;left: 0;display: block;padding: 5px 15px;font-size: 20px;text-align: right;top: 10px;background: var(--color-accent);color:  white !important;z-index: 10000;}
    .propphotos__item {width: 100%;display: inline-block;}
    .propphotos__item img {display: block;width: 100%;/* padding-bottom: 50%; */height: 455px;display: block;/* background: no-repeat center center; *//* background-size: cover; */object-fit: cover;object-position: center center;}
    .propphotos .slick-prev,
    .propphotos .slick-next {}
    .propphotos .slick-prev {left:10px;} 
    .propphotos .slick-next { right: 10px; }

    @media screen and (max-width: 991px) {
        .propphotos {}
        .propphotos__item {}
        .propphotos__item img {height: 300px;}
        .propphotos .slick-prev,
        .propphotos .slick-next { width: 25px; height: 25px; }

        .propphotos .slick-prev:before, 
        .propphotos .slick-next:before {font-size: 20px;}

        .propphotos .slick-prev {} 
        .propphotos .slick-next { }
    }

    @media screen and (max-width: 767px) {
        .propphotos__item img {height: 250px;}
    }

/**
* New booking box
*/
    .bbox {border: 1px solid #d4d9da;background: #ffffff;margin: 0 auto;position: relative;}
    .bbox__availability { font-size: .9em; padding: 10px 15px; }
    .bbox__price {background-color: #d4d9da;padding: 10px 15px;height: 60px;color: black;font-weight: bold;padding-right: 60px;position: relative;font-size: 27px;}
    .bbox__price__number {font-size: 27px;}
    .bbox__price__period {font-size: 20px;}
    .bbox__instantbooking {position: absolute;right: 0;display: table;padding: 3px 10px;text-align: right;/* bottom: 10px; *//* bottom: 10px; */top: 50%;transform: translateY(-50%);background:var(--color-accent);color: white !important;z-index: 2;font-size: 18px;}

    .bbox__details {padding: 15px;}
    .bbox__details .form-control {padding: 10px;height: auto;}

    .bbox__resume {margin-bottom: 10px;}
    .bbox__discount {padding-top: 10px;display: flex;}
    .bbox__discountfield {flex: 0 0 70%;padding: 10px !important;}
    .bbox__total {font-size: 18px;line-height: 18px;color: #284245;}
    .bbox__apply {flex: 1 1;text-align: center;display: flex;flex-direction: column;/* align-content: center; */justify-content: center;}
    
    .bbox__resume dl { border-bottom: #eeeeeea6 1px dashed; padding: 5px 0; margin-bottom: 0; }
    .bbox__resume dl:after { content:'';display:block;clear:both; } 
    .bbox__resume dt {width: 60%;float: left;font-size: 0.8em;}
    .bbox__resume dd {float: left;width: 40%;text-align: right;}

    .bbox__paymentsummary {color: black;font-weight: bold;}


/**
* Properties icons  
*/
    .propicons {display: flex;flex-wrap: wrap;}
    .propicons__col {flex: 1 1;margin-bottom: 20px;text-align: center;}

    @media screen and (max-width: 767px) {
        .propicons__col {flex: 0 0 33.33%;margin-bottom: 30px;}
    }
    @media screen and (max-width: 420px) {
        .propicons__col {flex: 0 0 50%;}
    }


/**
* Property view
*/
    .propview {display: flex;flex-direction: row;/* width: 1320px; */position: relative;}
    .propview__left {flex: 1 1;flex-shrink: 0;overflow: hidden;padding-right: 80px;}
    .propview__right {flex: 0 0 300px;}

    @media screen and (max-width: 1250px) {
        .propview__left {padding-right: 40px;}
    }
    @media screen and (max-width: 991px) {
        .propview {display: block;}
        .propview__left { padding-right: 0; }
        .propview__right {}
    }


/**
* Prop affix
*/
    .propview__affix {max-width: 270px;}
    .propview__affix.affixtop {position: fixed;top: 20px;}
    .propview__affix.affixbottom {position: absolute;bottom: 20px;}

    @media screen and (max-width: 991px) {
        .propview__affix { position: relative !important;max-width: initial; }
        .propview__affix.affixtop { max-width: initial; }
    }

/**
* KD Carousel
*/
    .kdcarousel {display: flex;}
    .kdcarousel__next,
    .kdcarousel__prev {position: absolute;top: 50%;transform: scaleX(0.6) translateY(-50%);color: var(--color-accent) !important;font-family: arial, sans-serif;font-size: 40px;line-height: 100%;width: 40px;height: 40px;text-align: center;display: flex;flex-wrap: nowrap;align-content: center;z-index: 2;justify-content: center;align-items: center;text-decoration: none !important;}
    .kdcarousel__next {right: 0;}
    .kdcarousel__prev {left: 0;}

/**
* Home Carousel
*/
    .homecarousel {position: relative;}
    .homecarousel__slick { height: 400px; overflow: hidden; }
    .homecarousel__item {height: 500px;/* background: no-repeat center center; *//* background-size: cover; */object-fit: cover;width: 100%;}
    .homecarousel .slick-next,
    .homecarousel .slick-prev { background: none; opacity: 1; z-index: 101; }
    .homecarousel .slick-next {right: 10px;}
    .homecarousel .slick-prev {left: 10px;}

    @media screen and (max-width: 991px) {
        .homecarousel__slick { height: 400px;}
        .homecarousel__item {height: 400px;}
    }
    @media screen and (max-width: 767px) {
        .homecarousel__item {}

    }


/**
* Process payment
*/
    .processpayment {}
    .processpayment__icon {}
    .processpayment__icon img { max-width: 130px; }
    .processpayment__icon .fa-solid {}
    .processpayment__table {}
    .processpayment__table tr {}
    .processpayment__table td { padding: 5px; }



/**
* Cookiebar
*/
    .cookiebar {position: fixed;bottom: 0;left: 0;width: 100%;background: white;z-index: 10;padding: 20px;display: flex;flex-direction: row;box-shadow: 0 0 22px rgba(0,0,0,0.3);z-index: 20;justify-content: space-between;}
    .cookiebar__text {line-height: 170%;}
    .cookiebar__buttons {flex: 0 0 20%;white-space: nowrap;margin-left: 30px;display: flex;align-items: center;justify-content: flex-end;}
    .cookiebar__button {border: 0;background: #021298;color: white;margin: 0 5px;padding: 10px 20px; transition: all 0.5s; }
    .cookiebar__button:hover { opacity: 0.8; }

    @media screen and (max-width: 767px) {
        .cookiebar { flex-direction: column; }
        .cookiebar__text { margin-bottom: 20px; }
        .cookiebar__buttons { margin-left: 0; flex: 0 0 100%; }
        .cookiebar__button {}
        .cookiebar__button:hover { }
    }

/**
* Cookie popup
*/
    .cookiepopup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0, 0.5);/* transform: translate(-50%,-50%); */z-index: 200;}
    .cookiepopup__box {padding: 20px;position: fixed;top: 50%;left: 50%;background: white;max-width: 800px;transform: translate(-50%,-50%);border-radius: 5px;box-shadow: 0 0 24px 0 rgb(0 0 0 / 25%);}
    .cookiepopup__links {float: right;}
    .cookiepopup__links a {margin-left: 5px;}
    .cookiepopup__title {font-weight: bold;font-size: 1.2em;margin-bottom: 10px;}
    .cookiepopup__text {margin-bottom: 20px;}
    .cookiepopup__options {margin-bottom: 20px;}
    .cookiepopup__option {display: flex;flex-direction: row;margin-bottom: 10px;}
    .cookiepopup__buttons {text-align: right;}
    .cookiepopup__button { border: 0;background: #021298;color: white;margin: 0 5px;padding: 10px 20px; transition: all 0.5s;  }
    .cookiepopup__button:hover { opacity: 0.8; }
    .cookiepopup__option__col1 { white-space: nowrap; flex: 0 0 140px; }
    .cookiepopup__option__col2 {}

    @media screen and (max-width: 991px) {
        .cookiepopup {}
        .cookiepopup__box { max-width: initial; width: 90%; }
        .cookiepopup__links {}
        .cookiepopup__links a {}
        .cookiepopup__title {}
        .cookiepopup__text {}
        .cookiepopup__options {}
        .cookiepopup__option {}
        .cookiepopup__buttons {}
        .cookiepopup__button { }
        .cookiepopup__button:hover { }
        .cookiepopup__option__col1 { }
        .cookiepopup__option__col2 {}
    }
    
    @media screen and (max-width: 767px) {
        .cookiepopup {}
        .cookiepopup__box { height: 90%; overflow: auto; }
        .cookiepopup__links { float: none; text-align: center; margin-bottom: 10px; }
        .cookiepopup__links a {}
        .cookiepopup__title {}
        .cookiepopup__text { }
        .cookiepopup__options {}
        .cookiepopup__option {}
        .cookiepopup__buttons { text-align: center; }
        .cookiepopup__button {margin-bottom: 10px;width: 100%;}
        .cookiepopup__button:hover { }
        .cookiepopup__option__col1 { }
        .cookiepopup__option__col2 { font-size: 0.8em; }
    }



/**
* Short legal
*/
    .shortlegal { font-size: 11px; }

/**
* Room list
*/

    .room-list {}
    .room-container .propcard {display: none;}
    .room-list__title {text-align: center; font-size: 16px; margin: 10px 0 5px;}
    .room-list__number {text-align: center; font-size: 12px; margin: 0 0 10px; text-transform: lowercase;}

    .map-room-list {padding: 0; list-style: none; margin: 0;}

    .map-room-list__item {/*! padding: 5px 0; */}

    .map-item {display: flex; transition: background 200ms linear; cursor: pointer;padding: 10px; position: relative;}
    .map-item:hover {background: #efefef;}
    .map-item__picture {flex: 0 0 150px; display: flex; height:100px;overflow: hidden;justify-content: center;align-items: center;}
    .map-item__picture img {min-width: 100%;min-height: 100%;}
    .map-item__text {flex: 1;display: flex; justify-content: center; align-items: center;flex-direction: column;}

/**
* Room label
*/
    .rooms-label {background: rgb(77,73,70); padding: 5px 8px; font-size: 14px; font-weight: bold; border-radius: 12px; height: 24px; line-height: 1; box-shadow: 0px 2px 2px 2px rgba(0,0,0,.2)}
    .rooms-label--selected {background: #a3c136;}

/**
* Filebox
*/
    .doclist {display: flex;justify-content: center;margin-bottom: 10px;}
    .filebox {display: flex;border: #ddd 2px solid;align-items: center;/* margin: 0 12px; */padding: 10px;color: inherit;text-decoration: none !important;border-radius: 3px;margin-bottom: 15px;}
    .filebox:hover{color:inherit;}
    .filebox_icon {display: block;font-size: 30px;opacity: 0.5;margin-right: 10px;}
    .filebox_content {max-width: 220px;}
    .filebox_filename { display: block; color: #bbb; }
    .filebox_filesize {}
    .filebox__detailicon { 
        margin-left: auto;
    }
    .filebox__chevron { color: #ddd; }
    .filebox__check { color: #99c122; display:none; }

    .filebox--success {border-color: #99c122;}
    .filebox--success .filebox__chevron {display:none;}
    .filebox--success .filebox__check {display:block;margin-left: auto;}


/** Common header */
    .commonheader {color: white;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;margin-bottom: 30px;}
    .commonheader:before {content:'';z-index:0;position: absolute;background: black;opacity: 0.6;width: 100%;height: 100%;}
    .commonheader .container {position: relative;z-index:1;display: flex;justify-content: space-between;padding: 30px 15px;}
    .commonheader__title {margin: 0;font-size: 36px;margin-bottom: 15px;}
    .commonheader__subtitle { }
    .commonheader__property {margin: 0;font-size: 36px;}
    .commonheader__left { }
    .commonheader__right {margin-left: auto;}

    @media screen and (max-width: 991px) {
        .commonheader {}
        .commonheader:before {}
        .commonheader .container { flex-direction: column; text-align: center; }
        .commonheader__title {}
        .commonheader__subtitle { }
        .commonheader__property { font-weight: bold; margin-bottom: 20px; }
        .commonheader__left { }
        .commonheader__right { order: -1; margin-left: initial; }
        
    }

    @media screen and (max-width: 767px) {
        .commonheader {}
        .commonheader:before {}
        .commonheader .container { }
        .commonheader__title { font-size: 23px; }
        .commonheader__subtitle { }
        .commonheader__property {font-size: 25px;margin-bottom: 10px;}
        .commonheader__left { }
        .commonheader__right { }
    
    }

/** Grid1 */
    .grid1 {  }
    .grid1 .container {display: flex;/* flex-wrap: wrap; *//* width: 100%; *//* gap: 0 20px; *//* justify-content: space-between; */}
    .grid1__left {flex: 1 1 auto;}
    .grid1__right {min-width: 380px;margin-left: 40px;}

    @media screen and (max-width: 1200px) {
        .grid1 {  }
        .grid1 .container {}
        .grid1__left {}
        .grid1__right { min-width: 300px; }
    }

    @media screen and (max-width: 991px) {
        .grid1 {  }
        .grid1 .container { flex-direction: column; }
        .grid1__left {}
        .grid1__right {order: -1;margin: 0;min-width: initial;width: 100%;margin-bottom: 40px;}
    }


/** Inventory */
    .inventory {}
    .inventory__table {width: 100%;}
    .inventory__table :is(td, th) {padding: 5px;border-bottom: #eee 1px solid;}
    .inventory__table td {}
    .inventory__table th {border-bottom: #eee 1px solid;font-size: 0.8em;vertical-align: bottom;background: #d4d9da;}
    td.inventory__separator {height: 0;border-bottom: 0;}
    td.inventory__location {border-bottom: 0;}
    .inventory__video {width: 100%;aspect-ratio: 2.1;height: auto;margin-bottom: 30px;border-radius: 10px;}
    .inventory__subtitle {font-weight: bold;font-size: 30px;letter-spacing: 1.1px;border-bottom: 0;margin-top: 25px;display: block;}
    
    .inventory__subtitle :is(.fa-solid,.fa-regular){float: right;opacity: 0.5;}

    @media screen and (max-width: 767px) {
        .inventory {}
        .inventory__table {}
        .inventory__table :is(td, th) { padding: 3px; }
        .inventory__table td {}
        .inventory__table th { vertical-align: bottom; }
        td.inventory__separator {}
        td.inventory__location {}
        .inventory__video {}
        .inventory__subtitle { font-size: 18px; }
        .inventory .table-responsive {padding: 8px;}

    }


/** Booking sticky */
    .bsticky {background: var(--color-accent);color: white;border-radius: 10px;padding: 20px;box-shadow: 0 0 9px 1px rgba(0 0 0 / 15%);position: sticky;top: 10px;}
    .bsticky__title {font-size: 20px;/* font-weight: bold; */border-bottom: #ddd 1px solid;padding-bottom: 10px;margin-bottom: 20px;margin-top: 0;font-weight: bold;}
    .bsticky__wrapper { }
    .bsticky__group {border-bottom: #ddd 1px solid;padding-bottom: 20px;margin-bottom: 20px;}
    .bsticky__group:after { content:''; display:block; clear:both; }
    .bsticky__image {width: 100px;aspect-ratio: 1.3;object-fit: cover;border-radius: 10px;margin-right: 10px;float: left;}

    @media screen and (max-width: 991px) {
        .bsticky {}
        .bsticky__title {}
        .bsticky__wrapper {display: flex;gap: 10px;}
        .bsticky__group { flex: 1 1 33%; }
        .bsticky__group:after {}
        .bsticky__image { width: 50px; border-radius: 5px; }
    }

    @media screen and (max-width: 767px) {
        .bsticky {}
        .bsticky__title { font-size: 18px; }
        .bsticky__wrapper { flex-direction: column; }
        .bsticky__group { }
        .bsticky__group:after {}
        .bsticky__image { }
    }


/** Photo list */
    .photolist {}
    .photolist__container {border: #ccc 2px dashed;padding: 21px;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
    .photolist__item {height: 90px;/* aspect-ratio: 1.4; */margin-right: 5px;margin-bottom: 4px;position: relative;}
    .photolist__item img {object-fit: cover;object-position: center center;width: 100%;height: 100%;}
    .photolist__item:nth-child(odd) {width: 160px;}
    .photolist__item:nth-child(even) {width: 111px;}
    .photolist__delete {position: absolute;top: -6px;right: -6px;width: 20px;height: 20px;background: #9e3535;color: white !important;border-radius: 50%;text-align: center;text-decoration: none !important;font-weight: bold;z-index: 2;}
    .photolist__empty {text-align: center;border: #ccc 2px dashed;padding: 21px;margin-bottom: 20px;} 


    @media screen and (max-width: 767px) {
        .photolist {}
        .photolist__container { padding: 10px; }
        .photolist__item { height: 60px; }
        .photolist__item img {}
        .photolist__item:nth-child(odd) {width: 90px;}
        .photolist__item:nth-child(even) { width: 60px; }
        .photolist__delete {}
        .photolist__empty {}
    }


/** Signature box */
    .signbox {background-color: #f6f6f6;text-align: center;}
    .signbox form { margin-top: 40px; }
    .signbox__wrapper {width: 100%;aspect-ratio: 2.4;margin: 0 auto;position: relative;border: dashed #999 3px;overflow: hidden;max-width: 100%;}
    .signbox canvas {width: 100%;height: 100%;}
    .signbox__clear {color: #6b6b6b;position: absolute;top: 0;right: 0;padding: 8px;text-decoration: none !important;color: inherit !important;}
    .signbox__date {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);font-size: 20px;pointer-events: none;}


    @media screen and (max-width: 767px) {
        .signbox {}
        .signbox form { }
        .signbox__wrapper {/* aspect-ratio: 1.5; */border-width: 1px;} 
        .signbox canvas {}
        .signbox__clear {}
        .signbox__date { font-size: 13px; }
    }


/** Rate us */
    .rateus {width: 340px;text-align: center;border-radius: 20px;border: 0 none;padding: 24px;box-shadow: 0 0 11px 5px rgba(0 0 0 / 20%);overflow: visible;padding-top: 40px;}
    .rateus::backdrop {background: rgba(0 0 0 / 50%);}
    .rateus__icon {position: absolute;top: -23px;left: 50%;transform: translateX(-50%);font-size: 40px;line-height: 1;color: red;background: white;border-radius: 50%;padding: 9px;}
    .rateus__close {color: black;position: absolute;top: 5px;right: 10px;width: 15px;height: 15px;font-size: 20px;line-height: 1;text-decoration: none !important;}
    .rateus__title {font-weight: bold;margin-bottom: 10px;color: var(--color-accent);font-size: 1.3em;}
    .rateus__text { margin-bottom: 20px; }
    .rateus__btn { }
    .rateus__actions {margin-top: 20px;font-size: 12px;}
    .rateus__actions a { }

/** Checkbox */
    input.dcheckbox {width: 22px;height: 22px;border: #CED4DA 2px solid;vertical-align: middle;display: inline-block;/* position: absolute; *//* top: 2px; *//* left: 0; */appearance: none;border-radius: 4px;text-align: center;margin: 0;}
	input.dcheckbox:checked {background: var(--color-accent);border: 0 none;margin: 0;}
	input.dcheckbox:checked:before {content: '✓';font-size: 15px;padding-top: 1px;display: inline-block;color:white;}

/** Check-in signing */
    .checkinsigning { }
    .checkinsigning label {margin: 0;}
    .checkinsigning .error-message {display: inline-block;}
    .checkinsigning__sep { height: 9px; }

/* Tooltip @link https://www.w3schools.com/css/css_tooltip.asp */ 
    .ctooltip {position: relative;display: inline-block;}
    .ctooltip .ctooltip__text { visibility: hidden; width: fit-content; min-width: 120px; max-width: 280px; background-color: black; color: #fff; text-align: center; padding: 5px 10px; border-radius: 6px; position: absolute; z-index: 1; bottom: 100%; left: 50%; transform: translateX(-50%); font-size: 0.8em; text-transform: none; }
    .ctooltip:hover .ctooltip__text { visibility: visible; }


/* Scroll gradient */
    .scroll-gradient { --gradient-color: white; position: relative; }
    .scroll-gradient-start,
    .scroll-gradient-end {position:absolute;width: 100%;height: 100px;left:0;pointer-events: none;opacity: 0;z-index: 2;}
    .scroll-gradient-start {top: 0; background: linear-gradient(0, transparent, var(--gradient-color));}
    .scroll-gradient-end {bottom: 0; background: linear-gradient(0, var(--gradient-color), transparent); }

    .scroll-gradient--horizontal .scroll-gradient-start,
    .scroll-gradient--horizontal .scroll-gradient-end{width: 100px;height: 100%;top: 0; right:auto; left:auto; bottom: auto; }
    .scroll-gradient--horizontal .scroll-gradient-start{background: linear-gradient(90deg, var(--gradient-color), transparent); left: 0;}
    .scroll-gradient--horizontal .scroll-gradient-end{background: linear-gradient(90deg, transparent, var(--gradient-color)); right: 0;}

/* Toast */
    .toast {  }
    .toast-info { background:black; }

/** Blog feed */
.blogfeed {padding: 40px 0;background: #d4d9da;}
.blogfeed__title { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 30px; }
.blogfeed__list {display: flex;gap: 30px;justify-content: center;flex-wrap: wrap;}
.blogfeed__item {flex: 0 0 calc(33.333% - 20px);max-width: calc(33.333% - 20px);background: white;padding: 15px;/* border-radius: 10px; */overflow: hidden;}
.blogfeed__image {width: calc(100% + 30px);height: 200px;object-fit: cover;/* border-radius: 10px 10px 0 0; */margin: -15px -15px 15px -15px;}
.blogfeed__date { color: #93a0a2; font-size: 14px; margin-bottom: 10px; }
.blogfeed__itemtitle { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: var(--color-accent); }
.blogfeed__excerpt { font-size: 14px; line-height: 1.5; color: #4d4946; }

@media screen and (max-width: 991px) {
    .blogfeed__list { gap: 20px; }
    .blogfeed__item { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); }
}

@media screen and (max-width: 767px) {
    .blogfeed__item { flex: 0 0 100%; max-width: 100%; }
    .blogfeed__image { height: 180px; }
}