/*btn sign up*/
.my-fixed-item {

    width: auto;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    display: block;
    transition: right 0.3s ease 0s;
    position: fixed;
    bottom: 85px;
    right: 15px;
    box-shadow: white 0 0 10px;
    border-radius: 25px;
    overflow: hidden;
    background: #c00812;
    color: #fff;
    z-index: 20;
}
/*End btn sign up*/
    /* general */
    .sdc-style {
        color:#fff;
        background-color:#18191c;
    }

    a{
        text-decoration: none !important;
        color: none;
    }
        .sdc_highlight {
        background-color:orange;
    }

    /* Banner Top */
    #header_banner_top{
        text-align: center;
        width: 100%;
        height:60px;
        margin-top: 20px;
        margin-bottom: 20px !important;
    }
    #header_banner_top img{
        width: 468px;
        height: auto;
    }

    /* Banner Top END*/
    
    .signup-banner-red-container{
        background: #c00812;
        border-radius: 15px;
        color: white;
        width: 400px;
        height: 60px;
        margin-left: -45px;
        text-align: center;
    }

    .signup-banner-logo{
        width: 480px;
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        height:110px;
        margin: 0 auto;
    }

    .signup-banner-container{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .signup-banner-sub-container{
        width: 480px;
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        cursor: pointer;
    }

    .signup-banner-title{
        font-size: 22px;
        margin-top: 9%;
        width: 80%;
        margin-left: 20%;
        font-weight: bold;
        color: white;
    }

    .signup-banner-text{
        font-size: 13px;
        width: 80%;
        margin-left: 20%;
        color: white;
    }
    .video-banner-sdc{
        width: 100%;
        height: 90px;
    }

    .container-menu-h{
        display: inline-block;
        margin-left: -50px;
    }
    .maintenance{text-align: center!important;position: relative;padding: 20px 0 20px 0px!important;height: 90px!important;
    }
    .maintenance-text{font-size: 50px;padding: 20px;line-height: 1.2;}
    /* saved articles */
    .heart-solid-icon-art{width:17px;height:17px;padding-left:5px
	}
    @media (min-width:480) and (max-width: 710px) {
        .signup-banner-logo{
            width: 130px;
        }

        .signup-banner-red-container{
            height: 50px;
        }
    }

    @media (max-width: 479px) {
        .signup-banner-container {
            width: 100%;
            margin-top: 15px;
        }

        .signup-banner-logo{
            width: 90%;
            margin: 0 auto !important;
            background-size: contain;
        }

        .signup-banner-red-container{
            height: 40px;
            width: 80%;
        }

        .signup-banner-sub-container{
            width: 100%;
        }

        .signup-banner-title {
            font-size: 14px;
            /*margin-top: 0px;*/
        }
                    .page-content{margin-top: 20px !important;}
        
        .maintenance-text{font-size: 35px;padding: 10px;}
        .index_welcome_button { margin-bottom: 3%;}

        .avoid-overlap-index-buttons {
            padding-left: 40px;
            padding-right: 13px;
        }
    }

    .close-modal-button{
        display: block;
        height: 30px;
        width: 30px;
        bottom: auto;
        color: #ffffff;
        font-family: inherit;
        font-size: 18px;
        line-height: 23px;
        border: 1px none #ffffff;
        border-radius: 32px;
        box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 );
        text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
        background-color: rgba( 10, 106, 160, 1.00 );
        margin-left: 95%;
    }

    /*    */

    .sdc-signup-img {
        width: 100%;
        max-width: 468px;
    }
    .sdc-signup-container {
        position: relative;
        text-align: center;
        color: white;
        font-family: 'Montserrat', sans-serif;
        width: 100%;
                    }
    .sdc-signup-title {
        position: absolute;
        top: 56%;
        left: 51%;
        transform: translate(-50%, -50%);
        font-size: 28px;
        font-weight: bold;
        text-transform: uppercase;
        width: 100%;
    }
    .sdc-signup-subtitle {
        position: absolute;
        top: 70%;
        left: 51.2%;
        transform: translate(-50%, -50%);
        font-size: 11px;
        font-weight: bold;
        text-transform: none;
        width: 100%;
    }
    .sdc-signup-a-link{
        color: white;
    }
    @media (max-width: 374px){
        .sdc-signup-title {
            position: absolute;
            top: 53%;
            left: 52%;
            transform: translate(-50%, -50%);
            font-size: 19px;
            font-weight: bold;
        }
        .sdc-signup-subtitle {
            position: absolute;
            top: 68%;
            left: 42%;
            transform: translate(-37%, -50%);
            font-size: 8px;
        }
    }
    @media (min-width: 375px) and (max-width: 767px) {
        .sdc-signup-title {
            position: absolute;
            top: 49%;
            left: 52%;
            transform: translate(-50%, -50%);
            font-size: 22px;
            font-weight: bold;
        }
        .sdc-signup-subtitle {
            position: absolute;
            top: 65%;
            left: 41%;
            transform: translate(-37%, -50%);
            font-size: 9px;
        }
    }
    @media (min-width: 768px) and (max-width: 1023px) {
        .sdc-signup-title {
            position: absolute;
            top: 56%;
            left: 52%;
            transform: translate(-50%, -50%);
            font-size: 28px;
        }
        .sdc-signup-subtitle {
            position: absolute;
            top: 70%;
            left: 52.5%;
            transform: translate(-50%, -50%);
            font-size: 11px;
        }
        ..signup-banner-container{
            width: 75%;
        }

    }
    @media (min-width: 1024px) and (max-width: 1440px) {
        .sdc-signup-title {
            position: absolute;
            top: 56%;
            left: 52%;
            transform: translate(-50%, -50%);
            font-size: 28px;
        }
        .sdc-signup-subtitle {
            position: absolute;
            top: 70%;
            left: 52.5%;
            transform: translate(-50%, -50%);
            font-size: 11px;
        }

    }


        /* Menu */
    #header_imglogo{
        margin-top: -100px;
        width: 150px !important;
        height: 100px !important;
    }

    .page-content{
        overflow-y: hidden !important;
    }
    .mdl-layout{
        overflow-y: hidden !important;
    }
    .mdl-layout__container{
        position: relative !important;
    }
    .header_menu{
        background-color: #343434;
        height: 150px;
    }
    .header_menu_phone{
        width: 100%;
        height: 150px;
        margin: 0px;
        padding: 0px;
        text-align: right;
        padding-top: 5%;
    }
    .drawer-nav-element{
        width: 80%;
        display: block;
        padding: 0px 10px 10px 10px !important;
        font-size: 20px;
        font-weight: bold;
    }
    .drawer-nav-sub-element{
        margin-left: 10%;
        width: 74%;
        display: block;
        padding: 0px 10px 10px 0px !important;
        font-size: 16px;
    }
    .drawer-header-nav-element{
        padding: 15px 10px 0px 10px !important;
    }
    .mobile-social-container{
        text-align: center;
        margin-top: 10px;
    }
        .mdl-layout__drawer-button .material-icons {
        padding-top: 0;
        font-size: 40px;
    }
    .mdl-layout__content{
        overflow-y: auto !important;
        width: 100%;
    }
    .mdl-layout__header .mdl-layout__drawer-button {
        display: none;
    }
    .mdl-layout__drawer.is-visible{
        width: 75%;
        border-right: none;
        height: 90%;
    }
    .mdl-navigation{
        padding-top: 0px !important;
    }
    .header_item_menu{
        color:white;
        font-size:14px;
    }
    .header_item_menu_l{
    width: 80%;
    display: inline-block;
    color: white;
    font-size: 14px;
    }
    .header_item_menu_r{
        color: white;
            font-size: 14px;
            padding-left: 8%;
    }

    .mdl-layout__header{
        background-color: white;
        box-shadow: none !important;
    }
    #header_cont_menu{
        width: 100%;
        padding: 0px;
    }
    #header_menuPhone{
        margin-left: 0px;
    }
    .mdl-menu__container{
        width: 80% !important;
        left: 0px !important;
    }


    .header_li_c{
        margin-left: 10px;
        font-family: 'Montserrat', sans-serif;
        height: 15px;
    }
    #header_searchIcon{
        margin-left: -40px;
        margin-top: 9px;
    }
    .mdl-button {
        text-transform: none;
    }
    .mdl-button--icon{
        border-radius: 0px !important;
    }
    #header_butonNavbar{
        width: 83%;
        text-align: right;
        margin-top: 30px;
    }

    .header_icon_header{
        width: 40px;
        vertical-align: middle;
        margin-left: 10px;
    }
    .mdl-layout__header{
        background-color: transparent !important;
    }
    #header_menuDesktop a {
        font-family: 'Montserrat', sans-serif;
        color: white !important;
        font-size: 12px;
        font-weight: bold;
    }
    #header_menu{
        width: 100%;
        height: 150px;
        margin: 0px;
        padding: 0px

    }
    #header_ctnML{
        width:  20%;
        height: 100%;
        display: inline-block;

    }
    #header_ctnMR{
        display: inline-block;
        width: 79%;
        height: 100%;
        text-align: right;
    }
    #header_ctnMR1{
        height: 50%;
        padding-top: 30px;
        padding-right: 20px;

    }
    #header_ctnMR2{
        height: 50%;
        padding-right: 15px;
    }
    .mdl-menu__container{
        top: 0 !important;
    }
    .header_btns_m{

        color: white;
        font-size:12px;
        text-transform: none;
        border-radius: 15px;
        margin-top: -26px;
        font-family: 'Montserrat', sans-serif;
    }
    .header_btns{
        font-size:12px !important;
        font-family: 'Montserrat', sans-serif;
    }


    /*Menu end*/

    /* Login*/
    #header_login_main{
        display: flex;
        justify-content: center;
        align-items: center;
        }

        #header_imglogo_login{
            width: 200px;
            padding-bottom: 10%;
        }
        #header_ctn_login_main{
            /*width: 30%;*/
            text-align: center;
        }
        .header_imputs_login{
            padding-top: 2%;
            padding-bottom: 2%;
            background-color: #E8F0FE
        }
        #header_btn_login_form{
            width: 100%;
            height: 50px;
            padding-bottom: 3%;
            padding-top: 3%;
            background-color: #343434;
            color: white;
            text-transform: none;
        }

        #header_cnt_forgotpws{
            padding-top: 5%;
            padding-bottom: 5%;
            text-align: right;
        }
        #header_lb_forgot_pws{

            color: red;
        }
        #header_text1{
            display: contents;
        }
        #header_lb_signup{
            display: inline-block;
            color: red;
            font-weight: bold;
            padding-left: 5px;
        }
        #header_ctn_imgs_app{
            width: 100%;
            padding-top: 10px;
        }

        #header_ctn_signup{
            display: inline-flex;
        }

        .header_img_app{
            display: inline-block;
        width: 49%;
        }
        .header_img_app img{
            width: 100%;
            height: auto;
        }

    .header_modal-content{
        background-color: white;
        width: 300px;
        height: 500px;
        padding: 0px 20px;
        margin: 150px auto;
        position: unset;
        display: inline-block;
    }
    .header_modal{
        display: none; /* Hidden by default */
        position: fixed;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(0,0,0,0.4);
        overflow-y: scroll !important;
        text-align: center;
    }

        #header_miModal:target{
        opacity:1;
        pointer-events:auto;
        }
        #header_ctn_msj_error{
        height: 30px;
        }
        #header_msj_error{
            display: none;
            color: red;
            font-weight: bold;

        }
    /* Login End*/

    /* Button go to up*/
    .sdc-scroll-up {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 9999;
        font-size: 40px;
        border: none;
        outline: none;
        cursor: pointer;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    }

    .mdl-button--fab.mdl-button--colored {
        background: #c00812;
        color: white;
    }
    .sdc-goto-top {
        font-weight: bold;
    }
    /* End Button go to up*/

    /* css general tabs*/
    .mdl-layout__tab-bar{
        background-color: white;
    }
    .mdl-layout__tab-bar a {
        color: black;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
    .mdl-layout.is-upgraded .mdl-layout__tab.is-active{
        color: black !important;
    }
    .mdl-layout.is-upgraded .mdl-layout__tab.is-active::after{
        color: black;
        background: black;
    }

    .header_content_tabs{
        text-align: center;
    }

    .header_lb_category_tabs{
        background-color: black;
        opacity: 0.5;
        padding: 5px;
        position: absolute;
        z-index: 1;
        top: 0;
        text-align: center;
        min-width: 30%;
    }

    .header_txt_lb_category{
        font-family: 'Montserrat', sans-serif;
        color: white;
        font-size: 10px;
    }

    #header_txt_signup{
        font-family: 'Montserrat', sans-serif;

    }
    .header_mdl-layout__tab-bar{
        height: 70px !important;
    }
    .header_btns_c{
        font-size:12px !important;
        font-family: 'Montserrat', sans-serif;
        background-color: black;
        color: white !important;
        text-transform: none;
        border-radius: 15px;
    }
    /* css general tabs end*/

    /*******************************************************************************************************************************************************************************************/

    /* Media Query */


    @media (min-width: 1281px) {
        .mdl-layout__drawer-button .material-icons {
            display: none;
        }
    }
    /*
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
    */
    @media (min-width: 1024px) and (max-width: 1280px) {
        .mdl-layout__drawer-button .material-icons {
            display: none;
        }
    }
    /*
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
    */
    @media (min-width: 768px) and (max-width: 1023px) {


    #header_searchIcon{
        margin-left: -40px;
        margin-top: 9px;
        margin-right: 10px;
    }
    #header_login2{
        margin-right: 10px;
    }
    #header_menuPhone{
        margin-top: 35px;
    }
    #header_butonNavbar{
        width: 80% !important;
    }

    .header_menu {
        height: 75px;
    }
    .header_menu_phone {
        height: 55px;
        padding-top: 1%;
    }
    }


    /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
    */
    @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



    }
    /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
    */

    @media (min-width: 481px) and (max-width: 767px) {

    }
    @media (min-width: 700px) and (max-width: 480px) {

    }
    @media (min-width: 425px) and (max-width: 480px) {
    #header_login2{
        margin-left: 10px;
        margin-right: 15px;
    }
    #header_menuPhone{
        margin-top: 15px;
        margin-left: 15px !important;
    }

    .header_menu {
        height: 75px;
    }
    .header_menu_phone {
        height: 55px;
        padding-top: 1%;
    }
    #header_banner_top{
        text-align: none;
        width: 100%;
        height: 53px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    #header_banner_top img{
        width: 100%;
        height: 100%;
    }
    #header_miModal:target{
        overflow-y: auto !important;
    }

    }

    @media (min-width: 375px) and (max-width: 424px) {
    #header_login2{
        margin-left: 10px;
        margin-right: 6px;
    }

    #header_menuPhone{
        margin-top: 15px;
    }

    #header_menuPhone{
        margin-left: 7px;
    }

    #header_ctn_login_main{
        width: 80%;
    }

    .header_menu {
        height: 75px;
    }
    .header_menu_phone {
        height: 55px;
        padding-top: 1%;
    }
    .header_btns{
        min-width: 80px !important;
    }
    #header_banner_top{
        text-align: none;
        width: 100%;
        height: 47px;;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    #header_banner_top img{
        width: 100%;
        height: 100%;
    }
    #header_miModal:target{
        overflow-y: auto !important;
    }
    .signup-banner-title {
        margin-top : 11%;
    }
    #sdc_signup_cta {
        padding-top: 0px !important;
    }

    }

    @media (min-width: 320px) and (max-width: 374px) {


    #header_login2{
        margin-left: 0px;
        margin-right: 0px;
        min-width: 50px;
    }
    #header_signin2{
        min-width: 50px;
    }
    #header_searchIcon{
        margin-left: 0px;
        margin-right: 0px;
    }
    #header_menuPhone{
        margin-top: 15px;
        margin-left: 4px;
    }

    #header_login,#signin{
        min-width: 72px !important;
    }
    #header_banner_top{
        text-align: none;
        width: 100%;
        height:45px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    #header_banner_top img{
        width: 100%;
        height: 100%;
    }

    #header_ctn_login_main{
        width: 80%;
    }

    .header_menu {
        height: 75px;
    }
    .header_menu_phone {
        height: 55px;
        padding-top: 1%;
    }
    .header_item_menu_l {
        width: 78%;
    }
    .header_li_c {
        height: 10px;
    }
    .header_lb_contact_footer{
        width: 100%;
    }
    #header_miModal:target{
        overflow-y: auto !important;
    }
    .header_modal-contenido{
        width: 80%;
    }
    .signup-banner-title {
        margin-top : 11%;
    }
    #sdc_signup_cta {
        padding-top: 0px !important;
    }
    }
    @media screen and ( max-height: 725px ) {
        #header_miModal:target{
            overflow-y: auto !important;
        }
    }
    .mdl-layout__header{
        display: flex !important;
    }

    .header-nav-menu-element{
        font-size: 12px;
        padding: 0px 12px;
        font-weight: bold;
        font-family: "Montserrat","Arial",sans-serif !important;
    }


            .main-carousel > .flickity-viewport{
                height: 450px !important;
            }

                            .flickity-button {
                    display: none;
                }
            
            .index-main-general-tab {
                position: absolute;
                /*margin-top: -380px;*/ /* JORGE NEW INDEX*/
                z-index: 3;
                width: 80%;
                text-align: center;
                margin-left: 10%;
                margin-right: 0;
            }

            .header-all-drawer-container{
                    margin-top: 50px;
                    width: 80%;
                    margin: 0 auto;
                    margin-top: 2%;
                }
                .img-logo-d{
                    width: 105px;
                }

                @media screen and (max-width: 480px) {
                    .main-carousel > .flickity-viewport {
                        height: 300px !important;
                    }
                }
                                @media (max-width: 1306px){
                    .page-content-sdc-dark{margin-top:100px !important;}
                }
                @media (max-width: 1115px){
                    .page-content-sdc-dark{margin-top:55px !important;}
                    .index-main-general-tab{
                        position : relative;
                        margin: 0 auto !important;
                        margin-bottom: -5% !important;
                    }
                    .container-menu-h{
                        width: 90%;
                        margin: 0 auto !important;
                    }
                }
                @media (max-width: 768px){
                    .container-menu-h{
                       margin-left: -50px !important;
                    }
                }
                @media (max-width: 766px){
                   .index-main-general-tab{
                       margin-bottom : -15%;
                       margin-left: 10px;
                       width: 95%;
                   }
                    .header-all-drawer-container{
                       width: 100%;
                   }
                   .index_welcome{
                       width: 100% !important;
                        margin-top: 0px !important;
                    }
                }
                @media (max-width: 500px){
                    .index-main-general-tab {
                        margin-bottom: -20%;
                        margin-left: 10%;
                        width: 90%;
                    }
                }
                @media (max-width: 478px){
                        .header-all-drawer-container{
                        margin: 0 !important;
                        margin-top: 3% !important;
                    }
                    .mdl-layout__drawer-button .material-icons {padding-top:3%}
                }
                             @media screen and (max-width: 480px) {
                    .main-carousel > .flickity-viewport {
                        height: 300px !important;
                    }
                }
            

        


            @media screen and (max-width: 480px) {
            .index-main-carousel_img{
                background-size: inherit !important;
                background-position: top !important;
            }
        }
    

    .no-collapsible {
        background-color:#343434;
        background: transparent;
        color: white;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        }

    .collapsible {
        background-color:#343434;
        background: transparent;
        color: white;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        display: inherit;
        }

        .active, .collapsible:hover {
        background-color:#343434;
        background: linear-gradient(to bottom, #222222 0%, rgba(48,48,48,0.6) 100%);
        }

        /*.collapsible:after {
        content: '\002B';
        color: white;
        font-weight: bold;
        float: right;
        margin-top: -30px;
        margin-right: 5px;
        }*/

        .sub-collapsible:after {
        margin-right: -15px !important;
        }

        .sub-menu-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        }

        .div-drawer-elements-container{
        background: linear-gradient(to bottom, #222222 0%, rgba(48,48,48,0.6) 100%);
        }
                                    .breadcrumb-container{
                    width: 80%;
                    margin-top: 10px;
                    padding: 8px 8px 8px 16px;
                    margin-left: 15px;
                }
                            .mdl-icon-breadcrumbs{vertical-align:middle;
        }

        .breadcrumb-text{
                        color: white;
                        font-size: 14px;
            font-family: 'Arial', sans-serif;
            font-weight: bolder;
        }

        .index-main-carousel_img {
        width: 100%;
        background-size: cover;
        background-position: center center;
        height: inherit;
        background-repeat: no-repeat;
        opacity: 0.3;
        object-fit : cover !important;
    }

    .travel-event-carousel_img {
        width: 100%;
        background-size: auto;
        background-position: center center;
        height: inherit;
        background-repeat: no-repeat;
    }

    @media (max-width: 479px) {
        .travel-event-carousel_img {
            background-size: cover !important;
            background-position: top !important;
        }
        .breadcrumb-text{
            font-size: 13px;
        }
    }

    @media (min-width: 1920px) {
        .travel-event-carousel_img {
            background-size: cover !important;
            background-position: center !important;
        }
    }

                                                    @media (max-width: 479px) {
                .carousel-image-0 {
                    background-image: url();
                }
            }
            @media (min-width: 480px) {
                .carousel-image-0 {
                    background-image: url();
                }
            }
                            .img-app-ios-link{width:100px; height:33.359px;}
    .img-app-android-link{width:115px;height:34.063px;}
    @media (max-width: 479px) {
        .mdl-layout__header .mdl-layout__drawer-button {
            display: block !important;
        }
        /*.picture-main-carousel_img {
            height: inherit;
        }*/
        /*.img-app-ios-link{max-width:100px;}
        .img-app-android-link{max-width:115px;}*/
    }

    .index-main-general-tab ul, ol {
        list-style:none;
    }

    .nav > li {
        float:left;
    }

    .category-li > a{
        color:#fff;
        text-decoration:none;
        padding:10px 12px;
        display:block;
        font-weight: bold;
        font-family: "Montserrat",sans-serif !important;
    }

    .arrow {
        display: inline-block;
        width: 4px;
        height: 4px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        margin-bottom: 3px;
        margin-left: 4px;
      }

      .arrow-bottom {
        transform: rotate(135deg);
      }

    .arrow-right {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        margin-top: 4px;
        margin-left: 15px;
        transform: rotate(45deg);
    }

    .subcategory-li a {
        background-color:#18191c;
        /*opacity: 0.9;*/
        color:#fff;
        text-decoration:none;
        padding:10px 12px;
        display:block;
        font-weight: bold;
        font-family: "Montserrat",sans-serif !important;
    }

    
    .nav li ul {
        display:none;
        position:absolute;
        width:140px;
    }

    .nav li:hover > ul {
        display:block;
        opacity: 0.8;
    }

    .nav li ul li {
        position:relative;
    }

    .sub-subcategory-ul {
        right:-172px;
        top:0px;
    }

    .menuopenonload > ul {
        display:block !important;
        opacity: 0.8;
    }

    .menuopenonload > a{
        color:#c00812;
    }

    .category-li:hover > a{
        color:#c00812;
    }

    .sdc_btn_active.collapsible.active > a {
        color:#c00812 !important;;
    }

    @media (max-width: 1160px) {
        .left-sub-subcategory-ul {
            right:172px;
        }
    }

    .subcategory-menu-option-a{
        text-align: left;
    }

    .subcategory-li{
        margin-left: -30px;
        width: 225px !important;
    }

    .slogan-container{
        width: 80%;
        margin-top: 30px;
    }
    .slogan-container-grid{
        margin-top: 0;
        padding-top: 0;
    }
    .slogan-container-grid-bm{
        margin-top: 0;
    }

    .slogan-title{
        font-size: 25px;
        font-weight: bold;
        line-height: 30px;
    }
    .slogan-title-grid{
        font-size: 25px;
        font-weight: bold;
        line-height: 30px;
        margin: 0px 0px 0px 15px;
    }
    .slogan-title-grid-bm{
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
        margin: 15px 0 0 15px;
    }

    .slogan-text{
        font-size: 15px;
        line-height: 20px;
        margin-top: 10px;
    }
    .slogan-text-grid{
        font-size: 15px;
        line-height: 20px;
        margin-top: 5px;
        margin-left: 15px;
    }
    .slogan-text-grid-bm{
        font-size: 15px;
        line-height: 20px;
        margin-top: 10px;
        margin-left: 15px;
    }
    .category-slogan-container{
        width: 80%;
        margin-top: 10px;
    }

    .category-slogan-text{
        font-size: 16px;
        line-height: 20px;
        margin-top: -20px;
    }

    @media (max-width: 480px){
        .slogan-cell {
            width: 100%;
            margin: 0px 5px;
        }

        .phone-number-button{
            width: 100%;
        }
        .slogan-title-grid{
            margin: 0px 0px 0px 0px;
        }
        .slogan-text-grid{
            margin-left: 0px;
        }
                                    .breadcrumb-container{
                    width: 80%;
                    padding: 0px 8px 8px 9px;
                    margin-left: 5px;
                }
                                }

    #cookie-law-info-bar {
        font-size: 12pt;
        margin: 0 auto;
        padding: 13px 10px;
        text-align: center;
        box-sizing: border-box;
        width: 100%;
        z-index: 9999;
        box-shadow: rgba(0,0,0,.5) 0px 5px 50px;
        left: 0px;
        font-weight: 300;
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        font-family: inherit;
        bottom: 0px;
        position: fixed;
        transition: opacity 0.5s linear, transform 0.5s linear;
        opacity: 1;
    }

    #cookie-law-info-bar.hide-cookie-bar {
        opacity: 0 !important;
        transform: scaleY(0) !important;
    }

    #cookie-law-info-bar.display-cookie-bar {
        display: block !important;
    }

    #cookie_action_close_header{
        display: inline-block;
        color: rgb(255, 255, 255);
        background-color: rgb(0, 0, 0);
        padding: 10px 16px 10px;
        cursor: pointer;
    }

    .play-icon-container {
        width: 20%;
        position: absolute;
        z-index: 1;
        top: 25%;
        left: 40%;
        text-align: center;
      }

      #login-loading-spinner {
        width: 48px !important;
        height: 48px !important;
        margin-top: -10%;
      }

    /*NEW SEARCH BOX STYLE - Nelson 11/2025*/
    #search-modal {
        font-size: 12pt;
        text-align: center;
        box-sizing: border-box;
        width: 380px;
        z-index: 9999;
        margin-top: -25px;
        font-weight: 300;
        background-color: transparent;
        color: rgb(0, 0, 0);
        font-family: inherit;
        bottom: 0px;
        position: relative;
        border-radius:25px;
        overflow:hidden;
        margin-left: auto;
        margin-right: 0;
    }

    .hide-search-modal { display: none; }
    .display-search-modal { display: block; }

    .search-box-desktop {
        position: relative;
        width: 100%;
        max-height: 40px !important;
        display: flex;
        background: linear-gradient(to right,transparent 0%,transparent 50%,#c00812 100%);
    }

    .keyword-search-desktop {
        width: calc(100% - 60px);
        padding: 10px 0px 10px 20px;
        border: none;
        outline: none;
        font-family: "Roboto","Helvetica","Arial",sans-serif;
        font-size: 14px;
        /*box-shadow: 0 2px 8px rgba(0,0,0,0.25);*/
        max-height: 40px !important;
        border-radius:25px;
        overflow:hidden;
    }

    #search-submit-icon {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;

        background-color: #c00812;
        border: none;
        cursor: pointer;

        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .search-icon-img {
        width: 30px;
        height: 30px;
    }

    /* Contenedor de sugerencias */
    .container-suggest-header{
        position: absolute;
        z-index: 99999999;
        width:340px;
        border-radius:25px;
        display: block !important;
        overflow:hidden;
        box-shadow:
            0 3px 5px rgba(0,0,0,0.25),   /* abajo (más fuerte) */
            2px 2px 4px rgba(0,0,0,0.18),  /* derecha (media) */
            -1px 1px 3px rgba(0,0,0,0.12), /* izquierda (suave pero visible) */
            0 -1px 2px rgba(0,0,0,0.08);   /* arriba (muy suave) */
    }

    .demo-list-item-header{
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow:0 4px 6px rgba(32, 33, 36, .28);
        flex-direction:column;
        list-style-type:none;
        margin:0;
        padding-top: 10px;
        border:0;
    }

    .list-item-container-header{
        padding: 2px 16px 0px 20px;
        min-height: 28px !important;
        cursor: pointer;
        width: 100%;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .list-item-container-header:hover {
        color: white;
        background-color: #c00812
    }

    .autocomplete-item-header{
        font-size: 13px;
        height: 18px;
        font-family: "Roboto","Helvetica","Arial",sans-serif;
        display: block;
        width: 100%;
    }

    .autocomplete-item-header span {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 100%;
    }

    @media( max-width : 479px){
        #search-modal {
            width: 95% !important;
            margin: 0 auto !important;
            left: 0 !important;
            right: 0 !important;
            transform: none !important;
        }

        .container-suggest-header {
            width: 95% !important;
        }
    }

    /* END NEW SEARCH BOX STYLE */

    #search-modal.hide-search-modal {
        display: none !important;
    }

    #search-modal.display-search-modal {
        display: block !important;
    }

    .submit-search {
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
        background-color: #222222;
        border-radius: 0;
        color: #fff;
        border: none;
        padding: 8px 15px;
        font-weight: 500;
        cursor: pointer;
    }

    .keyword-search{
        width: 60%;
        height: 25px;
        margin: 0;
        border-right: 0;
        line-height: 17px;
        border-color: #eaeaea !important;
        font-size: 13px;
    }


    /*Esteban  03/03/2020*/
    .main-carousel > .flickity-viewport {
    height: 600px !important;
    }
    .index-main-ads {
        text-align: center !important;
        position: relative; /* position: absolute !important; */
        padding : 20px 0px 20px 0px !important;
        height: 90px !important;
        z-index: 4 !important;
        width: 100% !important;
            }
    .mdl-layout__header{

        /*height: 160px !important;*/ /* JORGE NEW INDEX*/
        margin-top: 130px !important;
    }
        @media( max-width : 1024px){
        .mdl-layout__header{
            margin-top: 110px !important;
        }
        .index-main-general-tab{
            /*margin-top: -430px !important;*/ /* JORGE NEW INDEX*/
        }
    }
    @media (max-width : 768px){
        .picture-main-carousel_img{
            height : 100% !important;
        }
    }
    @media (max-width : 728px){
         .index-main-ads {
            padding: 0px 0px 0px 0px !important;
            height: auto !important;
        }
        .mdl-layout__header {
             margin-top: 95px !important;
        }
        .index-main-ads img {
            max-width : 100% !important;
            margin-top : 0px !important;
        }
    }
     @media( max-width : 479px){
        .mdl-layout__header{
            margin-top: 60px !important;
        }
        /* .mdl-layout__drawer-button{
            margin-top : 60px !important;
        } */
        /*.index-main-carousel_img{
            object-fit: cover;
        }*/
        .main-carousel > .flickity-viewport {
            height: 400px !important;
        }
        .mdl-layout__header{
            /*height : 100px !important;*/ /* JORGE NEW INDEX*/
        }
        .video-banner-sdc{
            height: auto !important;
        }

    }

    
    
    @media (max-width : 768px){
        .sep-from-banner{
            padding-top: 10px
        }

        .container-menu-h{
            margin: 0 auto;
        }
    }
    @media(min-width: 480px) and (max-width: 768px){
       .page-content{
            margin-top: 30px !important;
        }
    }
    .index_welcome {
		width: 80% ;
    	margin: 0 auto;
        margin-top: 50px;
		max-width: 1180px;
		font-family:'Arial bold',sans-serif;
		text-align:center;
	}

	.index_welcome_title{
        font-size: 30px;
        padding-top: 30px;
        line-height: normal;
        font-weight: bold;
        /*margin: 0px;*/
        letter-spacing: 0;
	}

	.index_welcome_message{
        font-size: 16px;
        padding-top: 20px;
        line-height: 18px;
        /*padding-left: 150px;
        padding-right: 150px;*/
        text-align: center;
        margin-top: 0;
        width: 50%;
	}

    #href_rmid {
        color: #ffffff;
        border-bottom: #fff 0.125em solid;
        font-weight: bold;
    }

    .index_join_members_now {
        color: #858585;
        font-weight: bold;
    }

    .index_join_members_now span {
        color: #70a83b
    }

	.index_welcome_button{
        font-weight: bold;
        font-size: 18px;
	}

    @media (max-width: 768px) {
        .index_welcome_message { padding-left:5px;padding-right:5px; width: 95% !important;}
        .index_welcome_title{ font-size:25px; width: 290px !important; margin: 0 auto; }
        .index_welcome_button{ font-size: 14px; }
    }

    .app_buttons_header {
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0 auto;
    }

    .big_header_sdc {
        background-color: #ffffff00;
        max-width:1180px;
        margin: 0 auto;
        text-align:center;
        margin-top: 0px!important;
    }

    .big_header_sdc_div1 {
        background-color: #ffffff00;
        max-width:1180px;
        padding: 0;
        text-align:center;
        height: auto;
    }
    .nologged-modal{
        display: none;
        position: fixed;
        z-index: 10;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: rgba(0,0,0,0.4);
        overflow-y: scroll !important;
        text-align: center;
            }
