/* ==========================================================================
   Nexa Market
   ========================================================================== */

/* ==========================================================================
   SUMMARY

   1.  Brand's Colors You Can Customize
   2.  General Style
   3.  Navigation Menu
   4.  Homepage
   5.  Listing Page

   ========================================================================== */

/* ==========================================================================
   1. BRAND'S COLORS
   ========================================================================== */


/* Comment : The Basic Color Chart For Nexa Market is :
  * #FF4B2B – Red Flame
  * #FF8C00 – Orange Fire
  * #FFD700 – Gold Yellow
  * #000000 – Black
  * #FFFFFF – White
*/

/* ==========================================================================
    2. GENERAL STYLE
    ========================================================================== */

body, html {
    height: inherit;
}

.card .card_img {
    background: center no-repeat rgb(246 246 246);
}

.home-search select.form-control,
form .form-control,
input, select, textarea,
.home-search button[type="submit"] {
    border-radius: 0.5rem !important;
}

.card .card_img {
    max-height: 300px;
  	overflow: hidden;
  height: 300px;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.listing_info_sidebar span.rate {;
  	margin-top: 1rem;
}
span.rate {
    align-items: center;
    display: flex;
 
}

.card_img img {
  	object-position: center;
    max-width: 100%;
    object-fit: contain;
    height: 100%;
    width: 100%;
    display: block;
}
.fa-star-o:before {
    content: "\f005";
}

.rate .fa.fa-star, .rate .fa.fa-star-half-o, .rate .fa.fa-star-o {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.rate .fa.fa-star, .rate .fa.fa-star-half-o {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}

.page-header.mbz.cart-show{
  padding:0;
}

.mob_toggle {
    margin-bottom: 1rem;
}

.card_img {
    overflow: hidden;
    width: 100%;
    position: relative;

}


.hero-container .overlay-filter {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}


@media (max-width: 480px) {
  
  
    .results_list_item {
        min-width: calc(50% - 15px) !important;
        width: 50% !important;
        max-width: 50% !important;
      margin-left:15px;
      flex: 1;
     
    }
}

@media (min-width: 992px) {
        .homepage-body a.btn.btn-primary.btn-sm.listing-add {
            border-radius: 8px;
            text-transform: uppercase;
        }
        .section-header{
          text-align:left;
        }
    }
@media screen and (min-width: 750px) {
        .feat_item {
            column-gap: 15px;
            row-gap: 15px;
            margin-left: -15px;
            margin-right: 30px;
        }
    }

@media (min-width: 992px) {
        .listing_info_sidebar {
            margin-top: 0;
            padding-top: 0 !important;
        }
    }


@media (max-width: 768px){
    .list_item {
        min-width: calc(50% - 15px) !important;
        width: 50% !important;
        max-width: calc(50% - 15px) !important;
        margin-left: 15px;
        -ms-flex: 1;
        flex: 1;
		}
}


    .product-information .listing-name,
    .card .product_info .product-information a,
    .card .product_info .product-information {
        
        font-weight: bold;
    }

    .cc-banner.cc-bottom {
        left: 15px !important;
        right: 0;
        bottom: 15px !important;
        width: 50% !important;
        border-radius: 5px;
        gap: 15px !important;
        background:#FFF !important;
    }

    .featured-posts-section .subtitle{
        text-align:left;
    }
    .social-share-title{
        display:none;
    }
    .social-block.text-center.a2a_kit.a2a_kit_size_32.a2a_default_style {
        margin-top: 20px;
    }
    .a2a_svg svg {
        height: 20px !important;
    }
    

    div#listing_map_display {
        border-radius: 12px;
    }

    .card .product_info .listing-name {
        white-space: normal;
    }

    label[for="tos"], label[for="tos-acceptance"] {
        display: flex;
        align-items: end;
    }
    img.img-circle.vendor_avatar {
        height: 64px;
        width: 64px;
    }

    figure.hover--effect.effect-4 figcaption {
        padding-left: 15px;
        padding-right: 15px;
    }

    .shop-view .btn-inbox-container a {
        background:#f5f5f5 !important;
    }

    .btn-inbox-container {
        text-align: center;
    }

    span.about-user-location {
        font-size: 13px;
        line-height: 1.6666666667;
        text-transform: uppercase;
        color: #2d2d2d;
        text-rendering: optimizeLegibility;
        font-weight: 500;
        letter-spacing: 1px;
        font-family: "Urbanist", sans-serif;
    }

    .page-header h1.about-user-title {
        color: #2d2d2d !important;
        text-rendering: optimizeLegibility;
        font-weight: 600;
        text-transform: none;
        letter-spacing: inherit;
        font-size: 50px;
        font-family: "Urbanist", sans-serif;
    }

    .about-supplier-head {
        flex-direction: column;
    }

    .listing-description{
        font-size:16px;
    }
    .listing-description,
    .attribute-box-content {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        color: #696c74;
    }

    .user-attributes-grid .attribute-box .user_attr_title {
        letter-spacing: .5px;
         font-size: 32px;
        line-height: 1.21875;
        margin-top: 12.5px;
        margin-bottom: 12.5px;
        font-family: "Urbanist", sans-serif;
        color: #2D2D22;
        text-rendering: optimizeLegibility;
        font-weight: 600;
    }


    .listing-attribut-list li.selected{
        display:inline-block;
        color: #f1a399 !important;
        background-color: #fef0ec !important;
        border-radius: 8px;
        padding: 8px 12px;
        font-weight: 600;
        font-family: "Urbanist", sans-serif;
        border: 0 none !important;
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-bottom:5px;
    }

    .publish_on_date, .report_listing_link,
    .report_listing_link:hover,
    .report_listing_link:focus{
        font-size: 90%;
        color: #b9b7b7;
        text-decoration: underline;
        font-family: "Urbanist", sans-serif;
        letter-spacing: 0.5px;
    }
    .add-to-cart-panel.single_date_booking label, .single_date_booking label {
        width: 100%;
        text-align: left;
        margin-top: 0;
        font-weight: 400;
        color: #878b8f;
        font-family: "Urbanist", sans-serif;
        letter-spacing: 0.5px;
    }
    .listing_container h1.entry-title .label {
        border-radius: 8px;
        padding: 8px 12px;
        font-weight: 600;
        font-family: "Urbanist", sans-serif;
        border: 0 none !important;
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    a.btn.btn-inbox {
        border: 0 none;
        font-size: 12px;
        letter-spacing: 1.73px;
        line-height: 27px;
        background:none;
    }

    .add-to-cart.btn.btn-rounded.btn-primary {
        font-size: 12px;
        letter-spacing: 1.73px;
        line-height: 27px;
        text-transform: uppercase;
    }

    .add-to-cart-panel select, .add-to-cart.btn.btn-rounded.btn-primary {
        margin-top: 0;
    }

    .single_date_booking select#StartTimeInput {
        margin-top: 0;
        border-color: #dfe2e7;
        min-height: 45px;
        border: none;
    }
    .add-to-cart-panel.single_date_booking .input-group, .add-to-cart-panel.single_date_booking input, .add-to-cart-panel.single_date_booking input.form-control, .add-to-cart-panel.single_date_booking select, .single_date_booking .input-group, .single_date_booking input, .single_date_booking input.form-control, .single_date_booking select {
        width: 100%;
        min-height: 45px;
        border-color: #dfe2e7;
        padding: 0 0 0 1rem;
        box-sizing: border-box;
        width: 100%;
        height: 55px;
        background-color: #fff;
        color: #2d2d2d;
        text-align: left;
        font-size: 14px;
        border: 1px solid #d3d2d3;
        border-radius: 3px;
    }
    .listing_container h1.entry-title {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 45px;
        line-height: 1.1555555556;
        color: #2d2d2d !important;
        font-family: "Urbanist", sans-serif;
        font-weight: 600;
        letter-spacing: 0.5px;
    }


    .btn{
        padding: 10px 20px;
    }

    .page-header {
        background: center no-repeat #FFF;
        padding-top: 0;
        padding-bottom: 0;
    }
    .page-header h1{
      
        font-weight: bold;
        font-size: 64px;
    }

    #customer-checkout-message{
        border-radius:0;
    }


    .contact-us .wh-part-body {
        padding: 20px 15px;
    }

    a.btn.btn-primary.btn-sm.listing-add{
        font-size:12px !important;
    }
    a:hover {
        text-decoration: none;
    }

    .backtotop {
        box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px;
        border-radius: 99%;
    }



    .input-group .form-control:first-child{
        border-radius:0 !important;
        -webkit-border-top-left-radius: 8px !important;
        -webkit-border-bottom-left-radius: 8px !important;
        -moz-border-radius-topleft: 8px !important;
        -moz-border-radius-bottomleft: 8px !important;
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
    }

    

    label {
        font-weight: 200;
    }

    .login hr, .register hr {
        display: none;
    }

    .login .workbook-content, .register .workbook-content {
        text-align: right;
        margin-left: 0;
        width: 100%;
        font-size: 0.9em;
    }
    .register .form-step {
        margin-left: 0;
        width: 100%;
    }
    .wh-part {
        background-color: #0000;
    }

    .gray2-wrapper.login, .register.gray2-wrapper, .gray-wrapper, .gray2-wrapper {
        margin-bottom: 0px;
    }

    .login .wh-part-head, .register .wh-part-head {
        border: 0 none;
    }

    .card .overlay {
        border-radius:12px;
    }

    .form-control:focus {
        border-color: #000;
    }
    .contact-us .subtitle {
        font-weight:bold;
    }
    .contact-us .wh-part-body{
        padding-top:0;
        border-image: linear-gradient(to bottom, #ffe43b, #ffc3c3) 0 1;
        border-width: 2px;
        border-left: 2px solid;
    }
    .contact-us .wh-part-head{
        padding-bottom:0;
    }
    .contact-us .wh-part-body p {
        text-transform: none;
        letter-spacing: 0px;
        font-size:0.85em;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 30px;
        font-weight: 400;
        color: #aaa8a8;
    }


    .contact-us form .form-control {
        padding:0;
        border-width: 0px 0px 1px 0px;
        border-radius: 0 !important;
        height: auto;
        min-height: auto;
        max-height: 80px;
    }

    .gray-wrapper, .gray2-wrapper {
        background-color: #fff;
        padding-top:0 !important;
    }
    .contact-us .wh-part-body .text-center, .contact-us .wh-part-head .text-center {
        text-align: left;
    }
    .contact-us .wh-part-head h1, .login h1, .register h1 {
        font-weight: 700;
        text-align: left;
        font-size: 3em;
    }

    .login .wh-part-body, .register .wh-part-body {
        margin-top: 10px;
        padding: 0;
    }


    ::-webkit-scrollbar {
        display: none;
    }


    .top_search_cta {
        color: #696c74 !important;
        overflow: hidden;
        margin-right: -40px;
        padding-left: 20px;
        z-index: 1;
    }


    .has-text-right {
        text-align: right!important;
    }

    .pre-footer h5{
        font-size:18px;
        margin-top: 0;
    }
    .pre-footer p {
            color: #696c74;
            font-size:18px;
            font-weight: 200;
    }

    @media print, screen and (min-width: 768px){
        .prefooter-columns:not(.is-desktop) {
            display: flex;
        }
        .pref-column.is-4, .pref-column.is-4-tablet {
            flex: none;
            width: 33.3333333333%;
        }
        .pref-column.is-5, .pref-column.is-5-tablet {
            flex: none;
            width: 41.6666666667%;
        }
    }

    .pref-column {
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0.75rem;
    }

    .pre-footer{
        padding: 6.5rem 0;
        background-color: #f2f3f5;
    }

    p.underline.link {
        border-bottom: 1px solid;
        display: inline-block;
        font-weight: bold;
        color: #000000;
    }

    a.add-cat {
        flex: 1;
        background: #f00;
        color: #333;
        margin: 0 10px 10px 0;
        text-align: center;
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(https://cdn.kreezalid.com/kreezalid/553600/files/995044/dot_grid_1.png);
        text-transform: uppercase;
        padding: 4em;
        font-weight: 200;
        line-height:1.5em;
    }



    a.add-cat:hover,
    a.add-cat:focus{
        text-decoration:none;
    }

    .add-cat-wrap {
        display: flex;
        width: 100%;
        justify-content: space-between;
        margin-top:4em;
      	flex-wrap: wrap;
    }




    .page-header, .page-header .subtitle {
        margin-top: -30px;
    }


    @media(min-width:992px){
        .cbp-hrmenu>ul>li>a.univers-link {
            border-radius: 60px;
            padding: 5px 20px;
            margin: auto 10px;
            background: #ececec;
        }
        .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
            background: #ffffffe6;
        }

        .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
            color: #FFF;
        }

        .homepage-body a.btn.btn-primary.btn-sm.listing-add {
            color: #fff;
            background-color: #0000 !important;
            border-color: inherit !important;
        }
        .homepage-body .navbar-inverse .navbar-nav > li > a {
            color: #FFF;
        }
        .homepage-body .navbar-inverse span {
            color: #FFF;
        }
        ul.mega_menu {
            border-top: 1px solid #d3d2d3;
            padding-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #d3d2d3;
        }
        .homepage-body ul.mega_menu {
            border:none;
            padding-bottom:0;
            padding-top:0;
        }
        .price_filter_side .filter_title {
            padding:0;
            padding-left:10px;
            margin-left:-25px;
        }

        .results_list{
            border:0 none;
        }
        .result_category_list li a{
            background: #ececec;
            border-radius: 60px;
            font-size: 13px;
            color: #696c74;
            padding: 5px 20px;
            margin-bottom: 5px;
            display: block;
        }
        .result_category_list li{
            display: inline-block;
        }
        .result_category_list li a.active{
        background-color: #fef0ec;
        color: #FF4B2B;
        border: 1px solid #FF4B2B;
        }

        .result_category_list li a:focus,
        .result_category_list li a:hover{
            color:#696c74;
            text-decoration:none;
        }

        .nav_item_user_signup  a{
            border:2px solid;
            border-radius:8px;
            margin-right: 10px;
        }
        .homepage-body .nav_item_user_signup  a{
            border-color:#FFF;
        }
        .homepage-body .navbar-inverse .navbar-brand {
            color: #FFF;
        }

        .hompage-body .nav_item_user_signup  a:hover,
        .hompage-body a.btn.btn-primary.btn-sm.listing-add{
            border-color:#FFF !important;
            color:#FFF !important;
        }
        .homepage-body i.fa.fa-envelope-o,
        .homepage-body .navbar-inverse .navbar-nav > li > a{
          color:#121212;
        }
        .homepage-body .navbar-inverse .navbar-nav > li > a:hover,
        .homepage-body .navbar-inverse .navbar-nav > li > a span,
        .homepage-body .navbar-inverse .navbar-nav > li > a:hover span,
        .homepage-body .navbar-inverse .navbar-nav > li > a:hover{
            color:#ea482c;
        }
        
                .nav_item_user_signup a {
        padding: 0px 20px !important;
        /* line-height: 1.5; */
        /* font-size: 12px !important; */
        /* line-height: 1.5; */
        margin-top: 0 !important;
        /* text-transform: uppercase; */
        border-radius: 60px;
        background: #ea482c;
        border-color: transparent !important;
        color: #FFF !important;
    }
      .nav_item_user_signup a:hover {
        background:#FF8C00 !important;
      }
        
        .homepage-body .navbar-inverse .navbar-nav > li > a,
        .homepage-body .cbp-hrmenu>ul>li>a.univers-link {
            color: #000000;
        }
        .homepage-body .cbp-hrmenu>ul>li>a.univers-link:hover,
        .homepage-body .cbp-hrmenu>ul>li>a.univers-link:focus{
            background-color: #FF4B2B !important
        }
        .cbp-hrmenu>ul>li>a.univers-link:hover,
        .cbp-hrmenu>ul>li>a.univers-link:focus{
            color: #FFF !important;
            background-color:#FF4B2B !important;
        }
        .homepage-body .navbar-inverse {
            background: none !important;
            border-color: #fff;
            position: absolute;
            width: 100%;
            background: none;
            height: 85px;
            box-shadow: none;
        }
        .homepage-body header div {
            background:none;
        }
        .main-content {
            margin-top: 30px;
        }
        .homepage-body .main-content {
            margin-top:0;
        }
        
        .card{
            margin-bottom  :5px;
            
        }
        .card a{
           
            font-weight:bold;
        }
        .card a:hover,
        .card a:focus{
            
        }
        
        .card .overlay {
            background: linear-gradient(to top,#00000091 0,#0000 100%);
            z-index: 1;
            border-radius: 12px;
        }

        .welcome-message h1, .page-headrer h1 {
            margin-top: 80px;
            font-weight: bold;
        }
    }


    @media (min-width: 768px){
        .container {
            width: 100%;
            padding-right: 80px;
            padding-left: 80px;
        }
        .register #last-name-input-div, .register #first-name-input-div {
            display: inline-block;
            width: 50%;
            width: calc(50% - 5px);
            margin-right: 5px;
        }
    }


