a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

body {
    line-height: 1;
    background: #ddd;
    font-family: Roboto,"Segoe UI",Verdana,Helvetica,Sans-Serif;
    color: #232323;
    margin: 0;
    min-height: 100%;
    min-width: 320px;
    height: 100%;
    position: relative;
    -webkit-text-size-adjust: 100%;
    -webkit-overflow-scrolling: touch;
    padding-top: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

caption, td, th {
    text-align: left;
    font-weight: 400;
    vertical-align: middle;
}

a img {
    border: none;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: '';
}

.clearfix:after {
    clear: both;
}

.icon-arrow:before {
    content: "\e646";
    padding: .3em;
}

html {
    font-size: 62.5%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

a, button, input, select, textarea {
    outline: 0;
}

footer, header, nav, section {
    display: block;
}

button {
    border: none;
    background-color: transparent;
    padding: 0;
}

input[type=email], input[type=number], input[type=tel], input[type=text], option, select, textarea {
    -webkit-border-radius: 8px;
    border: none;
    border-radius: 8px;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 3.4375vw;
    color: #555;
    resize: none;
}

    input[type=email].error, input[type=number].error, input[type=tel].error, input[type=text].error, option.error, select.error, textarea.error {
        background-color: #e23737;
    }

select {
    background: url(img/arrow-down.png) no-repeat calc(100% - 10px) center;
    padding-right: 32px;
}

.animated-bar {
    background: url(img/animated-bar.jpg) repeat-x left center;
    width: 100%;
    padding-bottom: 8%;
    overflow: hidden;
    -webkit-animation: animated-bar 80s linear infinite;
    -moz-animation: animated-bar 80s linear infinite;
    -o-animation: animated-bar 80s linear infinite;
    -ms-animation: animated-bar 80s linear infinite;
    animation: animated-bar 80s linear infinite;
}

.hide {
    display: none !important;
}

.overflowHidden {
    overflow: hidden !important;
}

.link {
    color: #5a93fb;
}

.italic {
    font-style: italic;
}

.invisible {
    opacity: 0 !important;
}

.btn {
    -webkit-border-radius: 5px;
    background-color: #5a93fb;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    font-size: 4.375vw;
    display: inline-block;
}

    .btn.empty {
        background-color: #454545;
    }

    .btn:active {
        background-color: #6ca0ff;
    }

    .btn.btn-green {
        background-color: #5baf40;
    }

    .btn.btn-lgreen {
        background-color: #50d322;
    }

    .btn.btn-red {
        background-color: #f4473a;
    }

    .btn.btn-dark {
        background-color: #36393e;
    }

    .btn.btn-lgrey {
        background-color: #888;
    }

    .btn.no-bg {
        background-color: transparent;
    }

.title {
    text-transform: uppercase;
    font: 700 5.625vw "Roboto Condensed";
}

.text {
    color: #999;
    font-size: 3.4375vw;
}

    .text strong {
        font-weight: 700;
    }

    .text p + p {
        margin-top: .4em;
    }

.text-no-kids {
    color: #e23737;
}

.text.t-medium {
    font-weight: 500;
    font-size: 3.75vw;
}

.text.t-italic {
    font-style: italic;
}

.form-fields {
    position: relative;
    display: inline-block;
}

.display-table {
    display: table;
}

.display-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

.edit-button {
    display: inline-block;
    color: #5a93fb;
    text-decoration: underline;
    position: relative;
    font-size: 3.125vw;
    font-weight: 500;
}

    .edit-button i {
        position: absolute;
        font-weight: 400;
        left: 100%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 5.46875vw;
    }

.fake-checkbox {
    -webkit-border-radius: 3px;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    width: 5.67%;
    padding-bottom: 5.67%;
    display: inline-block;
}

    .fake-checkbox input {
        display: none;
    }

    .fake-checkbox label {
        -webkit-border-radius: 3px;
        border: 1px solid #ddd;
        position: absolute;
        color: #fff;
        width: 100% !important;
        vertical-align: middle;
        line-height: 1.5;
        text-align: center;
        height: 100%;
        left: 0;
        top: 0;
        border-radius: 3px;
        font-size: 3.4375vw;
    }

input.error ~ label {
    border: 1px solid #e23737;
    background-color: #fee;
}

    input.error ~ label:before {
        opacity: 0;
    }

input:checked ~ label {
    background-color: #5a93fb;
    border-color: #5a93fb;
    color: #fff;
    border: none;
}

    input:checked ~ label:before {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

.full-width {
    width: 100%;
    display: block;
}

.half-size {
    width: 50%;
    display: inline-block;
}

.align-right {
    text-align: right;
}

.box {
    -webkit-border-radius: 6px;
    background-color: #fff;
    border-radius: 6px;
    padding: 7% 5%;
    margin: 6.25% 0;
    -webkit-box-shadow: 1px 1px 7px #a9a8a8;
    box-shadow: 1px 1px 7px #a9a8a8;
}

#modal {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    display: none;
}

    #modal .overlay {
        width: 100%;
        height: 100%;
        background-color: #36393e;
        opacity: .95;
        top: 0;
        left: 0;
    }

    #modal .wrapper {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 6.25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #modal .modal {
        -webkit-border-radius: 8px;
        background-color: #fff;
        padding: 6.25% 5%;
        border-radius: 8px;
        overflow: hidden;
    }

    #modal .title {
        color: #454545;
    }

    #modal .cancelar-reserva, #modal .cancelar-sucesso {
        text-align: center;
    }

        #modal .cancelar-reserva i, #modal .cancelar-sucesso i {
            color: #e23737;
            font-size: 25vw;
            margin-bottom: 3%;
        }

        #modal .cancelar-reserva .text, #modal .cancelar-sucesso .text {
            line-height: 1.5;
            margin: 6% 0;
            padding: 0 5%;
        }

            #modal .cancelar-reserva .text .link, #modal .cancelar-sucesso .text .link {
                font-size: 3.4375vw;
                text-decoration: underline;
            }

        #modal .cancelar-reserva .btn, #modal .cancelar-sucesso .btn {
            width: 42.5%;
            padding: 4% 0;
            margin-left: 10%;
            text-transform: none;
            font-size: 3.75vw;
        }

            #modal .cancelar-reserva .btn.cancel, #modal .cancelar-sucesso .btn.cancel {
                margin-left: 0;
            }

        #modal .cancelar-sucesso .broken-heart {
            display: inline-block;
            width: 24%;
            padding-bottom: 24%;
            background: url(img/broken-heart.png) no-repeat center center/contain;
        }

        #modal .cancelar-sucesso .text {
            padding: 0;
        }

        #modal .cancelar-sucesso .btn {
            width: 47%;
            padding: 4% 0;
            margin-left: 5%;
            text-transform: none;
            font-size: 3.75vw;
        }

            #modal .cancelar-sucesso .btn.contact {
                margin-left: 0;
            }

#modal-login {
    position: fixed;
    height: 100%;
    width: 100%;
    display: inline-block;
    z-index: 99999;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

    #modal-login .overlay {
        background-color: rgba(0,0,0,.7);
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

#modal-login-container {
    -webkit-border-radius: 5px;
    background-color: #fff;
    color: #000;
    margin: 0 auto;
    width: 100%;
    height: auto;
    border-radius: 5px;
    padding: 6.25% 3.25%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #modal-login-container input {
        background-color: #ddd;
        -webkit-box-shadow: 1px 1px 5px -2px #b5b2b2 inset;
        box-shadow: 1px 1px 5px -2px #b5b2b2 inset;
        width: 100%;
        margin: 4% 0;
    }

    #modal-login-container .titles {
        padding-bottom: 5%;
        margin-bottom: 5%;
        border-bottom: 1px dotted #999;
    }

    #modal-login-container .title {
        color: #5a93fb;
        margin-bottom: 2%;
    }

    #modal-login-container .subtitle {
        text-transform: uppercase;
        color: #2c2d31;
        font-weight: 700;
        font-size: 4.6875vw;
    }

    #modal-login-container .text {
        line-height: 1.5;
        font-size: 3.90625vw;
    }

    #modal-login-container .btn {
        padding: 3.25% 8%;
        margin: 4% 0;
    }

        #modal-login-container .btn i, #modal-login-container .btn span {
            vertical-align: middle;
        }

        #modal-login-container .btn i {
            font-size: 5vw;
        }

    #modal-login-container .authentication .title {
        color: #2c2d31;
        margin-bottom: 0;
    }

    #modal-login-container .authentication .m-bottom i {
        vertical-align: middle;
    }

    #modal-login-container .authentication .m-bottom span {
        vertical-align: bottom;
    }

    #modal-login-container .authentication .m-bottom .text {
        float: right;
    }

        #modal-login-container .authentication .m-bottom .text i {
            font-size: 5.625vw;
        }

    #modal-login-container .authentication .m-bottom .btn-back {
        float: left;
        color: #36393e;
        padding-left: 5%;
        position: relative;
        font-weight: 700;
    }

        #modal-login-container .authentication .m-bottom .btn-back i {
            font-size: 9.375vw;
            position: absolute;
            margin-left: -20%;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%) scaleX(-1);
            -moz-transform: translateY(-50%) scaleX(-1);
            -o-transform: translateY(-50%) scaleX(-1);
            -ms-transform: translateY(-50%) scaleX(-1);
            transform: translateY(-50%) scaleX(-1);
        }

#autenticacao-modal-token {
    text-align: center;
    font-size: 17px;
}

    #autenticacao-modal-token .modal-token-title {
        font-size: 9.375vw;
    }

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    background: 0 0;
    border: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    top: 0;
    position: absolute;
    width: 17.5%;
    right: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        display: none;
    }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
        width: 100%;
        color: #fff;
        background-color: transparent;
        padding: 10px 0;
        margin: 0;
        font-weight: 100;
    }

.ui-datepicker-trigger, .ui-datepicker-trigger:disabled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.ui-datepicker {
    -webkit-border-radius: 0;
    width: 100%;
    height: 100%;
    left: 0 !important;
    top: 0 !important;
    padding: 0 3%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #36393e;
    border: none;
    border-radius: 0;
    font-family: Roboto,"Segoe UI",Verdana,Helvetica,Sans-Serif;
    overflow: auto;
    position: fixed !important;
    z-index: 99 !important;
}

    .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header, .ui-datepicker .ui-widget-header .ui-state-default {
        -webkit-border-radius: 0;
        border: none;
        border-radius: 0;
        background: 0 0;
        color: #fff;
        font-size: 4.21875vw;
        text-align: center;
    }

    .ui-datepicker .ui-widget-header {
        margin-bottom: 3.25%;
    }

        .ui-datepicker .ui-widget-header a {
            color: #5a93fb;
            font-size: 9.375vw;
            height: auto;
            width: auto;
        }

            .ui-datepicker .ui-widget-header a.ui-datepicker-prev {
                left: 0;
                top: 50%;
                -webkit-transform: translate(0,-50%) scaleX(-1);
                -moz-transform: translate(0,-50%) scaleX(-1);
                -o-transform: translate(0,-50%) scaleX(-1);
                -ms-transform: translate(0,-50%) scaleX(-1);
                transform: translate(0,-50%) scaleX(-1);
                margin-left: 3.25%;
            }

            .ui-datepicker .ui-widget-header a.ui-datepicker-next {
                right: 0;
                top: 50%;
                -webkit-transform: translate(0,-50%);
                -moz-transform: translate(0,-50%);
                -o-transform: translate(0,-50%);
                -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
                margin-right: 3.25%;
            }

            .ui-datepicker .ui-widget-header a span {
                position: initial;
                left: auto;
                top: auto;
                margin-left: auto;
                margin-top: auto;
            }

    .ui-datepicker .wrapper {
        width: 100%;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity .4s linear;
        -moz-transition: opacity .4s linear;
        -o-transition: opacity .4s linear;
        -ms-transition: opacity .4s linear;
        transition: opacity .4s linear;
    }

        .ui-datepicker .wrapper .title {
            text-align: center;
            color: #fff;
            margin-bottom: 3.25%;
        }

    .ui-datepicker th {
        font-size: 3.75vw;
        text-transform: uppercase;
        color: #aaa;
    }

    .ui-datepicker td {
        padding: 3% 0;
    }

        .ui-datepicker td .best-rate {
            padding: 5% 0 0;
            text-align: center;
            color: #5a93fb;
        }

    .ui-datepicker .datepicker-range, .ui-datepicker .ui-datepicker-current-day {
        background: #2c2d31;
    }

    .ui-datepicker.dont-show {
        background: url(img/pickerloader.gif) no-repeat center center #36393e;
    }

        .ui-datepicker.dont-show .wrapper {
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            transition: none;
            opacity: 0;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            -ms-transition: none;
            transition: none;
            opacity: 0;
        }

.alerta-best-rates {
    color: #fff;
    text-align: center;
}

#lg-outer {
    background: rgba(50,55,62,.95);
}

.lg-nav {
    -webkit-border-radius: 0 50% 50% 0;
    position: absolute;
    z-index: 1;
    left: -8%;
    background-color: rgba(0,0,0,.6);
    padding-bottom: 20%;
    width: 18%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden;
    color: #fff;
    font-size: 10.9375vw;
    border-radius: 0 50% 50% 0;
}

    .lg-nav i {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10%;
    }

    .lg-nav#lg-next {
        -webkit-border-radius: 50% 0 0 50%;
        right: -8%;
        left: auto;
        border-radius: 50% 0 0 50%;
    }

        .lg-nav#lg-next i {
            left: 10%;
            right: auto;
        }

#lg-close {
    width: 6.875%;
    padding-bottom: 6.71875%;
    font-size: 6.25vw;
    font-weight: 100;
    background: url(img/close-icon.png) no-repeat center center/contain transparent;
}

    #lg-close:after {
        display: none;
    }

#loadingContainer {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    #loadingContainer .mcolor-cliente-principal-text {
        display: inline-block;
        font-size: 4.6875vw;
        color: #5a93fb;
    }

    #loadingContainer .bubblingG2 {
        text-align: center;
        height: 45px;
    }

        #loadingContainer .bubblingG2 span {
            -webkit-border-radius: 75px;
            display: inline-block;
            vertical-align: middle;
            width: 7px;
            height: 7px;
            margin: 15px auto;
            background: #fff;
            border-radius: 75px;
            -webkit-animation: bubblingG2 .6s infinite alternate;
            -moz-animation: bubblingG2 .6s infinite alternate;
            -o-animation: bubblingG2 .6s infinite alternate;
            -ms-animation: bubblingG2 .6s infinite alternate;
            animation: bubblingG2 .6s infinite alternate;
        }

    #loadingContainer #bubblingG2_1 {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        animation-delay: 0s;
    }

    #loadingContainer #bubblingG2_2 {
        -webkit-animation-delay: .18s;
        -moz-animation-delay: .18s;
        -o-animation-delay: .18s;
        -ms-animation-delay: .18s;
        animation-delay: .18s;
    }

    #loadingContainer #bubblingG2_3 {
        -webkit-animation-delay: .36s;
        -moz-animation-delay: .36s;
        -o-animation-delay: .36s;
        -ms-animation-delay: .36s;
        animation-delay: .36s;
        -webkit-animation-delay: .36s;
        -moz-animation-delay: .36s;
        -o-animation-delay: .36s;
        -ms-animation-delay: .36s;
        animation-delay: .36s;
    }

@-moz-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@-webkit-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@-o-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

#main-container {
    width: 100%;
    min-height: 100%;
    height: 100%;
}

    #main-container .pages-wrapper {
        width: 100%;
        min-height: calc(100% - 130px);
    }

#main-menu {
    position: relative;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-height: 50px;
    z-index: 9;
    padding: 0;
}