.open-article{
    cursor: pointer;
}

.nologged-modal-content {
    background-color: white;
    width: 400px;
    min-height: 210px;
    max-height: 400px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15),
        -6px -6px 10px -1px rgba(255, 255, 255, 0.15);
    padding: 0 0 5px 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.container-login-comment-modal{
    position: relative;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 45px;
    margin: 20px 0px 20px 0px;
}
.g-btn{
    position: relative;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 130px;
    max-width: 130px;
    height: 37px;
    border-radius: 30px;
    color: white;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px !important;
}
.close-nologged-modal-button {
    position: relative;
    color: #17202A;
    font-family: inherit;
    font-size: 30px;
    top: 10px;
    background-color: white;
    border: 0px  white;
    cursor: pointer;
    margin-left: 92%;
}

.nologged-modal-message{
    font-size: 20px !important;
    font-weight: bold;
    color: black;
    font-family: 'Montserrat', sans-serif;
    width: 90%;
    line-height: 1.3;
    margin: 10px 20px 25px 20px;
}

.nologged-modal-login-button {
    background: #70a83b;
    border-radius: 30px;
    color: white;
}

.nologged-modal-login-button:hover {
    background: #70a83b;
    cursor: pointer;
}

.nologged-modal-signup-button {
    background: #c00812;
    border-radius: 30px;
    color: white;
    margin-left: 20px;
}

