/*
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/herointerior/style.css
negocio/plantillas/panels/breadcrumb/style.css
negocio/plantillas/panels/destacadotextodoble/style.css
negocio/plantillas/panels/destacadogeneralsimple/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-size: 1em
}

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

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
         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 */

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

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

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
         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
}

.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid ;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem ;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: ;
        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 ;
    color: ;
}

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

@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-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: ;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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-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-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-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-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-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-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-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("/content//img/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-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-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%;
    margin: 0 auto;
}

body,
section {
    color: #000;
    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(219, 221, 222, 0.72) !important;
}

.read-more,
.filtro-destacado {
    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(219, 221, 222, 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: 3rem;
    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-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-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-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-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-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: ;
                    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-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-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-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"] {
      
            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-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-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;
 

}

    .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%;
    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%;
}

.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(/content/js/royalslider/assets/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/content/js/royalslider/assets/royalslider/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%;
}

.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(/content/js/royalslider/assets/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/content/js/royalslider/assets/royalslider/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: 3.4rem;
    height: 0.2rem;
    margin: 0.4rem;
    background-color: #000;
    transition: all 0.2s ease;
    opacity: 0.1;
}

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



.m-input-group {
    display: flex;
    flex-direction: column;
  
    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-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-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-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-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-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-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("/content//img/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-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-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: ;
    }



.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid ;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
 
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem ;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: ;
        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 ;
    color: ;
}

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

@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-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: ;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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: calc(100% - 11.2rem);
        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: ;
                        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: ;
                            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: ;
                        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(219, 221, 222, 0.2);
          
            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: ;
    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 {
        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%;
            }

        .mdl-header .main .inferior {
            display: none;
        }
}

@media (max-width: 915px) {
    .mdl-header .logo-container {
        width: 6.5rem;
        height: 6.5rem;
    }

        .mdl-header .logo-container .logo-header img {
            height: 3.7rem;
        }

        .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 {
        margin-left: 1rem;
    }

    .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: 0;
    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: ;
                        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: ;
                            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: ;
                        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;
          
            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(219, 221, 222, 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: ;
                        }

                            .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 ;
                    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: ;
                                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: 1rem;
                                    font-size: 1.9rem;
                                    font-weight: 100;
                                }

                                    .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-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-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: 551px) {
    .menu .modal .icon-close {
        top: 13rem;
        right: 1.4rem;
    }

    .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: -4.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 ;
                        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: ;
                                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-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

    .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: #d3d3d3;
    }

        .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(219, 221, 222, 0.2);
    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: #d3d3d3;
        }

            .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%;
                      
                        text-align: center;
                        text-transform: initial;
                        padding: 0.8rem 0;
                        border-top: 0.1rem solid ;
                        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;
    }
}

.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: ;
        }

    .mdl-search .m-search + * {
        margin-top: 8rem;
    }