#cabecalho-completo {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 100%;
    background-color: #5a93fb;
    padding: 0;
    position: relative;
    z-index: 21;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    #cabecalho-completo .center {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

    #cabecalho-completo #cabecalho-img {
        display: inline-block;
        height: auto;
        min-height: 40px;
        max-height: 64px;
        max-width: 150px;
        vertical-align: middle;
    }

    #cabecalho-completo .hotel-logo {
        display: inline-block;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -o-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 3.25%;
        padding: 10px 0;
    }

    #cabecalho-completo .menu-buttons {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        position: absolute;
        right: 0;
    }

    #cabecalho-completo .cabecalho-nav-btn {
        width: 72px;
        vertical-align: middle;
        height: 100%;
        display: block;
        display: inline-block;
        text-align: center;
        color: #fff;
        background-color: transparent;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease;
    }

        #cabecalho-completo .cabecalho-nav-btn .flag {
            display: inline-block;
        }

        #cabecalho-completo .cabecalho-nav-btn.selected {
            background-color: #36393e;
            color: #5a93fb;
        }

            #cabecalho-completo .cabecalho-nav-btn.selected #cabecalho-nav-menu-icon hr {
                background-color: #5a93fb;
            }

    #cabecalho-completo.reservation-header {
        background-color: #36393e;
    }

        #cabecalho-completo.reservation-header .cabecalho-nav-btn {
            position: absolute;
            width: 15%;
            height: 100%;
            padding: 0 1.5%;
            border-left: 1px solid #454545;
            font: 500 3.4375vw Roboto,"Segoe UI",Verdana,Helvetica,Sans-Serif;
            right: 0;
        }

            #cabecalho-completo.reservation-header .cabecalho-nav-btn#header-currency {
                right: 16.5%;
            }

            #cabecalho-completo.reservation-header .cabecalho-nav-btn .wrap {
                position: relative;
                height: 100%;
            }

            #cabecalho-completo.reservation-header .cabecalho-nav-btn select {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 1;
            }

            #cabecalho-completo.reservation-header .cabecalho-nav-btn .display-table {
                height: 100%;
                width: 100%;
            }

            #cabecalho-completo.reservation-header .cabecalho-nav-btn.language span {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                display: inline-block;
                background: url(../Content/img/spritesheet.png) 0 -18px;
                width: 20px;
                height: 15px;
                vertical-align: middle;
            }

                #cabecalho-completo.reservation-header .cabecalho-nav-btn.language span.en {
                    background: url(../Content/img/spritesheet.png) 0 0;
                    width: 22px;
                    height: 16px;
                }

                #cabecalho-completo.reservation-header .cabecalho-nav-btn.language span.es {
                    background: url(../Content/img/spritesheet.png) -24px 0;
                    width: 22px;
                    height: 16px;
                }

    #cabecalho-completo .cabecalho-nav-btn-icon {
        font-size: 3.4rem;
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
        display: inline-block;
        line-height: .6;
    }

    #cabecalho-completo #cabecalho-nav-menu {
        width: 49px;
    }

    #cabecalho-completo #cabecalho-nav-menu-icon {
        width: 25px;
    }

        #cabecalho-completo #cabecalho-nav-menu-icon hr {
            -webkit-border-radius: 3px;
            margin: 3px 0;
            border: none;
            height: 3px;
            background-color: #fff;
            border-radius: 3px;
        }

    #cabecalho-completo .cabecalho-nav-btn-label {
        font-size: .9rem;
        color: inherit;
        display: block;
        text-align: center;
    }

    #cabecalho-completo #cabecalho-nav-modificar .cabecalho-nav-btn-label {
        margin-top: -2px;
    }

#menu {
    height: 100%;
    visibility: hidden;
    opacity: 0;
    display: none;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #36393e;
    width: 100%;
    height: calc(100% - 130px);
    z-index: 9;
    -webkit-transition: opacity .4s ease,visibility 1ms linear .4s,-webkit-transform .4s ease-out;
    -moz-transition: opacity .4s ease,visibility 1ms linear .4s,-moz-transform .4s ease-out;
    -o-transition: opacity .4s ease,visibility 1ms linear .4s,-o-transform .4s ease-out;
    -ms-transition: opacity .4s ease,visibility 1ms linear .4s,-ms-transform .4s ease-out;
    transition: opacity .4s ease,visibility 1ms linear .4s,transform .4s ease-out;
}

    #menu.show {
        visibility: visible;
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity .4s ease,visibility 1ms linear,-webkit-transform .4s ease-out;
        -moz-transition: opacity .4s ease,visibility 1ms linear,-moz-transform .4s ease-out;
        -o-transition: opacity .4s ease,visibility 1ms linear,-o-transform .4s ease-out;
        -ms-transition: opacity .4s ease,visibility 1ms linear,-ms-transform .4s ease-out;
        transition: opacity .4s ease,visibility 1ms linear,transform .4s ease-out;
    }

    #menu .wrapper {
        width: 100%;
        height: 100%;
        position: relative;
    }

    #menu .logged {
        width: 100%;
        height: 100%;
        display: table;
        display: none;
    }

        #menu .logged #navigation {
            padding-top: 105px;
            width: 100%;
            height: 100%;
        }

            #menu .logged #navigation .item {
                color: #fff;
                display: inline-block;
                text-align: center;
                width: 100%;
                padding: 10% 0;
                text-decoration: none;
            }

    #menu .not-logged {
        width: 100%;
        height: 100%;
        display: table;
    }

        #menu .not-logged .title {
            text-align: center;
            margin-bottom: 20px;
        }

        #menu .not-logged form {
            text-align: center;
        }

        #menu .not-logged .form-fields {
            width: 80%;
        }

            #menu .not-logged .form-fields input {
                width: 100%;
            }

        #menu .not-logged #account-login .login {
            display: inline-block;
            width: 80%;
            position: relative;
            margin-top: 40px;
            padding: 3% 0;
        }

        #menu .not-logged .submit-login {
            color: #5a93fb;
            padding: 10px;
            font-size: 3.90625vw;
            font-weight: 700;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    #menu .footer-menu {
        position: absolute;
        top: 100%;
        height: 80px;
        width: 100%;
        background-color: #2c2d31;
        text-align: center;
        display: table;
    }

        #menu .footer-menu .label {
            display: inline-block;
            vertical-align: middle;
            color: #999;
            font-size: 3.4375vw;
        }

        #menu .footer-menu .wrap-btn {
            -webkit-border-radius: 10px;
            vertical-align: middle;
            width: 60px;
            height: 28px;
            border-radius: 10px;
            background-color: #36393e;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            line-height: 28px;
            vertical-align: middle;
        }

        #menu .footer-menu .currency {
            color: #fff;
            font-size: 1.1rem;
            margin: 0 15px;
            position: relative;
        }

            #menu .footer-menu .currency .select-currency {
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0;
            }

        #menu .footer-menu .language {
            position: relative;
        }

            #menu .footer-menu .language .select-lang {
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                opacity: 0;
            }

            #menu .footer-menu .language span {
                display: inline-block;
                background: url(../Content/img/spritesheet.png) 0 -18px;
                width: 20px;
                height: 15px;
                vertical-align: middle;
                display: inline-block;
                background-position: 0 -18px;
                width: 20px;
                height: 15px;
                vertical-align: middle;
            }

                #menu .footer-menu .language span.en-US {
                    background-position: 0 0;
                    width: 22px;
                    height: 16px;
                }

                #menu .footer-menu .language span.es-ES {
                    background-position: -24px 0;
                    width: 22px;
                    height: 16px;
                }

#busca {
    z-index: 20;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    top: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: none;
    height: calc(100% - 50px);
    background-color: #36393e;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 6.25%;
    -webkit-transition: opacity .4s ease,visibility 1ms linear .4s,-webkit-transform .4s ease-out;
    -moz-transition: opacity .4s ease,visibility 1ms linear .4s,-moz-transform .4s ease-out;
    -o-transition: opacity .4s ease,visibility 1ms linear .4s,-o-transform .4s ease-out;
    -ms-transition: opacity .4s ease,visibility 1ms linear .4s,-ms-transform .4s ease-out;
    transition: opacity .4s ease,visibility 1ms linear .4s,transform .4s ease-out;
}

    #busca > .wrapper {
        padding: 6.25% 0;
    }

    #busca.show {
        visibility: visible;
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transition: opacity .4s ease,visibility 1ms linear,-webkit-transform .4s ease-out;
        -moz-transition: opacity .4s ease,visibility 1ms linear,-moz-transform .4s ease-out;
        -o-transition: opacity .4s ease,visibility 1ms linear,-o-transform .4s ease-out;
        -ms-transition: opacity .4s ease,visibility 1ms linear,-ms-transform .4s ease-out;
        transition: opacity .4s ease,visibility 1ms linear,transform .4s ease-out;
    }

    #busca .item-busca {
        margin: 6.25% 0;
    }

        #busca .item-busca .btn-people {
            background-color: #2c2d31;
            color: #fff;
            width: 18%;
            padding-bottom: 14.3%;
            position: relative;
            margin-left: 8%;
            vertical-align: middle;
        }

            #busca .item-busca .btn-people:first-child {
                margin-left: 0;
            }

            #busca .item-busca .btn-people.selected, #busca .item-busca .btn-people:focus {
                background-color: #454545;
            }

            #busca .item-busca .btn-people span {
                position: absolute;
                font-size: 3.4375vw;
            }

            #busca .item-busca .btn-people i {
                position: absolute;
                font-size: 9.375vw;
            }

            #busca .item-busca .btn-people i, #busca .item-busca .btn-people span {
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                -moz-transform: translate(-50%,-50%);
                -o-transform: translate(-50%,-50%);
                -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
            }

            #busca .item-busca .btn-people select {
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 1;
                left: 0;
                top: 0;
            }

    #busca .children-ages {
        display: none;
        text-align: left;
    }

        #busca .children-ages .btn-people {
            margin-bottom: 5%;
        }

            #busca .children-ages .btn-people:nth-child(5n) {
                margin-left: 0;
            }

        #busca .children-ages.show {
            display: block;
        }

    #busca #criancas .selecteds {
        margin-bottom: 2%;
        display: none;
    }

    #busca #criancas .edit, #busca #criancas .selecteds {
        color: #5a93fb;
        font-size: 3.125vw;
        text-transform: uppercase;
    }

        #busca #criancas .edit .edit, #busca #criancas .selecteds .edit {
            font-size: 2.8125vw;
            margin-left: 5%;
        }

        #busca #criancas .edit .qnt, #busca #criancas .selecteds .qnt {
            display: inline-block;
        }

    #busca .field-title {
        color: #5a93fb;
        font: 700 4.6875vw "Roboto Condensed";
        text-transform: uppercase;
        margin-bottom: 2%;
    }

    #busca #busca-destinos {
        width: 100%;
    }

    #busca #select-destination {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

    #busca #periodo .field-title {
        margin-bottom: 4%;
    }

    #busca #periodo .field {
        width: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        position: relative;
    }

        #busca #periodo .field .wrapper-input {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding-right: 5%;
            position: relative;
        }

            #busca #periodo .field .wrapper-input input {
                -webkit-border-radius: 0;
                width: 100%;
                border-radius: 0;
                background-color: #2c2d31;
                color: #fff;
                font-size: 3.90625vw;
            }

            #busca #periodo .field .wrapper-input i {
                position: absolute;
                top: 50%;
                right: 8%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                color: #5a93fb;
                font-size: 6.25vw;
            }

        #busca #periodo .field.checkout-field .field-title, #busca #periodo .field.checkout-field .wrapper-input {
            padding-right: 0;
            padding-left: 5%;
        }

            #busca #periodo .field.checkout-field .field-title i, #busca #periodo .field.checkout-field .wrapper-input i {
                right: 3%;
            }

    #busca .insert-promocode {
        color: #fff;
        font-size: 3.90625vw;
        position: relative;
        padding-left: 0;
    }

        #busca .insert-promocode i {
            font-size: 7.03125vw;
            position: absolute;
            left: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-left: -5%;
            -webkit-transform-origin: center center;
            -moz-transform-origin: center center;
            -o-transform-origin: center center;
            -ms-transform-origin: center center;
            transform-origin: center center;
        }

    #busca .promocode-text {
        font-size: 3.90625vw;
        display: none;
    }

        #busca .promocode-text .promocode {
            color: #fff;
            text-transform: uppercase;
            display: inline-block;
        }

        #busca .promocode-text .edit-promo {
            display: inline-block;
            color: #5a93fb;
            text-decoration: underline;
            position: relative;
            font-size: 3.125vw;
        }

            #busca .promocode-text .edit-promo i {
                position: absolute;
                left: 100%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 5.46875vw;
            }

    #busca .promocode-field {
        position: relative;
        display: none;
        margin-top: 5%;
    }

        #busca .promocode-field .promocode-input {
            padding-right: 36px;
        }

        #busca .promocode-field .input-button {
            color: #5a93fb;
            padding: 10px;
            font-size: 3.4375vw;
            font-weight: 700;
            position: absolute;
            right: 0;
            top: 0;
        }

    #busca #promocode.opened .insert-promocode {
        display: block;
    }

        #busca #promocode.opened .insert-promocode i {
            -webkit-transform: rotate(90deg) translate(-45%,-10%);
            -moz-transform: rotate(90deg) translate(-45%,-10%);
            -o-transform: rotate(90deg) translate(-45%,-10%);
            -ms-transform: rotate(90deg) translate(-45%,-10%);
            transform: rotate(90deg) translate(-45%,-10%);
        }

    #busca #promocode.opened .promocode-field {
        display: inline-block;
    }

    #busca #promocode.selected .insert-promocode {
        display: none;
    }

    #busca #promocode.selected .promocode-field {
        display: none;
    }

    #busca #promocode.selected .promocode-text {
        display: block;
    }

    #busca .search.btn {
        font-size: 4.6875vw;
        font-weight: 700;
        width: 100%;
        padding: 5% 0;
    }

.destination-search {
    position: relative;
}

    .destination-search .destination-search {
        background-color: #2c2d31;
        color: #fff;
        position: relative;
        margin-top: 13%;
    }

    .destination-search .fake-select {
        background-color: #2c2d31;
        display: block;
        position: relative;
        width: 100%;
        padding: 4% 7%;
        color: #fff;
        text-align: left;
        font-size: 4.21875vw;
    }

        .destination-search .fake-select i {
            color: #5a93fb;
            font-size: 9.375vw;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin-top: .25%;
        }

    .destination-search .wrapper-search {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: #2c2d31;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3.571428571428571%;
        z-index: 5;
    }

    .destination-search .input-search input {
        -webkit-border-radius: 0;
        background-color: transparent;
        border-radius: 0;
        border: 2px solid #36393e;
        width: 100%;
        padding-right: 12%;
        color: #fff;
    }

    .destination-search .input-search .icon {
        position: absolute;
        color: #36393e;
        font-size: 9.375vw;
        right: 5%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .destination-search .search-results {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 0 3% 3%;
        background-color: #2c2d31;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 6;
    }

        .destination-search .search-results .item-result {
            color: #fff;
            width: 100%;
            position: relative;
            text-align: left;
            padding: 3%;
            font-size: 3.4375vw;
        }

            .destination-search .search-results .item-result span {
                padding-left: 7.5%;
                display: block;
                line-height: 1.3;
            }

            .destination-search .search-results .item-result i {
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 5vw;
            }

#rodape {
    width: 100%;
    background-color: #36393e;
    text-align: center;
    display: table;
    padding-bottom: 80px;
}

    #rodape .wrapper {
        padding: 10% 0 5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #rodape .desktop-link {
        color: #fff;
        text-decoration: none;
        font-size: 3.4375vw;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        font-weight: 500;
    }

        #rodape .desktop-link i {
            font-size: 9.375vw;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 100%;
            margin: -1px 0 0 -8px;
        }

    #rodape .text {
        color: #fff;
        font-size: 3.75vw;
        text-align: center;
        display: block;
        margin: 30px 0 10px;
        line-height: 1.5;
    }

    #rodape .pmweb-logo {
        display: inline-block;
        width: 14.0625%;
        padding-bottom: 6.875000000000001%;
        background: url(img/pmweb.png) no-repeat center center/cover;
    }