/* ==========================================================================
        3. NAVIGATION MENU
========================================================================== */
    .navbar-inverse {
        box-shadow: none;
    }


    #headerMainSearchForm input {
        border: 1px solid #ececec;
        padding-left: 3em;
        appearance: none;
        width: 100%;
        border-radius: 8px;
        height:55px;
        background-color: #ececec;
    }

    .cbp-hrmenu .cbp-hrsub {
        background: #FFF;
    }
    #headerMainSearchForm {
        max-width: 100% !important;
        opacity: 1 !important;
        padding: 0 1em;
    }

    .cbp-hrmenu, .cbp-hrmenu ul{
        background:none !important;
        margin-top: 5px;
    }
    .top_bar_menu{
        margin-top:10px;
    }


    @media (min-width: 992px){
        .navbar-inverse .navbar-brand:hover,
        .navbar-inverse .navbar-brand:focus{
            color:#000;
        }
        a.add-cat.sec{
            border-image: linear-gradient(to bottom, #ffe43b, #ffc3c3) 0 1;
            border-width: 2px;
            border-right:2px solid;
            border-left:2px solid;
        }
        .result_subcategory_list{
            display:none !important;
        }
        .cbp-hrmenu>ul>li {
            position: relative;
        }
        .cbp-hrmenu>ul>li>a.univers-link, .navbar-inverse .navbar-nav > li > a {
            font-size: 14px;
        }
        .cbp-hropen .cbp-hrsub {
            top: 54px;
            border-radius: 6px;
            padding-left: 0;
            padding-right: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            min-width: 250px;
            color: #fff;
            font-size: 13px;
            letter-spacing: 0.1px;
            box-shadow: 0 0 10px 2px #001e0026;
        }
        .cbp-hropen .cbp-hrsub:before {
            content: "";
            display: block;
            position: absolute;
            top: -8px;
            left: 40px;
            border-color: #fff;
            border-left: 8px solid #fff;
            border-bottom: 8px solid #fff;
            border-right: 8px solid #0000;
            border-top: 8px solid #0000;
            transform: translateX(-50%) rotate(135deg);
            box-shadow: -2px 2px 3px rgb(57 73 76 / 10%);
        }
        .cbp-hrmenu .cbp-hrsub-inner {
            padding-left: 0;
            padding-right: 0;
        }
        .cbp-hrmenu .cbp-hrsub-inner {
            padding-top: 15px;
        }
        .cbp-hrmenu .cbp-hrsub-inner {
            text-align: left;
            width: auto;
        }
        .cbp-hrmenu .cbp-hrsub-inner ul {
            background: 0 0;
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }
        .cbp-hrmenu .cbp-hrsub-inner li a {
            margin-bottom: 0px;
            display: block;
            line-height: 1.5em;
            padding-left: 1.5em;
            padding-right: 1.5em;
            padding-top: 9px;
            padding-bottom: 9px;
        }
        .homepage-body .navbar-inverse .navbar-collapse {
            background:none;
        }
        .cbp-hrmenu > ul > li.cbp-hropen a.univers-link:hover:after {
            content:none;
        }

        #headerMainSearchForm {
        flex: 3;
        }
        .navbar-inverse .navbar-nav .dropdown-menu {

            box-shadow: 0 0 10px 0px #001e0012;
            border-radius: 6px;
        }
        .navbar-inverse .navbar-nav .dropdown-menu:before {
        content: "";
            display: block;
            position: absolute;
            top: -8px;
            right: 40px;
            border-color: #fff;
            border-left: 8px solid #fff;
            border-bottom: 8px solid #fff;
            border-right: 8px solid #0000;
            border-top: 8px solid #0000;
            transform: translateX(-50%) rotate(135deg);
            box-shadow: -2px 2px 3px rgb(57 73 76 / 10%);
        }
        .dropdown-menu>li {
            border-bottom: 0;
        }
    }

    /* ==========================================================================
        4. HOMEPAGE
        ========================================================================== */


    .edito_img {
        display:none;
    }


    .edito_text {
        width: 100%;
        text-align:center;
    }

    .edito_text a:hover{
        text-decoration:none;
    }

    figure.hover--effect{
        border-radius:10px;
    }

    .homepage-body .main-content{
        padding-bottom:0;
    }

    .homepage-body  .welcome-message h1 {
        margin-bottom: 10px;
    }

    .homepage-body  .welcome-message h2 {
        margin-bottom: 1.5em;
        margin-top: 0;
        text-align:center;
    }

    .partner-logos-section {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: center;
      gap: 2rem;
    }

    .partner-logos-section .img_it{
        max-width:130px;
    }


    .partner-logos-section .img_it img{
        width:100%;
    }



    .home_about_you img {
        display: none;
    }

    .homepage-body #headerMainSearchForm,
    .homepage-body .top_search_cta{
        display:none;
    }

    .homepage-body .nav_item_user_signup a:hover,
    .homepage-body .nav_item_user_signup a:focus{
        border-color:#FF4B2B;
    }



    a.item:hover{
        text-decoration:none;
    }

    .owl-carousel .owl-item img {
        border-radius: 12px;
    }

    .about_video_text_wrapper{
        padding:2em;
    }

    .trends-carousel h4 {
        color: #000;
        font-weight: bold;
        margin-bottom: 0px;
    }

    .trends-carousel p {
        line-height: 1.3em;
        margin-top: 5px;
        color: #a9a9a9;
    }

	.section-header h2,
    .trends-carousel .section-header h2 {
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
        margin-bottom: 30px;
        font-size: 32px;
    }

    .trends-carousel .owl-prev {
        position: absolute;
        top: 25%;
        left: -45px;
        font-size: 50px !important;
        color: #333 !important;
        text-align: center;
    }

    .trends-carousel .owl-theme .owl-nav [class*=owl-]:hover {
        background: none;
        color: #000 !important;
    }

    .trends-carousel .owl-next {
        position: absolute;
        top: 25%;
        right: -45px;
        font-size: 50px !important;
        color: #333 !important;
        text-align: center;
    }

    .about-video:hover .et-gallery-video__button:before {
        border-left: 10px solid #FFF;
    }

    .about-video:hover .et-gallery-video__button {
        background: #000;
        width: 80px;
        height: 80px;
        box-shadow: 0 15px 40px rgb(0 0 0 / 50%);
    }

    .about-video:hover .et-gallery-video__button:before {
        border-left: 10px solid #FFF;
    }

    .about_jojo_video {
        font-size: 18px;
    }

    .about-video {
        position: relative;
    }
    .about_jojo_video h2 {
        margin-bottom: 35px;
        line-height: 1.3em;
        font-size: 2em;
        margin-top: 0;
        font-weight:700;
    }

        .about_jojo_video .flexbox {
            border-radius: 12px;
            padding: 0;
            margin: 0;
            background: #FF4B2B;
            color: #FFF;
            overflow: hidden;
    }

     .about_jojo_video .flexbox h2{

         font-weight:700;
         margin-bottom:30px;
         margin-top:0;
     }


    .et-gallery-video__button:before {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        border-top: 10px solid #0000;
        border-right: 10px solid #0000;
        border-bottom: 10px solid #0000;
        border-left: 10px solid #4c5867;
        transform: translate(-15%,-50%);
    }
    .et-gallery-video__button, .et-gallery-video__button:before {
        transition: all .4s ease;
    }
    .et-gallery-video__button:before {
        content: '';
    }

    .about-video img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .et-gallery-video__button {
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fffc;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        transform: translate(-50%,-50%);
        box-shadow: 0 10px 30px rgb(0 0 0 / 30%);
    }

    .about_jojo_video .col-md-5,.about_jojo_video .col-md-7{
        padding:0;
    }



    .homepage-body .pre-footer h2 {
        font-size: 35px;
        font-weight: 200;
        letter-spacing: 6.56px;
        line-height: 43px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0.75rem;
    }


    .home_about_you.section-spacing {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
        float: initial;
        margin-top: 1em;
        margin-bottom: 1em;
    }


    .edito_text a {
        background: #FFF;
        color: #333;
        padding: 6px 25px;
        border: 2px solid #FFF;
        margin-top:20px;
        font-size:18px;
        display:inline-block;
    }
    section.home_featured_listings.section-spacing {
        padding-top: 0;
    }


    #cities {
        padding: 50px 0;
        width: 100%;
    }

    #cities .section-header {
        text-align: left;
    }

    .city:hover, .city:focus {

        -webkit-filter: brightness(120%);
        filter: brightness(120%);
    }

    .city {
        -moz-transition-duration: 0.9s;
        -o-transition-duration: 0.9s;
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
    }




    .home_featured_collection h2, .home_featured_listings h2, .section-header h2 {
        text-transform: none;
        font-weight: bold;
        letter-spacing: 0;
    }

    .city {
        display: flex;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 350px;
        color: inherit;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-top: 15px;
        border-radius: 12px;
    }

    .city h5 {
        position: absolute;
        bottom: 0;
        background: #FFF;
        margin: 0;
        width: 100%;
        padding: 1em 0 1em 0;
        text-transform: uppercase;
    }

    .city a {
        color: inherit;
        text-decoration: none;
        display: block;
        font-size: 1.3rem;
        font-weight: 400;
        text-transform: uppercase;
    }

    .city h5 small {
        color: #474d50;
    }

    .home-container .overlay-filter{
        background: -webkit-gradient(linear, left top, left bottom, from(#00000040), to(#00000080));
        background: linear-gradient(180deg, #00000040 0%, #00000080 100%);
    }

    .search-label-home {
        position: relative;
    }

    .cbp-hrmenu, .cbp-hrmenu ul {
        background: none !important;
        margin-top: 10px;
    }

    .search-label-home:before {
        content: '\f002';
        font-family: Fontawesome;
        left: 0;
        padding-right: 10px;
    }
    .homepage-body .hero-container .home-banner-content .btn{
        background: none;
        border-bottom: 2px solid #FFF !important;
        border-radius: 0 !important;
        border: 0 none;
        padding: 0 0 5px 0;
    }


    .section-header h3 {
        font-weight: 500;
        margin-top: 20px;
        text-transform: initial;
        letter-spacing: 0;
        text-align: left;
        font-size: 24px;
        margin-bottom: 0
    }

    figure.hover--effect.effect-4 {
        -webkit-box-shadow: 0px 1px 1px 0px #dfdfdf;
        box-shadow: 0px 1px 1px 0px #dfdfdf;
        border-radius: 5px;
        transition: translate .18s,box-shadow .18s;
        transform: translateY(0);
    }

    figure.hover--effect.effect-4 h2 {
        text-transform: none;
        font-size: 1em;
        letter-spacing: 0;
        text-align: left;
        margin-top: 0;
        word-spacing: normal;
        font-weight: 800;
    }

    figure.hover--effect.effect-4 p {
        text-align: left;
        margin-top: 5px;
        letter-spacing: 0;
        font-size: 0.8em;
    }

    figure.hover--effect.effect-4 figcaption>a {
        display: none;
    }

    figure.hover--effect.effect-4 img {
        overflow: visible;
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
        box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
    }
    figure.hover--effect.effect-4 img {
        transition: all .65s ease-in-out;
        width: auto;
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }


    .homepage-body .list_row{
        margin-top:1.6em;
    }

    .homepage-body .explore-section h2{
        font-size:32px;
        font-weight:bold !important;
    }


    .home_about_you{
        color: #FFF;
        font-size:1.8em;
        background-attachment: fixed;
        border-radius:12px;
        text-align:center;
    }
    .home_about_you h2,
    .home_about_you h1,
    .home_about_you h3,
    .home_about_you h4{
        text-align:center !important;
    }

    .home_about_you h2{
        font-size:32px !important;
    }
    .home_about_you:before {
        content: '';
        position: absolute;
        inset: 0px;
        background-color: #2c2c2c5c;
        height: 100%;
        left: 0;
            border-radius: 12px;
    }

    .explore-section,
    .explore-section h2{
       text-align:center !important;
    }


    @media (min-width: 992px){
        .homepage-body .navbar-inverse .navbar-brand:hover,
        .homepage-body .navbar-inverse .navbar-brand:focus{
            color: #FFF;
        }
        .home_about_you.section-spacing {
            width: calc(100% - 160px);
        }
        .list_item {
            min-width: calc(25% - 15px);
            max-width: calc(25% - 15px);
            margin-left: 15px;
            width: 25%;
            -ms-flex: 1;
            flex: 1;
        }
    }

    @media (max-width: 991px){
        .city-list {
            width: 100%;
            padding: 10px 0;
            -webkit-overflow-scrolling: touch;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: auto;
            scrollbar-width: none;
        }
        .city-item {
            width: 100%;
            flex: 0 0 auto;
            display: flex;
            flex-direction: column;
            margin-left: 20px;
            box-shadow: none;
            width: 245px;
            padding: 0;
        }
        .city {
            margin-bottom: 15px;
        }
    }


    @media (min-width: 768px){
        .homepage-body .pre-footer h2 {
            font-size: 60px;
            letter-spacing: 11.06px;
            line-height: 65px;
        }
           .pre-footer .btn.btn-primary.line {
            width: 215px;
            text-transform:uppercase;
            border-color: #696c74;
            color: #696c74;
            font-size: 12px;
            letter-spacing: 1.73px;
            line-height: 27px;
            text-transform: uppercase;
            }
      .pre-footer .btn.btn-primary.line:hover{
        color:#FFF;
        border-color:#FF4B2B;
      }
    }

    /* ==========================================================================
        5. LISTING PAGE
        ========================================================================== */

    .listings_success h1 .blue {
        color: inherit;
        font-weight: 700;
    }

    .blue-border-box.thin {
        margin-top: 50px;
        border: 2px solid #deeeea;
        padding: 50px 10px;
        background: #f7fbfa;
        margin-bottom: 80px;
        border-radius: 8px;
    }


    .search-filters li.is_active{
        padding:0 10px;
    }
    .single_date_booking .input-group .form-control:first-child {
        border-radius: 8px !important;
    }

    .filter_sidebar {
        padding-left:15px;
        padding-right:15px;
    }

    .listing_description {
        padding-bottom: 0;
    }

    .other-listings{
        margin-top:0;
    }

    a.vendor_name {
        color: #696c74;
    }

    .listing-show .shop_avatar{
        display:none;
    }

    .other-listings h2{
        text-transform: none;
        font-size: 17px;
        letter-spacing: 0px;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 15px;
        font-weight: 400;
        color: #000;
        border-bottom: 1px solid #EEE;
    }

    .listing_info_sidebar .price_content {
        font-weight: 700;
        font-size: 20px;
    }

    .listing-show .listing_info_sidebar .rate .fa.fa-star,
    .listing-show .listing_info_sidebar .rate .fa.fa-star-half-o,
    .listing-show .listing_info_sidebar .rate .fa.fa-star-o {
        color: #FF4B2B;
    }

    .listing-show .listing_info_sidebar .rate .fa.fa-star:not(:last-child),
    .listing-show .listing_info_sidebar .rate .fa.fa-star-half-o:not(:last-child),
    .listing-show .listing_info_sidebar .rate .fa.fa-star-o:not(:last-child){
        margin-right: .3rem;
    }

    .row.search_result_wrapper{
        margin:0;
    }

    .category_result .page-header .container.text-center,
    .search_result .page-header .container.text-center{
        text-align:left;
    }
    .category_result .page-header h1,
    .search_result .page-header h1 {
        font-weight: bold;
        font-size: 25px;
    }

    .listing_description h2 {
        text-transform: none;
        font-size: 17px;
        letter-spacing: 0px;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 15px;
        font-weight: 400;
        color: #000;
        border-bottom: 1px solid #EEE;
    }

    .a2a_default_style:not(.a2a_flex_style) a span {
        background: #FFF !important;
        border-radius: 99% !important;
        width: 30px !important;
        line-height: 30px !important;
        height: 30px !important;
        padding: 8px;
    }

    .a2a_svg svg path {
        fill: #000 !important;
    }

    .other-listings h2:after, .listing_description h2:after, h2.user_attr_title.listing-attribut-jours_et_horaires_d_ouverture_de_l_enseigne:after {
        content: "";
        width: 65px;
        height: 2px;
        background: #000;
        display: block;
        margin: 10px 0 0 0;
    }

    .white-box .box-title {
        font-weight: bold;
    }




    .card .product_info .listing-name .welcome-message .start, .card .product_info .listing-name a, .welcome-message .card .product_info .listing-name .start {
        color: #FFF;
        font-size: 17px;
        line-height: 1.5em;
        font-weight: bold;
    }

    .breadcrumb, .publish_on_date{
        display:none;
    }

    .card .card_img {
        border-radius: 12px;
    }


    @media (min-width: 992px){
        .filter_sidebar .filter_title {
            display: block;
        }
        .filter_sidebar .filter_title {
            color: #000 !important;
            background-color: #0000 !important;
            margin-bottom:0;
        }
        .price_filter_side {
            flex: 1;
            padding: 0 25px;
        }
        #listingFilters{
            flex:5;
        }
        div#side-filters {

            width: 100%;
        }
        .search-filters {
            flex: 1;
        }
        .price_filter_side {
            flex: 1;
            padding: 0 25px;
        }
        .about_jojo_video .flexbox h2{
            font-size:45px;
        }
        .trends-carousel .owl-dots {
            display: none;
        }
        .registration_redirect {
            margin-bottom: 0px;
        }
        .partner-banner .container {
            display: flex;
            align-items: center;
        }
        .partner-logos-section {
            display: flex;
            align-items: center;
            flex: 4;
            justify-content: space-evenly;
        }
        .partner-banner .title-section {
            flex: 1;
        }
    }

    @media(max-width: 991px){
        .card .card_img {
            display: flex;
        }
        .card .overlay {
            z-index:2;
        }
        
    }


    /* ==========================================================================
        6. SHOP VIEW
        ========================================================================== */


    .about-supplier-head{
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .shop-view .btn.btn-inbox {
        width: auto;
        display: inline-block;

    }

    /* ==========================================================================
        7. USER'S DASHBOARD
        ========================================================================== */

    @media (min-width: 992px){
        #home_dashboard_body .white-box {
            padding: 2em;
        }
    }

    /* ==========================================================================
        8. APPS
        ========================================================================== */

    .cc-banner.cc-bottom {
        box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
    }

    .cc-banner .cc-message {
        font-size: .95em;
        color: #222;
        line-height: 1.5;
    }

    .listing_info_sidebar{
        display: block;
        flex-basis: 0;
        flex-grow: 1;
        flex-shrink: 1;
        padding: .75rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
        align-items: center;
    }
    .other-listings .container{

    }
    .listing_description .container,
    .other-listings .container{
        padding-right: 80px;
        padding-left: 80px;
    }

@media (max-width: 767px) {
  .other-listings .container{
    padding-left:15px;
    padding-right:15px;
  }
  .shop_overview{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
        margin-right: 0;
  }
  .shop_overview .col-md-3{
     padding:0;
  }
  .shop_overview .col-md-3{
        min-width: calc(50% - 15px) !important;
        width: 50% !important;
        max-width: 50% !important;
      margin-left:15px;
      flex: 1;
     
    }
}
    @media(min-width:992px){
        .col-md-8.single_date_booking_wrapper {
            padding-right:0;
        }
    }

    @media screen and (min-width: 1200px) {
        .listing_main_body {
            flex: none;
            width: 50%;
            padding: .75rem;
            padding-top: 0;
        }
    }



    @media screen and (min-width: 1480px) {
        .listing_container_main_wrapper{
        display:flex;
        margin-left: -.75rem;
        margin-right: -.75rem;
        margin-top: -.75rem;
        padding:0;
    }

    .listing_location .container{
        display:flex;
        margin-left: -.75rem;
        margin-right: -.75rem;
        margin-top: 2rem;
        margin-bottom:2rem;
        padding:15px;

    }

    .listing_description .container,
    .other-listings .container{
        padding-right: 0px;
        padding-left: 0px;
    }
        .listing_location,
        .listing_container:not(.is-max-desktop):not(.is-max-widescreen),
        .listing_description:not(.is-max-desktop):not(.is-max-widescreen),
        .other-listings:not(.is-max-desktop):not(.is-max-widescreen){
            max-width: 1416px;
            padding: 0 .75rem;
            float:unset;
            margin:0 auto;
        }

        .sidebar_wrapper_short {
            max-width: 75%;
        }

    }