* {
    font-family: 'Montserrat';
}
@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Light.otf') format('truetype');
}


/*
content/css/jquery-ui.css
content/css/style.css
content/css/estilo.css
content/css/magnific-popup.css
content/js/royalslider/assets/royalslider/royalslider.css
content/css/royalslider.css
content/css/inputs.css
content/css/flickity.css
content/css/fonts.css
content/css/buttons.css
content/js/photoswipe4/photoswipe.css
content/js/photoswipe4/defafetult-skin/default-skin.css
content/css/jquery.fancybox.min.css
content/css/datepicker.css
negocio/plantillas/panels/header/style.css
negocio/plantillas/panels/herohome/style.css
negocio/plantillas/panels/textoseo/style.css
negocio/plantillas/panels/destacadosx3/style.css
negocio/plantillas/panels/sliderdestination/style.css
negocio/plantillas/panels/destacadox3interior/style.css
negocio/plantillas/panels/puntos/style.css
negocio/plantillas/panels/ofertasdestacadohome/style.css
negocio/plantillas/panels/slidertorneos/style.css
negocio/plantillas/panels/reviewshome/style.css
negocio/plantillas/panels/footer/style.css
*/
/*! jQuery UI - v1.12.1 - 2019-12-17
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/content/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/content/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/content/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/content/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/content/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/content/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/content/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

/*! jQuery UI - v1.12.1 - 2019-12-17
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
@media only screen and (max-width: 950px) {
    .web {
        display: none !important
    }
}@media only screen and (min-width: 951px) {
    .mob{
        display:none!important
    }
}
 .d-none{
     display:none!important

 }
 .bg-white{
     background:#fff!important;
     color:#000 !important;
 }
    .ui-widget {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em
    }

        .ui-widget .ui-widget {
            font-size: 1em
        }

        .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
            font-family: Arial,Helvetica,sans-serif;
            font-size: 1em
        }

        .ui-widget.ui-widget-content {
            border: 1px solid #c5c5c5
        }

    .ui-widget-content {
        border: 1px solid #ddd;
        background: #fff;
        color: #333
    }

        .ui-widget-content a {
            color: #333
        }

    .ui-widget-header {
        border: 1px solid #ddd;
        background: #e9e9e9;
        color: #333;
        font-weight: bold
    }

        .ui-widget-header a {
            color: #333
        }

        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
            border: 1px solid #c5c5c5;
            background: #f6f6f6;
            font-weight: normal;
            color: #454545
        }

            .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
                color: #454545;
                text-decoration: none
            }

                .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
                    border: 1px solid #ccc;
                    background: #ededed;
                    font-weight: normal;
                    color: #2b2b2b
                }

                    .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
                        color: #2b2b2b;
                        text-decoration: none
                    }

    .ui-visual-focus {
        box-shadow: 0 0 3px 1px rgb(94,158,214)
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #003eff;
        background: #007fff;
        font-weight: normal;
        color: #fff
    }

        .ui-icon-background, .ui-state-active .ui-icon-background {
            border: #003eff;
            background-color: #fff
        }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #fff;
            text-decoration: none
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #dad55e;
        background: #fffa90;
        color: #777620
    }

    .ui-state-checked {
        border: 1px solid #dad55e;
        background: #fffa90
    }

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #777620
    }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #f1a899;
        background: #fddfdf;
        color: #5f3f3f
    }

        .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
            color: #5f3f3f
        }

    .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
        color: #5f3f3f
    }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: bold
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35)
        }

    .ui-icon {
        width: 16px;
        height: 16px
    }

    .ui-icon, .ui-widget-content .ui-icon {
        background-image: url("/content/css/images/ui-icons_444444_256x240.png")
    }

    .ui-widget-header .ui-icon {
        background-image: url("/content/css/images/ui-icons_444444_256x240.png")
    }

    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
        background-image: url("/content/css/images/ui-icons_555555_256x240.png")
    }

    .ui-state-active .ui-icon, .ui-button:active .ui-icon {
        background-image: url("/content/css/images/ui-icons_ffffff_256x240.png")
    }

    .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
        background-image: url("/content/css/images/ui-icons_777620_256x240.png")
    }

    .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
        background-image: url("/content/css/images/ui-icons_cc0000_256x240.png")
    }

    .ui-button .ui-icon {
        background-image: url("/content/css/images/ui-icons_777777_256x240.png")
    }

    .ui-icon-blank {
        background-position: 16px 16px
    }

    .ui-icon-caret-1-n {
        background-position: 0 0
    }

    .ui-icon-caret-1-ne {
        background-position: -16px 0
    }

    .ui-icon-caret-1-e {
        background-position: -32px 0
    }

    .ui-icon-caret-1-se {
        background-position: -48px 0
    }

    .ui-icon-caret-1-s {
        background-position: -65px 0
    }

    .ui-icon-caret-1-sw {
        background-position: -80px 0
    }

    .ui-icon-caret-1-w {
        background-position: -96px 0
    }

    .ui-icon-caret-1-nw {
        background-position: -112px 0
    }

    .ui-icon-caret-2-n-s {
        background-position: -128px 0
    }

    .ui-icon-caret-2-e-w {
        background-position: -144px 0
    }

    .ui-icon-triangle-1-n {
        background-position: 0 -16px
    }

    .ui-icon-triangle-1-ne {
        background-position: -16px -16px
    }

    .ui-icon-triangle-1-e {
        background-position: -32px -16px
    }

    .ui-icon-triangle-1-se {
        background-position: -48px -16px
    }

    .ui-icon-triangle-1-s {
        background-position: -65px -16px
    }

    .ui-icon-triangle-1-sw {
        background-position: -80px -16px
    }

    .ui-icon-triangle-1-w {
        background-position: -96px -16px
    }

    .ui-icon-triangle-1-nw {
        background-position: -112px -16px
    }

    .ui-icon-triangle-2-n-s {
        background-position: -128px -16px
    }

    .ui-icon-triangle-2-e-w {
        background-position: -144px -16px
    }

    .ui-icon-arrow-1-n {
        background-position: 0 -32px
    }

    .ui-icon-arrow-1-ne {
        background-position: -16px -32px
    }

    .ui-icon-arrow-1-e {
        background-position: -32px -32px
    }

    .ui-icon-arrow-1-se {
        background-position: -48px -32px
    }

    .ui-icon-arrow-1-s {
        background-position: -65px -32px
    }

    .ui-icon-arrow-1-sw {
        background-position: -80px -32px
    }

    .ui-icon-arrow-1-w {
        background-position: -96px -32px
    }

    .ui-icon-arrow-1-nw {
        background-position: -112px -32px
    }

    .ui-icon-arrow-2-n-s {
        background-position: -128px -32px
    }

    .ui-icon-arrow-2-ne-sw {
        background-position: -144px -32px
    }

    .ui-icon-arrow-2-e-w {
        background-position: -160px -32px
    }

    .ui-icon-arrow-2-se-nw {
        background-position: -176px -32px
    }

    .ui-icon-arrowstop-1-n {
        background-position: -192px -32px
    }

    .ui-icon-arrowstop-1-e {
        background-position: -208px -32px
    }

    .ui-icon-arrowstop-1-s {
        background-position: -224px -32px
    }

    .ui-icon-arrowstop-1-w {
        background-position: -240px -32px
    }

    .ui-icon-arrowthick-1-n {
        background-position: 1px -48px
    }

    .ui-icon-arrowthick-1-ne {
        background-position: -16px -48px
    }

    .ui-icon-arrowthick-1-e {
        background-position: -32px -48px
    }

    .ui-icon-arrowthick-1-se {
        background-position: -48px -48px
    }

    .ui-icon-arrowthick-1-s {
        background-position: -64px -48px
    }

    .ui-icon-arrowthick-1-sw {
        background-position: -80px -48px
    }

    .ui-icon-arrowthick-1-w {
        background-position: -96px -48px
    }

    .ui-icon-arrowthick-1-nw {
        background-position: -112px -48px
    }

    .ui-icon-arrowthick-2-n-s {
        background-position: -128px -48px
    }

    .ui-icon-arrowthick-2-ne-sw {
        background-position: -144px -48px
    }

    .ui-icon-arrowthick-2-e-w {
        background-position: -160px -48px
    }

    .ui-icon-arrowthick-2-se-nw {
        background-position: -176px -48px
    }

    .ui-icon-arrowthickstop-1-n {
        background-position: -192px -48px
    }

    .ui-icon-arrowthickstop-1-e {
        background-position: -208px -48px
    }

    .ui-icon-arrowthickstop-1-s {
        background-position: -224px -48px
    }

    .ui-icon-arrowthickstop-1-w {
        background-position: -240px -48px
    }

    .ui-icon-arrowreturnthick-1-w {
        background-position: 0 -64px
    }

    .ui-icon-arrowreturnthick-1-n {
        background-position: -16px -64px
    }

    .ui-icon-arrowreturnthick-1-e {
        background-position: -32px -64px
    }

    .ui-icon-arrowreturnthick-1-s {
        background-position: -48px -64px
    }

    .ui-icon-arrowreturn-1-w {
        background-position: -64px -64px
    }

    .ui-icon-arrowreturn-1-n {
        background-position: -80px -64px
    }

    .ui-icon-arrowreturn-1-e {
        background-position: -96px -64px
    }

    .ui-icon-arrowreturn-1-s {
        background-position: -112px -64px
    }

    .ui-icon-arrowrefresh-1-w {
        background-position: -128px -64px
    }

    .ui-icon-arrowrefresh-1-n {
        background-position: -144px -64px
    }

    .ui-icon-arrowrefresh-1-e {
        background-position: -160px -64px
    }

    .ui-icon-arrowrefresh-1-s {
        background-position: -176px -64px
    }

    .ui-icon-arrow-4 {
        background-position: 0 -80px
    }

    .ui-icon-arrow-4-diag {
        background-position: -16px -80px
    }

    .ui-icon-extlink {
        background-position: -32px -80px
    }

    .ui-icon-newwin {
        background-position: -48px -80px
    }

    .ui-icon-refresh {
        background-position: -64px -80px
    }

    .ui-icon-shuffle {
        background-position: -80px -80px
    }

    .ui-icon-transfer-e-w {
        background-position: -96px -80px
    }

    .ui-icon-transferthick-e-w {
        background-position: -112px -80px
    }

    .ui-icon-folder-collapsed {
        background-position: 0 -96px
    }

    .ui-icon-folder-open {
        background-position: -16px -96px
    }

    .ui-icon-document {
        background-position: -32px -96px
    }

    .ui-icon-document-b {
        background-position: -48px -96px
    }

    .ui-icon-note {
        background-position: -64px -96px
    }

    .ui-icon-mail-closed {
        background-position: -80px -96px
    }

    .ui-icon-mail-open {
        background-position: -96px -96px
    }

    .ui-icon-suitcase {
        background-position: -112px -96px
    }

    .ui-icon-comment {
        background-position: -128px -96px
    }

    .ui-icon-person {
        background-position: -144px -96px
    }

    .ui-icon-print {
        background-position: -160px -96px
    }

    .ui-icon-trash {
        background-position: -176px -96px
    }

    .ui-icon-locked {
        background-position: -192px -96px
    }

    .ui-icon-unlocked {
        background-position: -208px -96px
    }

    .ui-icon-bookmark {
        background-position: -224px -96px
    }

    .ui-icon-tag {
        background-position: -240px -96px
    }

    .ui-icon-home {
        background-position: 0 -112px
    }

    .ui-icon-flag {
        background-position: -16px -112px
    }

    .ui-icon-calendar {
        background-position: -32px -112px
    }

    .ui-icon-cart {
        background-position: -48px -112px
    }

    .ui-icon-pencil {
        background-position: -64px -112px
    }

    .ui-icon-clock {
        background-position: -80px -112px
    }

    .ui-icon-disk {
        background-position: -96px -112px
    }

    .ui-icon-calculator {
        background-position: -112px -112px
    }

    .ui-icon-zoomin {
        background-position: -128px -112px
    }

    .ui-icon-zoomout {
        background-position: -144px -112px
    }

    .ui-icon-search {
        background-position: -160px -112px
    }

    .ui-icon-wrench {
        background-position: -176px -112px
    }

    .ui-icon-gear {
        background-position: -192px -112px
    }

    .ui-icon-heart {
        background-position: -208px -112px
    }

    .ui-icon-star {
        background-position: -224px -112px
    }

    .ui-icon-link {
        background-position: -240px -112px
    }

    .ui-icon-cancel {
        background-position: 0 -128px
    }

    .ui-icon-plus {
        background-position: -16px -128px
    }

    .ui-icon-plusthick {
        background-position: -32px -128px
    }

    .ui-icon-minus {
        background-position: -48px -128px
    }

    .ui-icon-minusthick {
        background-position: -64px -128px
    }

    .ui-icon-close {
        background-position: -80px -128px
    }

    .ui-icon-closethick {
        background-position: -96px -128px
    }

    .ui-icon-key {
        background-position: -112px -128px
    }

    .ui-icon-lightbulb {
        background-position: -128px -128px
    }

    .ui-icon-scissors {
        background-position: -144px -128px
    }

    .ui-icon-clipboard {
        background-position: -160px -128px
    }

    .ui-icon-copy {
        background-position: -176px -128px
    }

    .ui-icon-contact {
        background-position: -192px -128px
    }

    .ui-icon-image {
        background-position: -208px -128px
    }

    .ui-icon-video {
        background-position: -224px -128px
    }

    .ui-icon-script {
        background-position: -240px -128px
    }

    .ui-icon-alert {
        background-position: 0 -144px
    }

    .ui-icon-info {
        background-position: -16px -144px
    }

    .ui-icon-notice {
        background-position: -32px -144px
    }

    .ui-icon-help {
        background-position: -48px -144px
    }

    .ui-icon-check {
        background-position: -64px -144px
    }

    .ui-icon-bullet {
        background-position: -80px -144px
    }

    .ui-icon-radio-on {
        background-position: -96px -144px
    }

    .ui-icon-radio-off {
        background-position: -112px -144px
    }

    .ui-icon-pin-w {
        background-position: -128px -144px
    }

    .ui-icon-pin-s {
        background-position: -144px -144px
    }

    .ui-icon-play {
        background-position: 0 -160px
    }

    .ui-icon-pause {
        background-position: -16px -160px
    }

    .ui-icon-seek-next {
        background-position: -32px -160px
    }

    .ui-icon-seek-prev {
        background-position: -48px -160px
    }

    .ui-icon-seek-end {
        background-position: -64px -160px
    }

    .ui-icon-seek-start {
        background-position: -80px -160px
    }

    .ui-icon-seek-first {
        background-position: -80px -160px
    }

    .ui-icon-stop {
        background-position: -96px -160px
    }

    .ui-icon-eject {
        background-position: -112px -160px
    }

    .ui-icon-volume-off {
        background-position: -128px -160px
    }

    .ui-icon-volume-on {
        background-position: -144px -160px
    }

    .ui-icon-power {
        background-position: 0 -176px
    }

    .ui-icon-signal-diag {
        background-position: -16px -176px
    }

    .ui-icon-signal {
        background-position: -32px -176px
    }

    .ui-icon-battery-0 {
        background-position: -48px -176px
    }

    .ui-icon-battery-1 {
        background-position: -64px -176px
    }

    .ui-icon-battery-2 {
        background-position: -80px -176px
    }

    .ui-icon-battery-3 {
        background-position: -96px -176px
    }

    .ui-icon-circle-plus {
        background-position: 0 -192px
    }

    .ui-icon-circle-minus {
        background-position: -16px -192px
    }

    .ui-icon-circle-close {
        background-position: -32px -192px
    }

    .ui-icon-circle-triangle-e {
        background-position: -48px -192px
    }

    .ui-icon-circle-triangle-s {
        background-position: -64px -192px
    }

    .ui-icon-circle-triangle-w {
        background-position: -80px -192px
    }

    .ui-icon-circle-triangle-n {
        background-position: -96px -192px
    }

    .ui-icon-circle-arrow-e {
        background-position: -112px -192px
    }

    .ui-icon-circle-arrow-s {
        background-position: -128px -192px
    }

    .ui-icon-circle-arrow-w {
        background-position: -144px -192px
    }

    .ui-icon-circle-arrow-n {
        background-position: -160px -192px
    }

    .ui-icon-circle-zoomin {
        background-position: -176px -192px
    }

    .ui-icon-circle-zoomout {
        background-position: -192px -192px
    }

    .ui-icon-circle-check {
        background-position: -208px -192px
    }

    .ui-icon-circlesmall-plus {
        background-position: 0 -208px
    }

    .ui-icon-circlesmall-minus {
        background-position: -16px -208px
    }

    .ui-icon-circlesmall-close {
        background-position: -32px -208px
    }

    .ui-icon-squaresmall-plus {
        background-position: -48px -208px
    }

    .ui-icon-squaresmall-minus {
        background-position: -64px -208px
    }

    .ui-icon-squaresmall-close {
        background-position: -80px -208px
    }

    .ui-icon-grip-dotted-vertical {
        background-position: 0 -224px
    }

    .ui-icon-grip-dotted-horizontal {
        background-position: -16px -224px
    }

    .ui-icon-grip-solid-vertical {
        background-position: -32px -224px
    }

    .ui-icon-grip-solid-horizontal {
        background-position: -48px -224px
    }

    .ui-icon-gripsmall-diagonal-se {
        background-position: -64px -224px
    }

    .ui-icon-grip-diagonal-se {
        background-position: -80px -224px
    }

    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
        border-top-left-radius: 3px
    }

    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
        border-top-right-radius: 3px
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        border-bottom-left-radius: 3px
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-bottom-right-radius: 3px
    }

    .ui-widget-overlay {
        background: #aaa;
        opacity: .3;
        filter: Alpha(Opacity=30)
    }

    .ui-widget-shadow {
        -webkit-box-shadow: 0 0 5px #666;
        box-shadow: 0 0 5px #666
    }

    @font-face {
        font-family: "BigCaslon";
        src: url("../font/BigCaslon.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-SemiBold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url('../font/FiraSans-Bold.woff2') format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .button-plus {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 4.3rem;
        width: 4.3rem;
        border: 0.1rem solid #f58024;
    }

        .button-plus > img {
            height: 2rem;
        }

    .g-logo {
        width: 100px;
        height: 100px
    }

    .header-temp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background-color: transparent;
    }

    .header-second-a {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .header-first-section {
        display: flex;
        align-items: center;
        width: 40%;
        justify-content: space-evenly;
        gap: 10px
    }

    .header-second-section {
        display: flex;
        align-items: center;
        gap: 10px
    }

    .button1 {
        min-height: 4.3rem;
        height: max-content;
        width: -moz-max-content;
        width: max-content;
        font-family: "FiraSans", sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.79;
        letter-spacing: 0.088rem;
        text-align: center;
        color: #f58024;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3rem;
        border: solid 0.1rem #f58024;
        padding: 0 1.4rem;
        box-sizing: border-box;
        position: relative;
        cursor: pointer; 
        overflow: hidden;
    }

        .button1 span,
        .button1 img {
            display: flex;
            position: relative;
            z-index: 9;
        }

        .button1::before {
            content: " ";
            top: 0;
            left: 0;
            right: 0;
            height: 0%;
            width: 100%;
            position: absolute;
            background-color: #f58024;
            transition: all ease-in 0.23s;
            z-index: 1;
        }

    @media screen and (min-width: 1025px) {
        .button1:hover::before {
            height: 100%;
        }

        .button1:hover {
            color: white;
        }

            .button1:hover img {
                filter: brightness(0) grayscale(1) invert(1);
            }
    }

    .button1.border-white {
        border: solid 0.1rem #fff;
        color: #fff;
    }

        .button1.border-white::before {
            background-color: #fff;
        }

    @media screen and (min-width: 1025px) {
        .button1.border-white:hover::before {
            height: 100%;
        }

        .button1.border-white:hover {
            color: #000;
        }
    }

    .button1.border-gold {
        border: solid 0.1rem #f58024;
        color: #f58024;
    }

        .button1.border-gold::before {
            background-color: #f58024;
        }

    @media screen and (min-width: 1025px) {
        .button1.border-gold:hover::before {
            height: 100%;
        }

        .button1.border-gold:hover {
            color: white;
        }
    }

    .button1.border-dark {
        border: solid 0.1rem #1b1c21;
        color: #1b1c21;
    }

        .button1.border-dark::before {
            background-color: #1b1c21;
            z-index: 1;
        }

    @media screen and (min-width: 1025px) {
        .button1.border-dark:hover::before {
            height: 100%;
        }

        .button1.border-dark:hover {
            color: white;
        }

            .button1.border-dark:hover > img {
                filter: invert(1);
            }
    }

    .button2 {
        min-height: 4.3rem;
        height: max-content;
        font-family: "FiraSans", sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: 0.088rem;
        text-align: center;
        color: white;
        width: -moz-fit-content;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3rem;
        padding: 0 1.4rem;
        position: relative;
        cursor: pointer;
        box-sizing: border-box;
        text-transform: uppercase;
        background-color: #f58024;
        overflow: hidden;
    }

        .button2 span,
        .button2 img {
            display: flex;
            position: relative;
            z-index: 9;
        }

        .button2::before {
            content: " ";
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 0%;
            position: absolute;
            background-color: #aa8c25;
            transition: all ease-in 0.23s;
            z-index: 1;
        }

    @media (min-width: 1025px) {
        .button2:hover::before {
            width: 100%;
        }

        .button2:hover img {
            filter: brightness(0) grayscale(1) invert(1);
        }
    }

    .button2 img {
        margin-left: 1.2rem;
    }
    /* Arrow without circle */
    .rsArrowLeft,
    .rsArrowRight,
    .arrowR,
    .arrowL {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
    }

        .rsArrowLeft:after,
        .rsArrowRight:after,
        .arrowR:after,
        .arrowL:after {
            content: "";
            position: absolute;
            height: 1.8rem;
            width: 2rem;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

    @media (min-width: 1025px) {
        .rsArrowLeft:hover:after,
        .rsArrowRight:hover:after,
        .arrowR:hover:after,
        .arrowL:hover:after {
            opacity: 0.2;
        }
    }

    .rsArrowLeft.disabled,
    .rsArrowRight.disabled,
    .arrowR.disabled,
    .arrowL.disabled {
        opacity: 0.8;
        pointer-events: none;
        cursor: not-allowed !important;
    }

    .rsArrowLeft:after,
    .arrowL:after {
        background-image: url("../images/icon/icon-arrowL-w.svg");
    }

    .rsArrowRight:after,
    .arrowR:after {
        background-image: url("../images/icon/icon-arrowR-w.svg");
    }

    .arrows .arrowL,
    .arrows .arrowR {
        width: 5.7rem;
        height: 5.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #1b1c21;
        cursor: pointer;
    }

    @media (max-width: 769px) {
        .arrows .arrowL,
        .arrows .arrowR {
            width: 4.4rem;
            height: 4.4rem;
        }
    }

    .arrows .arrowL {
        border-bottom: 0.1rem solid #e6e6e6;
    }

    .m-input-group {
        display: flex;
        flex-direction: column;
        font-family: "FiraSans", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.4rem;
        line-height: 1.14;
    }

        .m-input-group label {
            margin-bottom: 1.2rem;
            color: #1b1c21;
            text-transform: uppercase;
        }

    input,
    textarea,
    select {
        padding: 1.25rem 2rem;
        background-color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #1b1c21;
        font-family: "FiraSans", sans-serif;
        font-size: 1.4rem;
        line-height: 1.79;
        border: 0.1rem solid #1b1c21;
        box-sizing: border-box;
        border-radius: 0.2rem;
    }

        input::placeholder,
        textarea::placeholder,
        select::placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder,
        select::-moz-placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

        input::-ms-input-placeholder,
        textarea::-ms-input-placeholder,
        select::-ms-input-placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder,
        select::-webkit-input-placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

    textarea {
        border-radius: 0;
    }

    select {
        position: relative;
        cursor: pointer;
    }

        select.mini-arrow {
            position: relative;
            background-image: url("/content/img/icon-dropdown.svg");
            background-repeat: no-repeat;
            background-position-x: calc(100% - 2.5rem);
            background-position-y: 50%;
            min-width: 0.8rem;
        }

        select option {
            color: #1b1c21;
            font-family: "FiraSans", sans-serif;
            font-size: 1.5rem;
            line-height: 1.6;
        }

    .m-checkbox-group {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

        .m-checkbox-group .m-checkbox,
        .m-checkbox-group input {
            border-radius: 0 !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 2.4rem;
            height: 2.4rem;
            background-color: white;
            padding: 0;
            margin-right: 1.6rem;
            cursor: pointer;
            position: relative;
            border: 0.1rem solid #a9bdb8;
            box-sizing: border-box;
            box-shadow: 0 0.7rem 6.4rem rgba(0, 0, 0, 0.07);
        }

            .m-checkbox-group .m-checkbox:checked,
            .m-checkbox-group input:checked {
                border: none;
                background-color: #1b1c21;
                background-image: url("../images/icons/icon-check.svg");
                background-position: center;
                background-repeat: no-repeat;
                background-size: 60% auto;
                position: relative;
                left: 0rem;
                top: 0rem;
            }

            .m-checkbox-group .m-checkbox:disabled,
            .m-checkbox-group input:disabled {
                border: none;
                background-color: #dfdfdf;
                pointer-events: none;
            }

        .m-checkbox-group label {
            display: inline-block;
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            font-weight: normal;
            max-width: calc(100% - 3rem);
        }

            .m-checkbox-group label > a {
                text-decoration: underline;
                margin: 0 0.2rem;
            }

        .m-checkbox-group.switch-group {
            display: flex;
            justify-content: center;
            /* Rounded sliders */
        }

            .m-checkbox-group.switch-group .switch {
                position: relative;
                width: 4rem;
                min-width: 4rem;
                height: 2.4rem;
                margin-right: 1.6rem;
            }

                .m-checkbox-group.switch-group .switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                }

            .m-checkbox-group.switch-group .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #ccc;
                -webkit-transition: 0.4s;
                transition: 0.4s;
            }

                .m-checkbox-group.switch-group .slider:before {
                    position: absolute;
                    content: "";
                    height: 1.8rem;
                    width: 1.8rem;
                    left: 0.3rem;
                    bottom: 0.3rem;
                    background-color: white;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                }

            .m-checkbox-group.switch-group input:checked + .slider {
                background-color: #1b1c21;
            }

            .m-checkbox-group.switch-group input:focus + .slider {
                box-shadow: 0 0 1px #1b1c21;
            }

            .m-checkbox-group.switch-group input:checked + .slider:before {
                -webkit-transform: translateX(1.5rem);
                -ms-transform: translateX(1.5rem);
                transform: translateX(1.5rem);
            }

            .m-checkbox-group.switch-group .slider.round {
                border-radius: 3.4rem;
            }

                .m-checkbox-group.switch-group .slider.round:before {
                    border-radius: 50%;
                }

    .m-radio-group {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .m-radio-group .m-radio {
            -webkit-appearance: none;
            width: 2.4rem;
            height: 2.4rem;
            background-color: white;
            padding: 0;
            margin-right: 1.6rem;
            cursor: pointer;
            position: relative;
            border: 0.1rem solid #a9bdb8;
            box-sizing: border-box;
            box-shadow: 0 0.7rem 6.4rem rgba(0, 0, 0, 0.07);
            border-radius: 50%;
        }

            .m-radio-group .m-radio:checked {
                border: 0.2rem solid #1b1c21;
                background-color: #fff !important;
            }

                .m-radio-group .m-radio:checked::after {
                    content: " ";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 1.4rem;
                    height: 1.4rem;
                    border-radius: 50%;
                    background-color: #1b1c21;
                    transform: translate(-50%, -50%);
                }

            .m-radio-group .m-radio:disabled {
                border: none;
                background-color: #dfdfdf;
                pointer-events: none;
            }

        .m-radio-group label {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            font-weight: normal;
        }

    html {
        font-size: 62.5%;
        overflow-x: hidden;
    }

        html body {
            font: 14px "";
            transition: all 0.5s ease;
        }

    @media (min-width: 1921px) and (max-height: 600px) {
        html {
            font-size: 55.5%;
        }
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-transform: none;
    }

    section .mdl-container {
        width: 100%;
        max-width: calc(100% - 21.4rem);
        margin: 0 auto;
    }

    @media (max-width: 1025px) {
        section .mdl-container {
            max-width: calc(100% - 8rem);
        }
    }

    @media (max-width: 769px) {
        section .mdl-container {
            max-width: calc(100% - 7.2rem);
        }
    }

    @media (max-width: 551px) {
        section .mdl-container {
            max-width: calc(100% - 4rem);
        }
    }

    @media (min-width: 1441px) {
        section .mdl-container {
            max-width: 144rem;
        }
    }

    body,
    section {
        font-family: "BigCaslon", serif;
        color: #000;
        font-family: "FiraSans", sans-serif;
        font-weight: 300;
        font-size: 1.6rem;
        letter-spacing: 0.1rem;
        letter-spacing: normal;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .row {
        display: flex;
        flex-direction: row;
    }

    .col {
        display: flex;
        flex-direction: column;
    }

    .readmoreinit {
        overflow: hidden;
    }

    .readmoreinit {
        line-height: 1.6 !important;
    }

    @media screen and (max-width: 1200px) {
        .readmoreinit {
            line-height: 1.6 !important;
        }
    }

    @media screen and (max-width: 600px) {
        .readmoreinit {
            line-height: 1.6 !important;
        }
    }

    .whiteColor::after {
        content: " ";
        background-color: rgba(189, 156, 41, 0.72) !important;
    }

    .read-more,
    .filtro-destacado {
        font-family: "FiraSans", sans-serif;
        font-size: 1.2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: 0.0075rem;
        text-align: center;
        color: #000;
        width: max-content;
        height: max-content;
        position: relative;
        text-transform: uppercase;
        cursor: pointer;
    }

        .read-more::after,
        .filtro-destacado::after {
            content: " ";
            width: 4.8rem;
            height: 0.8rem;
            background-color: rgba(189, 156, 41, 0.3);
            position: absolute;
            bottom: 0;
            right: -1.8rem;
            transition: 0.3s ease;
        }

        .read-more:hover::after,
        .filtro-destacado:hover::after {
            width: calc(100% + 3.6rem);
        }

        .read-more .more,
        .filtro-destacado .more,
        .read-more .less,
        .filtro-destacado .less {
            width: max-content;
            white-space: nowrap;
        }

    .whiteColor {
        color: white !important;
    }

    .filtro-destacado::after {
        width: 2.3rem;
        right: -1rem;
    }

    .filtro-destacado:hover::after {
        width: calc(100% + 2rem);
    }
    /* ----------------------------------------------------------------------------------------------------------------------- */
    html {
        overflow-x: hidden;
    }

    body {
        cursor: default;
        overflow-x: hidden;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    * {
        color: inherit;
        border: 0;
        margin: 0;
        padding: 0;
    }

    a {
        text-size-adjust: none;
        -webkit-text-size-adjust: none;
        text-decoration: none;
        cursor: pointer;
    }

    ul {
        list-style-position: outside;
    }

    li {
        padding-left: 1rem;
        list-style: none;
        position: relative;
    }

        li:before {
            content: "●";
            color: black;
            position: absolute;
            top: 0;
            left: 0;
        }

    button,
    mark {
        background: none;
    }

    button,
    label {
        cursor: pointer;
    }

    :focus {
        outline: none !important;
    }

    ::-moz-focus-inner {
        border: 0;
    }

    summary::-webkit-details-marker {
        display: none;
    }

    button,
    input[type="submit"],
    input[type="text"] {
        -webkit-appearance: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        text-transform: none;
        font-size: inherit;
        font-weight: inherit;
    }

    p {
        width: 100%;
    }

    img {
        width: auto;
        height: auto;
        object-fit: contain;
    }
    /* ----------------------------------------------------------------------------------------------------------------------- */
    @-webkit-keyframes swingV {
        15% {
            -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
        }

        30% {
            -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
        }

        50% {
            -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
        }

        65% {
            -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
        }

        80% {
            -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @keyframes swingV {
        15% {
            -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
        }

        30% {
            -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
        }

        50% {
            -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
        }

        65% {
            -webkit-transform: translateY(-0.3rem);
            transform: translateY(-0.3rem);
        }

        80% {
            -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
        }

        100% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @-webkit-keyframes swingH {
        15% {
            -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
        }

        30% {
            -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
        }

        50% {
            -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
        }

        65% {
            -webkit-transform: translateX(-0.3rem);
            transform: translateX(-0.3rem);
        }

        80% {
            -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    @keyframes swingH {
        15% {
            -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
        }

        30% {
            -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
        }

        50% {
            -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
        }

        65% {
            -webkit-transform: translateX(-0.3rem);
            transform: translateX(-0.3rem);
        }

        80% {
            -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
        }

        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .clearfix {
        color: red !important;
        display: flex;
        flex-direction: column;
    }

    .popup.popup-success {
        display: none;
        background-color: rgba(0, 0, 0, 0.32);
        flex-direction: row;
        width: 100vw;
        height: 100vh;
        justify-content: center;
        align-items: center;
        overflow: auto;
        z-index: 999;
        position: fixed;
        top: 0;
        left: 0;
    }

        .popup.popup-success.active {
            display: flex;
        }

        .popup.popup-success .modal {
            align-items: flex-start;
            justify-content: center;
            display: flex;
            position: relative;
            width: 50%;
            min-height: 23.5rem;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-color: white;
        }

            .popup.popup-success .modal .close {
                position: absolute;
                top: 1.6rem;
                right: 1.6rem;
                cursor: pointer;
            }

                .popup.popup-success .modal .close img {
                    width: 2rem;
                    position: absolute;
                    right: 1rem;
                    top: 1rem;
                }

            .popup.popup-success .modal .icon-close {
                width: 2rem;
                position: absolute;
                right: 1rem;
                top: 1rem;
                cursor: pointer;
            }

    @media (max-width: 640px) {
        .popup.popup-success .modal {
            width: inherit;
        }
    }

    .popup.popup-success .container-flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 4rem;
        padding: 1rem;
        height: 37rem;
        justify-content: center;
    }

        .popup.popup-success .container-flex .title-success-3 {
            font-family: "BigCaslon", serif;
            font-size: 2.5rem;
            font-weight: 500;
            line-height: 1.4;
            text-align: center;
            margin-bottom: 2rem;
            padding: 0rem 2rem;
            text-align: -webkit-center;
        }

        .popup.popup-success .container-flex .text-success-3 {
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.4;
            letter-spacing: 0.063rem;
            margin-bottom: 3.1rem;
            text-align: center;
            padding: 0rem 2rem;
            text-align: -webkit-center;
        }

        .popup.popup-success .container-flex img {
            max-width: 7rem;
        }

    @media (max-width: 640px) {
        .popup.popup-success {
            width: inherit;
            padding: 0 5rem;
            margin: auto;
        }
    }

    .popup.popup-gral {
        display: none;
        flex-direction: row;
        background-color: rgba(82, 82, 82, 0.4);
        width: 100vw;
        height: 100vh;
        justify-content: center;
        align-items: center;
        overflow: auto;
        z-index: 999;
        position: fixed;
        top: 0;
        left: 0;
    }

        .popup.popup-gral .container {
            display: flex;
            flex-direction: column;
            min-width: 80rem;
            padding-left: 3rem;
            padding-right: 3rem;
            min-height: 55rem;
            align-items: center;
        }

        .popup.popup-gral.active {
            display: flex;
        }

        .popup.popup-gral .modal {
            align-items: flex-start;
            justify-content: center;
            display: flex;
            position: relative;
            min-width: 80rem;
            width: 50%;
            min-height: 23.5rem;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            background-color: black;
        }

            .popup.popup-gral .modal .close {
                position: absolute;
                top: 1.6rem;
                right: 1.6rem;
                cursor: pointer;
            }

                .popup.popup-gral .modal .close img {
                    width: 2rem;
                }

        .popup.popup-gral .text-content {
            min-width: 80rem;
            background-color: white;
            position: relative;
            display: flex;
            width: 50%;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

            .popup.popup-gral .text-content .text-container {
                width: 80%;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: start;
                min-height: 25rem;
                padding: 2rem;
            }

                .popup.popup-gral .text-content .text-container .pretitulo {
                    font-family: Courier;
                    font-size: 1.5rem;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.4;
                    letter-spacing: normal;
                    color: #000084;
                    text-transform: uppercase;
                    margin-bottom: 2rem;
                }

                .popup.popup-gral .text-content .text-container .titulo {
                    font-family: BigCaslon;
                    font-size: 3.5rem;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.06;
                    letter-spacing: 2px;
                    color: #000;
                }

                .popup.popup-gral .text-content .text-container .texto {
                    margin-top: 3rem;
                    font-family: FiraSans;
                    font-size: 1.4rem;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.86;
                    letter-spacing: 0.8px;
                    color: #000;
                }

            .popup.popup-gral .text-content .button2 {
                margin-top: 3rem;
                width: 19rem !important;
            }

    @media (max-width: 862px) {
        .popup.popup-gral .container {
            min-width: auto;
        }

            .popup.popup-gral .container .modal {
                width: 100%;
                min-width: 100%;
            }

            .popup.popup-gral .container .text-content {
                width: 100%;
                min-width: 100%;
            }
    }

    @media (max-width: 559px) {
        .popup.popup-gral .text-content .text-container {
            padding-top: 2rem;
        }

            .popup.popup-gral .text-content .text-container .titulo {
                font-size: 2.5rem;
            }
    }

    .popup.registerForm,
    .popup.shop {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.8);
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        max-height: 0;
        opacity: 0;
        z-index: -5;
        transition: opacity 0.3s ease;
        box-sizing: border-box;
        padding-bottom: 4rem;
    }

    @media screen and (max-height: 720px) {
        .popup.registerForm,
        .popup.shop {
            padding-bottom: 2rem;
        }
    }

    @media screen and (min-height: 880px) {
        .popup.registerForm,
        .popup.shop {
            padding-bottom: 0;
            align-items: center;
        }
    }

    @media (max-width: 769px) {
        .popup.registerForm,
        .popup.shop {
            padding-bottom: 0;
            padding-top: 11.5rem;
            align-items: center;
        }
    }

    .popup.registerForm .modal,
    .popup.shop .modal {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        background-color: white;
        border-radius: 0.5rem;
        width: calc(100% - 6rem);
        max-width: 110rem;
        height: max-content;
        max-height: 0;
        box-sizing: border-box;
        overflow: hidden;
        transition: all 0.5s ease 0.3s;
    }

        .popup.registerForm .modal .icon-close,
        .popup.shop .modal .icon-close {
            position: absolute;
            height: 2rem;
            width: 2rem;
            right: 2rem;
            top: 2rem;
            z-index: 5;
            cursor: pointer;
        }

        .popup.registerForm .modal .content,
        .popup.shop .modal .content {
            display: flex;
            overflow-y: auto;
            padding: 5.5rem;
            width: 100%;
            height: 100%;
            max-height: 100%;
            box-sizing: border-box;
            justify-content: space-between;
        }

    @media (max-height: 720px) {
        .popup.registerForm .modal .content,
        .popup.shop .modal .content {
            padding: 2rem 5.5rem;
        }
    }

    .popup.registerForm .modal .content .form-container,
    .popup.shop .modal .content .form-container {
        width: 59.6%;
    }

        .popup.registerForm .modal .content .form-container .title-form,
        .popup.shop .modal .content .form-container .title-form {
            font-family: "BigCaslon", serif;
            font-size: 3.4rem;
            font-weight: 500;
            line-height: 1.76;
            margin-bottom: 1.1rem;
        }

        .popup.registerForm .modal .content .form-container form,
        .popup.shop .modal .content .form-container form {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative;
            width: 100%;
        }

            .popup.registerForm .modal .content .form-container form .note-form,
            .popup.shop .modal .content .form-container form .note-form {
                position: absolute;
                top: 0.6rem;
                right: 0;
                font-size: 1rem;
                width: max-content;
                transform: translateY(-100%);
                line-height: 2.5;
                color: #1b1c21;
            }

            .popup.registerForm .modal .content .form-container form input:not([type="checkbox"]),
            .popup.shop .modal .content .form-container form input:not([type="checkbox"]),
            .popup.registerForm .modal .content .form-container form select,
            .popup.shop .modal .content .form-container form select {
                height: 5.5rem;
                width: 100%;
                margin: 0.5rem 0;
                color: #a6a6a8;
                padding-left: 1rem;
            }

                .popup.registerForm .modal .content .form-container form input:not([type="checkbox"]) option,
                .popup.shop .modal .content .form-container form input:not([type="checkbox"]) option,
                .popup.registerForm .modal .content .form-container form select option,
                .popup.shop .modal .content .form-container form select option {
                    color: #000;
                }

                .popup.registerForm .modal .content .form-container form select.mid,
                .popup.shop .modal .content .form-container form select.mid,
                .popup.registerForm .modal .content .form-container form input.mid,
                .popup.shop .modal .content .form-container form input.mid {
                    width: 49.5%;
                }

            .popup.registerForm .modal .content .form-container form .button2,
            .popup.shop .modal .content .form-container form .button2 {
                margin-top: 3rem;
            }

            .popup.registerForm .modal .content .form-container form .submit-row,
            .popup.shop .modal .content .form-container form .submit-row {
                width: 100%;
            }

            .popup.registerForm .modal .content .form-container form .m-checkbox-group,
            .popup.shop .modal .content .form-container form .m-checkbox-group {
                margin: 2rem 0 3rem;
                width: 100%;
            }

                .popup.registerForm .modal .content .form-container form .m-checkbox-group input,
                .popup.shop .modal .content .form-container form .m-checkbox-group input {
                    margin-top: 0.2rem;
                    width: 1.1rem;
                    height: 1.1rem;
                    margin-right: 1rem;
                }

                    .popup.registerForm .modal .content .form-container form .m-checkbox-group input label,
                    .popup.shop .modal .content .form-container form .m-checkbox-group input label {
                        max-width: calc(100% - 2.2rem);
                    }

    .popup.registerForm .modal .content .resume-block,
    .popup.shop .modal .content .resume-block {
        width: 35.5%;
    }

        .popup.registerForm .modal .content .resume-block .title-form-mbl,
        .popup.shop .modal .content .resume-block .title-form-mbl {
            display: none;
        }

        .popup.registerForm .modal .content .resume-block .resume-container,
        .popup.shop .modal .content .resume-block .resume-container {
            padding: 3rem;
            border-radius: 0.2rem;
            background-color: #f4f4f4;
            font-size: 1.8rem;
            font-weight: normal;
            line-height: 1.44;
        }

            .popup.registerForm .modal .content .resume-block .resume-container .r-title,
            .popup.shop .modal .content .resume-block .resume-container .r-title {
                font-weight: 500;
            }

            .popup.registerForm .modal .content .resume-block .resume-container .r-subtitle,
            .popup.shop .modal .content .resume-block .resume-container .r-subtitle {
                line-height: 1.5;
            }

            .popup.registerForm .modal .content .resume-block .resume-container .r-person,
            .popup.shop .modal .content .resume-block .resume-container .r-person {
                margin-top: 2.2rem;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 0.95rem 0;
                border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
                border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
                font-size: 1.8rem;
            }

                .popup.registerForm .modal .content .resume-block .resume-container .r-person .price-ind,
                .popup.shop .modal .content .resume-block .resume-container .r-person .price-ind {
                    margin-right: 1rem;
                }

                .popup.registerForm .modal .content .resume-block .resume-container .r-person .pax-counter,
                .popup.shop .modal .content .resume-block .resume-container .r-person .pax-counter {
                    display: flex;
                    align-items: center;
                }

                    .popup.registerForm .modal .content .resume-block .resume-container .r-person .pax-counter .minus,
                    .popup.shop .modal .content .resume-block .resume-container .r-person .pax-counter .minus,
                    .popup.registerForm .modal .content .resume-block .resume-container .r-person .pax-counter .plus,
                    .popup.shop .modal .content .resume-block .resume-container .r-person .pax-counter .plus {
                        background-color: white;
                        border-radius: 50%;
                        height: 3.6rem;
                        width: 3.6rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }

                    .popup.registerForm .modal .content .resume-block .resume-container .r-person .pax-counter .num,
                    .popup.shop .modal .content .resume-block .resume-container .r-person .pax-counter .num {
                        margin: 0 1.8rem;
                    }

            .popup.registerForm .modal .content .resume-block .resume-container .r-amount,
            .popup.shop .modal .content .resume-block .resume-container .r-amount {
                display: flex;
                justify-content: space-between;
                font-size: 1.6rem;
                font-weight: bold;
                letter-spacing: 0.091rem;
                padding: 3rem 0 2.5rem;
            }

                .popup.registerForm .modal .content .resume-block .resume-container .r-amount .total,
                .popup.shop .modal .content .resume-block .resume-container .r-amount .total {
                    display: flex;
                    font-size: 2rem;
                    letter-spacing: 0.114rem;
                }

                    .popup.registerForm .modal .content .resume-block .resume-container .r-amount .total .precio-prev,
                    .popup.shop .modal .content .resume-block .resume-container .r-amount .total .precio-prev {
                        text-decoration: line-through;
                        margin-right: 1.1rem;
                        font-weight: normal;
                    }

                    .popup.registerForm .modal .content .resume-block .resume-container .r-amount .total .price,
                    .popup.shop .modal .content .resume-block .resume-container .r-amount .total .price,
                    .popup.registerForm .modal .content .resume-block .resume-container .r-amount .total .precio,
                    .popup.shop .modal .content .resume-block .resume-container .r-amount .total .precio {
                        color: #f58024;
                        font-weight: bold;
                    }

                        .popup.registerForm .modal .content .resume-block .resume-container .r-amount .total .price del,
                        .popup.shop .modal .content .resume-block .resume-container .r-amount .total .price del,
                        .popup.registerForm .modal .content .resume-block .resume-container .r-amount .total .precio del,
                        .popup.shop .modal .content .resume-block .resume-container .r-amount .total .precio del {
                            color: #1b1c21;
                            font-weight: 500;
                            margin-right: 0.75rem;
                        }

            .popup.registerForm .modal .content .resume-block .resume-container .r-promoCode,
            .popup.shop .modal .content .resume-block .resume-container .r-promoCode {
                position: relative;
            }

                .popup.registerForm .modal .content .resume-block .resume-container .r-promoCode input,
                .popup.shop .modal .content .resume-block .resume-container .r-promoCode input {
                    width: 100%;
                    height: 5rem;
                    border: none;
                    margin-bottom: 0;
                    padding-left: 1.5rem;
                }

                .popup.registerForm .modal .content .resume-block .resume-container .r-promoCode .submit-promo,
                .popup.shop .modal .content .resume-block .resume-container .r-promoCode .submit-promo {
                    position: absolute;
                    width: 8.5rem;
                    top: 50%;
                    min-height: 3.8rem;
                    right: 0.7rem;
                    transform: translateY(-50%);
                    background-color: #1b1c21;
                    border: 0.1rem solid #1b1c21;
                }

                    .popup.registerForm .modal .content .resume-block .resume-container .r-promoCode .submit-promo:before,
                    .popup.shop .modal .content .resume-block .resume-container .r-promoCode .submit-promo:before {
                        background-color: #fff;
                    }

                    .popup.registerForm .modal .content .resume-block .resume-container .r-promoCode .submit-promo:hover span,
                    .popup.shop .modal .content .resume-block .resume-container .r-promoCode .submit-promo:hover span {
                        color: #1b1c21;
                    }

                .popup.registerForm .modal .content .resume-block .resume-container .r-promoCode .r-promoMessage,
                .popup.shop .modal .content .resume-block .resume-container .r-promoCode .r-promoMessage {
                    padding: 1.4rem 1.3rem 1.4rem 1.7rem;
                    background-color: white;
                    font-size: 1.4rem;
                    line-height: 1.2;
                }

            .popup.registerForm .modal .content .resume-block .resume-container .r-submit,
            .popup.shop .modal .content .resume-block .resume-container .r-submit {
                margin-top: 1.3rem;
                height: 5.5rem;
                width: 100%;
            }

        .popup.registerForm .modal .content .resume-block .resume-note,
        .popup.shop .modal .content .resume-block .resume-note {
            font-size: 1.2rem;
            font-weight: 300;
            line-height: 1.58;
            margin-top: 1.1rem;
        }

    .popup.registerForm.active,
    .popup.shop.active {
        max-height: 100vh;
        z-index: 999;
        opacity: 1;
    }

        .popup.registerForm.active .modal,
        .popup.shop.active .modal {
            max-height: calc(100% - 4rem - 11.3rem);
            overflow: visible;
        }

    @media (max-width: 1025px) {
        .popup.registerForm.active .modal,
        .popup.shop.active .modal {
            max-height: calc(100% - 4rem - 6.5rem);
        }
    }

    @media (max-width: 551px) {
        .popup.registerForm.active .modal,
        .popup.shop.active .modal {
            max-height: 85vh;
        }
    }

    @media (max-width: 769px) {
        .popup.registerForm .modal .content .form-container,
        .popup.shop .modal .content .form-container {
            width: 49%;
        }

            .popup.registerForm .modal .content .form-container form input.mid,
            .popup.shop .modal .content .form-container form input.mid,
            .popup.registerForm .modal .content .form-container form select.mid,
            .popup.shop .modal .content .form-container form select.mid {
                width: 100%;
            }

        .popup.registerForm .modal .content .resume-block,
        .popup.shop .modal .content .resume-block {
            width: 47%;
        }
    }

    @media (max-width: 551px) {
        .popup.registerForm,
        .popup.shop {
            height: calc(100% - 6.5rem);
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
            min-height: calc(100% - 6.5rem);
            bottom: 0;
            top: unset;
            align-items: flex-end;
        }

            .popup.registerForm .modal,
            .popup.shop .modal {
                width: 100%;
                height: 80vh;
                max-height: 80vh;
                border-bottom-right-radius: unset;
                border-bottom-left-radius: unset;
                bottom: 0;
                overflow-y: scroll;
                -webkit-overflow-scrolling: touch;
            }

                .popup.registerForm .modal .content,
                .popup.shop .modal .content {
                    display: -webkit-box;
                    display: -moz-box;
                    display: box;
                    -webkit-box-orient: vertical;
                    -moz-box-orient: vertical;
                    box-orient: vertical;
                    max-height: 100%;
                    padding: 4.5rem 2.5rem;
                    flex-direction: column-reverse;
                    justify-content: unset;
                }

                    .popup.registerForm .modal .content .form-container,
                    .popup.shop .modal .content .form-container {
                        display: flex;
                        flex-direction: column;
                        -webkit-box-ordinal-group: 2;
                        -moz-box-ordinal-group: 2;
                        box-ordinal-group: 2;
                        padding-top: 3rem;
                        margin-top: 0;
                        width: 100%;
                        height: auto;
                        max-height: unset;
                        min-height: unset;
                    }

                        .popup.registerForm .modal .content .form-container .title-form,
                        .popup.shop .modal .content .form-container .title-form {
                            display: none;
                        }

                        .popup.registerForm .modal .content .form-container form input.mid,
                        .popup.shop .modal .content .form-container form input.mid {
                            width: 100%;
                        }

                    .popup.registerForm .modal .content .resume-block,
                    .popup.shop .modal .content .resume-block {
                        display: flex;
                        flex-direction: column;
                        -webkit-box-ordinal-group: 1;
                        -moz-box-ordinal-group: 1;
                        box-ordinal-group: 1;
                        margin-bottom: 0;
                        padding-bottom: 3rem;
                        width: 100%;
                        height: auto;
                        max-height: unset;
                        min-height: unset;
                    }

                        .popup.registerForm .modal .content .resume-block .title-form-mbl,
                        .popup.shop .modal .content .resume-block .title-form-mbl {
                            display: flex;
                            font-family: "BigCaslon", serif;
                            font-weight: 500;
                            font-size: 4rem;
                            letter-spacing: 0.23rem;
                            margin-bottom: 3rem;
                        }
    }

    @media (max-width: 551px) and (max-width: 769px) {
        .popup.registerForm .modal .content .resume-block .title-form-mbl,
        .popup.shop .modal .content .resume-block .title-form-mbl {
            font-size: 3rem;
            letter-spacing: 0.17rem;
        }
    }

    .popup.ofertaForm1 {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.8);
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        max-height: 0;
        opacity: 0;
        z-index: -5;
        transition: opacity 0.3s ease;
        box-sizing: border-box;
        padding-top: 0;
    }

        .popup.ofertaForm1 .modal {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            background-color: white;
            border-radius: 0.5rem;
            width: calc(100% - 6rem);
            max-width: 72.3rem;
            height: max-content;
            box-sizing: border-box;
            max-height: 0;
            overflow: hidden;
            margin-left: 2rem;
            transition: all 0.5s ease 0.3s;
        }

    @media (max-width: 769px) {
        .popup.ofertaForm1 .modal {
            margin-left: 0;
        }
    }

    .popup.ofertaForm1 .modal .icon-close {
        position: absolute;
        height: 2rem;
        width: 2rem;
        right: 1.75rem;
        top: 1.75rem;
        z-index: 5;
        cursor: pointer;
    }

    .popup.ofertaForm1 .modal .content {
        overflow-y: auto;
        padding: 4rem 7.6rem 6.1rem 5.5rem;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

        .popup.ofertaForm1 .modal .content .title-form {
            font-family: "BigCaslon", serif;
            font-size: 3.4rem;
            font-weight: 500;
            margin-bottom: 2.5rem;
            line-height: 1.15;
            max-width: 85%;
        }

        .popup.ofertaForm1 .modal .content .subtitle-form {
            font-size: 1.5rem;
            font-weight: normal;
            line-height: 1.67;
            display: inline-block;
        }

        .popup.ofertaForm1 .modal .content form {
            margin-top: 2.5rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative;
            width: 100%;
        }

            .popup.ofertaForm1 .modal .content form .note-form {
                position: absolute;
                top: 0.6rem;
                right: 0;
                font-size: 1rem;
                width: max-content;
                transform: translateY(-100%);
                line-height: 2.5;
                color: #1b1c21;
            }

            .popup.ofertaForm1 .modal .content form > .row {
                width: 100%;
                justify-content: space-between;
            }

            .popup.ofertaForm1 .modal .content form .input-group {
                height: 5.5rem;
                width: 100%;
                margin: 0.65rem 0;
                color: rgba(27, 28, 33, 0.4);
            }

                .popup.ofertaForm1 .modal .content form .input-group.fecha {
                    position: relative;
                }

                .popup.ofertaForm1 .modal .content form .input-group.error input {
                    border: 1px solid #f00;
                }

                .popup.ofertaForm1 .modal .content form .input-group .calendar-wrapper {
                    width: 50%;
                    position: relative;
                }

                    .popup.ofertaForm1 .modal .content form .input-group .calendar-wrapper.desde {
                        margin-right: 0.7rem;
                    }

                    .popup.ofertaForm1 .modal .content form .input-group .calendar-wrapper .calendar-icon {
                        position: absolute;
                        top: 50%;
                        right: 1.9rem;
                        width: 2.2rem;
                        height: 2.2rem;
                        transform: translateY(-50%);
                    }

                    .popup.ofertaForm1 .modal .content form .input-group .calendar-wrapper .calendar-icon1 {
                        content: "";
                        position: absolute;
                        top: 50%;
                        right: 1.9rem;
                        width: 2.2rem;
                        height: 2.2rem;
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        transform: translateY(-50%);
                    }

                .popup.ofertaForm1 .modal .content form .input-group input,
                .popup.ofertaForm1 .modal .content form .input-group select {
                    width: 100%;
                    height: 100%;
                    padding: 1.25rem 1.5rem;
                    border: solid 0.5px #b4b4b6;
                }

                .popup.ofertaForm1 .modal .content form .input-group option {
                    color: #1b1c21;
                }

                .popup.ofertaForm1 .modal .content form .input-group.input-xs {
                    width: 17.1%;
                }

                .popup.ofertaForm1 .modal .content form .input-group.input-s {
                    width: 33%;
                }

                .popup.ofertaForm1 .modal .content form .input-group.input-m {
                    width: 40.15%;
                }

                .popup.ofertaForm1 .modal .content form .input-group.input-l {
                    width: 49%;
                }

                .popup.ofertaForm1 .modal .content form .input-group.input-xl {
                    width: 59.15%;
                }

                .popup.ofertaForm1 .modal .content form .input-group.input-xxl {
                    width: 65.7%;
                }

                .popup.ofertaForm1 .modal .content form .input-group .quantity {
                    border-top: solid 0.5px #b4b4b6 !important;
                    border-bottom: solid 0.5px #b4b4b6 !important;
                    font-size: 1.6rem;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.39;
                    opacity: 0.4;
                    color: #1b1c21;
                }

            .popup.ofertaForm1 .modal .content form .add-player {
                display: flex;
                justify-content: center;
                width: 100%;
                cursor: pointer;
                font-size: 1.4rem;
                font-weight: 500;
                line-height: 1.79;
                letter-spacing: 0.088rem;
                text-transform: uppercase;
                text-decoration: underline;
                margin-top: 0.7rem;
                margin-bottom: 1.5rem;
            }

            .popup.ofertaForm1 .modal .content form .submit-row {
                width: 100%;
                justify-content: space-between;
                align-items: center;
                margin-top: 2.2rem;
            }

                .popup.ofertaForm1 .modal .content form .submit-row .m-checkbox-group {
                    width: 60%;
                }

                    .popup.ofertaForm1 .modal .content form .submit-row .m-checkbox-group input {
                        margin-top: 0.2rem;
                        width: 1.1rem;
                        height: 1.1rem;
                        margin-right: 1rem;
                    }

                        .popup.ofertaForm1 .modal .content form .submit-row .m-checkbox-group input label {
                            max-width: calc(100% - 2.2rem);
                        }

                .popup.ofertaForm1 .modal .content form .submit-row .button2 {
                    width: max-content;
                    height: 4.3rem;
                    padding: 0 1.8rem 0 2.3rem;
                }

    .popup.ofertaForm1.active {
        max-height: 100vh;
        z-index: 999;
        opacity: 1;
    }

        .popup.ofertaForm1.active .modal {
            max-height: 90vh;
            overflow: visible;
        }

    @media (max-width: 551px) {
        .popup.ofertaForm1.active .modal {
            max-height: 85vh;
        }
    }

    .popup.ofertaForm1.simpleForm .modal .content form .add-player,
    .popup.ofertaForm1.simpleForm .modal .content form .hideOnSimple {
        display: none;
    }

    .popup.ofertaForm1.simpleForm .modal .content form .showOnSimple {
        display: flex;
    }

    @media (max-width: 551px) {
        .popup.ofertaForm1 {
            bottom: 0;
            top: unset;
            align-items: flex-end;
        }

            .popup.ofertaForm1 .modal {
                width: 100%;
                max-height: 85vh;
                border-bottom-right-radius: unset;
                border-bottom-left-radius: unset;
                bottom: 0;
            }

                .popup.ofertaForm1 .modal .content {
                    padding: 4.5rem 2.5rem;
                }

                    .popup.ofertaForm1 .modal .content .title-form {
                        width: 95%;
                    }

                    .popup.ofertaForm1 .modal .content .subtitle-form {
                        width: 81%;
                    }

                    .popup.ofertaForm1 .modal .content form > .row {
                        flex-wrap: wrap;
                    }

                    .popup.ofertaForm1 .modal .content form .input-group.input-xs {
                        width: 25%;
                    }

                    .popup.ofertaForm1 .modal .content form .input-group.input-m {
                        width: 36%;
                    }

                    .popup.ofertaForm1 .modal .content form .input-group.input-s,
                    .popup.ofertaForm1 .modal .content form .input-group.input-l,
                    .popup.ofertaForm1 .modal .content form .input-group.input-xl,
                    .popup.ofertaForm1 .modal .content form .input-group.input-xxl,
                    .popup.ofertaForm1 .modal .content form .input-group.counter {
                        width: 100%;
                    }

                    .popup.ofertaForm1 .modal .content form .add-player {
                        margin: 1.5rem 0;
                    }

                    .popup.ofertaForm1 .modal .content form .submit-row .m-checkbox-group {
                        width: 100%;
                    }

                    .popup.ofertaForm1 .modal .content form .submit-row .button2 {
                        width: 100%;
                        margin-top: 2.5rem;
                    }
    }

    .popup.ofertaForm2 {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.8);
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        max-height: 0;
        opacity: 0;
        z-index: -5;
        transition: opacity 0.3s ease;
        box-sizing: border-box;
        padding-top: 0;
    }

        .popup.ofertaForm2 .modal {
            display: flex;
            flex-direction: column;
            align-items: center;
            position: relative;
            background-color: white;
            border-radius: 0.5rem;
            width: calc(100% - 6rem);
            max-width: 72.3rem;
            height: max-content;
            box-sizing: border-box;
            max-height: 0;
            overflow: hidden;
            margin-left: 2rem;
            transition: all 0.5s ease 0.3s;
        }

    @media (max-width: 769px) {
        .popup.ofertaForm2 .modal {
            margin-left: 0;
        }
    }

    .popup.ofertaForm2 .modal .icon-close {
        position: absolute;
        height: 2rem;
        width: 2rem;
        right: 1.75rem;
        top: 1.75rem;
        z-index: 5;
        cursor: pointer;
    }

    .popup.ofertaForm2 .modal .content {
        overflow-y: auto;
        padding: 4rem 7.6rem 6.1rem 5.5rem;
        width: 100%;
        box-sizing: border-box;
        justify-content: space-between;
    }

        .popup.ofertaForm2 .modal .content .title-form {
            font-family: "BigCaslon", serif;
            font-size: 3.4rem;
            font-weight: 500;
            margin-bottom: 2.5rem;
            line-height: 1.15;
            max-width: 85%;
        }

        .popup.ofertaForm2 .modal .content .subtitle-form {
            font-size: 1.5rem;
            font-weight: normal;
            line-height: 1.67;
            display: inline-block;
        }

        .popup.ofertaForm2 .modal .content form {
            margin-top: 2.5rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            position: relative;
            width: 100%;
        }

            .popup.ofertaForm2 .modal .content form .note-form {
                position: absolute;
                top: 0.6rem;
                right: 0;
                font-size: 1rem;
                width: max-content;
                transform: translateY(-100%);
                line-height: 2.5;
                color: #1b1c21;
            }

            .popup.ofertaForm2 .modal .content form > .row {
                width: 100%;
                justify-content: space-between;
            }

            .popup.ofertaForm2 .modal .content form .player-form:not(.active) {
                display: none;
            }

            .popup.ofertaForm2 .modal .content form .player-form {
                position: relative;
            }

                .popup.ofertaForm2 .modal .content form .player-form .icon-delete {
                    display: none;
                }

                .popup.ofertaForm2 .modal .content form .player-form:not(#player0) {
                    position: relative;
                }

                    .popup.ofertaForm2 .modal .content form .player-form:not(#player0) .icon-delete {
                        display: block;
                        position: absolute;
                        cursor: pointer;
                        top: 50%;
                        right: -3rem;
                        width: 2rem;
                        transform: translateY(-50%);
                    }

            .popup.ofertaForm2 .modal .content form .input-group {
                height: 5.5rem;
                width: 100%;
                margin: 0.65rem 0;
                color: rgba(27, 28, 33, 0.4);
            }

                .popup.ofertaForm2 .modal .content form .input-group.fecha {
                    position: relative;
                }

                    .popup.ofertaForm2 .modal .content form .input-group.fecha img {
                        position: absolute;
                        top: 17px;
                        right: 18px;
                    }

                .popup.ofertaForm2 .modal .content form .input-group.error input {
                    border: 1px solid #f00;
                }

                .popup.ofertaForm2 .modal .content form .input-group input,
                .popup.ofertaForm2 .modal .content form .input-group select {
                    border: solid 0.5px #b4b4b6;
                    width: 100%;
                    height: 100%;
                    padding: 1.25rem 1.5rem;
                }

                .popup.ofertaForm2 .modal .content form .input-group option {
                    color: #1b1c21;
                }

                .popup.ofertaForm2 .modal .content form .input-group.input-xs {
                    width: 17.1%;
                }

                .popup.ofertaForm2 .modal .content form .input-group.input-s {
                    width: 33%;
                }

                .popup.ofertaForm2 .modal .content form .input-group.input-m {
                    width: 40.15%;
                }

                .popup.ofertaForm2 .modal .content form .input-group.input-l {
                    width: 49%;
                }

                .popup.ofertaForm2 .modal .content form .input-group.input-xl {
                    width: 59.15%;
                }

                .popup.ofertaForm2 .modal .content form .input-group.input-xxl {
                    width: 65.7%;
                }

            .popup.ofertaForm2 .modal .content form .add-player {
                display: flex;
                justify-content: center;
                width: 100%;
                cursor: pointer;
                font-size: 1.4rem;
                font-weight: 500;
                line-height: 1.79;
                letter-spacing: 0.088rem;
                text-transform: uppercase;
                text-decoration: underline;
                margin-top: 0.7rem;
                margin-bottom: 1.5rem;
            }

            .popup.ofertaForm2 .modal .content form .submit-row {
                width: 100%;
                justify-content: space-between;
                align-items: center;
                margin-top: 2.2rem;
            }

                .popup.ofertaForm2 .modal .content form .submit-row .m-checkbox-group {
                    width: 60%;
                }

                    .popup.ofertaForm2 .modal .content form .submit-row .m-checkbox-group input {
                        margin-top: 0.2rem;
                        width: 1.1rem;
                        height: 1.1rem;
                        margin-right: 1rem;
                    }

                        .popup.ofertaForm2 .modal .content form .submit-row .m-checkbox-group input label {
                            max-width: calc(100% - 2.2rem);
                        }

                .popup.ofertaForm2 .modal .content form .submit-row .button2 {
                    width: max-content;
                    height: 4.3rem;
                    padding: 0 1.8rem 0 2.3rem;
                }

    .popup.ofertaForm2.active {
        max-height: 100vh;
        z-index: 999;
        opacity: 1;
    }

        .popup.ofertaForm2.active .modal {
            max-height: 90vh;
            overflow: visible;
        }

    @media (max-width: 551px) {
        .popup.ofertaForm2.active .modal {
            max-height: 85vh;
        }
    }

    .popup.ofertaForm2.simpleForm .modal .content form .add-player,
    .popup.ofertaForm2.simpleForm .modal .content form .hideOnSimple {
        display: none;
    }

    .popup.ofertaForm2.simpleForm .modal .content form .showOnSimple {
        display: flex;
    }

        .popup.ofertaForm2.simpleForm .modal .content form .showOnSimple .input-group.counter {
            width: 39%;
            position: relative;
        }

    @media (max-width: 551px) {
        .popup.ofertaForm2.simpleForm .modal .content form .showOnSimple .input-group.counter {
            width: 100%;
        }
    }

    .popup.ofertaForm2.simpleForm .modal .content form .showOnSimple .input-group.counter > input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .popup.ofertaForm2.simpleForm .modal .content form .showOnSimple .input-group.counter .counter-box {
        position: absolute;
        top: 0;
        right: 1.5rem;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: flex-end;
        z-index: 999;
        font-size: 1.8rem;
        line-height: 1.39;
    }

        .popup.ofertaForm2.simpleForm .modal .content form .showOnSimple .input-group.counter .counter-box .num {
            margin: 0 1rem;
        }

    @media (max-width: 551px) {
        .popup.ofertaForm2 {
            bottom: 0;
            top: unset;
            align-items: flex-end;
        }

            .popup.ofertaForm2 .modal {
                width: 100%;
                max-height: 85vh;
                border-bottom-right-radius: unset;
                border-bottom-left-radius: unset;
                bottom: 0;
            }

                .popup.ofertaForm2 .modal .content {
                    padding: 1.5rem 2.5rem;
                }

                    .popup.ofertaForm2 .modal .content .title-form {
                        width: 95%;
                    }

                    .popup.ofertaForm2 .modal .content form > .row {
                        flex-wrap: wrap;
                    }

                    .popup.ofertaForm2 .modal .content form .input-group.input-xs {
                        width: 25%;
                    }

                    .popup.ofertaForm2 .modal .content form .input-group.input-m {
                        width: 36%;
                    }

                    .popup.ofertaForm2 .modal .content form .input-group.input-s,
                    .popup.ofertaForm2 .modal .content form .input-group.input-l,
                    .popup.ofertaForm2 .modal .content form .input-group.input-xl,
                    .popup.ofertaForm2 .modal .content form .input-group.input-xxl,
                    .popup.ofertaForm2 .modal .content form .input-group.counter {
                        width: 100%;
                    }

                    .popup.ofertaForm2 .modal .content form .add-player {
                        margin: 1.5rem 0;
                    }

                    .popup.ofertaForm2 .modal .content form .submit-row .m-checkbox-group {
                        width: 100%;
                    }

                    .popup.ofertaForm2 .modal .content form .submit-row .button2 {
                        width: 100%;
                        margin-top: 2.5rem;
                    }
    }

    @media (max-width: 400px) {
        .popup.ofertaForm2 .modal .content .subtitle-form {
            display: flex;
            flex-direction: column;
        }
    }

    .popup.ofertaForm1 .modal .content form .input-group input[type="date"]::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background-image: url("/content/img/icon-calendar.svg");
        width: 22px;
        height: 22px;
        border-width: thin;
    }

    .popup.ofertaForm2 .modal .content form .input-group input[type="date"]::-webkit-calendar-picker-indicator {
        color: rgba(0, 0, 0, 0);
        opacity: 1;
        display: block;
        background-image: url("/content/img/icon-calendar.svg");
        width: 22px;
        height: 22px;
        border-width: thin;
    }

    .input-group.counter {
        width: 39%;
        position: relative;
    }

        .input-group.counter.input-l {
            width: 49%;
        }

    @media (max-width: 551px) {
        .input-group.counter {
            width: 100%;
        }
    }

    .input-group.counter > input {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
    }

    .input-group.counter .counter-box {
        position: absolute;
        top: 0;
        right: 1.5rem;
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: flex-end;
        z-index: 999;
        font-size: 1.8rem;
        line-height: 1.39;
        border: none;
    }

        .input-group.counter .counter-box .num {
            margin: 0 1rem;
        }

        .input-group.counter .counter-box .minus,
        .input-group.counter .counter-box .plus {
            background-color: white;
            border-radius: 50%;
            height: 3.6rem;
            width: 3.6rem;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer !important;
        }

        .input-group.counter .counter-box .num {
            margin: 0 1.8rem;
        }

    input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        input[type="number"]::-webkit-inner-spin-button,
        input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
        }

    .number-input {
        border: 2px solid #ddd;
        display: inline-block;
    }

        .number-input,
        .number-input * {
            box-sizing: border-box;
        }

            .number-input .button-mat {
                outline: none;
                -webkit-appearance: none;
                background-color: transparent;
                border: none;
                align-items: center;
                justify-content: center;
                width: 3rem;
                height: 3rem;
                cursor: pointer;
                margin: 0;
                position: relative;
            }

                .number-input .button-mat:before,
                .number-input .button-mat:after {
                    display: inline-block;
                    position: absolute;
                    content: "";
                    width: 1rem;
                    height: 2px;
                    background-color: #212121;
                    transform: translate(-50%, -50%);
                }

                .number-input .button-mat.plus:after {
                    transform: translate(-50%, -50%) rotate(90deg);
                }

            .number-input input[type="number"] {
                font-family: sans-serif;
                max-width: 5rem;
                padding: 0.5rem;
                border-top: 0.1rem solid #1b1c21 !important;
                border-bottom: 0.1rem solid #1b1c21 !important;
                border-left: none !important;
                border-right: none !important;
                border-width: 0 2px;
                font-size: 2rem;
                height: 3rem;
                font-weight: bold;
                text-align: center;
            }

    .success_4 {
        display: none;
    }

        .success_4 .container-flex {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 4rem;
            padding: 1rem;
            height: 37rem;
            justify-content: center;
        }

            .success_4 .container-flex .title-success-3 {
                font-family: "BigCaslon", serif;
                font-size: 2.5rem;
                font-weight: 500;
                line-height: 1.4;
                text-align: center;
                margin-bottom: 2rem;
                padding: 0rem 2rem;
                text-align: -webkit-center;
            }

            .success_4 .container-flex .text-success-3 {
                font-size: 2rem;
                font-weight: 500;
                line-height: 1.4;
                letter-spacing: 0.063rem;
                margin-bottom: 3.1rem;
                text-align: center;
                padding: 0rem 2rem;
                text-align: -webkit-center;
            }

            .success_4 .container-flex img {
                max-width: 7rem;
            }

    #success_5 {
        display: none;
    }

        #success_5 .container-flex {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 4rem;
            padding: 1rem;
            height: 37rem;
            justify-content: center;
        }

            #success_5 .container-flex .title-success-3 {
                font-family: "BigCaslon", serif;
                font-size: 2.5rem;
                font-weight: 500;
                line-height: 1.4;
                text-align: center;
                margin-bottom: 2rem;
                padding: 0rem 2rem;
                text-align: -webkit-center;
            }

            #success_5 .container-flex .text-success-3 {
                font-size: 2rem;
                font-weight: 500;
                line-height: 1.4;
                letter-spacing: 0.063rem;
                margin-bottom: 3.1rem;
                text-align: center;
                padding: 0rem 2rem;
                text-align: -webkit-center;
            }

            #success_5 .container-flex img {
                max-width: 7rem;
            }

    .datepicker-container {
        place-content: center;
    }

    .datepicker-panel > ul > li:before {
        content: none;
    }

    .pro-shop-input.error {
        border: 1px solid #f00;
    }

    .input-group.counter .counter-box .less-icon {
        margin-right: -2rem;
        max-width: 2rem !important;
    }

    .input-group.counter .counter-box .more-icon {
        max-width: 2rem !important;
        margin-left: -2rem;
    }

    .iphone .popup.active .modal {
        max-height: calc(85vh - 3rem) !important;
    }

    .infocovid {
        margin: 0 auto;
        background: #000;
        display: none;
        left: 0;
        z-index: 2000;
        position: fixed;
        top: 0;
        justify-content: center;
        box-sizing: border-box;
        width: 100%;
        font: 14px/20px "DM Sans Bold";
        color: #fff;
        height: auto;
        text-transform: uppercase;
    }

        .infocovid a {
            text-decoration: underline;
            color: #fff;
            white-space: nowrap;
        }

        .infocovid .di2 {
            display: flex;
            align-items: center;
            height: auto;
            text-align: center;
            padding: 5px 25px;
        }

        .infocovid .close-button {
            display: block;
            width: 40px;
            margin-left: 20px;
            height: 40px;
            position: absolute;
            top: -5px;
            right: 0;
            transform: scale(0.3);
            cursor: pointer;
            overflow: hidden;
        }

            .infocovid .close-button > div {
                position: relative;
            }

        .infocovid .close-button-block {
            width: 40px;
            height: 20px;
            position: relative;
            overflow: hidden;
        }

            .infocovid .close-button-block:before,
            .infocovid .close-button-block:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: calc(55% - 4px);
                display: block;
                width: 4px;
                height: 25px;
                transform-origin: bottom center;
                background: white;
                transition: all ease-out 280ms;
            }

            .infocovid .close-button-block:last-of-type {
                transform: rotate(180deg);
            }

        .infocovid .close-button .in .close-button-block:before {
            transition-delay: 280ms;
            transform: translateX(20px) translateY(-20px) rotate(45deg);
        }

        .infocovid .close-button .in .close-button-block:after {
            transition-delay: 280ms;
            transform: translateX(-22px) translateY(-22px) rotate(-45deg);
        }

        .infocovid .close-button .out {
            position: absolute;
            top: 0;
            left: 0;
        }

            .infocovid .close-button .out .close-button-block:before {
                transform: translateX(-5px) translateY(5px) rotate(45deg);
            }

            .infocovid .close-button .out .close-button-block:after {
                transform: translateX(5px) translateY(5px) rotate(-45deg);
            }

        .infocovid .close-button:hover .in .close-button-block:before {
            transform: translateX(-5px) translateY(5px) rotate(45deg);
        }

        .infocovid .close-button:hover .in .close-button-block:after {
            transform: translateX(5px) translateY(5px) rotate(-45deg);
        }

        .infocovid .close-button:hover .out .close-button-block:before {
            transform: translateX(-20px) translateY(20px) rotate(45deg);
        }

        .infocovid .close-button:hover .out .close-button-block:after {
            transform: translateX(20px) translateY(20px) rotate(-45deg);
        }

    .input-group,
    .input-group select {
        color: unset !important;
    }

        .input-group option {
            color: #1b1c21 !important;
        }

            .input-group option:first-child,
            .input-group option[disabled] {
                color: rgba(27, 28, 33, 0.4) !important;
            }

    .grecaptcha-badge {
        display: none !important;
    }

    .is-desktop {
        display: block
    }

    .is-tablet, .is-mobile {
        display: none
    }

    @media screen and (max-width: 1023px) {
        .is-tablet {
            display: block
        }

        .is-desktop {
            display: none
        }
    }

    @media screen and (max-width: 767px) {
        .is-mobile {
            display: block
        }

        .is-desktop, .is-tablet {
            display: none
        }
    }

    .mfp-bg, .mfp-wrap {
        position: fixed;
        left: 0;
        top: 0
    }

    .mfp-bg, .mfp-container, .mfp-wrap {
        height: 100%;
        width: 100%
    }

        .mfp-container:before, .mfp-figure:after {
            content: ''
        }

    .mfp-bg {
        z-index: 1042;
        overflow: hidden;
        background: #0b0b0b;
        opacity: .8;
        filter: alpha(opacity=80)
    }

    .mfp-wrap {
        z-index: 1043;
        outline: 0 !important;
        -webkit-backface-visibility: hidden
    }

    .mfp-container {
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0 8px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .mfp-container:before {
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }

    .mfp-align-top .mfp-container:before {
        display: none
    }

    .mfp-content {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 0 auto;
        text-align: left;
        z-index: 1045
    }

    .mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
        width: 100%;
        cursor: auto
    }

    .mfp-ajax-cur {
        cursor: progress
    }

    .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
        cursor: -moz-zoom-out;
        cursor: -webkit-zoom-out;
        cursor: zoom-out
    }

    .mfp-zoom {
        cursor: pointer;
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in
    }

    .mfp-auto-cursor .mfp-content {
        cursor: auto
    }

    .mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .mfp-loading.mfp-figure {
        display: none
    }

    .mfp-hide {
        display: none !important
    }

    .mfp-preloader {
        color: #ccc;
        position: absolute;
        top: 50%;
        width: auto;
        text-align: center;
        margin-top: -.8em;
        left: 8px;
        right: 8px;
        z-index: 1044
    }

        .mfp-preloader a {
            color: #ccc
        }

            .mfp-close, .mfp-preloader a:hover {
                color: #fff
            }

    .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
        display: none
    }

    button.mfp-arrow, button.mfp-close {
        overflow: visible;
        cursor: pointer;
        background: 0 0;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .mfp-figure:after, .mfp-iframe-scaler iframe {
        box-shadow: 0 0 8px rgba(0,0,0,.6);
        position: absolute;
        left: 0
    }

    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

    .mfp-close {
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: .65;
        padding: 0 0 18px 10px;
        font-style: normal;
        font-size: 28px;
        font-family: Arial,Baskerville,monospace
    }

        .mfp-close:focus, .mfp-close:hover {
            opacity: 1
        }

        .mfp-close:active {
            top: 1px
        }

    .mfp-close-btn-in .mfp-close {
        color: #333
    }

    .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
        color: #fff;
        right: -6px;
        text-align: right;
        padding-right: 6px;
        width: 100%
    }

    .mfp-counter {
        position: absolute;
        top: 0;
        right: 0;
        color: #ccc;
        font-size: 12px;
        line-height: 18px
    }

    .mfp-figure, img.mfp-img {
        line-height: 0
    }

    .mfp-arrow {
        position: absolute;
        opacity: .65;
        margin: -55px 0 0;
        top: 50%;
        padding: 0;
        width: 90px;
        height: 110px;
        -webkit-tap-highlight-color: transparent
    }

        .mfp-arrow:active {
            margin-top: -54px
        }

        .mfp-arrow:focus, .mfp-arrow:hover {
            opacity: 1
        }

        .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            left: 0;
            top: 0;
            margin-top: 35px;
            margin-left: 35px;
            border: inset transparent
        }

        .mfp-arrow .mfp-a, .mfp-arrow:after {
            border-top-width: 13px;
            border-bottom-width: 13px;
            top: 8px
        }

        .mfp-arrow .mfp-b, .mfp-arrow:before {
            border-top-width: 21px;
            border-bottom-width: 21px
        }

    .mfp-arrow-left {
        left: 0
    }

        .mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
            border-right: 17px solid #fff;
            margin-left: 31px
        }

        .mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
            margin-left: 25px;
            border-right: 27px solid #3f3f3f
        }

    .mfp-arrow-right {
        right: 0
    }

        .mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
            border-left: 17px solid #fff;
            margin-left: 39px
        }

        .mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
            border-left: 27px solid #3f3f3f
        }

    .mfp-iframe-holder {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .mfp-iframe-holder .mfp-content {
            line-height: 0;
            width: 100%;
            max-width: 900px
        }

    .mfp-image-holder .mfp-content, img.mfp-img {
        max-width: 100%
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px
    }

    .mfp-iframe-scaler {
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-top: 56.25%
    }

        .mfp-iframe-scaler iframe {
            display: block;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000
        }

    .mfp-figure:after, img.mfp-img {
        width: auto;
        height: auto;
        display: block
    }

    img.mfp-img {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 40px 0;
        margin: 0 auto
    }

    .mfp-figure:after {
        top: 40px;
        bottom: 40px;
        right: 0;
        z-index: -1;
        background: #444
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px
    }

    .mfp-bottom-bar {
        margin-top: -36px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        cursor: auto
    }

    .mfp-title {
        text-align: left;
        line-height: 18px;
        color: #f3f3f3;
        word-wrap: break-word;
        padding-right: 36px
    }

    .mfp-gallery .mfp-image-holder .mfp-figure {
        cursor: pointer
    }

    @media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
        .mfp-img-mobile .mfp-image-holder {
            padding-left: 0;
            padding-right: 0
        }

        .mfp-img-mobile img.mfp-img {
            padding: 0
        }

        .mfp-img-mobile .mfp-figure:after {
            top: 0;
            bottom: 0
        }

        .mfp-img-mobile .mfp-figure small {
            display: inline;
            margin-left: 5px
        }

        .mfp-img-mobile .mfp-bottom-bar {
            background: rgba(0,0,0,.6);
            bottom: 0;
            margin: 0;
            top: auto;
            padding: 3px 5px;
            position: fixed;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .mfp-img-mobile .mfp-bottom-bar:empty {
                padding: 0
            }

        .mfp-img-mobile .mfp-counter {
            right: 5px;
            top: 3px
        }

        .mfp-img-mobile .mfp-close {
            top: 0;
            right: 0;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background: rgba(0,0,0,.6);
            position: fixed;
            text-align: center;
            padding: 0
        }
    }

    @media all and (max-width:900px) {
        .mfp-arrow {
            -webkit-transform: scale(.75);
            transform: scale(.75)
        }

        .mfp-arrow-left {
            -webkit-transform-origin: 0;
            transform-origin: 0
        }

        .mfp-arrow-right {
            -webkit-transform-origin: 100%;
            transform-origin: 100%
        }

        .mfp-container {
            padding-left: 6px;
            padding-right: 6px
        }
    }

    .mfp-ie7 .mfp-img {
        padding: 0
    }

    .mfp-ie7 .mfp-bottom-bar {
        width: 600px;
        left: 50%;
        margin-left: -300px;
        margin-top: 5px;
        padding-bottom: 5px
    }

    .mfp-ie7 .mfp-container {
        padding: 0
    }

    .mfp-ie7 .mfp-content {
        padding-top: 44px
    }

    .mfp-ie7 .mfp-close {
        top: 0;
        right: 0;
        padding-top: 0
    }
    /* v1.0.6 */
    /* Core RS CSS file. 95% of time you shouldn't change anything here. */
    .royalSlider {
        width: 600px;
        height: 400px;
        position: relative;
        direction: ltr;
    }

        .royalSlider > * {
            float: left;
        }

    .rsWebkit3d .rsSlide,
    .rsWebkit3d .rsContainer,
    .rsWebkit3d .rsThumbs,
    .rsWebkit3d .rsPreloader,
    .rsWebkit3d img,
    .rsWebkit3d .rsOverflow,
    .rsWebkit3d .rsBtnCenterer,
    .rsWebkit3d .rsAbsoluteEl,
    .rsWebkit3d .rsABlock,
    .rsWebkit3d .rsLink {
        -webkit-backface-visibility: hidden;
    }

    .rsFade.rsWebkit3d .rsSlide,
    .rsFade.rsWebkit3d img,
    .rsFade.rsWebkit3d .rsContainer {
        -webkit-transform: none;
    }

    .rsOverflow {
        width: 100%!important;
        position: relative;
        overflow: hidden;
        float: left;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .rsVisibleNearbyWrap {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        left: 0;
        top: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

        .rsVisibleNearbyWrap .rsOverflow {
            position: absolute;
            left: 0;
            top: 0;
        }

.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition-duration: 1000ms !important;
    transition-timing-function:unset;
}

    .rsArrow,
    .rsThumbsArrow {
        cursor: pointer;
    }

    .rsThumb {
        float: left;
        position: relative;
    }


    .rsArrow,
    .rsNav,
    .rsThumbsArrow {
        opacity: 1;
        -webkit-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
    }

    .rsHidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
        -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
        -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
        transition: visibility 0s linear 0.3s,opacity 0.3s linear;
    }


    .rsGCaption {
        width: 100%;
        float: left;
        text-align: center;
    }

    /* Fullscreen options, very important ^^ */
    .royalSlider.rsFullscreen {
        position: fixed !important;
        height: auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2147483647 !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
    }

    .royalSlider .rsSlide.rsFakePreloader {
        opacity: 1 !important;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        display: none;
    }

    .rsSlide {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        overflow: hidden;
        height: 100%;
        width: 100%;
    }

    .royalSlider.rsAutoHeight,
    .rsAutoHeight .rsSlide {
        height: auto;
    }

    .rsContent {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .rsPreloader {
        position: absolute;
        z-index: 0;
    }

    .rsNav {
        -moz-user-select: -moz-none;
        -webkit-user-select: none;
        user-select: none;
    }

    .rsNavItem {
        -webkit-tap-highlight-color: rgba(0,0,0,0.25);
    }

    .rsThumbs {
        cursor: pointer;
        position: relative;
        overflow: hidden;
        float: left;
        z-index: 22;
    }

    .rsTabs {
        float: left;
        background: none !important;
    }

    .rsTabs,
    .rsThumbs {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }


    .rsVideoContainer {
        width: auto;
        height: auto;
        line-height: 0;
        position: relative;
    }

    .rsVideoFrameHolder {
        position: absolute;
        left: 0;
        top: 0;
        background: #141414;
        opacity: 0;
        -webkit-transition: .3s;
    }

        .rsVideoFrameHolder.rsVideoActive {
            opacity: 1;
        }

    .rsVideoContainer iframe,
    .rsVideoContainer video,
    .rsVideoContainer embed,
    .rsVideoContainer .rsVideoObj {
        position: absolute;
        z-index: 50;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    /* ios controls over video bug, shifting video */
    .rsVideoContainer.rsIOSVideo iframe,
    .rsVideoContainer.rsIOSVideo video,
    .rsVideoContainer.rsIOSVideo embed {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 44px;
    }

    .rsABlock {
        left: 0;
        top: 0;
        position: absolute;
        z-index: 15;
    }

    img.rsImg {
        max-width: none;
    }

    .grab-cursor {
        cursor: url(../images/icons/grab.png) 8 8, move;
    }

    .grabbing-cursor {
        cursor: url(../images/icons/grabbing.png) 8 8, move;
    }

    .rsNoDrag {
        cursor: auto;
    }

    .rsLink {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 20;
        background: url(blank.gif);
    }

    /* v1.0.6 */
    /* Core RS CSS file. 95% of time you shouldn't change anything here. */
    .royalSlider {
        width: 600px;
        height: 400px;
        position: relative;
        direction: ltr;
    }

        .royalSlider > * {
            float: left;
        }

    .rsWebkit3d .rsSlide,
    .rsWebkit3d .rsContainer,
    .rsWebkit3d .rsThumbs,
    .rsWebkit3d .rsPreloader,
    .rsWebkit3d img,
    .rsWebkit3d .rsOverflow,
    .rsWebkit3d .rsBtnCenterer,
    .rsWebkit3d .rsAbsoluteEl,
    .rsWebkit3d .rsABlock,
    .rsWebkit3d .rsLink {
        -webkit-backface-visibility: hidden;
    }

    .rsFade.rsWebkit3d .rsSlide,
    .rsFade.rsWebkit3d img,
    .rsFade.rsWebkit3d .rsContainer {
        -webkit-transform: none;
    }

    .rsOverflow {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        float: left;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .rsVisibleNearbyWrap {
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
        left: 0;
        top: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        .rsVisibleNearbyWrap .rsOverflow {
            position: absolute;
            left: 0;
            top: 0;
        }

    .rsContainer {
        position: relative;
        width: 100%;
        height: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .rsArrow,
    .rsThumbsArrow {
        cursor: pointer;
    }

    .rsThumb {
        float: left;
        position: relative;
    }

    .rsArrow,
    .rsNav,
    .rsThumbsArrow {
        opacity: 1;
        -webkit-transition: opacity 0.3s linear;
        -moz-transition: opacity 0.3s linear;
        -o-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
    }

    .rsHidden {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
        transition: visibility 0s linear 0.3s, opacity 0.3s linear;
    }

    .rsGCaption {
        width: 100%;
        float: left;
        text-align: center;
    }

    /* Fullscreen options, very important ^^ */
    .royalSlider.rsFullscreen {
        position: fixed !important;
        height: auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 2147483647 !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
    }

    .royalSlider .rsSlide.rsFakePreloader {
        opacity: 1 !important;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        display: none;
    }

.rsSlide {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    /*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}*/
}

    .royalSlider.rsAutoHeight,
    .rsAutoHeight .rsSlide {
        height: auto;
    }

    .rsContent {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .rsPreloader {
        position: absolute;
        z-index: 0;
    }

    .rsNav {
        -moz-user-select: -moz-none;
        -webkit-user-select: none;
        user-select: none;
    }

    .rsNavItem {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
    }

    .rsThumbs {
        cursor: pointer;
        position: relative;
        overflow: hidden;
        float: left;
        z-index: 22;
    }

    .rsTabs {
        float: left;
        background: none !important;
    }

    .rsTabs,
    .rsThumbs {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .rsVideoContainer {
        width: auto;
        height: auto;
        line-height: 0;
        position: relative;
    }

    .rsVideoFrameHolder {
        position: absolute;
        left: 0;
        top: 0;
        background: #141414;
        opacity: 0;
        -webkit-transition: 0.3s;
    }

        .rsVideoFrameHolder.rsVideoActive {
            opacity: 1;
        }

    .rsVideoContainer iframe,
    .rsVideoContainer video,
    .rsVideoContainer embed,
    .rsVideoContainer .rsVideoObj {
        position: absolute;
        z-index: 50;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    /* ios controls over video bug, shifting video */
    .rsVideoContainer.rsIOSVideo iframe,
    .rsVideoContainer.rsIOSVideo video,
    .rsVideoContainer.rsIOSVideo embed {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 44px;
    }

    .rsABlock {
        left: 0;
        top: 0;
        position: absolute;
        z-index: 15;
    }

    img.rsImg {
        max-width: none;
    }

    .grab-cursor {
        cursor: url(../images/icons/grab.png) 8 8, move;
    }

    .grabbing-cursor {
        cursor: url(../images/icons/grabbing.png) 8 8, move;
    }

    .rsNoDrag {
        cursor: auto;
    }

    .rsLink {
        left: 0;
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 20;
        background: url(blank.gif);
    }

    /* Bullets */
    .rsBullets {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 2.5rem;
        width: 100%;
        max-width: 100%;
    }

    .rsBullet {
        width: 1rem;
        height: 0.2rem;
        margin: 0.4rem;
        background-color: #000;
        transition: all 0.2s ease;
        opacity: 0.1;
    }

    .rsNavSelected {
        opacity: 1;
        background-color: #f58024;
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    @font-face {
        font-family: "BigCaslon";
        src: url("../font/BigCaslon.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-SemiBold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url('../font/FiraSans-Bold.woff2') format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    .m-input-group {
        display: flex;
        flex-direction: column;
        font-family: "FiraSans", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 1.4rem;
        line-height: 1.14;
    }

        .m-input-group label {
            margin-bottom: 1.2rem;
            color: #1b1c21;
            text-transform: uppercase;
        }

    input,
    textarea,
    select {
        padding: 1.25rem 2rem;
        background-color: white;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: #1b1c21;
        font-family: "FiraSans", sans-serif;
        font-size: 1.4rem;
        line-height: 1.79;
        border: 0.1rem solid #1b1c21;
        box-sizing: border-box;
        border-radius: 0.2rem;
    }

        input::placeholder,
        textarea::placeholder,
        select::placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

        input::-moz-placeholder,
        textarea::-moz-placeholder,
        select::-moz-placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

        input::-ms-input-placeholder,
        textarea::-ms-input-placeholder,
        select::-ms-input-placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder,
        select::-webkit-input-placeholder {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            line-height: 1.79;
            letter-spacing: normal;
            color: rgba(27, 28, 33, 0.4);
        }

    textarea {
        border-radius: 0;
    }

    select {
        position: relative;
        cursor: pointer;
    }

        select.mini-arrow {
            position: relative;
            background-image: url("/content/img/icon-dropdown.svg");
            background-repeat: no-repeat;
            background-position-x: calc(100% - 2.5rem);
            background-position-y: 50%;
            min-width: 0.8rem;
        }

        select option {
            color: #1b1c21;
            font-family: "FiraSans", sans-serif;
            font-size: 1.5rem;
            line-height: 1.6;
        }

    .m-checkbox-group {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

        .m-checkbox-group .m-checkbox,
        .m-checkbox-group input {
            border-radius: 0 !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 2.4rem;
            height: 2.4rem;
            background-color: white;
            padding: 0;
            margin-right: 1.6rem;
            cursor: pointer;
            position: relative;
            border: 0.1rem solid #a9bdb8;
            box-sizing: border-box;
            box-shadow: 0 0.7rem 6.4rem rgba(0, 0, 0, 0.07);
        }

            .m-checkbox-group .m-checkbox:checked,
            .m-checkbox-group input:checked {
                border: none;
                background-color: #1b1c21;
                background-image: url("../images/icons/icon-check.svg");
                background-position: center;
                background-repeat: no-repeat;
                background-size: 60% auto;
                position: relative;
                left: 0rem;
                top: 0rem;
            }

            .m-checkbox-group .m-checkbox:disabled,
            .m-checkbox-group input:disabled {
                border: none;
                background-color: #dfdfdf;
                pointer-events: none;
            }

        .m-checkbox-group label {
            display: inline-block;
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            font-weight: normal;
            max-width: calc(100% - 3rem);
        }

            .m-checkbox-group label > a {
                text-decoration: underline;
                margin: 0 0.2rem;
            }

        .m-checkbox-group.switch-group {
            display: flex;
            justify-content: center;
            /* Rounded sliders */
        }

            .m-checkbox-group.switch-group .switch {
                position: relative;
                width: 4rem;
                min-width: 4rem;
                height: 2.4rem;
                margin-right: 1.6rem;
            }

                .m-checkbox-group.switch-group .switch input {
                    opacity: 0;
                    width: 0;
                    height: 0;
                }

            .m-checkbox-group.switch-group .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #ccc;
                -webkit-transition: 0.4s;
                transition: 0.4s;
            }

                .m-checkbox-group.switch-group .slider:before {
                    position: absolute;
                    content: "";
                    height: 1.8rem;
                    width: 1.8rem;
                    left: 0.3rem;
                    bottom: 0.3rem;
                    background-color: white;
                    -webkit-transition: 0.4s;
                    transition: 0.4s;
                }

            .m-checkbox-group.switch-group input:checked + .slider {
                background-color: #1b1c21;
            }

            .m-checkbox-group.switch-group input:focus + .slider {
                box-shadow: 0 0 1px #1b1c21;
            }

            .m-checkbox-group.switch-group input:checked + .slider:before {
                -webkit-transform: translateX(1.5rem);
                -ms-transform: translateX(1.5rem);
                transform: translateX(1.5rem);
            }

            .m-checkbox-group.switch-group .slider.round {
                border-radius: 3.4rem;
            }

                .m-checkbox-group.switch-group .slider.round:before {
                    border-radius: 50%;
                }

    .m-radio-group {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .m-radio-group .m-radio {
            -webkit-appearance: none;
            width: 2.4rem;
            height: 2.4rem;
            background-color: white;
            padding: 0;
            margin-right: 1.6rem;
            cursor: pointer;
            position: relative;
            border: 0.1rem solid #a9bdb8;
            box-sizing: border-box;
            box-shadow: 0 0.7rem 6.4rem rgba(0, 0, 0, 0.07);
            border-radius: 50%;
        }

            .m-radio-group .m-radio:checked {
                border: 0.2rem solid #1b1c21;
                background-color: #fff !important;
            }

                .m-radio-group .m-radio:checked::after {
                    content: " ";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 1.4rem;
                    height: 1.4rem;
                    border-radius: 50%;
                    background-color: #1b1c21;
                    transform: translate(-50%, -50%);
                }

            .m-radio-group .m-radio:disabled {
                border: none;
                background-color: #dfdfdf;
                pointer-events: none;
            }

        .m-radio-group label {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            font-weight: normal;
        }

    /*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

    .flickity-enabled {
        position: relative;
    }

        .flickity-enabled:focus {
            outline: none;
        }

    .flickity-viewport {
        overflow: hidden;
        position: relative;
        height: 100%;
    }

    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    /* draggable */

    .flickity-enabled.is-draggable {
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .flickity-enabled.is-draggable .flickity-viewport {
            cursor: move;
            cursor: -webkit-grab;
            cursor: grab;
        }

            .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
                cursor: -webkit-grabbing;
                cursor: grabbing;
            }

    /* ---- flickity-button ---- */

    .flickity-button {
        position: absolute;
        background: hsla(0, 0%, 100%, 0.75);
        border: none;
        color: #333;
    }

        .flickity-button:hover {
            background: white;
            cursor: pointer;
        }

        .flickity-button:focus {
            outline: none;
            box-shadow: 0 0 0 5px #19f;
        }

        .flickity-button:active {
            opacity: 0.6;
        }

        .flickity-button:disabled {
            opacity: 0.3;
            cursor: auto;
            /* prevent disabled button from capturing pointer up event. #716 */
            pointer-events: none;
        }

    .flickity-button-icon {
        fill: currentColor;
    }

    /* ---- previous/next buttons ---- */

    .flickity-prev-next-button {
        top: 50%;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        /* vertically center */
        transform: translateY(-50%);
    }

        .flickity-prev-next-button.previous {
            left: 10px;
        }

        .flickity-prev-next-button.next {
            right: 10px;
        }
    /* right to left */
    .flickity-rtl .flickity-prev-next-button.previous {
        left: auto;
        right: 10px;
    }

    .flickity-rtl .flickity-prev-next-button.next {
        right: auto;
        left: 10px;
    }

    .flickity-prev-next-button .flickity-button-icon {
        position: absolute;
        left: 20%;
        top: 20%;
        width: 60%;
        height: 60%;
    }

    /* ---- page dots ---- */

    .flickity-page-dots {
        position: absolute;
        width: 100%;
        bottom: -4.8rem;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 1;
    }

    .flickity-rtl .flickity-page-dots {
        direction: rtl;
    }

    .flickity-page-dots .dot::before {
        display: none !important;
    }

    .flickity-page-dots .dot {
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        margin: 0 0.4rem;
        background-color: #f7f7f7;
        border-radius: 50%;
        cursor: pointer;
        padding: 0 !important;
        transition: all 0.3s ease;
    }

        .flickity-page-dots .dot.is-selected {
            background-color: #f58024;
        }

    @font-face {
        font-family: "BigCaslon";
        src: url("../font/BigCaslon.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-SemiBold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url('../font/FiraSans-Bold.woff2') format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    @font-face {
        font-family: "BigCaslon";
        src: url("../font/BigCaslon.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-Medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url("../font/FiraSans-SemiBold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: "FiraSans";
        src: url('../font/FiraSans-Bold.woff2') format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    .button-plus {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 4.3rem;
        width: 4.3rem;
        border: 0.1rem solid #f58024;
    }

        .button-plus > img {
            height: 2rem;
        }

    .button1 {
        min-height: 4.3rem;
        height: max-content;
        width: -moz-max-content;
        width: max-content;
        font-family: "FiraSans", sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.79;
        letter-spacing: 0.088rem;
        text-align: center;
        color: #f58024;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3rem;
        border: solid 0.1rem #f58024;
        padding: 0 1.4rem;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
 
        overflow: hidden;
    }

        .button1 span,
        .button1 img {
            display: flex;
            position: relative;
            z-index: 9;
        }

        .button1::before {
            content: " ";
            top: 0;
            left: 0;
            right: 0;
            height: 0%;
            width: 100%;
            position: absolute;
            background-color: #f58024;
            transition: all ease-in 0.23s;
            z-index: 1;
        }

    @media screen and (min-width: 1025px) {
        .button1:hover::before {
            height: 100%;
        }

        .button1:hover {
            color: white;
        }

            .button1:hover img {
                filter: brightness(0) grayscale(1) invert(1);
            }
    }

    .button1.border-white {
        border: solid 0.1rem #fff;
        color: #fff;
    }

        .button1.border-white::before {
            background-color: #fff;
        }

    @media screen and (min-width: 1025px) {
        .button1.border-white:hover::before {
            height: 100%;
        }

        .button1.border-white:hover {
            color: #000;
        }
    }

    .button1.border-gold {
        border: solid 0.1rem #f58024;
        color: #f58024;
    }

        .button1.border-gold::before {
            background-color: #f58024;
        }

    @media screen and (min-width: 1025px) {
        .button1.border-gold:hover::before {
            height: 100%;
        }

        .button1.border-gold:hover {
            color: white;
        }
    }

    .button1.border-dark {
        border: solid 0.1rem #1b1c21;
        color: #1b1c21;
    }

        .button1.border-dark::before {
            background-color: #1b1c21;
            z-index: 1;
        }

    @media screen and (min-width: 1025px) {
        .button1.border-dark:hover::before {
            height: 100%;
        }

        .button1.border-dark:hover {
            color: white;
        }

            .button1.border-dark:hover > img {
                filter: invert(1);
            }
    }

    .button2 {
        min-height: 4.3rem;
        height: max-content;
        font-family: "FiraSans", sans-serif;
        font-size: 1.4rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: 0.088rem;
        text-align: center;
        color: white;
        width: -moz-fit-content;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.3rem;
        padding: 0 1.4rem;
        position: relative;
        cursor: pointer;
        box-sizing: border-box;
        text-transform: uppercase;
        background-color: #f58024;
        overflow: hidden;
    }

        .button2 span,
        .button2 img {
            display: flex;
            position: relative;
            z-index: 9;
        }

        .button2::before {
            content: " ";
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 0%;
            position: absolute;
            background-color: #aa8c25;
            transition: all ease-in 0.23s;
            z-index: 1;
        }

    @media (min-width: 1025px) {
        .button2:hover::before {
            width: 100%;
        }

        .button2:hover img {
            filter: brightness(0) grayscale(1) invert(1);
        }
    }

    .button2 img {
        margin-left: 1.2rem;
    }
    /* Arrow without circle */
    .rsArrowLeft,
    .rsArrowRight,
    .arrowR,
    .arrowL {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        display: none !important;
        }

        .rsArrowLeft:after,
        .rsArrowRight:after,
        .arrowR:after,
        .arrowL:after {
            content: "";
            position: absolute;
            height: 1.8rem;
            width: 2rem;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

    @media (min-width: 1025px) {
        .rsArrowLeft:hover:after,
        .rsArrowRight:hover:after,
        .arrowR:hover:after,
        .arrowL:hover:after {
            opacity: 0.2;
        }
    }

    .rsArrowLeft.disabled,
    .rsArrowRight.disabled,
    .arrowR.disabled,
    .arrowL.disabled {
        opacity: 0.8;
        pointer-events: none;
        cursor: not-allowed !important;
    }

    .rsArrowLeft:after,
    .arrowL:after {
        background-image: url('../images/icons/icon-arrowL-w.svg');
    }

    .rsArrowRight:after,
    .arrowR:after {
        background-image: url('../images/icons/icon-arrowR-w.svg');
    }

    .arrows .arrowL,
    .arrows .arrowR {
        width: 5.7rem;
        height: 5.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #1b1c21;
        cursor: pointer;
    }

    @media (max-width: 769px) {
        .arrows .arrowL,
        .arrows .arrowR {
            width: 4.4rem;
            height: 4.4rem;
        }
    }

    .arrows .arrowL {
        border-bottom: 0.1rem solid #e6e6e6;
    }

    .pswp {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
        z-index: 15000;
        -webkit-text-size-adjust: 100%;
        -webkit-backface-visibility: hidden;
        outline: none
    }

        .pswp * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

        .pswp img {
            max-width: none
        }

    .pswp--animate_opacity {
        opacity: 0.001;
        will-change: opacity;
        -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
        transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
    }

    .pswp--open {
        display: block
    }

    .pswp--zoom-allowed .pswp__img {
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in
    }

    .pswp--zoomed-in .pswp__img {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab
    }

    .pswp--dragging .pswp__img {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing
    }

    .pswp__bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0;
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        will-change: opacity
    }

    .pswp__scroll-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .pswp__container, .pswp__zoom-wrap {
        -ms-touch-action: none;
        touch-action: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0
    }

    .pswp__container, .pswp__img {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    .pswp__zoom-wrap {
        position: absolute;
        width: 100%;
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
        transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
    }

    .pswp__bg {
        will-change: opacity;
        -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
        transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
    }

    .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
        -webkit-transition: none;
        transition: none
    }

    .pswp__container, .pswp__zoom-wrap {
        -webkit-backface-visibility: hidden
    }

    .pswp__item {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden
    }

    .pswp__img {
        position: absolute;
        width: auto;
        height: auto;
        top: 0;
        left: 0
    }

    .pswp__img--placeholder {
        -webkit-backface-visibility: hidden
    }

    .pswp__img--placeholder--blank {
        background: #222
    }

    .pswp--ie .pswp__img {
        width: 100% !important;
        height: auto !important;
        left: 0;
        top: 0
    }

    .pswp__error-msg {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        margin-top: -8px;
        color: #CCC
    }

        .pswp__error-msg a {
            color: #CCC;
            text-decoration: underline
        }

    .not-selectable {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .carousel {
        position: relative;
        box-sizing: border-box;
    }

        .carousel *,
        .carousel *:before,
        .carousel *:after {
            box-sizing: inherit;
        }

        .carousel.is-draggable {
            cursor: move;
            cursor: grab;
        }

        .carousel.is-dragging {
            cursor: move;
            cursor: grabbing;
        }

    .carousel__viewport {
        position: relative;
        overflow: hidden;
        max-width: 100%;
        max-height: 100%;
    }

    .carousel__track {
        display: flex;
    }

    .carousel__slide {
        flex: 0 0 auto;
        width: var(--carousel-slide-width, 60%);
        max-width: 100%;
        padding: 1rem;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .carousel.has-dots {
        margin-bottom: calc(0.5rem + 22px);
    }

    .carousel__dots {
        margin: 0 auto;
        padding: 0;
        position: absolute;
        top: calc(100% + 0.5rem);
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        list-style: none;
        user-select: none;
    }

        .carousel__dots .carousel__dot {
            margin: 0;
            padding: 0;
            display: block;
            position: relative;
            width: 22px;
            height: 22px;
            cursor: pointer;
        }

            .carousel__dots .carousel__dot:after {
                content: "";
                width: 8px;
                height: 8px;
                border-radius: 50%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-color: currentColor;
                opacity: 0.25;
                transition: opacity 0.15s ease-in-out;
            }

            .carousel__dots .carousel__dot.is-selected:after {
                opacity: 1;
            }

    .carousel__button {
        width: var(--carousel-button-width, 48px);
        height: var(--carousel-button-height, 48px);
        padding: 0;
        border: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        pointer-events: all;
        cursor: pointer;
        color: var(--carousel-button-color, currentColor);
        background: var(--carousel-button-bg, transparent);
        border-radius: var(--carousel-button-border-radius, 50%);
        box-shadow: var(--carousel-button-shadow, none);
        transition: opacity 0.15s ease;
    }

        .carousel__button.is-prev,
        .carousel__button.is-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

        .carousel__button.is-prev {
            left: 10px;
        }

        .carousel__button.is-next {
            right: 10px;
        }

        .carousel__button[disabled] {
            cursor: default;
            opacity: 0.3;
        }

        .carousel__button svg {
            width: var(--carousel-button-svg-width, 50%);
            height: var(--carousel-button-svg-height, 50%);
            fill: none;
            stroke: currentColor;
            stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
            stroke-linejoin: bevel;
            stroke-linecap: round;
            filter: var(--carousel-button-svg-filter, none);
            pointer-events: none;
        }

    body.compensate-for-scrollbar {
        overflow: hidden !important;
        touch-action: none;
    }

    .fancybox__container {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        direction: ltr;
        margin: 0;
        padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        color: var(--fancybox-color, #fff);
        -webkit-tap-highlight-color: transparent;
        overflow: hidden;
        z-index: 1050;
        outline: none;
        transform-origin: top left;
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 24px;
        --carousel-button-svg-height: 24px;
        --carousel-button-svg-stroke-width: 2.5;
        --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
    }

        .fancybox__container *,
        .fancybox__container *::before,
        .fancybox__container *::after {
            box-sizing: inherit;
        }

        .fancybox__container :focus {
            outline: thin dotted;
        }

    body.is-using-mouse .fancybox__container :focus {
        outline: none;
    }

    @media all and (min-width: 1024px) {
        .fancybox__container {
            --carousel-button-width: 48px;
            --carousel-button-height: 48px;
            --carousel-button-svg-width: 27px;
            --carousel-button-svg-height: 27px;
        }
    }

    .fancybox__backdrop {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: var(--fancybox-bg, rgba(24, 24, 27, 0.92));
    }

    .fancybox__carousel {
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        z-index: 10;
    }

        .fancybox__carousel.has-dots {
            margin-bottom: calc(0.5rem + 22px);
        }

    .fancybox__viewport {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: visible;
        cursor: default;
    }

    .fancybox__track {
        display: flex;
        height: 100%;
    }

    .fancybox__slide {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 48px 8px 8px 8px;
        position: relative;
        overscroll-behavior: contain;
        display: flex;
        flex-direction: column;
        outline: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        --carousel-button-width: 36px;
        --carousel-button-height: 36px;
        --carousel-button-svg-width: 22px;
        --carousel-button-svg-height: 22px;
    }

        .fancybox__slide::before,
        .fancybox__slide::after {
            content: "";
            flex: 0 0 0;
            margin: auto;
        }

    @media all and (min-width: 1024px) {
        .fancybox__slide {
            padding: 64px 100px;
        }
    }

    .fancybox__content {
        margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
        padding: 36px;
        color: var(--fancybox-content-color, #374151);
        background: var(--fancybox-content-bg, #fff);
        position: relative;
        align-self: center;
        display: flex;
        flex-direction: column;
        z-index: 20;
    }

    .fancybox__caption {
        align-self: center;
        max-width: 100%;
        margin: 0;
        padding: 1rem 0 0 0;
        line-height: 1.375;
        color: var(--fancybox-color, currentColor);
        visibility: visible;
        cursor: auto;
        flex-shrink: 0;
        overflow-wrap: anywhere;
    }

    .is-loading .fancybox__caption {
        visibility: hidden;
    }

    .fancybox__container > .carousel__dots {
        top: 100%;
        color: var(--fancybox-color, #fff);
    }

    .fancybox__nav .carousel__button {
        z-index: 40;
    }

        .fancybox__nav .carousel__button.is-next {
            right: 8px;
        }

    @media all and (min-width: 1024px) {
        .fancybox__nav .carousel__button.is-next {
            right: 40px;
        }
    }

    .fancybox__nav .carousel__button.is-prev {
        left: 8px;
    }

    @media all and (min-width: 1024px) {
        .fancybox__nav .carousel__button.is-prev {
            left: 40px;
        }
    }

    .carousel__button.is-close {
        position: absolute;
        top: 8px;
        right: 8px;
        top: calc(env(safe-area-inset-top, 0px) + 8px);
        right: calc(env(safe-area-inset-right, 0px) + 8px);
        z-index: 40;
    }

    @media all and (min-width: 1024px) {
        .carousel__button.is-close {
            right: 40px;
        }
    }

    .fancybox__content > .carousel__button.is-close {
        position: absolute;
        top: -36px;
        right: 0;
        color: var(--fancybox-color, #fff);
    }

    .fancybox__no-click,
    .fancybox__no-click button {
        pointer-events: none;
    }

    .fancybox__spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        color: var(--fancybox-color, currentColor);
    }

    .fancybox__slide .fancybox__spinner {
        cursor: pointer;
        z-index: 1053;
    }

    .fancybox__spinner svg {
        animation: fancybox-rotate 2s linear infinite;
        transform-origin: center center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 100%;
        height: 100%;
    }

        .fancybox__spinner svg circle {
            fill: none;
            stroke-width: 2.75;
            stroke-miterlimit: 10;
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
            animation: fancybox-dash 1.5s ease-in-out infinite;
            stroke-linecap: round;
            stroke: currentColor;
        }

    @keyframes fancybox-rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes fancybox-dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
        }

        50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35px;
        }

        100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124px;
        }
    }

    .fancybox__backdrop,
    .fancybox__caption,
    .fancybox__nav,
    .carousel__dots,
    .carousel__button.is-close {
        opacity: var(--fancybox-opacity, 1);
    }

    .fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop,
    .fancybox__container.is-animated[aria-hidden="false"] .fancybox__caption,
    .fancybox__container.is-animated[aria-hidden="false"] .fancybox__nav,
    .fancybox__container.is-animated[aria-hidden="false"] .carousel__dots,
    .fancybox__container.is-animated[aria-hidden="false"]
    .carousel__button.is-close {
        animation: 0.15s ease backwards fancybox-fadeIn;
    }

    .fancybox__container.is-animated.is-closing .fancybox__backdrop,
    .fancybox__container.is-animated.is-closing .fancybox__caption,
    .fancybox__container.is-animated.is-closing .fancybox__nav,
    .fancybox__container.is-animated.is-closing .carousel__dots,
    .fancybox__container.is-animated.is-closing .carousel__button.is-close {
        animation: 0.15s ease both fancybox-fadeOut;
    }

    .fancybox-fadeIn {
        animation: 0.15s ease both fancybox-fadeIn;
    }

    .fancybox-fadeOut {
        animation: 0.1s ease both fancybox-fadeOut;
    }

    .fancybox-zoomInUp {
        animation: 0.2s ease both fancybox-zoomInUp;
    }

    .fancybox-zoomOutDown {
        animation: 0.15s ease both fancybox-zoomOutDown;
    }

    .fancybox-throwOutUp {
        animation: 0.15s ease both fancybox-throwOutUp;
    }

    .fancybox-throwOutDown {
        animation: 0.15s ease both fancybox-throwOutDown;
    }

    @keyframes fancybox-fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fancybox-fadeOut {
        to {
            opacity: 0;
        }
    }

    @keyframes fancybox-zoomInUp {
        from {
            transform: scale(0.97) translate3d(0, 16px, 0);
            opacity: 0;
        }

        to {
            transform: scale(1) translate3d(0, 0, 0);
            opacity: 1;
        }
    }

    @keyframes fancybox-zoomOutDown {
        to {
            transform: scale(0.97) translate3d(0, 16px, 0);
            opacity: 0;
        }
    }

    @keyframes fancybox-throwOutUp {
        to {
            transform: translate3d(0, -30%, 0);
            opacity: 0;
        }
    }

    @keyframes fancybox-throwOutDown {
        to {
            transform: translate3d(0, 30%, 0);
            opacity: 0;
        }
    }

    .fancybox__carousel .carousel__slide {
        scrollbar-width: thin;
        scrollbar-color: #ccc rgba(255, 255, 255, 0.1);
    }

        .fancybox__carousel .carousel__slide::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        .fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
            background-color: rgba(255, 255, 255, 0.1);
        }

        .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
            background-color: #ccc;
            border-radius: 2px;
            box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
        }

    .fancybox__carousel.is-draggable .fancybox__slide,
    .fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
        cursor: move;
        cursor: grab;
    }

    .fancybox__carousel.is-dragging .fancybox__slide,
    .fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
        cursor: move;
        cursor: grabbing;
    }

    .fancybox__carousel .fancybox__slide .fancybox__content {
        cursor: auto;
    }

    .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
        cursor: zoom-in;
    }

    .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
        cursor: zoom-out;
    }

    .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
        cursor: move;
        cursor: grab;
    }

    .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
        cursor: move;
        cursor: grabbing;
    }

    .fancybox__image {
        transform-origin: 0 0;
        touch-action: none;
        user-select: none;
        transition: none;
    }

    .has-image .fancybox__content {
        padding: 0;
        background: transparent;
        min-height: 1px;
    }

    .is-closing .has-image .fancybox__content {
        overflow: visible;
    }

    .has-image[data-image-fit="contain"] {
        overflow: visible;
        touch-action: none;
    }

        .has-image[data-image-fit="contain"] .fancybox__image {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

    .has-image[data-image-fit="contain-w"] {
        overflow-x: hidden;
        overflow-y: auto;
    }

        .has-image[data-image-fit="contain-w"] .fancybox__content {
            min-height: auto;
        }

        .has-image[data-image-fit="contain-w"] .fancybox__image {
            max-width: 100%;
            height: auto;
        }

    .has-image[data-image-fit="cover"] {
        overflow: visible;
        touch-action: none;
    }

        .has-image[data-image-fit="cover"] .fancybox__content {
            width: 100%;
            height: 100%;
        }

        .has-image[data-image-fit="cover"] .fancybox__image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-map .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-video .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
        flex-shrink: 1;
        min-height: 1px;
        overflow: visible;
    }

    .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-map .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
        width: 100%;
        height: 80%;
    }

    .fancybox__carousel .fancybox__slide.has-video .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
        width: 960px;
        height: 540px;
        max-width: 100%;
        max-height: 100%;
    }

    .fancybox__carousel .fancybox__slide.has-map .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-video .fancybox__content,
    .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
        padding: 0;
        background: rgba(24, 24, 27, 0.9);
        color: #fff;
    }

    .fancybox__carousel .fancybox__slide.has-map .fancybox__content {
        background: #e5e3df;
    }

    .fancybox__html5video,
    .fancybox__iframe {
        border: 0;
        display: block;
        height: 100%;
        width: 100%;
        background: transparent;
    }

    .fancybox-placeholder {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
    }

    .fancybox__thumbs {
        flex: 0 0 auto;
        position: relative;
        padding: 0px 3px;
        opacity: var(--fancybox-opacity, 1);
    }

    .fancybox__container.is-animated[aria-hidden="false"] .fancybox__thumbs {
        animation: 0.15s ease-in backwards fancybox-fadeIn;
    }

    .fancybox__container.is-animated.is-closing .fancybox__thumbs {
        opacity: 0;
    }

    .fancybox__thumbs .carousel__slide {
        flex: 0 0 auto;
        width: var(--fancybox-thumbs-width, 96px);
        margin: 0;
        padding: 8px 3px;
        box-sizing: content-box;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        cursor: pointer;
    }

        .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
            opacity: 0;
            transition: opacity 0.15s ease;
            border-radius: 4px;
        }

        .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
            opacity: 0.92;
        }

        .fancybox__thumbs .carousel__slide > * {
            pointer-events: none;
            user-select: none;
        }

    .fancybox__thumb {
        position: relative;
        width: 100%;
        padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));
        background-size: cover;
        background-position: center center;
        background-color: rgba(255, 255, 255, 0.1);
        background-repeat: no-repeat;
        border-radius: 4px;
    }

    .fancybox__toolbar {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 20;
        background: linear-gradient( to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100% );
        padding: 0;
        touch-action: none;
        display: flex;
        justify-content: space-between;
        --carousel-button-svg-width: 20px;
        --carousel-button-svg-height: 20px;
        opacity: var(--fancybox-opacity, 1);
        text-shadow: var( --fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4) );
    }

    @media all and (min-width: 1024px) {
        .fancybox__toolbar {
            padding: 8px;
        }
    }

    .fancybox__container.is-animated[aria-hidden="false"] .fancybox__toolbar {
        animation: 0.15s ease-in backwards fancybox-fadeIn;
    }

    .fancybox__container.is-animated.is-closing .fancybox__toolbar {
        opacity: 0;
    }

    .fancybox__toolbar__items {
        display: flex;
    }

    .fancybox__toolbar__items--left {
        margin-right: auto;
    }

    .fancybox__toolbar__items--center {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .fancybox__toolbar__items--right {
        margin-left: auto;
    }

    @media (max-width: 640px) {
        .fancybox__toolbar__items--center:not(:last-child) {
            display: none;
        }
    }

    .fancybox__counter {
        min-width: 72px;
        padding: 0 10px;
        line-height: var(--carousel-button-height, 48px);
        text-align: center;
        font-size: 17px;
        font-variant-numeric: tabular-nums;
        -webkit-font-smoothing: subpixel-antialiased;
    }

    .fancybox__progress {
        background: var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));
        height: 3px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: scaleX(0);
        transform-origin: 0;
        transition-property: transform;
        transition-timing-function: linear;
        z-index: 30;
        user-select: none;
    }

    .fancybox__container:fullscreen::backdrop {
        opacity: 0;
    }

    .fancybox__button--fullscreen g:nth-child(2) {
        display: none;
    }

    .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
        display: none;
    }

    .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
        display: block;
    }

    .fancybox__button--slideshow g:nth-child(2) {
        display: none;
    }

    .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
        display: none;
    }

    .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
        display: block;
    }

    /*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */

    .datepicker-container {
        background-color: #fff;
        direction: ltr;
        font-size: 12px;
        left: 0;
        line-height: 30px;
        position: fixed;
        -webkit-tap-highlight-color: transparent;
        top: 0;
        -ms-touch-action: none;
        touch-action: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 210px;
        z-index: -1;
    }

        .datepicker-container::before,
        .datepicker-container::after {
            border: 5px solid transparent;
            content: " ";
            display: block;
            height: 0;
            position: absolute;
            width: 0;
        }

    .datepicker-dropdown {
        border: 1px solid #ccc;
        -webkit-box-shadow: 0 3px 6px #ccc;
        box-shadow: 0 3px 6px #ccc;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: absolute;
        z-index: 1;
    }

    .datepicker-inline {
        position: static;
    }

    .datepicker-top-left,
    .datepicker-top-right {
    }

        .datepicker-top-left::before,
        .datepicker-top-left::after,
        .datepicker-top-right::before,
        .datepicker-top-right::after {
            border-top: 0;
            left: 10px;
            top: -5px;
        }

        .datepicker-top-left::before,
        .datepicker-top-right::before {
        }

        .datepicker-top-left::after,
        .datepicker-top-right::after {
            border-bottom-color: #fff;
            top: -4px;
        }

    .datepicker-bottom-left,
    .datepicker-bottom-right {
    }

        .datepicker-bottom-left::before,
        .datepicker-bottom-left::after,
        .datepicker-bottom-right::before,
        .datepicker-bottom-right::after {
            border-bottom: 0;
            bottom: -5px;
            left: 10px;
        }

        .datepicker-bottom-left::before,
        .datepicker-bottom-right::before {
        }

        .datepicker-bottom-left::after,
        .datepicker-bottom-right::after {
            border-top-color: #fff;
            bottom: -4px;
        }

        .datepicker-top-right::before,
        .datepicker-top-right::after,
        .datepicker-bottom-right::before,
        .datepicker-bottom-right::after {
            left: auto;
            right: 10px;
        }

    .datepicker-panel > ul {
        margin: 0;
        padding: 0;
        width: 102%;
    }

        .datepicker-panel > ul::before,
        .datepicker-panel > ul::after {
            content: " ";
            display: table;
        }

        .datepicker-panel > ul::after {
            clear: both;
        }

        .datepicker-panel > ul > li {
            background-color: #fff;
            cursor: pointer;
            float: left;
            height: 30px;
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 30px;
        }

            .datepicker-panel > ul > li:hover {
                background-color: #f2f2f2;
            }

            .datepicker-panel > ul > li.muted,
            .datepicker-panel > ul > li.muted:hover {
                color: #999;
            }

            .datepicker-panel > ul > li.highlighted {
                background-color: #f2f2f2;
            }

                .datepicker-panel > ul > li.highlighted:hover {
                    background-color: rgb(204, 229, 255);
                }

            .datepicker-panel > ul > li.picked,
            .datepicker-panel > ul > li.picked:hover {
                color: white;
                background-color: #3693d9;
                border-radius: 7rem;
            }

            .datepicker-panel > ul > li.disabled,
            .datepicker-panel > ul > li.disabled:hover {
                background-color: #fff;
                color: #ccc;
                cursor: default;
            }

                .datepicker-panel > ul > li.disabled.highlighted,
                .datepicker-panel > ul > li.disabled:hover.highlighted {
                    background-color: #f2f2f2;
                }

            .datepicker-panel > ul > li[data-view="years prev"],
            .datepicker-panel > ul > li[data-view="year prev"],
            .datepicker-panel > ul > li[data-view="month prev"],
            .datepicker-panel > ul > li[data-view="years next"],
            .datepicker-panel > ul > li[data-view="year next"],
            .datepicker-panel > ul > li[data-view="month next"],
            .datepicker-panel > ul > li[data-view="next"] {
                font-size: 18px;
            }

            .datepicker-panel > ul > li[data-view="years current"],
            .datepicker-panel > ul > li[data-view="year current"],
            .datepicker-panel > ul > li[data-view="month current"] {
                width: 150px;
            }

        .datepicker-panel > ul[data-view="years"] > li,
        .datepicker-panel > ul[data-view="months"] > li {
            height: 52.5px;
            line-height: 52.5px;
            width: 52.5px;
        }

        .datepicker-panel > ul[data-view="week"] > li,
        .datepicker-panel > ul[data-view="week"] > li:hover {
            background-color: #fff;
            cursor: default;
        }

    .datepicker-hide {
        display: none;
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .mdl-header {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        z-index: 999;
        width: 100%;
        transition: 0.3s ease;
        background-color: transparent;
    }

        .mdl-header .logo-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 11.2rem;
            height: 11.2rem;
            background-color: #1b1c21;
        }

            .mdl-header .logo-container .logo-header img {
                height: 6.3rem;
            }

        .mdl-header .main {
            background-color: white;
            width: 100%;
            height: max-content;
        }

            .mdl-header .main .superior {
                height: 5.6rem;
               /* justify-content: space-between;*/
                align-items: center;
            }

                .mdl-header .main .superior .menu-burguer {
                  /*  margin-left: 2.3rem;*/
                    width: 3rem;
                    cursor: pointer;
                }

                .mdl-header .main .superior .sup-links {
                    height: 100%;
                    align-items: center;
                }

                    .mdl-header .main .superior .sup-links .language .lang-selected {
                        display: none;
                    }

                    .mdl-header .main .superior .sup-links .button2 {
                        height: 100%;
                        width: 15.8rem;
                        border-radius: unset;
                    }

                    .mdl-header .main .superior .sup-links .book {
                        position: relative;
                        margin: 0 0.5rem;
                        z-index: 3;
                    }

                        .mdl-header .main .superior .sup-links .book .book-button {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 4.3rem;
                            min-width: 15.8rem;
                            border-radius: 0.2rem;
                            background-color: #f58024;
                            color: white;
                            font-size: 1.4rem;
                            font-weight: 500;
                            letter-spacing: 0.1rem;
                            text-transform: uppercase;
                            cursor: pointer;
                        }

                        .mdl-header .main .superior .sup-links .book .b-hover-buttons {
                            min-width: 15.8rem;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            transform: translateY(100%);
                            transition: 0.3s ease;
                            opacity: 0;
                            z-index: -1;
                            max-height: 0;
                            overflow: hidden;
                            padding-top: 1.5rem;
                        }

                            .mdl-header .main .superior .sup-links .book .b-hover-buttons .b-hover-but {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 4.3rem;
                                width: 100%;
                                border-radius: 0.2rem;
                                margin-bottom: 1rem;
                                background-color: #f58024;
                                color: white;
                                font-size: 1.4rem;
                                font-weight: 500;
                                letter-spacing: 0.088rem;
                                text-transform: uppercase;
                                cursor: pointer;
                                transition: 0.3s ease;
                                position: relative;
                            }

                                .mdl-header
                                .main
                                .superior
                                .sup-links
                                .book
                                .b-hover-buttons
                                .b-hover-but > img {
                                    width: 1.4rem;
                                    position: absolute;
                                    top: 1.5rem;
                                    right: 1.3rem;
                                }

                                .mdl-header
                                .main
                                .superior
                                .sup-links
                                .book
                                .b-hover-buttons
                                .b-hover-but:hover {
                                    background-color: #1b1c21;
                                }

                                    .mdl-header
                                    .main
                                    .superior
                                    .sup-links
                                    .book
                                    .b-hover-buttons
                                    .b-hover-but:hover
                                    img {
                                        -webkit-animation: swingH 1s ease;
                                        animation: swingH 1s ease;
                                        -webkit-animation-iteration-count: 1;
                                        animation-iteration-count: 1;
                                    }

                        .mdl-header .main .superior .sup-links .book.active .book-button:after {
                            content: "";
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            transform: translate(-50%, 50%) rotate(45deg);
                            width: 1.4rem;
                            height: 1.4rem;
                            background-color: #f58024;
                            z-index: 3;
                        }

                        .mdl-header .main .superior .sup-links .book.active .b-hover-buttons {
                            max-height: 100rem;
                            opacity: 1;
                            z-index: 1;
                        }

                    .mdl-header .main .superior .sup-links .sup-link.weather {
                        position: relative;
                    }

                        .mdl-header .main .superior .sup-links .sup-link.weather:before {
                            content: "";
                            position: absolute;
                            width: 100%;
                            height: 5rem;
                            bottom: 0;
                            left: 0;
                            transform: translateY(100%);
                        }

            .mdl-header .main .inferior {
                height: 5.6rem;
                padding: 0 2.3rem;
                align-items: center;
                flex-wrap: wrap;
                border-top: 0.1rem solid rgba(189, 156, 41, 0.2);
                font-family: "BigCaslon", serif;
                font-size: 1.3rem;
                font-weight: 500;
                line-height: 0.5;
                letter-spacing: 0.088rem;
                transition: 0.3s ease;
            }

                .mdl-header .main .inferior .inf-link {
                    cursor: pointer;
                    height: max-content;
                    color: black !important;
                    position: relative;
                }

    @media (min-width: 1300px) {
        .mdl-header .main .inferior .inf-link {
            font-size: 1.4rem;
        }
    }

    .mdl-header .main .inferior .inf-link:not(:last-child) {
        margin-right: 2.7rem;
    }

    @media (max-width: 1200px) {
        .mdl-header .main .inferior .inf-link:not(:last-child) {
            margin-right: 1.5rem;
        }
    }

    @media (max-width: 1100px) {
        .mdl-header .main .inferior .inf-link:not(:last-child) {
            margin-right: 1rem;
        }
    }

    .mdl-header .main .inferior .inf-link.focus-menu::after {
        content: " ";
        position: absolute;
        background-color: #f58024;
        width: 100%;
        height: 4px;
        left: 0;
        top: 1.5rem;
    }

    .mdl-header .main .inferior .inf-link .sub-submenu-modal {
        display: none;
        padding: 2rem 0rem;
        border-radius: 0.5rem;
        position: absolute;
        top: 3rem;
        background-color: white;
        box-shadow: -1px 2px 8px 9px #2e2e2e42;
        min-width: 14rem;
        align-items: center;
    }

        .mdl-header .main .inferior .inf-link .sub-submenu-modal a {
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .mdl-header .main .inferior .inf-link .sub-submenu-modal a:hover {
                font-weight: 600;
            }

            .mdl-header .main .inferior .inf-link .sub-submenu-modal a:not(:last-child) {
                margin-bottom: 2rem;
            }

        .mdl-header .main .inferior .inf-link .sub-submenu-modal.active {
            display: flex;
        }

        .mdl-header .main .inferior .inf-link .sub-submenu-modal ::before {
            content: "";
            width: 1rem;
            height: 1rem;
            position: absolute;
            top: 0;
            left: 21%;
            transform: translate(-50%, -50%) rotate(45deg);
            background-color: white;
        }

    @media (max-width: 1025px) {
        .mdl-header .logo-container {
            width: 8rem;
            height: 8rem;
        }

            .mdl-header .logo-container .logo-header img {
                height: 4.5rem;
            }

        .mdl-header .main {
            width: 100%;
            height: auto;
        }

            .mdl-header .main .superior {
                height: 100%;
            }

                .mdl-header .main .superior .menu-burguer {
                    margin-left: 2rem;
                }

                .mdl-header .main .superior .sup-links {
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    flex-wrap: nowrap;
                    align-items: flex-end;
                }

            .mdl-header .main .inferior {
                display: none;
            }
    }

    @media (max-width: 915px) {
        .mdl-header .logo-container {
            width: 7.5rem;
            height: 10.5rem;
        }

            .mdl-header .logo-container .logo-header img {
                height: 3.7rem;
            }

        .mdl-header .main {
            width:100%;
            background-color: #fff!important
        }

            .mdl-header .main .superior .sup-links .sup-link img {
                max-width: 2.5rem;
                height: 2.5rem;
            }

            .mdl-header .main .superior .sup-links .sup-link div {
                display: none;
            }

            .mdl-header .main .superior .sup-links .button2 {
                height: 4.3rem;
                border-radius: 0.2rem;
                margin-right: 1.2rem;
            }
    }

    @media (max-width: 640px) {
        .mdl-header .main .superior .menu-burguer {
           
          height: 66px;
            width: 50px!important;
        }

        .mdl-header .main .superior .sup-links .sup-link:not(.phone):not(.button2) {
            display: none;
        }

        .mdl-header .main .superior .sup-links .language {
            display: none;
        }

        .mdl-header .main .superior .sup-links .button2 {
            height: 4.3rem;
            border-radius: 0.2rem;
            margin-right: 1.2rem;
        }
    }

    .mdl-header.sticky .main .superior {
        box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
    }

    .mdl-header:not(.sticky).headerHome {
        color: white;
    }

        .mdl-header:not(.sticky).headerHome .logo-container {
            display: none;
        }

        .mdl-header:not(.sticky).headerHome .main {
            background-color: transparent;
            width: 100%;
        }

            .mdl-header:not(.sticky).headerHome .main .superior {
                height: auto;
                padding: 4.7rem 3rem 4.7rem 4rem;
               /* justify-content: space-between;*/
                align-items: center;
            }

    @media (max-width: 1025px) {
        .mdl-header:not(.sticky).headerHome .main .superior {
            padding: 2.2rem 3.2rem 0 4rem;
        }
    }

    @media (max-width: 769px) {
        .mdl-header:not(.sticky).headerHome .main .superior {
            padding: 2.2rem 2rem 0 2.2rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-header:not(.sticky).headerHome .main .superior {
            padding: 4.1rem 1.4rem 0 2.2rem;
        }

            .mdl-header:not(.sticky).headerHome .main .superior .sup-links .button2 {
                margin: 0;
            }
    }

    .mdl-header:not(.sticky).headerHome .main .superior .menu-burguer {
      /*  filter: invert(1);*/
        margin-left: 34px;
        /*width: 3.5rem;*/
    }

    .mdl-header:not(.sticky).headerHome .main .superior .sup-links {
        height: 100%;
        align-items: center;
    }

        .mdl-header:not(.sticky).headerHome .main .superior .sup-links .sup-link {
            padding: 0 1.55rem;
            flex-direction: column;
            border-right: 0.1rem solid rgba(255, 255, 255, 0.2);
        }

            .mdl-header:not(.sticky).headerHome .main .superior .sup-links .sup-link > img {
                filter: brightness(0) grayscale(1) invert(1);
                height: 2.3rem;
                margin-right: 0;
                margin-bottom: 1rem;
            }

    @media (max-width: 769px) {
        .mdl-header:not(.sticky).headerHome
        .main
        .superior
        .sup-links
        .sup-link > img {
            margin: 0;
        }
    }

    .mdl-header:not(.sticky).headerHome .main .superior .sup-links .sup-link.cam2 {
        display: none;
    }

    .mdl-header:not(.sticky).headerHome
    .main
    .superior
    .sup-links
    .sup-link.search
    div {
        display: flex;
    }

    @media (max-width: 769px) {
        .mdl-header:not(.sticky).headerHome
        .main
        .superior
        .sup-links
        .sup-link.search
        div {
            display: none;
        }
    }

    .mdl-header:not(.sticky).headerHome .main .superior .sup-links .language {
        margin: 0 3.5rem 0 1.5rem;
        align-self: end;
    }

        .mdl-header:not(.sticky).headerHome
        .main
        .superior
        .sup-links
        .language
        .lang-selected {
            display: flex;
            margin-top: 1rem;
        }

    @media (max-width: 769px) {
        .mdl-header:not(.sticky).headerHome
        .main
        .superior
        .sup-links
        .language
        .lang-selected {
            display: none;
        }
    }

    .mdl-header:not(.sticky).headerHome .main .superior .sup-links .button2 {
        border-radius: 0.2rem;
    }

    .mdl-header:not(.sticky).headerHome .main .inferior {
        display: none;
    }

    .menu .modal .header .main {
        opacity: 0;
    }

    .menu {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: -200vw;
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        transition: 0.4s ease all;
        z-index: -13;
        overflow: hidden;
    }

        .menu.active {
            left: 0;
            z-index: 999;
        }

            .menu.active .modal .header {
                opacity: 1;
            }

            .menu.active .modal .content {
                opacity: 1;
            }

        .menu .modal {
            z-index: 13;
            background-color: #1b1c21;
            color: white;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            right: -100vw;
            overflow: auto;
            overflow-x: hidden;
            right: 0;
        }

            .menu .modal .icon-close {
                position: absolute;
                height: 3rem;
                width: 3rem;
                top: 12.5rem;
                right: 9.2rem;
                cursor: pointer;
                z-index: 9;
            }

            .menu .modal .header {
                position: fixed;
                top: 0;
                left: 0;
                display: flex;
                justify-content: space-between;
                z-index: -5;
                width: 100%;
                transition: 0.5s all ease 2.5s;
                z-index: 999;
                opacity: 0;
                box-sizing: border-box;
            }

                .menu .modal .header .logo-header img {
                    height: 6.3rem;
                    margin-top: 2.1rem;
                    margin-left: 3rem;
                }

                .menu .modal .header .main {
                    margin-right: 2.5rem;
                    display: flex;
                    align-items: center;
                    height: 5.6rem;
                }

                    .menu .modal .header .main .language .lang-selected {
                        display: none;
                    }

                    .menu .modal .header .main .button2 {
                        height: 100%;
                        width: 15.8rem;
                        border-radius: unset;
                    }

                    .menu .modal .header .main .book {
                        position: relative;
                        margin: 0 0.5rem;
                        z-index: 3;
                    }

                        .menu .modal .header .main .book .book-button {
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            height: 4.3rem;
                            min-width: 15.8rem;
                            border-radius: 0.2rem;
                            background-color: #f58024;
                            color: white;
                            font-size: 1.4rem;
                            font-weight: 500;
                            letter-spacing: 0.1rem;
                            text-transform: uppercase;
                        }

                        .menu .modal .header .main .book .b-hover-buttons {
                            min-width: 15.8rem;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            transform: translateY(100%);
                            transition: 0.3s ease;
                            opacity: 0;
                            z-index: -1;
                            max-height: 0;
                            overflow: hidden;
                            padding-top: 1.5rem;
                        }

                            .menu .modal .header .main .book .b-hover-buttons .b-hover-but {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                height: 4.3rem;
                                width: 100%;
                                border-radius: 0.2rem;
                                margin-bottom: 1rem;
                                background-color: #f58024;
                                color: white;
                                font-size: 1.4rem;
                                font-weight: 500;
                                letter-spacing: 0.088rem;
                                text-transform: uppercase;
                                cursor: pointer;
                                transition: 0.3s ease;
                                position: relative;
                            }

                                .menu .modal .header .main .book .b-hover-buttons .b-hover-but > img {
                                    width: 1.4rem;
                                    position: absolute;
                                    top: 1.5rem;
                                    right: 1.3rem;
                                }

                                .menu .modal .header .main .book .b-hover-buttons .b-hover-but:hover {
                                    background-color: #1b1c21;
                                }

                                    .menu .modal .header .main .book .b-hover-buttons .b-hover-but:hover img {
                                        -webkit-animation: swingH 1s ease;
                                        animation: swingH 1s ease;
                                        -webkit-animation-iteration-count: 1;
                                        animation-iteration-count: 1;
                                    }

                        .menu .modal .header .main .book.active .book-button:after {
                            content: "";
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            transform: translate(-50%, 50%) rotate(45deg);
                            width: 1.4rem;
                            height: 1.4rem;
                            background-color: #f58024;
                            z-index: 3;
                        }

                        .menu .modal .header .main .book.active .b-hover-buttons {
                            max-height: 100rem;
                            opacity: 1;
                            z-index: 1;
                        }

            .menu .modal .content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                margin-top: 6.8rem;
                padding: 0 5.2rem 5.2rem 10.6rem;
                font-family: "BigCaslon", serif;
                width: 100%;
                position: relative;
                min-height: calc(100vh - 6.8rem);
                box-sizing: border-box;
                /* transition: @transition1; */
                z-index: 1;
                opacity: 0;
                transition: 0.4s ease opacity 0.3s;
                overflow-y: auto;
            }

                .menu .modal .content .main {
                    margin-top: 7.5rem;
                    margin-bottom: 4rem;
                    max-height: calc(100% - 11.5rem);
                }

                    .menu .modal .content .main .column1 {
                        margin-top: 1rem;
                        max-height: calc(100% - 1rem);
                        min-width: 30.6%;
                    }

                        .menu .modal .content .main .column1 .links-menu .link-menu-item {
                            text-transform: capitalize;
                            font-size: 4rem;
                            font-weight: 500;
                            line-height: 1.75;
                            letter-spacing: 0.25rem;
                            cursor: pointer;
                            transition: 0.3s ease;
                            position: relative;
                            width: max-content;
                        }

                            .menu .modal .content .main .column1 .links-menu .link-menu-item:before {
                                content: " ";
                                width: 0;
                                height: 1.6rem;
                                background-color: rgba(189, 156, 41, 0.3);
                                position: absolute;
                                bottom: 1.2rem;
                                right: -0.5rem;
                                transition: 0.3s ease;
                            }

                            .menu .modal .content .main .column1 .links-menu .link-menu-item:hover,
                            .menu .modal .content .main .column1 .links-menu .link-menu-item.active {
                                color: #f58024;
                            }

                                .menu .modal .content .main .column1 .links-menu .link-menu-item:hover:before,
                                .menu .modal .content .main .column1 .links-menu .link-menu-item.active:before {
                                    width: calc(100% - 3.3rem);
                                }

                    .menu .modal .content .main .column2 {
                        border-left: 0.1rem solid #f58024;
                        width: 30%;
                        opacity: 0;
                        transition: 0.3s ease;
                        pointer-events: none;
                    }

                        .menu .modal .content .main .column2.active {
                            opacity: 1;
                            pointer-events: initial;
                        }

                        .menu .modal .content .main .column2 .volver {
                            display: none;
                        }

                        .menu .modal .content .main .column2 .submenu {
                            margin-top: 0.8rem;
                            width: 100%;
                            position: relative;
                        }

                            .menu .modal .content .main .column2 .submenu .line-box {
                                position: relative;
                                width: 0.4rem;
                                margin-right: 3.3rem;
                            }

                                .menu .modal .content .main .column2 .submenu .line-box .line {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100%;
                                    height: 5rem;
                                    background-color: #f58024;
                                    transition: 0.3s ease;
                                }

                            .menu .modal .content .main .column2 .submenu .submenu-group {
                                display: none;
                                opacity: 0;
                                max-height: 0;
                                transition: all 0.3s ease-in;
                                pointer-events: none;
                            }

                                .menu .modal .content .main .column2 .submenu .submenu-group.active {
                                    display: block;
                                    max-height: 100rem;
                                    opacity: 1;
                                    pointer-events: initial;
                                }

                                .menu .modal .content .main .column2 .submenu .submenu-group .submenu-title {
                                    display: none;
                                }

                                .menu .modal .content .main .column2 .submenu .submenu-group .submenu-item {
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    display: flex;
                                    cursor: pointer;
                                    font-size: 2.5rem;
                                    line-height: 2.4;
                                    letter-spacing: 0.156rem;
                                }

                                .menu
                                .modal
                                .content
                                .main
                                .column2
                                .submenu
                                .submenu-group
                                .sub-submenu-containter {
                                    display: none;
                                    opacity: 0;
                                    height: 0;
                                    transition: all 1s ease;
                                    padding-left: 1rem;
                                }

                                    .menu
                                    .modal
                                    .content
                                    .main
                                    .column2
                                    .submenu
                                    .submenu-group
                                    .sub-submenu-containter.active {
                                        display: flex;
                                        opacity: 1;
                                        height: auto;
                                    }

                                    .menu
                                    .modal
                                    .content
                                    .main
                                    .column2
                                    .submenu
                                    .submenu-group
                                    .sub-submenu-containter
                                    .sub-submenu {
                                        opacity: 1;
                                        margin-bottom: 0.5rem;
                                    }

                                        .menu
                                        .modal
                                        .content
                                        .main
                                        .column2
                                        .submenu
                                        .submenu-group
                                        .sub-submenu-containter
                                        .sub-submenu:hover {
                                            font-weight: 600;
                                        }

                                        .menu
                                        .modal
                                        .content
                                        .main
                                        .column2
                                        .submenu
                                        .submenu-group
                                        .sub-submenu-containter
                                        .sub-submenu.active {
                                            font-weight: 600;
                                        }

                .menu .modal .content .final-links {
                    font-family: "FiraSans", sans-serif;
                    font-size: 1.4rem;
                    font-weight: 500;
                    letter-spacing: 0.093rem;
                    text-transform: uppercase;
                }

                    .menu .modal .content .final-links .final-link {
                        transition: 0.3s ease;
                    }

                        .menu .modal .content .final-links .final-link:hover {
                            opacity: 0.5;
                        }

                        .menu .modal .content .final-links .final-link:not(:last-child) {
                            margin-right: 2.5rem;
                        }

                .menu .modal .content .final-mobile {
                    display: none;
                }

    @media (min-width: 1200px) {
        .menu .modal .bg-images {
            display: block;
            position: fixed;
            top: 51%;
            right: 10vw;
            transform: translateY(-50%);
            height: 30.55vw;
            width: 47.75vw;
            opacity: 0;
            transition: 1s width ease, 1s height ease;
            z-index: 0;
        }

            .menu .modal .bg-images.active {
                opacity: 1;
            }

            .menu .modal .bg-images.full {
                opacity: 1;
                top: 50% !important;
                right: 0;
                height: 100vh !important;
                width: 56.4vw;
            }

                .menu .modal .bg-images.full .menu-img .img {
                    box-shadow: none;
                }

                    .menu .modal .bg-images.full .menu-img .img:after {
                        width: 100%;
                    }

                .menu .modal .bg-images.full .menu-img .gradient {
                    opacity: 0;
                }

            .menu .modal .bg-images .menu-img {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                opacity: 0;
                transition: 0.3s ease;
                z-index: 1;
            }

                .menu .modal .bg-images .menu-img.active {
                    opacity: 1;
                }

                .menu .modal .bg-images .menu-img .img {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    z-index: 1;
                    box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.5);
                }

                    .menu .modal .bg-images .menu-img .img:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0;
                        height: 100%;
                        transition: 3s all ease;
                        background-image: linear-gradient( 90deg, #1a1c20 12%, rgba(0, 0, 0, 0.54) 39%, rgba(0, 0, 0, 0) 71% );
                    }

                .menu .modal .bg-images .menu-img .gradient {
                    width: calc(100% - 4.4rem);
                    height: calc(100% + 8.8rem);
                    position: absolute;
                    top: -4.4rem;
                    right: -8.8rem;
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    z-index: 0;
                    position: relative;
                }

                    .menu .modal .bg-images .menu-img .gradient:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        backdrop-filter: blur(5rem);
                        -webkit-backdrop-filter: blur(5rem);
                        filter: blur(0.4rem);
                        background-image: unset;
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        z-index: -1;
                    }
    }

    @media (max-width: 1032px) {
        .menu .modal .icon-close {
            top: 10.5rem;
            right: 3.1rem;
        }

        .menu .modal .content {
            padding: 0 4rem 4.5rem 6.4rem;
        }

            .menu .modal .content .main {
                margin-top: 6rem;
            }

                .menu .modal .content .main .column1 {
                    margin-top: 0;
                    min-width: 34.6%;
                }

                .menu .modal .content .main .column2 {
                    margin-top: 1rem;
                }

                    .menu .modal .content .main .column2 .submenu {
                        margin-top: 0;
                    }

                        .menu .modal .content .main .column2 .submenu .line-box .line {
                            height: 4rem;
                        }

                        .menu .modal .content .main .column2 .submenu .submenu-group .submenu-item {
                            font-size: 2.2rem;
                            line-height: 2.3;
                            letter-spacing: 0.138rem;
                        }

        .menu .modal .bg-images {
            top: 57%;
            right: 3.1rem;
            height: 40.75vw;
            width: 52.4vw;
        }

            .menu .modal .bg-images.full {
                width: 56.4vw;
            }

            .menu .modal .bg-images .menu-img .gradient {
                width: calc(100% - 5.5rem);
                right: -8.6rem;
            }
    }

    @media (max-width: 769px) {
        .menu .modal .icon-close {
            width: 2.2rem;
            height: 2.2rem;
            top: 10.5rem;
            right: 3.1rem;
        }

        .menu .modal .header .logo-header img {
            height: 3.7rem;
            margin-top: 1.1rem;
            margin-left: 1.8rem;
        }

        .menu .modal .header .main {
            height: 6.3rem;
        }

            .menu .modal .header .main .sup-link img {
                max-width: 2.3rem;
                height: 2rem;
            }

            .menu .modal .header .main .button2 {
                height: 4.3rem;
                border-radius: 0.2rem;
                margin-right: 1.2rem;
            }

        .menu .modal .content {
            margin-top: 6.3rem;
            height: calc(100vh - 6.3rem);
            padding: 0 4.7rem 6.3rem;
            overflow-x: hidden;
        }

            .menu .modal .content .main {
                width: 200%;
                margin-top: 11rem;
                transition: unset;
            }

                .menu .modal .content .main .column1 {
                    margin-top: 0;
                    width: 50%;
                }

                .menu .modal .content .main .column2 {
                    width: 50%;
                    margin-top: 2.5rem;
                    position: relative;
                }

                    .menu .modal .content .main .column2 .volver {
                        position: absolute;
                        left: 0;
                        top: -8.5rem;
                        display: flex;
                        font-family: "FiraSans", sans-serif;
                        font-size: 1.4rem;
                        font-weight: 500;
                        letter-spacing: 0.023rem;
                        text-transform: uppercase;
                    }

                        .menu .modal .content .main .column2 .volver > img {
                            width: 1.2rem;
                            transform: rotate(-90deg);
                            margin-right: 1.2rem;
                        }

                    .menu .modal .content .main .column2 .submenu .line-box .line {
                        height: 5rem;
                    }

                    .menu .modal .content .main .column2 .submenu .submenu-group .submenu-item {
                        font-size: 2.5rem;
                        line-height: 2.4;
                        letter-spacing: 0.156rem;
                    }

            .menu .modal .content .final-links .final-link:not(:last-child) {
                margin-right: 2.8rem;
            }

        .menu .modal .bg-images {
            top: 48%;
            right: 0;
            height: 54.3vw;
            width: 49.9vw;
        }

            .menu .modal .bg-images.full {
                width: 80vw;
            }

            .menu .modal .bg-images .menu-img .gradient {
                width: calc(100% - 5.5rem);
                right: -8.6rem;
            }
    }

    @media (max-width: 769px) and (max-width: 700px) {
        .menu .modal .header .main .sup-link div {
            display: none;
        }
    }

    @media (max-width:900px) {
        .menu .modal .icon-close {
            top: 3rem;
            right: 1.4rem;
            z-index: 111111111111111111111111111111111111111111111;
        }

        .menu .modal .header {
            padding: 2rem 1.4rem 1.4rem 1.8rem;
        }

            .menu .modal .header .logo-header img {
                margin: 0;
            }

            .menu .modal .header .main {
                margin-bottom: 0;
                height: auto;
            }

                .menu .modal .header .main .sup-link:not(.phone):not(.button2) {
                    display: none;
                }

                .menu .modal .header .main .language {
                    display: none;
                }

                .menu .modal .header .main .button2 {
                    height: 4.3rem;
                    border-radius: 0.2rem;
                    margin-right: 0;
                }

        .menu .modal .content {
            width: calc(200% + 5.8rem);
            margin-top: 7.7rem;
            height: unset;
            min-height: calc(100vh - 16rem);
            box-sizing: border-box;
            padding: 0 3.7rem 3.4rem;
        }

            .menu .modal .content .main {
                width: 100%;
                margin: 0 !important;
            }

                .menu .modal .content .main .column1 {
                    margin-top: 0;
                    width: 50%;
                }

                    .menu .modal .content .main .column1 .links-menu .link-menu-item {
                        font-size: 3rem;
                        line-height: 1.9;
                        letter-spacing: 0.188rem;
                    }

                        .menu .modal .content .main .column1 .links-menu .link-menu-item:hover:before,
                        .menu
                        .modal
                        .content
                        .main
                        .column1
                        .links-menu
                        .link-menu-item.active:before {
                            width: calc(100% - 1.9rem);
                        }

                .menu .modal .content .main .column2 {
                    width: 50%;
                    margin-top: 4rem;
                    position: relative;
                    border-left: none;
                }

                    .menu .modal .content .main .column2 .volver {
                        top: -3.5rem;
                    }

                    .menu .modal .content .main .column2 .submenu .line-box {
                        position: absolute;
                    }

                    .menu .modal .content .main .column2 .submenu .submenu-group {
                        opacity: 0;
                        max-height: 0;
                        transition: unset;
                        pointer-events: none;
                        position: absolute;
                    }

                        .menu .modal .content .main .column2 .submenu .submenu-group.active {
                            max-height: 100rem;
                            opacity: 1;
                            pointer-events: initial;
                            border-left: solid 0.5px #f58024;
                            padding-left: 3rem;
                        }

                        .menu .modal .content .main .column2 .submenu .submenu-group .submenu-title {
                            display: none;
                        }

                        .menu .modal .content .main .column2 .submenu .submenu-group .submenu-item {
                            position: relative;
                            display: flex;
                            cursor: pointer;
                            font-size: 2.5rem;
                            line-height: 2.4;
                            letter-spacing: 0.156rem;
                            color: white;
                        }

                            .menu
                            .modal
                            .content
                            .main
                            .column2
                            .submenu
                            .submenu-group
                            .submenu-item.focus-menu {
                                display: flex;
                                align-items: center;
                            }

                                .menu
                                .modal
                                .content
                                .main
                                .column2
                                .submenu
                                .submenu-group
                                .submenu-item.focus-menu:after {
                                    content: " ";
                                    background-color: #f58024;
                                    position: absolute;
                                    width: 4px;
                                    height: 30px;
                                    left: -3rem;
                                }

            .menu .modal .content .final-links {
                margin: auto 0;
                padding-bottom: 0;
                flex-direction: column;
            }

                .menu .modal .content .final-links .final-link {
                    margin: 0.9rem 0;
                }

            .menu .modal .content .final-mobile {
                display: flex;
                margin-left: -1rem;
                width: 100%;
            }

                .menu .modal .content .final-mobile .sup-link {
                    padding: 0 1.75rem;
                    font-size: 1.2rem;
                }

                    .menu .modal .content .final-mobile .sup-link.weather .weather-box {
                        max-width: 85vw;
                        bottom: 0vh;
                        opacity: 0;
                        left: 0;
                        transform: translate(0, 0);
                    }

                        .menu .modal .content .final-mobile .sup-link.weather .weather-box:before {
                            top: unset;
                            bottom: 0;
                            left: 2rem;
                            transform: translate(0%, 50%) rotate(45deg);
                        }

                    .menu .modal .content .final-mobile .sup-link.weather:hover .weather-box {
                        opacity: 1;
                        bottom: 3.5rem;
                    }

                    .menu .modal .content .final-mobile .sup-link.search img {
                        margin: 0;
                    }

                    .menu .modal .content .final-mobile .sup-link:first-child {
                        padding-left: 0;
                    }

                .menu .modal .content .final-mobile .language {
                    margin-left: 1.5rem;
                    margin-right: 0;
                }

                    .menu .modal .content .final-mobile .language .flag-selected {
                        width: 2rem;
                        height: auto;
                    }

                    .menu .modal .content .final-mobile .language .lang-selected {
                        display: none;
                    }

                    .menu .modal .content .final-mobile .language .lang-submenu {
                        opacity: 0;
                        bottom: 0vh;
                        right: -1rem;
                        left: unset;
                        transform: translate(0%, 0);
                    }

                        .menu .modal .content .final-mobile .language .lang-submenu:before {
                            top: unset;
                            bottom: 0;
                            right: 1.5rem;
                            left: unset;
                            transform: translate(0%, 50%) rotate(45deg);
                        }

                    .menu .modal .content .final-mobile .language:hover .lang-submenu {
                        opacity: 1;
                        bottom: 3.5rem;
                    }

        .menu .modal .bg-images {
            top: unset !important;
            bottom: 0 !important;
            opacity: 0;
            transform: unset !important;
            width: 100vw !important;
            height: 0 !important;
        }

            .menu .modal .bg-images.full {
                top: unset !important;
                bottom: 0 !important;
                opacity: 1;
                height: 50vh !important;
                transform: unset;
            }

            .menu .modal .bg-images .menu-img {
                width: 100%;
                height: 100%;
            }

                .menu .modal .bg-images .menu-img .gradient {
                    display: none;
                }

                .menu .modal .bg-images .menu-img .img:after {
                    width: 100%;
                    background-image: linear-gradient( #1a1c20 12%, rgba(0, 0, 0, 0.54) 39%, rgba(0, 0, 0, 0) 71% );
                }
    }

    .menu.touch {
        transition: unset;
    }

        .menu.touch .modal .header {
            transition: unset;
        }

            .menu.touch .modal .header .main .book .b-hover-buttons {
                transition: unset;
            }

                .menu.touch .modal .header .main .book .b-hover-buttons .b-hover-but {
                    transition: unset;
                }

                    .menu.touch .modal .header .main .book .b-hover-buttons .b-hover-but:hover img {
                        -webkit-animation: unset;
                        animation: unset;
                    }

        .menu.touch .modal .content {
            transition: unset;
        }

            .menu.touch .modal .content .main .column1 .links-menu .link-menu-item {
                transition: unset;
            }

                .menu.touch .modal .content .main .column1 .links-menu .link-menu-item:before {
                    transition: unset;
                }

            .menu.touch .modal .content .main .column2 {
                transition: unset;
            }

                .menu.touch .modal .content .main .column2 .submenu .line-box .line {
                    transition: unset;
                }

                .menu.touch .modal .content .main .column2 .submenu .submenu-group {
                    transition: unset;
                }

                    .menu.touch
                    .modal
                    .content
                    .main
                    .column2
                    .submenu
                    .submenu-group
                    .sub-submenu-containter {
                        transition: unset;
                    }

            .menu.touch .modal .content .final-links .final-link {
                transition: unset;
            }

        .menu.touch .modal .bg-images {
            transition: unset;
        }

            .menu.touch .modal .bg-images .menu-img {
                transition: unset;
            }

                .menu.touch .modal .bg-images .menu-img .img:after {
                    transition: unset;
                }

    .language {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 1.3rem;
        margin-right: 2rem;
        font-family: "FiraSans", sans-serif;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0.02rem;
        text-transform: uppercase;
        position: relative;
        cursor: pointer;
        gap: 10px
    }

        .language .flag-selected {
            width: 3rem;
            height: 1.8rem;
        }

        .language .lang-submenu {
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translate(-50%, 100%);
            background-color: white;
            padding: 0;
            border-radius: 0.8rem;
            width: max-content;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -50;
            transition-property: all;
            transition-duration: 0.2s;
            transition-timing-function: ease;
            transition-delay: 0.3s;
            max-height: 0;
            color: #2d2e31;
        }

            .language .lang-submenu:before {
                content: "";
                width: 1rem;
                height: 1rem;
                position: absolute;
                top: 0;
                left: 50%;
                transform: translate(-50%, -50%) rotate(45deg);
                background-color: white;
            }

            .language .lang-submenu .lang-item {
                display: flex;
                flex-direction: row;
                width: calc(100% - 5.6rem);
                padding: 0.7rem 2.8rem;
                margin: 0.2rem 0rem;
                cursor: pointer;
            }

                .language .lang-submenu .lang-item img {
                    margin-right: 0.8rem;
                }

                .language .lang-submenu .lang-item:last-child {
                    margin-bottom: 0;
                }

                .language .lang-submenu .lang-item:hover {
                    color: #1b1c21;
                }

        .language:hover .lang-submenu {
            bottom: -1.2rem;
            opacity: 1;
            max-height: 100rem;
            z-index: 999;
            padding: 2.1rem 0rem;
            box-shadow: 0 2rem 4rem 0 rgba(0, 0, 0, 0.1);
        }

    .sup-link {
        cursor: pointer;
        display: flex;
        align-items: center;
        height: max-content;
        padding: 0 1.4rem;
        border-right: 0.1rem solid rgba(189, 156, 41, 0.2);
        font-family: "FiraSans", sans-serif;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0.02rem;
        text-transform: uppercase;
        position: relative;
    }

        .sup-link.cam2 {
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .sup-link > img {
            max-width: 2rem;
            height: 2rem;
            margin-right: 0.8rem;
        }

        .sup-link.search div {
            display: none;
        }

        .sup-link.weather {
            cursor: pointer;
        }

            .sup-link.weather .weather-box {
                pointer-events: none;
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translate(-50%, 100%);
                background-color: white;
                padding: 0;
                border-radius: 0.8rem;
                width: max-content;
                opacity: 0;
                transition: opacity 0.3s ease;
                z-index: -50;
                transition-property: all;
                transition-duration: 0.2s;
                transition-timing-function: ease;
                transition-delay: 0.3s;
                max-height: 0;
                color: #2d2e31;
            }

                .sup-link.weather .weather-box:before {
                    content: "";
                    width: 1rem;
                    height: 1rem;
                    position: absolute;
                    top: 0;
                    left: 50%;
                    transform: translate(-50%, -50%) rotate(45deg);
                    background-color: white;
                }

                .sup-link.weather .weather-box > .row {
                    display: flex;
                    flex-direction: row;
                    width: calc(100% - 4rem);
                    padding: 0 2rem;
                    cursor: pointer;
                    font-size: 1.2rem;
                    font-weight: 500;
                }

                    .sup-link.weather .weather-box > .row .w-day {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        width: 9rem;
                    }

                        .sup-link.weather .weather-box > .row .w-day:not(:last-child) {
                            margin-right: 3rem;
                        }

                        .sup-link.weather .weather-box > .row .w-day .w-icon {
                            height: 2.4rem;
                            margin-bottom: 0.6rem;
                        }

                        .sup-link.weather .weather-box > .row .w-day .w-temp {
                            letter-spacing: 0.069rem;
                        }

                            .sup-link.weather .weather-box > .row .w-day .w-temp span {
                                margin: 0 0.5rem;
                            }

                        .sup-link.weather .weather-box > .row .w-day .w-humidity,
                        .sup-link.weather .weather-box > .row .w-day .w-wind {
                            margin: 0.8rem 0;
                            font-size: 1rem;
                        }

                            .sup-link.weather .weather-box > .row .w-day .w-humidity > img,
                            .sup-link.weather .weather-box > .row .w-day .w-wind > img {
                                height: 1rem;
                                margin-right: 0.5rem;
                            }

                        .sup-link.weather .weather-box > .row .w-day .w-title {
                            font-size: 1.2rem;
                            font-weight: 500;
                            letter-spacing: 0.069rem;
                            width: 100%;
                            font-family: "BigCaslon", serif;
                            text-align: center;
                            text-transform: initial;
                            padding: 0.8rem 0;
                            border-top: 0.1rem solid #f58024;
                            margin-top: auto;
                        }

                    .sup-link.weather .weather-box > .row.w-links {
                        align-items: center;
                        justify-content: space-between;
                        margin-top: 1rem;
                        font-size: 0.9rem;
                        font-weight: 500;
                        line-height: 2.78;
                        letter-spacing: 0.056rem;
                    }

                        .sup-link.weather .weather-box > .row.w-links .more {
                            text-decoration: underline;
                        }

                        .sup-link.weather .weather-box > .row.w-links a img {
                            height: 1.7rem;
                        }

            .sup-link.weather:hover .weather-box {
                pointer-events: unset;
                bottom: -1.2rem;
                opacity: 1;
                max-height: 100rem;
                z-index: 999;
                padding: 1.3rem 0rem;
                box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
            }

    @media (max-width: 551px) {
        .sup-link.phone {
            border-right: none !important;
            left:20px
        }
    }

    .mdl-search {
        padding-top: 15rem;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        overflow: auto;
        opacity: 0;
        pointer-events: none;
        transition: 0.3s ease;
    }

    @media (max-width: 769px) {
        .mdl-search {
            padding: 15rem 3rem 0;
        }
    }

    .mdl-search .m-bg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.88);
    }

    .mdl-search .m-content {
        margin: 0 auto;
        max-width: 74.6rem;
        position: relative;
    }

    .mdl-search .m-search {
        color: white;
        position: relative;
        border-bottom: 0.1rem solid #fff;
    }

        .mdl-search .m-search input {
            font-size: 1.7rem;
            color: #fff;
            width: 100%;
            box-sizing: border-box;
            padding: 1.2rem 4rem 1.2rem 4.5rem;
            background-color: initial !important;
            border: unset;
            -webkit-appearance: none;
        }

            .mdl-search .m-search input::-webkit-input-placeholder {
                color: #fff;
            }

            .mdl-search .m-search input::-moz-placeholder {
                color: #fff;
            }

            .mdl-search .m-search input:-ms-input-placeholder {
                color: #fff;
            }

            .mdl-search .m-search input:-moz-placeholder {
                color: #fff;
            }

        .mdl-search .m-search > img {
            position: absolute;
            top: 50%;
            left: 0.8rem;
            width: 1.8rem;
            height: 1.8rem;
            transform: translateY(-50%);
            pointer-events: none;
        }

        .mdl-search .m-search .m-submit {
            position: absolute;
            top: 50%;
            right: 1.2rem;
            transform: translateY(-50%);
            font-size: 2.1rem;
            transition: 0.3s ease;
        }

            .mdl-search .m-search .m-submit:hover {
                color: #f58024;
            }

        .mdl-search .m-search + * {
            margin-top: 8rem;
        }

    .mdl-search .m-resume {
        color: #f58024;
        font-family: "FiraSans", sans-serif;
        font-weight: 500;
        font-size: 1.3rem;
        letter-spacing: normal;
        line-height: 1.57;
        margin-top: 1.4rem;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-search .m-list {
        margin-top: 6.1rem;
        padding-bottom: 2rem;
    }

    .mdl-search .m-item {
        font-family: "FiraSans", sans-serif;
        font-size: 1.7rem;
        color: #f58024;
        display: block;
        position: relative;
        padding: 2.3rem 0;
    }

        .mdl-search .m-item:last-of-type:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 0.1rem;
            background-color: rgba(255, 255, 255, 0.33);
        }

        .mdl-search .m-item:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 0.1rem;
            background-color: rgba(255, 255, 255, 0.33);
        }

        .mdl-search .m-item > div {
            max-width: 46rem;
            transition: 0.3s ease;
        }

            .mdl-search .m-item > div:hover {
                opacity: 0.8;
            }

    .mdl-search .m-pag {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #fff;
        font-family: "FiraSans", sans-serif;
        font-weight: 500;
        font-size: 1.3rem;
        letter-spacing: normal;
        line-height: 1.57;
        margin-top: 4.6rem;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-search .m-pag a {
        text-decoration: underline;
    }

        .mdl-search .m-pag a:hover {
            text-decoration: none;
        }

    #sta-css-search:checked ~ .mdl-search {
        opacity: 1;
        pointer-events: auto;
    }

    [id^="sta"] {
        position: fixed;
        top: 0;
        left: -99px;
    }

    body#safari .menu .modal .bg-images .menu-img .gradient:after,
    body#firefox .menu .modal .bg-images .menu-img .gradient:after {
        background-color: rgba(0, 0, 0, 0.6);
    }

    @media (max-width: 1200px) {
        body.mac#safari
        .menu.touch
        .modal
        .content
        .main
        .column1
        .links-menu
        .link-menu-item:before {
            display: none !important;
        }
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .mdl-hero {
        height: 100vh;
        min-width: 100%;
        padding: 0;
        position: relative;
        opacity: 0;
        transition: all 0.5s ease;
    }

        .mdl-hero .slider-hero {
            height: 100%;
            width: 100%;
            position: relative;
            max-height: 100%;
            margin-top: -3rem;
        }

            .mdl-hero .slider-hero .gal-container {
                position: absolute;
                width: 100%;
                height: 100%;
                opacity: 0;
                transition: 0.75s ease-in all;
                background-size: cover;
                background-position: center;
            }

                .mdl-hero .slider-hero .gal-container.active {
                    opacity: 1;
                }

            .mdl-hero .slider-hero .rsArrow {
                display: none !important;
            }

            .mdl-hero .slider-hero .slide {
                min-height: 100%;
                width: 100%;
                background-position: center;
                background-size: cover;
                height: -moz-fit-content;
                height: fit-content;
                display: flex;
                align-items: center;
                position: relative;
            }

    @media (max-width: 551px) {
        .mdl-hero .slider-hero .slide {
            align-items: flex-end;
        }
    }

    .mdl-hero .slider-hero .slide .before {
        opacity: 0.7;
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        background-image: linear-gradient(230deg, rgba(0, 0, 0, 0) 34%, #000000b5 100%);
    }

    .mdl-hero .slider-hero .slide .content {
        z-index: 2;
        padding: 8rem 4.1rem 0;
        width: 100%;
        box-sizing: border-box;
    }

    @media (max-width: 768px) {
        .mdl-hero .slider-hero .slide .content {
            padding: 0 2.3rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-hero .slider-hero .slide .content {
            padding-top: 0;
            padding-bottom: 22rem;
        }
    }

    .mdl-hero .slider-hero .slide .content img {
        width: 30rem;
    }

    @media (max-width: 551px) {
        .mdl-hero .slider-hero .slide .content img {
            width: 8rem;
        }
    }

    .mdl-hero .slider-hero .slide .content .titleSlide {
        font-family: "BigCaslon", serif;
        font-size: 7rem;
        font-weight: 500;
        line-height: 0.9;
        letter-spacing: 0.4rem;
        color: #fff;
        margin-top: 4.9rem;
        margin-bottom: 0.3rem;
        text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
    }

    @media (max-width: 1250px) {
        .mdl-hero .slider-hero .slide .content .titleSlide {
            max-width: 60rem;
        }
    }

    @media (max-width: 1023px) {
        .mdl-hero .slider-hero .slide .content .titleSlide {
            max-width: 40rem;
            font-size: 4.5rem;
        }
    }

    @media (max-width: 768px) {
        .mdl-hero .slider-hero .slide .content .titleSlide {
            margin-top: 2.5rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-hero .slider-hero .slide .content .titleSlide {
            line-height: 1;
            letter-spacing: 0.257rem;
            margin-bottom: 0.5rem;
        }
    }

    .mdl-hero .slider-hero .slide .content .subtitleSlide {
        font-family: "BigCaslon", serif;
        font-size: 5rem;
        font-weight: 500;
        letter-spacing: 0.286rem;
        color: #fff;
        text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
    }

    @media (max-width: 1250px) {
        .mdl-hero .slider-hero .slide .content .subtitleSlide {
            max-width: 60rem;
        }
    }

    @media (max-width: 1023px) {
        .mdl-hero .slider-hero .slide .content .subtitleSlide {
            max-width: 40rem;
            font-size: 3rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-hero .slider-hero .slide .content .subtitleSlide {
            line-height: 1.35;
            letter-spacing: 0.177rem;
        }
    }

    .mdl-hero .slider-hero .slide .content .textSlide {
        font-family: "FiraSans", sans-serif;
        font-size: 2rem;
        font-weight: normal;
        line-height: 1.5;
        letter-spacing: 0.063rem;
        color: #fff;
        width: 100%;
        max-width: 80rem;
        margin-bottom: 2rem;
        text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
    }

    @media (max-width: 1250px) {
        .mdl-hero .slider-hero .slide .content .textSlide {
            max-width: 60rem;
        }
    }

    @media (max-width: 1023px) {
        .mdl-hero .slider-hero .slide .content .textSlide {
            max-width: 40rem;
            font-size: 1.6rem;
        }
    }

    @media (max-width: 650px) {
        .mdl-hero .slider-hero .slide .content .textSlide {
            display: none;
        }
    }

    .mdl-hero .slider-hero .slide .content .enlaceHero {
        font-family: "FiraSans", sans-serif;
        font-size: 1.2rem;
        text-transform: uppercase;
        color: white;
        letter-spacing: 0.075rem;
        margin-top: 2rem;
    }

        .mdl-hero .slider-hero .slide .content .enlaceHero span {
            z-index: 9;
            position: relative;
            color: #ffffff;
        }

            .mdl-hero .slider-hero .slide .content .enlaceHero span.filtro-destacado:after {
                z-index: -1 !important;
                background-color: rgba(189, 156, 41, 0.7) !important;
            }

        .mdl-hero .slider-hero .slide .content .enlaceHero::after {
            background-color: #f58024;
            width: 80%;
            bottom: -0.1rem;
            right: -0.8rem;
        }

    .mdl-hero .slider-hero .slide .content .center-logo {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    @media (max-width: 551px) {
        .mdl-hero .slider-hero .slide .content .center-logo {
            height: 29rem;
        }
    }

    .mdl-hero .slider-hero .slide .content .center-logo img {
        width: 40rem;
        max-width: calc(100% - 6rem);
        margin: 0 auto;
    }

    .mdl-hero .vimeo-wrapper {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        pointer-events: none;
        overflow: hidden;
    }

        .mdl-hero .vimeo-wrapper iframe {
            width: 100vw;
            height: 56.25vw;
            /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
            min-height: 100vh;
            min-width: 177.77vh;
            /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    @media (max-width: 1905px) {
        .mdl-hero .vimeo-wrapper iframe {
            min-height: 157%;
            min-width: 205%;
        }
    }

    @media (min-width: 700px) {
        .mdl-hero .vimeo-wrapper iframe {
            min-height: 178%;
            min-width: 280%;
        }
    }

    @media (max-width: 700px) {
        .mdl-hero .vimeo-wrapper iframe {
            display: none;
        }
    }

    .mdl-hero .scrollDown {
        cursor: pointer;
        position: absolute;
        bottom: 0;
        width: 2rem;
        left: 50vw;
        transform: translateX(-50%);
        margin-bottom: 2rem;
        animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
    }

    @media (max-width: 551px) {
        .mdl-hero .scrollDown {
            margin-bottom: 2rem;
        }
    }

    .mdl-hero .indicadores-sliders {
        position: absolute;
        right: 4rem;
        bottom: 5rem;
        display: flex;
        flex-direction: column;
    }

    @media (max-width: 767px) {
        .mdl-hero .indicadores-sliders {
            width: 36rem;
            flex-direction: row;
            right: 50%;
            transform: translateX(50%);
            justify-content: space-around;
        }
    }

    @media (max-width: 551px) {
        .mdl-hero .indicadores-sliders {
            bottom: 6rem;
        }
    }

    .mdl-hero .indicadores-sliders .indicator {
        margin-bottom: 5.7rem;
        position: relative;
    }

        .mdl-hero .indicadores-sliders .indicator .title-indicador {
            position: absolute;
            right: 4rem;
            font-family: "BigCaslon", serif;
            font-size: 1.6rem;
            font-weight: 500;
            line-height: 1.56;
            letter-spacing: 0.1rem;
            text-align: right;
            color: #fff;
            width: max-content;
            top: 0;
            transform: translatey(-30%);
            transition: all ease-in 0.35s;
        }

    @media (max-width: 1023px) {
        .mdl-hero .indicadores-sliders .indicator .title-indicador {
            font-size: 1.65rem;
        }
    }

    @media (max-width: 767px) {
        .mdl-hero .indicadores-sliders .indicator .title-indicador {
            right: -50%;
            transform: translateX(25%) translateY(3rem);
            width: fit-content;
            text-align: center;
            width: 7rem;
            font-size: 1.4rem;
            letter-spacing: 0.088rem;
        }
    }

    .mdl-hero .indicadores-sliders .indicator.active .title-indicador {
        font-size: 3rem;
        letter-spacing: 0.286rem;
        cursor: pointer;
    }

    @media (max-width: 1023px) {
        .mdl-hero .indicadores-sliders .indicator.active .title-indicador {
            font-size: 2rem;
        }
    }

    @media (max-width: 767px) {
        .mdl-hero .indicadores-sliders .indicator.active .title-indicador {
            font-size: 1.4rem;
            letter-spacing: 0.088rem;
        }
    }

    .mdl-hero .indicadores-sliders .indicator.active .bullet {
        background-color: #f58024;
    }

        .mdl-hero .indicadores-sliders .indicator.active .bullet::before {
            border: 1px solid #f58024;
        }

    .mdl-hero .indicadores-sliders .indicator .bullet {
        width: 1.6rem;
        height: 1.6rem;
        background-color: white;
        border-radius: 5rem;
        position: relative;
        transition: all ease-in 0.35s;
        cursor: pointer;
    }

        .mdl-hero .indicadores-sliders .indicator .bullet::before {
            content: " ";
            width: 2.8rem;
            height: 2.8rem;
            background-color: rgba(255, 255, 255, 0);
            border-radius: 5rem;
            position: absolute;
            border: 1px solid #ffffff;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all ease-in 0.35s;
        }

        .mdl-hero .indicadores-sliders .indicator .bullet::after {
            content: " ";
            position: absolute;
            width: 0.1rem;
            height: 4.5rem;
            top: 2.2rem;
            background-color: white;
            left: 0.8rem;
        }

    @media (max-width: 767px) {
        .mdl-hero .indicadores-sliders .indicator .bullet::after {
            content: " ";
            position: absolute;
            width: 9rem;
            height: 0.1rem;
            top: 0.8rem;
            background-color: white;
            left: 2.4rem;
        }
    }

    .mdl-hero .indicadores-sliders .indicator:last-child .bullet::after {
        display: none;
    }

    @media (max-width: 767px) {
        .mdl-hero .indicadores-sliders .indicator:nth-last-child(2) .bullet::after {
            width: 8rem !important;
        }
    }

    @media (max-width: 551px) {
        .mdl-hero {
            height: 100vh;
            overflow-y: scroll;
            -webkit-overflow-scrolling: touch;
            min-height: 100vh;
        }

            .mdl-hero .slider-hero {
                margin: 0;
            }
    }

    @-webkit-keyframes bounce {
        0% {
            bottom: 0;
        }

        50% {
            bottom: 5px;
        }

        100% {
            bottom: 0;
        }
    }

    @media (max-width: 551px) {
        body.iphone .mdl-hero .indicadores-sliders {
            bottom: 10rem !important;
        }
    }

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

/*.panel_textoseo {
    background: #cecece;
}*/

.mdl-texto {
    position: relative;
    padding: 5rem 5rem 5rem;
}

    @media (max-width: 551px) {
        .mdl-texto {
            padding-top: 3.7rem;
            padding-bottom: 2rem;
        }
    }

    .mdl-texto.morePaddings {
        padding: 11rem 0;
    }

    @media (max-width: 1025px) {
        .mdl-texto.morePaddings {
            padding: 5.5rem 0 3.5rem;
        }
    }

    @media (max-width: 769px) {
        .mdl-texto.morePaddings {
            padding: 2.5rem 4rem 1.5rem;
        }
    }

    .mdl-texto.morePadSup {
        padding-top: 7.4rem;
    }

    @media (max-width: 1025px) {
        .mdl-texto.morePadSup {
            padding-top: 5.5rem;
        }
    }

    @media (max-width: 769px) {
        .mdl-texto.morePadSup {
            padding-top: 2.5rem;
        }
    }

    .mdl-texto .invert {
        filter: invert();
    }

    .mdl-texto.bg-black {
        background-color: #1a1c20;
    }

        .mdl-texto.bg-black .read-more {
            color: #fff;
        }

.mdl-texto .content {
    max-width: 124.7rem;
    margin: 0 auto;
}

        .mdl-texto .content .logo {
            height: 16.2rem;
            width: 100%;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            margin-bottom: -3rem;
        }

        .mdl-texto .content.center {
            text-align: center;
        }

        .mdl-texto .content .titulo-texto {
            font-weight: 300; 
            font-size: 3.5rem;
            letter-spacing: 0.2rem;
            margin-bottom: 3.7rem;
            border-bottom: white 4px solid; 
            width: fit-content;
            text-align: center;
            margin-left: auto; 
            margin-right: auto; 
            text-transform: uppercase;
        }

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-texto .content .titulo-texto {
            font-size: 3rem;
            letter-spacing: 0.17rem;
        }
    }

    .mdl-texto .content .texto {
        font-family: "FiraSans", sans-serif;
        font-weight: 300;
        font-size: 1.6rem;
        letter-spacing: 0.1rem;
        letter-spacing: 0.09rem;
        line-height: 1.75;
        margin-bottom: 2rem;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    @media (max-width: 1025px) {
        .mdl-texto .content .texto {
            line-height: 1.56;
        }
    }

    @media (max-width: 769px) {
        .mdl-texto .content .texto {
            line-height: 1.6;
        }
    }

    .mdl-texto .content .read-more {
        margin: 0 auto;
    }

    .mdl-texto .content .button {
        margin: auto;
        margin-top: 3.4rem;
    }

    .mdl-texto .content .extra {
        margin: 6.5rem auto 0;
        max-width: calc(70rem + 3rem);
        justify-content: center;
    }

        .mdl-texto .content .extra .info {
            width: 50%;
            padding: 2.8rem 2.1rem 5.2rem;
            box-sizing: border-box;
            border-radius: 0.8rem;
            box-shadow: 0 0.2rem 4rem 0 rgba(0, 0, 0, 0.1);
            background-color: #fff;
        }

            .mdl-texto .content .extra .info .i-logo {
                width: 4rem;
                height: 4rem;
                margin: 0 auto;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                background-size: contain;
            }

            .mdl-texto .content .extra .info .i-title {
                margin-top: 1.5rem;
                font-family: "BigCaslon", serif;
                font-weight: 500;
                font-size: 2.6rem;
                letter-spacing: 0.15rem;
                font-size: 2.5rem;
                letter-spacing: 0.156rem;
                line-height: 1;
                color: #000;
            }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-texto .content .extra .info .i-texto {
        margin-top: 2rem;
        font-family: "FiraSans", sans-serif;
        font-weight: 300;
        font-size: 1.5rem;
        letter-spacing: 0.06rem;
        font-weight: 400;
        letter-spacing: normal;
        color: #000;
    }

    @media (max-width: 1025px) {
        .mdl-texto .content .extra .info .i-texto {
            font-size: 1.4rem;
        }
    }

    @media (max-width: 551px) {
    }

    .mdl-texto .content .extra .info .i-texto span {
        display: block;
    }

        .mdl-texto .content .extra .info .i-texto span + span {
            margin-top: 0.5rem;
        }

    .mdl-texto .content .extra .info + .info {
        width: calc(50%);
        margin-left: 5%;
    }

    @media (max-width: 551px) {
        .mdl-texto .content .extra {
            flex-direction: column;
            margin: 3rem auto;
        }

            .mdl-texto .content .extra .info {
                width: calc(100%) !important;
                padding: 2rem !important;
            }

                .mdl-texto .content .extra .info + .info {
                    margin-left: 0;
/*                    margin-top: 3rem;*/
                }
    }

    .mdl-texto .content .camp-buttons {
        margin-top: 4rem;
        justify-content: center;
        align-items: flex-start;
    }

        .mdl-texto .content .camp-buttons .button1 {
            margin: 0 0.5rem;
        }

            .mdl-texto .content .camp-buttons .button1 img + span {
                margin-left: 1.2rem;
            }

        .mdl-texto .content .camp-buttons .book {
            position: relative;
            width: 23.5rem;
            margin: 0 0.5rem;
            z-index: 3;
        }

            .mdl-texto .content .camp-buttons .book .book-button {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 4.3rem;
                width: 100%;
                border-radius: 0.2rem;
                background-color: #f58024;
                color: white;
                font-size: 1.4rem;
                font-weight: 500;
                letter-spacing: 0.1rem;
                text-transform: uppercase;
            }

            .mdl-texto .content .camp-buttons .book .b-hover-buttons {
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                transform: translateY(100%);
                transition: 0.3s ease;
                opacity: 0;
                z-index: -1;
                max-height: 0;
                overflow: hidden;
                padding-top: 1.5rem;
            }

                .mdl-texto .content .camp-buttons .book .b-hover-buttons .b-hover-but {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 4.3rem;
                    width: 100%;
                    border-radius: 0.2rem;
                    margin-bottom: 1rem;
                    background-color: #f58024;
                    color: white;
                    font-size: 1.4rem;
                    font-weight: 500;
                    letter-spacing: 0.088rem;
                    text-transform: uppercase;
                    cursor: pointer;
                    transition: 0.3s ease;
                    position: relative;
                }

                    .mdl-texto .content .camp-buttons .book .b-hover-buttons .b-hover-but > img {
                        width: 1.4rem;
                        position: absolute;
                        top: 1.5rem;
                        right: 1.3rem;
                    }

                    .mdl-texto .content .camp-buttons .book .b-hover-buttons .b-hover-but:hover {
                        background-color: #1b1c21;
                    }

                        .mdl-texto .content .camp-buttons .book .b-hover-buttons .b-hover-but:hover img {
                            -webkit-animation: swingH 1s ease;
                            animation: swingH 1s ease;
                            -webkit-animation-iteration-count: 1;
                            animation-iteration-count: 1;
                        }

            .mdl-texto .content .camp-buttons .book.active .book-button:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 50%) rotate(45deg);
                width: 1.4rem;
                height: 1.4rem;
                background-color: #f58024;
                z-index: 3;
            }

            .mdl-texto .content .camp-buttons .book.active .b-hover-buttons {
                max-height: 100rem;
                opacity: 1;
                z-index: 1;
            }

    @media (max-width: 551px) {
        .mdl-texto .content .camp-buttons {
            flex-direction: column;
        }

            .mdl-texto .content .camp-buttons .button1,
            .mdl-texto .content .camp-buttons .book {
                width: 100%;
                margin: 0.5rem 0;
            }

                .mdl-texto .content .camp-buttons .book.active .book-button:after {
                    bottom: unset;
                    top: 3rem;
                }

                .mdl-texto .content .camp-buttons .book .b-hover-buttons {
                    position: static;
                    transform: none;
                }
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .mdl-destacadosx3 {
        position: relative;
        padding-left: 10.3rem;
        padding-bottom: 6rem;
    }

    @media (max-width: 1250px) {
        .mdl-destacadosx3 {
            padding-left: 4.2rem;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 {
            padding-left: 4.2rem;
            padding-right: 1rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 {
            padding: 0 2rem;
            padding-bottom: 7.5rem;
        }
    }

    .mdl-destacadosx3 .main {
        position: relative;
        z-index: 5;
        max-width: 132.6rem;
        margin: auto;
    }

        .mdl-destacadosx3 .main .rsBullets {
            display: flex;
            flex-direction: row;
            margin-top: 2.5rem;
            position: absolute;
            top: 39rem;
            right: 7rem;
        }

    @media (max-width: 1025px) {
        .mdl-destacadosx3 .main .rsBullets {
            margin-top: 4rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .rsBullets {
            margin-top: 2rem;
            right: 0;
            top:80%!important;
        }
    }

.mdl-destacadosx3 .main .top-row .title-row {
    font-family: 'Montserrat-Light', sans-serif; /* Applied custom font */
    font-weight: 300; /* Light weight */
    font-size: 3.5rem;
    letter-spacing: 0.2rem;
      border-bottom: #e0e0e0 2px solid; /* Changed red to light grey to match your image */
    width: fit-content;
    text-align: center;
    text-transform: uppercase;
}

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-destacadosx3 .main .top-row .title-row {
            font-size: 4.5rem;
            letter-spacing: 0.25rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .top-row .title-row {
            font-size: 3rem;
            line-height: 1.13;
            letter-spacing: 0.171rem;

        }
    }

    .mdl-destacadosx3 .main .top-row .text-row {
        font-family: "FiraSans", sans-serif;
        font-weight: 300;
        font-size: 1.6rem;
        letter-spacing: 0.1rem;
        line-height: 1.56;
        padding-left: 3.7rem;
        width: calc(60% - 3.7rem);
        margin-top: 1.5rem;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .top-row .text-row {
            padding-left: 0rem;
            width: calc(70% - 3.7rem);
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .top-row .text-row {
            margin-top: 1.5rem;
            font-size: 1.5rem;
            letter-spacing: 0.094rem;
            width: calc(100% - 1.6rem);
            line-height: 1.6;
        }
    }

.mdl-destacadosx3 .main .bottom-row {
    display: flex;
    margin-top: 2.7rem;
    position: relative;
    height: fit-content;
    gap: 15px
}

/*    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row {
            width: calc(100% + 3rem);
            margin-left: -3rem;
        }
    }*/

/*    @media (max-width: 767px) {
        .mdl-destacadosx3 .main .bottom-row {
            display: block;
        }
    }*/

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .bottom-row {
            width: 30rem;
            margin-top: 21rem;
            margin-left: 0.5rem;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .rsOverflow {
        z-index: 2;
    }

        .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide {
            width: 80%;
        }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide {
            width: 100%;
         
        }

            .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide .text-item,
            .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide .phone-item,
            .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide .buttons-row {
                opacity: 0;
                transition: opacity 0.3s ease;
                /*Ranya*/
                margin-top: -3.6rem;
            }

            .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide.rsActiveSlide .text-item,
            .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide.rsActiveSlide .phone-item,
            .mdl-destacadosx3 .main .bottom-row .rsOverflow .rsSlide.rsActiveSlide .buttons-row {
                opacity: 1;
            }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .bottom-row .rsOverflow {
            overflow: visible;
            height: 230px !important;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item {
        max-width: 39.2rem;
        width: 100%;
        position: relative;

        z-index: 5;
        display: block;
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row .item:first-child {
            margin-left: 0;
        }
    }

    @media (max-width: 767px) {
        .mdl-destacadosx3 .main .bottom-row .item {
            margin-top: 0rem !important;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item .image-title {
        height: 47.3rem;
        display: flex;
        align-items: flex-end;
        padding: 0.7rem 2rem;
        transition: 0.4s all;
        position: relative;
        overflow: hidden;
        
    }

    @media (max-width: 1250px) {
        .mdl-destacadosx3 .main .bottom-row .item .image-title {
            height: 37.7rem;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row .item .image-title {
            height: 29.9rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .bottom-row .item .image-title {
            height: 38.7rem;

        }
        .breadcrumb-area{
            padding-top:130px!important;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item .image-title .background-item {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-position: center;
        background-size: cover;
        transition: 0.4s all;
        transform: scale(1.05);
    }

    .mdl-destacadosx3 .main .bottom-row .item .image-title .title-item {
        font-family: "BigCaslon", serif;
        font-size: 5rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 2.86px;
        color: #fff;
        position: relative;
        z-index: 9;
    }

    @media (max-width: 1250px) {
        .mdl-destacadosx3 .main .bottom-row .item .image-title .title-item {
            font-size: 3.5rem;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row .item .image-title .title-item {
            font-size: 3rem;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item .image-title:hover .background-item {
        transform: scale(1.2);
    }

.mdl-destacadosx3 .main .bottom-row .item .text-item {
    /*padding: 1.8rem 2rem;*/
    padding: 1.8rem 0rem;
    font-family: "FiraSans", sans-serif;
    font-size: 1.4rem!important;
    font-weight: 300;
    line-height: 1.79;
    letter-spacing: 0.88px;
    color: #000;
}

    @media (max-width: 1250px) {
        .mdl-destacadosx3 .main .bottom-row .item .text-item {
            padding: 1.8rem 1.4rem;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row .item .text-item {
            font-size: 1.4rem!important;
            padding: 5rem 0rem 1rem;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item .phone-item {
        font-family: "FiraSans", sans-serif;
        margin-left: 2rem;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.79;
        letter-spacing: 0.88px;
        color: #000;
    }

    @media (max-width: 1250px) {
        .mdl-destacadosx3 .main .bottom-row .item .phone-item {
            margin-left: 1.4rem;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row .item .phone-item {
            margin-left: 0;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item .buttons-row {
        display: flex;
        /*padding: 0 2rem;*/
        justify-content: space-between;
        /*margin-top: 2rem;*/
    }

    @media (max-width: 1250px) {
        .mdl-destacadosx3 .main .bottom-row .item .buttons-row {
            font-size: 1.4rem !important;
            padding: 0rem 0rem;
            padding-left: 1.4rem;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3 .main .bottom-row .item .buttons-row {
            padding-left: 0;
            display: flex;
            flex-direction: column;
        }

            .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button1,
            .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button2 {
                width: calc(100% - 4rem) !important;
                margin-bottom: 1rem;
            }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button1,
        .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button2 {
            width: 100% !important;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3 .main .bottom-row .item .buttons-row {
            max-width: 30rem;
        }
    }

.mdl-destacadosx3 .main .bottom-row .item .buttons-row .button1 {
    width: 36.5%;
    padding: 0 4rem;
}

    @media (max-width: 1250px) {
        .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button1 {
            padding: 0 2rem;
        }
    }

    .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button2 {
        width: 48.5%;
    }

        .mdl-destacadosx3 .main .bottom-row .item .buttons-row .button2 > img {
            margin-left: 0;
            margin-right: 1.5rem;
        }

 

    .mdl-destacadosx3 .btn-link {
        margin: 2rem auto;
        z-index: 2;
    }

/*    .mdl-destacadosx3:after {
        content: " ";
        background-color: #f58024;
        height: 36.7rem;
        width: 80%;
        position: absolute;
        right: 0;
        top: 0!important;
        opacity: 0.3;
        z-index: -1;
    }*/

/*    @media (max-width: 1024px) {
        .mdl-destacadosx3:after {
            height: 20rem;
            right: -1rem;
            top: -3rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3:after {
            height: 36.7rem;
            right: -9rem;
            top: -1rem;
            width: 100%;
        }
    }*/

    .mdl-destacadosx3.interior:after {
        background-color: #f58024;
        height: 87%;
        width: 100vw;
        top: unset;
        opacity: 0.3;
        z-index: 0;
        bottom: 0;
        right: 0 !important;
        top: unset !important;
    }

    html.tablet body.mac#safari .mdl-destacadosx3.interior:after {
        display: none;
    }

    @media (max-width: 1200px) {
        body.mac#safari .mdl-destacadosx3.interior:after {
            display: none;
        }
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    body#safari .mdl-sliderDestination .m-grid .rsActiveSlide .card-item .card-img,
    body#firefox .mdl-sliderDestination .m-grid .rsActiveSlide .card-item .card-img {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .mdl-sliderDestination {
        background-color: #1b1c21;
        color: white;
        padding: 6.4rem 0 6rem;
    }

    @media (min-width: 2000px) {
        .mdl-sliderDestination .mdl-container2 {
            max-width: 144rem;
            width: 100%;
            margin: 0 auto;
        }

        .mdl-sliderDestination .rsSlide:not(.rsActiveSlide) {
            opacity: 0 !important;
        }
    }

    .mdl-sliderDestination .header {
        padding: 0 10.7rem 0 12.3rem;
        box-sizing: border-box;
        width: 100%;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 3.7rem;
    }

        .mdl-sliderDestination .header .header-content {
            width: 75%;
        }

            .mdl-sliderDestination .header .header-content .h-title {
                font-family: "BigCaslon", serif;
                font-weight: 500;
                font-size: 4rem;
                letter-spacing: 0.23rem;
                line-height: 1.2;
                margin-bottom: 1.7rem;
            }

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-sliderDestination .header .header-content .h-title {
            font-size: 3rem;
            letter-spacing: 0.17rem;
        }
    }

    .mdl-sliderDestination .header .header-content .h-text {
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.56;
        letter-spacing: 0.1rem;
        padding-left: 4.8rem;
    }

    .mdl-sliderDestination .header .header-content .read-more {
        padding-left: 4.8rem;
        margin-top: 2rem;
        color: white;
    }

    .mdl-sliderDestination .header .button1 {
        min-width: 15.8rem;
    }

    .mdl-sliderDestination .body {
        padding: 0 0 0 14.5rem;
        box-sizing: border-box;
        justify-content: space-between;
        width: 100%;
    }

        .mdl-sliderDestination .body .selectors {
            width: 15.2rem;
        }

            .mdl-sliderDestination .body .selectors .selector-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                cursor: pointer;
            }

                .mdl-sliderDestination .body .selectors .selector-item .sel-img {
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    width: 9.1rem;
                    height: 9.1rem;
                    border-radius: 50%;
                    opacity: 0.2;
                    transition: 0.3s ease;
                    position: relative;
                }

                    .mdl-sliderDestination .body .selectors .selector-item .sel-img .progress-ring {
                        width: calc(100% + 1.4rem);
                        height: calc(100% + 1.4rem);
                        transition: 0.3s ease;
                        opacity: 0;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

    @media (max-width: 769px) {
        .mdl-sliderDestination .body .selectors .selector-item .sel-img .progress-ring {
            width: calc(100% + 1.5rem);
            height: calc(100% + 1.5rem);
        }
    }

    .mdl-sliderDestination .body .selectors .selector-item .sel-img .progress-ring circle {
        transform: translate(50.5%, 50.5%) rotate(-90deg);
    }

    .mdl-sliderDestination .body .selectors .selector-item .sel-title {
        text-align: center;
        margin-top: 1.5rem;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.79;
        letter-spacing: 0.088rem;
    }

    .mdl-sliderDestination .body .selectors .selector-item:hover .sel-img {
        opacity: 1;
    }

    .mdl-sliderDestination .body .selectors .selector-item.active .sel-img {
        opacity: 1;
        position: relative;
    }

        .mdl-sliderDestination .body .selectors .selector-item.active .sel-img .progress-ring {
            opacity: 1;
        }

    .mdl-sliderDestination .body .selectors .selector-item:not(:first-child) {
        margin-top: 2rem;
    }

    .mdl-sliderDestination .body .selectors .selector-item:first-child {
        margin-top: 0.5rem;
    }

    .mdl-sliderDestination .body .rsSlider#sliderDestination {
        display: flex;
        flex-wrap: wrap;
        width: 84%;
        height: 47rem;
        overflow: hidden;
        position: relative;
    }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .arrows {
            position: absolute;
            bottom: 0.8rem;
            right: 26rem;
            z-index: 5;
        }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .arrows .arrowL {
                border-bottom: none;
                border-right: 0.1rem solid #8080804d;
            }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid {
            width: 75.5%;
        }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsOverflow,
            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide {
                overflow: visible !important;
            }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsBullets,
            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsArrow {
                display: none !important;
            }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide:not(.rsActiveSlide) .card-img:after {
                box-shadow: -7px -5px 10px 0px rgba(0, 0, 0, 0.5);
                background-color: #2c2c2cc4 !important;
                backdrop-filter: blur(3px) !important;
            }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item {
                display: flex;
                flex-direction: column;
                height: 39.6rem;
                width: 88.5%;
                margin: 4rem 0 0 auto;
                position: relative;
                transition: all 0.3s ease-in;
            }

                .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-img {
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    color: white;
                    height: 100%;
                    position: relative;
                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-img:after {
                        content: "";
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: rgba(0, 0, 0, 0.2);
                        backdrop-filter: blur(5rem);
                        -webkit-backdrop-filter: blur(5rem);
                        background-image: unset;
                    }

                .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content {
                    opacity: 0;
                    position: absolute;
                    top: 4rem;
                    right: 3.5rem;
                    z-index: 1;
                    box-sizing: border-box;
                    width: 107.5%;
                    height: calc(100% - 8rem);
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    color: white;
                    box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.5);
                    display: flex;
                    flex-direction: column;
                    align-items: flex-end;
                    justify-content: center;
                    transition: all 0.3s ease 0.4s;
                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .gradient {
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: -9;
                        background-image: linear-gradient(93deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 97%, rgba(0, 0, 0, 0.5) 97%);
                    }

    @media (max-width: 551px) {
        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .gradient {
            background-color: rgba(0, 0, 0, 0.4);
        }
    }

    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content {
        padding-top: 1rem;
        margin-right: -4.8rem;
        width: 75%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        z-index: 1;
    }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .title {
            font-family: "BigCaslon", serif;
            font-size: 5rem;
            font-weight: 500;
            line-height: 1.15;
            letter-spacing: 0.3rem;
            z-index: 3;
        }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .texto-destacado {
            margin-top: -1.5rem;
            margin-right: -5.5rem;
            border-radius: 0.3rem;
            -webkit-backdrop-filter: blur(0.1rem);
            backdrop-filter: blur(0.1rem);
            background-color: rgba(0, 0, 0, 0.5);
            font-size: 2rem;
            font-weight: 800;
            font-stretch: normal;
            font-style: italic;
            line-height: 2.2;
            letter-spacing: 0.114rem;
            color: #f58024;
            text-transform: uppercase;
            padding: 0 2rem;
        }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .text {
            text-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
            font-size: 1.4rem;
            font-weight: 300;
            line-height: 1.79;
            letter-spacing: 0.088rem;
            margin-top: 1.1rem;
            margin-right: -4.3rem;
            max-width: 45.5rem;
        }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .buttons .button1,
        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .buttons .button2 {
            margin-top: 1.6rem;
            min-width: 15.8rem;
            align-items: center;
        }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .buttons .button1 img,
            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .buttons .button2 img {
                width: 2.2rem;
                margin-right: 1.2rem;
                margin-left: 0;
            }

            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .buttons .button1:not(:first-child),
            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .buttons .button2:not(:first-child) {
                margin-left: 1rem;
                min-width: 17.9rem;
            }

    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide.rsActiveSlide .card-item {
        margin-top: 0;
        height: 47rem;
    }

        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide.rsActiveSlide .card-item .card-content {
            opacity: 1;
        }

    @media (max-width: 1025px) {
        .mdl-sliderDestination {
            padding: 6.4rem 0 6rem;
        }

            .mdl-sliderDestination .header {
                padding: 0 2.3rem 0 5rem;
            }

                .mdl-sliderDestination .header .header-content {
                    width: 79%;
                }

            .mdl-sliderDestination .body {
                padding: 0 0 0 4.3rem;
            }

                .mdl-sliderDestination .body .selectors {
                    width: 14.1rem;
                }

                    .mdl-sliderDestination .body .selectors .selector-item .sel-img {
                        width: 7.7rem;
                        height: 7.7rem;
                    }

                    .mdl-sliderDestination .body .selectors .selector-item .sel-title {
                        margin-top: 2.5rem;
                        font-size: 1.3rem;
                        line-height: normal;
                        letter-spacing: 0.081rem;
                    }

                    .mdl-sliderDestination .body .selectors .selector-item:not(:first-child) {
                        margin-top: 3.5rem;
                    }

                    .mdl-sliderDestination .body .selectors .selector-item:first-child {
                        margin-top: 0.75rem;
                    }

                .mdl-sliderDestination .body .rsSlider#sliderDestination {
                    width: 80%;
                    box-sizing: border-box;
                    height: 47.5rem;
                    padding-right: 5.1rem;
                    transform: unset;
                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .arrows {
                        right: 6.1rem;
                    }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid {
                        width: 100%;
                    }

                        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item {
                            margin-top: 1rem;
                            height: 45.5rem;
                            width: 100%;
                        }

                            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-img {
                                width: 94%;
                                margin-left: auto;
                                margin-right: 0;
                            }

                            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content {
                                width: calc(100% - 3.5rem);
                            }

                                .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content {
                                    margin-right: -1rem;
                                }

                                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .texto-destacado {
                                        margin-top: -1rem;
                                        margin-right: -5rem;
                                    }

                        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide.rsActiveSlide .card-item {
                            height: 47.5rem;
                        }
    }

    @media (max-width: 769px) {
        .mdl-sliderDestination {
            padding: 5.8rem 0 6.5rem;
        }

            .mdl-sliderDestination .header {
                margin-bottom: 5.3rem;
                padding: 0 2.5rem 0 2.8rem;
            }

                .mdl-sliderDestination .header .header-content {
                    width: 70%;
                }

                    .mdl-sliderDestination .header .header-content .h-title {
                        margin-top: -0.5rem;
                    }

                    .mdl-sliderDestination .header .header-content .h-text {
                        font-size: 1.5rem;
                        line-height: 1.6;
                        letter-spacing: 0.094rem;
                        padding-left: 0;
                    }

                    .mdl-sliderDestination .header .header-content .read-more {
                        padding-left: 0;
                    }

                .mdl-sliderDestination .header .button1 {
                    min-width: 17.8rem;
                }

            .mdl-sliderDestination .body {
                align-items: center;
                padding: 0 0 0 3.5rem;
            }

                .mdl-sliderDestination .body .selectors {
                    width: 15.2rem;
                }

                    .mdl-sliderDestination .body .selectors .selector-item .sel-img {
                        width: 7.3rem;
                        height: 7.3rem;
                    }

                    .mdl-sliderDestination .body .selectors .selector-item .sel-title {
                        margin-top: 1rem;
                        font-size: 1.4rem;
                        line-height: 1.79;
                        letter-spacing: 0.088rem;
                    }

                    .mdl-sliderDestination .body .selectors .selector-item:not(:first-child) {
                        margin-top: 1.5rem;
                    }

                    .mdl-sliderDestination .body .selectors .selector-item:first-child {
                        margin-top: 0.5rem;
                    }

                .mdl-sliderDestination .body .rsSlider#sliderDestination {
                    width: 75%;
                    height: 45.5rem;
                    padding-right: 3.7rem;
                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .arrows {
                        right: 5.5rem;
                        bottom: 2rem;
                    }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item {
                        height: 43.5rem;
                    }

                        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-img {
                            width: 94%;
                            margin-left: auto;
                            margin-right: 0;
                        }

                        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content {
                            width: calc(100% - 2.5rem);
                            height: calc(100% - 6rem);
                            top: 20rem !important;
                            right: 2rem !important;
                        }

                            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content {
                                margin-right: 0.5rem;
                            }

                                .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .texto-destacado {
                                    margin-top: -1rem;
                                    margin-right: -5rem;
                                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide.rsActiveSlide .card-item {
                        height: 45.5rem;
                    }
    }

    @media (max-width: 551px) {
        .mdl-sliderDestination {
            padding: 6rem 0 5rem;
            max-width: 100%;
        }

            .mdl-sliderDestination .header {
                flex-direction: column;
                margin-bottom: 4rem;
                padding: 0 2.8rem;
            }

                .mdl-sliderDestination .header .header-content {
                    width: 100%;
                }

                    .mdl-sliderDestination .header .header-content .h-text {
                        width: 98%;
                    }

                .mdl-sliderDestination .header .button1 {
                    margin-top: 3rem;
                    min-width: 100%;
                }

            .mdl-sliderDestination .body {
                flex-direction: column-reverse;
                align-items: center;
                padding: 0;
            }

                .mdl-sliderDestination .body .rsSlider#sliderDestination {
                    padding-right: 0;
                    width: 100%;
                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .arrows {
                        right: 2.5rem;
                        bottom: 0.5rem;
                    }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item {
                        height: 45.5rem;
                    }

                        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-img {
                            width: 89%;
                            margin-left: auto;
                            margin-right: 0;
                        }

                        .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content {
                            width: calc(100% - 4rem);
                            height: calc(100% - 8rem);
                            top: 4rem;
                            right: 4rem;
                        }

                            .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content {
                                margin-right: 1rem;
                            }

                                .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide .card-item .card-content .content .texto-destacado {
                                    margin-top: -1rem;
                                    margin-right: -5rem;
                                }

                    .mdl-sliderDestination .body .rsSlider#sliderDestination .m-grid .rsSlide.rsActiveSlide .card-item {
                        height: 47.5rem;
                    }

                .mdl-sliderDestination .body .selectors {
                    margin-top: 5rem;
                    flex-direction: row;
                    justify-content: space-between;
                    width: 80%;
                }

                    .mdl-sliderDestination .body .selectors .selector-item {
                        margin-top: 0 !important;
                    }

                        .mdl-sliderDestination .body .selectors .selector-item .sel-img {
                            width: 7.8rem;
                            height: 7.8rem;
                        }

                        .mdl-sliderDestination .body .selectors .selector-item .sel-title {
                            display: none;
                        }
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .mdl-destacadosx3interior {
        position: relative;
        padding: 7.3rem 2.1rem 9.2rem 2rem;
        max-width: 115.5rem;
        margin: auto;
    }

        .mdl-destacadosx3interior .top-row {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

            .mdl-destacadosx3interior .top-row .title-row {
                font-family: "BigCaslon", serif;
                font-weight: 500;
                font-size: 7rem;
                letter-spacing: 0.4rem;
                font-size: 4rem;
                text-align: right;
            }

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-destacadosx3interior .top-row .title-row {
            font-size: 4.5rem;
            letter-spacing: 0.25rem;
        }
    }

    .mdl-destacadosx3interior .top-row .text-row {
        font-family: "FiraSans", sans-serif;
        font-weight: 300;
        font-size: 1.6rem;
        letter-spacing: 0.1rem;
        padding-right: 3.7rem;
        width: calc(60% - 3.7rem);
        margin-top: 2.2rem;
        text-align: right;
        line-height: 1.56;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-destacadosx3interior .bottom-row {
        display: flex;
        margin-top: 0;
        position: relative;
        height: fit-content;
    }

        .mdl-destacadosx3interior .bottom-row .rsSlider {
            width: 100%;
        }

            .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid {
                display: flex;
            }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item {
                    position: relative;
                    max-width: 36.5rem;
                    width: 100%;
                    padding: 2.2rem;
                    box-sizing: border-box;
                    height: 36.5rem;
                    margin-left: 3rem;
                    overflow: hidden;
                    z-index: 5;
                    display: flex;
                    flex-direction: row;
                    align-items: flex-end;
                    justify-content: space-between;
                }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .bg-img {
                        position: absolute;
                        left: 0;
                        top: 0;
                        height: 100%;
                        width: 100%;
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        transition: 0.4s all;
                        z-index: -1;
                    }

                        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .bg-img::after {
                            content: "";
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
                        }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .logo-img {
                        position: absolute;
                        left: 50%;
                        transform: translateX(-50%);
                        top: 25%;
                        height: 9.9rem;
                        width: 80%;
                        background-position: center;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-size: contain;
                        z-index: 0;
                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item:hover .bg-img {
                        transform: scale(1.2);
                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content {
                        width: 100%;
                        display: flex;
                        align-items: flex-end;
                        justify-content: space-between;
                    }

                        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .phone-item {
                            padding-bottom: 0.6rem;
                            font-family: "FiraSans", sans-serif;
                            font-size: 1.4rem;
                            font-weight: 500;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: 1.79;
                            letter-spacing: 0.88px;
                            color: #ffffff;
                        }

                        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row {
                            display: flex;
                            max-width: 15.8rem;
                            width: 100%;
                            flex-direction: column;
                            margin-top: 2rem;
                        }

                            .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row .button1 {
                                width: 100%;
                                box-sizing: border-box;
                            }

                                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row .button1:hover {
                                    color: #f58024;
                                }

                            .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row .button2 {
                                width: 100% !important;
                                box-sizing: border-box;
                                padding: 0 1.2rem !important;
                                margin-top: 0.9rem;
                            }

                                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row .button2 span {
                                    position: relative;
                                    z-index: 9;
                                    display: flex;
                                    align-items: center;
                                }

                                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row .button2 span img {
                                        width: 2rem;
                                        filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
                                        margin-right: 1.2rem;
                                        margin-left: 0;
                                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item:nth-child(1) {
                        margin-left: 0;
                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item:nth-child(2) {
                        margin-top: 11.1rem;
                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item:nth-child(3) {
                        margin-top: 5.3rem;
                    }

    @media (max-width: 1120px) {
        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .logo-img {
            top: 20% !important;
        }

        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row {
            margin-top: 0.5rem !important;
        }
    }

    @media (max-width: 1024px) {
        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item {
            padding: 1.8rem 1.5rem 1.8rem 1.9rem;
            margin-left: 2.4rem;
            height: 31.1rem;
        }

            .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .phone-item span {
                display: none;
            }
    }

    @media (max-width: 950px) {
        .mdl-destacadosx3interior {
            padding: 5.1rem 1.3rem 5.5rem 1.5rem;
        }

            .mdl-destacadosx3interior .top-row {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                margin-bottom: 18.2rem;
            }

                .mdl-destacadosx3interior .top-row .title-row {
                    font-family: "BigCaslon", serif;
                    font-weight: 500;
                    font-size: 7rem;
                    letter-spacing: 0.4rem;
                    font-size: 3rem;
                    text-align: left;
                }

                .mdl-destacadosx3interior .top-row .text-row {
                    font-family: "FiraSans", sans-serif;
                    font-weight: 300;
                    font-size: 1.6rem;
                    letter-spacing: 0.1rem;
                    padding-right: 0;
                    width: 78%;
                    margin-top: 1.8rem;
                    text-align: left;
                }

            .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item {
                height: 36.5rem;
                padding: 2.4rem 2.6rem 2.4rem 2.8rem;
                margin-left: 1rem;
                flex-direction: column;
                align-items: center;
                justify-content: flex-end;
            }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .logo-img {
                    top: 15% !important;
                }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content {
                    flex-direction: column;
                    align-items: center;
                }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row {
                        margin-top: 1.4rem;
                        max-width: 100%;
                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .phone-item span {
                        display: inline;
                    }
    }

    @media (max-width: 950px) and (max-width: 769px) {
        .mdl-destacadosx3interior .top-row .title-row {
            font-size: 4.5rem;
            letter-spacing: 0.25rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-destacadosx3interior {
            padding-left: 2.6rem;
            padding-right: 2.9rem;
        }

            .mdl-destacadosx3interior .top-row .title-row {
                line-height: 1.13;
                letter-spacing: 0.171rem;
                font-size: 3rem;
                text-align: left;
            }

            .mdl-destacadosx3interior .top-row .text-row {
                width: 100%;
            }

            .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid {
                position: relative;
            }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .rsArrow {
                    display: none !important;
                }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .rsOverflow {
                    overflow: visible;
                    /*Ranya*/
                    height: 280px !important;
                }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .rsBullets {
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translateX(-50%);
                }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .rsBullets .rsBullet {
                        /*Ranya*/

                        width: 1rem;
                        height: 0.2rem;
                        background-color: #f58024;
                    }

                .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item {
                    max-width: 100%;
                    width: 100%;
                    height: 36.5rem;
                    padding: 2.1rem 1.3rem 2.1rem 1.7rem;
                    margin-left: 1rem;
                    flex-direction: column;
                    align-items: center;
                    justify-content: flex-end;
                }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .logo-img {
                        top: 15% !important;
                    }

                    .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content {
                        flex-direction: row;
                        align-items: flex-end;
                    }

                        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .buttons-row {
                            max-width: 15.8rem;
                        }

                        .mdl-destacadosx3interior .bottom-row .rsSlider .m-grid .item .i-content .phone-item span {
                            display: inline;
                        }
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .m-layclose {
        position: fixed;
        z-index: 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: none;
    }

    .mdl-destacado_puntos {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100vw;
        min-height: 82.6rem;
        margin: 0 auto;
    }

        .mdl-destacado_puntos.morePadSup {
            padding-top: 7.4rem;
        }

    @media (max-width: 1025px) {
        .mdl-destacado_puntos.morePadSup {
            padding-top: 5.5rem;
        }
    }

    @media (max-width: 769px) {
        .mdl-destacado_puntos.morePadSup {
            padding-top: 2.5rem;
        }
    }

    .mdl-destacado_puntos .bg-img {
        position: absolute;
        bottom: 0;
        left: 0;
        width: max-content;
        height: 75.1rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .mdl-destacado_puntos .main {
        position: relative;
    }

        .mdl-destacado_puntos .main header {
            margin: 0 auto;
            width: calc(100% - 21.4rem);
        }

            .mdl-destacado_puntos .main header .title {
                font-family: "BigCaslon", serif;
                font-weight: 500;
                font-size: 7rem;
                letter-spacing: 0.4rem;
                font-size: 5rem;
                color: #000;
                margin-bottom: 1.5rem;
            }

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-destacado_puntos .main header .title {
            font-size: 4.5rem;
            letter-spacing: 0.25rem;
        }
    }

    .mdl-destacado_puntos .main header .subtitle {
        max-width: 53rem;
        width: 100%;
        font-family: "FiraSans", sans-serif;
        font-weight: 300;
        font-size: 1.6rem;
        letter-spacing: 0.1rem;
        color: #000;
        margin: 0 0 7.1rem 6.1rem;
        line-height: 1.56;
    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-destacado_puntos .main header .filter-button-mbl {
        display: none;
    }

    .mdl-destacado_puntos .main .icon-brujula {
        position: absolute;
        top: 7.8rem;
        right: 8.7rem;
        width: 8.3rem;
        height: 8.1rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    @media (max-width: 769px) {
        .mdl-destacado_puntos .main .icon-brujula {
            display: none;
        }
    }

    .mdl-destacado_puntos .main .filtros {
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        left: 8%;
        display: flex;
        flex-direction: column;
        width: 26.2rem;
        padding: 1.3rem 0;
        border-radius: 0.3rem;
        box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        z-index: 1;
    }

        .mdl-destacado_puntos .main .filtros .filtro {
            position: relative;
            padding: 0.9rem 0 0.9rem 0;
            margin-left: 3.1rem;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

            .mdl-destacado_puntos .main .filtros .filtro.opacity {
                opacity: 0.6;
            }

            .mdl-destacado_puntos .main .filtros .filtro .f-icon {
                width: 4rem;
                height: 4rem;
                background-color: #88a347;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon.color1 {
                    background-color: #88a347;
                }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon.color2 {
                    background-color: #485e13;
                }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon.color3 {
                    background-color: #dece3c;
                }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon.color4 {
                    background-color: #407e87;
                }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon.color5 {
                    background-color: #8b4c82;
                }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon.color6 {
                    background-color: #e28227;
                }

                .mdl-destacado_puntos .main .filtros .filtro .f-icon img {
                    width: 70%;
                    height: 75%;
                    filter: brightness(0) invert(1);
                }

            .mdl-destacado_puntos .main .filtros .filtro .f-title {
                font-family: "FiraSans", sans-serif;
                font-weight: 300;
                font-size: 1.5rem;
                letter-spacing: 0.06rem;
                color: #000;
                font-weight: 500;
                margin-left: 1.7rem;
                display: flex;
            }

    @media (max-width: 1025px) {
        .mdl-destacado_puntos .main .filtros .filtro .f-title {
            font-size: 1.4rem;
        }
    }

    @media (max-width: 551px) {
    }

    .mdl-destacado_puntos .main .filtros .filtro .f-title img {
        display: none;
        margin-left: auto;
        width: 1.5rem;
        margin-left: 1rem;
    }

    .mdl-destacado_puntos .main .filtros .filtro.active .f-title img {
        display: block;
    }

    .mdl-destacado_puntos .main .filtros .filtro:not(:last-child):after {
        content: "";
        position: absolute;
        bottom: 0;
        opacity: 0.3;
        width: 100%;
        height: 0.2rem;
        transform: translateY(100%);
        border-bottom: solid 0.05rem #bfa84f;
    }

    .mdl-destacado_puntos .main #mapa-puntos {
        border: unset !important;
        margin: -5rem 0;
        width: calc(100% - 25rem);
        margin-left: 25rem;
        position: relative;
        transition: 0.3s ease;
    }

        .mdl-destacado_puntos .main #mapa-puntos.zoomIn .m-bg,
        .mdl-destacado_puntos .main #mapa-puntos.zoomIn .m-textoinfo,
        .mdl-destacado_puntos .main #mapa-puntos.zoomIn .m-enlaceinfo {
            opacity: 0.6;
        }

    .mdl-destacado_puntos .m-bg {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        transition: 0.3s ease;
    }

    .mdl-destacado_puntos .m-item {
        position: absolute;
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 0;
        cursor: pointer;
        transform: translate(-50%, -50%);
        transition: 0.3s ease;
        border-radius: 50%;
        border: 3px solid #fff;
    }

        .mdl-destacado_puntos .m-item.active {
            box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

            .mdl-destacado_puntos .m-item.active article {
                display: block;
            }

        .mdl-destacado_puntos .m-item img {
            width: 70%;
            height: 62%;
            filter: brightness(0) invert(1);
        }

        .mdl-destacado_puntos .m-item article {
            position: absolute;
            z-index: 91;
            left: 50%;
            top: 50%;
            right: 0;
            width: 29rem;
            transform: translate(4%, -50%);
            border-radius: 0.3rem;
            box-shadow: 1rem 1rem 4rem 0 rgba(0, 0, 0, 0.2);
            background-color: #ffffff;
            box-sizing: border-box;
            text-align: left;
            display: none;
            transition: 0.3s ease;
            /*
      &.vBot {
        top: 100%;
        bottom: auto;
        transform: translate(-50%, 5.4rem);
      }

      &.vRight {
        bottom: 50%;
        left: 100%;
        transform: translate(5.4rem, 50%);

        &.vBot {
          top: 100%;
          bottom: auto;
          transform: translate(2rem, 2rem);
        }

        &.vTop {
          bottom: 100%;
          transform: translate(2rem, -2rem);
        }
      }

      &.vLeft {
        bottom: 50%;
        right: 100%;
        left: auto;
        transform: translate(-5.4rem, 50%);

        &.vBot {
          top: 100%;
          bottom: auto;
          transform: translate(-2rem, 2rem);
        }

        &.vTop {
          bottom: 100%;
          transform: translate(-2rem, -2rem);
        }
      }
      */
        }

            .mdl-destacado_puntos .m-item article .m-close {
                position: absolute;
                z-index: 1;
                background-image: url(../images/icons/icon-close.svg);
                width: 1.7rem;
                height: 1.7rem;
                top: 0;
                right: 0;
                transform: translate(-50%, 50%);
                filter: brightness(0) invert(1);
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

            .mdl-destacado_puntos .m-item article .img {
                position: relative;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                width: 100%;
                height: 18.1rem;
            }

                .mdl-destacado_puntos .m-item article .img::after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.7) );
                }

                .mdl-destacado_puntos .m-item article .img .logo {
                    position: absolute;
                    z-index: 1;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background-position: center;
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-size: contain;
                    max-width: 14rem;
                    width: 100%;
                    height: 9rem;
                }

            .mdl-destacado_puntos .m-item article .content {
                padding: 2.2rem 1.4rem 1.9rem 1.8rem;
            }

                .mdl-destacado_puntos .m-item article .content .text {
                    font-family: "FiraSans", sans-serif;
                    font-size: 1.2rem;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.83;
                    letter-spacing: normal;
                    color: #000;
                }

                .mdl-destacado_puntos .m-item article .content .buttons {
                    margin-top: 2rem;
                    justify-content: space-between;
                }

                    .mdl-destacado_puntos .m-item article .content .buttons .btn-link {
                        max-width: 15.8rem;
                        width: 100%;
                    }

                    .mdl-destacado_puntos .m-item article .content .buttons .btn-link2 span img {
                        margin: 0;
                    }

        .mdl-destacado_puntos .m-item.posLeft article {
            transform: translate(-104%, -50%);
        }

    .mdl-destacado_puntos .m-textoinfo {
        display: flex;
        position: absolute;
    }

        .mdl-destacado_puntos .m-textoinfo img {
            width: 2.8rem;
            height: 2.8rem;
            margin-right: 1.5rem;
        }

        .mdl-destacado_puntos .m-textoinfo span {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #000;
        }

    .mdl-destacado_puntos .m-enlaceinfo {
        display: flex;
        align-items: center;
        justify-items: center;
        position: absolute;
        padding: 1.2rem;
        border-radius: 0.8rem;
        box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
    }

        .mdl-destacado_puntos .m-enlaceinfo img {
            width: 2rem;
            height: 2rem;
            margin-right: 0.8rem;
        }

        .mdl-destacado_puntos .m-enlaceinfo span {
            font-family: "FiraSans", sans-serif;
            font-size: 1.4rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #000;
        }

    .mdl-destacado_puntos .scrollbar-map-container {
        display: none;
    }

    @media (max-width: 1025px) {
        .mdl-destacado_puntos .main .filtros {
            left: 0;
        }

        .mdl-destacado_puntos .main #mapa-puntos {
            width: calc(100% - 18rem);
            margin-left: 20rem;
        }

            .mdl-destacado_puntos .main #mapa-puntos .m-item {
                width: 3.6rem;
                height: 3.6rem;
            }

                .mdl-destacado_puntos .main #mapa-puntos .m-item article #mapa-puntos {
                    position: relative;
                }
    }

    @media (max-width: 769px) {
        .mdl-destacado_puntos .bg-img {
            display: none;
        }

        .mdl-destacado_puntos .main {
            display: flex;
            flex-direction: column;
        }

            .mdl-destacado_puntos .main header {
                order: 1;
            }

                .mdl-destacado_puntos .main header .subtitle {
                    margin-bottom: 0;
                }

            .mdl-destacado_puntos .main .filtros {
                position: initial;
                transform: unset;
                top: unset;
                bottom: unset;
                left: unset;
                width: calc(100% - 8rem);
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: center;
                margin: 2rem 4rem;
                padding: 0;
                order: 3;
            }

                .mdl-destacado_puntos .main .filtros .filtro {
                    flex-direction: column;
                    margin: 0;
                    padding: 1.9rem 1.1rem 2.7rem;
                    min-width: 7rem;
                }

                    .mdl-destacado_puntos .main .filtros .filtro .f-icon {
                        margin-bottom: 1.5rem;
                    }

                    .mdl-destacado_puntos .main .filtros .filtro .f-title {
                        max-width: 9.1rem;
                        text-align: center;
                        margin: 0;
                    }

                    .mdl-destacado_puntos .main .filtros .filtro:not(:last-child)::after {
                        content: "";
                        position: absolute;
                        bottom: 0;
                        opacity: 0.3;
                        width: 100%;
                        height: 100%;
                        transform: unset;
                        border-bottom: unset;
                    }

            .mdl-destacado_puntos .main #mapa-puntos {
                order: 2;
                width: 100%;
                margin-left: 0;
            }

                .mdl-destacado_puntos .main #mapa-puntos .m-item {
                    width: 3.1rem;
                    height: 3.1rem;
                }

                .mdl-destacado_puntos .main #mapa-puntos .m-textoinfo img {
                    width: 2rem;
                    height: 2rem;
                    margin-right: 0.8rem;
                }

                .mdl-destacado_puntos .main #mapa-puntos .m-textoinfo span {
                    font-size: 1.2rem;
                }
    }

    @media (max-width: 551px) {
        .mdl-destacado_puntos {
            position: relative;
        }

            .mdl-destacado_puntos .main header {
                margin: 1rem auto 0;
                width: calc(100% - 6rem);
            }

                .mdl-destacado_puntos .main header .filter-button-mbl {
                    position: relative;
                    margin: 2.5rem auto 6rem;
                    display: flex;
                    width: 11.8rem;
                    z-index: 2;
                }

                    .mdl-destacado_puntos .main header .filter-button-mbl > img {
                        width: 2rem;
                        margin-right: 1.3rem;
                    }

                    .mdl-destacado_puntos .main header .filter-button-mbl > select {
                        opacity: 0;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 9;
                    }

                    .mdl-destacado_puntos .main header .filter-button-mbl:hover img {
                        filter: brightness(0) grayscale(1) invert(1);
                    }

                .mdl-destacado_puntos .main header .title {
                    font-size: 3rem;
                    line-height: 1.13;
                    letter-spacing: 0.171rem;
                }

                .mdl-destacado_puntos .main header .subtitle {
                    margin-left: 0;
                }

            .mdl-destacado_puntos .main #mapa-puntos {
                position: relative;
                height: auto;
                width: 100rem;
                margin: -5rem 0;
                z-index: 1;
                left: -20rem;
            }

                .mdl-destacado_puntos .main #mapa-puntos > img {
                    height: auto;
                    width: 100%;
                    max-width: unset;
                    top: 0;
                    left: 0;
                }

            .mdl-destacado_puntos .main .filtros {
                display: none;
            }

            .mdl-destacado_puntos .m-item article {
                top: 0 !important;
                bottom: auto !important;
                right: auto !important;
                left: 50% !important;
                transform: translate(-50%, -50%) !important;
                z-index: 10;
            }

                .mdl-destacado_puntos .m-item article .m-close i {
                    position: relative;
                }

            .mdl-destacado_puntos .scrollbar-map-container {
                display: flex;
                flex-direction: column;
                padding: 0.5rem 0;
                position: relative;
                height: 4rem;
                box-sizing: border-box;
                order: 3;
                border: none;
                width: calc(100vw - 2rem);
                margin: 0 1rem;
            }

                .mdl-destacado_puntos .scrollbar-map-container:after {
                    content: "";
                    height: 0.4rem;
                    width: 100%;
                    background-color: #eeeeee;
                    position: absolute;
                    left: 0;
                    bottom: 50%;
                    transform: translateY(50%);
                    z-index: 1;
                }

                .mdl-destacado_puntos .scrollbar-map-container .scrollbar-pointer {
                    border: none;
                    position: absolute;
                    transform: translateX(-50%) translateY(-50%);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: #f58024;
                    border-radius: 50%;
                    width: 4rem;
                    height: 4rem;
                    z-index: 2;
                    top: 50%;
                }
    }

    #modal-filters {
        margin: 0 auto;
        max-width: 115.3rem;
        width: calc(100vw - 8rem);
        background-color: #fff;
        position: relative;
        display: flex;
        max-height: 51.3rem;
        padding: 0;
    }

        #modal-filters .filtros {
            position: relative;
            top: 55%;
            left: 3%;
            display: flex;
            flex-direction: column;
            width: 26.2rem;
            padding: 1.3rem 0;
            border-radius: 0.3rem;
            box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
            background-color: #fff;
            z-index: 1;
            top: unset;
            left: unset;
            right: unset;
            bottom: unset;
            margin: 0;
        }

            #modal-filters .filtros .close-filter {
                position: absolute;
                top: -2rem;
                transform: translateY(-100%);
                right: 0;
                width: 2.2rem;
                height: 2.2rem;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                background-image: url("../images/icons/icon-close-w.svg");
            }

            #modal-filters .filtros .filtro {
                position: relative;
                padding: 0.9rem 0 0.9rem 0;
                margin-left: 3.1rem;
                cursor: pointer;
                display: flex;
                align-items: center;
            }

                #modal-filters .filtros .filtro.opacity {
                    opacity: 0.2;
                }

                #modal-filters .filtros .filtro .f-icon {
                    width: 4rem;
                    height: 4rem;
                    background-color: #88a347;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                    #modal-filters .filtros .filtro .f-icon.color1 {
                        background-color: #88a347;
                    }

                    #modal-filters .filtros .filtro .f-icon.color2 {
                        background-color: #485e13;
                    }

                    #modal-filters .filtros .filtro .f-icon.color3 {
                        background-color: #dece3c;
                    }

                    #modal-filters .filtros .filtro .f-icon.color4 {
                        background-color: #407e87;
                    }

                    #modal-filters .filtros .filtro .f-icon.color5 {
                        background-color: #8b4c82;
                    }

                    #modal-filters .filtros .filtro .f-icon.color6 {
                        background-color: #e28227;
                    }

                    #modal-filters .filtros .filtro .f-icon img {
                        width: 70%;
                        height: 75%;
                        filter: brightness(0) invert(1);
                    }

                #modal-filters .filtros .filtro .f-title {
                    font-family: "FiraSans", sans-serif;
                    font-weight: 300;
                    font-size: 1.5rem;
                    letter-spacing: 0.06rem;
                    color: #000;
                    font-weight: 500;
                    margin-left: 1.7rem;
                }

    @media (max-width: 1025px) {
        #modal-filters .filtros .filtro .f-title {
            font-size: 1.4rem;
        }
    }

    @media (max-width: 551px) {
    }

    #modal-filters .filtros .filtro:not(:last-child):after {
        content: "";
        position: absolute;
        bottom: 0;
        opacity: 0.3;
        width: 100%;
        height: 0.2rem;
        transform: translateY(100%);
        border-bottom: solid 0.05rem #bfa84f;
    }

    @media (max-width: 1025px) {
        #modal-filters article {
            padding: 6rem 3.5rem 2rem 3rem;
        }
    }

    @media (max-width: 551px) {
        #modal-filters {
            max-height: unset !important;
            max-width: unset !important;
            width: calc(100vw - 4rem);
            background-color: transparent;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }

    .mfp-bg {
        background-color: #000000;
    }

    .mfp-close {
        visibility: hidden;
        top: 2rem !important;
        right: 2rem;
        width: 2.4rem;
        height: 2.4rem;
        font-size: 0;
        color: rgba(27, 28, 33, 0.4);
        opacity: 1;
        line-height: 1;
        background-image: url("../images/icons/icon-close.svg") !important;
        background-size: cover !important;
        background-position: center !important;
    }

        .mfp-close:hover {
            color: #1b1c21;
        }

    @media (max-width: 551px) {
        .mfp-close {
            color: #ffffff !important;
            filter: invert(1);
        }
    }
    /* position: absolute;
width: 4rem;
height: 4rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 0;
cursor: pointer;
transform: translate(-50%, -50%);
transition: 0.3s ease;
border-radius: 50%;
border: 3px solid #fff; */

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .mdl-ofertas-destacado-home .header .m-botones {
        margin-top: 7rem;
        justify-content: flex-end;
        margin-right: 10.6rem;
    }

    .mdl-ofertas-destacado-home .rsArrow.rsArrowLeft:not(.rightSite) {
        display: none !important;
    }

    .mdl-ofertas-destacado-home .rsArrow.rsArrowRight:not(.rightSite) {
        display: none !important;
    }

.mdl-ofertas-destacado-home .container-box {
    display: flex;
    position: relative;
    /*    margin-bottom: 150px
}*/
}


    .mdl-ofertas-destacado-home .container-box .box-1 {
        width: 27%;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 800px;
        object-fit: fill;
    }

            .mdl-ofertas-destacado-home .container-box .box-1 .rsArrow {
                z-index: 5;
            }

                .mdl-ofertas-destacado-home .container-box .box-1 .rsArrow.rsArrowLeft {
                    display: block;
                    position: absolute !important;
                    right: 0rem;
                }

                .mdl-ofertas-destacado-home .container-box .box-1 .rsArrow.rsArrowRight {
                    display: block;
                    position: absolute !important;
                    right: -5.8rem;
                }

            .mdl-ofertas-destacado-home .container-box .box-1 .arrowsTablet {
                width: 100%;
                position: relative;
                margin: 0 auto;
            }

                .mdl-ofertas-destacado-home .container-box .box-1 .arrowsTablet .rsArrow {
                    position: relative;
                    transform: unset;
                    top: unset;
                    right: unset;
                    bottom: unset;
                    left: unset;
                }

        .mdl-ofertas-destacado-home .container-box .box-2 {
            max-width: 75%;
            width: 75%;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
        }

            .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet {
                display: flex;
                justify-content: space-between;
                display: none;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header {
                    display: flex;
                    flex-direction: column;
                    align-items: start;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header .title {
                        font-family: "BigCaslon", serif;
                        font-size: 4rem;
                        font-weight: 500;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 0.85;
                        letter-spacing: 2.29px;
                        text-align: center;
                        color: #2d2e31;
                    }

                    .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header .phrase {
                        font-family: "FiraSans", sans-serif;
                        font-size: 1.6rem;
                        font-weight: 300;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.56;
                        letter-spacing: 1px;
                        color: #000;
                        margin: 2rem 0 2rem 0;
                    }

            .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header {
                margin-top: 6.3rem;
                display: flex;
                justify-content: space-between;
                padding-right: 11rem;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header .header {
                    display: flex;
                    flex-direction: column;
                    align-items: start;
                    margin-left: -12rem;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header .header .title {
                        font-family: "BigCaslon", serif;
                        font-size: 4rem;
                        font-weight: 500;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 0.85;
                        letter-spacing: 2.29px;
                        text-align: center;
                        color: #2d2e31;
                        margin-left: -9rem;
                    }

                    .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header .header .phrase {
                        font-family: "FiraSans", sans-serif;
                        font-size: 1.6rem;
                        font-weight: 300;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.56;
                        letter-spacing: 1px;
                        color: #000;
                        max-width: 56rem;
                        margin: 2rem 0 4.5rem;
                    }

            .mdl-ofertas-destacado-home .container-box .box-2 .menu-float {
                position: absolute;
                top: 21.5rem;
                left: -6%;
                width: 12.8rem;
                height: 12.1rem;
                background-color: #fff;
                box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 1.6rem;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados {
                    font-family: "FiraSans", sans-serif;
                    font-size: 1.5rem;
                    font-weight: 300;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: 1.67;
                    letter-spacing: normal;
                    text-align: center;
                    color: #000;
                    opacity: 0.6;
                    width: -moz-fit-content;
                    width: fit-content;
                    height: max-content;
                    position: relative;
                    text-transform: uppercase;
                    cursor: pointer;
                    margin-bottom: 0.8rem;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados.active {
                        font-weight: 500;
                        opacity: 1;
                    }

                        .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados.active::after {
                            content: " ";
                            opacity: 1;
                            width: 2rem;
                            height: 0.6rem;
                            background-color: rgba(189, 156, 41, 0.3);
                            position: absolute;
                            bottom: 0.25rem;
                            right: -1rem;
                            transition: 0.3s ease;
                        }

                    .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados:hover::after {
                        width: calc(100% + 3.6rem);
                    }

            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider {
                width: calc(100% - 11rem);
                padding: 0rem 0rem 7rem 0rem;
                position: relative;
                overflow: hidden;
                margin-left: 3rem;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid {
                    max-width: 40.6%;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card {
                        width: 100%;
                        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
                        background-color: #fff;
                    }

                        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .img {
                            position: relative;
                            width: 100%;
                            height: 26.5rem;
                            flex-grow: 0;
                            background-size: contain;
                            background-position-x: center;
                            background-repeat: no-repeat;
                            display: flex;
                            justify-content: center;
                            transition: all 0.5s ease;
                            margin-top: 160px;
                        }

                            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .img:after {
                                content: "";
                                position: absolute;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
                                bottom: 0;
                                right: 0;
                                z-index: 0;
                                background-image: linear-gradient(178deg, rgba(0, 0, 0, 0) 56%, #000 97%);
                            }

                            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .img:hover {
                                transform: scale(1.1);
                            }

                            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .img .title-card {
                                position: absolute;
                                padding: 0 1rem;
                                bottom: 2rem;
                                font-family: "BigCaslon", serif;
                                font-size: 2.5rem;
                                font-weight: 500;
                                font-stretch: normal;
                                font-style: normal;
                                line-height: 1.14;
                                letter-spacing: 2px;
                                color: #fff;
                                z-index: 1;
                            }

    @media (max-width: 890px) {
        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .img .title-card {
            font-size: 3rem;
        }
    }

    @media (max-width: 551px) {
        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .img .title-card {
            font-size: 2.6rem;
        }
    }

    .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content {
        width: 100%;
        border-radius: 0.3rem;
        box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }

        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content .content-info {
            padding: 2rem 0rem 2.5rem 0rem;
            font-family: "FiraSans", sans-serif;
            font-size: 14px;
            font-weight: 300;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.79;
            letter-spacing: 0.88px;
            color: #000;
        }

        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content .m-botones {
            padding: 0rem 3.5rem 3.5rem 0rem;
            margin-left:30px
        }

            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content .m-botones > .m-button1 {
                margin-left: 0.2rem;
            }

    .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .rsOverflow {
        position: inherit !important;
        overflow: visible;
    }

    .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .rsBullets {
        display: none;
    }

    @media (max-width: 1025px) {
        .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header {
            padding-right: 3rem;
        }
    }

    @media (max-width: 828px) {
        .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header .header .title {
            font-size: 3rem;
            margin-left: -5rem;
        }

        .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header .header .phrase {
            max-width: 51rem;
        }
    }

    @media (max-width: 769px) {
        .mdl-ofertas-destacado-home .container-box .box-1 {
            display: none;
        }

        .mdl-ofertas-destacado-home .container-box .box-2 {
            width: 100%;
            max-width: 100%;
        }

            .mdl-ofertas-destacado-home .container-box .box-2 .menu-float {
                position: unset;
                display: flex;
                order: 4;
                box-shadow: none;
                max-width: calc(100% - 5.6rem);
                width: 100%;
                height: auto;
                margin: 0 auto 1.5rem;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    flex-wrap: wrap;
                    margin: 2rem 0;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados {
                        margin-bottom: 1rem;
                        width: 15%;
                        font-size: 1.5rem;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                        .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados.active::after {
                            right: 22%;
                            width: 2.8rem;
                        }

            .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-header {
                display: none;
            }

            .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet {
                align-items: center;
                display: flex;
                flex-direction: column;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header {
                    text-align: center;
                    align-items: center;
                    padding: 0 8rem;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header .title {
                        font-size: 3rem;
                    }

                .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .button1 {
                    width: 30%;
                    margin-bottom: 3.5rem;
                }

        .mdl-ofertas-destacado-home .rsSlider {
            width: 100% !important;
            margin-left: 0 !important;
        }

            .mdl-ofertas-destacado-home .rsSlider .m-grid {
                min-width: 33rem;
                width: 33rem;
                display: flex;
                flex-direction: column;
                padding-left: 2rem;
            }

                .mdl-ofertas-destacado-home .rsSlider .m-grid .rsBullets {
                    display: flex;
                    justify-content: center;
                    width: 100vw;
                    max-width: 100vw;
                    transform: translateX(-1rem);
                }

                .mdl-ofertas-destacado-home .rsSlider .m-grid .card {
                    width: 100%;
                }

                    .mdl-ofertas-destacado-home .rsSlider .m-grid .card .content .content-info {
                        padding: 12px !important;
                    }

                    .mdl-ofertas-destacado-home .rsSlider .m-grid .card .content .m-botones {
                        padding-right: 0;
                    }

                        .mdl-ofertas-destacado-home .rsSlider .m-grid .card .content .m-botones .button1 {
                            width: 100%;
                        }
        .rsSlide{
            top:-180px!important;
        }
    }

    @media (max-width: 551px) {
        .mdl-ofertas-destacado-home .container-box .box-1 {
            display: none;
        }

        .mdl-ofertas-destacado-home .container-box .box-2 {
            max-width: 100vh;
            width: 100vw;
            display: flex;
            flex-direction: column;
            padding-top: 1rem;
            
            
        }

            .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header {
                padding: 0 2rem;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .header .title {
                    font-size: 3rem;
                }

            .mdl-ofertas-destacado-home .container-box .box-2 .m-botones-tablet .button1 {
                width: fit-content;
                margin-bottom: 3.5rem;
            }

            .mdl-ofertas-destacado-home .container-box .box-2 .menu-float {
                position: unset;
                display: flex;
                order: 4;
                box-shadow: none;
                max-width: calc(100% - 5.6rem);
                width: 100%;
                height: auto;
                margin: 0 auto 1.5rem;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters {
                    width: 100%;
                    display: flex;
                    justify-content: start;
                    flex-wrap: wrap;
                    margin: 0 auto;
                    justify-content: center;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados {
                        margin: 0 3rem 1rem 0;
                        width: auto;
                        font-size: 1.75rem;
                    }

                        .mdl-ofertas-destacado-home .container-box .box-2 .menu-float .filters .filtro-destacados.active::after {
                            left: 49%;
                            width: 2.8rem;
                        }

            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider {
                display: flex;
                order: 5;
                width: 100vw;
                padding: 0 0rem 7rem 0rem;
                margin-left: 3.5rem;
                position: relative;
                overflow: hidden;
            }

                .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid {
                    max-width: unset;
                    width: 30rem;
                    min-width: 30rem;
                    display: flex;
                    flex-direction: column;
                    height:auto!important;
                }

                    .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .rsBullets {
                        display: flex;
                        justify-content: center;
                        margin-top: -9.9rem!important;
                    }

                    .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card {
                        width: 100%;
                    }

                        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content .content-info {
                            padding: 2rem 0rem 2rem 0rem !important;
                        }

                        .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content .m-botones {
                            padding-right: 0;
                        }

                            .mdl-ofertas-destacado-home .container-box .box-2 .rsSlider .m-grid .card .content .m-botones .button1 {
                                width: max-content;
                            }

        .mdl-ofertas-destacado-home .container-box .royalSlider img {
            width: 100%;
            height: auto;
            margin: 10px auto;
        }

        .mdl-ofertas-destacado-home .rsArrow {
            display: none !important;
        }
    }

    .mdl-ofertas-destacado-home .rsArrow {
        position: absolute;
        right: 5rem;
        bottom: 1.5rem;
        width: 5.8rem;
        height: 5.8rem;
        background-color: black;
        border-radius: unset;
    }

        .mdl-ofertas-destacado-home .rsArrow::after {
            background-image: url("../images/icons/icon-arrowR-w.svg");
            content: "";
            position: absolute;
            height: 1.8rem;
            width: 2rem;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .mdl-ofertas-destacado-home .rsArrow.rsArrowLeft {
            right: calc(5rem + 5.8rem);
        }

            .mdl-ofertas-destacado-home .rsArrow.rsArrowLeft::after {
                transform: translate(-50%, -50%) rotate(180deg);
            }

        .mdl-ofertas-destacado-home .rsArrow.rsArrowDisabled::after {
            opacity: 0.59;
        }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    body#safari .mdl-sliderTorneos .card-img .gradient,
    body#firefox .mdl-sliderTorneos .card-img .gradient {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .mdl-sliderTorneos {
        background-color: #f7f7f7;
    }

        .mdl-sliderTorneos .mdl-container {
            padding-top: 7.8rem;
        }

            .mdl-sliderTorneos .mdl-container .header {
                width: 100%;
                justify-content: space-between;
                margin-bottom: 6rem;
            }

                .mdl-sliderTorneos .mdl-container .header .title {
                    font-family: "BigCaslon", serif;
                    font-weight: 500;
                    font-size: 4rem;
                    letter-spacing: 0.23rem;
                    line-height: 1.2;
                }

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-sliderTorneos .mdl-container .header .title {
            font-size: 3rem;
            letter-spacing: 0.17rem;
        }
    }

    .mdl-sliderTorneos .mdl-container .header .filters {
        align-items: center;
    }

        .mdl-sliderTorneos .mdl-container .header .filters .filtro-destacado {
            margin-right: 3.3rem;
            font-size: 1.5rem;
            font-weight: 300;
        }

            .mdl-sliderTorneos .mdl-container .header .filters .filtro-destacado:after {
                width: 0;
                right: -1.8rem;
            }

            .mdl-sliderTorneos .mdl-container .header .filters .filtro-destacado.active,
            .mdl-sliderTorneos .mdl-container .header .filters .filtro-destacado:hover {
                font-weight: normal;
            }

                .mdl-sliderTorneos
                .mdl-container
                .header
                .filters
                .filtro-destacado.active:after,
                .mdl-sliderTorneos
                .mdl-container
                .header
                .filters
                .filtro-destacado:hover:after {
                    width: 100%;
                }

        .mdl-sliderTorneos .mdl-container .header .filters .button1 {
            margin-left: 1.2rem;
            min-width: 15.8rem;
        }

    .mdl-sliderTorneos .mdl-container .slider-box {
        position: relative;
        width: 100%;
    }

        .mdl-sliderTorneos .mdl-container .slider-box .arrows {
            position: absolute;
            top: 50%;
            right: -1.7rem;
            z-index: 5;
            transform: translate(100%, -85%);
        }

        .mdl-sliderTorneos .mdl-container .slider-box .rsSliderBis#sliderTorneosTablet {
            display: none;
        }

        .mdl-sliderTorneos .mdl-container .slider-box .rsSliderBis#sliderTorneos {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            overflow: hidden;
        }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneos
            .m-grid {
                width: calc(50% - 0.8rem);
                padding-bottom: 9.5rem;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos
                .m-grid
                .rsOverflow,
                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos
                .m-grid
                .rsSlide {
                    overflow: visible !important;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos
                .m-grid
                .rsBullets,
                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos
                .m-grid
                .rsArrow {
                    display: none !important;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos
                .m-grid
                .card-bloc {
                    display: flex;
                    justify-content: space-between;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos
                    .m-grid
                    .card-bloc
                    .card-item {
                        margin-top: 1rem;
                        display: flex;
                        flex-direction: column;
                        width: calc(50% - 0.8rem);
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos
                        .m-grid
                        .card-bloc
                        .card-item
                        .card-img {
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                            color: white;
                            margin-top: 3rem;
                            height: 31.5rem;
                            position: relative;
                            margin-right: 1rem;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-img
                            .gradient {
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: -moz-linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-img
                            .card-date {
                                position: absolute;
                                top: -3rem;
                                right: 2.1rem;
                                background-color: black;
                                color: white;
                                width: 5.6rem;
                                height: 5.6rem;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc
                                .card-item
                                .card-img
                                .card-date
                                .day {
                                    font-size: 2.5rem;
                                    font-weight: 600;
                                    letter-spacing: 0.25rem;
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc
                                .card-item
                                .card-img
                                .card-date
                                .month {
                                    font-size: 1.2rem;
                                    font-weight: 500;
                                    letter-spacing: 0.12rem;
                                }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-img
                            .content {
                                display: flex;
                                flex-direction: column;
                                justify-content: flex-end;
                                box-sizing: border-box;
                                width: 100%;
                                height: 100%;
                                padding: 1.5rem 1.5rem 5.7rem;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc
                                .card-item
                                .card-img
                                .content
                                .title {
                                    font-family: "BigCaslon", serif;
                                    font-size: 2.6rem;
                                    font-weight: 500;
                                    line-height: 1.2;
                                    letter-spacing: 0.149rem;
                                    z-index: 3;
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc
                                .card-item
                                .card-img
                                .content
                                .text {
                                    z-index: 3;
                                    margin-top: 1.2rem;
                                    font-size: 1.2rem;
                                    font-weight: 300;
                                    line-height: 1.5;
                                    letter-spacing: 0.05rem;
                                }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos
                        .m-grid
                        .card-bloc
                        .card-item
                        .card-content {
                            margin-top: -3.5rem;
                            width: calc(100% - 4.5rem);
                            margin-left: 4.5rem;
                            background: white;
                            z-index: 1;
                            padding: 1.5rem;
                            box-sizing: border-box;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-content
                            .title,
                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-content
                            .text {
                                display: none;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-content
                            .card-row {
                                font-family: "FiraSans", sans-serif;
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                font-size: 1.2rem;
                                font-weight: normal;
                                line-height: 1.58;
                                padding: 0.6rem 0;
                                width: 100%;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc
                                .card-item
                                .card-content
                                .card-row:not(:first-child) {
                                    border-top: 0.1rem solid rgba(191, 168, 79, 0.3);
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc
                                .card-item
                                .card-content
                                .card-row > img {
                                    width: 1.2rem;
                                    height: 1.2rem;
                                    margin-right: 1rem;
                                }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-content
                            .button1,
                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc
                            .card-item
                            .card-content
                            .button2 {
                                margin-top: 1.5rem;
                                width: 100%;
                            }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos
                    .m-grid
                    .card-bloc.big
                    .card-item {
                        width: calc(100% - 0.7rem);
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos
                        .m-grid
                        .card-bloc.big
                        .card-item
                        .card-img {
                            margin-top: 1.4rem;
                            height: 37.4rem;
                            margin-right: 0;
                            margin-left: 2.1rem;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-img
                            .gradient {
                                backdrop-filter: blur(5rem);
                                background-image: unset;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-img
                            .card-date {
                                z-index: 2;
                                top: -1rem;
                                right: 3.1rem;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-img
                            .content {
                                display: none;
                            }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos
                        .m-grid
                        .card-bloc.big
                        .card-item
                        .card-content {
                            position: relative;
                            width: calc(100% - 1.6rem);
                            margin-top: -36rem;
                            margin-left: 0;
                            margin-right: 1.6rem;
                            min-height: 41.2rem;
                            padding: 2.7rem 2.7rem 2.7rem 3.1rem;
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                            color: white;
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-end;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-content
                            .title {
                                display: flex;
                                font-family: "BigCaslon", serif;
                                font-size: 3.5rem;
                                font-weight: 500;
                                line-height: 1.15;
                                letter-spacing: 0.2rem;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-content
                            .text {
                                display: flex;
                                font-size: 1.2rem;
                                font-weight: 300;
                                line-height: 1.5;
                                letter-spacing: 0.05rem;
                                padding-bottom: 2.1rem;
                                border-bottom: 0.1rem solid rgba(255, 255, 255, 0.8);
                                margin-top: 1.2rem;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-content > .row {
                                margin-top: 1rem;
                                width: 100%;
                                align-items: center;
                                justify-content: space-between;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc.big
                                .card-item
                                .card-content > .row
                                .list {
                                    width: 55%;
                                }

                                    .mdl-sliderTorneos
                                    .mdl-container
                                    .slider-box
                                    .rsSliderBis#sliderTorneos
                                    .m-grid
                                    .card-bloc.big
                                    .card-item
                                    .card-content > .row
                                    .list
                                    .card-row {
                                        padding: 0.5rem 0;
                                        border: none;
                                    }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc.big
                                .card-item
                                .card-content > .row
                                .button1,
                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos
                                .m-grid
                                .card-bloc.big
                                .card-item
                                .card-content > .row
                                .button2 {
                                    margin-top: 1.5rem;
                                    width: 40%;
                                    border: unset;
                                }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos
                            .m-grid
                            .card-bloc.big
                            .card-item
                            .card-content:after {
                                content: "";
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                width: 100%;
                                height: 60%;
                                background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) );
                                background: -moz-linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                z-index: -1;
                            }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos
                    .m-grid
                    .card-bloc:not(.big)
                    .card-item
                    .card-content {
                        background-image: unset !important;
                        box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.1);
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos
                        .m-grid
                        .card-bloc:not(.big)
                        .card-item
                        .card-content
                        .card-info {
                            flex-direction: column;
                        }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneos.filtrado {
                display: flex;
                flex-wrap: wrap;
                width: calc(100% - 1rem);
                overflow: hidden;
                margin-left: 1rem;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid {
                    align-items: center;
                    width: 59.5%;
                    height: 56rem;
                    padding-bottom: 5rem;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsOverflow,
                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsSlide {
                        overflow: visible !important;
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsBullets {
                        margin-top: 5rem;
                        transform: translateX(22vw);
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsArrow {
                        display: none !important;
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsSlide
                    .card-item {
                        max-width: 33.2vw;
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        margin-top: 3rem;
                        transition: 0.3s ease;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos.filtrado
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-img {
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                            color: white;
                            height: 36.8rem;
                            position: relative;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos.filtrado
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .gradient {
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: -moz-linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos.filtrado
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .card-date {
                                position: absolute;
                                top: -3rem;
                                right: 2rem;
                                background-color: black;
                                color: white;
                                width: 6.5rem;
                                height: 6.5rem;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .card-date
                                .day {
                                    font-size: 2.5rem;
                                    font-weight: 600;
                                    letter-spacing: 0.25rem;
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .card-date
                                .month {
                                    font-size: 1.2rem;
                                    font-weight: 500;
                                    letter-spacing: 0.12rem;
                                    text-transform: uppercase;
                                    padding-bottom: 1rem;
                                }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos.filtrado
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .content {
                                display: flex;
                                flex-direction: column;
                                justify-content: flex-end;
                                box-sizing: border-box;
                                width: 100%;
                                height: 100%;
                                padding: 1.5rem 1.5rem 8.5rem;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .content
                                .title {
                                    font-family: "BigCaslon", serif;
                                    font-size: 2.6rem;
                                    font-weight: 500;
                                    line-height: 1.2;
                                    letter-spacing: 0.149rem;
                                    z-index: 3;
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .content
                                .text {
                                    z-index: 3;
                                    margin-top: 1.8rem;
                                    font-size: 1.4rem;
                                    font-weight: 300;
                                    line-height: 1.64;
                                    letter-spacing: 0.058rem;
                                }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos.filtrado
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-content {
                            margin: -6rem 1.75rem 0;
                            width: calc(100% - 3.5rem);
                            background: white;
                            background-image: unset;
                            z-index: 1;
                            padding: 1.5rem;
                            box-sizing: border-box;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos.filtrado
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content
                            .title,
                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos.filtrado
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content
                            .text {
                                display: none;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneos.filtrado
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content > .row {
                                flex-direction: column;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-content > .row
                                .list {
                                    width: 100%;
                                }

                                    .mdl-sliderTorneos
                                    .mdl-container
                                    .slider-box
                                    .rsSliderBis#sliderTorneos.filtrado
                                    .m-grid
                                    .rsSlide
                                    .card-item
                                    .card-content > .row
                                    .list
                                    .card-row {
                                        display: flex;
                                        flex-direction: row;
                                        align-items: center;
                                        font-size: 1.4rem;
                                        font-weight: normal;
                                        line-height: 1.58;
                                        padding: 0.85rem 0;
                                        width: 100%;
                                    }

                                        .mdl-sliderTorneos
                                        .mdl-container
                                        .slider-box
                                        .rsSliderBis#sliderTorneos.filtrado
                                        .m-grid
                                        .rsSlide
                                        .card-item
                                        .card-content > .row
                                        .list
                                        .card-row:not(:first-child) {
                                            border-top: 0.1rem solid rgba(191, 168, 79, 0.3);
                                        }

                                        .mdl-sliderTorneos
                                        .mdl-container
                                        .slider-box
                                        .rsSliderBis#sliderTorneos.filtrado
                                        .m-grid
                                        .rsSlide
                                        .card-item
                                        .card-content > .row
                                        .list
                                        .card-row > img {
                                            width: 1.2rem;
                                            height: 1.2rem;
                                            margin-right: 1rem;
                                        }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-content > .row
                                .button1,
                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneos.filtrado
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-content > .row
                                .button2 {
                                    margin-top: 1rem;
                                    width: 100%;
                                    height: 5rem;
                                }

    @media (min-width: 769px) {
        .mdl-sliderTorneos
        .mdl-container
        .slider-box
        .rsSliderBis#sliderTorneos.filtrado
        .m-grid
        .rsSlide.rsActiveSlide
        .card-item {
            max-width: unset;
        }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneos.filtrado
            .m-grid
            .rsSlide.rsActiveSlide
            .card-item
            .card-img {
                height: 45.6rem;
                margin-right: 0;
                margin-left: 2.1rem;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-img
                .gradient {
                    backdrop-filter: blur(5rem);
                    background-image: unset;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-img
                .card-date {
                    z-index: 2;
                    top: -3rem;
                    right: 3.1rem;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-img
                .content {
                    display: none;
                }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneos.filtrado
            .m-grid
            .rsSlide.rsActiveSlide
            .card-item
            .card-content {
                width: calc(100% - 1.6rem);
                margin-top: -44rem;
                margin-left: 0;
                margin-right: 1.6rem;
                min-height: 45.9rem;
                padding: 2.7rem 2.7rem 2.4rem 3rem;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                color: white;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content
                .title {
                    display: flex;
                    font-family: "BigCaslon", serif;
                    font-size: 3.5rem;
                    font-weight: 500;
                    line-height: 1.15;
                    letter-spacing: 0.2rem;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content
                .text {
                    display: flex;
                    font-size: 1.2rem;
                    font-weight: 300;
                    line-height: 1.5;
                    letter-spacing: 0.05rem;
                    padding-bottom: 2.1rem;
                    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.8);
                    margin-top: 1.2rem;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneos.filtrado
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content > .row {
                    margin-top: 1rem;
                    width: 100%;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsSlide.rsActiveSlide
                    .card-item
                    .card-content > .row
                    .list {
                        width: 55%;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneos.filtrado
                        .m-grid
                        .rsSlide.rsActiveSlide
                        .card-item
                        .card-content > .row
                        .list
                        .card-row {
                            padding: 0.3rem 0;
                            border: none;
                        }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsSlide.rsActiveSlide
                    .card-item
                    .card-content > .row
                    .button1,
                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneos.filtrado
                    .m-grid
                    .rsSlide.rsActiveSlide
                    .card-item
                    .card-content > .row
                    .button2 {
                        margin-top: 1.5rem;
                        width: 40%;
                        height: 4.3rem;
                        border: unset;
                    }

        .mdl-sliderTorneos
        .mdl-container
        .slider-box
        .rsSliderBis#sliderTorneos.filtrado
        .m-grid
        .rsSlide:not(.rsActiveSlide)
        .card-item
        .card-content {
            background-image: unset !important;
            box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.1);
        }
    }

    @media (max-width: 1025px) {
        .mdl-sliderTorneos .mdl-container {
            max-width: calc(100% - 7.4rem);
            margin: 0 3.4rem 0 4rem;
        }

            .mdl-sliderTorneos .mdl-container .header {
                width: calc(100% + 1.5rem);
                margin-right: -1.5rem;
                margin-bottom: 4rem;
            }

            .mdl-sliderTorneos .mdl-container .slider-box .arrows {
                display: none;
            }

            .mdl-sliderTorneos .mdl-container .slider-box .rsSliderBis#sliderTorneos {
                display: none;
            }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneosTablet {
                display: flex;
                flex-wrap: wrap;
                width: calc(100% - 1rem);
                overflow: hidden;
                margin-left: 1rem;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid {
                    align-items: center;
                    width: 59.5%;
                    height: 56rem;
                    padding-bottom: 5rem;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsOverflow,
                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide {
                        overflow: visible !important;
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsBullets {
                        margin-top: 5rem;
                        transform: translateX(22vw);
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsArrow {
                        display: none !important;
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide
                    .card-item {
                        max-width: 33.2vw;
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        margin-top: 3rem;
                        transition: 0.3s ease;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-img {
                            background-position: center;
                            background-size: cover;
                            background-repeat: no-repeat;
                            color: white;
                            height: 36.8rem;
                            position: relative;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .gradient {
                                width: 100%;
                                height: 100%;
                                position: absolute;
                                top: 0;
                                left: 0;
                                background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: -moz-linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                                background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .card-date {
                                position: absolute;
                                top: -3rem;
                                right: 2rem;
                                background-color: black;
                                color: white;
                                width: 6.5rem;
                                height: 6.5rem;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .card-date
                                .day {
                                    font-size: 2.5rem;
                                    font-weight: 600;
                                    letter-spacing: 0.25rem;
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .card-date
                                .month {
                                    font-size: 1.2rem;
                                    font-weight: 500;
                                    letter-spacing: 0.12rem;
                                    text-transform: uppercase;
                                    padding-bottom: 1rem;
                                }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .content {
                                display: flex;
                                flex-direction: column;
                                justify-content: flex-end;
                                box-sizing: border-box;
                                width: 100%;
                                height: 100%;
                                padding: 1.5rem 1.5rem 8.5rem;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .content
                                .title {
                                    font-family: "BigCaslon", serif;
                                    font-size: 2.6rem;
                                    font-weight: 500;
                                    line-height: 1.2;
                                    letter-spacing: 0.149rem;
                                    z-index: 3;
                                }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .content
                                .text {
                                    z-index: 3;
                                    margin-top: 1.8rem;
                                    font-size: 1.4rem;
                                    font-weight: 300;
                                    line-height: 1.64;
                                    letter-spacing: 0.058rem;
                                }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-content {
                            margin: -6rem 1.75rem 0;
                            width: calc(100% - 3.5rem);
                            background: white;
                            background-image: unset;
                            z-index: 1;
                            padding: 1.5rem;
                            box-sizing: border-box;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content
                            .title,
                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content
                            .text {
                                display: none;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content > .row {
                                flex-direction: column;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-content > .row
                                .list {
                                    width: 100%;
                                }

                                    .mdl-sliderTorneos
                                    .mdl-container
                                    .slider-box
                                    .rsSliderBis#sliderTorneosTablet
                                    .m-grid
                                    .rsSlide
                                    .card-item
                                    .card-content > .row
                                    .list
                                    .card-row {
                                        display: flex;
                                        flex-direction: row;
                                        align-items: center;
                                        font-size: 1.4rem;
                                        font-weight: normal;
                                        line-height: 1.58;
                                        padding: 0.85rem 0;
                                        width: 100%;
                                    }

                                        .mdl-sliderTorneos
                                        .mdl-container
                                        .slider-box
                                        .rsSliderBis#sliderTorneosTablet
                                        .m-grid
                                        .rsSlide
                                        .card-item
                                        .card-content > .row
                                        .list
                                        .card-row:not(:first-child) {
                                            border-top: 0.1rem solid rgba(191, 168, 79, 0.3);
                                        }

                                        .mdl-sliderTorneos
                                        .mdl-container
                                        .slider-box
                                        .rsSliderBis#sliderTorneosTablet
                                        .m-grid
                                        .rsSlide
                                        .card-item
                                        .card-content > .row
                                        .list
                                        .card-row > img {
                                            width: 1.2rem;
                                            height: 1.2rem;
                                            margin-right: 1rem;
                                        }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-content > .row
                                .button1,
                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-content > .row
                                .button2 {
                                    margin-top: 1rem;
                                    width: 100%;
                                    height: 5rem;
                                }
    }

    @media (max-width: 1025px) and (min-width: 769px) {
        .mdl-sliderTorneos
        .mdl-container
        .slider-box
        .rsSliderBis#sliderTorneosTablet
        .m-grid
        .rsSlide.rsActiveSlide
        .card-item {
            max-width: unset;
        }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneosTablet
            .m-grid
            .rsSlide.rsActiveSlide
            .card-item
            .card-img {
                height: 45.6rem;
                margin-right: 0;
                margin-left: 2.1rem;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-img
                .gradient {
                    backdrop-filter: blur(5rem);
                    filter: blur(0.4rem);
                    background-image: unset;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-img
                .card-date {
                    z-index: 2;
                    top: -3rem;
                    right: 3.1rem;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-img
                .content {
                    display: none;
                }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneosTablet
            .m-grid
            .rsSlide.rsActiveSlide
            .card-item
            .card-content {
                width: calc(100% - 1.6rem);
                margin-top: -44rem;
                margin-left: 0;
                margin-right: 1.6rem;
                min-height: 45.9rem;
                padding: 2.7rem 2.7rem 2.4rem 3rem;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
                color: white;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content
                .title {
                    display: flex;
                    font-family: "BigCaslon", serif;
                    font-size: 3.5rem;
                    font-weight: 500;
                    line-height: 1.15;
                    letter-spacing: 0.2rem;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content
                .text {
                    display: flex;
                    font-size: 1.2rem;
                    font-weight: 300;
                    line-height: 1.5;
                    letter-spacing: 0.05rem;
                    padding-bottom: 2.1rem;
                    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.8);
                    margin-top: 1.2rem;
                }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content > .row {
                    margin-top: 1rem;
                    width: 100%;
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-between;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide.rsActiveSlide
                    .card-item
                    .card-content > .row
                    .list {
                        width: 55%;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide.rsActiveSlide
                        .card-item
                        .card-content > .row
                        .list
                        .card-row {
                            padding: 0.3rem 0;
                            border: none;
                        }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide.rsActiveSlide
                    .card-item
                    .card-content > .row
                    .button1,
                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide.rsActiveSlide
                    .card-item
                    .card-content > .row
                    .button2 {
                        margin-top: 1.5rem;
                        width: 40%;
                        height: 4.3rem;
                        border: unset;
                    }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid
                .rsSlide.rsActiveSlide
                .card-item
                .card-content:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    height: 60%;
                    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7) );
                    background: -moz-linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0.7) );
                    z-index: -1;
                }

        .mdl-sliderTorneos
        .mdl-container
        .slider-box
        .rsSliderBis#sliderTorneosTablet
        .m-grid
        .rsSlide:not(.rsActiveSlide)
        .card-item
        .card-content {
            background-image: unset !important;
            box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.1);
        }
    }

    @media (max-width: 769px) {
        .mdl-sliderTorneos .mdl-container {
            padding-top: 4.7rem;
            max-width: calc(100% - 7.6rem);
            margin: 0 auto;
        }

            .mdl-sliderTorneos .mdl-container .header {
                width: calc(100% - 2.7rem);
                margin: 0 0 5rem 2.7rem;
            }

                .mdl-sliderTorneos .mdl-container .header .filters {
                    flex-direction: column-reverse;
                    align-items: flex-end;
                }

                    .mdl-sliderTorneos .mdl-container .header .filters .filtro-destacado {
                        margin-right: 3rem;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .header
                        .filters
                        .filtro-destacado:last-child {
                            margin-right: 0;
                        }

                    .mdl-sliderTorneos .mdl-container .header .filters .button1 {
                        margin-left: 0;
                        margin-bottom: 2.9rem;
                        min-width: 20rem;
                    }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneosTablet {
                width: 100%;
                margin-left: 0;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid {
                    width: calc(50% - 0.9rem);
                    height: 56rem;
                    padding-bottom: 5rem;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsBullets {
                        margin-top: 5rem;
                        transform: translateX(22vw);
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide
                    .card-item {
                        max-width: 100%;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-img {
                            height: 36.8rem;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .content {
                                padding: 1.5rem 1.5rem 6.5rem;
                            }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-content {
                            margin: -4rem 1.75rem 0;
                            background-image: unset !important;
                            box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.1);
                        }
    }

    @media (max-width: 551px) {
        .mdl-sliderTorneos .mdl-container {
            max-width: calc(100% - 5.6rem);
            padding-bottom: 10rem;
        }

            .mdl-sliderTorneos .mdl-container .header {
                flex-direction: column;
                align-items: center;
                width: 100%;
                margin: 0 0 4.8rem 0;
            }

                .mdl-sliderTorneos .mdl-container .header .filters {
                    width: 100%;
                }

                    .mdl-sliderTorneos .mdl-container .header .filters .filters-form {
                        margin-top: 3.85rem;
                        width: 100%;
                        flex-wrap: wrap;
                        justify-content: center;
                        align-items: center;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .header
                        .filters
                        .filters-form
                        .filtro-destacado {
                            margin: 0.5rem 1.5rem !important;
                        }

                    .mdl-sliderTorneos .mdl-container .header .filters .button1 {
                        margin: 3.6rem 0 0;
                        min-width: 100%;
                    }

            .mdl-sliderTorneos
            .mdl-container
            .slider-box
            .rsSliderBis#sliderTorneosTablet {
                overflow: visible;
            }

                .mdl-sliderTorneos
                .mdl-container
                .slider-box
                .rsSliderBis#sliderTorneosTablet
                .m-grid {
                    width: 100%;
                    height: 45rem;
                    padding-bottom: 0;
                }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsBullets {
                        margin-top: 0;
                        transform: unset;
                        transform: translateY(4.5rem);
                    }

                    .mdl-sliderTorneos
                    .mdl-container
                    .slider-box
                    .rsSliderBis#sliderTorneosTablet
                    .m-grid
                    .rsSlide
                    .card-item {
                        margin-top: 2rem;
                        max-width: 100%;
                    }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-img {
                            height: 31.5rem;
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .card-date {
                                right: 1.5rem;
                                width: 5.6rem;
                                height: 5.6rem;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-img
                            .content {
                                padding: 1.5rem 1.5rem 6.5rem;
                            }

                                .mdl-sliderTorneos
                                .mdl-container
                                .slider-box
                                .rsSliderBis#sliderTorneosTablet
                                .m-grid
                                .rsSlide
                                .card-item
                                .card-img
                                .content
                                .text {
                                    max-width: 95%;
                                    line-height: 1.29;
                                    margin-top: 1rem;
                                }

                        .mdl-sliderTorneos
                        .mdl-container
                        .slider-box
                        .rsSliderBis#sliderTorneosTablet
                        .m-grid
                        .rsSlide
                        .card-item
                        .card-content {
                            margin: -4rem 1.5rem 0;
                            width: calc(100% - 3rem);
                        }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content > .row
                            .list
                            .card-row {
                                padding: 0.6rem 0;
                            }

                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content > .row
                            .button1,
                            .mdl-sliderTorneos
                            .mdl-container
                            .slider-box
                            .rsSliderBis#sliderTorneosTablet
                            .m-grid
                            .rsSlide
                            .card-item
                            .card-content > .row
                            .button2 {
                                height: 4.3rem;
                            }
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    .mdl-reviewshome {
        position: relative;
        background-color: #fff;
        min-height: 64.9rem;
    }

        .mdl-reviewshome .m-bg {
            position: absolute;
            width: 100%;
            height: 59%;
            bottom: 0;
            left: 0;
            z-index: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

    @media (max-width: 1025px) {
        .mdl-reviewshome .m-bg {
            height: 50%;
        }
    }

    .mdl-reviewshome .main {
        max-width: 110rem;
        margin: auto;
        box-sizing: border-box;
        margin: 0 auto;
        top: 7rem;
        position: relative;
    }

        .mdl-reviewshome .main header {
            font-family: "BigCaslon", serif;
            font-weight: 500;
            letter-spacing: 0.23rem;
            font-size: 4rem;
            letter-spacing: 0.229rem;
            margin-left: 3.8rem;
            width: max-content;
            z-index: 2;
            position: relative;
        }

    @media (max-width: 1025px) {
    }

    @media (max-width: 769px) {
        .mdl-reviewshome .main header {
            font-size: 3rem;
            letter-spacing: 0.17rem;
        }
    }

    .mdl-reviewshome .main .content {
        background-color: white;
        position: relative;
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 5.5rem 2.6rem 2.4rem 4.4rem;
        box-sizing: border-box;
        margin-top: -1.2rem;
        box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
    }

        .mdl-reviewshome .main .content .filtros {
            position: absolute;
            width: 100%;
            top: 0;
            transform: translateY(-100%);
            left: 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

            .mdl-reviewshome .main .content .filtros .filtro {
                background-color: #e8e8e8;
                color: #000;
                padding: 1.4rem 2.3rem;
                cursor: pointer;
                font-family: "BigCaslon", serif;
                font-size: 1.8rem;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1.39;
                letter-spacing: 0.113rem;
            }

                .mdl-reviewshome .main .content .filtros .filtro span {
                    opacity: 0.2;
                }

                    .mdl-reviewshome .main .content .filtros .filtro span > span {
                        opacity: 1;
                    }

                .mdl-reviewshome .main .content .filtros .filtro.active {
                    display: none;
                    background-color: #ffffff;
                }

                    .mdl-reviewshome .main .content .filtros .filtro.active span {
                        opacity: 1;
                    }

                        .mdl-reviewshome .main .content .filtros .filtro.active span > span {
                            opacity: 1;
                        }

                .mdl-reviewshome .main .content .filtros .filtro + .filtro {
                    margin-left: 0.4rem;
                }

        .mdl-reviewshome .main .content .box1 {
            padding-bottom: 2.5rem;
            width: 11.5rem;
            margin-right: 11rem;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 5;
        }

            .mdl-reviewshome .main .content .box1 .big {
                font-size: 6rem;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 0.57;
                letter-spacing: 0.343rem;
                text-align: center;
                color: #f58024;
                font-family: "BigCaslon", serif;
                margin-bottom: 3.3rem;
            }

            .mdl-reviewshome .main .content .box1 .small {
                font-family: "FiraSans", sans-serif;
                font-weight: 300;
                font-size: 1.4rem;
                letter-spacing: 0.09rem;
                letter-spacing: normal;
            }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-reviewshome .main .content .box1 .btn-link {
        margin-top: 3rem;
        text-transform: uppercase;
    }

    .mdl-reviewshome .main .content .box1 .arrowsTablet {
        display: flex;
        width: 100%;
        position: relative;
        margin: 3rem auto 0;
    }

        .mdl-reviewshome .main .content .box1 .arrowsTablet .rsArrow {
            position: relative;
            transform: unset;
            top: unset;
            right: unset;
            bottom: unset;
            left: unset;
        }

    .mdl-reviewshome .main .content .box2 {
        width: 70%;
        overflow: hidden;
    }

        .mdl-reviewshome .main .content .box2 .rsSliderBis {
            max-width: 100%;
            display: none;
        }

            .mdl-reviewshome .main .content .box2 .rsSliderBis.active {
                display: block;
            }

            .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid {
                max-width: 48.5%;
                display: flex;
            }

                .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .rsOverflow {
                    position: inherit !important;
                    overflow: visible;
                }

                .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .rsArrow,
                .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .rsBullets {
                    display: none !important;
                }

                .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    position: relative;
                    max-width: 36.2rem;
                    min-height: 18.8rem;
                    height: 100%;
                    width: 100%;
                    padding-bottom: 3rem;
                    margin: 0;
                    overflow: hidden;
                    z-index: 5;
                }

                    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item .opinion .title {
                        display: flex;
                        min-height: 5rem;
                        font-family: "BigCaslon", serif;
                        font-weight: 500;
                        font-size: 2rem;
                        letter-spacing: 0.125rem;
                        line-height: 1.25;
                        margin-bottom: 1.5rem;
                    }

    @media (max-width: 1025px) {
    }

    @media (max-width: 551px) {
    }

    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item .opinion .title .puntuacion {
        color: #f58024;
    }

        .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item .opinion .title .puntuacion > span {
            color: #1b1c21;
        }

    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item .opinion .desc {
        min-height: 6.6rem;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1.57;
        letter-spacing: normal;
        font-style: italic;
    }

    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item footer .separador {
        width: 6.7rem;
        border-bottom: 0.1rem solid #f58024;
        margin-top: 2rem;
        margin-bottom: 0.9rem;
    }

    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item footer .info {
        font-size: 1.2rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.08;
        letter-spacing: 0.075rem;
    }

    @media (max-width: 1025px) {
        .mdl-reviewshome .main .content .filtros {
            margin-left: -10%;
            justify-content: flex-end;
        }

        .mdl-reviewshome .main .content .box1 {
            width: calc(30% - 3.5rem);
            padding-right: 3.5rem;
        }

            .mdl-reviewshome .main .content .box1 .btn-link {
                display: none;
            }

            .mdl-reviewshome .main .content .box1 .arrowsTablet {
                display: flex;
                justify-content: center;
                margin-top: 3rem;
            }

        .mdl-reviewshome .main .content .box2 {
            width: 75%;
        }

            .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item {
                padding-bottom: 5rem;
            }

            .mdl-reviewshome .main .content .box2 .rsSliderBis .rsOverflow .rsArrow {
                visibility: hidden;
            }
    }

    @media (max-width: 769px) {
        .mdl-reviewshome .main {
            padding: 7.3rem 2.1rem 17.2rem 2rem;
        }

            .mdl-reviewshome .main .content {
                padding: 5.5rem 4rem 5.4rem 4rem;
                flex-direction: column;
            }

                .mdl-reviewshome .main .content .filtros {
                    margin-left: -4%;
                }

                    .mdl-reviewshome .main .content .filtros .filtro {
                        font-size: 1.4rem;
                        font-weight: 500;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 0.5;
                        letter-spacing: 0.088rem;
                    }

                        .mdl-reviewshome .main .content .filtros .filtro span > span {
                            display: none;
                        }

                .mdl-reviewshome .main .content .box1 {
                    width: 100%;
                    padding-right: 0;
                    padding-bottom: 3.2rem;
                }

                    .mdl-reviewshome .main .content .box1 .arrowsTablet {
                        display: none;
                    }

                .mdl-reviewshome .main .content .box2 {
                    width: 100%;
                    padding-bottom: 0;
                }

                    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item {
                        padding-bottom: 5rem;
                    }

                    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .rsOverflow .rsArrow {
                        display: none !important;
                    }

                    .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .rsBullets {
                        display: flex !important;
                        position: absolute;
                        bottom: 5rem;
                        left: 50%;
                        transform: translateX(-50%);
                    }

                        .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .rsBullets .rsBullet {
                            width: 3.4rem;
                            background-color: #f58024;
                        }
    }

    @media (max-width: 551px) {
        .mdl-reviewshome .m-bg {
            bottom: -5rem;
            height: 35.1rem;
        }

        .mdl-reviewshome .main {
            top: 0;
            padding: 5.3rem 2.1rem 20.2rem 2rem;
            overflow: visible;
        }

            .mdl-reviewshome .main header {
                text-align: center;
                margin: 0;
                width: 100%;
                font-size: 4rem;
                line-height: 0.85;
                letter-spacing: 0.229rem;
            }

            .mdl-reviewshome .main .content {
                padding: 4rem 3rem 5.4rem 3rem;
            }

                .mdl-reviewshome .main .content .filtros {
                    top: unset;
                    bottom: 0;
                    transform: translateY(98%);
                    width: 100%;
                    margin: 0;
                }

                    .mdl-reviewshome .main .content .filtros .filtro {
                        width: 33.333%;
                        padding: 2.1rem 0.5rem;
                        line-height: 1;
                        text-align: center;
                    }

                        .mdl-reviewshome .main .content .filtros .filtro.active {
                            box-shadow: 0 1.7rem 4rem 0 rgba(0, 0, 0, 0.1);
                        }

                .mdl-reviewshome .main .content .box1 {
                    width: 100%;
                    padding-right: 0;
                    padding-bottom: 3.2rem;
                }

                    .mdl-reviewshome .main .content .box1 .btn-link {
                        display: none;
                    }

                .mdl-reviewshome .main .content .box2 {
                    width: 100%;
                    padding-bottom: 0;
                }

                    .mdl-reviewshome .main .content .box2 .rsSliderBis {
                        max-width: 100%;
                    }

                        .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid {
                            max-width: 100%;
                        }

                            .mdl-reviewshome .main .content .box2 .rsSliderBis .m-grid .item {
                                max-width: 100%;
                                padding-bottom: 3rem;
                            }
    }

    .mdl-reviewshome .rsArrow {
        position: absolute;
        right: 0;
        bottom: 0;
        transform: translate(-50%, 50%);
        width: 5.8rem;
        height: 5.8rem;
        background-color: black;
        border-radius: unset;
    }

        .mdl-reviewshome .rsArrow::after {
            background-image: url("../images/icons/icon-arrowR-w.svg");
            content: "";
            position: absolute;
            height: 1.8rem;
            width: 2rem;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .mdl-reviewshome .rsArrow.rsArrowLeft {
            right: 5.8rem;
        }

            .mdl-reviewshome .rsArrow.rsArrowLeft::after {
                transform: translate(-50%, -50%) rotate(180deg);
            }

        .mdl-reviewshome .rsArrow.rsArrowDisabled::after {
            opacity: 0.59;
        }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    @media (min-width: 1200px) {
        #panels {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            justify-content: space-between;
        }
    }

    .mdl-footer {
        padding: 0;
        background-color: #1b1c21;
        color: white;
        z-index: 3;
    }

        .mdl-footer.extra-margin {
            margin-top: 5rem;
        }

        .mdl-footer .mdl-container {
            width: calc(100% - 8rem);
        }

            .mdl-footer .mdl-container .main {
                display: flex;
                justify-content: space-between;
                padding: 3.5rem 0 2.5rem;
                width: 100%;
            }

                .mdl-footer .mdl-container .main .main-logos-mbl {
                    display: none;
                }

                .mdl-footer .mdl-container .main .info-mail {
                    font-weight: 500;
                }

                .mdl-footer .mdl-container .main .main-info {
                    justify-content: space-between;
                    width: 65.5%;
                }

                    .mdl-footer .mdl-container .main .main-info .info-bloc {
                        padding-bottom: 1.1rem;
                        justify-content: space-between;
                        width: calc(50% - 1.5rem);
                        font-family: "FiraSans", sans-serif;
                        font-size: 1.5rem;
                        font-weight: 300;
                        font-stretch: normal;
                        font-style: normal;
                        line-height: 1.4;
                    }

                        .mdl-footer .mdl-container .main .main-info .info-bloc > div > a {
                            line-height: 2;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-title {
                            font-family: "BigCaslon", serif;
                            font-size: 2.5rem;
                            font-weight: 500;
                            font-stretch: normal;
                            font-style: normal;
                            line-height: 1;
                            letter-spacing: 0.156rem;
                            margin-bottom: 1.2rem;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-address {
                            margin-bottom: 2.2rem;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-tel,
                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-mail {
                            font-weight: 500;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-telefonos {
                            margin-bottom: 2rem;
                        }

                            .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-telefonos.racquet {
                                margin-bottom: 0;
                                text-align: left;
                            }

    @media (max-width: 551px) {
        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-telefonos.racquet {
            text-align: center;
            display: flex;
            flex-direction: column;
        }

            .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-telefonos.racquet .row {
                text-align: center;
                margin: 0 auto;
            }
    }

    .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-telefonos .row strong {
        margin-left: 0.5rem;
    }

    .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-telefonos > .info-mail:not(:last-child) {
        margin-bottom: 1.2rem;
    }

    .mdl-footer .mdl-container .main .main-info .info-bloc .buttons {
        margin-top: 3rem;
        align-items: center;
    }

        .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .button1 {
            margin-right: 2.3rem;
            min-width: 14.4rem;
        }

        .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss {
            align-items: center;
            display: flex;
        }

            .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss .rrss-item {
                margin-right: 1.1rem;
            }

                .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss .rrss-item > img {
                    max-height: 2.5rem;
                    max-width: 2.5rem;
                }

                .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss .rrss-item:last-child {
                    margin: 0;
                }

    .mdl-footer .mdl-container .main .main-news {
        width: 33.8%;
        justify-content: space-between;
    }

        .mdl-footer .mdl-container .main .main-news .news {
            margin-top: -6.8rem;
            margin-bottom: 4.6rem;
            background-color: #fff;
            color: #1b1c21;
            border-radius: 0.3rem;
            box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
            padding: 3.3rem 2.6rem 3rem;
            position: relative;
        }

            .mdl-footer .mdl-container .main .main-news .news .backTop {
                font-family: "FiraSans", sans-serif;
                font-weight: 500;
                font-size: 1.2rem;
                line-height: 1.17rem;
                cursor: pointer;
                position: absolute;
                top: 0;
                right: 0;
                transform: translate(50%, -25%);
                width: 8rem;
                height: 8rem;
                border-radius: 50%;
                justify-content: center;
                align-items: center;
                background-color: #000;
                color: white;
                text-align: center;
                text-transform: uppercase;
                z-index: 10;
            }

                .mdl-footer .mdl-container .main .main-news .news .backTop > img {
                    width: 1.4rem;
                    margin-bottom: 0.6rem;
                }

                .mdl-footer .mdl-container .main .main-news .news .backTop div {
                    max-width: 60%;
                    line-height: 1.17;
                }

            .mdl-footer .mdl-container .main .main-news .news .news-title {
                font-family: "BigCaslon", serif;
                font-size: 2.5rem;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: 1;
                letter-spacing: 0.156rem;
                margin-bottom: 1.2rem;
            }

            .mdl-footer .mdl-container .main .main-news .news .news-text {
                max-width: 90%;
                line-height: 1.63;
            }

            .mdl-footer .mdl-container .main .main-news .news .news-form {
                position: relative;
                margin-top: 1.6rem;
                display: flex;
                flex-direction: column;
            }

                .mdl-footer .mdl-container .main .main-news .news .news-form input {
                    width: 100%;
                }

                .mdl-footer .mdl-container .main .main-news .news .news-form .news-submit {
                    cursor: pointer;
                    position: absolute;
                    top: 2.8rem;
                    right: 1.5rem;
                    transform: translateY(-50%);
                    z-index: 3;
                }

                    .mdl-footer .mdl-container .main .main-news .news .news-form .news-submit > img {
                        width: 2.7rem;
                        filter: invert(1);
                    }

                    .mdl-footer .mdl-container .main .main-news .news .news-form .news-submit:hover img {
                        -webkit-animation: swingH 1s ease;
                        animation: swingH 1s ease;
                        -webkit-animation-iteration-count: 1;
                        animation-iteration-count: 1;
                    }

                .mdl-footer .mdl-container .main .main-news .news .news-form .m-input1 {
                    position: relative;
                }

        .mdl-footer .mdl-container .main .main-news .logos {
            justify-content: center;
            align-items: center;
            width: 100%;
        }

            .mdl-footer .mdl-container .main .main-news .logos > a {
                min-width: 8rem;
            }

                .mdl-footer .mdl-container .main .main-news .logos > a:not(:first-child) {
                    margin-left: 3rem;
                }

                .mdl-footer .mdl-container .main .main-news .logos > a > img {
                    max-height: 8rem;
                    max-width: 100%;
                }

    .mdl-footer .mdl-container .final {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 3.6rem 0 4.2rem;
        border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
    }

        .mdl-footer .mdl-container .final .links {
            align-items: center;
        }

            .mdl-footer .mdl-container .final .links .logo-footer {
                margin-right: 2.5rem;
                height: 5rem;
            }

                .mdl-footer .mdl-container .final .links .logo-footer > img {
                    max-height: 100%;
                }

            .mdl-footer .mdl-container .final .links .links-container .links-sup {
                font-family: "FiraSans", sans-serif;
                font-size: 1.4rem;
                font-weight: 500;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.093rem;
                margin-bottom: 0.8rem;
            }

                .mdl-footer .mdl-container .final .links .links-container .links-sup > a:not(:last-child) {
                    margin-right: 2.5rem;
                }

            .mdl-footer .mdl-container .final .links .links-container .links-inf {
                font-family: "FiraSans", sans-serif;
                font-size: 1.2rem;
                font-weight: 300;
                font-stretch: normal;
                font-style: normal;
                line-height: normal;
                letter-spacing: 0.04rem;
            }

                .mdl-footer .mdl-container .final .links .links-container .links-inf a:not(:last-child) {
                    position: relative;
                }

                    .mdl-footer .mdl-container .final .links .links-container .links-inf a:not(:last-child):after {
                        content: "·";
                        margin: 0 0.75rem;
                    }

        .mdl-footer .mdl-container .final .byemascaro {
            display: flex;
            font-size: 1.4rem;
        }

    @media (max-width: 1025px) {
        .mdl-footer .mdl-container {
            width: calc(100% - 4rem);
            max-width: calc(100% - 4rem);
        }

            .mdl-footer .mdl-container .main {
                padding: 3.5rem 0 3.5rem;
            }

                .mdl-footer .mdl-container .main .main-info {
                    width: 61.5%;
                }

                    .mdl-footer .mdl-container .main .main-info .info-bloc {
                        padding-bottom: 0.5rem;
                    }

                        .mdl-footer .mdl-container .main .main-info .info-bloc:nth-child(1) {
                            width: 60%;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc:nth-child(2) {
                            width: 41.5%;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-tel,
                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-mail {
                            line-height: 1.6;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .buttons {
                            margin-top: 3.3rem;
                        }

                            .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss .rrss-item > img {
                                max-height: 2rem;
                                max-width: 2rem;
                            }

                .mdl-footer .mdl-container .main .main-news {
                    width: 35.8%;
                }

                    .mdl-footer .mdl-container .main .main-news .news {
                        margin-top: -6.8rem;
                        margin-bottom: 4.6rem;
                        padding: 3.3rem 2.3rem 3rem 2.8rem;
                    }

                        .mdl-footer .mdl-container .main .main-news .news .backTop {
                            transform: translate(15%, -45%);
                        }

                        .mdl-footer .mdl-container .main .main-news .news .news-form {
                            margin-top: 1.9rem;
                        }

                            .mdl-footer .mdl-container .main .main-news .news .news-form .news-submit {
                                right: 2.3rem;
                            }

                    .mdl-footer .mdl-container .main .main-news .logos > a {
                        max-width: 35%;
                    }

                        .mdl-footer .mdl-container .main .main-news .logos > a > img {
                            max-height: 5rem;
                            max-width: 100%;
                        }

            .mdl-footer .mdl-container .final .links .logo-footer {
                margin-right: 2.7rem;
            }
    }

    @media (max-width: 850px) {
        .mdl-footer .mdl-container {
            width: calc(100% - 7.4rem);
            max-width: calc(100% - 7.4rem);
        }

            .mdl-footer .mdl-container .main {
                padding: 0 0 3.8rem;
                flex-direction: column-reverse;
            }

                .mdl-footer .mdl-container .main .main-news {
                    width: calc(100% - 1.6rem);
                    margin-right: 1.6rem;
                }

                    .mdl-footer .mdl-container .main .main-news .news {
                        margin-top: -2.3rem;
                        margin-bottom: 4rem;
                        padding: 2.3rem 2.8rem 2.4rem 2.6rem;
                        display: flex;
                        flex-wrap: wrap;
                        align-items: flex-end;
                        justify-content: space-between;
                    }

                        .mdl-footer .mdl-container .main .main-news .news .backTop {
                            transform: translate(35%, -45%);
                        }

                        .mdl-footer .mdl-container .main .main-news .news .news-title {
                            width: 100%;
                        }

                        .mdl-footer .mdl-container .main .main-news .news .news-text {
                            width: 47%;
                            font-size: 1.6rem;
                            letter-spacing: normal;
                        }

                        .mdl-footer .mdl-container .main .main-news .news .news-form {
                            margin-top: 0rem;
                            width: 49%;
                        }

                            .mdl-footer .mdl-container .main .main-news .news .news-form input {
                                padding: 1.15rem 1.5rem;
                            }

                            .mdl-footer .mdl-container .main .main-news .news .news-form .news-submit {
                                right: 1.4rem;
                                height: 2.1rem;
                                top: 2.4rem;
                            }

                    .mdl-footer .mdl-container .main .main-news .logos {
                        display: none;
                    }

                .mdl-footer .mdl-container .main .main-info {
                    width: 100%;
                }

                    .mdl-footer .mdl-container .main .main-info .info-bloc {
                        width: 46.5% !important;
                        padding-bottom: 0;
                        align-items: center;
                    }

                        .mdl-footer .mdl-container .main .main-info .info-bloc > * {
                            text-align: center;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-title {
                            font-size: 2.2rem;
                            line-height: 1.14;
                            letter-spacing: 0.138rem;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-address {
                            margin-bottom: 2.5rem;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-tel,
                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-mail {
                            line-height: 2;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .buttons {
                            flex-direction: column-reverse;
                            margin-top: 3.8rem;
                            width: 100%;
                        }

                            .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .button1 {
                                margin-top: 2rem;
                                width: 100%;
                                margin-right: 0;
                            }

                            .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss .rrss-item > img {
                                max-height: 2.5rem;
                                max-width: 2.5rem;
                            }

                .mdl-footer .mdl-container .main .main-logos-mbl {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    width: 49rem;
                    max-width: 100%;
                    margin: 4rem auto 0;
                }

                    .mdl-footer .mdl-container .main .main-logos-mbl > a {
                        max-width: 33%;
                    }

                        .mdl-footer .mdl-container .main .main-logos-mbl > a > img {
                            max-height: 7.1rem;
                            max-width: 100%;
                        }

            .mdl-footer .mdl-container .final {
                padding: 3.5rem 0 3.5rem;
                align-items: flex-end;
                flex-wrap: wrap;
            }

                .mdl-footer .mdl-container .final .links {
                    align-items: flex-end;
                }

                    .mdl-footer .mdl-container .final .links .links-container .links-sup {
                        margin-bottom: 1.2rem;
                    }

                .mdl-footer .mdl-container .final .byemascaro {
                    margin-right: 0.5rem;
                }
    }

    @media (max-width: 600px) {
        .mdl-footer .mdl-container {
            width: 100%;
            max-width: 100%;
        }

            .mdl-footer .mdl-container .main {
                padding: 0 0 2.5rem;
                max-width: calc(100% - 5rem);
                margin: 0 auto;
            }

                .mdl-footer .mdl-container .main .main-news {
                    width: 100%;
                    margin-right: 0;
                }

                    .mdl-footer .mdl-container .main .main-news .news {
                        width: calc(100% + 2rem);
                        box-sizing: border-box;
                        margin: 0 -1rem;
                        margin-top: -2.3rem;
                        padding: 2.3rem 1.8rem;
                    }

                        .mdl-footer .mdl-container .main .main-news .news .backTop {
                            transform: translate(10%, -45%);
                        }

                        .mdl-footer .mdl-container .main .main-news .news .news-text {
                            max-width: unset;
                            width: 100%;
                        }

                        .mdl-footer .mdl-container .main .main-news .news .news-form {
                            margin-top: 1.1rem;
                            width: 100%;
                        }

                .mdl-footer .mdl-container .main .main-info {
                    flex-direction: column;
                }

                    .mdl-footer .mdl-container .main .main-info .info-bloc {
                        margin-top: 3.5rem;
                        margin-bottom: 0.2rem;
                        width: 100% !important;
                    }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .info .info-address {
                            margin-bottom: 2rem;
                        }

                        .mdl-footer .mdl-container .main .main-info .info-bloc .buttons {
                            margin-top: 3rem;
                            width: 100%;
                        }

                            .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .button1 {
                                width: 100%;
                                margin: 2rem auto 0;
                            }

                            .mdl-footer .mdl-container .main .main-info .info-bloc .buttons .info-rrss {
                                padding-left: 1.5rem;
                            }

                .mdl-footer .mdl-container .main .main-logos-mbl {
                    width: 100%;
                    margin: 3rem auto 0;
                }

                    .mdl-footer .mdl-container .main .main-logos-mbl > a {
                        max-width: 31%;
                    }

                        .mdl-footer .mdl-container .main .main-logos-mbl > a > img {
                            max-height: 4.6rem;
                        }

            .mdl-footer .mdl-container .final {
                max-width: calc(100% - 5rem);
                margin: 0 auto;
                padding: 3.5rem 0 3.5rem;
            }

                .mdl-footer .mdl-container .final .links {
                    align-items: flex-start;
                }

                    .mdl-footer .mdl-container .final .links .links-container {
                        padding-top: 1rem;
                        max-width: calc(100% - 7.6rem);
                    }

                        .mdl-footer .mdl-container .final .links .links-container .links-inf {
                            flex-wrap: wrap;
                        }

                            .mdl-footer .mdl-container .final .links .links-container .links-inf a {
                                margin: 0.5rem 0;
                            }

                .mdl-footer .mdl-container .final .byemascaro {
                    padding-left: 6.4rem;
                    margin-top: 2.1rem;
                    margin-right: 0;
                }
    }

    .mdl-footer .mdl-container .main .main-news .news .news-form .m-checkbox-group {
        margin-top: 1.2rem;
        font-size: 1rem !important;
        align-items: center !important;
    }

        .mdl-footer .mdl-container .main .main-news .news .news-form .m-checkbox-group a {
            margin: 0 !important;
        }

    .mdl-footer .mdl-container .main .main-news .news .news-form label,
    .mdl-footer .mdl-container .main .main-news .news .news-form label * {
        font-size: 1rem !important;
    }

    .mdl-footer .mdl-container .main .main-news .news .news-form .checker-news {
        min-width: 1.5rem;
        width: 1.5rem;
        min-height: 1.5rem;
        height: 1.5rem;
        border: 0.1rem solid #000000 !important;
        padding: 0 !important;
        margin-right: 1rem;
    }

    .success-container {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

        .success-container .titlesuccess {
            font-size: 2.7rem;
            /* font-weight: bold; */
            line-height: 1.59;
            margin-bottom: 0.9rem;
            color: black;
            position: relative;
            width: 100%;
        }

        .success-container .text {
            line-height: 1.53;
        }

    .input-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .input-container input {
            margin-top: 2%;
            width: 48% !important;
            float: left;
        }

        .input-container textarea {
            margin-top: 2%;
            width: 100% !important;
        }

    .news-submit {
        bottom: 4.8rem;
        top: unset;
    }

    .mdl-footer .mdl-container .main .main-news .news {
        margin-bottom: unset !important
    }

    #testimonial {
        margin-bottom: 1.8rem;
    }

    .logoKen {
        margin-left: 10px
    }

    .w-60 {
        width: 270px !important
    }



.w-100 {
    width: 100%;
}

.w-50 {
    width: 50%
}
#pot {
    bottom: 15%;
    position: absolute;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 5s;
}

@-webkit-keyframes run {
    0% {
        left: 0;
    }

    50% {
        left: 100%;
    }

    100% {
        left: 0;
    }
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

    .overlay .closebtn:hover {
        color: #ccc;
    }

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: white;
}

    .overlay input[type=text]:hover {
        background: #f1f1f1;
    }

.overlay button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

    .overlay button:hover {
        background: #bbb;
    }
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-search:before {
    content: "\f002";
}


section .mdl-container {
    width: 100%;
    max-width: calc(100% - 21.4rem);
    margin: 0 auto;
}

@media (max-width: 1025px) {
    section .mdl-container {
        max-width: calc(100% - 8rem);
    }
}

@media (max-width: 769px) {
    section .mdl-container {
        max-width: calc(100% - 7.2rem);
    }
}

@media (max-width: 551px) {
    section .mdl-container {
        max-width: calc(100% - 4rem);
    }
}

@media (min-width: 1441px) {
    section .mdl-container {
        max-width: 144rem;
    }
}
.mdl-cardDestacadov2 .mdl-container {
    padding: 4.5rem 0 6.8rem;
}

    .mdl-cardDestacadov2 .mdl-container .card-item {
        position: relative;
        display: flex;
        width: 100%;
        margin: 7rem 0;
    }

        .mdl-cardDestacadov2 .mdl-container .card-item.reverse {
            justify-content: flex-end;
        }

            .mdl-cardDestacadov2 .mdl-container .card-item.reverse .card-img {
                margin-right: 0;
                margin-left: 37rem;
            }

@media (max-width: 769px) {
    .mdl-cardDestacadov2 .mdl-container .card-item.reverse .card-img {
        margin-left: unset;
    }
}

.mdl-cardDestacadov2 .mdl-container .card-item.reverse .card-content {
    right: 0;
    left: -43rem;
}

.mdl-cardDestacadov2 .mdl-container .card-item .card-img {
    position: relative;
    z-index: 1;
    height: 50rem;
    width: 100%;
    max-width: 83rem;
    margin-right: 37rem;
}

    .mdl-cardDestacadov2 .mdl-container .card-item .card-img .img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 1;
    }

    .mdl-cardDestacadov2 .mdl-container .card-item .card-img .gradient {
        width: calc(100% + 2rem);
        height: calc(100%);
        position: absolute;
        bottom: -2rem;
        left: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
    }

        .mdl-cardDestacadov2 .mdl-container .card-item .card-img .gradient:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            backdrop-filter: blur(5rem);
            filter: blur(0.4rem);
            background-image: unset;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            z-index: -1;
        }

    .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content {
        max-width: 56.4rem;
        width: 100%;
        background-color: white;
        padding: 5.2rem 6rem 5.6rem;
        box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
        position: absolute;
        right: -43rem;
        z-index: 1;
        top: 50%;
        transform: translateY(-50%);
    }

        .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title {
            : "BigCaslon", serif;
            font-size: 4rem;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: 0.25rem;
            color: #000;
            position: relative;
            width: -moz-fit-content;
            width: fit-content;
            line-height: 1;
            margin-bottom: 2rem;
        }

            .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title > div,
            .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title span {
                position: relative;
                z-index: 9;
                color: #000;
                overflow: hidden;
                background: linear-gradient(to right,, 50%, black 50%);
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-size: 200% 100%;
                background-position: 100%;
                transition: background-position 0.4s ease;
                text-decoration: none;
            }

                .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title > div:hover,
                .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title span:hover {
                    background-position: 0 100%;
                }

            .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title::before {
                content: " ";
                bottom: 0;
                right: 0;
                height: 0.6rem;
                width: 0%;
                position: absolute;
                background-color: #f58024;
                transition: all ease-in 0.34s;
                z-index: 0;
            }

            .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .title:hover::before {
                width: 85%;
            }

        .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content .text {
            : "FiraSans", sans-serif;
            font-weight: 300;
            font-size: 1.6rem;
            line-height: 1.86;
            letter-spacing: 0.1rem;
        }

@media (max-width: 1025px) {
}

@media (max-width: 551px) {
}

.mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content > .row {
    margin-top: 2.5rem;
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content > .row .button1,
    .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content > .row .button2 {
        width: 14.1rem;
        border: unset;
        margin-bottom: 0.5rem;
    }

.mdl-cardDestacadov2 .mdl-container .card-item .card-content2 {
    display: none;
}

@media (max-width: 1025px) {
    .mdl-cardDestacadov2 .mdl-container .card-item .card-img {
        height: 45rem;
        margin-right: 20rem;
    }

        .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content {
            right: -23rem;
            z-index: 3;
        }
}

@media (max-width: 769px) {
    .mdl-cardDestacadov2 .mdl-container {
        margin: 0 auto;
    }

        .mdl-cardDestacadov2 .mdl-container .card-item {
            flex-direction: column;
        }

            .mdl-cardDestacadov2 .mdl-container .card-item .card-img {
                height: 36.8rem;
            }

                .mdl-cardDestacadov2 .mdl-container .card-item .card-img .gradient {
                    display: none;
                }

                .mdl-cardDestacadov2 .mdl-container .card-item .card-img .card-content {
                    display: none;
                }

            .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 {
                display: block;
                margin: -4rem 1.5rem 0;
                padding: 2.4rem 1.5rem;
                width: calc(100% - 3rem);
                background-color: white;
                box-shadow: 0 3rem 4rem 0 rgba(0, 0, 0, 0.1);
                box-sizing: border-box;
                height: fit-content;
                position: relative;
                z-index: 1;
            }

                .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title {
                    font-family: "BigCaslon", serif;
                    font-size: 4rem;
                    font-weight: 500;
                    font-stretch: normal;
                    font-style: normal;
                    letter-spacing: 0.25rem;
                    color: #000;
                    position: relative;
                    width: -moz-fit-content;
                    width: fit-content;
                    line-height: 1;
                    margin-bottom: 2rem;
                }

                    .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title > div,
                    .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title span {
                        position: relative;
                        z-index: 9;
                        color: #000;
                        overflow: hidden;
                        background: linear-gradient(to right,, 50%, black 50%);
                        background-clip: text;
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-size: 200% 100%;
                        background-position: 100%;
                        transition: background-position 0.4s ease;
                        text-decoration: none;
                    }

                        .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title > div:hover,
                        .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title span:hover {
                            background-position: 0 100%;
                        }

                    .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title::before {
                        content: " ";
                        bottom: 0;
                        right: 0;
                        height: 1.6rem;
                        width: 0%;
                        position: absolute;
                        background-color: #ebe1be;
                        transition: all ease-in 0.34s;
                        z-index: 0;
                    }

                    .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .title:hover::before {
                        width: 85%;
                    }

                .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 .text {
                    : "FiraSans", sans-serif;
                    font-weight: 300;
                    font-size: 1.6rem;
                    line-height: 1.86;
                    letter-spacing: 0.1rem;
                }

                .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 > .row {
                    margin-top: 2.5rem;
                    width: 100%;
                    align-items: flex-end;
                    justify-content: space-between;
                    flex-wrap: wrap;
                }

                    .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 > .row .button1,
                    .mdl-cardDestacadov2 .mdl-container .card-item .card-content2 > .row .button2 {
                        width: 14.1rem;
                        border: unset;
                        margin-bottom: 0.5rem;
                    }
}

@media (max-width: 551px) {
    .mdl-cardDestacadov2 .mdl-container .card-item .card-img {
        height: 31.5rem;
    }

    .mdl-cardDestacadov2 .mdl-container .card-item .card-content {
        margin: -4rem 1.5rem 0;
        padding: 2.4rem 1.5rem;
        width: calc(100% - 3rem);
    }

        .mdl-cardDestacadov2 .mdl-container .card-item .card-content > .row .button1,
        .mdl-cardDestacadov2 .mdl-container .card-item .card-content > .row .button2 {
            width: 100%;
            margin-top: 1rem;
            margin-bottom: 0;
        }
}
.card {
    display: inline-block;
    width: 100%;
    /*    margin: 8px 8px 50px 8px;
    min-height: 300px;*/
    /*    text-align: center;*/
    /*    background-color: #FFFFFF;*/
    /*    padding: 30px 20px 40px;*/
    padding: 0px 0px 0px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(45, 62, 80, 0.3);
    color: #1b1c21;
}
@media screen and (max-width: 412px) {
    .card {
        width: 100%;
    }
}

    .card .fa-solid {
        width: 100px;
        height: 50px;
        background-color: #E2E2E2;
        padding: 22px 0;
        border-radius: 50%;
        box-shadow: inset 0 1px 3px rgba(45, 62, 80, 0.3);
        text-shadow: 0 1px 3px rgba(45, 62, 80, 0.3);
        margin-bottom: 20px;
        font-size: 50px;
    }

    .card .title {
        margin: 10px 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    .card p {
        font-weight: 300;
    }

    .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 3px 10px rgba(45, 62, 80, 0.3);
    }

        .card:hover .fa-solid {
            box-shadow: inset 0 3px 10px rgba(45, 62, 80, 0.3);
            text-shadow: 0 3px 2px rgba(45, 62, 80, 0.3);
        }