.nologged-modal-signup-button:hover {
    background: #c00812;
    cursor: pointer;
}
.nologged-modal-guest-button {
    background: #18191c;
    border-radius: 30px;
    color: white;
}

.nologged-modal-guest-button:hover {
    background: #18191c;
    cursor: pointer;
}
.no-scroll {
    overflow: hidden;
}
.no-show-sdc-premium {
    backdrop-filter: blur(5px);
    filter: blur(5px);
}
@media (max-width:479px) {
  .nologged-modal-content{
    width: 90%;
  }

  .close-nologged-modal-button{
    margin-left: 80%;
  }
}

a{ color: #c00812; }

/* Promo Blocks Style - Esteban 09/01/23 */

.pb_img { width: 378px;height: 623px;object-fit: fill;object-position: center center;}
.article_pic #icon-ad {display: block;position: absolute;bottom: 0;right: 0;z-index: 1; width: 20px; height:15px;text-align: center;padding-bottom: 4px;font-size:12px;}
@media (max-width: 1445px){.pb_img { width: 368px;}}
@media (max-width: 1025px){.pb_img { width: 100%;}}
@media (max-width: 768px){.pb_img { width: 380px;} .article_pic {text-align: center;}}
@media (max-width: 480px){
    .pb_img { width: 100%; height:auto;}
    .article_pic {width:100%;margin: 0 auto;}
    }


/* adult content - Jorge 28/11/2023*/
    .blurred_img_ac { filter: blur(25px); -webkit-filter: blur(25px); }
    .blurred_img_ac_contentbox { clip-path: content-box; }



#premiumModal{display: none;}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 15%,
    rgba(0, 0, 0, 0.9) 100%
  );
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-content {
  position: relative;
  background: linear-gradient(to bottom, #252525, #000);
    padding: 30px 30px 45px 30px;
  width: 470px;
  max-width: 90%;
  text-align: center;
  color: white;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}


.modal-logo {
  width: 110px;
  margin-bottom: 20px;
  margin-top: 30px;
}


.modal-text {
  margin: 10px 0;
  font-size: 15px;
}
.modal-title {
    font-size: 17px;
    margin: 25px auto;
    font-weight: bold;
    line-height: 1.3;
}


.modal-btn {
  padding: 10px 25px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}
.register-btn {
    background-color: #c00812;
    color: white;
    margin: 0 0 25px 0;
    border-radius: 30px;
    font-size: 17px;
    width: auto;
    min-width: 35%;
}


.sign-in-link {
  color: white;
  text-decoration: underline !important;
  display: block;
    cursor: pointer;
    margin-top: 10px;
    text-underline-offset: 4px;
    font-weight: bold;
}


.modal-close {
    position: absolute;
  top: 10px;
  right: 15px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (max-width:479px) {
    .modal-content{
        width: 86%;
        position: absolute;
        top: 72px;
    }
    .modal-logo{
        width: 80px;
    }
    .modal-text{
        font-size: 14px;
    }
    .modal-title {
        font-size: 22px !important;
        width: 90% !important;
    }
    .register-btn {
        min-width: 50%;
        font-size:18px;
    }
    .modal-close {
        width: 35px;
        height: 35px;
    }
    .txt-m-3{
        font-size: 22px !important;
    }
    .w-f {
        width: 100% !important;
    }

}

/* System Alert Banner - Login Page */
.system-alert-banner {
    background-color: #c00812; /* Your brand red */
    color: #ffffff;
    padding: 12px 16px;
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
}

/* Optional: Add an icon or make it stand out more */
.system-alert-banner::before {
    content: "⚠️ ";
}