.mdl-search .m-resume {
    color: ;
 
    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-size: 1.7rem;
    color: ;
    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-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-heroInt.interiorhome,
.mdl-heroInt.interiorSticky {
    height: 48rem;
 /*   margin-top: 11.3rem;*/
}

@media (max-width: 1024px) {
    .mdl-heroInt.interiorhome,
    .mdl-heroInt.interiorSticky {
/*        margin-top: 8rem;*/
        height: 30rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorhome,
    .mdl-heroInt.interiorSticky {
       /* margin-top: 6rem;*/
        height: 35rem;
    }
}

.mdl-heroInt.interiorhome .content,
.mdl-heroInt.interiorSticky .content {
    margin: auto;
/*    padding: 0 11.8rem 7.2rem 13.2rem;*/
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

    .mdl-heroInt.interiorhome .content:before,
    .mdl-heroInt.interiorSticky .content:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0.7;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 34%, #000 100%);
    }

    .mdl-heroInt.interiorhome .content .logoCentral,
    .mdl-heroInt.interiorSticky .content .logoCentral {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        max-width: 40.8rem;
        height: 20.6rem;
        width: 90%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-size: contain;
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interiorhome .content,
    .mdl-heroInt.interiorSticky .content {
        padding: 4.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorhome .content,
    .mdl-heroInt.interiorSticky .content {
        padding: 3.3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mdl-heroInt.interiorSticky {
    height: 59rem;
    margin-top: 5.4rem;
}

    .mdl-heroInt.interiorSticky .button2 {
        min-width: 22.8rem;
        margin: 0 auto 3rem;
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interiorSticky {
        height: 40rem;
    }

        .mdl-heroInt.interiorSticky .button2 {
            min-width: 22.8rem;
            margin: 0 auto;
        }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorSticky {
        height: 35rem;
    }
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior {
        height: 30rem;
        margin-top: 6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior {
        height: 35rem;
    }
}

.mdl-heroInt.interior .content {
    margin: auto;
    padding: 0 11.8rem 11.2rem 13.2rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

    .mdl-heroInt.interior .content:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0.7;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 34%, #000 100%);
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content {
        padding: 4.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content {
        padding: 3.3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mdl-heroInt.interior .content .title-block {
    display: flex;
    flex-direction: column;
    z-index: 2;
}

    .mdl-heroInt.interior .content .title-block .pre-title {
        font-size: 1.6rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        color: #fff;
        position: relative;
        margin-bottom: 1rem;
        padding-bottom: 1.1rem;
        text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
    }

@media (max-width: 767px) {
    .mdl-heroInt.interior .content .title-block .pre-title {
        font-size: 1.4rem;
    }
}

.mdl-heroInt.interior .content .title-block .pre-title::after {
    content: " ";
    width: 4rem;
    height: 0.1rem;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mdl-heroInt.interior .content .title-block .title-hero,
.mdl-heroInt.interior .content .title-block .title-hero * {
    font-size: 6rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    color: #fff;
    text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content .title-block .title-hero,
    .mdl-heroInt.interior .content .title-block .title-hero * {
        font-size: 5rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content .title-block .title-hero,
    .mdl-heroInt.interior .content .title-block .title-hero * {
        font-size: 4rem;
    }
}

.mdl-heroInt.interior .content img {
    max-width: 10rem;
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content img {
        max-width: 7.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content img {
        max-width: 6.5rem;
        margin-bottom: 3.6rem;
    }
}

@-webkit-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: 5px;
    }

    100% {
        bottom: 0;
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
.mdl-breadcrumb .m-content {
    width: calc();
    margin: 1.1rem auto;
    padding-left: 3rem;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: 0.38;
    color: #1b1c21;
}

    .mdl-breadcrumb .m-content a {
        transition: 0.3s ease;
    }

        .mdl-breadcrumb .m-content a:hover {
            color: #d3d3d3;
        }

    .mdl-breadcrumb .m-content span > span {
        color: #d3d3d3;
    }

    .mdl-breadcrumb .m-content .itemListElement:last-child {
        font-weight: 600;
    }

@media (max-width: 1025px) {
    .mdl-breadcrumb {
        display: none;
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
.mdl-destacadotextodoble {
    position: relative;
    padding: 4.4rem 3rem 5.3rem;
}

@media (max-width: 551px) {
    .mdl-destacadotextodoble {
        padding: 4.4rem 2rem 6.3rem;
    }
}

.mdl-destacadotextodoble .content {
    max-width: 107.6rem;
    margin: 0 auto;
}

    .mdl-destacadotextodoble .content.center {
        text-align: center;
    }

    .mdl-destacadotextodoble .content .item {
        width: calc((100% - 5rem) / 2);
        height: fit-content;
        min-height: 40.6rem;
        margin-left: 5rem;
        padding: 4.2rem 2.5rem 3.6rem;
        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-destacadotextodoble .content .item:first-child {
            margin-left: 0;
        }

        .mdl-destacadotextodoble .content .item .i-logo {
            height: 8.8rem;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .mdl-destacadotextodoble .content .item .i-title {
            font-weight: 500;
            font-size: 3.5rem;
/*            letter-spacing: 0.2rem;*/
            color: #d3d3d3;
        }

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

@media (max-width: 769px) {
    .mdl-destacadotextodoble .content .item .i-title {
        font-size: 3rem;
        letter-spacing: 0.17rem;
    }
}

.mdl-destacadotextodoble .content .item .i-texto {
    margin-top: 3.7rem;
    font-weight: 300;
    font-size: 1.4rem;
    letter-spacing: 0.09rem;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    color: #1b1c21;
}

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

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

.mdl-destacadotextodoble .content .item .i-btn {
    margin: 3.4rem auto 0;
}

@media (max-width: 769px) {
    .mdl-destacadotextodoble .content .item {
        width: calc((100% - 2rem) / 2);
        margin-left: 2rem;
        padding: 2.2rem 1.5rem 1.8rem;
    }

        .mdl-destacadotextodoble .content .item .i-texto {
            margin-top: 2.5rem;
        }
}

@media (max-width: 551px) {
    .mdl-destacadotextodoble .content {
        flex-direction: column;
    }

        .mdl-destacadotextodoble .content .item {
            width: 100%;
            margin-top: 2.5rem;
            margin-left: 0;
            padding: 2.2rem 1.5rem 2.5rem;
            min-height: fit-content;
        }

            .mdl-destacadotextodoble .content .item:first-child {
                margin-top: 0;
            }

            .mdl-destacadotextodoble .content .item .i-texto {
                margin-top: 2rem;
            }

            .mdl-destacadotextodoble .content .item .i-btn {
                margin-top: 2.5rem;
            }
}

.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid ;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem ;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: ;
        transition: all ease-in 0.23s;
        z-index: 1;
    }

@media (min-width: 769px) {
    .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 (min-width: 769px) {
    .button1.border-white:hover::before {
        height: 100%;
    }

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

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

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

@media (min-width: 769px) {
    .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 (min-width: 769px) {
    .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-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: ;
    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: 769px) {
    .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: 769px) {
    .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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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-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-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-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-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-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-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-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("/content//img/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-size: 1.4rem;
        font-weight: normal;
        max-width: calc(100% - 3rem);
    }

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

    .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-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%;
    margin: 0 auto;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
@-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-size: 2.5rem;
        font-weight: 500;
        line-height: 1.4;
        text-align-last: 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-last: 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-bottom: 2rem;
        }

            .popup.popup-gral .text-content .text-container .pretitulo {
          
             
                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;
            }

            .popup.popup-gral .text-content .text-container .titulo {
             
                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 {
            
                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 {
            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;
        align-items: center;
    }

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

        .popup.popup-gral .text-content .text-container .texto {
            padding: 1.5rem 0;
        }
}

.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-top: 4rem;
}

    .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;
        box-sizing: border-box;
        max-height: 0;
        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;
        }

            .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 {
                    : "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-top: 2rem;
                        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: ;
                                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: 99;
        opacity: 1;
    }

        .popup.registerForm.active .modal,
        .popup.shop.active .modal {
            max-height: 95vh;
            overflow: visible;
        }

@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;
                        : "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 {
        : "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-flex;
    }

    .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: 99;
    opacity: 1;
}

    .popup.ofertaForm1.active .modal {
        max-height: 95vh;
        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 {
        : "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-flex;
    }

    .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: 99;
    opacity: 1;
}

    .popup.ofertaForm2.active .modal {
        max-height: 95vh;
        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-flex;
}

    .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"] {
            : 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 {
            : "BigCaslon", serif;
            font-size: 2.5rem;
            font-weight: 500;
            line-height: 1.4;
            text-align-last: 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-last: 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 {
            : "BigCaslon", serif;
            font-size: 2.5rem;
            font-weight: 500;
            line-height: 1.4;
            text-align-last: 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-last: center;
            padding: 0rem 2rem;
            text-align: -webkit-center;
        }

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

.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);
    }

.mdl-destacadogeneralsimple {
    position: relative;
    padding: 8.2rem 0rem 11.2rem;
}

    .mdl-destacadogeneralsimple .m-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .mdl-destacadogeneralsimple .m-bg:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0.2;
            background-image: linear-gradient(338deg, rgba(255, 255, 255, 0) 49%, #fff 19%), linear-gradient(258deg, rgba(255, 255, 255, 0) 92%, #fff 36%);
        }

    .mdl-destacadogeneralsimple .main {
        display: flex;
        position: relative;
        max-width: 107.6rem;
        width: calc(100% - 6rem);
        margin: 0 auto;
        border-radius: 0.5rem;
        box-shadow: 0 0 4rem 0 rgba(0, 0, 0, 0.1);
        background-color: #fff;
        min-height: 40.6rem;
        box-sizing: border-box;
    }

        .mdl-destacadogeneralsimple .main .img-box {
            width: 49.9%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .mdl-destacadogeneralsimple .main .text-box {
            width: 50%;
            padding: 4.1rem 4.9rem 4.7rem 6rem;
            text-align: center;
        }

            .mdl-destacadogeneralsimple .main .text-box .destacado {
                : "BigCaslon", serif;
                font-weight: 500;
                font-size: 3.5rem;
                max-width: 38.7rem;
                margin: 0 auto;
                line-height: 0.94;
/*                letter-spacing: 0.2rem;*/
                color: #000;
            }

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

@media (max-width: 769px) {
    .mdl-destacadogeneralsimple .main .text-box .destacado {
        font-size: 3rem;
        letter-spacing: 0.17rem;
    }
}

.mdl-destacadogeneralsimple .main .text-box .desc {
    margin: 3.2rem auto 0;
    : "FiraSans", sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    line-height: 1.75;
    letter-spacing: 0.05rem;
    color: #000;
    font-size: 1.4rem !important;
}

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

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

.mdl-destacadogeneralsimple .main .text-box .btn-link {
    margin: 2.4rem auto 0;
}

@media (max-width: 769px) {
    .mdl-destacadogeneralsimple .main {
        flex-direction: column;
    }

        .mdl-destacadogeneralsimple .main .img-box {
            width: 100%;
            height: 30rem;
        }

        .mdl-destacadogeneralsimple .main .text-box {
            width: 100%;
        }

            .mdl-destacadogeneralsimple .main .text-box .destacado {
                max-width: unset;
            }
}

@media (max-width: 551px) {
    .mdl-destacadogeneralsimple .main {
        width: calc(100% - 3rem);
    }

        .mdl-destacadogeneralsimple .main .img-box {
            height: 25rem;
        }

        .mdl-destacadogeneralsimple .main .text-box {
            width: 100%;
            box-sizing: border-box;
            padding: 2rem 2.5rem;
        }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
@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 .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);
                    : "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 {
                        : "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 {
            : "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 {
            : "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;
                }

                .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 {
            : "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 {
            : "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 {
        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;
    }
/*
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/herointerior/style.css
negocio/plantillas/panels/breadcrumb/style.css
negocio/plantillas/panels/textoseo/style.css
negocio/plantillas/panels/galeria/style.css
negocio/plantillas/panels/torneodestacadov2/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 {
    : 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 {
        : 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 */

.ui-widget {
    : 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 {
        : 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
}

.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid ;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
  
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem ;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: ;
        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 ;
    color: ;
}

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

@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;
    : "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: ;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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;
    : "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;
    : "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 {
        : "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 {
        : "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 {
        : "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 {
        : "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;
        : "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("/content//img/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;
        : "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 {
        : "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%;
    margin: 0 auto;
}

body,
section {
    /* : "BigCaslon", serif; */
    color: #000;
    /* : "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(219, 221, 222, 0.72) !important;
}

.read-more,
.filtro-destacado {
    : "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(219, 221, 222, 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: 3rem;
    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 {
        : "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 {
                : 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 {
                : 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;
                : 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 {
        : "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: ;
                    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;
                        : "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 {
        : "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 {
        : "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"] {
            : 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 {
            : "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 {
            : "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;
    : 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%;
    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%;
}

.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(/content/js/royalslider/assets/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/content/js/royalslider/assets/royalslider/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%;
}

.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(/content/js/royalslider/assets/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/content/js/royalslider/assets/royalslider/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: 3.4rem;
    height: 0.2rem;
    margin: 0.4rem;
    background-color: #000;
    transition: all 0.2s ease;
    opacity: 0.1;
}

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


.m-input-group {
    display: flex;
    flex-direction: column;
 
    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-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-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 {
        : "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 {
        : "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 {
        : "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;
        : "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("/content//img/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;
        : "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 {
        : "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: ;
    }


.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid ;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
 
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem ;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: ;
        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 ;
    color: ;
}

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

@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;
    : "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: ;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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: calc(100% - 11.2rem);
        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: ;
                        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: ;
                            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: ;
                        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(219, 221, 222, 0.2);
            : "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: ;
    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 {
        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%;
            }

        .mdl-header .main .inferior {
            display: none;
        }
}

@media (max-width: 915px) {
    .mdl-header .logo-container {
        width: 6.5rem;
        height: 6.5rem;
    }

        .mdl-header .logo-container .logo-header img {
            height: 3.7rem;
        }

        .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 {
        margin-left: 1rem;
    }

    .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: 0;
    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: ;
                        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: ;
                            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: ;
                        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;
            : "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(219, 221, 222, 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: ;
                        }

                            .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 ;
                    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: ;
                                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: 1rem;
                                    font-size: 1.9rem;
                                    font-weight: 100;
                                }

                                    .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 {
                : "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;
                    : "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: 551px) {
    .menu .modal .icon-close {
        top: 13rem;
        right: 1.4rem;
    }

    .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: -4.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 ;
                        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: ;
                                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;
    : "FiraSans", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

    .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: #d3d3d3;
    }

        .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(219, 221, 222, 0.2);
    : "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: #d3d3d3;
        }

            .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%;
                        : "BigCaslon", serif;
                        text-align: center;
                        text-transform: initial;
                        padding: 0.8rem 0;
                        border-top: 0.1rem solid ;
                        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;
    }
}

.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: ;
        }

    .mdl-search .m-search + * {
        margin-top: 8rem;
    }

.mdl-search .m-resume {
    color: ;
    : "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 {
    : "FiraSans", sans-serif;
    font-size: 1.7rem;
    color: ;
    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;
    : "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-heroInt.interiorhome,
.mdl-heroInt.interiorSticky {
    height: 48rem;
/*    margin-top: 11.3rem;*/
}

@media (max-width: 1024px) {
    .mdl-heroInt.interiorhome,
    .mdl-heroInt.interiorSticky {
     /*   margin-top: 8rem;
*/        height: 30rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorhome,
    .mdl-heroInt.interiorSticky {
    /*    margin-top: 6rem;*/
        height: 35rem;
    }
}

.mdl-heroInt.interiorhome .content,
.mdl-heroInt.interiorSticky .content {
    margin: auto;
/*    padding: 0 11.8rem 7.2rem 13.2rem;*/
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}
@media (max-width: 1024px) {
    .mdl-heroInt.interiorhome .content,
    .mdl-heroInt.interiorSticky .content {
        padding: 4.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorhome .content,
    .mdl-heroInt.interiorSticky .content {
        padding: 3.3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mdl-heroInt.interiorSticky {
    height: 59rem;
    margin-top: 5.4rem;
}

    .mdl-heroInt.interiorSticky .button2 {
        min-width: 22.8rem;
        margin: 0 auto 3rem;
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interiorSticky {
        height: 40rem;
    }

        .mdl-heroInt.interiorSticky .button2 {
            min-width: 22.8rem;
            margin: 0 auto;
        }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorSticky {
        height: 35rem;
    }
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior {
        height: 30rem;
        margin-top: 6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior {
        height: 35rem;
    }
}

.mdl-heroInt.interior .content {
    margin: auto;
    padding: 0 11.8rem 11.2rem 13.2rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

    .mdl-heroInt.interior .content:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0.7;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 34%, #000 100%);
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content {
        padding: 4.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content {
        padding: 3.3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mdl-heroInt.interior .content .title-block {
    display: flex;
    flex-direction: column;
    z-index: 2;
}

    .mdl-heroInt.interior .content .title-block .pre-title {
        : "FiraSans", sans-serif;
        font-size: 1.6rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        color: #fff;
        position: relative;
        margin-bottom: 1rem;
        padding-bottom: 1.1rem;
        text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
    }

@media (max-width: 767px) {
    .mdl-heroInt.interior .content .title-block .pre-title {
        font-size: 1.4rem;
    }
}

.mdl-heroInt.interior .content .title-block .pre-title::after {
    content: " ";
    width: 4rem;
    height: 0.1rem;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mdl-heroInt.interior .content .title-block .title-hero,
.mdl-heroInt.interior .content .title-block .title-hero * {
    : "BigCaslon", serif;
    font-size: 6rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    color: #fff;
    text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content .title-block .title-hero,
    .mdl-heroInt.interior .content .title-block .title-hero * {
        font-size: 5rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content .title-block .title-hero,
    .mdl-heroInt.interior .content .title-block .title-hero * {
        font-size: 4rem;
    }
}

.mdl-heroInt.interior .content img {
    max-width: 10rem;
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content img {
        max-width: 7.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content img {
        max-width: 6.5rem;
        margin-bottom: 3.6rem;
    }
}

@-webkit-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: 5px;
    }

    100% {
        bottom: 0;
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
.mdl-breadcrumb .m-content {
    width: calc();
    margin: 1.1rem auto;
    padding-left: 3rem;
    text-align: left;
    font-size: 1.2rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: 0.38;
    color: #1b1c21;
}

    .mdl-breadcrumb .m-content a {
        transition: 0.3s ease;
    }

        .mdl-breadcrumb .m-content a:hover {
            color: #d3d3d3;
        }

    .mdl-breadcrumb .m-content span > span {
        color: #d3d3d3;
    }

    .mdl-breadcrumb .m-content .itemListElement:last-child {
        font-weight: 600;
    }

@media (max-width: 1025px) {
    .mdl-breadcrumb {
        display: none;
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
.mdl-texto {
    position: relative;
    padding: 2rem 2.7rem 5rem;
}

@media (max-width: 551px) {
    .mdl-texto {
        padding-top: 3.7rem;
        padding-bottom: 3.7rem;
    }
}

.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: 93.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 {
        : "BigCaslon", serif;
        font-weight: 500;
        font-size: 3.5rem;
        letter-spacing: 0.2rem;
        margin-bottom: 3.7rem;
    }

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

@media (max-width: 769px) {
    .mdl-texto .content .titulo-texto {
        font-size: 3rem;
        letter-spacing: 0.17rem;
    }
}

.mdl-texto .content .texto {
    : "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;
            : "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;
    : "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: ;
            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: ;
                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: ;
            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-galeria {
    width: 100%;
    position: relative;
    padding: 3rem 0 10rem;
    background-color: white;
}

    .mdl-galeria.marginBottom {
        padding: 3rem 0 15rem;
    }

        .mdl-galeria.marginBottom .rsArrow {
            bottom: 11rem;
        }

@media (max-width: 551px) {
    .mdl-galeria.marginBottom {
        padding: 3rem 0 5rem !important;
    }
}

.mdl-galeria.black {
    background-color: #1b1c21;
}

    .mdl-galeria.black .bg-modulo:after {
        display: none;
    }

    .mdl-galeria.black .rsArrow {
        background-color: ;
    }

.mdl-galeria.bgGrey {
    background-color: #f7f7f7;
}

    .mdl-galeria.bgGrey .bg-modulo {
        display: none;
    }

.mdl-galeria.withBg {
    padding: 5rem 0 24.8rem;
}

    .mdl-galeria.withBg .bg-modulo {
        display: block;
    }

@media (max-width: 1025px) {
    .mdl-galeria.withBg {
        padding-bottom: 15rem;
    }
}

@media (max-width: 769px) {
    .mdl-galeria.withBg {
        padding-bottom: 10rem;
    }
}

@media (max-width: 551px) {
    .mdl-galeria.withBg {
        padding-bottom: 8rem;
    }
}

.mdl-galeria .bg-modulo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
}

    .mdl-galeria .bg-modulo:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 34%, #fff 97%), linear-gradient(70deg, rgba(255, 255, 255, 0) 34%, #fff 97%);
    }

.mdl-galeria .sliderGaleria {
    transition: all 0.6s ease;
    opacity: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
    height: 42rem !important;
    overflow: visible !important;
}

    .mdl-galeria .sliderGaleria .m-grid {
        display: flex;
        flex-direction: column;
        max-width: calc(36.5rem + 2.9rem);
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: visible !important;
    }

        .mdl-galeria .sliderGaleria .m-grid .galeria-item {
            width: 36.5rem;
            height: 35.6rem;
            position: relative;
            margin: 0 1.45rem;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            cursor: pointer;
        }

            .mdl-galeria .sliderGaleria .m-grid .galeria-item .play {
                position: absolute;
                width: 8rem;
                height: 8rem;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background-image: url("/content/img/icon-play-v2.svg");
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                cursor: pointer;
            }

@media (max-width: 769px) {
    .mdl-galeria .sliderGaleria .m-grid .galeria-item .play {
        width: 6.5rem;
        height: 6.5rem;
    }
}

.mdl-galeria .sliderGaleria .m-grid .galeria-item:before {
    content: " ";
    position: absolute;
    z-index: 2;
    top: 1.7rem;
    right: 1.7rem;
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/content/img/icon-zoom.svg");
    background-position: center;
    background-size: cover;
    cursor: pointer;
}

.mdl-galeria .sliderGaleria .m-grid .galeria-item:hover {
    transform: scale(1.05);
}

.mdl-galeria .sliderGaleria .m-grid .galeria-item.withMargin {
    margin-top: 5.9rem;
}

.mdl-galeria .sliderGaleria .m-grid .galeria-item.withMargin2 {
    margin-top: 3.5rem;
}

.mdl-galeria .sliderGaleria .m-grid .rsOverflow {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    overflow: visible !important;
    position: inherit;
}

    .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

        .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide {
            width: 100%;
        }

            .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide.opacityNext {
                opacity: 0.2;
            }

.mdl-galeria .sliderGaleria .m-grid .rsBullets {
    display: none !important;
    position: absolute;
    bottom: 4rem;
    left: 50%;
    transform: translateX(-50%);
}

    .mdl-galeria .sliderGaleria .m-grid .rsBullets .rsBullet {
        background-color: ;
    }

.mdl-galeria .sliderGaleria.noSlider {
    opacity: 1;
}

    .mdl-galeria .sliderGaleria.noSlider .m-grid {
        max-width: 100%;
        flex-direction: row;
        justify-content: center;
    }

        .mdl-galeria .sliderGaleria.noSlider .m-grid .galeria-item:nth-child(2) {
            margin-top: 5.9rem;
        }

        .mdl-galeria .sliderGaleria.noSlider .m-grid .galeria-item:nth-child(1) {
            margin-top: 3.5rem;
        }

@media (max-width: 1025px) {
    .mdl-galeria {
        padding-bottom: 7rem;
    }

        .mdl-galeria .sliderGaleria {
            height: 36.5rem !important;
        }

            .mdl-galeria .sliderGaleria .m-grid {
                max-width: calc(31.1rem + 2.5rem);
            }

                .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide.withMargin {
                    margin-top: 5rem;
                }

                .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide .galeria-item {
                    width: 31.1rem;
                    height: 30.4rem;
                    margin-left: 1.25rem;
                    margin-right: 1.25rem;
                }

                    .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide .galeria-item:hover {
                        transform: unset;
                    }
}

@media (max-width: 769px) {
    .mdl-galeria .sliderGaleria .m-grid {
        max-width: calc(30rem + 1.5rem);
        padding-left: 20rem;
    }

        .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide.withMargin {
            margin-top: 2.6rem;
        }

        .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide .galeria-item {
            width: 30rem;
            height: 30rem;
        }

        .mdl-galeria .sliderGaleria .m-grid .rsBullets {
            display: flex !important;
        }
}

@media (max-width: 551px) {
    .mdl-galeria {
        padding: 3rem 0 !important;
    }

        .mdl-galeria .sliderGaleria {
            width: 100%;
            padding: 0;
            padding-bottom: 3rem;
            margin: 0 auto;
        }

            .mdl-galeria .sliderGaleria .m-grid {
                max-width: 32rem;
                margin: 0 0 0 1.7rem;
                padding-left: 0;
            }

                .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide.withMargin {
                    margin-top: 0;
                }

                .mdl-galeria .sliderGaleria .m-grid .rsOverflow .rsContainer .rsSlide .galeria-item {
                    width: 30rem;
                    height: 30rem;
                    margin: 0 1rem;
                }

                .mdl-galeria .sliderGaleria .m-grid .rsBullets {
                    display: flex !important;
                }
}

.mdl-galeria .rsArrow {
    position: absolute;
    right: 5rem;
    bottom: 8rem;
    width: 5.7rem;
    height: 5.6rem;
    background-color: black;
    border-radius: unset;
}

    .mdl-galeria .rsArrow.disabled {
        pointer-events: none;
        user-select: none;
    }

@media (max-width: 1025px) {
    .mdl-galeria .rsArrow {
        bottom: 7.4rem;
    }

        .mdl-galeria .rsArrow:hover::after {
            opacity: 1;
        }
}

@media (max-width: 769px) {
    .mdl-galeria .rsArrow {
        display: none !important;
    }
}

.mdl-galeria .rsArrow::after {
    background-image: url("/content/img/icon-arrow-white.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-galeria .rsArrow.rsArrowLeft {
    right: calc(5.7rem + 5rem);
}

    .mdl-galeria .rsArrow.rsArrowLeft::after {
        transform: translate(-50%, -50%) rotate(180deg);
    }

.mdl-galeria .rsArrow.rsArrowDisabled::after {
    opacity: 0.59;
}

.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid ;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
    : "FiraSans", sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: ;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem ;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: ;
        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 ;
    color: ;
}

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

@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;
    : "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: ;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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;
    : "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;
    : "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 {
        : "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 {
        : "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 {
        : "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 {
        : "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;
        : "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("/content//img/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;
        : "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 {
        : "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%;
    margin: 0 auto;
}


body,
section {
    : "BigCaslon", serif;
    color: #000;
    : "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(219, 221, 222, 0.72) !important;
}

.read-more,
.filtro-destacado {
    : "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(219, 221, 222, 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: 3rem;
    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 {
        : "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-bottom: 2rem;
        }

            .popup.popup-gral .text-content .text-container .pretitulo {
                : 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;
            }

            .popup.popup-gral .text-content .text-container .titulo {
                : 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 {
                : 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 {
            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;
        align-items: center;
    }

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

        .popup.popup-gral .text-content .text-container .texto {
            padding: 1.5rem 0;
        }
}

.popup.registerForm,
.popup.shop {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    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 {
        : "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: ;
                    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: 99;
    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;
                        : "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 {
        : "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 {
        : "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"] {
            : 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 {
            : "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 {
            : "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-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;
}

body#safari .mdl-cardDestacadov2 .card-item .card-img.gradient:after,
body#firefox .mdl-cardDestacadov2 .card-item .card-img.gradient:after {
    background-color: rgba(0, 0, 0, 0.6);
}

.mdl-cardDestacadov2 {
    position: relative;
}

    .mdl-cardDestacadov2 .bg-modulo {
        position: absolute;
        width: 100%;
        height: 60.2rem;
        bottom: 0;
        z-index: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .mdl-cardDestacadov2 .bg-modulo:after {
            content: "";
            position: absolute;
            width: 100%;
            height: calc(100% + 1rem);
            top: -1rem;
            background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 34%, #fff 97%);
        }

    .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: #000000;
                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;
        }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
@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 .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);
                    : "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 {
                        : "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 {
            : "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 {
            : "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;
                }

                .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 {
            : "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 {
            : "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 {
        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;
    }
/*.mdl-destacadosx3 .main .bottom-row .item:nth-child(2) {
    margin-top: 3.8rem;
}*/

.mdl-destacadosx3 .main .bottom-row .item:nth-child(3) {
    margin-top: 0rem !important;
}
/*.mdl-destacadosx3 .main .bottom-row .item:nth-child(4) {
    margin-top: 3.8rem;
}*/
    .card {
    display: inline-block;
    width: 230px;
    margin:8px 8px 50px 8px;
    min-height: 300px;
    text-align: center;
    background-color: #FFFFFF;
    padding: 30px 20px 40px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(45, 62, 80, 0.3);
    color: #1b1c21;
}

    .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);
        }




/*
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/herointerior/style.css
negocio/plantillas/panels/textoseo/style.css
negocio/plantillas/panels/destacadosx3/style.css
negocio/plantillas/panels/destacadocarrousel/style.css
negocio/plantillas/panels/slidertorneos/style.css
negocio/plantillas/panels/instagram/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-size: 1em
}

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

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
          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 */

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

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

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    
        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
}

.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid #c4c4c4;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: #c4c4c4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem #c4c4c4;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: #c4c4c4;
        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 #c4c4c4;
    color: #c4c4c4;
}

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

@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-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: #c4c4c4;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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-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-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-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-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-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-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-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("/content//img/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-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-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%;
    margin: 0 auto;
}


body,
section {
    color: #000;
    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(219, 221, 222, 0.72) !important;
}

.read-more,
.filtro-destacado {
    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(219, 221, 222, 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: 3rem;
    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-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-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-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-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-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: #c4c4c4;
                    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-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-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-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"] {
           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-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-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;
 
}

    .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%;
    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%;
}

.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(/content/js/royalslider/assets/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/content/js/royalslider/assets/royalslider/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%;
}

.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(/content/js/royalslider/assets/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
    cursor: url(/content/js/royalslider/assets/royalslider/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: 3.4rem;
    height: 0.2rem;
    margin: 0.4rem;
    background-color: #000;
    transition: all 0.2s ease;
    opacity: 0.1;
}

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


.m-input-group {
    display: flex;
    flex-direction: column;
    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-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-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-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-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-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-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("/content//img/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-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-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: #c4c4c4;
    }
.button-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.3rem;
    width: 4.3rem;
    border: 0.1rem solid #c4c4c4;
}

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

.button1 {
    min-height: 4.3rem;
    height: max-content;
    width: -moz-max-content;
    width: max-content;
     font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.79;
    letter-spacing: 0.088rem;
    text-align: center;
    color: #c4c4c4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    border: solid 0.1rem #c4c4c4;
    padding: 0 1.4rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    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: #c4c4c4;
        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 #c4c4c4;
    color: #c4c4c4;
}

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

@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-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: #c4c4c4;
    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("/content/img/icon-arrowL-w.svg");
}

.rsArrowRight:after,
.arrowR:after {
    background-image: url("/content/img/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: calc(100% - 11.2rem);
        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: #c4c4c4;
                        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: #c4c4c4;
                            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: #c4c4c4;
                        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(219, 221, 222, 0.2);
             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: #c4c4c4;
    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 {
        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%;
            }

        .mdl-header .main .inferior {
            display: none;
        }
}

@media (max-width: 915px) {
    .mdl-header .logo-container {
        width: 6.5rem;
        height: 6.5rem;
    }

        .mdl-header .logo-container .logo-header img {
            height: 3.7rem;
        }

        .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 {
        margin-left: 1rem;
    }

    .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: 0;
    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: #c4c4c4;
                        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: #c4c4c4;
                            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: #c4c4c4;
                        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;
            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(219, 221, 222, 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: #c4c4c4;
                        }

                            .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 #c4c4c4;
                    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: #c4c4c4;
                                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: 1rem;
                                    font-size: 1.9rem;
                                    font-weight: 100;
                                }

                                    .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-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-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: 551px) {
    .menu .modal .icon-close {
        top: 13rem;
        right: 1.4rem;
    }

    .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: -4.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 #c4c4c4;
                        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: #c4c4c4;
                                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-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0.02rem;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}

    .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(219, 221, 222, 0.2);
    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%;
                        text-align: center;
                        text-transform: initial;
                        padding: 0.8rem 0;
                        border-top: 0.1rem solid #c4c4c4;
                        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;
    }
}

.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: #c4c4c4;
        }

    .mdl-search .m-search + * {
        margin-top: 8rem;
    }

.mdl-search .m-resume {
    color: #c4c4c4;
    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-size: 1.7rem;
    color: #c4c4c4;
    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-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-heroInt {
    height: 36.2rem;
    min-width: 100%;
    padding: 0;
/*    margin-top: 11rem;*/
    position: relative;
    background-position: center;
    background-size: cover;
}
    .mdl-heroInt.interior .content .title-block .title-hero, .mdl-heroInt.interior .content .title-block .title-hero * {
     
        font-size: 6rem;
        font-weight: 500;
        letter-spacing: normal;
        line-height: 1;
        color: #fff;
        text-shadow: 0.4rem 0.4rem 2rem rgb(0 0 0 / 0%);
    }
    /*.mdl-heroInt.subirHero {
        margin-top: 5.6rem !important;
    }

@media (max-width: 1024px) {
    .mdl-heroInt.subirHero {
        margin-top: 8rem !important;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.subirHero {
        margin-top: 6.5rem !important;
    }
}
*/
.mdl-heroInt.interiorhome,
.mdl-heroInt.interiorSticky {
    height: 48rem;
/*    margin-top: 11.3rem;*/
}

@media (max-width: 1024px) {
    .mdl-heroInt.interiorhome,
    .mdl-heroInt.interiorSticky {
/*        margin-top: 8rem;*/
        height: 30rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorhome,
    .mdl-heroInt.interiorSticky {
/*        margin-top: 6rem;*/
        height: 35rem;
    }
}



    .mdl-heroInt.interiorhome .content .logoCentral,
    .mdl-heroInt.interiorSticky .content .logoCentral {
        position: absolute;
        left: 50%;
        top: 45%;
        transform: translate(-50%, -50%);
        max-width: 40.8rem;
        height: 20.6rem;
        width: 90%;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-size: contain;
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interiorhome .content,
    .mdl-heroInt.interiorSticky .content {
        padding: 4.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorhome .content,
    .mdl-heroInt.interiorSticky .content {
        padding: 3.3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mdl-heroInt.interiorSticky {
    height: 59rem;
    margin-top: 5.4rem;
}

    .mdl-heroInt.interiorSticky .button2 {
        min-width: 22.8rem;
        margin: 0 auto 3rem;
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interiorSticky {
        height: 40rem;
    }

        .mdl-heroInt.interiorSticky .button2 {
            min-width: 22.8rem;
            margin: 0 auto;
        }
}

@media (max-width: 767px) {
    .mdl-heroInt.interiorSticky {
        height: 35rem;
    }
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior {
        height: 30rem;
        margin-top: 6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior {
        height: 35rem;
    }
}

.mdl-heroInt.interior .content {
    margin: auto;
    padding: 0 11.8rem 11.2rem 13.2rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

    .mdl-heroInt.interior .content:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 0.7;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 34%, #000 100%);
    }

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content {
        padding: 4.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content {
        padding: 3.3rem;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: flex-start;
    }
}

.mdl-heroInt.interior .content .title-block {
    display: flex;
    flex-direction: column;
    z-index: 2;
}

    .mdl-heroInt.interior .content .title-block .pre-title {
        font-size: 1.6rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1rem;
        color: #fff;
        position: relative;
        margin-bottom: 1rem;
        padding-bottom: 1.1rem;
        text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
    }

@media (max-width: 767px) {
    .mdl-heroInt.interior .content .title-block .pre-title {
        font-size: 1.4rem;
    }
}

.mdl-heroInt.interior .content .title-block .pre-title::after {
    content: " ";
    width: 4rem;
    height: 0.1rem;
    background-color: white;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mdl-heroInt.interior .content .title-block .title-hero,
.mdl-heroInt.interior .content .title-block .title-hero * {
     font-size: 6rem;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1;
    color: #fff;
    text-shadow: 0.4rem 0.4rem 2rem rgba(0, 0, 0, 0.004);
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content .title-block .title-hero,
    .mdl-heroInt.interior .content .title-block .title-hero * {
        font-size: 5rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content .title-block .title-hero,
    .mdl-heroInt.interior .content .title-block .title-hero * {
        font-size: 4rem;
    }
}

.mdl-heroInt.interior .content img {
    max-width: 10rem;
}

@media (max-width: 1024px) {
    .mdl-heroInt.interior .content img {
        max-width: 7.6rem;
    }
}

@media (max-width: 767px) {
    .mdl-heroInt.interior .content img {
        max-width: 6.5rem;
        margin-bottom: 3.6rem;
    }
}

@-webkit-keyframes bounce {
    0% {
        bottom: 0;
    }

    50% {
        bottom: 5px;
    }

    100% {
        bottom: 0;
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
.mdl-texto {
    position: relative;
    padding: 2rem 2.7rem 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: 93.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: 500;
        font-size: 3.5rem;
        letter-spacing: 0.2rem;
        margin-bottom: 3.7rem;
    }

@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-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-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-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: #c4c4c4;
            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: #c4c4c4;
                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: #c4c4c4;
            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;
    }
}

.mdl-destacadosx3 .main .top-row .title-row {
    font-weight: 500;
    font-size: 7rem;
    letter-spacing: 0.4rem;
    font-size: 4rem;
}

@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-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: 4.7rem;
    position: relative;
    height: fit-content;
}

@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: 2rem;
        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;
        }

        .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;
    }
}

.mdl-destacadosx3 .main .bottom-row .item {
    max-width: 39.2rem;
    width: 100%;
    position: relative;
    margin-left: 3rem;
    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;
    }
}

.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-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-size: 1.4rem;
    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;
        padding: 5rem 0rem 1rem;
    }
}

.mdl-destacadosx3 .main .bottom-row .item .phone-item {
     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: 48.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 .main .bottom-row .item:nth-child(2) {
    margin-top: 3.8rem;*/
}

.mdl-destacadosx3 .main .bottom-row .item:nth-child(3) {
    margin-top: -8.8rem;
}

.mdl-destacadosx3 .btn-link {
    margin: 2rem auto;
    z-index: 2;
}

/*.mdl-destacadosx3:after {
    content: " ";
    background-color: #c4c4c4;
    height: 36.7rem;
    width: 80%;
    position: absolute;
    right: 0;
    top: 0;
    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: #c4c4c4;
    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;
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
.mdl-destcarousel {
    background-color: #f7f7f7;
}

    .mdl-destcarousel.bgWhite {
        background-color: unset;
    }

    .mdl-destcarousel .mdl-container {
        padding: 4.4rem 7.5rem 10.9rem;
        max-width: unset;
        width: 100%;
        box-sizing: border-box;
    }

        .mdl-destcarousel .mdl-container .header {
            width: calc(100% - 12rem);
            margin: 0 auto 7.2rem;
        }

            .mdl-destcarousel .mdl-container .header .title {
            
                font-weight: 500;
                font-size: 4rem;
                letter-spacing: 0.23rem;
            }

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

@media (max-width: 769px) {
    .mdl-destcarousel .mdl-container .header .title {
        font-size: 3rem;
        letter-spacing: 0.17rem;
    }
}

.mdl-destcarousel .mdl-container .header .t-text {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.56;
    letter-spacing: 0.1rem;
    margin: 1.2rem 0 0 4.1rem;
    max-width: 69.4rem;
}

.mdl-destcarousel .mdl-container .sliders {
    position: relative;
    width: calc(100% + 1.5rem);
    margin: 0 -0.75rem;
    height: 50.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .mdl-destcarousel .mdl-container .sliders .arrowL,
    .mdl-destcarousel .mdl-container .sliders .arrowR {
        width: 3.4rem;
        height: 3.4rem;
        display: flex;
        margin: 0 0.75rem;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 1;
    }

        .mdl-destcarousel .mdl-container .sliders .arrowL::after,
        .mdl-destcarousel .mdl-container .sliders .arrowR::after {
            filter: invert(57%) sepia(58%) saturate(508%) hue-rotate(9deg) brightness(95%) contrast(93%);
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            width: 3.4rem;
            height: 3rem;
        }

@media (max-width: 1025px) {
    .mdl-destcarousel .mdl-container .sliders .arrowL,
    .mdl-destcarousel .mdl-container .sliders .arrowR {
        display: none !important;
    }
}

.mdl-destcarousel .mdl-container .sliders .slider {
    position: relative;
    height: calc(100% - 9.6rem);
    width: calc((100% - 15.8rem) * 0.26);
    top: 0;
    margin: 0 0.75rem;
    overflow: hidden;
}

    .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) {
        height: 100%;
        width: calc((100% -  15.8rem) * 0.49);
        overflow: visible;
    }

        .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) .slide .bg-gradient {
            opacity: 1;
        }

        .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) .slide .bg-img {
            width: calc(100% - 1.5rem);
            margin-top: 1.5rem;
        }

        .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) .slide .content {
            padding: 3.6rem 3.3rem;
        }

            .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) .slide .content .title {
             
                font-weight: 500;
                font-size: 3.5rem;
                color: #fff;
                line-height: 0.97;
/*                letter-spacing: 0.2rem;*/
            }

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

@media (max-width: 769px) {
    .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) .slide .content .title {
        font-size: 3rem;
        letter-spacing: 0.17rem;
    }
}

.mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) .slide .content .btn-link {
    display: flex;
}

.mdl-destcarousel .mdl-container .sliders .slider .slide {
    position: relative;
    height: 100%;
    width: 100%;
}

    .mdl-destcarousel .mdl-container .sliders .slider .slide .bg-gradient {
        width: calc(100% - 1.75rem);
        height: 100%;
        position: absolute;
        top: -1.5rem;
        left: 1.5rem;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        opacity: 0;
        z-index: -9;
    }

        .mdl-destcarousel .mdl-container .sliders .slider .slide .bg-gradient: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-destcarousel .mdl-container .sliders .slider .slide .bg-img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .mdl-destcarousel .mdl-container .sliders .slider .slide .bg-img .bg-imgBg {
            height: 100%;
            width: 100%;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            transform-origin: center;
            transition: all 0.3s ease;
        }

            .mdl-destcarousel .mdl-container .sliders .slider .slide .bg-img .bg-imgBg: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-destcarousel .mdl-container .sliders .slider .slide .content {
        width: 100%;
        height: 100%;
        justify-content: flex-end;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        padding: 5rem 1rem 5rem 2.1rem;
    }

        .mdl-destcarousel .mdl-container .sliders .slider .slide .content .title {
          
            font-weight: 500;
            font-size: 2.6rem;
            letter-spacing: 0.15rem;
            line-height: 0.85;
            letter-spacing: 0.149rem;
            color: #fff;
        }

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

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

.mdl-destcarousel .mdl-container .sliders .slider .slide .content .texto {
    max-width: 40rem;
    width: 100%;
    margin-top: 1.5rem;
 
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: 0.05rem;
    color: #fff;
}

.mdl-destcarousel .mdl-container .sliders .slider .slide .content .btn-link {
    display: none;
    margin-top: 2.4rem;
    min-width: 15.9rem;
    color: #fff;
    border-color: #fff;
}

    .mdl-destcarousel .mdl-container .sliders .slider .slide .content .btn-link:before {
        background-color: #fff;
    }

    .mdl-destcarousel .mdl-container .sliders .slider .slide .content .btn-link:hover {
        color: #000;
    }

        .mdl-destcarousel .mdl-container .sliders .slider .slide .content .btn-link:hover:before {
            z-index: -1;
        }

.mdl-destcarousel .mdl-container .sliders .slider .slide:hover .bg-img .bg-imgBg {
    transform: scale(1.1);
}

@media (max-width: 1025px) {
    .mdl-destcarousel .mdl-container {
        padding: 4.4rem 0 10.9rem;
        margin: 0 auto;
    }

        .mdl-destcarousel .mdl-container .header {
            width: 100%;
            margin: 0 auto 5.6rem;
        }

            .mdl-destcarousel .mdl-container .header .t-text {
                margin-left: 0;
            }

        .mdl-destcarousel .mdl-container .sliders {
            width: 100%;
            margin: 0;
            height: 45rem;
        }

            .mdl-destcarousel .mdl-container .sliders .slider {
                width: calc((100% - 4.5rem) * 0.25);
                height: calc(100% - 6rem);
            }

                .mdl-destcarousel .mdl-container .sliders .slider:nth-child(3) {
                    width: calc((100% -  4.5rem) * 0.5);
                }
}

@media (max-width: 769px) {
    .mdl-destcarousel .mdl-container {
        max-width: unset;
        overflow: hidden;
    }

            .mdl-destcarousel .mdl-container .header .title {
                margin-bottom: 1.5rem;
            }

            .mdl-destcarousel .mdl-container .header .text {
                font-size: 1.5rem;
                line-height: 1.6;
                letter-spacing: 0.094rem;
            }

        .mdl-destcarousel .mdl-container .sliders {
            width: 125%;
            margin: 0 auto;
            transform: translateX(-11.25%);
        }
}

@media (max-width: 551px) {
    .mdl-destcarousel .mdl-container .sliders {
        width: 168%;
        margin: 0 auto;
        transform: translateX(-20%);
    }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
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-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-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 {
                        
                            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-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-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-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-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-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-instagram {
    width: 100%;
    position: relative;
    background-color: white;
    padding: 6rem 0;
}

    .mdl-instagram.lastMdl {
        padding-bottom: 9rem;
    }

@media (max-width: 551px) {
    .mdl-instagram.lastMdl {
        padding-bottom: 6rem;
    }
}

.mdl-instagram .header {
    padding: 0 10.6rem;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
}

    .mdl-instagram .header .iconoHeader {
        height: 4.3rem;
    }

    .mdl-instagram .header .tituloHeader {
   
        font-size: 4rem;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.85;
        letter-spacing: 0.229rem;
    }

    .mdl-instagram .header .logoIgMbl {
        display: none;
    }

.mdl-instagram .sliderRedes {
    transition: all 1s ease;
    opacity: 0;
    width: 100%;
    height: 58rem;
    margin: 4rem auto 0;
    position: relative;
}

    .mdl-instagram .sliderRedes.sliderRedesMbl {
        display: none;
    }

    .mdl-instagram .sliderRedes .m-grid {
        max-width: 24.8rem;
        width: 100%;
        height: 100%;
        margin: 0 auto;
    }

        .mdl-instagram .sliderRedes .m-grid .rsArrow,
        .mdl-instagram .sliderRedes .m-grid .rsBullets {
            display: none !important;
        }

        .mdl-instagram .sliderRedes .m-grid .rsOverflow {
            overflow: visible !important;
        }

            .mdl-instagram .sliderRedes .m-grid .rsOverflow .rsSlide {
                transition: width 0.2s ease, height 0.2s ease, margin 0.5s ease;
            }

                .mdl-instagram .sliderRedes .m-grid .rsOverflow .rsSlide.withMargin {
                    margin-top: 4.2rem;
                }

        .mdl-instagram .sliderRedes .m-grid .ig-item {
            display: flex;
            flex-direction: column;
            transition: all 0.5s ease;
        }

            .mdl-instagram .sliderRedes .m-grid .ig-item > a {
                width: 24.8rem;
                height: 24.8rem;
                margin-bottom: 2.1rem;
                position: relative;
                transition: height 0.3s ease, transform 0.1s ease;
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }

                .mdl-instagram .sliderRedes .m-grid .ig-item > a:hover {
                    transform: scale(1.1);
                }

    .mdl-instagram .sliderRedes .arrows {
        position: absolute;
        bottom: -0.5rem;
        right: 10.6rem;
        z-index: 9;
    }

@media (min-width: 770px) {
    .mdl-instagram .sliderRedes .arrows .arrowL {
        margin-right: 1px;
    }
}

@media (max-width: 769px) {
    .mdl-instagram .sliderRedes .arrows .arrowL {
        margin-right: 1px;
    }
}

@media (max-width: 1025px) {
    .mdl-instagram {
        padding: 6rem 0 3rem;
    }

        .mdl-instagram .header {
            padding: 0 2rem;
        }

        .mdl-instagram .sliderRedes {
            margin: 3.5rem auto 0;
        }

            .mdl-instagram .sliderRedes .m-grid {
                margin: 0 auto 0 2rem;
            }

            .mdl-instagram .sliderRedes .arrows {
                right: 13rem;
            }
}

@media (max-width: 769px) {
    .mdl-instagram .header {
        padding: 0 4.5rem;
    }

        .mdl-instagram .header .tituloHeader {
            font-size: 3rem;
            line-height: 1.13;
            letter-spacing: 0.171rem;
        }

    .mdl-instagram .sliderRedes {
        height: 50rem;
        margin: 4rem auto 0;
        position: relative;
    }

        .mdl-instagram .sliderRedes .m-grid {
            max-width: 21.7rem;
            margin: 0 auto 0 4.5rem;
        }

            .mdl-instagram .sliderRedes .m-grid .rsOverflow .rsSlide.withMargin {
                margin-top: 3.6rem;
            }

            .mdl-instagram .sliderRedes .m-grid .ig-item > a {
                width: 21.7rem;
                height: 21.7rem;
                margin-bottom: 1.8rem;
            }

        .mdl-instagram .sliderRedes .arrows {
            bottom: -2rem;
            right: 5.5rem;
        }
}

@media (max-width: 551px) {
    .mdl-instagram .header {
        padding: 0 2rem;
        align-items: flex-end;
    }

        .mdl-instagram .header .tituloHeader {
            max-width: 85%;
            line-height: 1.25;
        }

        .mdl-instagram .header > a:not(.logoIgMbl) {
            display: none;
        }

        .mdl-instagram .header .logoIgMbl {
            display: flex;
        }

            .mdl-instagram .header .logoIgMbl img {
                height: 4rem;
                filter: invert(1);
                margin-right: 0.7rem;
                margin-bottom: 0.5rem;
            }

    .mdl-instagram .sliderRedes {
        height: 40.5rem;
        margin: 3.3rem auto 0;
    }

        .mdl-instagram .sliderRedes:not(.sliderRedesMbl) {
            display: none;
        }

        .mdl-instagram .sliderRedes.sliderRedesMbl {
            display: flex;
        }

        .mdl-instagram .sliderRedes .m-grid {
            display: flex;
            flex-direction: column;
            max-width: 34.1rem;
            margin: 0 auto 0 2.2rem;
        }

            .mdl-instagram .sliderRedes .m-grid .rsOverflow .rsSlide.withMargin {
                margin-top: 0 !important;
            }

            .mdl-instagram .sliderRedes .m-grid .ig-item {
                flex-direction: row;
                justify-content: space-between;
                flex-wrap: wrap;
            }

                .mdl-instagram .sliderRedes .m-grid .ig-item > a {
                    width: 16.2rem;
                    height: 16.2rem;
                    margin-bottom: 1.4rem;
                    transition: margin 0.3s ease-in;
                }

            .mdl-instagram .sliderRedes .m-grid .rsActiveSlide .ig-item a:nth-child(1) {
                margin-top: 2.6rem;
            }

            .mdl-instagram .sliderRedes .m-grid .rsActiveSlide .ig-item a:nth-child(4) {
                margin-top: -2.6rem;
            }

            .mdl-instagram .sliderRedes .m-grid .rsBullets {
                margin-top: 2rem;
                display: flex !important;
                justify-content: center;
            }

        .mdl-instagram .sliderRedes .arrows {
            display: none;
        }
}

/**/
/**/
/**/
/**/
/**/
/**/
/**/
@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 .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-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-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-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-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;
                }

                .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-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-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 {
        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;
    }



.img {
    animation-duration: 1s;

}