#erro {
    text-align: center;
    padding: 6.25% 0;
}

    #erro .title {
        color: #454545;
        text-transform: none;
    }

    #erro .italic {
        font-size: 4.0625vw;
        padding: 0 13%;
        margin: 6.25% 0;
        line-height: 1.5;
    }

    #erro .btn {
        color: #888;
        text-transform: none;
        line-height: 1.2;
        margin: 0 5%;
        vertical-align: middle;
    }

        #erro .btn i {
            color: #5a93fb;
            font-size: 20.3125vw;
        }

    #erro .bg-erro {
        margin-top: 10%;
    }

    #erro .spark {
        position: absolute;
        background: url(img/spark-1.png) no-repeat center center/contain;
        width: 6.54%;
        padding-bottom: 8.82%;
    }

        #erro .spark.spark2 {
            background-image: url(img/spark-2.png);
            width: 5.13%;
            padding-bottom: 10.68%;
        }

    #erro .lhama {
        position: relative;
        width: 47.8125%;
        padding-bottom: 63.90625%;
        background: url(img/lhama.png) no-repeat center center/contain;
        display: inline-block;
        margin-right: 14.7769%;
        vertical-align: middle;
    }

        #erro .lhama .spark1 {
            right: -12%;
            top: 20%;
            -webkit-animation: spark1 1s linear infinite;
            -moz-animation: spark1 1s linear infinite;
            -o-animation: spark1 1s linear infinite;
            -ms-animation: spark1 1s linear infinite;
            animation: spark1 1s linear infinite;
        }

    #erro .wire {
        position: relative;
        width: 36.5625%;
        padding-bottom: 33.75%;
        background: url(img/wire.png) no-repeat center center/contain;
        display: inline-block;
        vertical-align: middle;
    }

        #erro .wire .spark1 {
            width: 8.55%;
            padding-bottom: 11.54%;
            top: 11%;
            left: 13%;
            -webkit-animation: spark1 1s linear infinite;
            -moz-animation: spark1 1s linear infinite;
            -o-animation: spark1 1s linear infinite;
            -ms-animation: spark1 1s linear infinite;
            animation: spark1 1s linear infinite;
        }

        #erro .wire .spark2 {
            left: -13%;
            top: 7%;
            -webkit-animation: spark1 1s linear .5s infinite;
            -moz-animation: spark1 1s linear .5s infinite;
            -o-animation: spark1 1s linear .5s infinite;
            -ms-animation: spark1 1s linear .5s infinite;
            animation: spark1 1s linear .5s infinite;
        }

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em;
    margin: 0 0 1.5em;
}

legend {
    font-size: 1.2em;
    font-weight: 700;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0;
}

.editor-field {
    margin: .5em 0 0;
}

.field-validation-error {
    color: red;
}

.field-validation-valid {
    display: none;
}

.error {
    border: 1px solid #e23737 !important;
    background-color: #fee !important;
}

.validation-summary-errors {
    font-weight: 700;
    color: #e23737;
}

.validation-summary-valid {
    display: none;
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    .ios {
        height: 1024px;
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .ios {
        height: 768px;
    }
}

@media screen and (device-aspect-ratio:40/71) {
    .ios {
        height: 500px;
    }
}

#hoteis {
    min-height: 100%;
    position: relative;
    top: 20px;
}

#listagem-hoteis-container {
    min-height: 100%;
}

#listagem-hoteis {
    padding: 0 3.125%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #listagem-hoteis .hotel-item {
        -webkit-border-radius: 0 8px 8px 0;
        width: 100%;
        padding-bottom: 52%;
        position: relative;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px 7px #a9a8a8;
        box-shadow: 1px 1px 7px #a9a8a8;
        border-radius: 0 8px 8px 0;
        margin: 5% 0 0;
    }

        #listagem-hoteis .hotel-item .wrapper {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        #listagem-hoteis .hotel-item .pic {
            width: 61.6666666667%;
            height: 100%;
            float: left;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            background-position: center center;
            position: relative;
            -webkit-box-shadow: 0 -167px 140px -110px #000 inset;
            box-shadow: 0 -167px 140px -110px #000 inset;
        }

        #listagem-hoteis .hotel-item .hotel-name {
            color: #fff;
            position: absolute;
            bottom: 10px;
            padding: 0 10px;
            text-transform: uppercase;
            font: 700 5.15625vw/1.1 "Roboto Condensed";
            letter-spacing: .3rem;
        }

        #listagem-hoteis .hotel-item .stamp-off {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #e23737;
            color: #fff;
            font-size: 3.4375vw;
            text-transform: uppercase;
            padding: 10px;
            font-weight: 700;
        }

        #listagem-hoteis .hotel-item .infos {
            float: left;
            width: 38.33%;
            text-align: center;
            display: table;
            height: 100%;
            padding: 0 3.125%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #listagem-hoteis .hotel-item .infos .text {
                font-size: 3.90625vw;
                text-align: center;
            }

            #listagem-hoteis .hotel-item .infos .value {
                color: #001f76;
                font-weight: 700;
                font-size: 5vw;
                text-transform: uppercase;
                text-align: center;
                margin: 8px 0;
            }

            #listagem-hoteis .hotel-item .infos .booking {
                padding: 12% 0;
                margin: 15% 0 0;
                width: 100%;
            }

            #listagem-hoteis .hotel-item .infos .warning {
                color: #e23737;
                font-weight: 400;
                margin: 15% 0 0;
                font-size: 3.4375vw;
            }

            #listagem-hoteis .hotel-item .infos .no-rooms {
                color: #454545;
                font: 700 4.0625vw "Roboto Condensed";
            }

            #listagem-hoteis .hotel-item .infos .see-another-date {
                font-size: 2.8125vw;
                padding: 10% 0;
                margin-top: 25%;
                width: 100%;
            }

#ultimas-buscas {
    background-color: #fff;
    margin-top: 9%;
    border-top: 1px dotted grey;
    text-align: center;
    padding: 9% 0;
    display: none;
}

    #ultimas-buscas .title {
        color: #454545;
    }

    #ultimas-buscas .text {
        font-size: 3.90625vw;
        margin: 4.5% 0;
        line-height: 1.5;
    }

        #ultimas-buscas .text button.new-search {
            color: #5a93fb !important;
            font-size: inherit;
        }

    #ultimas-buscas .items-list {
        text-align: left;
    }

    #ultimas-buscas .last-search-item {
        border: 1px solid #ddd;
        background-color: #f3f3f3;
        border-radius: 5px 0 0 5px;
        display: inline-block;
        width: auto;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align: left;
        white-space: nowrap;
        position: relative;
        padding: 0 5%;
        left: 50%;
        -webkit-transform: translateX(-58%);
        -moz-transform: translateX(-58%);
        -o-transform: translateX(-58%);
        -ms-transform: translateX(-58%);
        transform: translateX(-58%);
        margin-top: 5%;
        min-width: 50%;
    }

        #ultimas-buscas .last-search-item .last-search {
            font-size: 1.1rem;
            font-size: 3.90625vw;
            color: #5a93fb;
            font-weight: 500;
            float: left;
            padding: 5% 0;
        }

        #ultimas-buscas .last-search-item .btn-remover-busca {
            position: absolute;
            text-align: center;
            float: right;
            padding: 4% 7%;
            font-size: 4.375vw;
            color: #acacac;
            border: 1px solid #ddd;
            background-color: #f3f3f3;
            -webkit-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
            left: 100%;
            top: -1px;
            height: calc(100% + 2px);
            line-height: 1;
        }

#invalid-destination {
    display: none;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #36393e;
    top: 0;
    left: 0;
    padding: 15% 6.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #invalid-destination .title {
        color: #fff;
        display: inline-block;
        width: 65%;
        line-height: 1.3;
        margin-left: 5%;
    }

    #invalid-destination .icon-map {
        display: inline-block;
        background: url(img/icon-map.png) no-repeat center center/cover;
        width: 24.375%;
        padding-bottom: 19.21875%;
    }

    #invalid-destination .destination-search {
        margin-top: 13%;
    }

#hotel .read-more {
    color: #001f76;
    font-weight: 500;
    position: relative;
    margin-top: 4%;
}

    #hotel .read-more i {
        font-size: 9.375vw;
        left: 100%;
        top: 50%;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: -15%;
    }

    #hotel .read-more.opened i {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -o-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg);
    }

#hotel .hotel-name {
    font-size: 6.5625vw;
}

#hotel .title {
    color: #454545;
}

#hotel .subtitle {
    color: #001f76;
    font-weight: 500;
    font-size: 3.4375vw;
}

#hotel .promo-off {
    width: 100%;
    background-color: #e23737;
    color: #fff;
    text-align: center;
    font: 700 4.375vw "Roboto Condensed";
    text-transform: uppercase;
    padding: 3% 0;
}

#hotel .banner {
    width: 100%;
    position: relative;
    padding-bottom: 54.6875%;
    overflow: hidden;
}

    #hotel .banner .slick-list, #hotel .banner .slick-track {
        height: 100%;
    }

    #hotel .banner .slick-arrow {
        -webkit-border-radius: 0 50% 50% 0;
        position: absolute;
        z-index: 1;
        left: -8%;
        background-color: rgba(0,0,0,.6);
        height: 40%;
        width: 20%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        overflow: hidden;
        color: #fff;
        font-size: 10.9375vw;
        border-radius: 0 50% 50% 0;
    }

        #hotel .banner .slick-arrow i {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 10%;
        }

        #hotel .banner .slick-arrow.slick-next {
            -webkit-border-radius: 50% 0 0 50%;
            right: -8%;
            left: auto;
            border-radius: 50% 0 0 50%;
        }

            #hotel .banner .slick-arrow.slick-next i {
                left: 10%;
                right: auto;
            }

        #hotel .banner .slick-arrow .wrap {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 100%;
        }

    #hotel .banner .slider {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    #hotel .banner .slide-list {
        width: 100%;
        height: 100%;
    }

    #hotel .banner .slide {
        width: 100%;
        height: 100%;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        position: relative;
    }

#hotel #room-selected {
    position: fixed;
    width: 100%;
    background-color: #36393e;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 7% 3.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 5;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    -webkit-transition: opacity .4s ease,-webkit-transform .4s ease-out,visibility .1s linear;
    -moz-transition: opacity .4s ease,-moz-transform .4s ease-out,visibility .1s linear;
    -o-transition: opacity .4s ease,-o-transform .4s ease-out,visibility .1s linear;
    -ms-transition: opacity .4s ease,-ms-transform .4s ease-out,visibility .1s linear;
    transition: opacity .4s ease,transform .4s ease-out,visibility .1s linear;
}

    #hotel #room-selected.show {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible;
    }

    #hotel #room-selected .infos {
        float: left;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin-right: 23%;
    }

    #hotel #room-selected p {
        color: #fff;
        font-size: 4.21875vw;
        display: inline-block;
        line-height: 1.5;
    }

        #hotel #room-selected p.total-price {
            clear: left;
        }

        #hotel #room-selected p strong {
            font-size: 5.46875vw;
            font-weight: 700;
        }

    #hotel #room-selected .btn {
        float: right;
        padding: 5% 7%;
        font-size: 4.6875vw;
    }

#hotel #address {
    text-align: center;
    padding: 6.25%;
    background-color: #fff;
}

    #hotel #address .address {
        display: inline-block;
        line-height: 1.5;
        font-size: 4.0625vw;
        margin-top: 5px;
    }

    #hotel #address .phone {
        text-decoration: underline;
        font-size: 4.0625vw;
        color: #5a93fb;
    }

#hotel #about {
    padding: 6.25%;
    text-align: left;
    border-top: 1px solid #999;
    background-color: #fff;
}

    #hotel #about .description {
        line-height: 1.5;
        margin-top: 3.5%;
        font-size: 4.0625vw;
    }

    #hotel #about .content {
        height: 65px;
        overflow: hidden;
        position: relative;
        -webkit-box-shadow: 0 3px 20px #fff inset;
        box-shadow: 0 3px 20px #fff inset;
    }

        #hotel #about .content .white-overlay {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 24px;
            -webkit-box-shadow: 0 -26px 80px -10px #fff inset;
            box-shadow: 0 -26px 80px -10px #fff inset;
        }

        #hotel #about .content.opened {
            height: auto;
        }

            #hotel #about .content.opened .white-overlay {
                display: none;
            }

#hotel #rooms {
    padding: 3.125%;
}

    #hotel #rooms #boas-vindas-abandono {
        background-color: #6fd74c;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 3.90625vw;
        line-height: 21px;
        text-align: center;
        color: #fff;
    }

        #hotel #rooms #boas-vindas-abandono span {
            display: block;
        }

            #hotel #rooms #boas-vindas-abandono span:first-of-type {
                margin-bottom: 15px;
            }

    #hotel #rooms .title {
        padding: 6.25%;
    }

    #hotel #rooms .block {
        -webkit-border-radius: 6px;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px 7px #a9a8a8;
        box-shadow: 1px 1px 7px #a9a8a8;
        border-radius: 6px;
        padding: 5%;
    }

        #hotel #rooms .block.room {
            margin-top: 6.25%;
        }

            #hotel #rooms .block.room .text {
                font-size: 3.90625vw;
                line-height: 1.5;
            }

            #hotel #rooms .block.room .rate {
                border-bottom: 1px dashed #d3d3d3;
                padding-bottom: 13px;
            }

        #hotel #rooms .block.actual-search {
            text-align: center;
        }

            #hotel #rooms .block.actual-search .total-people {
                display: inline-block;
                margin: 0 3%;
            }

    #hotel #rooms .wrap-top {
        margin-bottom: 5%;
    }

    #hotel #rooms .wrap-bottom {
        margin-top: 5%;
    }

    #hotel #rooms .room-name {
        font-size: 5.15625vw;
        float: left;
        color: #454545;
        font-weight: 700;
        width: 87%;
    }

    #hotel #rooms .pics {
        text-decoration: none;
        color: #5a93fb;
        font-size: 15.625vw;
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

        #hotel #rooms .pics i {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    #hotel #rooms .limit {
        float: left;
        clear: left;
        margin-top: 2%;
        font-size: 2.65625vw;
    }

    #hotel #rooms .room-details {
        color: #006;
        font-size: 4.21875vw;
        font-weight: 700;
        margin-top: 4%;
        padding: 5px 0 5px 4%;
        position: relative;
    }

        #hotel #rooms .room-details span {
            line-height: 1;
            vertical-align: middle;
            line-height: 2;
            font-weight: 700;
        }

        #hotel #rooms .room-details i {
            vertical-align: middle;
            font-size: 4.6875vw;
            font-style: normal;
            line-height: 1;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
        }

    #hotel #rooms .conditions {
        float: left;
        width: 52%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #hotel #rooms .conditions .rate-name {
            font-size: 3.125vw;
            text-transform: uppercase;
            font-weight: 700;
            margin-bottom: 3%;
            line-height: 1.3;
        }

        #hotel #rooms .conditions .cond-txt {
            display: none;
            margin-top: 10%;
            line-height: 1.5;
        }

        #hotel #rooms .conditions .btn-conditions {
            display: inline-block;
            margin-top: 1em;
            text-transform: uppercase;
            font-weight: 700;
            color: grey;
            font-size: 2.96875vw;
            position: relative;
            border-bottom: 2px dotted grey;
            margin-bottom: 5%;
            padding-bottom: 1px;
        }

            #hotel #rooms .conditions .btn-conditions i {
                position: absolute;
                left: 100%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                margin-left: -8%;
                position: absolute;
                left: 100%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 7.8125vw;
                margin-left: -8%;
            }

        #hotel #rooms .conditions .free {
            color: #5baf40;
        }

        #hotel #rooms .conditions .box-condition {
            padding: 8%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border: 1px solid #ddd;
        }

            #hotel #rooms .conditions .box-condition.opened .cond-txt {
                display: block;
                padding-bottom: 8%;
            }

            #hotel #rooms .conditions .box-condition.opened .btn-conditions i {
                -webkit-transform: translateY(-50%) scaleY(-1);
                -moz-transform: translateY(-50%) scaleY(-1);
                -o-transform: translateY(-50%) scaleY(-1);
                -ms-transform: translateY(-50%) scaleY(-1);
                transform: translateY(-50%) scaleY(-1);
            }

    #hotel #rooms .price {
        float: left;
        width: 48%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 6.25%;
        text-align: center;
    }

        #hotel #rooms .price .warning {
            color: #e23737;
            margin-top: 12%;
        }

        #hotel #rooms .price .old-price {
            font-size: 2.8125vw;
            text-decoration: line-through;
            color: #001f76;
            margin-bottom: 5px;
        }

        #hotel #rooms .price .actual-price {
            color: #001f76;
            font-size: 5.46875vw;
            font-weight: 700;
            margin-bottom: 10%;
        }

            #hotel #rooms .price .actual-price.promo-price {
                color: #f26522;
            }

        #hotel #rooms .price .wrap-btn {
            position: relative;
        }

        #hotel #rooms .price .chose {
            width: 100%;
            padding: 10% 0;
            opacity: 1;
            -ms-filter: none;
            filter: none;
            visibility: visible;
            -webkit-transition: opacity .4s ease,visibility 1ms linear;
            -moz-transition: opacity .4s ease,visibility 1ms linear;
            -o-transition: opacity .4s ease,visibility 1ms linear;
            -ms-transition: opacity .4s ease,visibility 1ms linear;
            transition: opacity .4s ease,visibility 1ms linear;
        }

            #hotel #rooms .price .chose.invisible {
                opacity: 0;
                visibility: hidden;
                -webkit-transition: opacity .4s ease,visibility 1ms linear .4s;
                -moz-transition: opacity .4s ease,visibility 1ms linear .4s;
                -o-transition: opacity .4s ease,visibility 1ms linear .4s;
                -ms-transition: opacity .4s ease,visibility 1ms linear .4s;
                transition: opacity .4s ease,visibility 1ms linear .4s;
            }

        #hotel #rooms .price .value {
            font-weight: 500;
            font-size: 4.6875vw;
            padding: 0 5%;
            display: inline-block;
            margin-top: 6%;
        }

        #hotel #rooms .price .selector {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            width: 100%;
            height: 100%;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: opacity .4s ease,visibility 1ms linear .4s;
            -moz-transition: opacity .4s ease,visibility 1ms linear .4s;
            -o-transition: opacity .4s ease,visibility 1ms linear .4s;
            -ms-transition: opacity .4s ease,visibility 1ms linear .4s;
            transition: opacity .4s ease,visibility 1ms linear .4s;
        }

            #hotel #rooms .price .selector.show {
                opacity: 1;
                -ms-filter: none;
                filter: none;
                visibility: visible;
                -webkit-transition: opacity .4s ease,visibility 1ms linear;
                -moz-transition: opacity .4s ease,visibility 1ms linear;
                -o-transition: opacity .4s ease,visibility 1ms linear;
                -ms-transition: opacity .4s ease,visibility 1ms linear;
                transition: opacity .4s ease,visibility 1ms linear;
            }

            #hotel #rooms .price .selector .btn {
                -webkit-border-radius: 20%;
                padding: 5% 10%;
                font-weight: 500;
                font-size: 4.6875vw;
                border-radius: 20%;
                float: left;
            }

                #hotel #rooms .price .selector .btn.plus {
                    float: right;
                }

    #hotel #rooms .details {
        margin-top: 6.25%;
        display: none;
    }

        #hotel #rooms .details .title {
            padding-left: 0;
        }

        #hotel #rooms .details .description, #hotel #rooms .details .room-facilities {
            line-height: 1.5;
            font-size: 4.0625vw;
            color: #999;
        }

        #hotel #rooms .details .description {
            margin-top: 6.25%;
        }

    #hotel #rooms .rooms-result {
        margin-top: 6.25%;
    }

    #hotel #rooms .showDetails .details {
        display: block;
    }

    #hotel #rooms .more-rooms {
        background-color: #888;
        width: 100%;
        padding: 4% 0;
        margin-top: 6.25%;
    }

