@font-face {
            font-family: Futura;
            src: url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-light.woff2) format("woff2"), url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-light.woff) format("woff");
            font-weight: 300;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Futura;
            src: url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-medium.woff2) format("woff2"), url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-medium.woff) format("woff");
            font-weight: 400;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Futura;
            src: url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-mediumitalic.woff2) format("woff2"), url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-mediumitalic.woff) format("woff");
            font-weight: 400;
            font-style: italic;
            font-display: swap
        }

        @font-face {
            font-family: Futura;
            src: url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-bold.woff2) format("woff2"), url(https://www.karismahotels.com/skins/skin-karismahotels-com/assets/desktop/fonts/futura-bold.woff) format("woff");
            font-weight: 700;
            font-style: normal;
            font-display: swap
        }

        body,
        button,
        html,
        input,
        textarea {
            font-family: 'Grandstander', serif;
        }

        .button,
        input[type=submit].button {
            color: #000
        }

        .button:hover,
        input[type=submit].button:hover {
            color: #ff6d2d;
            text-decoration: underline
        }

        .button.white,
        input[type=submit].button.white {
            background: none;
            color: #ff6d2d;
            border: 1px solid #ff6d2d;
            text-decoration: none;
            transition: background-color .35s ease-in-out, color .35s ease-in-out
        }

        .button.white:hover,
        input[type=submit].button.white:hover {
            background: #ff6d2d;
            color: #000
        }

        .button.white:before,
        input[type=submit].button.white:before {
            content: none
        }

        .button.book,
        input[type=submit].button.book {
            padding: 0 20px;
            border: none;
            height: 40px;
            line-height: 40px;
            color: #262323;
            font-family: Futura, sans-serif;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: .2px;
            background: #ff6d2d;
            background-size: 100% 100%;
            border-radius: 10px;
            z-index: 1
        }

        @media only screen and (max-width:767px) {

            .button.book,
            input[type=submit].button.book {
                padding: 0 18px
            }
        }

        .button.book:before,
        input[type=submit].button.book:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url(riviera-maya/skins/skin-karismahotels-com/assets/desktop/images/themes/nickelodeon/button-pattern-3.png) 50% 50% no-repeat;
            background-size: 100% 100%;
            transition: opacity .35s ease-in-out;
            border-radius: 10px;
            z-index: -1
        }

        .button.book:hover,
        input[type=submit].button.book:hover {
            background: #90c858;
            text-decoration: none
        }

        .button.book:hover:before,
        input[type=submit].button.book:hover:before {
            opacity: 0
        }

        .button.book.no-bg:before,
        input[type=submit].button.book.no-bg:before {
            content: none
        }

        .common-close-button {
            border-radius: 10px
        }

        /* inicio de la remodelacion */
        #header .header-top-bar {
            background: #90c858;
            color: #fff;
        }

        #header .header-top-bar .global-menu-trigger {
            color: #000;
            font-weight: 600
        }

        #header .header-top-bar .global-menu-trigger:after {
            border-left-width: 3px;
            border-right-width: 3px;
            border-top-width: 6px
        }

        #header .header-top-bar .current-property:before {
            background-color: #c45104
        }

        #header .header-top-bar .current-property .separator,
        #header .header-top-bar .current-property a {
            color: #fff;
        }

        #header {
            transition: background-color .35s ease-in-out
        }

        #header.property-header {
            background-image: none
        }

        #header.property-header .property-top-menu .menu.level-1 li a {
            font-family: futura-pt, sans-serif;
            color: #ff6d2d;
            text-shadow: none
        }

        #header.property-header .property-top-menu .menu.level-1 li:after {
            border-bottom-color: #90c858
        }

        #header.property-header .property-top-menu .parent .submenu {
            background-color: #fff
        }

        #header.property-header .property-top-menu .parent .submenu li a {
            text-shadow: none;
            color: #ff6d2d
        }

        #header.property-header .property-top-menu .parent .submenu li a.active,
        #header.property-header .property-top-menu .parent .submenu li a:hover,
        #header.property-header .property-top-menu .parent:hover {
            color: #90c858
        }

        #header.property-header .property-top-menu button.resorts:after {
            border-bottom-color: #90c858
        }

        #header .header-top-bar {
            /* background: url(riviera-maya/skins/skin-karismahotels-com/assets/desktop/images/themes/nickelodeon/slime-white.png) 50% 50%/cover no-repeat; */
        }

        #header.property-header:before {
            content: "";
            position: absolute;
            top: 100%;
            right: 60px;
            width: 170px;
            height: 44px;
            opacity: 0;
            visibility: hidden;
            /* background: url(riviera-maya/skins/skin-karismahotels-com/assets/desktop/images/themes/nickelodeon/slime-white.png) 50% 50%/cover no-repeat; */
            filter: drop-shadow(0 10px 5px rgba(0, 0, 0, .1));
            transition: all .35s ease-in-out
        }

        #header.property-header #hamburger-navigation-trigger .smart-icon span:not(.screen-reader-only) {
            background-color: #000;
        }

        #header .logo {
            width: 172px;;
            height: 47px;
           margin: -82px !important;
           
        }

        @media only screen and (max-width:767px) {
            #header .logo {
                width: 110px;
                height: 42px;
                margin: 55px !important;
            }
        }

        #header .right-side2 {
            margin-left: 47% !important;
        }



        @media only screen and (max-width:767px) {
            #header .right-side {
                display: block
            }
        }

        #header .right-side .header-tel-number {
            color: #fff;
            text-shadow: none;
            margin: 0
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            #header .right-side .header-tel-number {
                display: none
            }
        }

        #header .right-side .language-selector {
            position: relative;
            margin: 0 0 0 30px;
            color: #282828;
            text-shadow: none;
            z-index: 10
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            #header .right-side .language-selector {
                margin: 0 0 0 15px
            }
        }

        #header .right-side .language-selector li {
            margin: 0
        }

        #header .right-side .language-selector button {
            font-family: 'Grandstander', serif, sans-serif;
            color: #282828;
            text-shadow: none
        }

        #header .right-side .language-selector button:after,
        #header .right-side .language-selector button:after:hover {
            border-top-color: #fff
        }

        #header .right-side .global-loyalty-menu {
            margin: 0 0 0 30px;
            color: #282828;
            text-shadow: none
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            #header .right-side .global-loyalty-menu {
                margin: 0 0 0 15px
            }
        }

        #header .right-side .global-loyalty-menu-trigger {
            margin: 0;
            font-family: 'Grandstander', serif, sans-serif;
            color: #282828;
            text-shadow: none
        }

        #header .right-side .global-loyalty-menu-trigger:after,
        #header .right-side .global-loyalty-menu-trigger:after:hover {
            border-top-color: #fff
        }

        #header .property-top-menu,
        #header .under-header-menu {
            box-shadow: none;
            bottom: auto
        }

        #header .property-top-menu>a,
        #header .property-top-menu>button,
        #header .under-header-menu>a,
        #header .under-header-menu>button {
            font-family: futura-pt, sans-serif;
            text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
        }

        .global-loyalty-menu {
            margin-right: 290px
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            .global-loyalty-menu {
                margin-right: 240px
            }
        }

        @media screen and (max-width:800px) {
            .global-loyalty-menu {
                margin-right: 230px
            }
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            .brand-property .global-loyalty-menu {
                margin-right: 210px
            }
        }

        #header,
        #header:hover,
        .booking-lightbox-visible #header,
        .brand-property.booking-lightbox-visible #header,
        .brand-property.fixed-header #header,
        .fixed-header #header {
            background-color:
        }

        #header .buttons-wrapper,
        #header:hover .buttons-wrapper,
        .booking-lightbox-visible #header .buttons-wrapper,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper,
        .brand-property.fixed-header #header .buttons-wrapper,
        .fixed-header #header .buttons-wrapper {
            /* background-color: #ff6d2d; */
            border-radius: 10px;
            /* transition: opacity .35s ease-in-out, visibility .35s ease-in-out */
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper,
            #header:hover .buttons-wrapper,
            .booking-lightbox-visible #header .buttons-wrapper,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper,
            .brand-property.fixed-header #header .buttons-wrapper,
            .fixed-header #header .buttons-wrapper {
                top: auto
            }
        }

        :root {
            --a1: url('https://d3jgpopn0146zw.cloudfront.net/karismahotels.com-2646549405/cms/imagepool/617c4481d2941.svg');
        }

        .imglogo {
            content: var(--a1);
        }

        @media screen and (max-width:767px) {
            :root {
                /* --a1: url('https://www.karismahotels.com/_next/image?url=https%3A%2F%2Fadmin.karismahotels.com%2Fsites%2Fdefault%2Ffiles%2Fstyles%2Fcrop_thumbnail%2Fpublic%2F2023-07%2Flogos%2FNickelodeon-Hotels-_-Resorts_Riviera-Maya-white.png%3Fitok%3DU0VDyyOa&w=1920&q=75'); */
            }

            .imglogo {
                content: var(--a1);
            }
        }



        /* .imglogo{
            background:url("https://d3jgpopn0146zw.cloudfront.net/karismahotels.com-2646549405/cms/imagepool/617c4481d2941.svg");
            src: "https://d3jgpopn0146zw.cloudfront.net/karismahotels.com-2646549405/cms/imagepool/617c4481d2941.svg";
        } */

        @media screen and (max-width:767px) {
            .header-top-bar svg {
                display: none;
            }

            .header-top-bar a {
                display: none;
            }
            .header-top-bar a.header-tel-number1{
                display:ruby-text !important;
            }

        }


        .booking-trigger {
            display: none;
        }

        @media screen and (max-width:767px) {
            .property-header .logo img {
                height: 116%;
            }

            .button-src {
                margin: 0 -251 0 auto;
            }
        }

        @media screen and (max-width:767px) {
            .booking-trigger {
                display: inline-block;
            }
        }

        #header .button-src svg {
            width: "38px";
            height: "38px";
            color: #fff;
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper:before,
            #header:hover .buttons-wrapper:before,
            .booking-lightbox-visible #header .buttons-wrapper:before,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper:before,
            .brand-property.fixed-header #header .buttons-wrapper:before,
            .fixed-header #header .buttons-wrapper:before {
                content: none
            }
        }

        #header .buttons-wrapper:hover,
        #header:hover .buttons-wrapper:hover,
        .booking-lightbox-visible #header .buttons-wrapper:hover,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper:hover,
        .brand-property.fixed-header #header .buttons-wrapper:hover,
        .fixed-header #header .buttons-wrapper:hover {
            background-color: #ff6d2d;
            opacity: 1
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper:hover,
            #header:hover .buttons-wrapper:hover,
            .booking-lightbox-visible #header .buttons-wrapper:hover,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper:hover,
            .brand-property.fixed-header #header .buttons-wrapper:hover,
            .fixed-header #header .buttons-wrapper:hover {
                background: none
            }
        }

        #header .buttons-wrapper:hover:before,
        #header:hover .buttons-wrapper:hover:before,
        .booking-lightbox-visible #header .buttons-wrapper:hover:before,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper:hover:before,
        .brand-property.fixed-header #header .buttons-wrapper:hover:before,
        .fixed-header #header .buttons-wrapper:hover:before {
            opacity: 0
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper,
            #header:hover .buttons-wrapper,
            .booking-lightbox-visible #header .buttons-wrapper,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper,
            .brand-property.fixed-header #header .buttons-wrapper,
            .fixed-header #header .buttons-wrapper {
                background: none
            }
        }

        #header .buttons-wrapper .map-trigger,
        #header:hover .buttons-wrapper .map-trigger,
        .booking-lightbox-visible #header .buttons-wrapper .map-trigger,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger,
        .brand-property.fixed-header #header .buttons-wrapper .map-trigger,
        .fixed-header #header .buttons-wrapper .map-trigger {
            position: relative;
            color: #282828
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper .map-trigger,
            #header:hover .buttons-wrapper .map-trigger,
            .booking-lightbox-visible #header .buttons-wrapper .map-trigger,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger,
            .brand-property.fixed-header #header .buttons-wrapper .map-trigger,
            .fixed-header #header .buttons-wrapper .map-trigger {
                display: block
            }
        }

        #header .buttons-wrapper .map-trigger:before,
        #header:hover .buttons-wrapper .map-trigger:before,
        .booking-lightbox-visible #header .buttons-wrapper .map-trigger:before,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger:before,
        .brand-property.fixed-header #header .buttons-wrapper .map-trigger:before,
        .fixed-header #header .buttons-wrapper .map-trigger:before {
            content: "";
            position: absolute;
            background: rgba(0, 0, 0, .18);
            width: 1px;
            height: 30px;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            transition: opacity .35s ease-in-out
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper .map-trigger:before,
            #header:hover .buttons-wrapper .map-trigger:before,
            .booking-lightbox-visible #header .buttons-wrapper .map-trigger:before,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger:before,
            .brand-property.fixed-header #header .buttons-wrapper .map-trigger:before,
            .fixed-header #header .buttons-wrapper .map-trigger:before {
                content: none
            }
        }

        #header .buttons-wrapper .map-trigger svg,
        #header:hover .buttons-wrapper .map-trigger svg,
        .booking-lightbox-visible #header .buttons-wrapper .map-trigger svg,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger svg,
        .brand-property.fixed-header #header .buttons-wrapper .map-trigger svg,
        .fixed-header #header .buttons-wrapper .map-trigger svg {
            position: relative;
            fill: #282828
        }

        #header .buttons-wrapper .map-trigger .x:after,
        #header .buttons-wrapper .map-trigger .x:before,
        #header:hover .buttons-wrapper .map-trigger .x:after,
        #header:hover .buttons-wrapper .map-trigger .x:before,
        .booking-lightbox-visible #header .buttons-wrapper .map-trigger .x:after,
        .booking-lightbox-visible #header .buttons-wrapper .map-trigger .x:before,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger .x:after,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger .x:before,
        .brand-property.fixed-header #header .buttons-wrapper .map-trigger .x:after,
        .brand-property.fixed-header #header .buttons-wrapper .map-trigger .x:before,
        .fixed-header #header .buttons-wrapper .map-trigger .x:after,
        .fixed-header #header .buttons-wrapper .map-trigger .x:before {
            background: #282828
        }

        #header .buttons-wrapper .map-trigger span:not(.x),
        #header:hover .buttons-wrapper .map-trigger span:not(.x),
        .booking-lightbox-visible #header .buttons-wrapper .map-trigger span:not(.x),
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .map-trigger span:not(.x),
        .brand-property.fixed-header #header .buttons-wrapper .map-trigger span:not(.x),
        .fixed-header #header .buttons-wrapper .map-trigger span:not(.x) {
            display: none
        }

        #header .buttons-wrapper .booking-trigger,
        #header:hover .buttons-wrapper .booking-trigger,
        .booking-lightbox-visible #header .buttons-wrapper .booking-trigger,
        .brand-property.booking-lightbox-visible #header .buttons-wrapper .booking-trigger,
        .brand-property.fixed-header #header .buttons-wrapper .booking-trigger,
        .fixed-header #header .buttons-wrapper .booking-trigger {
            position: relative;
            color: #282828;
            padding: 0 24px;
            border: none
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {

            #header .buttons-wrapper .booking-trigger,
            #header:hover .buttons-wrapper .booking-trigger,
            .booking-lightbox-visible #header .buttons-wrapper .booking-trigger,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper .booking-trigger,
            .brand-property.fixed-header #header .buttons-wrapper .booking-trigger,
            .fixed-header #header .buttons-wrapper .booking-trigger {
                padding: 0 14px
            }
        }

        @media only screen and (max-width:767px) {

            #header .buttons-wrapper .booking-trigger,
            #header:hover .buttons-wrapper .booking-trigger,
            .booking-lightbox-visible #header .buttons-wrapper .booking-trigger,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper .booking-trigger,
            .brand-property.fixed-header #header .buttons-wrapper .booking-trigger,
            .fixed-header #header .buttons-wrapper .booking-trigger {
                background: #90c858;
                z-index: 1;
                border-radius: 29px;
                height: 64px;
                color: white;
            }

            #header .buttons-wrapper .booking-trigger:before,
            #header:hover .buttons-wrapper .booking-trigger:before,
            .booking-lightbox-visible #header .buttons-wrapper .booking-trigger:before,
            .brand-property.booking-lightbox-visible #header .buttons-wrapper .booking-trigger:before,
            .brand-property.fixed-header #header .buttons-wrapper .booking-trigger:before,
            .fixed-header #header .buttons-wrapper .booking-trigger:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: url(riviera-maya/skins/skin-karismahotels-com/assets/desktop/images/themes/nickelodeon/button-pattern-3.png) 50% 50% no-repeat;
                background-size: 100% 100%;
                transition: opacity .35s ease-in-out;
                border-radius: 10px;
                z-index: -1
            }
        }

        #header,
        #header:hover,
        .booking-lightbox-visible #header,
        .brand-resorts-visible #header,
        .brand-resorts-visible #header.property-header {
            box-shadow: none;
            filter: none
        }

        #header.property-header,
        .brand-resorts-visible #header.property-header,
        .fixed-header #header.property-header {
            /* box-shadow: 0 -25px 35px 16px rgba(0, 0, 0, .67); */
            filter: drop-shadow(0 -7px 15px rgba(0, 0, 0, .3))
        }

        @media only screen and (max-width:767px) {

            #header.property-header,
            .brand-resorts-visible #header.property-header,
            .fixed-header #header.property-header {
                filter: none
            }

            #header.property-header .global-loyalty-menu-trigger,
            .brand-resorts-visible #header.property-header .global-loyalty-menu-trigger,
            .fixed-header #header.property-header .global-loyalty-menu-trigger {
                color: #282828
            }
        }

        #header.property-header .property-top-menu button.resorts,
        .brand-resorts-visible #header.property-header .property-top-menu button.resorts,
        .fixed-header #header.property-header .property-top-menu button.resorts {
            color: #ff6d2d;
            text-shadow: none
        }

        #header.property-header:before,
        .brand-resorts-visible #header.property-header:before,
        .fixed-header #header.property-header:before {
            visibility: visible;
            opacity: 1
        }

        .hamburger-navigation-visible #header .booking-trigger {
            display: block
        }

        #photos .slide .caption {
            width: 80%
        }
            #photos{
            height: 545px;
        }
        #photos img{
            height:545px;
        }
    @media only screen and (max-width: 767px) {
        #photos{
            height: 384px;
        }
        #photos img{
            height:384px;
        }
    }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            #photos .slide .caption div {
                font-size: 44px;
                line-height: 1.159em
            }
        }

        @media only screen and (max-width:767px) {
            #photos .slide .caption div {
                font-size: 30px
            }
        }

        #photos .slide .caption div,
        #photos .slide .caption div.first {
            font-family: Futura, sans-serif
        }

        .brand #photos .top-image-promo {
            right: 20px
        }

        @media only screen and (max-width:1023px) {
            .brand #photos .top-image-promo {
                right: 0
            }
        }

        #photos .top-image-promo .promos-wrapper .promo-trigger {
            line-height: 16px;
            font-weight: 400;
            font-size: 14px;
            border-radius: 0
        }

        #photos .top-image-promo .promos-wrapper .promo-trigger:first-child {
            background-color: #90c858
        }

        #photos .top-image-promo .promos-wrapper .promo-trigger:before {
            content: none
        }

        #photos .top-image-promo .promos-wrapper .promo-trigger:after {
            margin-top: -3px
        }

        #photos .top-image-promo .promos-wrapper .promo-trigger:hover {
            background: #ff6d2d;
            color: #262323
        }

        #photos .top-image-promo .promos-wrapper .promo-trigger:hover:after {
            border-top-color: #262323
        }

        .brand-property.home #photos {
            height: calc(100% - 35px)
        }

        .brand-property.home #photos .top-image-promo {
            top: 50%;
            right: auto;
            bottom: auto;
            left: 0;
            transform-origin: 0 100%;
            transform: rotate(90deg) translateX(-50%)
        }

        .brand-property.home #photos .top-image-promo .promos-wrapper .promo-trigger {
            background: #ff6d2d;
            color: #262323;
            font-family: 'Grandstander', serif, sans-serif
        }

        .brand-property.home #photos .top-image-promo .promos-wrapper .promo-trigger:hover {
            background: #90c858
        }

        .brand-property.home #photos .top-image-promo .promos-wrapper .promo-trigger:after {
            border-top-color: #fff
        }

        .breadcrumb a {
            font-family: Futura, sans-serif;
            font-weight: 400;
            font-size: 16px;
            color: #392f2c;
            opacity: .7
        }

        .breadcrumb a.active,
        .breadcrumb a:hover {
            opacity: 1
        }

        .page-content .h1-like,
        .page-content h1 {
            margin-bottom: 27px;
            font-family: futura-pt, sans-serif;
            font-size: 33px;
            font-weight: 700;
            line-height: 1.364em;
            color: #ff6700
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {

            .page-content .h1-like,
            .page-content h1 {
                font-size: 38px
            }
        }

        @media only screen and (max-width:767px) {

            .page-content .h1-like,
            .page-content h1 {
                font-size: 32px
            }
        }

        .page-content+.breadcrumb+h1 {
            margin-top: 0
        }

        .acm-block .top-heading {
            display: block;
            margin-bottom: 12px;
            font-family: Futura, sans-serif;
            font-size: 20px;
            font-weight: 400;
            line-height: 1.3em;
            color: #392f2c
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            .acm-block .top-heading {
                font-size: 18px
            }
        }

        @media only screen and (max-width:767px) {
            .acm-block .top-heading {
                font-size: 16px
            }
        }

        .acm-block .top-heading+.h1-like {
            margin-top: 0;
            font-size: 60px;
            line-height: 1em
        }

        @media only screen and (min-width:768px) and (max-width:1023px) {
            .acm-block .top-heading+.h1-like {
                font-size: 50px
            }
        }

        @media only screen and (max-width:767px) {
            .acm-block .top-heading+.h1-like {
                font-size: 40px
            }
        }

        .brand-property #photos .scroll-to-explore {
            position: absolute;
            left: 20px;
            bottom: 15px;
            padding-left: 26px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.563em;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: .96px;
            -webkit-animation: float 2.5s cubic-bezier(.455, .03, .515, .955) 0s infinite;
            animation: float 2.5s cubic-bezier(.455, .03, .515, .955) 0s infinite;
            z-index: 21
        }

        @media only screen and (max-width:1023px) {
            .brand-property #photos .scroll-to-explore {
                display: none
            }
        }

        .brand-property #photos .scroll-to-explore:before {
            content: "";
            position: absolute;
            left: 2px;
            top: 50%;
            margin-top: -9px;
            width: 10px;
            height: 10px;
            border: 2px solid #fff;
            border-top: none;
            border-right: none;
            transform: rotate(-45deg)
        }

        @-webkit-keyframes float {
            0% {
                transform: translateZ(0);
                -ms-transform: translateZ(0)
            }

            65% {
                transform: translate3d(0, 8px, 0);
                -ms-transform: translate3d(0, 8px, 0)
            }

            to {
                transform: translateZ(0);
                -ms-transform: translateZ(0)
            }
        }

        @keyframes float {
            0% {
                transform: translateZ(0);
                -ms-transform: translateZ(0)
            }

            65% {
                transform: translate3d(0, 8px, 0);
                -ms-transform: translate3d(0, 8px, 0)
            }

            to {
                transform: translateZ(0);
                -ms-transform: translateZ(0)
            }
        }

        #horizontal-booking-form {
            justify-content: center
        }

        #horizontal-booking-form .trigger-button.active {
            background: #c0dd92
        }

        #horizontal-booking-form .trigger-button:after {
            border-color: #ff6d2d transparent transparent
        }

        #horizontal-booking-form .trigger-button.active:after {
            border-color: transparent transparent #000
        }

        #horizontal-booking-form .booking-datepicker,
        #horizontal-booking-form .rooms-guests-options {
            display: none
        }

        #horizontal-booking-form button[type=submit] {
            position: relative;
            font-family: Futura, sans-serif;
            background: #ff6d2d;
            color: #000;
            z-index: 1
        }

        #horizontal-booking-form button[type=submit]:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: url(riviera-maya/skins/skin-karismahotels-com/assets/desktop/images/themes/nickelodeon/button-pattern-4.png) 50% 50% no-repeat;
            background-size: 100% 100%;
            transition: opacity .35s ease-in-out;
            z-index: -1
        }

        #horizontal-booking-form button[type=submit]:hover {
            background: #90c858
        }

        #horizontal-booking-form button[type=submit]:hover:before {
            opacity: 0
        }

        .top-banner-enabled:not(.top-banner-closed) #header .header-top-bar {
            height: 60px;
            padding-top: 30px
        }