#hotel #facilities, #hotel #rules {
    padding: 6.25%;
    background-color: #fff;
    line-height: 1.5;
}

    #hotel #facilities .subtitle, #hotel #rules .subtitle {
        margin: 2.5% 0 1%;
    }

    #hotel #facilities .content, #hotel #rules .content {
        height: 65px;
        overflow: hidden;
        position: relative;
        -webkit-box-shadow: 0 3px 20px #fff inset;
        box-shadow: 0 3px 20px #fff inset;
    }

        #hotel #facilities .content .white-overlay, #hotel #rules .content .white-overlay {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 24px;
            -webkit-box-shadow: 0 -26px 80px -10px #fff inset;
            box-shadow: 0 -26px 80px -10px #fff inset;
        }

        #hotel #facilities .content.opened, #hotel #rules .content.opened {
            height: auto;
        }

            #hotel #facilities .content.opened .white-overlay, #hotel #rules .content.opened .white-overlay {
                display: none;
            }

#hotel #rules {
    border-top: 1px solid #999;
}

    #hotel #rules .subtitle {
        font-size: 4.375vw;
    }

    #hotel #rules .text {
        font-size: 4.0625vw;
    }

#hotel #facilities .items {
    font-size: 3.4375vw;
    color: #999;
}

#almost-there {
    padding: 3.25%;
    text-align: center;
}

    #almost-there .title {
        text-align: center;
        color: #454545;
        display: inline-block;
        position: relative;
        padding-left: 10%;
        font-size: 7.03125vw;
        margin-top: 5%;
    }

        #almost-there .title i {
            font-size: 10.9375vw;
            color: #5a93fb;
            vertical-align: middle;
            position: absolute;
            left: -9px;
            top: 44%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        #almost-there .title span {
            vertical-align: middle;
        }

    #almost-there .box {
        -webkit-border-radius: 6px;
        background-color: #fff;
        border-radius: 6px;
        -webkit-box-shadow: 1px 1px 7px #a9a8a8;
        box-shadow: 1px 1px 7px #a9a8a8;
        padding: 7% 5%;
        margin: 6.25% 0;
    }

    #almost-there .email {
        text-align: center;
    }

        #almost-there .email input {
            width: 100%;
            background-color: #ddd;
            font-size: 3.90625vw;
            margin: 8% 0;
        }

        #almost-there .email .btn {
            padding: 4.5% 8%;
        }

        #almost-there .email .text {
            font-size: 3.90625vw;
        }

    #almost-there .explanation {
        text-align: left;
    }

        #almost-there .explanation ul {
            margin-top: 5%;
        }

        #almost-there .explanation li {
            margin: 5% 0;
            font-size: 3.90625vw;
        }

            #almost-there .explanation li i {
                color: #5baf40;
                margin-right: 2%;
            }

#confirmation, #contact, #processing, #reservation-failed, .general-payment, .reservation-section {
    padding: 0 3.25% 6.25%;
}

    #confirmation input, #confirmation select, #confirmation textarea, #contact input, #contact select, #contact textarea, #processing input, #processing select, #processing textarea, #reservation-failed input, #reservation-failed select, #reservation-failed textarea, .general-payment input, .general-payment select, .general-payment textarea, .reservation-section input, .reservation-section select, .reservation-section textarea {
        background-color: #ddd;
        -webkit-box-shadow: 1px 1px 5px -2px #b5b2b2 inset;
        box-shadow: 1px 1px 5px -2px #b5b2b2 inset;
    }

    #confirmation #pagamento-titulo, #contact #pagamento-titulo, #processing #pagamento-titulo, #reservation-failed #pagamento-titulo, .general-payment #pagamento-titulo, .reservation-section #pagamento-titulo {
        margin-top: 0;
    }

    #confirmation .form-field, #contact .form-field, #processing .form-field, #reservation-failed .form-field, .general-payment .form-field, .reservation-section .form-field {
        margin: 5% 0;
        position: relative;
    }

        #confirmation .form-field label, #contact .form-field label, #processing .form-field label, #reservation-failed .form-field label, .general-payment .form-field label, .reservation-section .form-field label {
            margin-bottom: 2%;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 1%;
        }

            #confirmation .form-field label.text, #contact .form-field label.text, #processing .form-field label.text, #reservation-failed .form-field label.text, .general-payment .form-field label.text, .reservation-section .form-field label.text {
                line-height: 1.8;
                font-size: 3.90625vw;
            }

        #confirmation .form-field select, #contact .form-field select, #processing .form-field select, #reservation-failed .form-field select, .general-payment .form-field select, .reservation-section .form-field select {
            -webkit-border-radius: 10%;
            padding: 2% 32px 2% 3%;
            border-radius: 10%;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
        }

        #confirmation .form-field .separator, #contact .form-field .separator, #processing .form-field .separator, #reservation-failed .form-field .separator, .general-payment .form-field .separator, .reservation-section .form-field .separator {
            display: inline-block;
            margin: 0 2%;
        }

        #confirmation .form-field.terms-conditions, #contact .form-field.terms-conditions, #processing .form-field.terms-conditions, #reservation-failed .form-field.terms-conditions, .general-payment .form-field.terms-conditions, .reservation-section .form-field.terms-conditions {
            text-align: center;
        }

            #confirmation .form-field.terms-conditions .text, #contact .form-field.terms-conditions .text, #processing .form-field.terms-conditions .text, #reservation-failed .form-field.terms-conditions .text, .general-payment .form-field.terms-conditions .text, .reservation-section .form-field.terms-conditions .text {
                display: inline-block;
                vertical-align: super;
                margin-left: 3.25%;
            }

    #confirmation .waiting, #contact .waiting, #processing .waiting, #reservation-failed .waiting, .general-payment .waiting, .reservation-section .waiting {
        padding: 5%;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #confirmation .form-on, #contact .form-on, #processing .form-on, #reservation-failed .form-on, .general-payment .form-on, .reservation-section .form-on {
        display: none;
    }

    #confirmation .title, #contact .title, #processing .title, #reservation-failed .title, .general-payment .title, .reservation-section .title {
        text-align: center;
        color: #454545;
        margin: 6% 0;
        font-size: 7.03125vw;
    }

    #confirmation .bloco-fechado-title, #contact .bloco-fechado-title, #processing .bloco-fechado-title, #reservation-failed .bloco-fechado-title, .general-payment .bloco-fechado-title, .reservation-section .bloco-fechado-title {
        text-align: center;
        color: #454545;
        margin: 6% 0;
        font-size: 5.46875vw;
    }

    #confirmation .box, #contact .box, #processing .box, #reservation-failed .box, .general-payment .box, .reservation-section .box {
        -webkit-border-radius: 14px;
        border-radius: 14px;
        background-color: #fff;
        -webkit-box-shadow: 1px 1px 7px #a9a8a8;
        box-shadow: 1px 1px 7px #a9a8a8;
        width: 100%;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #confirmation .box .title, #contact .box .title, #processing .box .title, #reservation-failed .box .title, .general-payment .box .title, .reservation-section .box .title {
            text-align: left;
            margin-top: 0;
            position: relative;
            padding-left: 12%;
        }

            #confirmation .box .title i, #contact .box .title i, #processing .box .title i, #reservation-failed .box .title i, .general-payment .box .title i, .reservation-section .box .title i {
                font-size: 12.5vw;
                position: absolute;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                margin-left: -3%;
            }

            #confirmation .box .title.colored, #contact .box .title.colored, #processing .box .title.colored, #reservation-failed .box .title.colored, .general-payment .box .title.colored, .reservation-section .box .title.colored {
                color: #454545;
            }

                #confirmation .box .title.colored i, #contact .box .title.colored i, #processing .box .title.colored i, #reservation-failed .box .title.colored i, .general-payment .box .title.colored i, .reservation-section .box .title.colored i {
                    color: #5a93fb;
                }

        #confirmation .box .hotel, #contact .box .hotel, #processing .box .hotel, #reservation-failed .box .hotel, .general-payment .box .hotel, .reservation-section .box .hotel {
            width: 112%;
            margin-left: -6%;
            margin-top: -8%;
            padding-bottom: 49%;
            position: relative;
        }

            #confirmation .box .hotel .overlay, #contact .box .hotel .overlay, #processing .box .hotel .overlay, #reservation-failed .box .hotel .overlay, .general-payment .box .hotel .overlay, .reservation-section .box .hotel .overlay {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: #36393e;
                opacity: .3;
            }

            #confirmation .box .hotel .hotel-bg, #contact .box .hotel .hotel-bg, #processing .box .hotel .hotel-bg, #reservation-failed .box .hotel .hotel-bg, .general-payment .box .hotel .hotel-bg, .reservation-section .box .hotel .hotel-bg {
                width: 100%;
                height: 100%;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                background-size: cover;
                background-position: center center;
                position: absolute;
            }

            #confirmation .box .hotel .texts, #contact .box .hotel .texts, #processing .box .hotel .texts, #reservation-failed .box .hotel .texts, .general-payment .box .hotel .texts, .reservation-section .box .hotel .texts {
                position: absolute;
                width: 100%;
                text-align: center;
                color: #fff;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                #confirmation .box .hotel .texts .hotel-name, #contact .box .hotel .texts .hotel-name, #processing .box .hotel .texts .hotel-name, #reservation-failed .box .hotel .texts .hotel-name, .general-payment .box .hotel .texts .hotel-name, .reservation-section .box .hotel .texts .hotel-name {
                    font: 700 7.8125vw/1.2 "Roboto Condensed";
                }

                #confirmation .box .hotel .texts .hotel-city, #contact .box .hotel .texts .hotel-city, #processing .box .hotel .texts .hotel-city, #reservation-failed .box .hotel .texts .hotel-city, .general-payment .box .hotel .texts .hotel-city, .reservation-section .box .hotel .texts .hotel-city {
                    font-size: 5vw;
                    font-weight: 500;
                    line-height: 1.5;
                    margin-top: 3.25%;
                }

        #confirmation .box.box-border, #contact .box.box-border, #processing .box.box-border, #reservation-failed .box.box-border, .general-payment .box.box-border, .reservation-section .box.box-border {
            margin: 5% 0;
            border: 1px solid #ddd;
        }

            #confirmation .box.box-border .edit, #contact .box.box-border .edit, #processing .box.box-border .edit, #reservation-failed .box.box-border .edit, .general-payment .box.box-border .edit, .reservation-section .box.box-border .edit {
                color: #5a93fb;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 1;
            }

                #confirmation .box.box-border .edit span, #contact .box.box-border .edit span, #processing .box.box-border .edit span, #reservation-failed .box.box-border .edit span, .general-payment .box.box-border .edit span, .reservation-section .box.box-border .edit span {
                    font-size: 3.90625vw;
                    text-decoration: underline;
                }

                #confirmation .box.box-border .edit i, #contact .box.box-border .edit i, #processing .box.box-border .edit i, #reservation-failed .box.box-border .edit i, .general-payment .box.box-border .edit i, .reservation-section .box.box-border .edit i {
                    font-size: 5.46875vw;
                    vertical-align: middle;
                }

            #confirmation .box.box-border .saved, #contact .box.box-border .saved, #processing .box.box-border .saved, #reservation-failed .box.box-border .saved, .general-payment .box.box-border .saved, .reservation-section .box.box-border .saved {
                width: 100%;
                height: 100%;
                text-align: left;
                padding: 5%;
                background-color: #f3f5f7;
                position: relative;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                #confirmation .box.box-border .saved .text, #contact .box.box-border .saved .text, #processing .box.box-border .saved .text, #reservation-failed .box.box-border .saved .text, .general-payment .box.box-border .saved .text, .reservation-section .box.box-border .saved .text {
                    color: #999;
                    line-height: 2;
                    font-size: 3.90625vw;
                }

        #confirmation .box.guests .saved .title i, #contact .box.guests .saved .title i, #processing .box.guests .saved .title i, #reservation-failed .box.guests .saved .title i, .general-payment .box.guests .saved .title i, .reservation-section .box.guests .saved .title i {
            font-size: 9.375vw;
            -webkit-transform: translateY(-55%);
            -moz-transform: translateY(-55%);
            -o-transform: translateY(-55%);
            -ms-transform: translateY(-55%);
            transform: translateY(-55%);
            margin-left: -1.2%;
        }

        #confirmation .box.guests .saved .room, #contact .box.guests .saved .room, #processing .box.guests .saved .room, #reservation-failed .box.guests .saved .room, .general-payment .box.guests .saved .room, .reservation-section .box.guests .saved .room {
            margin-bottom: 5%;
        }

            #confirmation .box.guests .saved .room .room-type, #contact .box.guests .saved .room .room-type, #processing .box.guests .saved .room .room-type, #reservation-failed .box.guests .saved .room .room-type, .general-payment .box.guests .saved .room .room-type, .reservation-section .box.guests .saved .room .room-type {
                text-transform: uppercase;
                position: relative;
                line-height: 1;
            }

                #confirmation .box.guests .saved .room .room-type:before, #contact .box.guests .saved .room .room-type:before, #processing .box.guests .saved .room .room-type:before, #reservation-failed .box.guests .saved .room .room-type:before, .general-payment .box.guests .saved .room .room-type:before, .reservation-section .box.guests .saved .room .room-type:before {
                    content: '\2022';
                    left: -3%;
                    font-size: 6.25vw;
                    vertical-align: sub;
                }

            #confirmation .box.guests .saved .room .guests, #contact .box.guests .saved .room .guests, #processing .box.guests .saved .room .guests, #reservation-failed .box.guests .saved .room .guests, .general-payment .box.guests .saved .room .guests, .reservation-section .box.guests .saved .room .guests {
                padding-left: 8%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

        #confirmation .box.guests .waiting, #contact .box.guests .waiting, #processing .box.guests .waiting, #reservation-failed .box.guests .waiting, .general-payment .box.guests .waiting, .reservation-section .box.guests .waiting {
            padding: 0;
        }

            #confirmation .box.guests .waiting .title i, #contact .box.guests .waiting .title i, #processing .box.guests .waiting .title i, #reservation-failed .box.guests .waiting .title i, .general-payment .box.guests .waiting .title i, .reservation-section .box.guests .waiting .title i {
                font-size: 9.375vw;
                -webkit-transform: translateY(-55%);
                -moz-transform: translateY(-55%);
                -o-transform: translateY(-55%);
                -ms-transform: translateY(-55%);
                transform: translateY(-55%);
                margin-left: -1.2%;
            }

        #confirmation .box.guests.filled .saved, #contact .box.guests.filled .saved, #processing .box.guests.filled .saved, #reservation-failed .box.guests.filled .saved, .general-payment .box.guests.filled .saved, .reservation-section .box.guests.filled .saved {
            display: block;
            padding: 0;
        }

        #confirmation .box.guests.filled .form-on, #confirmation .box.guests.filled .waiting, #contact .box.guests.filled .form-on, #contact .box.guests.filled .waiting, #processing .box.guests.filled .form-on, #processing .box.guests.filled .waiting, #reservation-failed .box.guests.filled .form-on, #reservation-failed .box.guests.filled .waiting, .general-payment .box.guests.filled .form-on, .general-payment .box.guests.filled .waiting, .reservation-section .box.guests.filled .form-on, .reservation-section .box.guests.filled .waiting {
            display: none;
        }

        #confirmation .box.payment, #contact .box.payment, #processing .box.payment, #reservation-failed .box.payment, .general-payment .box.payment, .reservation-section .box.payment {
            padding: 5%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #confirmation .box.payment .text, #contact .box.payment .text, #processing .box.payment .text, #reservation-failed .box.payment .text, .general-payment .box.payment .text, .reservation-section .box.payment .text {
                line-height: 1.8;
            }

            #confirmation .box.payment .payment-desc, #contact .box.payment .payment-desc, #processing .box.payment .payment-desc, #reservation-failed .box.payment .payment-desc, .general-payment .box.payment .payment-desc, .reservation-section .box.payment .payment-desc {
                font-size: 4.0625vw;
            }

        #confirmation .box .saved, #contact .box .saved, #processing .box .saved, #reservation-failed .box .saved, .general-payment .box .saved, .reservation-section .box .saved {
            display: none;
        }

        #confirmation .box .edit-form, #contact .box .edit-form, #processing .box .edit-form, #reservation-failed .box .edit-form, .general-payment .box .edit-form, .reservation-section .box .edit-form {
            display: block;
        }

            #confirmation .box .edit-form .title, #contact .box .edit-form .title, #processing .box .edit-form .title, #reservation-failed .box .edit-form .title, .general-payment .box .edit-form .title, .reservation-section .box .edit-form .title {
                font-size: 5.625vw;
                color: #454545;
            }

                #confirmation .box .edit-form .title i, #contact .box .edit-form .title i, #processing .box .edit-form .title i, #reservation-failed .box .edit-form .title i, .general-payment .box .edit-form .title i, .reservation-section .box .edit-form .title i {
                    color: #5a93fb;
                }

        #confirmation .box.guests .edit-form input, #contact .box.guests .edit-form input, #processing .box.guests .edit-form input, #reservation-failed .box.guests .edit-form input, .general-payment .box.guests .edit-form input, .reservation-section .box.guests .edit-form input {
            width: 100%;
        }

        #confirmation .box.guests .edit-form .title i, #contact .box.guests .edit-form .title i, #processing .box.guests .edit-form .title i, #reservation-failed .box.guests .edit-form .title i, .general-payment .box.guests .edit-form .title i, .reservation-section .box.guests .edit-form .title i {
            margin-left: -1%;
            font-size: 9.375vw;
        }

        #confirmation .box.guests .edit-form .half-size, #contact .box.guests .edit-form .half-size, #processing .box.guests .edit-form .half-size, #reservation-failed .box.guests .edit-form .half-size, .general-payment .box.guests .edit-form .half-size, .reservation-section .box.guests .edit-form .half-size {
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #confirmation .box.guests .edit-form .half-size.pad-right, #contact .box.guests .edit-form .half-size.pad-right, #processing .box.guests .edit-form .half-size.pad-right, #reservation-failed .box.guests .edit-form .half-size.pad-right, .general-payment .box.guests .edit-form .half-size.pad-right, .reservation-section .box.guests .edit-form .half-size.pad-right {
                padding-right: 3%;
            }

        #confirmation .box.guests .edit-form .room, #contact .box.guests .edit-form .room, #processing .box.guests .edit-form .room, #reservation-failed .box.guests .edit-form .room, .general-payment .box.guests .edit-form .room, .reservation-section .box.guests .edit-form .room {
            border-bottom: 1px dashed #d3d3d3;
            padding-bottom: 4%;
            margin-bottom: 8%;
        }

            #confirmation .box.guests .edit-form .room .room-name, #contact .box.guests .edit-form .room .room-name, #processing .box.guests .edit-form .room .room-name, #reservation-failed .box.guests .edit-form .room .room-name, .general-payment .box.guests .edit-form .room .room-name, .reservation-section .box.guests .edit-form .room .room-name {
                font-size: 4.21875vw;
                font-weight: 700;
                color: #454545;
            }

                #confirmation .box.guests .edit-form .room .room-name span, #contact .box.guests .edit-form .room .room-name span, #processing .box.guests .edit-form .room .room-name span, #reservation-failed .box.guests .edit-form .room .room-name span, .general-payment .box.guests .edit-form .room .room-name span, .reservation-section .box.guests .edit-form .room .room-name span {
                    font-weight: 400;
                }

        #confirmation .box.guests .edit-form .go-payment, #contact .box.guests .edit-form .go-payment, #processing .box.guests .edit-form .go-payment, #reservation-failed .box.guests .edit-form .go-payment, .general-payment .box.guests .edit-form .go-payment, .reservation-section .box.guests .edit-form .go-payment {
            padding: 5% 8%;
        }

        #confirmation .box.guests.filled, #contact .box.guests.filled, #processing .box.guests.filled, #reservation-failed .box.guests.filled, .general-payment .box.guests.filled, .reservation-section .box.guests.filled {
            background-color: #f3f5f7;
        }

            #confirmation .box.guests.filled .edit-form, #contact .box.guests.filled .edit-form, #processing .box.guests.filled .edit-form, #reservation-failed .box.guests.filled .edit-form, .general-payment .box.guests.filled .edit-form, .reservation-section .box.guests.filled .edit-form {
                display: none;
            }

        #confirmation .box.personal-data, #contact .box.personal-data, #processing .box.personal-data, #reservation-failed .box.personal-data, .general-payment .box.personal-data, .reservation-section .box.personal-data {
            background-color: #f3f5f7;
        }

            #confirmation .box.personal-data .label-wrap, #contact .box.personal-data .label-wrap, #processing .box.personal-data .label-wrap, #reservation-failed .box.personal-data .label-wrap, .general-payment .box.personal-data .label-wrap, .reservation-section .box.personal-data .label-wrap {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: box;
                display: flex;
                -webkit-box-pack: justify;
                -moz-box-pack: justify;
                -o-box-pack: justify;
                -ms-flex-pack: justify;
                -webkit-justify-content: space-between;
                justify-content: space-between;
            }

            #confirmation .box.personal-data label, #contact .box.personal-data label, #processing .box.personal-data label, #reservation-failed .box.personal-data label, .general-payment .box.personal-data label, .reservation-section .box.personal-data label {
                width: auto;
            }

            #confirmation .box.personal-data input, #contact .box.personal-data input, #processing .box.personal-data input, #reservation-failed .box.personal-data input, .general-payment .box.personal-data input, .reservation-section .box.personal-data input {
                width: 100%;
            }

            #confirmation .box.personal-data .half-size, #contact .box.personal-data .half-size, #processing .box.personal-data .half-size, #reservation-failed .box.personal-data .half-size, .general-payment .box.personal-data .half-size, .reservation-section .box.personal-data .half-size {
                float: left;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                #confirmation .box.personal-data .half-size.pad-right, #contact .box.personal-data .half-size.pad-right, #processing .box.personal-data .half-size.pad-right, #reservation-failed .box.personal-data .half-size.pad-right, .general-payment .box.personal-data .half-size.pad-right, .reservation-section .box.personal-data .half-size.pad-right {
                    padding-right: 3%;
                }

            #confirmation .box.personal-data .news .text, #contact .box.personal-data .news .text, #processing .box.personal-data .news .text, #reservation-failed .box.personal-data .news .text, .general-payment .box.personal-data .news .text, .reservation-section .box.personal-data .news .text {
                display: inline-block;
                vertical-align: super;
                margin-left: 3.25%;
            }

            #confirmation .box.personal-data .confirm, #contact .box.personal-data .confirm, #processing .box.personal-data .confirm, #reservation-failed .box.personal-data .confirm, .general-payment .box.personal-data .confirm, .reservation-section .box.personal-data .confirm {
                width: 100%;
                padding: 5% 0;
            }

            #confirmation .box.personal-data.filled .saved, #contact .box.personal-data.filled .saved, #processing .box.personal-data.filled .saved, #reservation-failed .box.personal-data.filled .saved, .general-payment .box.personal-data.filled .saved, .reservation-section .box.personal-data.filled .saved {
                padding: 0;
                display: block;
            }

            #confirmation .box.personal-data.filled .edit-form, #contact .box.personal-data.filled .edit-form, #processing .box.personal-data.filled .edit-form, #reservation-failed .box.personal-data.filled .edit-form, .general-payment .box.personal-data.filled .edit-form, .reservation-section .box.personal-data.filled .edit-form {
                display: none;
            }

    #confirmation #card-holder, #contact #card-holder, #processing #card-holder, #reservation-failed #card-holder, .general-payment #card-holder, .reservation-section #card-holder {
        width: 100%;
    }

    #confirmation .finish, #contact .finish, #processing .finish, #reservation-failed .finish, .general-payment .finish, .reservation-section .finish {
        width: 100%;
        padding: 0;
        line-height: 40px;
    }

    #confirmation input[type=number], #confirmation input[type=tel], #contact input[type=number], #contact input[type=tel], #processing input[type=number], #processing input[type=tel], #reservation-failed input[type=number], #reservation-failed input[type=tel], .general-payment input[type=number], .general-payment input[type=tel], .reservation-section input[type=number], .reservation-section input[type=tel] {
        width: 100%;
        padding-left: 14%;
    }

    #confirmation #security-code, #contact #security-code, #processing #security-code, #reservation-failed #security-code, .general-payment #security-code, .reservation-section #security-code {
        width: 25%;
    }

    #confirmation .inp-wrap, #contact .inp-wrap, #processing .inp-wrap, #reservation-failed .inp-wrap, .general-payment .inp-wrap, .reservation-section .inp-wrap {
        position: relative;
    }

    #confirmation #card-flag, #contact #card-flag, #processing #card-flag, #reservation-failed #card-flag, .general-payment #card-flag, .reservation-section #card-flag {
        display: block;
        position: absolute;
        left: 2%;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
        width: 8.33%;
        padding-bottom: 4.16%;
        top: 10px;
        background-image: none;
        background-repeat: no-repeat;
    }

        #confirmation #card-flag.visa, #contact #card-flag.visa, #processing #card-flag.visa, #reservation-failed #card-flag.visa, .general-payment #card-flag.visa, .reservation-section #card-flag.visa {
            background-image: url(img/visa.png);
        }

        #confirmation #card-flag.mastercard, #contact #card-flag.mastercard, #processing #card-flag.mastercard, #reservation-failed #card-flag.mastercard, .general-payment #card-flag.mastercard, .reservation-section #card-flag.mastercard {
            background-image: url(img/mastercard.png);
        }

        #confirmation #card-flag.elo, #contact #card-flag.elo, #processing #card-flag.elo, #reservation-failed #card-flag.elo, .general-payment #card-flag.elo, .reservation-section #card-flag.elo {
            background-image: url(img/elo.png);
        }

        #confirmation #card-flag.diners_club_international, #contact #card-flag.diners_club_international, #processing #card-flag.diners_club_international, #reservation-failed #card-flag.diners_club_international, .general-payment #card-flag.diners_club_international, .reservation-section #card-flag.diners_club_international,
        #confirmation #card-flag.diners, #contact #card-flag.diners, #processing #card-flag.diners, #reservation-failed #card-flag.diners, .general-payment #card-flag.diners, .reservation-section #card-flag.diners {
            background-image: url(img/dinners.png);
        }

        #confirmation #card-flag.hiper, #contact #card-flag.hiper, #processing #card-flag.hiper, #reservation-failed #card-flag.hiper, .general-payment #card-flag.hiper, .reservation-section #card-flag.hiper {
            background-image: url(img/hipercard.png);
            background-size: 23px 12px;
        }

        #confirmation #card-flag.amex, #contact #card-flag.amex, #processing #card-flag.amex, #reservation-failed #card-flag.amex, .general-payment #card-flag.amex, .reservation-section #card-flag.amex {
            background-image: url(img/americanexpress.png);
        }

    #confirmation.filled, #contact.filled, #processing.filled, #reservation-failed.filled, .general-payment.filled, .reservation-section.filled {
        background-color: #f3f5f7;
    }

        #confirmation.filled .saved, #contact.filled .saved, #processing.filled .saved, #reservation-failed.filled .saved, .general-payment.filled .saved, .reservation-section.filled .saved {
            padding: 0;
            display: block;
        }

    #confirmation .infos, #contact .infos, #processing .infos, #reservation-failed .infos, .general-payment .infos, .reservation-section .infos {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 6.25%;
        padding-bottom: 0;
        text-align: center;
    }

        #confirmation .infos .extra, #contact .infos .extra, #processing .infos .extra, #reservation-failed .infos .extra, .general-payment .infos .extra, .reservation-section .infos .extra {
            display: none;
        }

        #confirmation .infos .line, #contact .infos .line, #processing .infos .line, #reservation-failed .infos .line, .general-payment .infos .line, .reservation-section .infos .line {
            color: #999;
            text-transform: uppercase;
            font-size: 4.375vw;
            border-bottom: 1px solid #ddd;
            padding: 5% 0;
            text-align: left;
            vertical-align: middle;
        }

            #confirmation .infos .line .price, #confirmation .infos .line strong, #contact .infos .line .price, #contact .infos .line strong, #processing .infos .line .price, #processing .infos .line strong, #reservation-failed .infos .line .price, #reservation-failed .infos .line strong, .general-payment .infos .line .price, .general-payment .infos .line strong, .reservation-section .infos .line .price, .reservation-section .infos .line strong {
                color: #666;
                font-weight: 700;
                font-size: 4.6875vw;
            }

            #confirmation .infos .line .label, #contact .infos .line .label, #processing .infos .line .label, #reservation-failed .infos .line .label, .general-payment .infos .line .label, .reservation-section .infos .line .label {
                display: inline-block;
                max-width: 52%;
                width: 52%;
                line-height: 1.5;
                vertical-align: middle;
            }

                #confirmation .infos .line .label .icon, #contact .infos .line .label .icon, #processing .infos .line .label .icon, #reservation-failed .infos .line .label .icon, .general-payment .infos .line .label .icon, .reservation-section .infos .line .label .icon {
                    -webkit-border-radius: 50%;
                    font-style: normal;
                    background-color: #999;
                    width: 8.5%;
                    display: inline-block;
                    text-align: center;
                    border-radius: 50%;
                    color: #fff;
                    font-weight: 700;
                    font-size: 3.125vw;
                }

            #confirmation .infos .line .price, #contact .infos .line .price, #processing .infos .line .price, #reservation-failed .infos .line .price, .general-payment .infos .line .price, .reservation-section .infos .line .price {
                max-width: 45%;
                width: 45%;
                display: inline-block;
                text-align: right;
            }

            #confirmation .infos .line.checkinout, #contact .infos .line.checkinout, #processing .infos .line.checkinout, #reservation-failed .infos .line.checkinout, .general-payment .infos .line.checkinout, .reservation-section .infos .line.checkinout {
                text-align: center;
                border: 1px solid #ddd;
            }

                #confirmation .infos .line.checkinout .label, #contact .infos .line.checkinout .label, #processing .infos .line.checkinout .label, #reservation-failed .infos .line.checkinout .label, .general-payment .infos .line.checkinout .label, .reservation-section .infos .line.checkinout .label {
                    width: 44%;
                    margin: 0 2%;
                }

            #confirmation .infos .line.promo, #contact .infos .line.promo, #processing .infos .line.promo, #reservation-failed .infos .line.promo, .general-payment .infos .line.promo, .reservation-section .infos .line.promo {
                border: none;
                text-align: center;
            }

        #confirmation .infos .btn-link, #contact .infos .btn-link, #processing .infos .btn-link, #reservation-failed .infos .btn-link, .general-payment .infos .btn-link, .reservation-section .infos .btn-link {
            font-size: 4.375vw;
            color: #999;
            position: relative;
            padding-right: 6%;
        }

            #confirmation .infos .btn-link i, #contact .infos .btn-link i, #processing .infos .btn-link i, #reservation-failed .infos .btn-link i, .general-payment .infos .btn-link i, .reservation-section .infos .btn-link i {
                font-size: 6.25vw;
                position: absolute;
                top: 50%;
                right: 0;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

            #confirmation .infos .btn-link.see-rooms, #contact .infos .btn-link.see-rooms, #processing .infos .btn-link.see-rooms, #reservation-failed .infos .btn-link.see-rooms, .general-payment .infos .btn-link.see-rooms, .reservation-section .infos .btn-link.see-rooms {
                padding: 5% 8% 5% 0;
            }

    #confirmation .total, #contact .total, #processing .total, #reservation-failed .total, .general-payment .total, .reservation-section .total {
        width: 102%;
        margin-left: -6%;
        margin-bottom: -8%;
        padding: 5%;
        text-align: center;
        background-color: #36393e;
        color: #fff;
    }

        #confirmation .total .total-value, #contact .total .total-value, #processing .total .total-value, #reservation-failed .total .total-value, .general-payment .total .total-value, .reservation-section .total .total-value {
            font: 700 6.25vw "Roboto Condensed";
            text-transform: uppercase;
        }

            #confirmation .total .total-value .value, #contact .total .total-value .value, #processing .total .total-value .value, #reservation-failed .total .total-value .value, .general-payment .total .total-value .value, .reservation-section .total .total-value .value {
                color: #5a93fb;
            }

        #confirmation .total .total-people, #contact .total .total-people, #processing .total .total-people, #reservation-failed .total .total-people, .general-payment .total .total-people, .reservation-section .total .total-people {
            color: #999;
            font-size: 4.6875vw;
            line-height: 1.5;
        }

    #confirmation .bloco-form-cartao-valor, #contact .bloco-form-cartao-valor, #processing .bloco-form-cartao-valor, #reservation-failed .bloco-form-cartao-valor, .general-payment .bloco-form-cartao-valor, .reservation-section .bloco-form-cartao-valor {
        font-size: 4.21875vw;
        display: block;
        margin-top: 10px;
    }

    #confirmation .politicas-text, #contact .politicas-text, #processing .politicas-text, #reservation-failed .politicas-text, .general-payment .politicas-text, .reservation-section .politicas-text {
        font-size: 4.21875vw;
    }

    #confirmation .nao-tem, #contact .nao-tem, #processing .nao-tem, #reservation-failed .nao-tem, .general-payment .nao-tem, .reservation-section .nao-tem {
        font-size: 3.125vw;
    }

#moeda-desc {
    display: block;
    text-align: center;
    color: #a7a7a7;
    font-size: 4vw;
}

#processing .loading {
    padding: 6.25% 3.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 6.25%;
}

#processing .loader {
    -webkit-border-radius: 5px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

#processing .see-my-reservation {
    background-color: #999;
    width: 100%;
    padding: 5% 0;
    margin-top: 6.25%;
}

#processing .box .title {
    padding-left: 0;
    color: #454545;
    text-align: center;
    font-weight: 700;
    font-size: 5.9375vw;
    line-height: 1.2;
    text-transform: initial;
    margin-top: 3.25%;
}

#processing .box .text {
    text-align: center;
    margin-top: 5%;
    padding: 0 5%;
    line-height: 1.5;
}

#reservation-success, .reservation-section {
    padding: 0;
}

    #reservation-success .wrapper-pad, .reservation-section .wrapper-pad {
        padding: 6.25% 3.25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #reservation-success .box.room, .reservation-section .box.room {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #reservation-success .box .title, .reservation-section .box .title {
        padding-left: 0;
        color: #454545;
        text-align: center;
        font-weight: 700;
        font-size: 5.9375vw;
        line-height: 1.2;
        text-transform: initial;
        margin-top: 3.25%;
    }

    #reservation-success .box .text, .reservation-section .box .text {
        margin-top: 5%;
        line-height: 1.5;
    }

    #reservation-success .box .subtitle, .reservation-section .box .subtitle {
        font: 700 5.46875vw "Roboto Condensed";
        color: #666;
    }

    #reservation-success .box.confirmation, .reservation-section .box.confirmation {
        padding: 8% 5%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #reservation-success .box.confirmation #reserva-confirmada-title, .reservation-section .box.confirmation #reserva-confirmada-title {
            text-transform: uppercase;
        }

        #reservation-success .box.confirmation .title, .reservation-section .box.confirmation .title {
            margin-top: 0;
        }

        #reservation-success .box.confirmation li, .reservation-section .box.confirmation li {
            position: relative;
            padding-left: 4%;
            font-size: 4.0625vw;
        }

        #reservation-success .box.confirmation i, .reservation-section .box.confirmation i {
            position: absolute;
            left: -4%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 7.8125vw;
            vertical-align: middle;
            color: #666;
        }

    #reservation-success .details, .reservation-section .details {
        width: 100%;
        background-color: #fff;
        padding: 7.8125% 0 0;
        border-bottom: 1px solid #999;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #reservation-success .details .item, .reservation-section .details .item {
            margin-top: 7.8125%;
            padding: 0 7.8125%;
        }

        #reservation-success .details .label, .reservation-section .details .label {
            font-size: 3.90625vw;
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 3%;
        }

        #reservation-success .details .guest-name, .reservation-section .details .guest-name {
            font-weight: 700;
            color: #454545;
            font-size: 4.375vw;
        }

        #reservation-success .details .actual-status, .reservation-section .details .actual-status {
            font-size: 4.21875vw;
            font-weight: 700;
            text-transform: uppercase;
            position: relative;
            padding-left: 8%;
        }

            #reservation-success .details .actual-status i, .reservation-section .details .actual-status i {
                position: absolute;
                left: -3%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 12.5vw;
            }

            #reservation-success .details .actual-status.confirmed, .reservation-section .details .actual-status.confirmed {
                color: #5baf40;
            }

        #reservation-success .details .check .date, .reservation-section .details .check .date {
            border: 1px solid #999;
            text-align: center;
            padding: 2% 0 2.5%;
        }

            #reservation-success .details .check .date i, .reservation-section .details .check .date i {
                color: #5a93fb;
                font-size: 17.1875vw;
                vertical-align: middle;
                margin-right: 2.5%;
            }

        #reservation-success .details .check .infos, .reservation-section .details .check .infos {
            padding: 0;
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }

            #reservation-success .details .check .infos .text, .reservation-section .details .check .infos .text {
                margin-top: 3%;
                font-weight: 700;
            }

                #reservation-success .details .check .infos .text span, .reservation-section .details .check .infos .text span {
                    color: #5a93fb;
                }

            #reservation-success .details .check .infos .detalhes-reserva-data, .reservation-section .details .check .infos .detalhes-reserva-data {
                font-size: 4.6875vw;
            }

        #reservation-success .details .check .hour, .reservation-section .details .check .hour {
            font-weight: 500;
            color: #454545;
            font-size: 3.90625vw;
        }

        #reservation-success .details .localizador .number, .reservation-section .details .localizador .number {
            border: 1px solid #999;
            text-align: center;
            padding: 5% 0;
            font: 700 7.8125vw "Roboto Condensed";
            color: #454545;
        }

        #reservation-success .details .buttons, .reservation-section .details .buttons {
            border-top: 1px solid #999;
            text-align: center;
            padding: 5% 0;
        }

            #reservation-success .details .buttons .btn, .reservation-section .details .buttons .btn {
                padding: 3% 5%;
                font-size: 3.4375vw;
                text-transform: none;
                font-weight: 400;
                margin-left: 5%;
            }

                #reservation-success .details .buttons .btn.edit, .reservation-section .details .buttons .btn.edit {
                    margin-left: 0;
                }

    #reservation-success .items, .reservation-section .items {
        -webkit-border-radius: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 10px;
    }

        #reservation-success .items .table, .reservation-section .items .table {
            padding: 0;
        }

        #reservation-success .items .weaker-text, .reservation-section .items .weaker-text {
            color: #aaa;
        }

        #reservation-success .items .tfield, .reservation-section .items .tfield {
            float: left;
            width: 28%;
            display: inline-block;
            min-height: 10px;
            font-size: 2.96875vw;
            color: #888;
            line-height: 1.5;
        }

            #reservation-success .items .tfield.item, .reservation-section .items .tfield.item {
                width: 47%;
                padding-right: 5%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            #reservation-success .items .tfield.value, .reservation-section .items .tfield.value {
                width: 25%;
                text-align: right;
            }

            #reservation-success .items .tfield.double, .reservation-section .items .tfield.double {
                width: 80%;
            }

                #reservation-success .items .tfield.double.weaker-text, .reservation-section .items .tfield.double.weaker-text {
                    color: #aaa;
                }

        #reservation-success .items .content, .reservation-section .items .content {
            margin-bottom: 1%;
        }

            #reservation-success .items .content .value, .reservation-section .items .content .value {
                color: #454545;
                font-weight: 700;
            }

                #reservation-success .items .content .value .sub, .reservation-section .items .content .value .sub {
                    border-bottom: 3px dotted #999;
                }

            #reservation-success .items .content.additional-info .item, #reservation-success .items .content.additional-info .value, .reservation-section .items .content.additional-info .item, .reservation-section .items .content.additional-info .value {
                color: #aaa;
                font-style: italic;
                display: inline-block;
                text-align: right;
                font-weight: 400;
                border: none;
            }

        #reservation-success .items .thead, .reservation-section .items .thead {
            width: 100%;
        }

            #reservation-success .items .thead .label, .reservation-section .items .thead .label {
                font-size: 3.125vw;
                font-weight: 700;
                text-transform: uppercase;
                margin: 0;
            }

            #reservation-success .items .thead ul, .reservation-section .items .thead ul {
                width: 100%;
            }

        #reservation-success .items .tbody, .reservation-section .items .tbody {
            margin-top: 3%;
        }

        #reservation-success .items .trow, .reservation-section .items .trow {
            border-top: 1px solid #999;
            padding: 4% 0;
        }

            #reservation-success .items .trow.total, .reservation-section .items .trow.total {
                background-color: #454545;
                padding: 3.25%;
            }

                #reservation-success .items .trow.total .content, .reservation-section .items .trow.total .content {
                    margin: 0;
                }

                #reservation-success .items .trow.total .tfield, .reservation-section .items .trow.total .tfield {
                    color: #fff;
                }

            #reservation-success .items .trow.trow-total-detalhes-reserva, .reservation-section .items .trow.trow-total-detalhes-reserva {
                margin-left: -6%;
                width: 106%;
            }

                #reservation-success .items .trow.trow-total-detalhes-reserva .value, .reservation-section .items .trow.trow-total-detalhes-reserva .value {
                    margin-left: -3%;
                }

    #reservation-success .selected-rooms, .reservation-section .selected-rooms {
        padding: 3.25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #reservation-success .room, .reservation-section .room {
        overflow: hidden;
        margin-bottom: 6.25%;
    }

        #reservation-success .room .pic, .reservation-section .room .pic {
            width: 100%;
            padding-bottom: 39.17%;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            background-size: cover;
            background: no-repeat center center;
        }

        #reservation-success .room .pic-detalhes-reserva, .reservation-section .room .pic-detalhes-reserva {
            width: 112%;
            margin-left: -6%;
            margin-top: -8%;
        }

        #reservation-success .room .content, .reservation-section .room .content {
            padding: 5%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        #reservation-success .room .room-name, .reservation-section .room .room-name {
            font: 700 6.25vw "Roboto Condensed";
            color: #454545;
        }

        #reservation-success .room .label, .reservation-section .room .label {
            font-weight: 700;
            font-size: 4.21875vw;
            text-transform: uppercase;
            color: #454545;
        }

        #reservation-success .room .condition, .reservation-section .room .condition {
            margin: 6.25% 0;
        }

            #reservation-success .room .condition .label span, .reservation-section .room .condition .label span {
                color: #5a93fb;
                text-transform: normal;
            }

            #reservation-success .room .condition .label .icon, .reservation-section .room .condition .label .icon {
                -webkit-border-radius: 60%;
                font: normal 100 3.125vw arial;
                background-color: #999;
                color: #fff;
                padding: 1% 2.4%;
                border-radius: 60%;
                text-align: center;
                vertical-align: middle;
                margin-left: 2%;
            }

            #reservation-success .room .condition .text, .reservation-section .room .condition .text {
                margin: 0;
                color: #454545;
            }

            #reservation-success .room .condition .btn-conditions, .reservation-section .room .condition .btn-conditions {
                font-size: 4.21875vw;
                color: #454545;
                margin-bottom: 2%;
                margin-top: 2%;
            }

                #reservation-success .room .condition .btn-conditions span, .reservation-section .room .condition .btn-conditions span {
                    color: #5baf40;
                    border-bottom: 3px dotted #5baf40;
                    display: inline-block;
                }

            #reservation-success .room .condition .btn-pensao, .reservation-section .room .condition .btn-pensao {
                font-size: 4.21875vw;
            }

        #reservation-success .room .nome-hospede, .reservation-section .room .nome-hospede {
            font-size: 4.21875vw;
        }

        #reservation-success .room .guests .text, .reservation-section .room .guests .text {
            margin-top: 2%;
            color: #454545;
        }

        #reservation-success .room .politics, .reservation-section .room .politics {
            text-align: center;
            margin-top: 6.25%;
        }

            #reservation-success .room .politics .link, .reservation-section .room .politics .link {
                font-size: 3.75vw;
                position: relative;
            }

                #reservation-success .room .politics .link i, .reservation-section .room .politics .link i {
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-49%);
                    -moz-transform: translateY(-49%);
                    -o-transform: translateY(-49%);
                    -ms-transform: translateY(-49%);
                    transform: translateY(-49%);
                    left: 100%;
                    margin-left: -5%;
                    font-size: 9.375vw;
                }

#reservation-failed .box .title {
    padding-left: 0;
    color: #454545;
    text-align: center;
}

#reservation-failed .box .subttl {
    text-align: center;
    font-size: 4.0625vw;
    padding: 0 13%;
}

#reservation-failed .box .box-txt {
    text-align: center;
    padding: 5%;
    border: 1px solid #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 6.25%;
}

#reservation-failed #credit-card input[type=text].card-name, #reservation-failed #credit-card input[type=text].security-code {
    padding: 10px 5%;
}

#reservation-failed #credit-card #installments {
    -webkit-border-radius: 8px;
    width: 100%;
    border-radius: 8px;
    line-height: 1.8;
}

#reservation-failed .btn {
    width: 100%;
    padding: 4% 0;
    margin-top: 6.25%;
}

    #reservation-failed .btn.book {
        text-transform: none;
        margin-top: 0;
        font-size: 4.21875vw;
    }

#contact {
    padding: 3.25%;
    text-align: center;
}

    #contact .box {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }

    #contact .intro {
        margin-bottom: 6.25%;
        line-height: 1.5;
    }

    #contact .title {
        display: inline-block;
        position: relative;
        padding-left: 10%;
        margin-bottom: 4%;
    }

        #contact .title i {
            position: absolute;
            left: -28%;
            top: 48%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 23.4375vw;
            color: #5a93fb;
        }

    #contact .form-field input, #contact .form-field textarea {
        width: 100%;
    }

    #contact .news .fake-checkbox, #contact .news .text {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2.5%;
    }

    #contact .send {
        width: 100%;
        padding: 6%;
        text-transform: none;
        font-size: 4.6875vw;
    }

    #contact #erro {
        color: #e23737;
        text-align: left;
        display: none;
    }

    #contact .success-msg {
        display: none;
    }

        #contact .success-msg .box {
            text-align: center;
            padding: 12% 5%;
        }

        #contact .success-msg .text {
            line-height: 1.5;
            margin-top: 10%;
        }

        #contact .success-msg .thanks {
            overflow: hidden;
            text-indent: -9999px;
            width: 47.17%;
            padding-bottom: 25%;
            display: inline-block;
            background: url(img/thanks-contact.png) no-repeat center center/contain;
        }

#guest .title {
    color: #454545;
    text-align: center;
    font-size: 5vw;
}

    #guest .title.sec-title {
        font-size: 5.625vw;
        margin: 6.25% 0;
    }

#guest .menu-guest {
    width: 100%;
}

    #guest .menu-guest .btn {
        -webkit-border-radius: 0;
        float: left;
        width: 50%;
        margin: 0;
        padding: 5% 0;
        border-radius: 0;
        font: 4.0625vw "Roboto Condensed";
        border-right: 1px solid #2c2d31;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #guest .menu-guest .btn.selected {
            -webkit-box-shadow: 0 -5px 0 0 #5a93fb inset;
            box-shadow: 0 -5px 0 0 #5a93fb inset;
        }

        #guest .menu-guest .btn:last-child {
            border-right: 0;
        }

#guest .content {
    padding: 0 3.25%;
}

#guest .search-field {
    position: relative;
}

    #guest .search-field input {
        -webkit-border-radius: 1px;
        width: 100%;
        border-radius: 1px;
        padding: 15px 13% 15px 10px;
        -webkit-box-shadow: 1px 1px 2px #ddd;
        box-shadow: 1px 1px 2px #ddd;
    }

    #guest .search-field i {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 10.9375vw;
        color: grey;
    }

#guest #search-date {
    visibility: hidden;
}

#guest .box .title {
    text-align: left;
}

#guest .box .hotel-name {
    position: relative;
    overflow: hidden;
}

    #guest .box .hotel-name i {
        font-size: 18.75vw;
        position: absolute;
        right: -9%;
        top: -65%;
        color: #454545;
    }

#guest .box .period {
    margin: 6.25% 0;
}

    #guest .box .period .field {
        width: 35%;
        float: left;
    }

        #guest .box .period .field:first-child {
            width: 65%;
        }

    #guest .box .period .text {
        text-transform: uppercase;
        line-height: 1.3;
    }

        #guest .box .period .text.date, #guest .box .period .text.number {
            color: #666;
            font-weight: 700;
            font-size: 3.90625vw;
        }

#guest .box .status .btn {
    width: 100%;
    padding: 6% 0;
    margin-top: 3%;
}

#guest .box .status .stat {
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
}

    #guest .box .status .stat i {
        font-size: 10.9375vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        left: -2%;
    }

        #guest .box .status .stat i.icon-processando {
            font-size: 14.0625vw;
            left: -5%;
        }

    #guest .box .status .stat span {
        margin-left: 8%;
    }

#guest .box .status .info {
    font-size: 3.90625vw;
    font-weight: 500;
    margin-top: 6.25%;
}

#guest .box .status.confirmed .info, #guest .box .status.confirmed .stat {
    color: #5baf40;
}

#guest .box .status.processing .stat {
    color: #ffbf27;
}

#guest .box .status.processing .info {
    font-weight: 400;
    font-size: 3.28125vw;
    line-height: 1.2;
}

    #guest .box .status.processing .info i {
        -webkit-border-radius: 50%;
        background-color: #ffbf27;
        font-style: normal;
        width: 4.5%;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        vertical-align: top;
    }

    #guest .box .status.processing .info span {
        display: inline-block;
        width: 92%;
        margin-left: 2%;
        vertical-align: middle;
    }

#guest .box .status.denied .info, #guest .box .status.denied .stat {
    color: #e23737;
}

#guest .empty-list {
    text-align: center;
}

    #guest .empty-list .bg-sad {
        display: inline-block;
        width: 29.33%;
        padding-bottom: 32%;
        background: url(img/bg-sad.png) no-repeat center center/contain;
    }

    #guest .empty-list .text {
        line-height: 1.5;
        margin-top: 6.25%;
    }

#guest .history .filter-field {
    margin-top: 5%;
}

    #guest .history .filter-field .wrap-field {
        width: 48%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 4%;
        position: relative;
        background-color: #fff;
    }

        #guest .history .filter-field .wrap-field .label.date {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            width: 100%;
            padding-left: 6.25%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 2.8125vw;
            color: #36393e;
        }

        #guest .history .filter-field .wrap-field i {
            position: absolute;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 9.375vw;
            color: #5a93fb;
        }

            #guest .history .filter-field .wrap-field i.icon-calendar {
                font-size: 12.5vw;
            }

        #guest .history .filter-field .wrap-field input, #guest .history .filter-field .wrap-field select {
            -webkit-border-radius: 2px;
            width: 100%;
            padding: 20px 15px;
            border-radius: 2px;
            position: relative;
            z-index: 1;
            background: 0 0;
        }

        #guest .history .filter-field .wrap-field select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            padding-right: 32px;
        }

        #guest .history .filter-field .wrap-field:last-child {
            margin-right: 0;
        }

#guest .history .hotel-name {
    overflow: visible;
}

    #guest .history .hotel-name i.icon-negado {
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #ddd;
    }

    #guest .history .hotel-name i.icon-check-radio-condicoes {
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #5baf40;
        font-size: 9.375vw;
    }

#guest .history .buttons .link {
    float: right;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    color: #5a93fb;
    vertical-align: middle;
    line-height: 1.5;
    margin-left: 4%;
}

#reservation-details .top {
    background-color: #36393e;
    width: 100%;
    padding: 6% 3.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #reservation-details .top .title {
        color: #fff;
        display: inline-block;
        margin: 0;
    }

    #reservation-details .top .back {
        font-weight: 500;
        text-transform: uppercase;
        position: relative;
        float: right;
        margin-top: 1%;
    }

        #reservation-details .top .back i {
            font-size: 10.9375vw;
            -webkit-transform: scaleX(-1) translateY(-50%);
            -moz-transform: scaleX(-1) translateY(-50%);
            -o-transform: scaleX(-1) translateY(-50%);
            -ms-transform: scaleX(-1) translateY(-50%);
            transform: scaleX(-1) translateY(-50%);
            display: inline-block;
            position: absolute;
            right: 80%;
            top: 50%;
        }

#reservation-details .hotel-info .banner {
    width: 100%;
    padding-bottom: 48.4375%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

#reservation-details .hotel-info .desc {
    position: relative;
    padding: 6.25% 0;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}

    #reservation-details .hotel-info .desc .title {
        font-size: 5.3125vw;
        text-transform: none;
        padding: 0 12%;
        display: inline-block;
        margin: 0 0 3%;
    }

    #reservation-details .hotel-info .desc .text {
        padding: 0 12%;
        line-height: 1.5;
    }

    #reservation-details .hotel-info .desc .tooltip-menu {
        position: absolute;
        right: 0;
        top: 0;
    }

        #reservation-details .hotel-info .desc .tooltip-menu .wrap {
            position: relative;
        }

        #reservation-details .hotel-info .desc .tooltip-menu .btn-tooltip {
            color: #36393e;
            font-size: 12.5vw;
        }

        #reservation-details .hotel-info .desc .tooltip-menu .options {
            -webkit-border-radius: 10px;
            position: absolute;
            display: none;
            top: 60%;
            right: 50%;
            background-color: #fff;
            padding: 15% 30%;
            border: 1px solid #ddd;
            border-radius: 10px;
            width: 320%;
        }

            #reservation-details .hotel-info .desc .tooltip-menu .options button {
                color: #36393e;
                font-size: 3.90625vw;
                width: 100%;
                padding: 4% 0;
                text-align: left;
            }

            #reservation-details .hotel-info .desc .tooltip-menu .options.show {
                display: block;
            }

#reservation-details .details {
    padding-top: 0;
}

    #reservation-details .details .item {
        display: inline-block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        #reservation-details .details .item .block {
            width: 33.3%;
            float: left;
            text-align: left;
            padding-left: 6.25%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #reservation-details .details .item .block .label {
                margin-bottom: 5%;
                display: inline-block;
            }

            #reservation-details .details .item .block .actual-status {
                padding: 0;
                line-height: 2.5rem;
                display: inline-block;
                width: 100%;
            }

            #reservation-details .details .item .block.rooms {
                padding: 0 3%;
            }

            #reservation-details .details .item .block.nights {
                padding-left: 0;
            }

#reservation-details .wrapper-pad {
    padding-bottom: 0;
}

    #reservation-details .wrapper-pad .box:last-child {
        margin-bottom: 0;
    }

#reservation-details .selected-rooms {
    padding-top: 0;
}

#reservation-details .warning {
    font-size: 3.90625vw;
    padding: 0 10%;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 9%;
}

    #reservation-details .warning a {
        color: #999;
        text-decoration: none;
    }

@-moz-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-webkit-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-o-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-moz-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-webkit-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-o-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

#mensagem-multi-quarto {
    float: left;
    clear: both;
    color: #fff;
    font-size: 3.4375vw;
    line-height: 18px;
    margin-top: 20px;
    display: none;
}

.tarifa-crm > .icon-estrela-sucesso {
    font-size: 30px;
    vertical-align: middle;
    margin: -8px 2px -6px -6px;
    display: inline-block;
}

.tarifa-crm {
    background-color: #ffbb02;
    color: #fff !important;
    font-size: 2.125vw !important;
    font-weight: 700;
    padding: 7px 15px;
    border-radius: 15px;
    text-align: center;
}

#tickets-carrinho .item .pessoas-valor p:after, #tickets-carrinho .item .pessoas-valor p:before, .clearfix:after, .clearfix:before {
    display: table;
    content: '';
}

#tickets-carrinho .item .pessoas-valor p:after, .clearfix:after {
    clear: both;
}

.ui-datepicker .alerta-best-rates {
    font-size: 3.75vw;
    text-align: center;
    margin-top: 5vw;
    color: #fff;
}

@-moz-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@-webkit-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@-o-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

#menu .not-logged .email-login {
    padding-right: 36px;
}

#menu .footer-menu .language span.en {
    background: url(../Content/img/spritesheet.png) 0 0;
    width: 22px;
    height: 16px;
}

#menu .footer-menu .language span.es {
    background: url(../Content/img/spritesheet.png) -24px 0;
    width: 22px;
    height: 16px;
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    .ios {
        height: 1024px;
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .ios {
        height: 768px;
    }
}

@media screen and (device-aspect-ratio:40/71) {
    .ios {
        height: 500px;
    }
}

#ultimas-buscas .text .new-search {
    color: #5a93fb;
    font-size: inherit;
}

#ultimas-buscas .last-search-item .last-search {
    display: inline-block;
    font-size: 3.90625vw;
    color: #5a93fb;
    font-weight: 500;
    float: left;
    padding: 5% 0;
}

#ultimas-buscas .last-search-item .btn-remover-busca {
    position: absolute;
    text-align: center;
    float: right;
    padding: 4% 7%;
    font-size: 4.375vw;
    color: #acacac;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    border-radius: 0 5px 5px 0;
    left: 100%;
    top: -1px;
    height: calc(100% + 2px);
    line-height: 1;
}

#hotel #rooms .conditions .btn-conditions.free {
    color: #5baf40;
    border-bottom: 2px dotted #5baf40;
}

#escolha-ingressos {
    width: 100%;
}

    #escolha-ingressos .btn {
        margin-top: 4.375%;
        display: block;
        white-space: pre;
        text-align: center;
        border-radius: 5px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        font-size: 4.375vw !important;
        padding: 5% 8%;
        display: inline-block;
        width: auto;
        margin-left: 5%;
    }

    #escolha-ingressos .padding-content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3.125%;
    }

    #escolha-ingressos .banner-bg {
        width: 100%;
        padding-bottom: 34.375%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-position: center center;
    }

    #escolha-ingressos .description {
        margin-top: -15%;
        text-align: center;
        padding: 10% 5%;
        position: relative;
        z-index: 1;
    }

        #escolha-ingressos .description .title {
            line-height: 1.2;
        }

    #escolha-ingressos .ticket .title {
        font-size: 4.6875vw;
        text-transform: none;
        line-height: 1.3;
        display: inline-block;
        max-width: 80%;
        vertical-align: top;
    }

    #escolha-ingressos .ticket .top {
        margin-bottom: 5%;
    }

    #escolha-ingressos .ticket .discount {
        border: 1px solid #25cf2e;
        color: #25cf2e;
        font-size: 3.75vw;
        font-weight: 700;
        border-radius: 4px;
        padding: .5% 2%;
        line-height: 1.5;
        vertical-align: top;
        margin-left: 2.34375%;
        display: none;
    }

    #escolha-ingressos .ticket .image {
        width: 35.9375%;
        padding-bottom: 29.6875%;
        background: url(img/tickets/img-preloader.gif) no-repeat center center;
        vertical-align: middle;
        display: inline-block;
    }

    #escolha-ingressos .ticket .details {
        display: inline-block;
        vertical-align: middle;
        text-align: right;
        width: 63.1%;
    }

        #escolha-ingressos .ticket .details .wrap {
            text-align: center;
            width: auto;
            display: inline-block;
        }

        #escolha-ingressos .ticket .details .text {
            font-size: 3.75vw;
            line-height: 1.2;
            text-align: center;
        }

            #escolha-ingressos .ticket .details .text .full-price {
                text-decoration: line-through;
                display: none;
            }

        #escolha-ingressos .ticket .details .price {
            color: #25cf2e;
            font-weight: 700;
        }

            #escolha-ingressos .ticket .details .price span {
                font-size: 5.3125vw;
            }

        #escolha-ingressos .ticket .details .btn {
            margin-top: 4.375%;
            display: block;
            white-space: pre;
        }

    #escolha-ingressos .ticket.off .discount {
        display: inline-block;
    }

    #escolha-ingressos .ticket.off .text .full-price {
        display: inline;
    }

.form-detalhes {
    position: fixed;
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    overflow-y: auto;
    z-index: 10;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

    .form-detalhes select {
        -webkit-appearance: none;
    }

    .form-detalhes input, .form-detalhes select {
        border: 1px solid #c3c3c3;
        width: 100%;
        font-size: 3.75vw;
    }

    .form-detalhes label {
        font-size: 3.75vw;
        color: grey-999;
        margin-bottom: 2.8125%;
        display: inline-block;
    }

    .form-detalhes .wrap-field {
        width: 100%;
        margin-bottom: 6.25%;
        position: relative;
    }

        .form-detalhes .wrap-field.half-size {
            width: 45%;
            display: inline-block;
        }

            .form-detalhes .wrap-field.half-size.m-right {
                margin-right: 9%;
            }

        .form-detalhes .wrap-field .datepicker {
            position: relative;
            z-index: 1;
            background-color: transparent;
        }

            .form-detalhes .wrap-field .datepicker ~ i {
                position: absolute;
                font-size: 7.8125vw;
                z-index: 0;
                right: 2.34375vw;
                bottom: 50%;
                -webkit-transform: translateY(88%);
                -moz-transform: translateY(88%);
                -o-transform: translateY(88%);
                -ms-transform: translateY(88%);
                transform: translateY(88%);
                z-index: 1;
            }

            .form-detalhes .wrap-field .datepicker.error ~ i {
                color: #e23737;
            }

    .form-detalhes .top {
        border-bottom: 1px solid #c3c3c3;
        padding: 4.375% 6.25%;
    }

        .form-detalhes .top .title {
            width: 90%;
            text-transform: none;
            width: 85%;
            vertical-align: middle;
            display: inline-block;
        }

        .form-detalhes .top .close {
            display: inline-block;
            vertical-align: middle;
            font-size: 7.8125vw;
            float: right;
        }

    .form-detalhes .editando {
        color: #f26522;
        text-align: right;
        font-weight: 700;
        display: none;
    }

        .form-detalhes .editando span {
            vertical-align: middle;
            margin-left: 1.5625%;
            display: inline-block;
        }

        .form-detalhes .editando i {
            font-size: 6.25vw;
            vertical-align: middle;
            display: inline-block;
        }

    .form-detalhes .form {
        height: 69.5%;
        padding: 5%;
        height: 80%;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .form-detalhes .form .title {
            font-size: 4.375vw;
            margin: 10% 0 2%;
        }

        .form-detalhes .form .sub-title {
            font-size: 4.2vw;
            font-weight: 700;
            margin: 8% 0 2%;
        }

    .form-detalhes .valor-total {
        z-index: 2;
        background-color: #eee;
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 5%;
    }

        .form-detalhes .valor-total .wrap {
            vertical-align: middle;
            width: 45.5%;
            display: inline-block;
            text-align: left;
            float: left;
        }

            .form-detalhes .valor-total .wrap .text {
                font-size: 3.75vw;
                line-height: 1.2;
            }

                .form-detalhes .valor-total .wrap .text .full-price {
                    text-decoration: line-through;
                    display: none;
                }

            .form-detalhes .valor-total .wrap .price {
                color: #444;
                font-weight: 700;
            }

                .form-detalhes .valor-total .wrap .price span {
                    font-size: 5.3125vw;
                }

        .form-detalhes .valor-total .btn {
            white-space: pre;
        }

    .form-detalhes .mais-infos .text {
        color: #999;
        font-size: 4.375vw;
        line-height: 1.3;
        text-align: justify;
    }

#total-carrinho {
    position: fixed;
    width: 100%;
    background-color: #36393e;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 7% 3.25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    z-index: 5;
}

    #total-carrinho p {
        color: #fff;
        font-size: 5.46875vw;
        font-weight: 700;
        display: inline-block;
        line-height: 1.5;
        float: left;
        clear: both;
    }

    #total-carrinho span {
        color: #fff;
        font-size: 2.7vw;
        font-weight: 500;
        display: inline-block;
        line-height: 1.5;
        float: left;
    }

    #total-carrinho .btn {
        padding: 5%;
        font-size: 4.3vw;
        float: right;
        position: absolute;
        margin-right: 15px;
    }

#ver-mais-carrinho, #ver-menos-carrinho {
    font-weight: 300 !important;
    cursor: pointer;
    color: #f38630 !important;
    clear: both;
}

#tickets-carrinho {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    z-index: 9;
}

    #tickets-carrinho .wrap-cart {
        position: absolute;
        background-color: #32373e;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
    }

    #tickets-carrinho .table-cell {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: top;
    }

    #tickets-carrinho .top {
        padding: 4.375% 6.25%;
    }

        #tickets-carrinho .top .title {
            text-transform: none;
            width: 90%;
            vertical-align: middle;
            display: inline-block;
            color: #fff;
        }

        #tickets-carrinho .top .close {
            display: inline-block;
            vertical-align: middle;
            font-size: 7.8125vw;
            color: #fff;
        }

        #tickets-carrinho .top .quartos-carrinho {
            border-bottom: 1px solid #25292e;
        }

        #tickets-carrinho .top .quartos-texto, #tickets-carrinho .top .quartos-valor {
            font-size: 4.6875vw;
            display: inline-block;
            line-height: 3;
        }

        #tickets-carrinho .top .quartos-valor {
            float: right;
        }

    #tickets-carrinho .wrap-itens {
        height: 67.5%;
        overflow-y: auto;
    }

    #tickets-carrinho .itens {
        display: table;
        width: 100%;
        height: 100%;
        padding: 0 6.25%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #tickets-carrinho .item {
        padding: 6.25% 0;
        border-bottom: 1px solid #25292e;
    }

        #tickets-carrinho .item:last-child {
            border-bottom: 0;
        }

        #tickets-carrinho .item .title {
            color: #fff;
            max-width: 70%;
            display: inline-block;
            vertical-align: top;
            text-transform: none;
        }

        #tickets-carrinho .item button {
            color: #fff;
            font-size: 5.46875vw;
            float: right;
            line-height: 1;
            margin: 0 1%;
        }

        #tickets-carrinho .item .infos {
            background-color: rgba(0,0,0,.3);
            padding: 1% 2.5%;
            border-radius: 5vw;
            font-size: 4.375vw;
            float: none;
        }

        #tickets-carrinho .item .pessoas-valor {
            margin-top: 4.375%;
        }

            #tickets-carrinho .item .pessoas-valor p {
                width: 100%;
                font-size: 4.375vw;
                margin-bottom: 2.34375%;
            }

                #tickets-carrinho .item .pessoas-valor p .pessoas {
                    float: left;
                }

                #tickets-carrinho .item .pessoas-valor p .valor {
                    float: right;
                }

    #tickets-carrinho .valor-total {
        padding: 6.25% 7.8125%;
        text-align: center;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background-color: #32373e;
        z-index: 1;
    }

        #tickets-carrinho .valor-total .wrap {
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            float: left;
        }

            #tickets-carrinho .valor-total .wrap .text {
                font-size: 3.75vw;
                line-height: 1.2;
                color: #fff;
            }

                #tickets-carrinho .valor-total .wrap .text .full-price {
                    text-decoration: line-through;
                    display: none;
                }

            #tickets-carrinho .valor-total .wrap .price {
                font-size: 5.3125vw;
                font-weight: 700;
            }

            #tickets-carrinho .valor-total .wrap .recolher, #tickets-carrinho .valor-total .wrap .ver {
                color: #f26522;
                margin-top: 1.5625%;
                display: inline-block;
                position: relative;
            }

                #tickets-carrinho .valor-total .wrap .recolher .icon-arrow, #tickets-carrinho .valor-total .wrap .ver .icon-arrow {
                    position: absolute;
                    font-size: 4.6875vw;
                    left: 100%;
                    top: 0;
                }

            #tickets-carrinho .valor-total .wrap .recolher {
                display: none;
            }

                #tickets-carrinho .valor-total .wrap .recolher .icon-arrow {
                    top: 50%;
                    left: 95%;
                    top: 80%;
                    -webkit-transform: rotate(90deg) translateY(30%);
                    -moz-transform: rotate(90deg) translateY(30%);
                    -o-transform: rotate(90deg) translateY(30%);
                    -ms-transform: rotate(90deg) translateY(30%);
                    transform: rotate(90deg) translateY(30%);
                    -webkit-transform-origin: 100% 50%;
                    -moz-transform-origin: 100% 50%;
                    -o-transform-origin: 100% 50%;
                    -ms-transform-origin: 100% 50%;
                    transform-origin: 100% 50%;
                }

        #tickets-carrinho .valor-total .btn {
            white-space: pre;
            font-size: 3.4375vw;
            padding: 4.6875vw 3.125vw;
            float: right;
        }

@-moz-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-webkit-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-o-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-moz-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-webkit-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-o-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

.modal-conditions {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

    .modal-conditions .overlay {
        background: rgba(50,55,62,.9);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .modal-conditions .modal-content {
        background: #fff;
        border-radius: 5px;
        box-sizing: border-box;
        color: #999;
        display: flex;
        padding: 6vw 3vw 6vw 6vw;
        position: absolute;
        top: 50%;
        left: 5%;
        transform: translateY(-50%);
        width: 90%;
        max-height: calc(100% - 200px);
    }

        .modal-conditions .modal-content p + p {
            margin-top: 1em;
        }

        .modal-conditions .modal-content p:first-child {
            font-weight: 700;
        }

        .modal-conditions .modal-content .text {
            padding-right: 6vw;
            overflow: auto;
        }

    .modal-conditions .btn-fechar-modal {
        background: url(img/close-icon.png);
        position: absolute;
        right: 0;
        top: -55px;
        width: 44px;
        height: 44px;
    }

@-moz-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@-webkit-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@-o-keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@keyframes bubblingG2 {
    0% {
        width: 7px;
        height: 7px;
        background-color: #fff;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        width: 15px;
        height: 15px;
        background-color: #315582;
        -webkit-transform: translateY(-32px);
        -moz-transform: translateY(-32px);
        -o-transform: translateY(-32px);
        -ms-transform: translateY(-32px);
        transform: translateY(-32px);
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    .ios {
        height: 1024px;
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .ios {
        height: 768px;
    }
}

@media screen and (device-aspect-ratio:40/71) {
    .ios {
        height: 500px;
    }
}

#confirmation, #processing {
    padding-top: 6.25%;
}

.finish .icon-paypal {
    display: inline-block;
    background: url(img/paypal-texto.png) no-repeat top center;
    background-size: contain;
    width: 58px;
    height: 25px;
    position: relative;
    top: 7px;
    left: 2px;
}

.bloco-form-valor-agora, .bloco-form-valor-depois {
    float: left;
}

#reservation-success .items .content .value.red, .reservation-section .items .content .value.red {
    color: #f4473a;
}

    #reservation-success .items .content .value.red .sub, .reservation-section .items .content .value.red .sub {
        border-color: #f4473a;
    }

#selecao-produtos {
    width: 100%;
}

    #selecao-produtos .btn {
        margin-top: 4.375%;
        text-align: center;
        border-radius: 5px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 700;
        font-size: 4.075vw !important;
        padding: 8%;
        display: inline-block;
        width: auto;
    }

    #selecao-produtos .btn-adicionar {
        margin-top: 0 !important;
        float: right;
        padding: 5% 8%;
    }

        #selecao-produtos .btn-adicionar.disabled {
            opacity: .6;
            pointer-events: none;
        }

    #selecao-produtos .padding-content {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 3.125%;
    }

    #selecao-produtos .banner-bg {
        width: 100%;
        padding-bottom: 34.375%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-position: center center;
    }

    #selecao-produtos .description {
        margin-top: -15%;
        text-align: center;
        padding: 10% 5%;
        position: relative;
        z-index: 1;
    }

        #selecao-produtos .description .title {
            line-height: 1.2;
        }

    #selecao-produtos .ticket .title {
        font-size: 4.6875vw;
        text-transform: none;
        line-height: 1.3;
        display: inline-block;
        max-width: 80%;
        vertical-align: top;
    }

    #selecao-produtos .ticket .top {
        margin-bottom: 5%;
    }

    #selecao-produtos .ticket .discount {
        border: 1px solid #25cf2e;
        color: #25cf2e;
        font-size: 3.75vw;
        font-weight: 700;
        border-radius: 4px;
        padding: .5% 2%;
        line-height: 1.5;
        vertical-align: top;
        margin-left: 2.34375%;
        display: none;
    }

    #selecao-produtos .ticket .image {
        width: 35.9375%;
        padding-bottom: 29.6875%;
        background: url(img/img-preloader.gif) no-repeat center center;
        vertical-align: middle;
        display: inline-block;
    }

    #selecao-produtos .ticket .details {
        display: block;
        vertical-align: middle;
        text-align: center;
        width: 55%;
        float: right;
    }

        #selecao-produtos .ticket .details .wrap {
            text-align: center;
            width: auto;
            display: block;
        }

        #selecao-produtos .ticket .details .text {
            font-size: 3.75vw;
            line-height: 1.2;
            text-align: center;
        }

            #selecao-produtos .ticket .details .text .full-price {
                text-decoration: line-through;
                display: none;
            }

        #selecao-produtos .ticket .details .price {
            color: #25cf2e;
            font-weight: 700;
        }

            #selecao-produtos .ticket .details .price span {
                font-size: 5.3125vw;
            }

        #selecao-produtos .ticket .details .btn {
            margin-top: 4.375%;
            white-space: pre;
        }

    #selecao-produtos .ticket.off .discount {
        display: inline-block;
    }

    #selecao-produtos .ticket.off .text .full-price {
        display: inline;
    }

@-moz-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-webkit-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-o-keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@keyframes animated-bar {
    from {
        background-position: 0 center;
    }

    to {
        background-position: 9999px center;
    }
}

@-moz-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-webkit-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@-o-keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

@keyframes spark1 {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    20% {
        opacity: 0;
    }

    40% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }

    50% {
        opacity: 0;
    }

    60% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
}

#link-cupom-desconto {
    display: block;
    font-size: 4.0625vw;
    font-weight: 500;
    color: #999;
}

    #link-cupom-desconto a {
        text-decoration: underline;
        cursor: pointer;
    }

#pagamento-inp-cupom-desconto {
    width: 150px;
    float: left;
}

#button-validar-cupom-desconto {
    margin-left: 10px;
    color: #fff;
    box-shadow: none;
    border: none;
    height: 36px;
    border-radius: 8px;
    padding: 0 10px;
    font: 600 13px Roboto;
    letter-spacing: 1px;
    cursor: pointer;
}

#container-input-cupom-desconto {
    margin-top: 15px;
    display: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #c9c9c9;
}

#cupom-desconto-mensagem-erro {
    color: #ff2424;
    font-weight: 500;
    font-size: 13px;
    margin-top: 5px;
    display: none;
}

.pagamento-meio {
    margin: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    width: 100%;
}

    .pagamento-meio div {
        position: relative;
        padding: 8px 15px;
        text-align: center;
        flex: 1;
    }

        .pagamento-meio div span {
            font-weight: 600;
            text-transform: uppercase;
            color: #555;
        }

            .pagamento-meio div span.border {
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                bottom: -1px;
                display: none;
            }

        .pagamento-meio div.active span.border {
            display: block;
        }

.bloco-formas-pagamento {
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    margin: 15px 0;
}

    .bloco-formas-pagamento .bloco-formas-pagamento-container {
        display: table;
        width: 100%;
    }

    .bloco-formas-pagamento .forma-pagamento-item {
        display: inline-block;
        width: 50%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 10.5px;
        color: #444;
        cursor: pointer;
        vertical-align: middle;
        box-sizing: border-box;
        height: 34px;
    }

    .bloco-formas-pagamento .bloco-formas-pagamento-container div:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }

    .bloco-formas-pagamento .bloco-formas-pagamento-container div:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .bloco-formas-pagamento .icon-cartao-credito {
        font-size: 25px;
    }

    .bloco-formas-pagamento .icon-paypal, .bloco-formas-pagamento .icon-paypal-white {
        height: 20px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .bloco-formas-pagamento .icon-paypal {
        display: block;
        background: url(img/paypal.png) no-repeat top center;
        background-size: contain;
    }

    .bloco-formas-pagamento .icon-paypal-white {
        display: none;
        background: url(img/paypal-white.png) no-repeat top center;
        background-size: contain;
    }

    .bloco-formas-pagamento span {
        vertical-align: middle;
        line-height: 34px;
    }

    .bloco-formas-pagamento .forma-pagamento-item.selected {
        background-color: #2b333f;
        color: #fff;
    }

    .bloco-formas-pagamento div.forma-pagamento-paypal.selected .icon-paypal {
        display: none;
    }

    .bloco-formas-pagamento div.forma-pagamento-paypal.selected .icon-paypal-white {
        display: block;
    }

.bloco-paypal-informacoes div {
    display: block;
    position: relative;
}

    .bloco-paypal-informacoes div:after {
        content: "";
        display: table;
        clear: both;
    }

.bloco-paypal-informacoes span {
    display: block;
    color: #444;
    font-size: 12px;
}

.bloco-paypal-informacoes .paypal-color {
    color: #009bdd;
}

.bloco-paypal-informacoes .separator {
    display: block;
    width: 100%;
    height: 0;
    border: .05em dashed #009adc;
    margin: 15px 0;
}

.bloco-paypal-informacoes strong {
    font-weight: 700;
}

.bloco-paypal-informacoes .paypal-question {
    line-height: 30px;
    font-size: 17px;
    font-weight: 700;
}

.bloco-paypal-informacoes .circle {
    border: 1px solid #009adc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.bloco-paypal-informacoes .airplane {
    margin-top: 10px;
}

    .bloco-paypal-informacoes .airplane div, .bloco-paypal-informacoes .parcelamento div {
        display: inline-block;
        vertical-align: middle;
    }

    .bloco-paypal-informacoes .airplane strong, .bloco-paypal-informacoes .parcelamento strong {
        font-size: 13px;
        line-height: 18px;
    }

.bloco-paypal-informacoes .circle span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.bloco-paypal-informacoes .paypal-description {
    line-height: 16px;
    display: block;
    text-align: justify;
}

.bloco-paypal-informacoes .paypal-phone .phone-number {
    font-size: 24px;
    font-weight: 700;
}

.bloco-paypal-informacoes .credit-cards {
    margin-top: 10px;
}

    .bloco-paypal-informacoes .credit-cards .icon-cards {
        margin-top: 5px;
        display: block;
        background: url(img/paypal-bandeiras.jpg) no-repeat top center;
        background-size: contain;
        width: 235px;
        height: 27px;
    }