/* Minification failed. Returning unminified contents.
(23,32): run-time error CSS1019: Unexpected token, found ' '
(23,32): run-time error CSS1019: Unexpected token, found ' '
(23,32): run-time error CSS1042: Expected function, found ' '
(23,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(24,37): run-time error CSS1019: Unexpected token, found ' '
(24,37): run-time error CSS1019: Unexpected token, found ' '
(24,37): run-time error CSS1042: Expected function, found ' '
(24,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(25,34): run-time error CSS1019: Unexpected token, found ' '
(25,34): run-time error CSS1019: Unexpected token, found ' '
(25,34): run-time error CSS1042: Expected function, found ' '
(25,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2560,1): run-time error CSS1019: Unexpected token, found '}'
(9244,21): run-time error CSS1036: Expected expression, found ','
(13278,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13293,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(13294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,862): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13441,894): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,925): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13441,954): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,985): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(13441,1013): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,1044): run-time error CSS1019: Unexpected token, found '@keyframes'
(13441,1068): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,1099): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(13441,1130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,1160): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(13441,1188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,1218): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(13441,1245): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(13441,1275): run-time error CSS1019: Unexpected token, found '@keyframes'
(13441,1298): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: rgb(240, 240, 240);
    min-width: 1024px;
}

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

input::-ms-clear {
    display: none;
    height: 0px;
    width: 0px;
}

/*GLOBAL DE CADA PAGINA*/
#content
{
    min-height: calc(100vh - 100px);
    min-height: -o-calc(100vh - 100px); /* opera */
    min-height: -webkit-calc(100vh - 100px); /* google, safari */
    min-height: -moz-calc(100vh - 100px); /* firefox */


    margin: 0 auto;
}

select
{
    font-family: 'Roboto';
}

/*ESSA CLASSE DEFINE O PADDING DE TODOS OS CONTENTS*/
.content-section
{
    height: 100%;
    margin: 0 auto;
    width: 976px;
    position: relative;
}

/*AQUI DEFINE A MARGEM DOS OBJETOS DENTRO DO CONTENT*/
.page-content
{
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}



/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

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

textarea {
    min-height: 75px;
}

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

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


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #D81F1A !important;
    border-color: #D81F1A !important;
}

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

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

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

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* Scroll
-----------------------------------------------------------*/
/* Let's get this party started */
::-webkit-scrollbar
{
  width: 8px;  /* for vertical scrollbars */
  height: 8px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.15);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.3);
}

/*
    LETS MULTIPLE
*/
.lets-multiple {
    position: relative;
    height: auto;
    border-radius: 5px;
    color: grey;
    cursor: pointer;
    border: 1px solid darkgrey;
    display: block;
    vertical-align: middle;
    text-align: left;
    line-height: 35px;
    font-size: 13px;
    z-index: 2;
    background-color: white;
    min-width: 70px;
}

.lets-multiple:after {
    content: "\25be";
    float: right;
    font-size: 18px;
    position: absolute;
    top: 1px;
    right: 3px;
}

.lets-multiple.open:after {
    display: none;
}

.lets-multiple .option {
    display: block;
    padding: 0 14px;
    line-height: 35px;
    cursor: pointer;
}

.lets-multiple .option.selected {
    background-color: #1E90FF;
    color: white;
}

.lets-multiple .total {
    padding: 0 14px;
    line-height: 35px;
    height: 35px;
    width: 50px;
    display: block;
}

.lets-multiple.open,
.lets-multiple.open .total {
    cursor: default;
}

.lets-multiple.open .total {
    border-bottom: 1px solid darkgrey;
}

/* Classes padrão */
.btn {
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    line-height: 1;
    padding: 12px 45px;
    background-color: #4285F4;
    cursor: pointer;
    outline: none;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.btn.btn-close {
    padding: 12px 38px;
    background-color: #999;
}

.btn.btn-close:hover {
    background-color: #444;
}

.btn:hover {
    background-color: #1d4e9e;
}

.texto {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin: 0;
}

.modal {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #444444;
    line-height: 1;
    display: none;
}

.modal .overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

.modal .content {
    background-color: #fff;
    position: absolute;
    padding: 35px 0 0;
    box-sizing: border-box;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 700px;
    border-radius: 5px;
    overflow: hidden;
}

.modal .content .bloco {
    padding: 40px 65px 40px;
    width: 100%;
    box-sizing: border-box;
}

.modal .content .bg-cinza {
    background-color: #eee;
}

.ttl-modal {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

/* Outras condições */
.condicao {
    text-align: left;
}

.ttl-condicao {
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.condicao .tarifa {
    margin-top: 20px;
    -webkit-display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.condicao .tarifa .texto {
    font-size: 12px;
}

.condicao .tarifa .nome {
    width: 100%;
}

.condicao .tarifa .valor {
    font-weight: 700;
    margin: 0;
}

/* Modal outras tarifas */
#outras-tarifas .content .ttl-modal {
    margin-top: 30px;
}

#outras-tarifas .btn {
    margin: 40px 7px 0;
}






#listagemHoteis .itemHotel {
    display: inline-block;
    width: 100%;
    min-height: 220px;
    border-bottom: 1px dotted #AFAFAF;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

#listagemHoteisContent > div:nth-child(1) {
    /*padding-top: 0px;*/
    margin-top: -20px;
}

#listagemHoteis .itemHotel:last-child {
    padding-bottom: 0px;
}

#listagemHoteisContent > div:last-child {
    border-bottom: none !important;
}

/*----------------PARTIAL-----------------*/
.img-hotel-arrow-left,
.img-hotel-arrow-right {
    height: 60px;
    width: 35px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.43);
    color: #fff;
    font-size: 29px;
    font-family: monospace;
    line-height: 55px;
    top: calc(50% - 30px);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 200ms all;
    z-index: 10;
}

    .img-hotel-arrow-left:hover,
    .img-hotel-arrow-right:hover {
        /*color: rgb(77, 126, 243);*/
        background-color: rgba(0, 0, 0, 0.7);
    }

    .img-hotel-arrow-left:active,
    .img-hotel-arrow-right:active {
        /*background-color: rgba(0, 0, 0, 1);*/
        color: rgb(77, 126, 243);
    }



.img-hotel-arrow-left {
    left: 0px;
    text-align: left;
    padding-left: 4px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.img-hotel-arrow-right {
    left: 181px;
    text-align: right;
    padding-right: 4px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

    /*.img-hotel-arrow-left:first-of-type,
    .img-hotel-arrow-right :first-of-type {
        top: 90px;
    }*/

.itemHotel > img {
    height: 220px;
    width: 220px;
    float: left;
    cursor: pointer;
    object-fit: cover;
}

.itemHotel .slider-imagens-hotel{
    float: left;
    width: 220px;
    height: 220px;
}
.itemHotel .slide a {
    display: block;
}
.itemHotel .slide img{
    background: url(img/loader.gif) no-repeat center;
    width: 220px;
    height: 220px;
    object-fit: cover;
}

.itemHotelContent {
    /*background-color: pink;*/
    height: 100%;
    height: 220px;
    margin-left: 240px;
    position: relative;
}



.hoteis-ico-mais-pessoas {
    font-weight: 200;
    font-size: 14px;
    position: absolute;
    top: 23px;
    left: 2px;
}

.hoteis-ico-mais-pessoas-outra {
    font-weight: 200;
    margin-left: -11px;
    margin-right: 5px;
    font-size: 12px;
}

.icoEscolhaMaisPopular {
    background-position: -79px -19px;
}

.icoEnderecoHotel {
    height: 20px;
    width: 24px;
    position: relative;
    float: left;
}

    .icoEnderecoHotel > span {
        font-size: 28px;
        position: absolute;
        top: -7px;
        left: -6px;
    }

.icoAcomodacaoUmaPessoa {
    height: 20px;
    width: 24px;
    float: left;
}

    .icoAcomodacaoUmaPessoa > span {
        font-size: 45px;
        position: absolute;
        top: -15px;
        left: -14px;
    }

.icoAcomodacaoDuasPessoas {
    height: 20px;
    width: 24px;
    float: left;
}

    .icoAcomodacaoDuasPessoas > span {
        font-size: 45px;
        position: absolute;
        top: -15px;
        left: -18px;
    }

.icoAcomodacaoTresPessoas {
    height: 20px;
    width: 24px;
    float: left;
}

    .icoAcomodacaoTresPessoas > span {
        font-size: 45px;
        position: absolute;
        top: -15px;
        left: -19px;
    }



.tituloHotel {
    /*background-color: red;*/
    height: 80px;
    float: left;
    width: 84%;
}

/*Nome do hotel*/
.itemHotelContent .itemVarNomeHotel {
    /*background-color: lightgreen;*/
    width: 100%;
    float: left;
    font-size: 24px;
    font-weight: 600;
    color: #2B333F;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    cursor: pointer;
}

    .itemHotelContent .itemVarNomeHotel:hover {
        color: #546073;
    }

/*Agrupamento endereço do hotel + telefone*/
.itemHotelContent .infoHotel {
    /*background-color: lightblue;*/
    float: left;
    color: #6F6F6F;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    cursor: pointer;
}

    .itemHotelContent .infoHotel:hover {
        text-decoration: underline;
    }

.hotel-mapa-container {
    border: 5px solid #fff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 2px 3px 6px lightgrey;
    width: 345px;
    height: 220px;
    background-color: #fff;
    position: absolute;
    top: 28px;
    left: -10000px; /*ISSO E UM 'HIDE', O GOOGLE MAPS API TEM BUG COM DISPLAY: NOONE*/
    z-index: 999;
}


/*span telefone*/
.itemHotelContent .infoHotel .itemVarTelefoneHotel {
    margin-left: 5px;
}

.itemHotelContent .infoAcomodacao {
    float: left;
    /*width: 77%;*/
    position: relative;
    cursor: pointer;
    margin-top: 15px;
}

    .itemHotelContent .infoAcomodacao:hover {
        text-decoration: underline;
    }

/*Flag de 'escolha mais popular'*/
.itemHotelContent .varEscolhaMaisPopular {
    /*background-color: lightyellow;*/
    width: 100%;
    float: left;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 500;
    color: #EF8B02;
    font-size: 14px;
    text-decoration: inherit;
}

    .itemHotelContent .varEscolhaMaisPopular span {
        line-height: 21px;
    }




/*NOME DA ACOMODAÇÂO*/
.itemHotelContent .infoAcomodacao .itemAcomodacao {
    float: left;
    clear: both;
    color: #000066;
    font-size: 16px;
    font-weight: 600;
    text-decoration: inherit;
}

.itemHotelContent .infoAcomodacao .itemVarDescricaoAcomodacao,
.itemHotelContent .infoAcomodacao .itemBtnSelecionarAcomodacao {
    display: inline-block;
    float: left;
    clear: both;
    text-decoration: inherit;
}

    .itemHotelContent .infoAcomodacao .itemBtnSelecionarAcomodacao::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid;
        margin-left: 5px;
    }



/*Descricao da acomodacao*/
.itemHotelContent .infoAcomodacao .itemVarDescricaoAcomodacao {
    /*background-color: red;*/
    margin-top: 5px;
    /*max-width: 35%;*/
    max-height: 34px;
    overflow: hidden;
    color: #538F30;
    margin-left: 24px;
    text-transform: capitalize;
    text-decoration: inherit;
}

/*Quero este quarto*/
.itemHotelContent .infoAcomodacao .itemBtnSelecionarAcomodacao {
    /*background-color: green;*/
    margin-top: 5px;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    margin-left: 24px;
}

    .itemHotelContent .infoAcomodacao .itemBtnSelecionarAcomodacao:hover {
        text-decoration: underline;
    }

/*MENSAGEM DE QTOS QUARTOS TEM DISPONIVEL*/
.quantidadeDisponivel {
    color: #E3230C;
    font-size: 14px;
    font-weight: 600;
    width: 150px;
    text-align: center;
    position: absolute;
    right: 165px;
    top: 112px;
}

.itemHotelContent .blocoReserve {
    /*background-color: lightblue;*/
    width: 180px;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
}

.divBlock {
    /*background-color: lightblue;*/
    width: 180px;
    float: right;
    display: block;
    right: 0;
    bottom: 0;
    padding-bottom: 4em;
}

.testeDiv {
    position: absolute;
}

/*Valor riscado (sem desconto)*/
.itemHotelContent .blocoReserve .itemVarValorSemDesconto {
    text-decoration: line-through;
    float: right;
    color: #2F3381;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: right;
}

/*Bloquinho que contém o percentual do desconto*/
.itemHotelContent .blocoReserve .itemVarPercentualDesconto {
    border: 1px solid #EF6620;
    color: #EF6620;
    float: left;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 10px;
    margin-top: 2px;
}

/*Valor final*/
.itemHotelContent .blocoReserve .itemVarValorFinal {
    color: #000066;
    font-weight: 600;
    font-size: 20px;
    float: right;
    margin-bottom: 5px;
    text-align: right;
    min-width: 60px;
}

    .itemHotelContent .blocoReserve .itemVarValorFinal.discounted {
        color: #EF6620; /*discounted value*/
    }

/*Valor auxiliar*/
.itemVarValorAuxiliar {
    float: right;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
    clear: both;
    color: #6F6F6F;
}

/*Botão de efetuar reserva*/
.itemHotelContent .blocoReserve .itemBtnEfetuarReserva {
    height: 40px;
    width: 130px;
    color: #fff;
    float: right;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 5px;
}



/*Descricoa da forma de pagamento*/
.itemHotelContent .blocoReserve .itemVarDescricaoFormasPagamento {
    color: #2F3381;
    float: right;
    font-size: 13px;
    font-weight: 500;
}

.valorContainer {
    float: right;
}


/*Ver mais opções de quarto*/
.itemHotelContent .itemBtnMaisAcomodacoes {
    color: #2F3381;
    font-weight: 500;
    cursor: pointer;
    float: left;
    clear: both;
    margin-top: -20px;
}

    .itemHotelContent .itemBtnMaisAcomodacoes::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid;
        margin-left: 5px;
    }


    .itemHotelContent .itemBtnMaisAcomodacoes:hover {
        text-decoration: underline;
    }

/*Outras acomodacoes*/
.outrasAcomodacoes {
    /*background-color: red;*/
    float: left;
    clear: both;
    width: 100%;
    margin-top: 15px;
    display: none;
    width: 70%;
}

    /*Item de outra acomodacao*/
    .outrasAcomodacoes > div {
        padding: 10px;
        border-top: 1px solid #AFAFAF;
        cursor: pointer;
        color: #6F6F6F;
        font-weight: 500;
    }

    .outrasAcomodacoes .containerPrecoOutraAcomodacao {
        display: inline-block;
        float: right;
    }

    .outrasAcomodacoes > div:hover {
        background-color: #EAEFFE;
    }


    .outrasAcomodacoes nomeOutraAcomodacao {
        float: left;
    }

.icoOutraAcomodacaoUmaPessoa {
    height: 20px;
    width: 24px;
    float: left;
    position: relative;
}

    .icoOutraAcomodacaoUmaPessoa > span {
        font-size: 45px;
        position: absolute;
        top: -15px;
        left: -14px;
    }

.icoOutraAcomodacaoDuasPessoas {
    height: 20px;
    width: 24px;
    float: left;
    position: relative;
}

    .icoOutraAcomodacaoDuasPessoas > span {
        font-size: 45px;
        position: absolute;
        top: -15px;
        left: -14px;
    }



.icoOutraAcomodacaoTresPessoas {
    height: 20px;
    width: 24px;
    float: left;
    position: relative;
}

    .icoOutraAcomodacaoTresPessoas > span {
        font-size: 45px;
        position: absolute;
        top: -15px;
        left: -14px;
    }



.precoFinalOutraAcomodacao {
    padding-right: 10px;
    padding-left: 10px;
    color: #000066;
    font-weight: 600;
}

.precoSemDescontoOutraAcomodacao {
    text-decoration: line-through;
    color: #959AA7;
}

.quantidadeRestanteOutraAcomodacao {
    padding-right: 40px;
    color: #E2220C;
}

/*----------------PARTIAL-----------------*/

#loadingContainer {
    text-align: center;
    padding: 50px;
}

    #loadingContainer span {
        font-size: 18px;
    }





.indisp-content {
    text-align: center;
}

/* .hotel-indisponivel-ico {
} */

.hotel-indisponivel-texto-container {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
    line-height: 27px;
}

.hotel-indisponivel-texto-titulo {
    display: block;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 20px;
    color: #2B333F;
}

.hotel-indisponivel-texto-titulo-roomnightperiodo {
    display: block;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 14px;
    color: #2B333F;
}

.hotel-indisponivel-texto-sub-titulo {
    display: block;
    color: #6F6F6F;
    font-weight: 500;
    font-size: 13px;
}

    .hotel-indisponivel-texto-sub-titulo a {
        cursor: pointer;
    }

        .hotel-indisponivel-texto-sub-titulo a:hover {
            text-decoration: underline;
        }




#buscarNovamente {
    height: 265px;
    background-color: #F1F1F1;
    border-top: 1px dotted #AFAFAF;
    position: relative;
    margin-top: 10px;
}

    #buscarNovamente #paragrafo {
        text-align: center;
    }

        #buscarNovamente #paragrafo h1 {
            margin-top: 40px;
            margin-bottom: 30px;
            font-size: 24px;
            color: #444444;
        }

        #buscarNovamente #paragrafo h3 {
            font-weight: 200;
            margin: 10px;
            color: #747474;
        }

    #buscarNovamente #btnOutraBusca {
        text-decoration: underline;
        cursor: pointer;
    }

    #buscarNovamente #containerUltimasBuscas {
        height: 108px;
        text-align: center;
    }

        #buscarNovamente #containerUltimasBuscas .ultimaBusca {
            background-color: #fff;
            color: #717376;
            border: 1px solid #CACACA;
            height: 35px;
            display: inline-block;
            margin: 10px;
            margin-top: 25px;
            border-radius: 5px;
            position: relative;
        }

.conteudoBusca {
    height: 100%;
    /* display: inline-block; */
    float: left;
}

    .conteudoBusca span {
        margin: 15px;
        white-space: nowrap;
        line-height: 34px;
        cursor: pointer;
    }

        .conteudoBusca span:hover {
            color: #4D7EF3;
            text-decoration: underline;
        }

.btnApagarBusca {
    height: 100%;
    width: 35px;
    right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #CACACA;
    line-height: 36px;
    cursor: pointer;
    font-weight: bold;
    font-family: cursive;
    display: inline-block;
}



    .btnApagarBusca:hover {
        color: red;
    }


#buscarNovamente #bottomBar {
    background-color: #2B333F;
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
}



.itemHotel-tripRating-container {
    position: absolute;
    right: -40px;
    background-color: #fff;
    border: 1px solid #589442;
    display: inline-block;
    height: 36px;
    width: 125px;
    text-align: center;
    cursor: pointer;
}

    .itemHotel-tripRating-container:hover {
        background-color: rgba(132, 191,122, 0.7);
    }

    .itemHotel-tripRating-container::after {
        content: "";
        color: #1B5D1B;
        border-right: 19px solid transparent;
        border-top: 11px solid;
        position: absolute;
        bottom: -11px;
        right: -1px;
    }

.itemHotel-tripRating {
    display: inline-block;
    border: 0;
    margin-left: 9px;
    pointer-events: none;
    height: 37px;
    width: 125px;
}



.itemHotel-tripComment-container {
    background-color: transparent;
    display: none;
    position: absolute;
    right: -54px;
    top: 40px;
    z-index: 99;
}

.itemHotel-tripComment {
    border: none;
    width: 262px;
    height: 520px;
    pointer-events: none;
}

#modificar-dados-confirmacao
{
    display: none;
}

#modificar-dados-estrela
{
    height: 90px;
    margin-top: 40px;
    position: relative;
}

#modificar-dados-confirmacao-titulo
{
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #444444;
    font-size: 22px;
    margin-top: 25px;
}

#modificar-dados-confirmacao-desc
{
    color: grey;
    font-size: 12px;
    margin-top: 15px;
}

#modificar-dados-confirmacao-botao
{
    height: 43px;
    width: 210px;
    margin: 0 auto;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    line-height: 43px;
    margin-top: 50px;
    cursor: pointer;
}

#modificar-dados-estrela > span
{
    font-size: 208px;
    margin-top: -54px;
    display: inline-block;
}


#modificar-dados-botao
{
    width: 245px;
    height: 50px;
    cursor: pointer;
    line-height: 50px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    margin-top: 38px;
}

#modificar-dados-botao.salvando{
    opacity: 0.8;
    pointer-events: none;
}

.modificar-dados-field
{
    text-align: left;
    display: inline-block;
}

.modificar-dados-field-label
{
    color: grey;
    font-size: 11px;
    font-weight: 700;
}

.modificar-dados-field-value
{
    height: 30px;
    border-radius: 5px;
    border: 1px solid lightgrey;
    background-color: rgb(242, 243, 246);
    margin: 0;
    margin-top: 3px;
    font-family: 'Roboto';
    padding: 0;
    padding-left: 10px;
    color: #444444;
    font-size: 12px;
}

#mod-dados-field-telefone,
#mod-dados-field-sobrenome
{
    margin-left: 15px;
}

#modificar-dados-field-sobrenome,
#modificar-dados-field-nome
{
    width: 135px;
}

#modificar-dados-field-telefone
{
    width: 107px;
}

#modificar-dados-field-email
{
    width: calc(100% - 14px);
}

#modificar-dados-field-container
{
    width: 75%;
    display: inline-block;
    margin-top: 25px;
    text-align: left;
}

#modificar-dados-modal-desc
{
    color: grey;
    font-size: 14px;
    margin-top: 25px;
    line-height: 25px;
}

#modificar-dados-modal-titulo-container
{
    margin-top: 30px;
    display: inline-block;
    width: 75%;
    padding-bottom: 20px;
    border-bottom: 1px dotted lightgrey;
}

#modificar-dados-modal-titulo
{
    display: inline-block;
    font-family: 'Roboto Condensed';
    color: #444444;
    font-weight: 700;
    font-size: 25px;
    margin-top: 14px;
    margin-left: 15px;
}

#modificar-dados-modal-titulo-ico
{
    display: inline-block;
    height: 45px;
    width: 45px;
    position: relative;
    vertical-align: top;
    margin-top: 6px;
}

#modificar-dados-modal-titulo-ico > span
{
    font-size: 65px;
    position: absolute;
    top: -12px;
    left: -12px;
}

#modificar-dados-modal-overlay
{
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 99999;
    background-color: rgba(0,0,0, 0.8);
    display: none;
}

#modificar-dados-modal
{
    overflow: visible !important;
    height: 460px;
    width: 600px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -230px;
    border-radius: 5px;
    text-align: center;
}

#modificar-dados-modal-close
{
    margin-right: 10px;
    height: 35px;
    width: 35px;
    float: right;
    margin-top: -45px;
    background-image: url(../Content/img/spirtesheet-busca-overlay.png);
    background-position: -879px 117px;
    cursor: pointer;
}












#btn-entrar-minha-conta,
#btn-entrar-minha-conta-black
{
    font-weight: 500;

}

.entrar-na-minha-conta-desc
{
    font-size: 12px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    margin-right: 16px;
    margin-left: 16px;
    color: grey;
    cursor: default;
}
.entrar-na-minha-conta-desc:hover
{
    text-decoration: none !important;
}

#btn-entrar-minha-conta-black
{
    color: #3d3d3d;
    margin-top: 15px;
    display: inline-block;
    margin-left: 107.2px;
}
#btn-entrar-minha-conta-black:hover,
#btn-entrar-minha-conta,
.entrar-minha-conta-inp-ok
{
    text-decoration: none !important;
}
.entrar-minha-conta-inp-ok:hover
{
    font-weight: 700;
}

#btn-entrar-minha-conta::after
{
    content: "";
  display: inline-block;
  vertical-align: middle;

  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid;
  margin-left: 5px;

}

#btn-entrar-minha-conta-black::after
{
    content: "";
  display: inline-block;
  vertical-align: middle;

  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid black;
  margin-left: 5px;

}


#box-entrar-minha-conta{
    width: 270px;
    padding-bottom: 20px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    box-shadow: -1px 1px 10px rgb(61, 61, 61);
    z-index: 99;
}

.entrar-minha-conta-box-container
{
    height: 45px;
    width: 240px;
    border: 1px solid lightgrey;
    border-radius: 5px;
      display: inline-block;
  float: right;
  margin-right: 15px;
  background-color: rgb(242, 243, 246);
}

.entrar-minha-conta-inp
{
    background-color: transparent;
    padding-left: 15px;
      height: 38px;
      max-height: 38px;
      color: #444444;
      font-family: 'Roboto';
      font-weight: 500;
  border: none;
  width: 180px;
}

.entrar-minha-conta-inp:focus
{
    outline: none;
}

.entrar-minha-conta-inp-ok
{

  font-weight: 500;
  display: inline-block;
  margin-left: 9px;
}

.entrar-minha-conta-inp-msg-error {
    margin: 5px 16px 0 16px;
    display: none;
    color: #ff2424;
}

.entrar-minha-conta-inp-msg-error:focus,
.entrar-minha-conta-inp-msg-error:active,
.entrar-minha-conta-inp-msg-error:hover {
    text-decoration: none!important;
    cursor: none!important;
}

#entrar-minha-conta-loading
{
    color: #3d3d3d;
    display: inline-block;
    margin-top: 35px;
    margin-left: 75px;
    font-style: italic;
    display: none;
}

#entrar-minha-conta-token-container
{
    display: none;
}

.nome-usuario-autenticado-var
{
    font-weight: 500;
}

#btn-usuario-logado-black:hover,
.nome-usuario-autenticado-var:hover
{
    text-decoration: none !important;
}

#nome-usuario-autenticado::after
{
    content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid;
  margin-left: 5px;
}







/*USUARIO LOGADO*/


#box-usuario-logado
{
    width: 340px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: -1px 1px 10px rgb(61, 61, 61);
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
}

#usuario-logado-data-prox-reserva-row 
{
    display:none;
}

/*LABEL OLÁ FULANO PRETA*/
#btn-usuario-logado-black
{
    color: #3d3d3d;
    margin-top: 15px;
    display: inline-block;
    float: right;
    margin-right: 15px;
}

#btn-usuario-logado-black::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid black;
    margin-left: 5px;
}

/*CONTEUDIO*/

#box-usuario-logado-content
{
    display: inline-block;
    width: 100%;
    padding-top: 27px;

}

.box-usuario-logado-row
{
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.box-usuario-logado-row-label,
.box-usuario-logado-row-separator,
.box-usuario-logado-row-value
{
    display: inline-block;
}

.box-usuario-logado-row-label,
.box-usuario-logado-row-value
{
    color: #4F4F4F;
    font-weight: 500;
    background-color: #fff;
    position: relative;
    z-index: 99;
      font-size: 14px

}

.box-usuario-logado-row-label
{
    float: left;
    padding-left: 25px;
    padding-right: 15px;
}

.box-usuario-logado-row-value
{
    float: right;
    padding-right: 25px;
    padding-left: 15px;
}

.box-usuario-logado-row-separator
{
    height: 1px;
    border-bottom: 1px solid lightgrey;
    width: 100%;
  position: absolute;
  top: 8px;
  left: 0;
}


#box-usuario-logado-footer
{
    height: 50px;
    border-top: 1px solid rgb(224, 224, 224);
    background-color: rgb(240, 240, 240);
    position: absolute;
    bottom: 0;
    width: 100%;

}


.box-usuario-logado-footer-btn
{
    display: inline-block;
    font-weight: 500;
    float: left;
    color: #4F4F4F;
    margin-top: 15px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

.box-usuario-logado-footer-btn:hover 
{
    text-decoration: underline;
}

.box-usuario-logado-footer-btn::before
{
    content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid rgb(90, 147, 251);
  margin-left: 2px;
  margin-bottom: 3px;
}

#box-logado-meus-dados
{
    margin-left: 25px;
}

#box-logado-meus-pontos
{
    margin-left: 25px;
}

#box-logado-sair
{
    margin-left: 25px;
}


#btnMinhasBuscas-container-popover
{
    display: none;
    position: absolute;
    width: 400px;
    background-color: #fff;
    border: 1px solid lightgrey;
    z-index: 98;
    top: 50px;
    right: -123px;
    box-shadow: 2px 3px 6px rgba(43, 51, 63, 0.31);
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-radius: 5px;
    color: rgb(54, 57, 62);
}



.header-ultima-busca
{
    min-width: 325px;
    width: 100%;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    clear: both;    
    cursor: pointer;
}

.header-ultima-busca:hover
{
    background-color: rgb(237, 237, 237);
}

#btnMinhasBuscas-container-popover:last-child
{
    border-bottom: none;
}

.header-ultima-busca-destino
{
    font-weight: 500;
    color:rgb(54, 57, 62);
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    margin-left: 25px;
    vertical-align: sub;
}


.header-ultima-busca-checkin-checkout
{
    color: rgb(142, 142, 142);
    font-size: 13px;
    display: inline-block;
    vertical-align: sub;
    font-weight: 200;
}

.header-ultima-busca-close-ico
{
    display: inline-block;
    float: right;
    font-size: 13px;
    line-height: 22px;
    color: rgb(142, 142, 142);
    margin-right: 25px;
    margin-left: 50px;
    cursor: pointer;
}

.header-ultima-busca-close-ico > span:hover
{
    color: red;  
    text-decoration: none !important;
}



li.modal-be-active
{
   /*background-color: rgba(242, 241, 241, 1);*/

   text-decoration: underline;
   font-weight: 500;
}
#hotelSelecionado {
    min-height: calc(100vh - 220px);
}

#hotelSelecionadoContent #descHotel {
    /*background-color: green;*/
    position: relative;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 2px 3px 6px lightgrey;
    width: 936px;
}

/*Flag de desconto*/

#flagDesconto {
    position: absolute;
    padding: 10px;
    background-color: #E03B33;
    color: #FFF;
    left: 20px;
    top: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
}

/*Container da imagem principal e galeria*/

#descHotel #imgContainer {
    float: left;
    /*background-color: red;*/
    width: 455px;
}

/*Foto grande principal*/

#descHotel #imgPrincipal {
    height: 350px;
    width: 455px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    object-fit: cover;
}

/*div que contem a galera de imagens*/

#descHotel #galeriaImagens {
    /*background-color: green;*/
    width: 462px;
    margin-top: -3px;
    /* display: inline-block; */
    float: left;
}

#galeriaImagens .miniaturas {
    list-style: none;
}

    #galeriaImagens .miniaturas li {
        float: left;
        margin: 6px 6px 0 0;
    }

    #galeriaImagens .miniaturas img {
        height: 60px;
        width: 60px;
        object-fit: cover;
    }

/*Conteudo à direta*/

#descHotel #descContent {
    /*background-color: blue;*/
    margin-left: 474px;
    min-height: 481px;
    position: relative;
}

/*MNome do hotel*/

#descContent #nomeHotel {
    font-family: 'Roboto Condensed';
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 700;
    color: #444444;
    display: block;
    max-width: 77%;
}

/*Icone de endereço*/

#icoEnderecoHotel {
    height: 20px;
    width: 24px;
    float: left;
    margin-top: 8px;
    position: relative;
}

    #icoEnderecoHotel > span {
        font-size: 28px;
        position: absolute;
        top: -7px;
        left: -6px;
    }

/*Endereco e telefone*/

#descContent #enderecoHotel {
    cursor: pointer;
}

    #descContent #enderecoHotel:hover {
        text-decoration: underline;
    }

#descContent #enderecoHotel, #descContent #telefoneHotel {
    display: block;
    color: #6F6F6F;
    font-weight: 500;
    padding-left: 25px;
}

#descContent #emailHotel {
    display: block;
    color: #6F6F6F;
    font-weight: 500;
    padding-left: 25px;
}

/*Descricao do hotel*/

#descricaoHotel {
    color: #6F6F6F;
    margin-top: 25px;
    position: relative;
    line-height: 20px;
}

    #descricaoHotel p {
        margin: 0;
    }

    /*Paragrafo da descricao*/

    #descricaoHotel #paragrafoDescricao {
        display: block;
        text-align: justify;
        overflow: hidden;
    }

    /*Leia mais*/

    #descricaoHotel #btnExpandirDescricao {
        color: #000066;
        display: none;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        /*margin-top: 8px;*/
    }

        #descricaoHotel #btnExpandirDescricao:hover {
            text-decoration: underline;
        }

        #descricaoHotel #btnExpandirDescricao::after {
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 5px solid #000066;
            margin-left: 5px;
        }

/*Bloco de comodidades*/

#comodidadesHotel {
    min-height: 65px;
    margin-top: 25px;
}

    #comodidadesHotel #labelComodidades {
        color: #000066;
        font-size: 16px;
        font-weight: 700;
    }

/*lista de items*/

#listaComodidades {
    display: block;
    color: #6F6F6F;
    margin-top: 5px;
    line-height: 20px;
    /*max-height: 40px;*/
    /*height: 40px;*/
    overflow: hidden;
}

    #listaComodidades .itemComodidade {
        padding-bottom: 2px;
    }

/*Traco entre a lista*/

.divisorComodidades {
    padding-left: 2px;
    padding-right: 2px;
}

/*Botao ver todas as comodidades*/

#btnExpandirComodidades {
    color: #000066;
    display: block;
    margin-top: 8px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

    #btnExpandirComodidades:hover {
        text-decoration: underline;
    }

/*Checkin e checkout*/

#politicasCheckin {
    color: #428703;
    margin-top: 35px;
    font-weight: 500;
}

/*Bloco reserva*/

#blocoReservar {
    /*background-color: red;*/
    width: 100%;
    /*height: 80px;*/
    margin-top: 62px;
    position: relative;
    display: inline-block;
    /*bottom: 0;*/
}

    /*Botão RESERVE*/

    #blocoReservar #btnReservar {
        height: 40px;
        width: 150px;
        color: #fff;
        float: right;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        border-radius: 5px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
    }

    /*Page ao hotel ou em 3x*/

    #blocoReservar #formasPagamento {
        color: #2F3381;
        clear: both;
        float: right;
        font-size: 13px;
        font-weight: 500;
        text-align: right;
        /*position: absolute;
        bottom: -10px;
        right: 0;*/
        line-height: 20px;
        margin-top: 5px;
    }

.valor-menor-parcela {
    color: grey;
    font-weight: 200;
    font-size: 11px;
}

.valor-menor-parcela-parte-hotel {
    display: block;
}

/*Cartoes de credito aceitos*/

.cartoesContainer .cartao {
    width: 51px;
    height: 26px;
    display: inline-block;
    margin-top: 8px;
    margin-right: 10px;
    background-image: url(../Content/img/spritesheet-passo3.png);
}

    .cartoesContainer .cartao.small {
        zoom: 0.75;
    }

.cartao#visa {
    background-position: -5px -16px;
}

.cartao#master {
    background-position: -64px -17px;
}

.cartao#diners {
    background-position: -186px -17px;
}

.cartao#amex {
    background-position: -123px -18px;
}

.cartao#elo {
    background-position: -5px -76px;
}

.cartao#hiper {
    background-image: url(../Content/img/hiper.png);
    background-position: 0px;
    width: 52px;
    height: 28px;
    background-size: 52px 28px;
}

.cartao#paypal {
    background-image: url(../Content/img/paypal.png);
    background-size: cover;
    width: 94px;
    height: 25px;
}

/*============================ACOMODAÇÕES=============================*/

#acomodacoesWrapper {
    min-height: 50px;
    background-color: #F1F1F1;
    padding-top: 30px;
}

#acomodacoesContent {
    margin: 0 auto;
    /*width: 90%;*/
    /*min-width: 960px;*/
    /*max-width: 1715px;*/
    height: 100%;
    position: relative;
}

#avisoTarifaNaoEncontrada {
    font-family: 'Roboto Condensed';
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    color: #444444;
    position: relative;
    display: block;
    text-align: left;
    margin-left: 15px;
}

#acomodacoesTitulo {
    font-family: 'Roboto Condensed';
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 700;
    color: #444444;
    position: relative;
    display: block;
    text-align: left;
    margin-left: 15px;
}

#titulo-promocao-nao-encontrada {
    font-family: 'Roboto Condensed';
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 200;
    color: #444444;
    position: relative;
    display: block;
    text-align: left;
    margin-left: 15px;
}

/*TABELA AQUE ABRAANGE TUDO*/

#tblChuckNorris {
    /*background-color: pink;*/
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    min-height: 220px;
    /*box-shadow: 2px 3px 6px lightgrey;*/
}

    #tblChuckNorris table {
        width: 100%;
    }

    #tblChuckNorris > tbody > tr > td {
        padding: 0;
        vertical-align: top;
    }

/*tabela que ABRANGE AS ACOMODACOES*/

#tblAcomodacoes {
    background-color: #FFFFFF;
    box-shadow: 2px 3px 6px lightgrey;
}

    #tblAcomodacoes > tbody > tr > td:first-child, .tblCondicoes > tbody > tr > td {
        border-bottom: 1px solid lightgrey;
        /*height: 111px;*/
    }

    #tblAcomodacoes > tbody > tr > td:nth-child(2),
    .tblCondicoes > tbody > tr > td {
        /**/
        /*height: 111px;*/
        height: 1px;
        min-height: 1px;
    }

/* hack somente para o FF */
@-moz-document url-prefix() {
    #tblAcomodacoes > tbody > tr > td:nth-child(2),
    .tblCondicoes > tbody > tr > td {
        /**/
        height: 100%;
        min-height: 1px;
    }
}
/* #tblAcomodacoes>tbody>tr>td:nth-child(2), .tblCondicoes>tbody>tr>td { */
/**/
/*height: 111px;*/
/* } */

#tblAcomodacoes tbody tr td {
    padding: 10px;
    word-wrap: break-word;
}

.tblCondicoes {
    /* height: 183px; */
    height: 100%;
}

    .tblCondicoes tbody tr td {
        border-left: 1px solid lightgrey;
    }

/* .tblCondicoes>tbody>tr>td:last-child { */
/*border-right: 1px solid lightgrey;*/
/* } */

#tblHeaderCondicoes tr th, #tblHeader tr th:first-child {
    padding-left: 10px;
    height: 40px;
}

#tblHeader {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
}

    .tdContainer, #tblHeader > tr > th:last-child {
        padding: 0 !important;
    }

/* .tdContainer, #tblHeader>tr.cabecalho-outrasopcoes>th:last-child {} */

#tdColunaReserve {
    position: relative;
    width: 100%;
    /*border-right: 1px solid lightgrey;*/
    /*border-bottom: 1px solid lightgrey;*/
    /*border-left: 1px solid lightgrey;*/
}

    /*Barra azul no topo*/

    #tdColunaReserve #barTop {
        height: 42px;
        width: 100.5%;
        /*Gambita*/
        margin-left: -1px;
        /*Gambita*/
        position: absolute;
        top: 0;
    }

    /*Conteudo da coluna reservar*/

    #tdColunaReserve #colunaReserveContent {
        width: 100%;
        min-height: 100px;
        min-width: 135px;
        position: absolute;
        z-index: 998;
    }

#carrinho-container {
    background-color: #fff;
    width: 220px;
    /*border-radius: 7px;
    /*overflow: hidden;*/
    box-shadow: 2px 3px 6px lightgrey;
    position: relative;
    min-height: 110px;
    z-index: 99;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#loading-carrinho-container {
    position: absolute;
    top: 50%;
    left: 38%;
}

#carrinho-container-header {
    padding: 13px;
    text-align: center;
    font-size: 17px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*====================INICIO CARRINHO============================*/

#carrinho-itens-principais-container {
    text-align: center;
}

#carrinho-empty-mensagem-1, #carrinho-empty-mensagem-2 {
    display: block;
    text-align: center;
}

#carrinho-empty {
    padding-top: 30px;
    padding-bottom: 35px;
}

#carrinho-empty-mensagem-1 {
    font-weight: 700;
    color: #444444;
    font-size: 15px;
}

#carrinho-empty-mensagem-2 {
    color: grey;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-top: 7px;
}

#carrinho-botao-ir-pagamento {
    text-align: center;
    margin-top: 15px;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    width: 220px;
    box-shadow: 3px 3px 6px lightgrey;
    z-index: 800;
    position: relative;
    cursor: pointer;
    pointer-events: all;
}

    #carrinho-botao-ir-pagamento.inativo {
        background-color: lightgrey;
        pointer-events: none;
    }

/* #carrinho-botao-ir-pagamento.ativo {
    background-color: rgb(66, 209, 30);
}

#carrinho-botao-ir-pagamento.ativo:hover {
    background-color: rgb(78, 231, 39);
} */

#carrinho-itens-principais-aberto {
    text-align: center;
}

/* #carrinho-itens-principais-fechado {} */

#carrinho-botao-ir-pagamento-label, #carrinho-botao-ir-pagamento-loading {
    display: block;
}

.carrinho-item {
    text-align: left;
    border-bottom: 1px solid lightgrey;
    width: 90%;
    padding-bottom: 15px;
    padding-top: 15px;
    display: inline-block;
    position: relative;
}

    .carrinho-item.invalid {
        opacity: 0.4;
    }

.carrinho-item-nome {
    font-size: 13px;
    color: #6F6F6F;
    font-weight: 700;
    padding-right: 13px;
}

.carrinho-item.quarto .carrinho-item-nome, .carrinho-item.quarto .carrinho-item-nome {
    font-size: 13px;
    color: #6F6F6F;
    font-weight: 700;
    float: left;
    width: 75%;
}

.carrinho-item.quarto .carrinho-item-nome, .carrinho-item.extras.avulso .carrinho-item-nome {
    margin-bottom: 15px;
}

.carrinho-item-quarto-icones {
    float: right;
    position: relative;
    position: absolute;
    top: 15px;
    right: 0;
}

    .carrinho-item-quarto-icones > div {
        display: inline-block;
        color: #aaa;
        cursor: pointer;
        margin-left: 5px;
        vertical-align: bottom;
    }

    .carrinho-item-quarto-icones > .icon-editar-reserva:hover {
        color: blue;
    }

    .carrinho-item-quarto-icones > .icon-cancelar-btn:hover {
        color: red;
    }

    .carrinho-item-quarto-icones > .icon-seta-down {
        font-size: 43px;
        position: absolute;
        top: -13px;
        right: -15px;
    }

.carrinho-item-total-label {
    float: left;
    clear: both;
    color: grey;
    font-size: 13px;
}

.carrinho-item-total-value {
    float: right;
    color: #888888;
    font-size: 13px;
    /*font-weight: 500;*/
}

    .carrinho-item-total-value.gratis {
        color: #00CD2C;
    }

.carrinho-item-parcelado {
    display: block;
    float: left;
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: grey;
    margin-top: 5px;
    margin-bottom: -5px;
}

#carrinho-itens-total {
    text-align: left;
    width: 90%;
    padding-bottom: 15px;
    padding-top: 15px;
    display: inline-block;
}

#carrinho-itens-total-label {
    float: left;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-weight: 800;
    color: #444444;
    font-size: 16px;
}

#carrinho-itens-total-value {
    float: right;
    font-weight: 700;
    font-size: 16px;
}

/*============================FIM CARRINHO===========================*/

/*Quarto!*/

.tdQuarto {
    height: 162px;
    vertical-align: top;
    position: relative;
}
/* Coluna separadora da foto */
.left-col {
    float: left;
    width: 80px;
}
/*Foto do quarto*/
.tdQuarto .left-col img {
    height: 80px;
    width: 80px;
    float: left;
    cursor: pointer;
    object-fit: cover;
    margin-bottom: 10px;
}

/*Botaozinho de mais fotos*/
.tdQuarto .btnMaisFotosAcomodacao {
    position: absolute;
    top: 10px;
    left: 70px;
    height: 20px;
    width: 20px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.tdQuarto .quartoContent {
    /*background-color: red;*/
    /* height: 90px; */
    margin-left: 90px;
}

}

/*Foto do quarto*/

.tdQuarto > img {
    height: 80px;
    width: 80px;
    float: left;
    cursor: pointer;
    object-fit: cover;
}

/*Botaozinho de mais fotos*/

.tdQuarto .btnMaisFotosAcomodacao {
    position: absolute;
    top: 10px;
    left: 70px;
    height: 20px;
    width: 20px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.tdQuarto .quartoContent {
    /*background-color: red;*/
    height: 90px;
    margin-left: 90px;
}

.quartoContent .quartoNome {
    /* max-height: 38px; */
    display: block;
    /*background-color: green;*/
    overflow: hidden;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    font-size: 15px;
    font-weight: 700;
    color: #444444;
}

    .quartoContent .quartoNome.lite {
        font-size: 13.5px !important;
    }

.quartoContent .wrap-descricao {
    min-height: 99px;
    position: relative;
}

.quartoContent .quartoDescricao {
    background: #fff;
    height: 85px;
    margin-top: 5px;
    margin-left: -7px;
    overflow: hidden;
    padding: 7px;
    position: absolute;
    transition: all 300ms ease-in-out;
    z-index: 10;
    top: 0;
    left: 0;
}

    .quartoContent .quartoDescricao.expand::before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        transition: opacity 300ms;
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }

    .quartoContent .quartoDescricao.expand:hover {
        box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
        z-index: 50;
    }

        .quartoContent .quartoDescricao.expand:hover + .qtdRestante {
            opacity: 0;
            transition: all 200ms;
        }

    .quartoContent .quartoDescricao:hover::before {
        opacity: 0;
    }

    .quartoContent .quartoDescricao p {
        color: #6F6F6F;
        font-size: 12px;
        margin: 0;
    }

.quartoContent .verDetalhes {
    color: #000066;
    display: inline-block;
    margin-top: 9px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

    .quartoContent .verDetalhes:hover {
        text-decoration: underline;
    }

.quartoContent .qtdRestante {
    width: 100%;
    display: inline-block;
    text-align: right;
    color: #E13A16;
    font-size: 13px;
    font-weight: 700;
    margin-top: 6px;
}

/*Icone de interrogação*/

.icoInformacoes {
    content: "?";
    font-size: 10px;
    height: 13px;
    width: 13px;
    text-align: center;
    color: #fff;
    background-color: rgb(184, 184, 184);
    display: inline-block;
    margin-left: 5px;
    font-weight: 200;
    border-radius: 15px;
    cursor: pointer;
    vertical-align: top;
    position: absolute;
    right: 10px;
    top: 10px;
}

/*POPOVER DE CONDICOES*/

.popover-condicoes-tarifa {
    position: absolute;
    border: 1px solid lightgrey;
    background-color: #F4F4F4;
    border-radius: 5px;
    padding: 15px;
    color: grey;
    font-size: 13px;
    right: 10px;
    top: 30px;
    box-shadow: 2px 3px 6px lightgrey;
    z-index: 999;
    text-align: justify;
    width: 350px;
    display: none;
}

.popover-condicoes-tarifa-geral {
    font-weight: 500;
}

.popover-condicoes-tarifa-especificos {
    margin-top: 10px;
}

.pol-con-bullet {
    display: list-item;
    list-style-position: inside;
    margin-bottom: 5px;
}

.box-politicas-item-tarifa {
    margin-bottom: 20px;
    color: grey;
    margin-left: 20px;
}

    .box-politicas-item-tarifa:first-child {
        margin-top: 10px;
    }

.box-politicas-item-tarifa-nome {
    font-weight: 700;
    margin-bottom: 5px;
    color: #444444;
}

/*
.popover-condicoes-tarifa:after, .popover-condicoes-tarifa:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popover-condicoes-tarifa:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 7px;
    margin-left: 92px;
}
.popover-condicoes-tarifa:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: lightgrey;
	border-width: 9px;
	margin-left: 90px;
}*/

/*lista de condições*/

.condicoesQuarto {
    display: inline-block;
    /* list-style-position: inside; */
    list-style: none;
}

    .condicoesQuarto li {
        font-size: 13px;
        color: #6F6F6F;
        margin-bottom: 10px;
        /* display: inline-block; */
        float: left;
        clear: both;
        line-height: 18px;
        text-align: left;
        /*JUSTIFY?*/
        margin-right: 2px;
    }

.nomeTarifa {
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 5px !important;
    max-width: 92%;
}

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

.tarifa-crm {
    background-color: #ffbb02;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700;
    padding: 3px;
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.item-condicoes-destaque {
    font-weight: 500;
    color: rgb(66, 135, 3) !important;
}

li.marker:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 4px;
    height: 4px;
    background-color: grey;
    border-radius: 11px;
    margin-bottom: 2px;
}

/*PRECO DO QUARTO*/

.precoQuarto {
    vertical-align: top;
    position: relative;
}

    /*Preco riscado*/

    .precoQuarto .valorSemDesconto {
        text-decoration: line-through;
        color: #2F3381;
        font-size: 13px;
        float: left;
    }

/*valor final*/

.valorFinal {
    color: #000066;
    font-weight: 600;
    font-size: 17px;
    /* display: inline-block; */
    float: left;
    clear: both;
}

    .valorFinal.valorFinalDiscounted {
        color: #EF6620;
        margin-top: 5px;
    }

/*Bloquinho com o percentual de desconto*/

.precentualDesconto {
    border: 1px solid #EF6620;
    color: #EF6620;
    float: right;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 4px;
}

/*Selecao de quartos*/

.selecaoNumQuartos {
    vertical-align: top;
}

/*SELECT DE NUMERO DE QUARTOS*/

.inpNumQuartos {
    font-family: 'Roboto';
    font-size: 10px;
    width: 100%;
    height: 40px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    color: #858585;
    cursor: pointer;
    padding-left: 10px;
    -moz-appearance: none;
    /*MOZZILA*/
}

    .inpNumQuartos:hover {
        background-color: rgb(237, 237, 237);
    }

    .inpNumQuartos.disabled {
        pointer-events: none;
        opacity: 0.6;
    }

    /*Estilo para quando o cara seleciona um quarto*/

    .inpNumQuartos.quartoSelected {
        color: #000066;
        font-weight: 700;
        border: 2px solid #4D7EF3;
    }

/*BLOCO DE DYNAMIC PACKAGING*/

#container-dynamic-packaging {
    min-height: 100px;
    margin-top: 20px;
    max-height: 400px;
    /*TEM QUE VER PORQUE ISSO AQUI PODE VARIAR DE ACORDO COM O CONTEUDO DA TABELA*/
    overflow: auto;
    max-width: 215px;
    display: none;
}

    /*item DP*/

    #container-dynamic-packaging .item-dynamic-packaging {
        border-top: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
        border-right: 1px solid lightgrey;
        padding: 5px;
        margin-left: 15px;
        margin-right: 15px;
        max-width: 170px;
        color: #6F6F6F;
    }

        #container-dynamic-packaging .item-dynamic-packaging:last-child {
            border-bottom: 1px solid lightgrey;
        }

        #container-dynamic-packaging .item-dynamic-packaging input {
            float: left;
        }

/*Preco DP*/

.item-dp-preco {
    display: block;
    margin-left: 20px;
    margin-top: 5px;
    color: rgb(0, 31, 118);
    font-weight: 500;
    font-size: 15px;
}

/*SELECT DE QUANTIDADE DP*/

.item-dp-qtd {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 10px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    color: #858585;
    height: 20px;
}

/*---------------FIM DA TABELA DE ACOMODACOES---------------*/

/*Botão de ver mais quartos*/

#btn-expandir-tabela-quartos {
    margin: 0 auto;
    height: 40px;
    width: 250px;
    background-color: #858585;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

    #btn-expandir-tabela-quartos:hover {
        background-color: #4D7EF3;
    }

/*COMODIDADES DO HOTEL*/

#sec-comodidades, #sec-politicas {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px dashed lightgrey;
}

#sec-politicas {
    margin-bottom: 50px;
}

#sec-comodiades-titulo, #sec-politicas-titulo {
    font-family: 'Roboto Condensed';
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 700;
    color: #444444;
    position: relative;
    display: block;
    text-align: center;
}

/*Quadrado branco com o conteudo*/

#sec-comodidades-content, #sec-politicas-content {
    background-color: #fff;
    margin-top: 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 2px 3px 6px lightgrey;
    padding-top: 30px;
    display: inline-block;
    width: 100%;
}

.box-category {
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

.box-category-title {
    color: #3d3d3d;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
}

.box-amenity {
    color: #6F6F6F;
    line-height: 20px;
}

.box-policy-desc {
    color: #6F6F6F;
    line-height: 20px;
    display: block;
}

/*Botão de back to top*/

#btn-top {
    position: fixed;
    height: 50px;
    width: 50px;
    top: 50%;
    right: 9px;
    background-position: -5px 54px;
    display: none;
    cursor: pointer;
}

    #btn-top > span {
        color: rgb(168, 168, 168);
        font-size: 50px;
    }

    #btn-top:hover {
        opacity: 1;
    }

/*BOX DIA A DIA*/

.box-tarifa-dia-dia {
    width: 637px;
    position: absolute;
    background-color: transparent;
    display: none;
    z-index: 999;
    top: 30px;
    right: 10px;
    /*box-shadow: 2px 3px 6px lightgrey;*/
}

.tarifas-dia-container {
    display: block;
    float: right;
    max-width: 637px;
    /*box-shadow: 2px 3px 6px lightgrey;*/
}

.item-tarifa-dia-dia {
    float: left;
    /* display: inline-block; */
    border: 1px solid lightgrey;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
    z-index: 99;
    color: grey;
    border-bottom-width: 2px;
    background-color: #fff;
    box-shadow: 2px 3px 6px lightgrey;
}

    .item-tarifa-dia-dia:hover {
        color: #4D7EF3;
    }

    .item-tarifa-dia-dia div {
        padding-left: 10px;
        padding-right: 10px;
        min-width: 70px;
        text-align: center;
        font-size: 13px;
        color: inherit;
    }

.item-tarifa-dia-data {
    border-bottom: 1px solid lightgrey;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}

.item-tarifa-dia-valor {
    padding-top: 15px;
    padding-bottom: 15px;
}

.tarifas-dia-valores {
    /* display: inline-block; */
    float: left;
    box-shadow: 2px 3px 6px lightgrey;
}

.tarifa-dia-valor-total-label, .tarifa-dia-valor-medio-label {
    font-weight: 700;
    background-color: rgb(234, 234, 234);
}

.tarifa-dia-valor-medio-value, .tarifa-dia-valor-total-value {
    background-color: #F1F1F1;
}

.label-ico-acomodacao-maior {
    text-align: center;
    display: block;
    color: grey;
    font-size: 14px;
    /* font-weight: 500; */
    margin-top: 5px;
}

#hotel-selecionado-indisponivel {
    text-align: center;
}

.hotel-selecionado-indisponivel-titulo {
    font-family: 'Roboto Condensed';
    font-size: 20px;
    font-weight: 600;
    color: #444444;
}

.lb-modal .lb-btn {
    margin-top: 60px;
}

#sugestao-buscas-container {
    display: inline-block;
    width: 100%;
    position: relative;
}

#fique-tranquilo {
    display: block;
    width: 350px;
    margin: 0 auto;
    margin-top: 10px;
    font-weight: 500;
    color: rgb(77, 126, 243);
    line-height: 20px;
}

.container-max-ocupantes {
    text-align: center;
}

/*
.container-icone-pax
{
    width: 80px;
    background: #e8e8e8;
    box-sizing: border-box;
    float: left;
    width: 80px;
    text-align: left;
    padding: 5px;
    position: relative;

    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.container-icone-pax::before{
    content: 'Máx';
    font-size: 10px;
    font-weight: bold;
    color: #777777;
    display: inline-block;   
    text-transform: uppercase;
}

.max-ocupantes-adultos, .max-ocupantes-criancas{
    overflow: hidden;
}

.max-ocupantes-adultos.long {
    width: 40px;
    margin-left: -9px;
}
 

.max-ocupantes-adultos > span {
    font-size: 45px;
}

.label-qtd-adultos {
    position: absolute;
    left: 21px;
    top: 10px;
    font-size: 13px;
}

.max-ocupantes-adultos.muitos > span {
    margin-right: 5px;
}
.qtd-muitos-adultos {
    position: absolute;
    right: 5px;
    top: calc(50% - 9px);
}
*/

.max-ocupantes {
    background: #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    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;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 5px;
    min-height: 35px;
    width: 80px;
}

    .max-ocupantes .label {
        color: #777;
        font-size: 10px;
        font-weight: 900;
        line-height: 25px;
        margin-right: 2px;
        padding: 0 2px;
        text-transform: uppercase;
    }

    .max-ocupantes .qtde {
        color: #444;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: box;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -moz-box-align: center;
        -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 10px;
        font-weight: bold;
        min-height: 25px;
        width: 100%;
    }

        .max-ocupantes .qtde.duplo > div {
            width: 100%;
        }

            .max-ocupantes .qtde.duplo > div.adultos::before {
                width: 8px !important;
            }

            .max-ocupantes .qtde.duplo > div.criancas::before {
                width: 6px !important;
            }

            .max-ocupantes .qtde.duplo > div::after {
                display: inline !important;
            }

    .max-ocupantes .adultos, .max-ocupantes .criancas {
        padding: 4px 0;
        text-align: center;
    }

        .max-ocupantes .adultos[data-n]::after, .max-ocupantes .criancas[data-n]::after {
            content: 'x' attr(data-n);
            margin-left: 2px;
            vertical-align: middle;
        }

    .max-ocupantes .adultos {
        margin-right: 2px;
        line-height: 17px;
    }

        .max-ocupantes .adultos::before {
            background: url("img/adults.png") repeat-x left;
            content: '';
            display: inline-block;
            width: 8px;
            height: 17px;
            vertical-align: middle;
        }

        .max-ocupantes .adultos[data-n="2"]::before {
            width: 16px;
        }

        .max-ocupantes .adultos[data-n="3"]::before {
            width: 24px;
        }

        .max-ocupantes .adultos[data-n="1"]::after, .max-ocupantes .adultos[data-n="2"]::after, .max-ocupantes .adultos[data-n="3"]::after {
            display: none;
        }

    .max-ocupantes .criancas[data-n] {
        line-height: 11px;
    }

        .max-ocupantes .criancas[data-n]::before {
            background: url("img/kids.png") repeat-x left;
            content: '';
            display: inline-block;
            width: 6px;
            height: 11px;
            vertical-align: middle;
        }

        .max-ocupantes .criancas[data-n][data-n="no"]::before {
            background: url("img/nokids.png") no-repeat center;
            width: 11px;
            height: 11px;
        }

        .max-ocupantes .criancas[data-n][data-n="0"]::before {
            display: none;
        }

        .max-ocupantes .criancas[data-n][data-n="2"]::before {
            width: 12px;
        }

        .max-ocupantes .criancas[data-n][data-n="no"]::after, .max-ocupantes .criancas[data-n][data-n="0"]::after, .max-ocupantes .criancas[data-n][data-n="1"]::after, .max-ocupantes .criancas[data-n][data-n="2"]::after {
            display: none;
        }

    .max-ocupantes .qtde.duplo[data-n="2"]::before {
        width: 12px;
    }

#hotel-tripRating-container {
    position: absolute;
    top: 10px;
    right: -40px;
    background-color: #fff;
    border: 1px solid #589442;
    display: inline-block;
    height: 36px;
    width: 125px;
    text-align: center;
    cursor: pointer;
}

    #hotel-tripRating-container:hover {
        background-color: rgba(132, 191, 122, 0.7);
    }

    #hotel-tripRating-container::after {
        content: "";
        color: #1B5D1B;
        border-right: 19px solid transparent;
        border-top: 11px solid;
        position: absolute;
        bottom: -11px;
        right: -1px;
    }

#hotel-tripRating {
    display: inline-block;
    border: 0;
    margin-left: 9px;
    pointer-events: none;
    height: 37px;
    width: 125px;
}

#hotel-tripComment-container {
    background-color: transparent;
    display: none;
    position: absolute;
    right: -54px;
    top: 55px;
    z-index: 99;
}

#hotel-tripComment {
    border: none;
    width: 262px;
    height: 520px;
    pointer-events: none;
}

#btnReservar.deslocado {
    position: absolute;
    left: 0px;
    width: 180px !important;
    bottom: -4px;
}

#mensagem-abandono-container {
    background-color: #6FD74C;
    width: 100%;
    height: 100px;
    margin-bottom: 50px;
    border-radius: 7px;
    text-align: center;
    color: #fff;
}

#mensagem-abandono-foto {
    display: inline-block;
    margin-top: 16px;
}

#mensagem-abandono-mensagem {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin-left: 30px;
}

#span-1 {
    font-size: 20px;
    font-family: "Roboto Condensed";
    font-weight: 700;
    margin-top: 23px;
    display: block;
}

#span-2 {
    font-size: 15px;
    display: block;
    margin-top: 8px;
}

#modal-galeria-hotel-overlay {
    text-align: center;
}

#modal-galeria-hotel-foto-principal {
    display: inline-block;
    max-height: 500px;
    border: 2px solid #fff;
    /*border-radius: 5px;*/
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
}

#modal-galeria-hotel-outras-fotos-container {
    display: block;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.modal-galera-hotel-thumb {
    height: 53px;
    width: 53px;
    cursor: pointer;
    margin: 5px;
    border: 2px solid #fff;
    /*border-radius: 5px;*/
}

#modal-galeria-hotel-overlay #close {
    display: inline-block;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(../Content/img/spirtesheet-busca-overlay.png);
    background-position: -879px 117px;
    cursor: pointer;
}

#modal-galeria-direita, #modal-galeria-esquerda {
    color: #fff;
    font-family: monospace;
    font-size: 60px;
    position: absolute;
    top: 49%;
    cursor: pointer;
    z-index: 999;
}

#modal-galeria-direita {
    right: 0;
    margin-right: 25px;
}

#modal-galeria-esquerda {
    left: 0;
    margin-left: 25px;
}

    #modal-galeria-direita:hover, #modal-galeria-esquerda:hover {
        opacity: 0.3;
    }

.modal-galera-hotel-thumb.selecionado {
    border-color: gold;
}

.hotel-mapa-container-big {
    border: 5px solid #fff;
    padding: 5px;
    border-radius: 10px;
    box-shadow: 2px 3px 6px lightgrey;
    width: 427px;
    height: 290px;
    background-color: #fff;
    position: absolute;
    top: 70px;
    left: -10000px;
    z-index: 999;
}

.ou-separador-max-hospedes {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    color: grey;
}

#pagina-reserva-adicionais-titulo {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 10px;
    font-family: 'Roboto Condensed';
    color: #444444;
    font-size: 27px;
    font-weight: 700;
}

#pagina-reserva-adicionais #loading {
    font-size: 18px;
    display: block;
    text-align: center;
}

.parcelas-tarifa {
    /* display: inline-block; */
    float: left;
    clear: both;
    color: grey;
    font-size: 12px;
    font-style: italic;
    line-height: 20px;
}

#carrinho-gif {
    display: none;
    position: relative;
}

    /* } */

    #carrinho-gif img {
        width: 210px;
        opacity: 0.7;
        float: right;
        margin-right: 5px;
        height: 230px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    #carrinho-gif .fade-1, #carrinho-gif .fade-2, #carrinho-gif .fade-3 {
        content: "";
        display: block;
        width: 210px;
        float: right;
        margin-right: 5px;
        height: 40px;
        background-color: #F0F0F0;
        z-index: 99;
    }

    #carrinho-gif .fade-1 {
        opacity: 0.2;
        margin-top: -100px;
    }

    #carrinho-gif .fade-2 {
        opacity: 0.4;
        margin-top: -60px;
    }

    #carrinho-gif .fade-3 {
        opacity: 0.7;
        margin-top: -20px;
    }

/*---------------------------------------------------------------------------------------------------------------------------------------*/

#novas-opcoes-tarifas-crm {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
}

#novas-opcoes-tarifas-crm-modal {
    width: 680px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    text-align: center;
}

    #novas-opcoes-tarifas-crm-modal .titulo {
        font-size: 25px;
        font-family: 'Roboto Condensed';
        color: rgb(70, 72, 76);
        margin: 0 auto;
        display: block;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 25px;
    }

    #novas-opcoes-tarifas-crm-modal.grande .titulo {
        margin-top: 30px;
    }

    #novas-opcoes-tarifas-crm-modal .mensagem {
        color: grey;
        font-size: 14px;
        margin-top: 25px;
    }

    #novas-opcoes-tarifas-crm-modal .mensagem-2 {
        margin-top: 10px;
        font-size: 14px;
        font-weight: 500;
        color: #444;
        position: relative;
        display: inline-block;
    }

    #novas-opcoes-tarifas-crm-modal .mensagem-3 {
        color: grey;
        font-size: 14px;
        margin-top: 10px;
    }

    #novas-opcoes-tarifas-crm-modal .desconto {
        font-size: 28px;
        font-weight: 700;
        font-family: 'Roboto Condensed';
        border: 1px solid lightgrey;
        display: inline-block;
        padding: 10px;
        padding-left: 65px;
        padding-right: 65px;
        margin-top: 30px;
    }

    /* #novas-opcoes-tarifas-crm-modal .precos-novo-antigo {} */

    #novas-opcoes-tarifas-crm-modal .preco {
        display: inline-block;
        line-height: 25px;
        color: #444;
        font-size: 14px;
        margin: 25px;
    }

    /* #novas-opcoes-tarifas-crm-modal .label {} */

    #novas-opcoes-tarifas-crm-modal .value {
        font-weight: 500;
    }

    #novas-opcoes-tarifas-crm-modal .rodape {
        background-color: #eeeeee;
        margin-top: 25px;
        width: 100%;
        padding-top: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #novas-opcoes-tarifas-crm-modal .botao {
        display: inline-block;
        margin: 25px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 12px;
        padding-left: 35px;
        padding-right: 35px;
        color: #fff;
        text-align: center;
        font-size: 15px;
        border-radius: 5px;
        cursor: pointer;
    }

        #novas-opcoes-tarifas-crm-modal .botao.negativo {
            background-color: grey;
        }

            #novas-opcoes-tarifas-crm-modal .botao.negativo:hover {
                background-color: #8c8c8c;
            }

    #novas-opcoes-tarifas-crm-modal .interrogacao {
        font-size: 10px;
        height: 13px;
        width: 11px;
        text-align: center;
        color: #fff;
        background-color: grey;
        display: inline-block;
        font-weight: 200;
        border-radius: 15px;
        cursor: pointer;
        vertical-align: top;
        padding-right: 1px;
        padding-left: 1px;
        margin-left: 3px;
        margin-top: 3px;
    }

    #novas-opcoes-tarifas-crm-modal .interrogacao-2 {
        font-size: 10px;
        height: 13px;
        width: 11px;
        text-align: center;
        color: #fff;
        background-color: grey;
        display: inline-block;
        font-weight: 200;
        border-radius: 15px;
        cursor: pointer;
        vertical-align: top;
        padding-right: 1px;
        padding-left: 1px;
        margin-left: 3px;
        margin-top: 2px;
    }

    #novas-opcoes-tarifas-crm-modal .interrogacao-3 {
        font-size: 10px;
        height: 13px;
        width: 11px;
        text-align: center;
        color: #fff;
        background-color: grey;
        display: inline-block;
        font-weight: 200;
        border-radius: 15px;
        cursor: pointer;
        vertical-align: top;
        padding-right: 1px;
        padding-left: 1px;
        margin-left: 3px;
        margin-top: 2px;
    }

    #novas-opcoes-tarifas-crm-modal .exclamacao {
        font-size: 10px;
        height: 13px;
        width: 11px;
        text-align: center;
        color: #fff;
        display: inline-block;
        font-weight: 200;
        border-radius: 15px;
        padding-right: 1px;
        padding-left: 1px;
        margin-left: 3px;
        margin-top: 2px;
        vertical-align: middle;
        background-color: gray;
    }

    #novas-opcoes-tarifas-crm-modal .pop-up {
        background-color: #fff;
        position: absolute;
        bottom: 20px;
        right: 7px;
        border: 1px solid lightgrey;
        border-radius: 10px;
        border-bottom-right-radius: 0px;
        box-shadow: 2px 2px 7px lightgrey;
        display: none;
    }

    #novas-opcoes-tarifas-crm-modal .pop-up-2 {
        background-color: #fff;
        position: absolute;
        bottom: 20px;
        right: 7px;
        border: 1px solid lightgrey;
        border-radius: 10px;
        border-bottom-right-radius: 0px;
        box-shadow: 2px 2px 7px rgba(72, 72, 72, 0.37);
        text-align: center;
        display: none;
    }

    #novas-opcoes-tarifas-crm-modal .pop-up-3 {
        background-color: #fff;
        position: absolute;
        bottom: 20px;
        right: 7px;
        border: 1px solid lightgrey;
        border-radius: 10px;
        border-bottom-right-radius: 0px;
        box-shadow: 2px 2px 7px rgba(1, 8, 23, 0.74);
        text-align: center;
        display: none;
    }

    #novas-opcoes-tarifas-crm-modal .pop-up .item {
        font-size: 12px;
        color: grey;
        font-weight: 200;
        width: 305px;
        margin: 10px;
        line-height: 15px;
    }

    #novas-opcoes-tarifas-crm-modal .pop-up-2 .item {
        font-size: 12px;
        color: grey;
        font-weight: 200;
        width: 305px;
        margin: 10px;
        line-height: 15px;
    }

    #novas-opcoes-tarifas-crm-modal .pop-up-3 .item {
        font-size: 12px;
        color: grey;
        font-weight: 200;
        width: 305px;
        margin: 10px;
        line-height: 15px;
    }

    #novas-opcoes-tarifas-crm-modal .condicao-atual {
        font-family: "Roboto Condensed";
        color: #444;
        text-align: left;
        width: 80%;
        margin: 0 auto;
        margin-top: 50px;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 1px;
        border-bottom: 1px solid lightgrey;
        padding-bottom: 5px;
    }

    #novas-opcoes-tarifas-crm-modal.grande .condicao-atual {
        margin-top: 30px;
    }

.condicoes-rows {
    max-height: 175px;
}

#novas-opcoes-tarifas-crm-modal .condicao-row {
    display: inline-block;
    width: 80%;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
}

#novas-opcoes-tarifas-crm-modal .condicao-info {
    float: left;
    text-align: left;
    /* display: inline-block; */
    max-width: 70%;
}

#novas-opcoes-tarifas-crm-modal .nome-condicao {
    font-weight: 500;
    color: #444;
    font-size: 14px;
    position: relative;
    display: inline-block;
}

#novas-opcoes-tarifas-crm-modal .desc-condicao {
    color: grey;
    font-size: 11px;
    margin-top: 5px;
}

#novas-opcoes-tarifas-crm-modal .condicao-preco {
    float: right;
    font-weight: 700;
    color: #444;
    font-size: 14px;
}

#novas-opcoes-tarifas-crm-modal .alerta-produtos-incompativeis {
    display: block;
    position: relative;
    float: left;
    text-align: left;
    margin-top: 10px;
    color: #8c8c8c;
    font-size: 11px;
}

    #novas-opcoes-tarifas-crm-modal .alerta-produtos-incompativeis span.mensagem-alerta .exclamacao {
        float: left;
        margin-right: 5px;
        margin-top: 5px;
    }

#novas-opcoes-tarifas-crm-modal .exclusivas {
    background-color: #ffbb02;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700;
    padding: 5px;
    border-radius: 15px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: baseline;
    margin-top: -5px;
}

    #novas-opcoes-tarifas-crm-modal .exclusivas .icon-estrela-sucesso {
        font-size: 30px;
        vertical-align: middle;
        margin-top: -8px;
        margin-bottom: -6px;
        margin-left: -6px;
        margin-right: 2px;
        display: inline-block;
    }

#novas-opcoes-tarifas-crm-modal .condicao-check {
    float: left;
    background-color: #fff;
    border-radius: 50px;
    height: 15px;
    width: 15px;
    border: 1px solid lightgrey;
    margin-top: 10px;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
}

    #novas-opcoes-tarifas-crm-modal .condicao-check .icon-check-radio-condicoes {
        margin-left: 2px;
        margin-left: 2px;
        display: inline-block;
        font-size: 17px;
        margin-top: -20px;
    }

#btn-abrir-modal-crm {
    margin-bottom: 10px;
    font-size: 13px;
    border: 1px dashed;
    padding: 8px;
    display: inline-block;
    cursor: pointer;
    display: none;
    color: #ffbb02;
}

    #btn-abrir-modal-crm:hover {
        border-style: solid;
        font-weight: bold;
    }

#novas-opcoes-tarifas-crm-modal .valor-antigo {
    display: block;
    color: grey;
    font-weight: 200;
    font-size: 12px;
    text-align: right;
    text-decoration: line-through;
    margin-bottom: 4px;
}

#novas-opcoes-tarifas-crm-modal .percentual {
    border: 1px solid;
    border-radius: 5px;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}

/* } */

.lg-backdrop {
    background-color: rgba(0, 0, 0, .3);
}

#modal-galeria-hotel-foto-principal {
    display: inline-block;
    max-height: 500px;
    border: 2px solid #fff;
    /*border-radius: 5px;*/
    position: absolute;
    top: calc(50% - 30px);
    left: 50%;
}

#modal-galeria-hotel-outras-fotos-container {
    display: block;
    left: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.modal-galera-hotel-thumb {
    height: 53px;
    width: 53px;
    cursor: pointer;
    margin: 5px;
    border: 2px solid #fff;
    /*border-radius: 5px;*/
}

#modal-galeria-hotel-overlay #close {
    display: inline-block;
    height: 35px;
    width: 35px;
    position: absolute;
    right: 15px;
    top: 15px;
    background-image: url(../Content/img/spirtesheet-busca-overlay.png);
    background-position: -879px 117px;
    cursor: pointer;
}

#modal-galeria-direita, #modal-galeria-esquerda {
    color: #fff;
    font-family: monospace;
    font-size: 60px;
    position: absolute;
    top: 49%;
    cursor: pointer;
    z-index: 999;
}

#modal-galeria-direita {
    right: 0;
    margin-right: 25px;
}

#modal-galeria-esquerda {
    left: 0;
    margin-left: 25px;
}

    #modal-galeria-direita:hover, #modal-galeria-esquerda:hover {
        opacity: 0.3;
    }

.modal-galera-hotel-thumb.selecionado {
    border-color: gold;
}

/* cartões aceitos na tarifa */

.cartoes_aceitos {
    clear: both;
    float: left;
}

.text-cartoes {
    font-size: 11px;
    color: #818181;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 3px;
}

.card_name {
    text-transform: capitalize;
}

.lista_cartoes {
    list-style: none;
}

.icone_bandeira {
    width: 51px;
    height: 26px;
    display: inline-block;
    position: relative;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    margin: 0 -6px;
    background-image: url(../Content/img/spritesheet-passo3.png);
}

    .icone_bandeira.visa {
        background-position: -5px -16px;
    }

    .icone_bandeira.mastercard {
        background-position: -64px -17px;
    }

    .icone_bandeira.diners_club {
        background-position: -186px -17px;
    }

    .icone_bandeira.american_express {
        background-position: -123px -18px;
    }

    .icone_bandeira.elo {
        background-position: -5px -76px;
    }

.parcela-tooltip-text .textoCartoes {
    text-transform: capitalize;
}

.parcela-tooltip-text .cartoesContainer {
    display: block;
    margin: 5px 0;
}

/* Modal de acomodação selecionada
-----------------------------------------------------------*/
.modal-container {
    display: none;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 0;
    left: 0;
}

#listagemHoteisContent .modal-container {
    margin-top: -175px;
}

.modal-overlay {
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    /*opacity: 0.8;*/
}

.modal-content {
    top: 120px;
    left: 50%;
    margin-left: -465px;
    /*position: fixed;*/
    position: absolute;
    width: 930px;
    background-color: #fff;
    z-index: 999999;
    border-radius: 7px;
    margin-top: 0px;
}

.modal-close {
    margin-right: 10px;
    height: 35px;
    width: 35px;
    float: right;
    margin-top: -50px;
    background-image: url(../Content/img/spirtesheet-busca-overlay.png);
    background-position: -879px 117px;
    cursor: pointer;
}

.modal-title {
    margin-left: 20px;
    margin-top: 20px;
    width: 100%;
    font-size: 25px;
    font-weight: 600;
    color: #2B333F;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
}

.section-info {
    display: inline-block;
}

.modal-main-pic {
    height: 350px;
    width: 455px;
    float: left;
    margin-left: 20px;
    margin-bottom: 30px;
    object-fit: cover;
}

.modal-pic-gallery {
    margin-top: 6px;
    height: 60px;
    float: left;
    margin-left: 20px;
    clear: both;
}

.modal-additional-pic {
    height: 60px;
    width: 60px;
    cursor: pointer;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 6px;
    float: left;
    object-fit: cover;
}

    .modal-additional-pic:last-child {
        margin-right: 0;
    }

    .modal-additional-pic:first-child {
        margin-left: 0;
    }

.modal-description {
    margin-left: 500px;
    min-height: 350px;
    margin-right: 20px;
}

.modal-desc-text {
    color: #6F6F6F;
    font-size: 14px;
    display: block;
    /*max-height: 100px;*/
    overflow: hidden;
    line-height: 20px;
}

.modal-amenities {
    margin-bottom: 20px;
    margin-top: 20px;
    max-height: 130px;
    overflow: hidden;
    display: block;
    line-height: 20px;
}

.amenities-title,
.conditions-title,
.dp-title,
.modal-reservar-title {
    color: rgb(68, 68, 68);
    font-size: 17px;
    font-weight: 700;
    display: block;
    margin-bottom: 2px;
    font-family: 'Roboto Condensed';
}

.amenity-item {
    color: #6F6F6F;
    font-size: 14px;
}

.modal-conditions {
    margin-top: 20px;
}

.modal-container-dp {
    width: 49%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    display: inline-block;
    float: left;
}

.modal-dp {
    /* margin-top: 20px;*/
}

.dp-item {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid rgba(148, 148, 148, 0.24);
    display: inline-block;
    width: 100%;
}

    .dp-item:last-child {
        border-bottom: none;
    }

.dp-item-qtd {
    float: left;
    border: 1px solid lightgrey;
    border-radius: 5px;
    color: #858585;
    height: 21px;
    font-size: 12px;
    cursor: pointer;
}

.dp-item-name {
    margin-top: 3px;
    color: grey;
    font-size: 13px;
    margin-left: 10px;
    float: left;
    /*
    color: #6F6F6F;
    margin-left: 5px;
    display: inline-block;
    width: 57%;
    max-height: 32px;
    overflow: hidden;
    vertical-align: middle;
        */
}

.dp-item-value {
    /*
    color: #000066;
    font-size: 14px;
    font-weight: 700;
    width: 74px;
    display: inline-block;
    text-align: right;
        */
    float: right;
    color: #000066;
    font-weight: 700;
    font-size: 13px;
    margin-top: 2px;
}

.dp-item-tooltip {
    height: 15px;
    width: 15px;
    background-image: url(../Content/img/spritesheet-passo3.png);
    display: inline-block;
    background-position: 154px 95px;
    cursor: pointer;
    vertical-align: text-bottom;
    margin-left: 7px;
    float: left;
    margin-top: 3px;
}

.rate-item-tooltip {
    height: 15px;
    width: 15px;
    background-image: url(../Content/img/spritesheet-passo3.png);
    display: inline-block;
    background-position: 154px 95px;
    cursor: pointer;
    vertical-align: text-bottom;
    margin-left: 5px;
}

    .dp-item-tooltip:hover,
    .rate-item-tooltip:hover {
        background-position: 95px 95px;
    }

.section-action {
    position: relative;
    margin-top: 20px;
    background-color: rgb(241, 241, 241);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 100%;
    display: inline-block;
    margin-bottom: -3px;
    padding-bottom: 25px;
}



.action-tarifas {
    display: block;
    margin-top: -5px;
    /*background-color: red;
    width: 63%;
    position: relative;
    background-color: rgb(243, 243, 243);
    border-bottom-left-radius: 5px;
    padding-top: 25px;
    padding-left: 25px; 
    float: left;*/
}

    .action-tarifas .tarifa {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid rgba(148, 148, 148, 0.24);
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        /*
    height: 40px;
    width: 95%;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(164, 164, 164);
    padding-bottom: 15px;
        */
    }



        .action-tarifas .tarifa:last-child {
            border-bottom: none;
        }

        .action-tarifas .tarifa .tarifa-nome {
            display: inline-block;
            color: #000066;
            font-size: 14px;
            font-weight: 700;
            display: inline-block;
            margin-bottom: 2px;
            text-transform: capitalize;
        }

        .action-tarifas .tarifa .tarifa-desc {
            display: block;
            color: rgb(148, 148, 148);
            text-transform: uppercase;
            font-size: 11px;
            margin-left: 32px;
            max-width: 60%;
        }

        .action-tarifas .tarifa .tarifa-blc-preco {
            position: absolute;
            right: 0;
            top: 30px;
            /*
    display: inline-block;

    height: 50px;
    position: absolute;
    right: 28px;
    margin-top: -51px;
    width: 125px;
        */
        }

            .action-tarifas .tarifa .tarifa-blc-preco.blc-discount {
                top: 13px;
            }


.tarifa-preco-labelSemDesconto,
.tarifa-preco-labelFinal {
    /*
    float: right;
    display: block;
        */
}

.tarifa-preco-labelFinal {
    font-weight: 700;
    font-size: 14px;
    color: #000066;
}

    .tarifa-preco-labelFinal.discounted {
        float: right;
        color: #F16214;
        display: inline-block;
        margin-top: 2px;
    }

.tarifa-preco-labelSemDesconto {
    color: #000066;
    text-decoration: line-through;
    font-size: 12px;
    text-align: right;
    display: block;
}

.tarifa-preco-desconto-valor {
    display: inline-block;
}

.tarifa-preco-labelPercent {
    margin-right: 10px;
    display: inline-block;
    border: 1px solid #EF6620;
    color: #EF6620;
    float: left;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    height: 13px;
    line-height: 15px;
    min-width: 25px;
    font-size: 12px;
}

.tarifa-checkbox {
    height: 16px;
    width: 17px;
    float: left;
    background-image: url(../Content/img/spritesheet-radio.png);
    background-position: -21px -22px;
    margin-top: 10px;
    margin-right: 15px;
    cursor: pointer;
}

    .tarifa-checkbox.tarifa-selected {
        background-position: 39px -22px;
    }


.modal-container-reservar {
    /*width: 49%;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;*/
    display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 44.7%;
    position: relative;
}


.modal-reservar-title {
}


.action-reserve {
    /*float: left;
    padding: 15px;
    padding-left: 20px;
        */
}

.reserve-left-container,
.reserve-right-container {
    /*float: left;*/
}

.quarto-qtd {
    float: left;
    height: 40px;
    width: 245px;
    border-radius: 5px;
    color: rgb(68, 68, 68);
    padding-left: 5px;
    cursor: pointer;
    margin-top: 15px;
    border: 1px solid lightgrey;
    /*
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 20px;
    font-size: 11px;
    background-color: transparent;
        */
}

.quarto-preco-label {
    float: left;
    margin-top: 15px;
    margin-left: 25px;
}

.quarto-qtd option {
    /*
    background-color: #fff;
    color: grey;
        */
}


.quarto-qtd-label {
    display: block;
    font-size: 12px;
    margin-top: 2px;
    color: grey;
    /*
    color: #fff;
    font-size: 12px;
        */
}



.quarto-preco {
    display: block;
    font-weight: 700;
    font-size: 19px;
    /*
    font-size: 21px;
    font-weight: 700;
    display: block;
    color: #5A93FA;
    margin-top: 2px;
    margin-bottom: -4px;
        */
}

.modal-btn-reservar {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    margin-top: 20px;
}

.bloco-hospede-desfazer-adulto-crianca {
    display: none;
    position: absolute;
    top: 0;
    right: 21px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 500;
}

.fieldset-hospede {
    position: relative;
    display: inline-block;
    width: 100%;
}

.fieldset-info-hospedes {
    text-align: left;
    font-size: 12px;
    margin-bottom: 9px;
    margin-top: 5px;
    display: none;
}

    .fieldset-info-hospedes > div {
        font-weight: 500;
        cursor: pointer;
    }

        .fieldset-info-hospedes > div::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            width: 0;
            height: 0;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 4px solid;
            margin-bottom: 2px;
        }

        .fieldset-info-hospedes > div:hover {
            text-decoration: underline;
        }

.bloco-hospede-adulto-crianca {
    height: 30px;
    width: 40px;
    display: inline-block;
    background-color: rgb(242, 243, 246);
    margin-top: 2px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

    .bloco-hospede-adulto-crianca:hover {
        background-color: rgb(216, 216, 216);
    }

    .bloco-hospede-adulto-crianca > span {
        font-size: 43px;
        position: absolute;
        top: -8px;
        left: -2px;
    }




.estadia-status-reserva {
}

    .estadia-status-reserva.confirmado,
    .estadia-status-pagamento.confirmado {
        color: rgb(34, 181, 97);
    }

    .estadia-status-reserva.processando,
    .estadia-status-pagamento.processando {
        color: rgb(253, 193, 35);
    }

    .estadia-status-reserva.pendente,
    .estadia-status-pagamento.pendente {
        color: rgb(243, 74, 51);
    }


#box-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -195px;
    margin-left: -330px;
    width: 660px;
    display: inline-block;
    /*margin-top: 100px;*/
    /*position: relative;*/
}

#box-email {
    height: 170px;
    width: 100%;
    background-color: transparent;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
}

#box-title-label {
    font-size: 34px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    color: #434343;
    vertical-align: top;
    /* margin-top: -26px; */
    display: inline-block;
    line-height: 67px;
    margin-left: 20px;
}

#box-title-icon {
    height: 60px;
    width: 60px;
    display: inline-block;
    position: relative;
}

    #box-title-icon > span {
        font-size: 86px;
        top: -16px;
        position: absolute;
        left: -15px;
    }


#box-email > span {
    color: #727272;
    display: block;
}

#box-email-description-1 {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 21px;
}

#box-email-description-2 {
    font-size: 14px;
    margin-top: 10px;
}

#box-email #btn-continuar,
#box-email #btn-continuar-produtos {
    height: 50px;
    width: 180px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    border-radius: 5px;
    font-weight: 200;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border: none;
    font-family: 'Roboto';
}

#box-email #btn-continuar-produtos {
    width: 375px !important;
}

#box-email #email-container {
    margin-top: 35px;
    position: relative;
}



#box-email #inp-email {
    width: 470px;
    height: 50px;
    border: none;
    background-color: #fff;
    border-radius: 5px;
    padding: 0;
    vertical-align: bottom;
    margin-right: -10px;
    color: grey;
    font-family: 'Roboto';
    font-size: 17px;
    font-weight: 100;
    padding-left: 15px;
}

    #box-email #inp-email.email-invalid {
        background-color: pink;
    }

    #box-email #inp-email:focus {
        outline: none;
    }

/*--------------------------------------------------PAGAMENTO------------------------------------------------------*/
#formulario-pagamento {
    margin: 40px auto;
    /*margin-top: 40px;*/
    width: 976px;
    height: 100%;
    position: relative;
    text-align: left;
    display: inline-block;
}

.master-bloco {
    /*background-color: red;*/
    display: inline-block;
    float: left;
    margin-right: 20px;
}


.bloco-aberto {
    background-color: #fff;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #fff;
}

#formulario-pagamento .bloco-aberto {
    box-shadow: 2px 2px 7px lightgrey;
}

.bloco-titulo-container {
    text-align: left;
    margin-bottom: 15px;
}


.bloco-fechado-titulo-icone {
    background-image: url(../Content/img/sprite-reserva.png);
}

.bloco-titulo-icone {
    height: 32px;
    width: 32px;
    display: inline-block;
    vertical-align: top;
}



.fieldset-acompanhante-adulto,
.fieldset-acompanhante-crianca {
    display: none;
}

.acompanhantes-fieldset-container,
.acompanhantes-fieldset-container-coringa {
    display: none;
    margin-top: 20px;
}

.fieldset-acompanhante-adulto:first-of-type {
    margin-top: 10px;
}

.bloco-titulo-label {
    display: inline-block;
    color: #444444;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    margin-left: 10px;
}

#bloco-dados-pessoais {
    height: 348px;
    width: 290px;
}

.bloco-form-container {
    margin-left: 19px;
    margin-top: 15px;
}

.bloco-field-container {
    display: inline-block;
    margin-right: 14px;
    position: relative;
}

.bloco-field-container-adulto-crianca {
    position: absolute;
}

.bloco-field-hospede-email,
.bloco-field-acompanhante-email {
    margin-right: 0px;
}

.bloco-field-input-huge {
    /*background-position-x: 177%;
    background-size: 120px 361px, 120px 361px;*/
}

.bloco-field-container input:focus {
    outline: none;
    border-color: #4D7EF3;
    border-style: solid;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #4D7EF3;
}

.bloco-field-container .not-validated:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #E33737;
    border-color: #E33737;
    border-style: solid;
}

.bloco-field-container .validated:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #60B750;
    border-color: #60B750;
    border-style: solid;
}

.bloco-field-container input.validated {
    /*background-image: url(../Content/img/cards.png);
    background-repeat: no-repeat;  
    background-position-y: 18%;
    background-position-y: 26.25%;*/
    background-image: url(../Content/img/ico-OK.png);
    background-repeat: no-repeat;
    background-position: right;
    /*border-color: rgb(96, 183, 80);*/
    /*border-style: solid;*/
}

.bloco-field-container .bloco-field-input-huge.not-validated,
.bloco-field-container .bloco-field-input.not-validated,
.bloco-field-container .bloco-field-input-big.not-validated {
    border-color: #E33737;
    background-image: url(../Content/img/x.png);
    background-repeat: no-repeat;
    border-style: solid;
}

.bloco-field-container .bloco-field-input-huge.not-validated,
#pagamento-inp-titular-cartao.not-validated,
#pagamento-inp-numero-cartao.not-validated {
    background-position: 98%;
}

#pagamento-inp-codigo-cartao.not-validated {
    background-position: 89%;
}

.bloco-field-container .bloco-field-input-big.not-validated,
.bloco-field-container .bloco-field-input.not-validated {
    background-position: 95%;
}

.bloco-field-label {
    display: block;
    color: grey;
    font-size: 10px;
    font-weight: 500;
}

.bloco-field-input,
.bloco-field-input-big,
.bloco-field-input-huge {
    border-radius: 3px;
    border-width: 1px;
    background-color: #F2F3F6;
    color: grey;
    font-size: 12px;
    margin-top: 3px;
    height: 30px;
    padding: 0;
    padding-left: 5px;
}



.bloco-field-input {
    width: 110px;
}

.bloco-field-input-big {
    width: 130px;
}

input {
    text-overflow: ellipsis;
    overflow: hidden;
}

#bloco-dados-hospedes .bloco-field-input-big {
    width: 113px;
    padding-right: 20px;
}

#bloco-dados-hospedes .bloco-titulo-container {
    margin: 15px 0 0 15px;
}

.bloco-field-input-huge {
    width: 245px;
}

.field-label-aux-cpf,
.field-label-aux-passaporte {
    position: absolute;
    top: 0px;
    font-weight: 500;
    color: rgb(77, 126, 243);
    cursor: pointer;
    font-size: 10px;
}

.field-label-aux-cpf {
    left: 23px;
}

.field-label-aux-passaporte {
    left: 74px;
}

    .field-label-aux-cpf:hover,
    .field-label-aux-passaporte:hover {
        text-decoration: underline;
    }









.bloco-fechado {
    /*height: 90px;*/
    width: 290px;
    background-color: #F2F3F6;
    border-radius: 5px;
    display: block;
    border: 1px solid rgb(217, 217, 215);
    position: relative;
}

.editar-container {
    position: absolute;
    display: inline-block;
    right: 15px;
    top: 8px;
}

.editar-icon {
    height: 15px;
    width: 15px;
    display: inline-block;
    background-position: 214px -140px;
    vertical-align: bottom;
    position: relative;
}

    .editar-icon > span {
        font-size: 17px;
        left: -2px;
        position: absolute;
    }

.editar-label {
    cursor: pointer;
    font-size: 11px;
    display: inline-block;
    font-weight: 500;
}

    .editar-label:hover {
        text-decoration: underline;
    }

.bloco-fechado-titulo-container {
    margin-left: 19px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.bloco-fechado-titulo-icone {
    height: 25px;
    width: 25px;
    display: inline-block;
}

.bloco-fechado-titulo-label {
    color: #949494;
    display: inline-block;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    vertical-align: top;
    line-height: 25px;
    margin-left: 5px;
    font-size: 13px;
}

.bloco-fechado-label {
    font-size: 12px;
    color: #949494;
    margin-left: 20px;
    margin-bottom: 8px;
}

/*DADOS PESSOAIS*/
#bloco-dados-pessoais .bloco-titulo-icone {
    position: relative;
}

    #bloco-dados-pessoais .bloco-titulo-icone > span {
        font-size: 53px;
        position: absolute;
        left: -10px;
        top: -10px;
    }

.optin-container {
    margin-top: 5px;
}

.optin-check {
    height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

    .optin-check > span {
        font-size: 28px;
        position: absolute;
        top: -7px;
        left: -4px;
    }

    .optin-check.unchecked {
        background-position: 36px 154px;
    }

.optin-label {
    color: #6F6F6F;
    font-size: 12px;
    font-weight: 500;
    vertical-align: top;
    margin-left: 5px;
}

.pgt-btn {
    height: 40px;
    width: 250px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 15px;
}


/*fechado*/
#bloco-dados-pessoais-fechado {
    height: 152px;
}

    #bloco-dados-pessoais-fechado .bloco-fechado-titulo-icone {
        background-position: -17px -77px;
    }

#dados-pessoais-fechado-sair {
    cursor: pointer;
    font-size: 10px;
    display: inline-block;
    font-weight: 500;
    margin-left: 5px;
}

    #dados-pessoais-fechado-sair:hover {
        text-decoration: underline;
    }

#dados-pessoais-fechado-nome-label,
#dados-pessoais-fechado-email-label,
#dados-pessoais-fechado-telefone-label,
#dados-pessoais-fechado-cpf-label,
#dados-pessoais-fechado-passaporte-label {
    font-weight: 500;
    width: 70px;
    display: inline-block;
}

#dados-pessoais-fechado-email-val {
    display: inline-block;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
}




/*HOSPEDES*/
#bloco-dados-hospedes {
    height: auto;
    width: 337px;
    margin-bottom: 15px;
}

    #bloco-dados-hospedes .bloco-titulo-icone {
        position: relative;
        width: 34px;
    }

        #bloco-dados-hospedes .bloco-titulo-icone > span {
            font-size: 37px;
            position: absolute;
            top: -3px;
        }

    #bloco-dados-hospedes .bloco-titulo-label {
        line-height: 35px;
    }

.hospedes-item-acomodacao {
    margin-bottom: 25px;
    border-bottom: 1px solid lightgrey;
    margin-right: 19px;
    padding-bottom: 15px;
}

    .hospedes-item-acomodacao:last-of-type {
        border-bottom: none;
        margin-bottom: 0px;
    }

.item-acomodacao-titulo {
    font-size: 13px;
    margin-bottom: 10px;
}

.fieldset-hospede-principal {
    margin-top: 10px;
}

.item-acomodacao-titulo .titulo-label {
    font-weight: 500;
}

.item-acomodacao-titulo .titulo-value {
}

.inp-hospede-email {
    font-size: 11px;
}

.item-acomodacao-quantidade-hospedes {
    margin-top: 6px;
    display: inline-block;
    margin-bottom: 6px;
}

.item-acomodacao-quantidade-adultos {
    float: left;
}

.item-acomodacao-quantidade-criancas {
    float: right;
}

.item-acomodacao-quantidade-hospedes .quantidade-hospedes-label {
    color: grey;
    font-size: 10px;
    font-weight: 500;
}

.item-acomodacao-quantidade-hospedes .quantidade-hospedes-value {
    margin-left: 5px;
    height: 30px;
    border-radius: 3px;
    color: rgb(39, 39, 39);
    background-color: #F2F3F6;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid lightgrey;
}

#btn-vai-para-pagamento {
    float: right;
    margin-top: 0px;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 200px;
}

#btn-envia-email-central-manual {
    font-size: inherit;
    margin: 10px 0px 5px 20px;
    position: relative;
    float: left;
    width: 140px;
}

#btn-envia-email-orcamento-central-manual {
    font-size: inherit;
    margin: 10px 20px 5px 0px;
    position: relative;
    float: right;
    width: 140px;
    background-color: #f5a036!important;
}

#text-central-manual {
    display: inline-block;
    color: grey;
    font-size: 11px;
    position: relative;
    float: left;
    width: 140px;
    margin: 0 0 15px 20px;
    text-align: center;
}

#text-central-manual-orcamento {
    display: inline-block;
    color: grey;
    font-size: 11px;
    position: relative;
    float: right;
    width: 140px;
    margin: 0 20px 15px 0px;
    text-align: center;
}


/*fechado*/
#bloco-dados-hospedes-fechado {
    width: 337px;
    margin-bottom: 15px;
}

#bloco-dados-hospedes-label-aguardando {
    margin-bottom: 15px;
}

#bloco-dados-hospedes-fechado .bloco-fechado-titulo-icone {
    background-position: -76px -77px;
    width: 26px;
}

#label-hospedes-container {
}


.label-hospedes-nome-quarto {
    display: block;
}

.label-hospedes-nome-quarto-label {
    font-weight: 700;
}

.label-hospedes-container-item {
    display: block;
    margin-left: 20px;
    color: #949494;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
}

.item-label-hospede {
    margin-left: 25px;
    font-size: 12px;
    margin-top: 6px;
    display: block;
}

    .item-label-hospede:last-child {
        margin-bottom: 20px;
    }




/*PAGAMENTO*/

/*fechado*/
#bloco-pagamento-fechado {
    width: 337px;
    /*margin-top: 15px;*/
}

    #bloco-pagamento-fechado .bloco-fechado-titulo-icone {
        background-position: -133px -77px;
        width: 29px;
    }

#bloco-pagamento-aguardando {
    margin-bottom: 15px;
}


/*ABERTO*/

#master-bloco-pagamento {
    clear: left;
    margin-top: 20px;
    margin-bottom: 50px;
}

#bloco-pagamento {
    width: 650px;
    position: relative;
    padding: 15px 27px;
    box-sizing: border-box;
}

    #bloco-pagamento .bloco-form-container {
        margin: 15px 0 0 0;
        display: inline-block;
    }

    #bloco-pagamento .bloco-titulo-icone {
        position: relative;
        width: 34px;
    }

        #bloco-pagamento .bloco-titulo-icone > span {
            font-size: 53px;
            position: absolute;
            top: -13px;
            left: -3px;
        }


.pagamento-descricao {
    color: #949494;
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 20px;
}

.pagamento-meio {
    margin: 15px 0;
    border-bottom: 1px solid #d8d8d8;
}

    .pagamento-meio div {
        position: relative;
        padding: 8px 15px;
        display: inline-block;
        cursor: pointer;
    }

        .pagamento-meio div span {
            font-weight: 600;
            text-transform: uppercase;
            color: #555;
            font-size: 14px;
        }

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

#container-pagamento-agora,
#container-pagamento-depois {
    display: inline-block;
    float: left;
    width: 145px;
    margin-right: 20px;
}


#pagamento-agora-label,
#pagamento-depois-label {
    color: #949494;
    font-size: 10px;
    font-weight: 500;
    display: block;
    margin-bottom: 7px;
}

#pagamento-agora-valor,
#pagamento-depois-valor {
    color: rgb(110, 110, 110);
    font-weight: 700;
}

#pagamento-agora-desc,
#pagamento-depois-desc {
    color: #949494;
    font-style: italic;
}

#pagamento-agora-desc {
    display: none;
}

#field-pagamento-cartao,
#field-pagamento-titular,
#field-pagamento-validade,
#field-pagamento-cupom-desconto {
    margin-top: 15px;
    margin-bottom: 0px;
    float: left;
    clear: both;
    display: inline-block;
}

#pagamento-inp-numero-cartao,
#pagamento-inp-titular-cartao {
    width: 260px;
    color: #444444;
    float: left;
}

#pagamento-inp-titular-cartao {
    text-transform: uppercase;
}

#pagamento-cartao-ico {
    height: 30px;
    width: 50px;
    position: absolute;
    top: 20px;
    left: 5px;
    background-image: url(../Content/img/cards.png);
    background-position: 0px 252px;
    background-size: 127px;
}

    #pagamento-cartao-ico.amex {
        background-image: url(../Content/img/spritesheet-passo3.png);
        background-position: -123px 162px;
        background-size: initial;
        width: 51px;
        height: 30px;
    }

    #pagamento-cartao-ico.diners {
        background-image: url(../Content/img/spritesheet-passo3.png);
        background-position: -185px 161px;
        width: 51px;
        height: 28px;
        background-size: initial;
    }

    #pagamento-cartao-ico.hiper {
        background-image: url(../Content/img/hiper.png);
        background-position: 0px;
        width: 52px;
        height: 28px;
        background-size: 52px 28px;
    }

    #pagamento-cartao-ico.elo {
        background-position: -5px -76px;
        width: 51px;
        height: 26px;
        background-size: initial;
        background-image: url(../Content/img/spritesheet-passo3.png);
    }

    #pagamento-cartao-ico.visa {
        background-position: 0px 208px;
    }

    #pagamento-cartao-ico.mastercard {
        background-position: 0px 119px;
    }

#pagamento-cartao-ico-ico.discover {
    background-position: 0px 30px;
}

#pagamento-inp-numero-cartao {
    height: 36px;
    font-size: 16px;
    padding-left: 60px;
    width: 204px;
    /*background-image: url(../Content/img/cards.png);
        background-position: 2px -121px, 260px -61px;
        background-size: 120px 361px, 120px 361px;
        background-repeat: no-repeat;
        padding-left: 54px;*/
}

#salvar-cartao-check {
    float: right;
    margin-top: 13px;
    margin-left: 10px;
    display: inline-block;
    width: 100%;
}

#salvar-cartao-check-ico {
    height: 15px;
    width: 15px;
    background-image: url(../Content/img/sprite-reserva.png);
    background-position: 36px 95px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

    #salvar-cartao-check-ico.unchecked {
        background-position: 36px 154px;
    }

#salvar-cartao-check-label {
    display: inline-block;
    color: grey;
    font-style: italic;
    font-size: 13px;
}




#field-pagamento-parcelas {
    float: left;
    clear: both;
    margin-top: 15px;
    margin-bottom: 0px;
}

    #field-pagamento-parcelas.waiting {
        opacity: 0.5;
        pointer-events: none;
    }

#pagamento-inp-parcelas {
    border-radius: 3px;
    border-width: 1px;
    background-color: #F2F3F6;
    margin-top: 3px;
    height: 38px;
    width: 266px;
    cursor: pointer;
    padding-left: 5px;
    color: #444444;
    font-size: 12px;
    font-family: 'Roboto';
}

    #pagamento-inp-parcelas > option {
        margin-top: 5px;
    }



#pagamento-inp-validade-mes-cartao {
    width: 55px;
    cursor: pointer;
    color: #444444;
    font-family: 'Roboto';
}

#pagamento-inp-validade-ano-cartao {
    width: 65px;
    cursor: pointer;
    color: #444444;
    font-family: 'Roboto';
}

#pagamento-inp-validade-mes-cartao,
#validade-barra,
#pagamento-inp-validade-ano-cartao {
    float: left;
    font-size: 12px;
}

#validade-barra {
    font-size: 20px;
    font-weight: 200;
    margin-left: 10px;
    margin-right: 10px;
    color: #444444;
    margin-top: 6px;
}


#field-pagamento-codigo {
    clear: none;
    float: left;
    margin-top: 13px;
    color: #444444;
}

#pagamento-inp-codigo-cartao {
    width: 50px;
    color: #444444;
    font-family: 'Roboto';
}




#master-bloco-revisao {
    margin: 0;
    float: right;
    /*width: 285px;*/
    /*height: 700px;*/
    /*background-color: red;*/
    /*position: absolute;*/
    top: 0;
    right: 0;
}

#bloco-revisao {
    width: 287px;
    border: none;
}

#revisao-top-imagem {
    width: 100%;
    height: 140px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    object-fit: cover;
}

#revisao-nome-hotel {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    display: block;
    font-size: 20px;
    color: #444444;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

#revisao-cidade-estado-hotel {
    color: #949494;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 500;
    display: block;
    margin-top: 5px;
}

#container-checkin-checkout {
    border: 1px solid lightgrey;
    margin: 10px;
    padding: 10px;
}

#container-datas-ingressos {
    display: block;
    text-align: center;
    font-size: 11px;
    color: grey;
}

    #container-datas-ingressos .uma-data,
    #container-datas-ingressos .multiplas-datas {
        text-transform: uppercase;
        font-weight: 700;
        color: #444444;
        margin-left: 5px;
    }

#container-checkin-checkout #container-checkin,
#container-checkin-checkout #container-checkout {
    display: inline-block;
    font-size: 11px;
    color: #949494;
}

#container-checkout {
    margin-left: 25px;
}

#checkin-value,
#checkout-value {
    color: #444444;
    font-weight: 700;
}


#revisao-container-acomodacoes {
    margin: 10px;
    margin-bottom: 15px;
}

.revisao-item-acomodacao:nth-last-child(2) {
    border-bottom: none;
    padding-bottom: 0px;
}



.revisao-item-acomodacao,
.revisao-item-desconto,
.revisao-item-taxa {
    padding: 10px 0;
    border-bottom: 1px solid lightgrey;
    display: inline-block;
    width: 100%;
    position: relative;
}


.revisao-item-desconto {
    border-bottom: none;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    /*border-top: 1px solid lightgrey;*/
}

.revisao-item-taxa {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    /*border-top: 1px solid lightgrey;*/
}

.revisao-item-acomodacao-nome,
.revisao-item-desconto-nome,
.revisao-item-taxa-nome {
    color: #949494;
    font-size: 14px;
    font-size: 12px;
    display: block;
    width: auto;
    /*height: 20px*/
}

.revisao-item-acomodacao-quarto,
.revisao-item-desconto,
.revisao-item-taxa {
    display: block;
    margin-bottom: 5px;
    position: relative;
}

.revisao-item-acomodacao-nome-quarto,
.revisao-extras-title,
.revisao-item-desconto-nome-label,
.revisao-item-taxa-nome-label {
    position: relative;
    display: inline-block;
    font-weight: 500;
    color: #444444;
    font-size: 13px;
}

/*.revisao-item-acomodacao-nome-quarto::after*/
.revisao-item-acomodacao-nome-quarto-ico,
.revisao-item-extras-nome-produto-ico,
.revisao-item-taxa-nome-ico {
    content: "?";
    font-size: 10px;
    height: 13px;
    width: 11px;
    text-align: center;
    color: #fff;
    background-color: rgb(184, 184, 184);
    display: inline-block;
    margin-left: 5px;
    font-weight: 200;
    border-radius: 15px;
    cursor: pointer;
    vertical-align: top;
    padding-right: 2px;
    padding-left: 2px;
}

.revisao-extras {
    padding-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.revisao-item-extras {
    display: block;
    margin-top: 10px;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
}

.revisao-item-extras-nome-produto {
    display: inline-block;
    font-size: 13px;
    color: #232323;
}

.revisao-item-extras-nome-produto span {
    display: block;
}

/*BOXX*/
.revisao-item-acomodacao-box-descricao {
    display: none;
    width: 430px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: 0;
    border: 1px solid lightgrey;
    z-index: 99;
    padding: 20px;
    box-shadow: 2px 3px 6px rgba(43, 51, 63, 0.54);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.box-descricao-data-produto {
    color: grey;
    font-weight: 200;
    margin-left: 0px;
    font-size: 12px;
    vertical-align: middle;
}

.revisao-item-extras-box-descricao {
    display: none;
    width: 200px;
    background-color: #fff;
    position: absolute;
    top: 75px;
    right: 0;
    border: 1px solid lightgrey;
    z-index: 99;
    padding: 20px;
    box-shadow: 2px 3px 6px rgba(43, 51, 63, 0.54);
    text-align: justify;
    color: rgb(142, 142, 142);
    font-weight: 300;
    font-size: 12px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    line-height: 20px;
}

.revisao-item-taxa-box-descricao {
    display: none;
    width: 300px;
    background-color: #fff;
    position: absolute;
    top: 20px;
    right: 0;
    border: 1px solid lightgrey;
    z-index: 99;
    padding: 20px;
    box-shadow: 2px 3px 6px rgba(43, 51, 63, 0.54);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
/*NOME DO QUARTO*/
.box-descricao-nome-quarto,
.box-descricao-nome-taxa {
    color: rgb(43, 51, 63);
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 5px;
}

.box-descricao-oferta-produto {
    display: block;
    font-size: 11px;
    margin-top: 1px;
    font-weight: 200;
}
/*FOTO DO QUARTO*/
.box-descricao-foto-quarto {
    display: inline-block;
    height: 105px;
    margin-top: 15px;
    width: 37%;
    float: left;
    position: relative;
}

    .box-descricao-foto-quarto > img {
        height: 100%;
        width: 100%;
    }

/*DESCRICAO*/
.box-descricao-desc-quarto {
    display: inline-block;
    width: 60%;
    padding-left: 12px;
    padding-top: 17px;
    float: left;
    text-align: justify;
}

.label-hospede-qtd-pax-container {
    display: block;
    margin-top: 5px;
    font-weight: 200;
    margin-bottom: 10px;
}

.revisao-item-acomodacao-nome-tarifa {
    text-transform: capitalize;
    font-size: 10px;
    float: left;
    margin-top: 1px;
}

.revisao-item-acomodacao-nome-tarifa-var {
    font-weight: 500;
    font-size: 12px;
}

.revisao-item-acomodacao-preco,
.revisao-item-extras-preco,
.revisao-item-taxa-preco,
.revisao-item-desconto-preco {
    color: #444444;
    font-weight: 700;
    font-size: 13px;
    float: right;
}

.revisao-item-taxa-preco {
    margin-top: -15px;
}

#container-codigo-promocional {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 9px;
}

#taxas-inclusas-label {
    font-size: 13px;
    color: #949494;
}



#codigo-promocional-input {
    display: none;
}

#container-valor-total {
    background-color: #2B333F;
    padding: 15px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#valor-container {
}

#valor-total-label {
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    font-family: 'Roboto Condensed';
}

#valor-total-value {
    font-weight: 700;
    margin-left: 5px;
    font-size: 17px;
}

#valor-desc {
    color: grey;
    display: block;
    margin-top: 4px;
    font-size: 13px;
}


#politicas-e-condicoes {
    text-align: left;
    margin-top: 15px;
    font-size: 12px;
    color: grey;
}

#politicas-e-condicoes-label {
    margin-left: 5px;
}

.politicas-e-condicoes-check {
    height: 15px;
    width: 15px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}


    .politicas-e-condicoes-check > span {
        font-size: 28px;
        position: absolute;
        top: -7px;
        left: -4px;
    }

    .politicas-e-condicoes-check.unchecked {
        background-position: 36px 154px;
    }

#ciente-cartao-check-in {
    text-align: left;
    margin-top: 15px;
    font-size: 12px;
    color: grey;
}

#ciente-cartao-check-in-label {
    margin-left: 5px;
}

#ciente-cartao-check-in-check {
    height: 15px;
    width: 15px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}


    #ciente-cartao-check-in-check > span {
        font-size: 28px;
        position: absolute;
        top: -7px;
        left: -4px;
    }

    #ciente-cartao-check-in-check.unchecked {
        background-position: 36px 154px;
    }

#revisao-politicas,
#revisao-condicoes {
    color: rgb(77, 127, 245);
    cursor: pointer;
}

    #revisao-politicas:hover,
    #revisao-condicoes:hover {
        text-decoration: underline;
    }

#btn-finalizar-compra-paypal {
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    margin-top: 20px;
    display: none;
}

#btn-finalizar-compra {
    width: 245px;
    height: 40px;
    background-color: rgb(66, 209, 30);
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-weight: 700;
    margin: 0 auto;
    font-size: 18px;
    line-height: 40px;
    cursor: pointer;
    margin-top: 20px;
    display: none;
}

.btn-finalizar-compra-icone {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    position: relative;
    margin-right: 2px;
    margin-bottom: 2px;
}

    .btn-finalizar-compra-icone > span {
        color: #fff;
        font-size: 18px;
        position: absolute;
        top: 0;
        left: 0;
    }

#btn-finalizar-compra .icon-paypal {
    display: inline-block;
    background-image: url(img/paypal-texto.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    width: 70px;
    height: 27px;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 10px;
}

#btn-finalizar-compra.waiting,
#btn-finalizar-compra-paypal.waiting {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}

#btn-finalizar-compra:hover {
    background-color: rgb(78, 231, 39);
}

#finalizar-compra-loading {
    display: none;
    margin-top: 10px;
}




#modal-multi-aba-overlay {
    position: absolute;
    background-color: rgba(1, 8, 23, 0.74);
    height: 100%;
    width: 100%;
    z-index: 998;
    top: 0;
    left: 0;
    display: none;
}

#modal-multi-aba {
    height: 400px;
    width: 550px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -275px;
    margin-top: -200px;
    border-radius: 5px;
    text-align: center;
}


#bloco-pagamento-box-politicas-container {
    width: 280px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-22%);
}

#bloco-pagamento-box-politicas {
    padding: 17px;
    background-color: #fff;
    border: 1px solid lightgrey;
    border-radius: 10px;
}

#bloco-pagamento-box-politicas-titulo {
    font-size: 11px;
    font-weight: 700;
    color: rgb(110, 110, 110);
}

#bloco-pagamento-box-politicas-paragrafo {
    font-size: 12px;
    margin-top: 10px;
    color: grey;
    text-align: justify;
    line-height: 23px;
}

.item-acomodacao-quantidade-criancas-selector {
    width: 38px;
    display: inline-block;
    background-color: rgb(242, 243, 246);
    height: 30px;
    vertical-align: middle;
    border-radius: 3px;
    margin-left: 8px;
    cursor: pointer;
    border: 1px solid lightgrey;
    position: relative;
}

    .item-acomodacao-quantidade-criancas-selector:hover {
        background-color: rgb(236, 236, 236);
    }

.criancas-selector-label {
    display: inline-block;
    margin-left: 5px;
    margin-top: 7px;
    font-family: ARial;
    font-size: 12px;
}

    .criancas-selector-label::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 0;
        height: 0;
        border-top: 6px solid;
        border-bottom: 6px solid transparent;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        /* margin-bottom: 2px; */
        margin-top: 5px;
        margin-left: 7px;
    }

.criancas-selector-box {
    position: absolute;
    top: 28px;
    left: -1px;
    width: 130px;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgb(242, 243, 246);
    border: 1px solid lightgrey;
    border-radius: 3px;
    z-index: 99;
    text-align: left;
    cursor: default;
    display: none;
}

.criancas-box-idade-item {
    margin-bottom: 10px;
}

    .criancas-box-idade-item:last-of-type {
        margin-bottom: 0px;
    }

.crianca-box-idade-item-ico {
    display: inline-block;
    height: 15px;
    width: 15px;
    position: relative;
    cursor: pointer;
}

    .crianca-box-idade-item-ico > span {
        font-size: 22px;
        position: absolute;
        top: -4px;
        left: -6px;
    }

.crianca-box-idade-item-label {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}




.fieldset-info-hospedes-separador {
    display: none;
    font-size: 12px;
    color: lightgrey;
    border-bottom: 1px dotted lightgrey;
    padding-bottom: 5px;
    margin-bottom: -6px;
    margin-top: 5px;
}



.revisao-item-acomodacao-preco.recalculando,
.revisao-item-extras-preco.recalculando,
.revisao-item-taxa-preco.recalculando,
.revisao-item-desconto-preco.recalculando {
    font-size: 11px;
    color: lightgrey;
}


.box-descricao-lista-taxas {
    padding: 5px;
}

.box-descricao-lista-desconto-row,
.box-descricao-lista-taxas-row {
    display: inline-block;
    width: 100%;
    position: relative;
}

.box-descricao-lista-taxas-nome {
    float: left;
    display: inline-block;
    width: 80%;
}

.box-descricao-lista-taxas-valor {
    float: right;
    display: inline-block;
    width: 20%;
    text-align: right;
}

#moeda-desc {
    color: lightgrey;
    font-size: 13px;
    margin-top: 7px;
    display: block;
    line-height: 18px;
}

#link-cupom-desconto, #link-cupom-desconto-central {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: rgb(110, 110, 110);
}

    #link-cupom-desconto a, #link-cupom-desconto-central a {
        text-decoration: underline;
        cursor: pointer;
    }

#pagamento-inp-cupom-desconto, #pagamento-inp-cupom-desconto-central {
    width: 150px;
    color: #444444;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#button-validar-cupom-desconto, #button-validar-cupom-desconto-central {
    margin-top: 3px;
    margin-left: 0;
    color: #fff;
    box-shadow: none;
    border: none;
    height: 32px;
    border-top-right-radius: 3px;
    padding: 0 8px;
    border-bottom-right-radius: 3px;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: 'Roboto';
    cursor: pointer;
}

#container-input-cupom-desconto, #container-input-cupom-desconto-central {
    margin-top: 15px;
    display: none;
}

#cupom-desconto-mensagem-erro, #cupom-desconto-mensagem-erro-central {
    color: #ff2424;
    font-weight: 500;
    font-size: 13px;
    margin-top: 5px;
    display: none;
    box-sizing: border-box;
}

.bloco-formas-pagamento {
    border: 1px solid lightgrey;
    border-radius: 8px;
}

    .bloco-formas-pagamento .bloco-formas-pagamento-container {
        display: table;
        width: 100%;
    }

    .bloco-formas-pagamento .forma-pagamento-item {
        display: table-cell;
        padding: 5px 10px;
        width: 50%;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 13px;
        color: #444444;
        cursor: pointer;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .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: 41px;
        line-height: 26px;
    }

    .bloco-formas-pagamento .icon-paypal {
        display: block;
        background-image: url('img/paypal.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 23px;
    }

    .bloco-formas-pagamento .icon-paypal-white {
        display: none;
        background-image: url('img/paypal-white.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: top center;
        height: 23px;
    }

    .bloco-formas-pagamento span {
        vertical-align: middle;
    }

    .bloco-formas-pagamento .forma-pagamento-item.selected {
        background-color: #2B333F;
        color: white;
    }

    .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 {
    display: block;
    width: 595px;
    border: 2px solid #009ADC;
    border-radius: 10px;
    padding: 25px 20px;
    box-sizing: border-box;
    position: relative;
    margin: 15px 0;
}

    .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: #444444;
        font-size: 12px;
    }

    .bloco-paypal-informacoes .paypal-color {
        color: #009BDD;
    }

    .bloco-paypal-informacoes .separator {
        display: block;
        width: 100%;
        height: 0px;
        border: 0.04em dashed #009ADC;
        margin: 15px 0;
    }

    .bloco-paypal-informacoes .logo-top {
        position: absolute;
        top: -23px;
        left: 50%;
        transform: translateX(-50%);
        background-color: white;
        padding: 5px 10px;
    }

        .bloco-paypal-informacoes .logo-top .icon-paypal {
            display: block;
            background-image: url('img/paypal.png');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: top center;
            width: 110px;
            height: 27px;
        }


    .bloco-paypal-informacoes .paypal-question {
        line-height: 30px;
        font-size: 17px;
        font-weight: bold;
    }

    .bloco-paypal-informacoes .circle {
        border: 1px solid #009ADC;
        border-radius: 50%;
        width: 71px;
        height: 71px;
        margin-right: 10px;
    }

    .bloco-paypal-informacoes .parcelamento {
        float: left;
        width: 50%;
    }

    .bloco-paypal-informacoes .airplane {
        float: right;
        width: 50%;
    }

        .bloco-paypal-informacoes .parcelamento div,
        .bloco-paypal-informacoes .airplane div {
            display: inline-block;
            vertical-align: middle;
        }

    .bloco-paypal-informacoes .circle span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .bloco-paypal-informacoes .paypal-description {
        line-height: 16px;
        width: 430px;
        display: block;
    }

    .bloco-paypal-informacoes .phone {
        float: left;
        text-align: left;
    }

        .bloco-paypal-informacoes .phone .phone-number {
            font-size: 24px;
            font-weight: bold;
        }

    .bloco-paypal-informacoes .credit-cards {
        float: right;
        text-align: right;
    }

        .bloco-paypal-informacoes .credit-cards .icon-cards {
            margin-top: 2px;
            display: block;
            background-image: url('img/paypal-bandeiras.jpg');
            background-size: contain;
            background-repeat: no-repeat;
            background-position: top center;
            width: 235px;
            height: 27px;
        }


.politicas-e-condicoes-link {
    cursor: pointer;
}

    .politicas-e-condicoes-link:hover {
        text-decoration: underline;
    }

.box {
    padding: 10px 15px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    margin-top: 15px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
}

.box p{
    margin: 0;
    font-size: 11px;
}

.tooltip-alert {
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #E33737;
    position: absolute;
    top: 100%;
    padding: 12px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.2);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 200ms, -webkit-transform 200ms ease-out, visibility 0.01ms linear 200ms;
    transition: opacity 200ms, transform 200ms ease-out, visibility 0.01ms linear 200ms;
}

.tooltip-alert:before {
    position: absolute;
    content: '';
    display: block;
    bottom: 100%;
    right: 28px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #E33737;
}

.not-validated + .tooltip-alert,
.field-validation-error ~ .tooltip-alert {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 200ms, -webkit-transform 200ms ease-out, visibility 0.01ms linear;
    transition: opacity 200ms, transform 200ms ease-out, visibility 0.01ms linear;
}



    #confirmacao-detalhes-politica-content
    {
        margin-top: 35px;
    }


    #confirmacao-detalhes-reserva-content
    {
        background-color: #fff;
        margin-top: 35px;
        border-radius: 5px;
        display: inline-block;
        width: 976px;
        box-shadow: 2px 3px 6px lightgrey;
    }


    #confirmacao-detalhes-reserva-title 
    {
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 28px;
        color: rgb(68, 68, 68);
        display: block;
    }

    #confirmacao-detalhes-reserva-container
    {
        display: inline-block;
        width: 976px;
        display: none;
        border-top: 1px dotted rgb(176, 176, 176);
        padding-top: 35px;
    }

    #field-form-row-mid
    {

    }

    .btn-act
    {
        color: rgb(68, 68, 68);
        font-size: 19px;
        cursor: pointer;
        margin-bottom: 10px;
        display: list-item;
        list-style-position: inside;
        text-decoration: none;

    }

    .btn-act:hover
    {
        text-decoration: underline;
    }

    .btn-act-title
    {
        font-family: 'Roboto Condensed';
        font-weight: 700;
        font-size: 24px; 
        margin-bottom: 20px;
        margin-top: 40px;
        color: rgb(68, 68, 68);

    }

    .btn-act-title:first-child
    {
        margin-top: 0px;
    }

    #confirmacao-btn-container
    {
        text-align: left;


        display: inline-block;
        position: absolute;
        top: 85px;
        left: 54%;  
        display: none;
    }


    #webcheckin-btn
    {
        display: inline-block;
        color: #F0F0F0;
        margin-left: 20px;
        border: 2px solid rgb(90, 147, 251);
        padding: 10px;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 5px;
        font-size: 15px;
        font-weight: 500;
        cursor: pointer;
    }
    

    #webcheckin-text
    {
        margin-top: 34px;
        font-size: 16px;
        color: #F0F0F0;
        margin-right: 20px;
        display: inline-block;
    }


    #top-bar-webcheckin-invite
    {
        height: 0px;
        width: 100%;
        background-color: red;
        background-color: #2B333F;
        position: absolute;
        top: 50px;
        overflow: hidden;
        text-align: center;
    }



    /*---------------------------------------------------------------*/

    #confirmacao-ticket-container
    {
        display: block;
        margin: 0 auto;
        width: 460px;
    }

    /*COLOCAR EM ARQUIVO CSS*/
    #confirmacao-reserva-container
    {

        min-height: calc(100vh - 100px);
        text-align: center;      
          margin-top: 100px;

    }

    #confirmacao-titulo
    {
        font-family: 'Roboto Condensed';
          font-weight: 700;
  font-size: 26px;
  color: rgb(68, 68, 68);
  margin-top: 112px;
  margin-bottom: 30px;
  display: block;
    }


    #confirmacao-ticket,
    #confirmacao-ticket-butt
    {
        text-align: center;
        width: 460px;
        display: block;

        background-color: #fff;
        border: 1px solid lightgrey;
        position: relative;
    }

    
    #confirmacao-ticket
    {
        border-bottom: none;
    }

    #ticket-top
    {
        height: 150px;
        
        position: relative;
        background-size: 100% 100%;
    }

    #ticket-top-overlay
    {
        background-color: rgb(90, 147, 251);
        height: 100%;
        width: 100%;
        position: absolute;
        opacity: 0.9;
    }

    #ticket-endereco-hotel,
    #ticket-telefone-hotel
    {
        display: block;
        color: #fff;
        position: relative;
        z-index: 99;
        font-weight: 200;
    }

    #ticket-nome-hotel
    {
        font-family: 'Roboto Condensed';
        color: #fff;
        font-size: 26px;
        font-weight: 700;
        position: relative;
        z-index: 99;
        float: left;
        margin-top: 45px;
        max-height: 64px;
        overflow: hidden;
        width: 100%;
        margin-left: 0px;
        text-align: center;
        text-transform: uppercase;
    }


    .fake-inward-radius
    {
        height: 10px;
        width: 10px;
        display: inline-block;
        position: absolute;
        background-color: rgb(240, 240, 240);
        z-index: 10;
        border-color: lightgrey;
    }

    .fake-inward-radius-top-left
    {         
        left: 0;
        top:0;
        margin-left: -1px;
        margin-top: -1px;
        border-bottom-right-radius: 13px;
        border-right: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
  
    }

    .fake-inward-radius-top-right
    {
        right: 0;
        top: 0;
        margin-right: -1px;
        margin-top: -1px;
        border-bottom-left-radius: 13px;
        border-left: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
    }

    .fake-inward-radius-bottom-right
    {
        right: 0;
        bottom: 0;
        margin-right: -1px;
        margin-bottom: -1px;
        border-top-left-radius: 13px;
        border-left: 1px solid lightgrey;
        border-top: 1px solid lightgrey;
    }

    .fake-inward-radius-bottom-left
    {
        left: 0;
        bottom: 0;
        margin-left: -1px;
        margin-bottom: -1px;
        border-top-right-radius: 13px;
        border-right: 1px solid lightgrey;
        border-top: 1px solid lightgrey;
    }


    #ticket-corpo
    {
        display: inline-block;
        height: 290px;
        width: 87%;
        position: relative;

    }

    #imprimir-container
    {
        position: absolute;
        right: 0;
        top: 15px;
    }

    #imprimir-label
    {
        color: rgb(142, 142, 142);
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        display: inline-block;
    }
    #imprimir-label:hover
    {
        text-decoration: underline;
    }

    #imprimir-ico
    {
        display: inline-block;
        height: 18px;
        width: 18px;
        background-color: grey;
        vertical-align: middle;
        margin-left: 3px;
        
    }

    .field-form-row
    {
        float: left;
        height: 50px;
        width: 100%;
        text-align: left;
        margin-bottom: 30px;
        position: relative;
    }

    .field-form-row:first-child
    {
        margin-top: 29px;
    }

    .field-form-row:nth-child(4)
    {
          height: auto;
    }

    .confirmacao-field
    {
        display: inline-block;
        height: 100%;
        text-align: left;
        position:absolute;
           
    }

    .confirmacao-field:nth-child(2)
    {
       margin-left: 165px;
    }

    .confirmacao-field:nth-child(3)
    {
        margin-left: 310px;
    }



    .confirmacao-field-label
    {
        display: block;
        color: rgb(142, 142, 142);
        font-weight: 700;
        font-size: 12px;
    }

    .confirmacao-field-valor
    {
        display: block;
        font-weight: 700;
        font-size: 18px;
        color: rgb(68, 68, 68);
        margin-top: 2px;
    }

    .data-dia-semana
    {
          font-size: 13px;
  
  margin-left: 5px;
  font-weight: 500;
    }

    #localizador-container
    {
          display: inline-block;
    }

    #localizador-bloco
    {
          border: 1px solid lightgrey;
  display: inline-block;
  margin-top: 5px;
    }

    #localizador-valor
    {
  display: block;
  font-weight: 700;
  font-size: 30px;
  font-family: 'Roboto Condensed';
  color: rgb(68, 68, 68);
    margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 20px;
  margin-right: 20px;
    }


    #confirmacao-imagem
    {
        position: absolute;
        bottom: 0;
  right: 0;
      bottom: 53px;
    }


    #confirmacao-ticket-butt
    {
        height: 100px;
        border: 1px solid lightgrey;
        background-color: #fff;
        margin-bottom: 50px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top: 2px dashed lightgrey;
        text-align: left;
    }

    #confirmacao-ticket-butt .fake-inward-radius-top-left,
    #confirmacao-ticket-butt .fake-inward-radius-top-right
    {
          margin-top: -3px;
    }

    #ticket-butt-text
    {
        color: rgb(142, 142, 142);
        font-style: italic;
        display: block;
        width: 80%;
        margin: 0 auto;
        line-height: 20px;
        margin-top: 17px;
    }

    .noborder
    {
        border-color: transparent !important;
    }
#confirmacao-page-container {
    background-color: rgb(240,240,240);
    width: 976px;
    margin: 0 auto;
    min-height: 500px;
    position: relative;
    margin-top: 75px;
}


#box-resumo-reserva-container {
    top: 0;
    position: absolute;
    width: 310px;
    height: 455px;
    text-align: center;
    /*CORRIGE O FLICKNA ANIMAÇÃO DO SAFARI*/
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}


/*BOX RESUMO*/

#confirmacao-box-resumo {
    box-shadow: 2px 3px 6px lightgrey;
    width: 290px;
    background-color: #fff;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    /*CORRIGE O FLICKNA ANIMAÇÃO DO SAFARI*/
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}


#confirmacao-box-foto-hotel {
    width: 100%;
    height: 155px;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#confirmacao-box-resumo-status-pagamento {
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    left: -15px;
    z-index: 10;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
    min-width: 70px;
    text-align: center;
}

    #confirmacao-box-resumo-status-pagamento.confirmado {
        background-color: rgb(39, 177, 98);
    }

    #confirmacao-box-resumo-status-pagamento.processando {
        background-color: rgb(253, 193, 34);
    }

    #confirmacao-box-resumo-status-pagamento.negado {
        background-color: rgb(243, 73, 53);
    }

#confirmacao-box-foto-hotel > img {
    width: 100%;
}

/*CONTEUDO DO BOX*/
#confirmacao-box-conteudo {
    margin: 20px;
    text-align: left;
}

#confirmacao-box-conteudo-nomehotel {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    max-height: 50px;
    overflow: hidden;
    font-size: 21px;
    color: #3d3d3d;
}

#confirmacao-box-conteudo-cidadeestado {
    color: grey;
    font-size: 13px;
    font-weight: 500;
}


#confirmacao-box-conteudo-nomehospede {
    color: #3d3d3d;
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
}

#confirmacao-box-conteudo-qtdacompanhates {
    color: grey;
    font-size: 13px;
}


#confirmacao-box-checkincheckout-container {
    margin-top: 20px;
    border: 1px solid lightgrey;
}

#confirmacao-box-conteudo-checkout,
#confirmacao-box-conteudo-checkin {
    display: inline-block;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
}

#confirmacao-box-conteudo-checkin {
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
}

#confirmacao-box-conteudo-checkout {
    margin-left: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
}

#box-conteudo-checkin-label,
#box-conteudo-checkout-label {
    color: grey;
    font-weight: 200;
}


#confirmacao-box-localizador-label {
    margin-top: 20px;
    color: grey;
    font-size: 11px;
    font-weight: 500;
}

#confirmacao-box-localizador-value {
    border: 1px solid lightgrey;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    font-size: 20px;
    margin-top: 5px;
    color: #3d3d3d;
}




/*CONTAINER GLOBAL*/
.confirmacao-main-content {
    display: inline-block;
    width: 100%;
}


/*CONTAINER CONTEUDO DA DIREITA*/
.confirmacao-side-content {
    width: 595px;
    float: right;
    position: relative;
    margin-bottom: 105px;
}

/*CONTAINER CONTEUDO DA PARTE DE BAIXO*/
.confirmacao-bottom-content {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 1px;
}


.confirmacao-side-content-titulo {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #3d3d3d;
    font-size: 33px;
    /*width: 403px;*/
    /*margin-top: 15px;*/
}



.confirmacao-side-content-real-content {
    display: inline-block;
    width: 100%;
}

#confirmacao-processando-barra-loading-container {
    margin-top: 30px;
    box-shadow: 1px 1px 1px rgb(45, 149, 210);
    display: inline-block;
    border-radius: 5px;
}

#confirmacao-processando-desc {
    color: grey;
    font-size: 17px;
    margin-top: 30px;
    line-height: 30px;
}

    #confirmacao-processando-desc > div {
        margin-bottom: 40px;
    }


#confirmacao-reserva-content-final {
    display: none;
}

#pagamento-falhou-tentar-denovo {
    color: grey;
    font-size: 17px;
    margin: 20px 0;
    font-weight: 200;
}


#pagamento-falhou-novo-pagamento-container {
    width: 325px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 2px 3px 6px lightgrey;
    margin-top: 35px;
    position: relative;
    display: inline-block;
    text-align: center;
}


#pagamento-falhou-novo-pagamento-container-content {
    margin: 25px;
}

.pagamento-falhou-field {
    position: relative;
    text-align: left;
}

.pagamento-falhou-field-label {
    color: grey;
    font-size: 10px;
    font-weight: 500;
    margin-top: 15px;
}

.pagamento-falhou-field-value-inp {
    padding-left: 15px;
    width: calc(100% - 15px);
    margin-top: 3px;
    border: 1px solid lightgrey;
    height: 26px;
    border-radius: 5px;
    background-color: rgb(242, 243, 246);
    font-family: 'Roboto';
    color: #3d3d3d;
    font-size: 14px;
}

#inp-numero-cartao {
    height: 36px;
    padding-left: 65px;
    width: calc(100% - 65px);
}

#field-parcelamento {
    opacity: 0.3;
}

.pagamento-falhou-field-value-select {
    padding-left: 15px;
    width: 100%;
    margin-top: 3px;
    border: 1px solid lightgrey;
    height: 40px;
    border-radius: 5px;
    background-color: rgb(242, 243, 246);
    font-family: 'Roboto';
    color: #3d3d3d;
    font-size: 14px;
    cursor: pointer;
    margin-bottom: 15px;
}


#pagamento-falhu-cartao-ico {
    height: 20px;
    width: 45px;
    position: absolute;
    top: 21px;
    left: 8px;
    background-image: url(../Content/img/spritesheet-passo3.png);
    visibility: hidden;
}

    #pagamento-falhu-cartao-ico.visa {
        background-position: -5px -16px;
        visibility: visible;
        height: 28px;
        width: 52px;
    }

    #pagamento-falhu-cartao-ico.mastercard {
        background-position: -64px -17px;
        visibility: visible;
        top: 23px;
        height: 27px;
    }

    #pagamento-falhu-cartao-ico.hiper {
        background: url(../Content/img/hiper.png) no-repeat;
        background-position: 0px 3px;
        width: 53px;
        height: 28px;
        background-size: contain;
        visibility: visible;
    }

    #pagamento-falhu-cartao-ico.diners {
        background-position: -186px -17px;
        visibility: visible;
        height: 28px;
        top: 23px;
    }

    #pagamento-falhu-cartao-ico.elo {
        background-position: -7px -76px;
        visibility: visible;
        top: 23px;
        height: 25px;
    }

    #pagamento-falhu-cartao-ico.amex {
        background-position: -123px -18px;
        visibility: visible;
        height: 25px;
        width: 51px;
        top: 23px;
    }

.pagamento-falhou-field-small {
    text-align: left;
    display: inline-block;
    float: left;
}

.pagamento-falhou-inp-small {
    width: 55px;
    margin-top: 3px;
    border: 1px solid lightgrey;
    height: 30px;
    border-radius: 5px;
    background-color: rgb(242, 243, 246);
    font-family: 'Roboto';
    color: #3d3d3d;
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    padding-left: 3px;
}

#barra {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    font-size: 18px;
    color: grey;
}

#pagamento-falhou-inp-ano {
    width: 57px;
}

#field-codigo {
    margin-left: 13px;
}

.pagamento-falhou-field-value-inp-mini {
    width: 55px;
    margin-top: 3px;
    border: 1px solid lightgrey;
    height: 26px;
    border-radius: 5px;
    background-color: rgb(242, 243, 246);
    font-family: 'Roboto';
    color: #3d3d3d;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
}

#btn-refazer-pagamento {
    background-color: rgb(66, 209, 30);
    cursor: pointer;
    height: 40px;
    text-align: center;
    width: 200px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    margin-top: 6px;
    line-height: 39px;
}

    #btn-refazer-pagamento:hover {
        background-color: rgb(72, 224, 34);
    }






#reserva-confirmada-detalhes-reserva-container {
    display: inline-block;
    width: 100%;
    padding-top: 40px;
    margin-top: 60px;
    border-top: 1px dashed lightgrey;
}

#reserva-confirmada-detalhes-container {
    background-color: #fff;
    display: inline-block;
    margin-top: 40px;
    width: 100%;
    border-radius: 7px;
    box-shadow: 2px 3px 6px lightgrey;
}

#reserva-confirmada-politicas-container {
    margin-top: 40px;
}

#reserva-confirmada-detalhes-reserva-titulo {
    text-align: center;
    font-family: 'Roboto Condensed';
    color: #3d3d3d;
    font-weight: 700;
    font-size: 26px;
}


#reserva-confirmada-action-container {
    text-align: left;
    margin-top: 60px;
    position: relative;
}

#reserva-confirmada-action-container-title {
    font-family: 'Roboto Condensed';
    color: #3d3d3d;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
}


.reserva-action-row {
    display: table;
    margin-bottom: 30px;
}

.reserva-action-item {
    cursor: pointer;
    display: inline-block;
    color: #3d3d3d;
    font-size: 17px;
    width: 50%;
    margin: 5px 0;
}

    .reserva-action-item:hover {
        text-decoration: underline;
    }

    .reserva-action-item::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid #3d3d3d;
        margin-left: 2px;
        margin-bottom: 3px;
    }


#reserva-obrigado {
    margin-top: 60px;
    color: #3d3d3d;
    font-size: 18px;
    line-height: 30px;
}

@media print {
    #box-resumo-reserva-container, #reserva-confirmada-action-container, #reserva-obrigado {
        display: none;
    }

    .confirmacao-side-content, .confirmacao-side-content-titulo {
        width: 100%;
        text-align: center;
        height: auto;
        margin-bottom: 0;
    }
}


    #minhas-reservas-loading
    {
        margin-top: 25px;
        text-align: center;
        font-size: 17px;
        background-color: rgb(240, 240, 240);

    }

    

    

    
   

    /*---------------------------------------------------------------*/

    #minhas-reservas-container
    {
        min-height: calc(100vh - 100px);
    }

    


    .minhas-reservas-botao
    {
        height: 50px;
        display: inline-block;
        border-radius: 5px;
        cursor: pointer;
        
    }

    

    .minhas-reservas-botao-label
    {
        color: #fff;
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        float: left;
        margin-top: 15px;
        margin-left: 10px;
        margin-right: 38px;
    }

    .minhas-reservas-botao-icone
    {
        height: 25px;
        width: 30px;
        display: inline-block;
        margin-top: 13px;
        margin-left: 37px;
        position: relative;
        float: left;
    }
    .minhas-reservas-botao-icone > span
    {
          font-size: 32px;
  position: absolute;
  top: -5px;
  left: -1px;
    }

    /*Icone*/
    


    #btn-historico
    {
        margin-left: 15px;
    }

    #minhas-reservas-busca-container
    {
        height: 45px;
        width: 320px;
        
        display: none;
        float: right;
        margin-right: 15px;
    }

    #busca-input
    {
        color: grey;
        background-color: transparent;
        border: 0px;
        color: #fff;
        height: 100%;
        width: 250px;
        margin-left: 20px;
        float: left;
        font-size: 14px;
        font-style: italic;
    }

#busca-input::-webkit-input-placeholder {
color :rgba(255,255,255,0.9);
font-size: 11px;
}

#busca-input:-moz-placeholder { /* Firefox 18- */
color :rgba(255,255,255,0.9);
font-size: 11px; 
}

#busca-input::-moz-placeholder {  /* Firefox 19+ */
color :rgba(255,255,255,0.9);
font-size: 11px;
}

#busca-input:-ms-input-placeholder {  
color :rgba(255,255,255,0.9);
font-size: 11px;
}


    #busca-input:focus
    {
        outline: none;
    }

    #busca-icone
    {
        float: right;
        height: 25px;
        width: 25px;
        margin-top: 10px;
        margin-right: 15px;
        
        background-position: -16px -18px;
        
    }

    .minhas-reservas-sec-title
    {
        display: block;
        text-align: center;
        font-size: 25px;
        font-weight: 700;
        font-family: 'Roboto Condensed';
        color: rgb(68, 68, 68);
        margin-top: 50px;
    }










#pagina-minhas-compras #loading-container
{
    margin-top: 100px;
}


#pagina-minhas-compras #loading
{
    font-size: 18px;
    display: block;
    text-align: center;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  /*max-width: 276px;*/
  padding: 1px;

  line-height: 1.42857143;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

#destino, #datas, #adultos, #criancas, #modificarBusca {
    color: #fff;
}


#busca-flutuante-label-destino {
    max-width: 117px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#busca-flutuante-warning {
    display: none;
    z-index: 998;
    height: 30px;
    text-align: center;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid;
    line-height: 30px;
    font-weight: 500;
    position: fixed;
    top: 50px;
}

#busca-flutuante-content {
    text-align: center;
    color: #fff;
}

#busca-flutuante {
    display: none;
    position: fixed;
    z-index: 9999;
    height: 50px;
    top: 0;
    width: 100%;
    height: 50px;
    cursor: pointer;
}

    #busca-flutuante:hover {
        opacity: 1;
    }

.busca-flutuante-field {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    margin-left: 15px;
    position: relative;
}

.busca-flutuante-field-icon {
    position: relative;
    height: 50px;
    width: 50px;
    display: inline-block;
    float: left;
}

.busca-flutuante-field-label {
    display: inline-block;
    float: left;
}

.busca-flutuante-field-icon > span {
    position: absolute;
    top: 0;
    left: 0;
}

#busca-flutuante-icon-destino {
    font-size: 45px;
}

#busca-flutuante-icon-periodo {
    font-size: 30px;
    margin-left: 9px;
    margin-top: 9px;
}

#busca-flutuante-icon-adultos {
    font-size: 52px;
    margin-top: -3px;
    margin-left: -1px;
}

#busca-flutuante-icon-criancas {
    font-size: 50px;
    margin-left: -2px;
    margin-top: -1px;
}

.busca-flutuante-field-label {
    font-weight: 500;
    font-size: 16px;
    margin-top: 15px;
}


#busca-flutuante-label-modificar-busca {
    font-size: 15px;
    margin-top: -33px;
}

    #busca-flutuante-label-modificar-busca::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid #fff;
        margin-left: 5px;
    }

#busca {
    height: 70px;
    width: 100%;
    min-width: 1024px;
    overflow: hidden;
}

#busca-fechada-container {
    height: 50px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.calendario-tooltip {
    position: absolute;
    min-width: 60px;
    display: none;
    z-index: 999;
    top: 45px;
    left: 0px;
    text-align: left;
    padding: 10px;
    white-space: nowrap;
}

    .calendario-tooltip:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 6px;
        /*margin-left: -36%;*/
        left: 21px;
    }

.tp-data {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.tp-chegada,
.tp-saida {
    font-size: 12px;
}


.tp-restricao, .tp-checkin {
    color: #fff;
    font-size: 12px;
    display: none;
}

.bloco-checkin-restrito
{
    opacity: 0.8;
    
}
.bloco-checkin-restrito.off 
{
    opacity: 1 !important;
}


#webcheckin-header
{   
    height: 70px;
}

#webcheckin-header-titulo-container
{
    display: inline-block;
    margin-top: 18px;
}

#webcheckin-header-icon
{
    display: inline-block;
    height: 30px;
    width: 30px;
    position: relative;
}

#webcheckin-header-icon > span
{
    font-size: 40px;
    position: absolute;
    left: -6px;
    top: -2px;
}

#webcheckin-header-titulo
{
    font-family: 'Roboto Condensed';
    display: inline-block;
    font-weight: 700;
    font-size: 26px;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 10px;
}

#webcheckin-header-btn-imprimir
{
    display: inline-block;
    float: right;
    background-color: #222329;
    padding: 7px;
    padding-left: 13px;
    padding-right: 13px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 5px;
}

#webcheckin-header-btn-imprimir-icon
{
    display: inline-block;
    position: relative;
}

#webcheckin-header-btn-imprimir-icon > span
{
    font-size: 20px;
}

#webcheckin-header-btn-imprimir-label
{
    display: inline-block;
    font-weight: 500;
    vertical-align: top;
    margin-top: 3px;
    margin-left: 5px;
}



#webcheckin-top-paragraph
{
    text-align: center;
    font-size: 14px;
    color: grey;
    margin-top: 40px;
}


#webcheckin-content
{
    margin-top: 40px;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

/*form container aqui*/
#webcheckin-form-container
{
    display: inline-block;
    float: left;
    width: 635px;  
}



.webckn-item-quarto
{
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid lightgrey; /*NOT SURE*/
    box-shadow: 2px 3px 6px lightgrey;
    text-align: left;
    padding: 20px;
    margin-bottom: 25px;
    height: 470px;
}




.webckn-item-quarto-titulo-container
{

}


.webckn-titulo-icone
{
    position: relative;
    display: inline-block;
    height: 30px;
    width: 35px;
}

.webckn-titulo-icone > span
{
    font-size: 38px;
    position: absolute;
    top: -4px;
    left: -1px;
}

.webckn-titulo-label
{
    color: #444444;
    font-family: "Roboto Condensed";
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: top;
    margin-top: 6px;
    margin-left: 10px;
}


.webckn-item-quarto-formulario
{
    margin-top: 15px;
}

.webckn-hospede-principal-label
{
    display: inline-block;
    font-weight: 500;
    color: #444444;
    font-size: 11px;
}



.webckn-form-selecaohospedes
{
    padding: 5px;
    font-family: 'Roboto';
    cursor: pointer;
    margin-bottom: 25px;
    margin-left: 5px;
    width: 175px;
}

.webckn-form-row
{
    margin-bottom: 15px;
}

.webckn-form-row:last-child
{
    margin-bottom: 0px;
}



.webckn-form-field
{
    display: inline-block;
}

.webckn-form-field-label
{
    font-size: 10px;
    color: grey;
    font-weight: 500;
}

.webckn-form-field-value
{
    margin-top: 3px;
    width: 122px;
    height: 20px;
    padding: 5px;
    border-radius: 2px;
    font-family: 'Roboto';
    border: 1px solid lightgrey;
    font-size: 12px;
    color: #444444;
}

.webckn-form-field-value-select
{
    border: 1px solid lightgrey;
    height: 32px;
    font-family: 'Roboto';
    color: grey;
    width: 100px;
    cursor: pointer;
    margin-top: 3px;
    
}

.webckn-form-field-value.validated,
.webckn-form-field-value-select.validated
{
    border-color: lightgreen;
    background-color: rgba(144, 238, 144, 0.31);
}



.webckn-form-field-value.not-validated,
.webckn-form-field-value-select.not-validated
{
    border-color: red;
    background-color: pink;
}

.webckn-form-field-value:focus
{
    outline: none;
    background-color: #D9E6F1 !important;
    border-color: #B5D3EC !important;
}

.webckn-field-nome-completo {
    margin-right: 15px;
}

.webckn-field-telefone
{
    margin-left: 15px;
}

.webckn-field-profissao
{
    margin-left: 15px;
}

.webckn-field-nacionalidade
{
    margin-left: 15px;
}


.inp-webckn-idade
{
    width: 25px;
    text-align: center;
}

.inp-webckn-email
{
    width: 395px;
}

.webckn-label-dtnascimento {

}

.webckn-field-sexo
{
    margin-left: 15px;
}

.inp-webckn-documento
{
    width:200px;
}

.webckn-field-numero-documento
{
    margin-left: 15px;
}

.webckn-field-orgao-expedidor
{
    margin-left: 15px;
}

.inp-webckn-orgao-expedidor
{
   
}


.webckn-field-endereco,
.webckn-field-numero,
.webckn-field-complemento,
.webckn-field-estado,
.webckn-field-cidade
{
    margin-left: 15px;
}


.inp-webckn-numero,
.inp-webckn-complemento
{
    width: 50px;
    text-align: center;
}

.inp-webckn-endereco
{
    width: 267px;
}


.inp-webckn-pais,
.inp-webckn-estado,
.inp-webckn-cidade
{
    width: 181px;
}

.webckn-form-btn
{
    text-align: right;
}

.webckn-form-btn-salvar
{
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 20px;
    font-weight: 500;
}




/*box de reserva*/
#webcheckin-reserva-box
{
    background-color: green;
    display: inline-block;
    float: right;
    width: 300px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    box-shadow: 2px 3px 6px lightgrey;

    border: 1px solid lightgrey; /*NOT SURE*/
}


#webckn-reserva-box-foto
{
    background-color: pink;
    height: 160px;
    display: inline-block;
    width: 100%;
}

#webckn-reserva-box-content
{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 89%;
    display: inline-block;
    text-align: left;
}


#webckn-reserva-box-nomehotel
{
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 21px;
    color: #444444;
}

#webckn-reserva-box-cidade-estado
{
    font-weight: 500;
    color: grey;
    font-size: 13px;
}


#webckn-reserva-box-row-infos
{
    text-align: center;
    margin-top: 25px;
}

.webckn-row-item
{
    display: inline-block;
    text-align: center;
    width: 32%;

}

.webckn-row-item-label
{
    font-size: 12px;
    color: grey;
    font-weight: 500;
}

.webckn-row-item-value
{
    font-weight: 500;
    color: #444444;
}


#webckn-reserva-box-row-checkin-checkout
{
    margin-top: 25px;
    display: inline-block;
    width: 92%;
    border: 1px solid lightgrey;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}


.webckn-item-checkinout
{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
}

.webckn-item-checkinout:first-child
{
    float: left;
}
.webckn-item-checkinout:last-child
{
    float: right;
}

.webckn-item-checkinout-label
{
    display: inline-block;
    color: grey;
    font-weight: 500;
}

.webckn-item-checkinout-value
{
    display: inline-block;
    color: #444444;
    font-weight: 700;
}


#wbckn-localizador-container
{
    margin-top: 25px;
}

#webckn-localizador-label
{
    font-weight: 700;
    color: grey;
    font-size: 11px;
}

#webckn-localizador-value
{
    text-align: center;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #444444;
    font-size: 25px;
    border: 1px solid lightgrey;
    padding: 10px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 3px;
}



/*BLOCO DO QUARTO FECHADO!*/
.webckn-item-quarto-fechado
{
    background-color: #F2F3F6;
    border-radius: 5px;
    border: 1px solid lightgrey;
    box-shadow: 2px 3px 6px lightgrey;
    text-align: left;
    padding: 20px;
    margin-bottom: 25px;
    display: none;
    height: 115px;
}


.webckn-fechado-titulo
{
    margin-top: -3px;
}

.webckn-fechado-t-icone
{
    position: relative;
    display: inline-block;
}

.webckn-fechado-t-icone > span
{
    color: grey;
    font-size: 30px;
}

.webckn-fechado-t-titulo
{
    font-family: 'Roboto Condensed';
    font-weight: 700;
    display: inline-block;
    color: grey;
    text-transform: uppercase;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
}

.webckn-fechado-btn-editar
{
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: -5px;
    margin-right: -3px;
}



.webckn-fechado-editar-icon
{
    position: relative;
    display: inline-block;
    height: 15px;
    width: 15px;
}

.webckn-fechado-editar-icon > span
{
    font-size: 20px;
    position: absolute;
}

.webckn-fechado-editar-label
{
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.webckn-fechado-editar-label:hover
{
    text-decoration: underline;
}

.webckn-fechado-form {
    margin: 15px 0;
}

.webckn-fechado-form-nome
{
    color: grey;
    font-size: 12px;
}

.webckn-fechado-form-nome::before
{
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 10px;
    display: inline-block;
    background-color: grey;
    margin-bottom: 2px;
    margin-right: 7px;
}

.webckn-fechado-form-info
{
    margin-top: 5px;
        margin-left: 10px;
}

.webckn-fechado-form-info
{
    color: #afafaf;
    font-size: 12px;
    height: 15px;
    overflow: hidden;
}


#btn-finalizar-webcheckin
{

    display: inline-block;
    float: right;
    padding: 51px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;

    cursor: pointer;
    font-weight: 500;
    font-size: 17px;

}

#btn-finalizar-webcheckin.aguardando
{
    pointer-events: none;
    opacity: 0.5;
}


#webckn-label-orgao-expedidor
{
    
}

#webckn-label-complemento
{
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#pagina-produtos-container {
}

#pagina-produtos-imagem-topo-container {
    position: relative;
    height: 240px;
    overflow: hidden;
}

#pagina-produtos-imagem-topo {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#pagina-produtos-content {
    min-height: 800px;
    margin-top: -100px;
}

#produtos-box-titulo {
    background-color: #fff;
    width: 100%;
    height: 185px;
    box-shadow: 2px 0px 12px #696969;
    box-shadow: 2px 2px 7px lightgrey;
}

#produtos-box-titulo-titulo {
    text-align: center;
    padding-top: 40px;
    font-family: 'Roboto Condensed';
    color: #444444;
    font-size: 27px;
    font-weight: 700;
}

#produtos-box-titulo-subtitulo {
    text-align: center;
    color: grey;
    font-size: 15px;
    padding-top: 34px;
}

    #produtos-box-titulo-subtitulo.subtitulo-link {
        padding-top:, 5px;
        cursor: pointer;
        font-size: 13px;
        padding-top: 5px;
    }

        #produtos-box-titulo-subtitulo.subtitulo-link:hover {
            text-decoration: underline;
        }

        #produtos-box-titulo-subtitulo.subtitulo-link:after {
            content: "";
            display: inline-block;
            vertical-align: bottom;
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 4px solid transparent;
            border-left: 5px solid;
            margin-left: 5px;
            margin-bottom: 3px;
        }

#pagina-produtos-listagem {
    margin-top: -15px;
}

    #pagina-produtos-listagem #loading {
        font-size: 18px;
        display: block;
        text-align: center;
    }


.box-container-produto {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 7px lightgrey;
    margin-bottom: 25px;
    border-radius: 7px;
    position: relative;
    text-align: center;
}

.overlay-no-carrinho {
    position: absolute;
    z-index: 99;
    height: 0px;
    width: 0px;
    bottom: 30px;
    right: 30px;
    color: rgba(66, 209, 30, 1);
    background-color: red;
    border-radius: 7px;
    overflow: hidden;
}



    .overlay-no-carrinho .icon-cart {
        font-size: 115px;
        color: #fff;
        margin-top: -45px;
        margin-left: -20px;
        display: inline-block;
    }

.label-adicionado-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 38px;
    text-align: center;
    height: 30px;
    display: none;
}

.label-adicionado {
    vertical-align: top;
    font-size: 26px;
    margin-left: -20px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
}

.overlay-produto-indisponivel {
    position: absolute;
    z-index: 99;
    height: 0px;
    width: 0px;
    bottom: 30px;
    right: 30px;
    color: #fff;
    background-color: #ff5858;
    border-radius: 7px;
    overflow: hidden;
}

    .overlay-produto-indisponivel .icon-alerta {
        font-size: 115px;
        color: #fff;
        margin-top: -45px;
        margin-left: -20px;
        display: inline-block;
    }

.label-indisponibilidade-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 38px;
    text-align: center;
    height: 30px;
    display: none;
}

.label-indisponibilidade {
    vertical-align: top;
    font-size: 26px;
    margin-left: -20px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
}

.overlay-quantidade-limite-produto-ja-adicionada {
    position: absolute;
    z-index: 99;
    height: 0px;
    width: 0px;
    bottom: 30px;
    right: 30px;
    color: #fff;
    background-color: #ff5858;
    border-radius: 7px;
    overflow: hidden;
}

    .overlay-quantidade-limite-produto-ja-adicionada .icon-alerta {
        font-size: 115px;
        color: #fff;
        margin-top: -45px;
        margin-left: -20px;
        display: inline-block;
    }

.label-quantidade-limite-ja-adicionada-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 38px;
    text-align: center;
    height: 30px;
    display: none;
}

.label-quantidade-limite-ja-adicionada {
    vertical-align: top;
    font-size: 26px;
    margin-left: -20px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
}

.overlay-produto-disponivel-quantidade-menor {
    position: absolute;
    z-index: 99;
    height: 0px;
    width: 0px;
    bottom: 30px;
    right: 30px;
    color: #fff;
    background-color: #ff5858;
    border-radius: 7px;
    overflow: hidden;
}

    .overlay-produto-disponivel-quantidade-menor .icon-alerta {
        font-size: 115px;
        color: #fff;
        margin-top: -45px;
        margin-left: -20px;
        display: inline-block;
    }

.label-disponivel-quantidade-menor-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 38px;
    text-align: center;
    height: 30px;
    display: none;
}

.label-disponivel-quantidade-menor {
    vertical-align: top;
    font-size: 26px;
    margin-left: -20px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
}

.overlay-produto-antecedencia-minima {
    position: absolute;
    z-index: 99;
    height: 0px;
    width: 0px;
    bottom: 30px;
    right: 30px;
    color: #fff;
    background-color: #ff5858;
    border-radius: 7px;
    overflow: hidden;
}

    .overlay-produto-antecedencia-minima .icon-alerta {
        font-size: 115px;
        color: #fff;
        margin-top: -45px;
        margin-left: -20px;
        display: inline-block;
    }

.label-antecedencia-minima-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 38px;
    text-align: center;
    height: 30px;
    display: none;
}

.label-antecedencia-minima {
    vertical-align: top;
    font-size: 26px;
    margin-left: -20px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
}

.box-container-produto-content {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 93%;
    display: inline-block;
    min-height: 165px;
    position: relative;
}

.box-produto-foto-container {
    max-width: 180px;
    text-align: center;
    float: left;
    margin-top: 5px;
    position: relative;
}

.box-container-produto-foto {
    /*max-height: 150px;*/
    max-width: 180px;
    /*
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
        */
    margin: auto;
}

.produto-mais-informacoes,
.produto-menos-informacoes {
    position: relative;
    top: 5px;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 13px;
    color: #000066;
    font-weight: 500;
}

    .produto-mais-informacoes:after,
    .produto-menos-informacoes:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 4px solid;
        margin-left: 5px;
    }

    .produto-mais-informacoes:hover,
    .produto-menos-informacoes:hover {
        text-decoration: underline;
    }

.box-container-produto.small .produto-mais-informacoes,
.box-container-produto.small .produto-menos-informacoes {
    font-size: 12px;
}

.box-produto-informacoes {
    width: 69.7%;
    position: relative;
    margin-left: 204px;
    text-align: left;
}



.produto-informacoes-nome-produto {
    font-family: "Roboto Condensed";
    font-size: 18px;
    font-weight: 700;
    color: #444444;
    display: inline-block;
    line-height: 30px;
}

.avulso.small .produto-informacoes-nome-produto {
    padding-left: 28px;
    padding-bottom: 10px;
    vertical-align: middle;
}

    .avulso .produto-informacoes-nome-produto.truncate {
        width: 65%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.label-produto-percentual-desconto {
    border: 1px solid #EF6620;
    color: #EF6620;
    float: right;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    padding: 5px;
}

.agendavel .label-produto-percentual-desconto,
.ingresso .label-produto-percentual-desconto,
.transfer .label-produto-percentual-desconto {
    right: 20px;
    position: absolute;
    top: 0;
}

.avulso .label-produto-percentual-desconto {
    float: right;
}

.produto-informacoes-descricao-produto {
    color: #525252;
    font-size: 13px;
    margin-top: 5px;
    line-height: 20px;
    text-align: justify;
}

.mais-infos-overlay,
.mais-infos-overlay2 {
    background-color: #fff;
    display: block;
    width: 100%;
    height: 20px;
}

.mais-infos-overlay {
    opacity: 0.5;
    margin-top: -40px;
}

.mais-infos-overlay2 {
    opacity: 0.7;
}

.produto-table-form {
    margin-top: 10px;
    float: left;
    width: 75% !important;
    display: block;
}

    .produto-table-form tbody {
        display: block;
        width: 100%;
    }

    .produto-table-form select {
        background-color: transparent;
    }

    .produto-table-form .produto-table-label {
        text-align: right;
        vertical-align: middle;
        /*vertical-align: top;
        padding-top: 11px;*/
    }

    .produto-table-form .produto-table-desc {
        text-align: left;
        color: grey;
        font-size: 12px;
        vertical-align: middle;
    }


    .produto-table-form td {
        padding: 5px;
        padding-bottom: 3px;
        padding-top: 3px;
    }

.produto-select-field-container,
.produto-datepicker-field-container {
    width: 70%;
    text-align: center;
}

.produto-datepicker-field-container-small {
    text-align: center;
    width: 70%;
}

.produto-datepicker-botao-small {
    line-height: 33px;
    border-radius: 5px;
    color: grey;
    cursor: pointer;
    border: 1px solid darkgrey;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 14px;
    overflow: hidden;
    width: 91px;
    font-size: 13px;
}

    .produto-datepicker-botao-small:hover {
        background-color: #F3F3F3;
    }

.produto-table-label span,
.produto-table-label span {
    color: #444444;
    font-size: 13px;
    display: block;
}

.produto-select-field-container > select,
.produto-datepicker-field-container .produto-datepicker-botao {
    height: 37px;
    line-height: 37px;
    border-radius: 5px;
    color: grey;
    cursor: pointer;
}

    .produto-datepicker-field-container .produto-datepicker-botao.ativo {
        background-color: #F5F5F5;
    }

.produto-select-field-container > select {
    padding-left: 10px;
    width: 245px;
    font-size: 13px;
}

.produto-datepicker-botao {
    border: 1px solid darkgrey;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 12px;
    width: 231px;
    height: 37px;
    line-height: 37px;
    font-size: 13px;
}

    .produto-datepicker-botao-small:after,
    .produto-datepicker-botao:after {
        content: "\25be";
        float: right;
        margin-right: 3px;
        font-size: 18px;
        margin-top: 2px;
    }

.produto-select-small-field-container > select {
    height: 37px;
    line-height: 37px;
    border-radius: 5px;
    color: grey;
    cursor: pointer;
    width: 70px;
    padding-left: 8px;
}

    .produto-select-small-field-container > select:last {
        margin-left: 0px;
    }

.produto-idade-pax {
    color: grey !important;
    font-size: 12px !important;
}

.produto-container-adicionar {
    width: 115px;
    position: relative;
    float: right;
    top: 10px;
}

.produto-container-adicionar-botao {
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    margin-top: 15px;
}


.produto-container-adicionar-legenda-superior {
    display: block;
    font-size: 12px;
    color: grey;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 2px;
}

    .produto-container-adicionar-legenda-superior .preco-sem-desconto {
        text-decoration: line-through;
        color: silver;
    }

    .avulso:not(.small) .produto-container-adicionar-legenda-superior {
        text-align: center;
    }

.produto-container-adicionar-legenda-valor {
    display: block;
    color: #F26315;
    font-size: 18px;
    font-weight: 700;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .produto-container-adicionar-legenda-valor .preco-desconto {
        color: #25ce2d;
    }

.produto-container-adicionar-legenda-inferior {
    font-size: 12px;
    color: grey;
    display: block;
}

.produto-container-adicionar-legenda-promo {
    display: block;
    color: #57C064;
    font-size: 13px;
    font-weight: 500;
    margin-top: 10px;
    white-space: nowrap;
    letter-spacing: 0.3px;
}


.produto-descricao-complementar {
    display: none;
    position: relative;
    color: grey;
    text-align: justify;
    max-height: 250px;
    overflow: auto;
    font-size: 13px;
    padding: 10px 20px;
    margin: 5px 25px 25px;
    border: 1px solid rgba(169, 169, 169, 0.38);
    box-shadow: 2px 2px 7px rgba(211, 211, 211, 0.53);
    border-radius: 7px;
    -mox-border-radius: 7px;
    -webkit-border-radius: 7px;
}


.produto-politica-item {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px dashed lightgrey;
    text-align: justify;
    line-height: 20px;
}

    .produto-politica-item:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 5px;
        height: 5px;
        margin-bottom: 2px;
        background-color: lightgrey;
        border-radius: 10px;
    }

    .produto-politica-item:last-child {
        border-bottom: 0px;
        padding-bottom: 10px;
    }

    .produto-politica-item:first-child {
        padding-top: 10px;
    }

.box-container-content {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 92%;
    padding: 20px;
    display: inline-block;
    position: relative;
    text-align: left;
}

#pagina-confirmacao-ingresso {
}

#ingresso-processando-pagamento {
    text-align: center;
}



    #ingresso-processando-pagamento #label {
        font-family: "Roboto Condensed";
        font-size: 36px;
        font-weight: 700;
        color: #2B333F;
        padding: 60px;
    }

    #ingresso-processando-pagamento #loading {
        display: inline-block;
        padding: 20px;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 2px 2px 7px lightgrey;
        margin-bottom: 60px;
    }

    #ingresso-processando-pagamento #desc-1 {
        color: grey;
        font-size: 17px;
        margin-bottom: 10px;
    }

    #ingresso-processando-pagamento #desc-2 {
        color: grey;
        font-size: 17px;
        font-weight: 500;
        color: #606060;
        margin-bottom: 60px;
    }

    #ingresso-processando-pagamento #desc-obrigado {
        color: grey;
        font-size: 17px;
        margin-bottom: 10px;
    }

    #ingresso-processando-pagamento #nome-parque {
        color: grey;
        font-size: 17px;
        font-style: italic;
    }

#ingresso-resultado-final {
}



#ingresso-pagamento-confirmado-conteudo {
}


    #ingresso-pagamento-confirmado-conteudo #label {
        font-family: "Roboto Condensed";
        font-size: 36px;
        font-weight: 700;
        color: #2B333F;
        padding: 60px;
        text-align: center;
    }



.compra-ingressos-container {
    text-align: center;
    padding-bottom: 60px;
    border-bottom: 1px dashed lightgrey;
}

.compra-ingresso-box {
    background-color: #fff;
    text-align: left;
    display: inline-block;
    height: 175px;
    border-radius: 7px;
    position: relative;
    box-shadow: 2px 2px 7px lightgrey;
    margin-top: 25px;
    width: 100%;
}

    .compra-ingresso-box:first-child {
        margin-top: 0px;
    }

    .compra-ingresso-box img {
        width: 210px;
        height: 100%;
        float: left;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }

.compra-ingresso-informacoes {
    float: left;
    margin-left: 35px;
}

.compra-ingresso-nome {
    font-family: "Roboto Condensed";
    margin-top: 28px;
    font-size: 22px;
    font-weight: 700;
    color: #444444;
}

.compra-ingresso-detalhes {
    margin-top: 25px;
    float: left;
    min-width: 225px;
}

.compra-ingresso-detalhes-campo {
    float: left;
    clear: both;
    margin-bottom: 25px;
}

.compra-ingresso-detalhes-campo-label {
    color: #444444;
    font-size: 14px;
    float: left;
}

.compra-ingresso-detalhes-campo-valor {
    float: left;
    color: grey;
    font-size: 14px;
    margin-left: 10px;
}

.compra-data-box {
    float: right;
    height: 100%;
    border-left: 1px dashed lightgrey;
    position: relative;
    width: 275px;
}

.compra-ingresso-botao-imprimir,
.compra-ingresso-botao-ver-deltalhes {
    width: 200px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    line-height: 40px;
    font-weight: 500;
    font-size: 13px;
    position: relative;
    float: right;
}

.compra-ingresso-botao-imprimir {
    margin-left: 20px;
    background-color: #323740;
    color: #fff;
}

    .compra-ingresso-botao-imprimir > .icon-imprimir-btn {
        margin-right: 10px;
        font-size: 19px;
        vertical-align: sub;
    }

    .compra-ingresso-botao-imprimir:hover {
        background-color: #3F4550;
    }

.compra-ingresso-botao-ver-deltalhes {
}

    .compra-ingresso-botao-ver-deltalhes > .icon-cartao-credito {
        margin-right: 8px;
        font-size: 29px;
        vertical-align: middle;
        margin-bottom: 4px;
        display: inline-block;
    }


.bolinha-tkt-top-right {
    height: 20px;
    width: 20px;
    background-color: #F0F0F0;
    top: -8px;
    position: absolute;
    left: -10px;
    border-radius: 50px;
}

.bolinha-tkt-top-left {
    height: 20px;
    width: 20px;
    background-color: #F0F0F0;
    top: -8px;
    position: absolute;
    left: -9px;
    border-radius: 50px;
}

.bolinha-tkt-bottom-right {
    height: 20px;
    width: 20px;
    background-color: #F0F0F0;
    position: absolute;
    bottom: 0;
    left: -11px;
    bottom: -10px;
    border-radius: 50px;
}

.bolinha-tkt-bottom-left {
    height: 20px;
    width: 20px;
    background-color: #F0F0F0;
    position: absolute;
    bottom: 0;
    left: -8px;
    bottom: -7px;
    border-radius: 50px;
}

/*
.balao-confirmado
{
    background-color: #0DC35F;
    color: #fff;
    display: inline-block;
    position: absolute;
    left: -11px;
    top: 13px;
    padding: 10px;
    font-size: 11px;
    font-weight: 500;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;

}
*/

#detalhes-compra-container {
    text-align: center;
    margin-top: 50px;
}

#detalhes-compra-label,
#politicas-compra-label {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    color: #444444;
    font-size: 27px;
}


#box-detalhes-compra,
#box-extrato-compra {
    margin-top: 50px;
    background-color: #fff;
    padding: 35px;
    margin-top: 60px;
    background-color: #fff;
    padding: 35px;
    display: inline-block;
    width: calc(100% - 70px);
    box-shadow: 2px 2px 7px lightgrey;
    position: relative;
}

#box-extrato-compra {
    margin-top: 30px;
    padding-bottom: 100px;
}

.campo-codigo-compra {
    display: inline-block;
    text-align: left;
    float: right;
    margin-left: 35px;
    margin-top: 28px;
    width: 27%;
}

    .campo-codigo-compra:first-child {
        margin-left: 0px;
        margin-top: 0px;
        float: left;
        width: 30%;
    }

.label-field-compra {
    color: grey;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}

#numero-codigo-compra {
    font-family: "Roboto Condensed";
    font-size: 32px;
    border: 1px solid lightgrey;
    text-align: center;
    padding: 15px;
    min-width: 100px;
    font-weight: 700;
}

.status-compra-aprovado {
    line-height: 34px;
    font-size: 11px;
    font-weight: 700;
    color: #0DC35F;
}

.status-compra-processando {
    line-height: 34px;
    font-size: 11px;
    font-weight: 700;
    color: rgb(253, 193, 35);
}

.status-compra-negado {
    line-height: 34px;
    font-size: 11px;
    font-weight: 700;
    color: rgb(243, 74, 51);
}

.status-compra-aprovado .icon-confirmado {
    font-size: 50px;
    vertical-align: top;
    margin-left: -8px;
    display: inline-block;
    margin-top: -8px;
    margin-right: -1px;
}

.status-compra-processando .icon-alerta {
    font-size: 27px;
    vertical-align: top;
    display: inline-block;
    margin-top: 2px;
    margin-right: 5px;
}

.status-compra-negado .icon-negado {
    font-size: 47px;
    vertical-align: top;
    margin-left: -8px;
    display: inline-block;
    margin-top: -7px;
    margin-right: -1px;
}

#detalhes-compra-row-1,
#detalhes-compra-row-2 {
    display: inline-block;
    width: 100%;
}

#detalhes-compra-row-2 {
    border-top: 1px dotted lightgrey;
    margin-top: 25px;
    padding-top: 25px;
    text-align: left;
}

.detalhes-compra-listagem-itens {
}

.detalhes-compra-listagem-item {
    display: inline-block;
    width: 100%;
    border-top: 1px dotted lightgrey;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .detalhes-compra-listagem-item:first-child {
        border-top: none;
        padding-top: 10px;
    }

.detalhes-compra-bloco-left {
    float: left;
}

.detalhes-compra-listagem-item .nome-item {
    font-family: "Roboto Condensed";
    color: #444444;
    font-weight: 700;
    font-size: 22px;
}


.detalhes-compra-listagem-item .nome-oferta {
    display: inline-block;
    font-size: 14px;
    color: #444444;
    margin-top: 10px;
    margin-right: 10px;
}



.detalhes-compra-listagem-item .botao-imprimir {
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
}

    .detalhes-compra-listagem-item .botao-imprimir:hover {
        text-decoration: underline;
    }

    .detalhes-compra-listagem-item .botao-imprimir .icon-imprimir-btn {
        font-size: 19px;
        margin-right: 5px;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: -2px;
        margin-top: 5px;
    }

    .detalhes-compra-listagem-item .botao-imprimir:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 4px solid transparent;
        border-left: 5px solid;
        margin-left: 5px;
    }

.detalhes-compra-bloco-right {
    float: right;
    text-align: right;
}

    .detalhes-compra-bloco-right .label-field-compra {
        text-align: right;
    }

.lista-datas-ingresso {
    display: inline-block;
    float: right;
}

.detalhes-compra-data {
    margin-top: 3px;
}

.detalhes-compra-quantidade-pessoas {
    margin-top: 13px;
}

.detalhes-compra-data,
.detalhes-compra-quantidade-pessoas {
    color: grey;
    font-size: 14px;
}

    .detalhes-compra-data > span,
    .detalhes-compra-quantidade-pessoas > span {
        color: #444444;
        font-weight: 700;
    }


.row-extrato-compra {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid lightgrey;
    display: inline-block;
    width: 100%;
}

    .row-extrato-compra:first-child {
        padding-top: 0px;
    }

.label-header-left {
    float: left;
    font-weight: 500;
    color: grey;
    font-size: 13px;
}

.label-header-right {
    font-weight: 500;
    float: right;
    color: grey;
    font-size: 13px;
}

.label-produto-nome {
    float: left;
    color: grey;
    font-size: 14px;
}

.label-produto-valor {
    float: right;
    font-size: 14px;
    font-weight: 700;
    color: #222329;
}


#row-bottom {
    background-color: #222329;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
}

#row-bottom-label {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

#row-bottom-valor {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin-right: 35px;
    margin-left: 70px;
}


#politicas-compra-label {
    margin-top: 60px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px dashed lightgrey;
}

.compra-item-politica {
    text-align: left;
}

.compra-item-politica-nome {
    color: #444444;
    font-weight: 700;
    font-size: 15px;
}

.compra-item-politica-descricao {
    margin-top: 5px;
    font-size: 14px;
    color: grey;
    margin-bottom: 25px;
    line-height: 25px;
    text-align: justify;
}

#compras-contato-parque {
    margin-bottom: 60px;
    color: grey;
    font-size: 16px;
    line-height: 30px;
}

#icone-informacoes {
    margin-top: 60px;
    font-size: 51px;
    color: lightgrey;
    display: block;
    border-bottom: 1px dashed lightgrey;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

#listagem-compras-usuario {
    margin-top: -40px;
}

#compras-box-titulo {
    background-color: #fff;
    width: 100%;
    height: 80px;
    box-shadow: 2px 2px 7px lightgrey;
}

#compras-box-titulo-titulo {
    text-align: center;
    padding-top: 24px;
    font-family: 'Roboto Condensed';
    color: #444444;
    font-size: 27px;
    font-weight: 700;
}

#compras-usuario-descricao {
    text-align: center;
    color: grey;
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 15px;
}

#box-compras-atuais-usuario {
    display: inline-block;
    width: 100%;
}

.listagem-compras-box-compra {
    margin-bottom: 55px;
}

#compras-usuario-sem-compras {
    background-color: #fff;
    border-radius: 10px;
    width: calc(100% - 50px);
    display: inline-block;
    overflow: hidden;
    box-shadow: 2px 2px 7px lightgrey;
    margin-bottom: 50px;
    text-align: center;
    padding: 25px;
}

    #compras-usuario-sem-compras img {
        display: inline-block;
        margin-left: 50px;
    }

#conteudo-box-sem-compras {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 50px;
}

#box-sem-compras-titulo {
    font-family: "Roboto Condensed";
    color: #444444;
    font-weight: 700;
    font-size: 23px;
    margin-top: 50px;
}

#box-sem-compras-texto-1 {
    margin-top: 30px;
}

#box-sem-compras-texto-1,
#box-sem-compras-texto-2 {
    color: grey;
    font-size: 17px;
}

#box-sem-compras-texto-2 {
    margin-top: 15px;
}

#box-sem-compras-texto-2 {
    color: grey;
}

#box-sem-compras-btn-comprar {
    margin-top: 40px;
    padding: 15px;
    width: 150px;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
}


#listagem-compras-box-compra:first-child {
    margin-top: 0px;
}




.box-compra-atual-item {
    background-color: #fff;
    height: 250px;
    margin-bottom: 25px;
    position: relative;
}

    .box-compra-atual-item img {
        height: 100%;
        width: 300px;
        float: left;
    }

.compra-atual-item-conteudo {
    float: left;
    padding: 30px;
    max-width: 350px;
}

.compra-atual-item-produtos {
    display: inline-block;
    float: left;
}

.compra-atual-produto {
    font-weight: 700;
    font-family: "Roboto Condensed";
    color: #444444;
    font-size: 21px;
}

.compra-produto-container {
    float: left;
    margin: 10px;
    margin-left: 0px;
    clear: both;
}

    .compra-produto-container:first-child {
        margin-top: 0px;
    }

.compra-atual-oferta-produto {
    color: grey;
    border-bottom: 2px dashed lightgrey;
    font-size: 15px;
}

.codigo {
    font-family: "Roboto Condensed";
    font-weight: 700;
    color: #444444;
    font-size: 67px;
    padding: 97px;
    float: right;
}


.compra-resumo-status-container {
    display: inline-block;
    width: 100%;
    padding-bottom: 25px;
}

    .compra-resumo-status-container .codigo-compra {
        color: #444444;
        font-family: "Roboto Condensed";
        font-weight: 700;
        font-size: 19px;
        float: left;
        margin-top: 8px;
    }

    .compra-resumo-status-container .status-pagamento-confirmado {
        float: left;
        font-size: 11px;
        font-weight: 700;
        color: #28B562;
        margin-top: -3px;
        margin-left: 7px;
    }

        .compra-resumo-status-container .status-pagamento-confirmado .icon-confirmado {
            font-size: 50px;
            vertical-align: middle;
            margin-top: -2px;
            display: inline-block;
            margin-right: -5px;
        }



    .compra-resumo-status-container .status-pagamento-processando {
        float: left;
        font-size: 11px;
        font-weight: 700;
        color: rgb(253, 193, 35);
        margin-top: 6px;
        margin-left: 7px;
    }

        .compra-resumo-status-container .status-pagamento-processando .icon-alerta {
            font-size: 31px;
            vertical-align: middle;
            margin-top: -3px;
            display: inline-block;
            margin-right: 2px;
            margin-left: 6px;
        }



    .compra-resumo-status-container .status-pagamento-negado {
        float: left;
        font-size: 11px;
        font-weight: 700;
        color: rgb(243, 74, 51);
        margin-top: -3px;
        margin-left: 7px;
    }

        .compra-resumo-status-container .status-pagamento-negado .icon-negado {
            font-size: 50px;
            vertical-align: middle;
            margin-top: -2px;
            display: inline-block;
            margin-right: -5px;
        }


.compra-data-box {
    text-align: center;
}

.compra-data-box-field {
    text-align: left;
    display: inline-block;
    margin-top: 47px;
}


.compra-data-box-field-label {
    color: #444444;
    font-size: 14px;
    margin-bottom: 7px;
}

.compra-data-box-field-valor {
    color: grey;
    font-size: 14px;
    border: 1px solid lightgrey;
    padding: 10px;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
}

    .compra-data-box-field-valor .icon-calendario {
        display: inline-block;
        font-size: 25px;
        color: #323740;
        vertical-align: middle;
        margin-top: -3px;
        margin-right: 7px;
    }


#box-compras-antigas-usuario {
    padding-top: 50px;
}

#titulo-compras-antigas {
    font-size: 19px;
    font-weight: 700;
    font-family: "Roboto Condensed";
    color: #444444;
}

#listagem-compras-table-anteriores {
    margin-top: 20px;
    width: 100%;
    text-align: left;
    border-spacing: 0px 10px;
    margin-bottom: 50px;
}

    #listagem-compras-table-anteriores tbody tr {
        background-color: #fff;
        color: #444444;
    }

    #listagem-compras-table-anteriores tr td:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    #listagem-compras-table-anteriores tr td:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #listagem-compras-table-anteriores tbody td,
    #listagem-compras-table-anteriores thead th {
        padding: 15px;
    }

    #listagem-compras-table-anteriores tbody td {
        box-shadow: 2px 2px 4px lightgrey;
        font-size: 13px;
    }

    #listagem-compras-table-anteriores tbody tr td {
        margin-left: -1px;
    }

        #listagem-compras-table-anteriores tbody tr td:first-child {
            margin-top: 0px;
        }

    #listagem-compras-table-anteriores thead th {
        font-size: 12px;
        color: grey;
        padding-bottom: 5px;
    }

.table-compras-anteriores-ver-detalhes {
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
}

    .table-compras-anteriores-ver-detalhes:hover {
        text-decoration: underline;
    }

.table-compras-nome-produtos {
    line-height: 25px;
}


#meu-ingresso-box-parque {
    background-color: #fff;
    padding: 10px;
    box-shadow: 2px 2px 7px lightgrey;
    margin-top: 25px;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

#meu-ingresso-mapa {
    width: 100%;
    height: 250px;
}


#meu-ingresso-box-conteudo {
    display: inline-block;
    width: 95%;
    position: relative;
}

    #meu-ingresso-box-conteudo #foto-parque {
        width: 485px;
        height: 245px;
        background-color: pink;
        border: 11px solid #fff;
        border-radius: 10px;
        margin-top: -180px;
        box-shadow: 2px 3px 6px lightgrey;
        display: inline-block;
        float: left;
        background-position: 50% 50%;
        background-size: 100%;
    }

    #meu-ingresso-box-conteudo #container-botoes {
        float: left;
        margin-top: 28px;
        margin-left: 30px;
    }

#nome-endereco-informacoes-parque {
    float: left;
    clear: both;
    width: 100%;
    text-align: left;
}

#meu-ingresso-nome-parque {
    font-family: 'Roboto Condensed';
    color: rgb(68, 68, 68);
    font-size: 26px;
    font-weight: 700;
    display: block;
    text-align: left;
    text-transform: uppercase;
    margin-top: 30px;
}

#meu-ingresso-endereco-parque {
    float: left;
    color: #444444;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    padding-left: 28px;
    padding-top: 6px;
    margin-left: -7px;
}

    #meu-ingresso-endereco-parque .icon-endereco {
        font-size: 28px;
        position: absolute;
        top: 0;
        left: 0;
    }

#meu-ingresso-telefone-parque {
    float: left;
    color: #444444;
    font-weight: 500;
    font-size: 14px;
    margin-left: 25px;
    padding-top: 6px;
}



#meu-ingresso-email-parque {
    color: #444444;
    font-weight: 500;
    font-size: 14px;
    float: left;
    margin-left: 25px;
    position: relative;
    padding-left: 32px;
    padding-top: 4px;
}

    #meu-ingresso-email-parque .icon-email {
        font-size: 25px;
        position: absolute;
        left: 0;
        top: 0;
    }



#container-botoes #imprimir-ingressos,
#container-botoes #enviar-por-email {
    float: left;
    background-color: #323740;
    color: #fff;
    padding: 8px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 200;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}

    #container-botoes #imprimir-ingressos:hover,
    #container-botoes #enviar-por-email:hover {
        background-color: #3B414C;
    }

#container-botoes #enviar-por-email {
    margin-left: 15px;
}


#container-botoes .icon-imprimir-btn {
    font-size: 20px;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

#container-botoes .icon-email {
    font-size: 21px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    font-weight: 500;
    margin-bottom: -1px;
    margin-left: -3px;
}

#meu-ingresso-btn-voltar {
    position: absolute;
    left: 30px;
    top: 33px;
    font-size: 15px;
    color: grey;
    font-weight: 200;
    text-decoration: none;
}

    #meu-ingresso-btn-voltar:hover {
        text-decoration: underline;
    }

    #meu-ingresso-btn-voltar:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 6px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid;
        /* margin-left: 4px; */
        margin-bottom: 1px;
    }


#pagina-compra-pagamento-pendente {
    text-align: center;
    padding-bottom: 60px;
}


    #pagina-compra-pagamento-pendente .titulo {
        font-family: "Roboto Condensed";
        font-size: 36px;
        font-weight: 700;
        color: #2B333F;
        padding: 60px;
        padding-bottom: 30px;
        text-align: center;
    }

    #pagina-compra-pagamento-pendente .sub-titulo {
        color: grey;
        text-align: center;
        font-size: 17px;
    }

    #pagina-compra-pagamento-pendente .descricao {
        color: grey;
        font-style: italic;
        line-height: 30px;
    }

#box-compra-pendente-dados-cartao {
    margin-top: 40px;
    background-color: #fff;
    padding: 25px;
    padding-top: 30px;
    width: 650px;
    display: inline-block;
    border-radius: 7px;
    box-shadow: 2px 2px 7px lightgrey;
    text-align: center;
    margin-bottom: 30px;
}

    #box-compra-pendente-dados-cartao .dados-cartao-compra-field {
        display: inline-block;
        text-align: left;
        float: left;
        margin-left: 30px;
        margin-bottom: 20px;
    }

        #box-compra-pendente-dados-cartao .dados-cartao-compra-field .label {
            font-size: 10px;
            font-weight: 500;
            color: grey;
        }

        #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo {
        }

            #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo input[type='text'] {
                height: 35px;
                width: 260px;
                margin-top: 5px;
                border-radius: 5px;
                background-color: #F0F0F0;
                border: 1px solid lightgrey;
                padding-left: 15px;
                color: grey;
                font-family: "Roboto";
                font-size: 12px;
            }

                #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo input[type='text'].pequeno {
                    width: 57px;
                }



            #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo select {
                height: 40px;
                width: 275px;
                margin-top: 5px;
                border-radius: 5px;
                background-color: #F0F0F0;
                border: 1px solid lightgrey;
                padding-left: 10px;
                padding-right: 10px;
                color: grey;
                font-family: "Roboto";
                font-size: 12px;
            }

                #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo select.pequeno {
                    width: 70px;
                }

                #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo select.not-validated,
                #box-compra-pendente-dados-cartao .dados-cartao-compra-field .conteudo input[type='text'].not-validated {
                    border-color: red;
                }


#box-compra-pendente-btn-tentar-denovo {
    padding: 15px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    display: inline-block;
    margin: 12px;
    margin-bottom: 9px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 16px;
    background-color: rgb(66, 209, 30);
    color: #fff;
}

    #box-compra-pendente-btn-tentar-denovo:hover {
        background-color: rgb(78, 231, 39);
    }


    #box-compra-pendente-btn-tentar-denovo .icon-check-radio-condicoes {
        font-size: 20px;
        margin-right: 10px;
        margin-top: -2px;
        vertical-align: top;
        display: inline-block;
    }



#modal-formulario-pagamento-politicas {
    display: none;
    background-color: rgba(25, 25, 25, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

#modal-formulario-pagamento-politicas-box {
    background-color: #ececec;
    padding: 25px;
    height: 500px;
    width: 750px;
    overflow: auto;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -275px;
    margin-left: -375px;
}

#md-frm-pgto-titulo {
    color: #444444;
    font-size: 21px;
    font-weight: 600;
}

.md-frm-pgto-politica-item {
    text-align: left;
    margin: 25px 0;
}

.md-frm-pgto-politica-item-titulo {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    color: #444444;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 5px;
}

.md-frm-pgto-politica-item-subtitulo {
    font-weight: 600;
    margin-top: 15px;
    color: #444444;
}

.md-frm-pgto-politica-item-descricao {
    text-align: justify;
    color: #444444;
    line-height: 1.5;
}

#md-frm-pgto-fechar {
    height: 22px;
    width: 22px;
    float: right;
    background-position: -886px 111px;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

.carrinho-item-data {
    float: left;
    clear: left;
    color: #6F6F6F;
    font-size: 11px;
    margin-bottom: 10px;
}




.ico-carrinho-item-quarto {
    content: "?";
    font-size: 10px;
    height: 13px;
    width: 13px;
    text-align: center;
    color: #fff;
    background-color: rgb(184, 184, 184);
    display: inline-block;
    float: left;
    font-weight: 200;
    border-radius: 15px;
    cursor: pointer;
    margin-left: 3px;
}

.carrinho-item-quarto-popup {
    display: none;
    font-size: 13px;
    color: #6F6F6F;
    line-height: 20px;
    text-align: justify;
    border-top: 1px dashed lightgrey;
    background-color: #fff;
    position: absolute;
    right: 85%;
    top: 0;
    padding-left: 27px;
    padding-right: 30px;
    width: 260px;
    border: 1px solid #6F6F6F;
    box-shadow: -3px 3px 6px lightgrey;
    margin-top: -4px;
    margin-right: -10px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 7px;
    z-index: 999;
}


.carrinho-item.quarto:first-child .carrinho-item-quarto-popup {
    padding-top: 14px;
    margin-top: -1px;
}

#erro-no-carrinho {
}

    #erro-no-carrinho > img {
        width: 75px;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

    #erro-no-carrinho > span {
        display: block;
        text-align: center;
        font-size: 12px;
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        line-height: 20px;
        color: grey;
        padding-bottom: 25px;
    }


.box-container-produto-banner-gratis {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 5px solid #00CD2C;
}

.box-container-produto-banner-gratis-border {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 85px 95px 0 0;
    border-color: #00CD2C transparent transparent transparent;
}

.box-container-produto-banner-gratis-box {
    position: absolute;
    left: 5px;
    top: 17px;
    color: #fff;
    -ms-transform: rotate(-42deg);
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
    font-weight: 700;
    font-size: 16px;
}

.label-precisamos-dados {
    color: grey;
    text-align: center;
    font-size: 17px;
    margin-bottom: 25px;
}


.box-confirmacao-preenchimento-dados-utilizador {
    margin-top: 5px;
    background-color: #fff;
    padding: 35px;
    display: inline-block;
    width: 615px;
    text-align: left;
    box-shadow: 2px 2px 7px lightgrey;
    position: relative;
    border-radius: 5px;
}

.explicacao-confirmacao-preenchimento-dados-utilizador {
    color: grey;
    font-size: 13px;
    text-align: center;
    padding-bottom: 50px;
    border-bottom: 1px dashed lightgrey;
    margin-top: 30px;
    line-height: 25px;
    font-style: italic;
}

.box-confirmacao-preenchimento-dados-utilizador-produto {
    display: inline-block;
    width: 100%;
}

.box-confirmacao-preenchimento-dados-utilizador-produto-nome-produto {
    color: #444444;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Roboto Condensed';
    margin-bottom: 20px;
    position: relative;
}

.box-confirmacao-preenchimento-dados-utilizador-produto-form {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.box-confirmacao-preenchimento-dados-utilizador-produto-form-row {
}

.box-confirmacao-preenchimento-dados-utilizador-produto-form-field {
    display: inline-block;
}

    .box-confirmacao-preenchimento-dados-utilizador-produto-form-field > span {
        display: block;
        font-size: 10px;
        font-weight: 500;
        color: grey;
    }

    .box-confirmacao-preenchimento-dados-utilizador-produto-form-field > input {
        margin-top: 5px;
        display: block;
        width: 260px;
        padding: 8px;
        padding-left: 15px;
        padding-right: 14px;
        font-family: 'Roboto';
        border-radius: 3px;
        border: 1px solid lightgrey;
        margin-bottom: 15px;
        color: grey;
        font-size: 12px;
        background-color: #F4F5F9;
    }


#btn-salvar-dados-utilizador {
    margin: 0 auto;
    width: 195px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    font-size: 15px;
    cursor: pointer;
}


.listagem-compras-alerta-dados {
    text-align: center;
    background-color: #EA4335;
    padding: 12px;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 13px;
}

    .listagem-compras-alerta-dados a {
        color: #fff;
        font-weight: 700;
    }

#form-detalhes-compra-dados-utilizadores {
    text-align: center;
    margin-top: 25px;
    padding-bottom: 50px;
    border-bottom: 1px dashed lightgrey;
}

#lista-produtos-vazia {
    color: #3d3d3d;
    text-align: center;
    margin-top: 50px;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
}


/*
    ESTILOS DOS PRODUTOS QUE APARECEM 2 VEZES POR LINHA
*/
.box-container-produto.small {
    width: 48.5%;
    margin-bottom: 25px;
    min-height: 250px;
    text-align: left;
    float: left;
}

    .box-container-produto.small .box-container-produto-foto {
        max-width: 120px;
    }


    .box-container-produto.small .box-produto-foto-container {
        display: table-cell;
        vertical-align: top;
        padding-left: 28px;
        padding-right: 20px;
    }

    .box-container-produto.small .box-produto-informacoes {
        display: table-cell;
        vertical-align: top;
    }

    .box-container-produto.small .produto-container-adicionar {
        position: relative;
        float: right;
        margin-top: 15px;
        text-align: center;
        width: 50%;
        right: 2px;
    }

    .box-container-produto.small .produto-container-adicionar-legenda-valor,
    .box-container-produto.small .produto-container-adicionar-legenda-inferior {
        display: inline-block;
    }

.produto-small-form {
    margin-top: 10px;
    float: left;
    width: 75%;
}

.produto-small-form-field {
    display: table-row;
}

.produto-small-form-label {
    text-align: right;
    display: table-cell;
    font-size: 13px;
    color: #444444;
}

.produto-small-form-value {
    display: table-cell;
    padding-left: 10px;
    padding-bottom: 10px;
}

    .produto-small-form-value > select {
        width: 70px;
        height: 35px;
        border-radius: 5px;
        color: grey;
        cursor: pointer;
        padding-left: 8px;
    }

.produto-form-error {
    border-color: red;
}

.produto-indisponivel {
    pointer-events: none;
}

    .produto-indisponivel .box-produto-foto-container,
    .produto-indisponivel .box-produto-informacoes,
    .produto-indisponivel .produto-container-adicionar {
        opacity: 0.5;
    }

/*valor final*/
.valorFinalProduto {
    color: #000066;
    font-weight: 600;
    font-size: 17px;
    clear: both;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto';
    font-weight: 400;
}


ul, li, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
}



.listDivider {
    margin-left: 5px;
    margin-right: 5px;
}


#numHoteisDisponiveis {
    font-weight: 200;
    font-size: 13px;
}




#busca-fechada-container .icone {
    background-image: url("../Content/img/spritesheet-busca.png");
    height: 33px;
    width: 38px;
    display: inline-block;
    float: left;
}

#modifique-sua-busca-abaixo {
    display: none;
    font-family: 'Roboto Condensed';
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    padding-top: 13px;
}

    #modifique-sua-busca-abaixo:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #fff;
        margin-left: 9px;
        margin-bottom: 3px;
    }

#busca-fechada-container #destino,
#busca-fechada-container #datas,
#busca-fechada-container #adultos,
#busca-fechada-container #criancas,
#busca-fechada-container #modificarBusca {
    margin-top: 10px;
    display: inline-block;
    float: left;
    text-align: center;
}

#busca-fechada-container #destino {
    text-align: left;
}

#modificarBusca::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid;
    margin-left: 2px;
    margin-bottom: 9px;
}

.bloco {
    display: inline-block;
}

#busca-fechada-container #destino {
    width: 30%;
}

#busca-fechada-container #datas {
    width: 27%;
}

#busca-fechada-container #adultos {
    width: 13%;
}

#busca-fechada-container #criancas {
    width: 14%;
}

#busca-fechada-container #modificarBusca {
    width: 16%;
}


#varBuscaNomeHotel,
#varBuscaDatas,
#numeroNoites,
#spanAdultos,
#spanCriancas,
#btnModificarBusca {
    float: left;
    color: inherit;
    font-weight: 500;
}

#busca-fechada-container #destino span {
    text-overflow: ellipsis;
    /*min-width: 237px;*/
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

#busca-fechada-container #modificarBusca span {
    font-size: 15px;
}




#busca-fechada-container #adultos div > span,
#busca-fechada-container #criancas div > span,
#busca-fechada-container #modificarBusca div > span {
    font-size: 15px;
    margin-top: 8px;
    margin-left: 0px;
}

#busca-fechada-container #modificarBusca span {
    cursor: pointer;
}

/*'BOTÃO' NOME DO HOTEL*/
#busca-fechada-container #destino div > span,
#busca-fechada-container #datas div > span {
    font-size: 16px;
    margin-top: 6px;
    margin-left: 5px;
}



#busca-fechada-container #datas #numeroNoites {
    font-weight: 200;
}


#busca-fechada-container #imgDestino {
    margin-left: 15px;
    position: relative;
    height: 35px;
    width: 35px;
    display: inline-block;
    float: left;
}

    #busca-fechada-container #imgDestino > span {
        font-size: 45px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        position: absolute;
        top: -9px;
        left: -7px;
    }


#imgDatas {
    height: 35px;
    width: 35px;
    display: inline-block;
    float: left;
    position: relative;
}

    #imgDatas > span {
        font-size: 30px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        position: absolute;
        top: -1px;
        left: 4px;
    }


#imgAdultos {
    height: 35px;
    width: 35px;
    display: inline-block;
    float: left;
    position: relative;
}

    #imgAdultos > span {
        font-size: 51px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        position: absolute;
        top: -12px;
        left: -10px;
    }

#imgCriancas {
    height: 35px;
    width: 35px;
    display: inline-block;
    float: left;
    position: relative;
}

    #imgCriancas > span {
        font-size: 51px !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
        position: absolute;
        top: -12px;
        left: -13px;
    }



#busca-fechada-container #imgAdultos {
    background-position: -129px -16px;
}

#busca-fechada-container #imgCriancas {
    background-position: -189px -17px;
}



/*--------------------------BUSCA--------------------------------------------*/
#container-campos-nova-busca {
    height: 260px;
    margin-top: 40px;
    position: relative;
}

#busca-container-destino-periodo,
#busca-container-adultos-criancas {
    display: inline-block;
    width: 100%;
}

.busca-field {
    display: inline-block;
    width: 285px;
    position: relative;
}




#criancas-label-container {
    position: relative;
    display: block;
}

#criancas-field-label {
    display: inline-block;
}

#criancas-quantidade-label {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

.criancas-editar-container {
    /*display: inline-block;*/
    display: none;
}

.criancas-editar-label {
    opacity: 0.7;
    cursor: pointer;
    font-size: 13px;
    display: inline-block;
    font-weight: 500;
}

    .criancas-editar-label:hover {
        text-decoration: underline;
    }

.criancas-editar-icon {
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
}

    .criancas-editar-icon > span {
        position: absolute;
        font-size: 17px;
        top: -1px;
    }

#busca-field-criancas {
    max-width: 390px;
    width: auto;
}

#busca-field-destino {
    float: left;
    width: 400px;
}

#busca-field-periodo {
    float: right;
    width: 546px;
}

.busca-field-label {
    display: block;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#periodo-container-aberto,
#periodo-container-fechado {
    display: inline-block;
    width: 100%;
}

#busca-destino,
#busca-periodo-label {
    color: #fff;
    width: 100%;
    height: 54px;
    border: none;
    padding: 0;
    font-size: 15px;
    cursor: pointer;
    border: 2px dashed transparent;
    box-sizing: border-box;
}

#busca-periodo-label {
    display: none;
}

.chegada-field,
.saida-field {
    float: left;
    width: 47%;
}

.saida-field {
    float: right;
}

    .chegada-field.disabled,
    .saida-field.disabled,
    #busca-field-criancas.disabled * {
        opacity: .6;
        pointer-events: none;
    }

#busca-chegada-label,
#busca-saida-label {
    color: #fff;
    width: 100%;
    height: 54px;
    border: none;
    padding: 0;
    font-size: 15px;
    cursor: pointer;
    border: 2px dashed transparent;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    padding: 0 15px;
    line-height: 50px;
}


/*DESTINO OU HOTEL*/
#busca-destino-label {
    display: inline-block;
    margin-top: 16px;
    margin-left: 15px;
}

#busca-destino-icon {
    height: 30px;
    width: 30px;
    float: right;
    margin-top: 10px;
    margin-right: 12px;
    background-image: url("../Content/img/spritesheet-busca.png");
    background-position: -250px -14px;
}

#busca-destino-dropdown {
    top: 32px;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 99;
    text-align: center;
    border: 1px solid;
}

#destino-dropdown-input-container {
    margin-top: 15px;
    display: inline-block;
    width: calc(100% - 30px);
    height: 40px;
    border: 2px solid;
    box-sizing: border-box;
}

#destino-dropdown-input-search {
    float: left;
    height: 34px;
    background-color: transparent;
    border: none;
    padding-left: 15px;
    width: 70%;
    font-size: 18px;
    font-weight: 200;
    line-height: 38px;
}

    #destino-dropdown-input-search:focus {
        outline: none;
    }


#destino-dropdown-search-icon {
    height: 22px;
    width: 22px;
    float: right;
    margin-top: 9px;
    margin-right: 11px;
    position: relative;
}

    #destino-dropdown-search-icon > span {
        font-size: 42px;
        position: absolute;
        top: -10px;
        left: -10px;
    }

#destino-dropdown-cidade-hotel-container {
    text-align: left;
    width: 415px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    max-height: 450px;
    overflow-y: auto;
}

.dropdown-cidade-hotel-item {
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    color: white;
    padding-left: 15px;
}



.dropdown-ico-destino {
    height: 17px;
    width: 15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-top: 15px;
    margin-left: 4px;
    position: relative;
}

    .dropdown-ico-destino > span {
        position: absolute;
        font-size: 25px;
        left: -4px;
        top: -4px;
    }

.dropdown-ico-hotel {
    margin-left: 4px;
    margin-top: 15px;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    position: relative;
}

    .dropdown-ico-hotel > span {
        position: absolute;
        font-size: 25px;
        left: -4px;
        top: -3px;
    }

.dropdown-cidade-hotel-item:hover {
}

#periodo-label-dias {
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 15px;
    font-size: 16px;
    font-size: 16px;
    display: inline-block;
    margin-top: 15px;
}

.periodo-label-icon {
    height: 30px;
    width: 30px;
    float: right;
    margin-top: 10px;
    /*margin-right: 12px;*/
    background-image: url("../Content/img/spritesheet-busca.png");
    background-position: -74px -16px;
}

#periodo-label-noites {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 200;
    margin-top: 8px;
    text-transform: none;
    position: absolute;
}

#busca-periodo-label-divisor {
    margin-left: 10px;
    margin-right: 10px;
}

/*CALENDARIO*/
#busca-calendario {
    height: 385px;
    width: 896px;
    position: absolute;
    right: 0px;
    top: 84px;
    border: 1px solid rgb(39, 40, 44);
    z-index: 999;
    display: none;
}

#alerta-best-rates {
    display: inline-block;
    width: 100%;
    color: white;
    text-align: center;
    line-height: -100px;
    margin-top: -50px;
    position: absolute;
    left: 0;
    bottom: 17px;
    font-size: 13px;
}




#calendario-1,
#calendario-2 {
    height: 100%;
    width: 46%;
    display: inline-block;
    margin: 0;
    float: left;
    position: relative;
    padding-top: 15px;
    float: left;
}

#calendario-1 {
    text-align: center;
    margin-left: 35px;
}

#calendario-2 {
    text-align: center;
}


.calendario-mes-ano-label {
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}

.calendario-dias-semana {
    text-align: center;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 10px;
}

.dia-semana {
    display: inline-block;
    width: 55px;
    float: left;
}

/*---*/
.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid;
    position: absolute;
    right: 20px;
    top: 185px;
    cursor: pointer;
    z-index: 99;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid;
    position: absolute;
    left: 20px;
    top: 185px;
    cursor: pointer;
    z-index: 99;
}



.gridDatas {
    display: inline-block;
    width: 100%;
    text-align: center;
}


    .gridDatas .gridRow {
        margin-top: -3px;
        display: inline-block;
        text-align: center;
    }

    .gridDatas .blocoData {
        display: inline-block;
        float: left;
        height: 45px;
        width: 55px;
        position: relative;
    }



.celulaData {
    cursor: pointer;
    height: 100%;
}



    .celulaEmpty .diaMes, .celulaData .bestRate {
        display: block;
        font-weight: 300;
        font-size: 12px;
    }

.diaMes {
    color: #fff;
    font-size: 15px;
    display: block;
    padding-top: 7px;
}



#busca-calendario .endDate {
    background-color: rgb(54, 57, 62);
}



.voidDate,
.unavailDate {
    pointer-events: none;
    opacity: 0.1;
}

/*---*/


#busca-container-adultos-criancas {
    position: relative;
    margin-top: 40px;
}

.bloco-seletor-adulto-crianca {
    height: 55px;
    width: 55px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    float: left;
    position: relative;
}

#container-seletor-adultos,
#container-seletor-criancas {
    display: inline-block;
    float: left;
}








#bloco-seletor-crianca-1 > span {
    font-size: 48px;
    position: absolute;
    top: 3px;
    left: 3px;
}

#bloco-seletor-crianca-2 > span {
    font-size: 48px;
    position: absolute;
    top: 3px;
    left: 3px;
}

#bloco-seletor-crianca-3 {
    background-position: -120px 55px;
}

#bloco-seletor-adulto-1 > span {
    font-size: 48px;
    position: absolute;
    top: 3px;
    left: 3px;
}

#bloco-seletor-adulto-2 > span {
    font-size: 48px;
    position: absolute;
    top: 3px;
    left: 4px;
}




#bloco-seletor-adulto-mais,
#bloco-seletor-crianca-mais {
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin-right: 0px;
}

#seletor-adulto-mais-label,
#seletor-crianca-mais-label {
    width: 100%;
    display: block;
    height: 100%;
    line-height: 54px;
}

#seletor-adulto-mais-option-container,
#seletor-crianca-mais-option-container {
    width: 53px;
    border: 1px solid;
    position: relative;
    z-index: 99;
    float: right;
    display: none;
}

.seletor-adulto-mais-option-item,
.seletor-crianca-mais-option-item {
    height: 30px;
    width: 100%;
    line-height: 30px;
}

    .seletor-adulto-mais-option-item:hover,
    .seletor-crianca-mais-option-item:hover {
    }


.bloco-seletor-adulto-crianca:first-child {
    margin-left: 0px;
}

#busca-promocode {
    position: absolute;
    width: 230px;
    right: 200px;
    top: 42px;
}

#busca-promocode-label {
    cursor: pointer;
    text-align: right;
    display: inline-block;
    float: right;
    margin-top: 12px;
}

    #busca-promocode-label:hover {
        text-decoration: underline;
    }

    #busca-promocode-label::after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 5px solid;
        margin-left: 5px;
    }

#busca-promocode-inp-container {
    display: none;
    height: 30px;
    width: 170px;
    border: 1px solid lightgrey;
    border-radius: 5px;
    float: right;
    margin-top: 5px;
    margin-right: 25px;
    background-color: rgb(242, 243, 246);
}

#promocode-inp {
    background-color: transparent;
    padding-left: 15px;
    height: 28px;
    color: #444444;
    font-family: 'Roboto';
    font-weight: 200;
    border: none;
    width: 111px;
    font-size: 12px;
}

    #promocode-inp:focus {
        outline: none;
    }

#promocode-btn {
    font-weight: 500;
    display: inline-block;
    margin-left: 9px;
    font-size: 12px;
    cursor: pointer;
}

    #promocode-btn:hover {
        font-weight: 700;
    }


#busca-promocode-final-container {
    display: none;
    text-align: left;
    position: relative;
    padding-left: 42px;
    margin-top: 2px;
}

#promocode-final-label-label {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    margin-bottom: 2px;
}

#promocode-final-label {
    color: #fff;
    font-size: 14px;
    max-width: 85px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

#promocode-final-ico {
    display: inline-block;
    font-size: 11px;
    position: relative;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: top;
    margin-top: 3px;
}

    #promocode-final-ico:hover {
        text-decoration: underline;
    }

    #promocode-final-ico > span {
        font-size: 16px;
        position: absolute;
        top: -3px;
        right: -19px;
    }
/*
.bloco-crianca-container
{
    display: none;
}

.bloco-crianca-container:first-child
{
    display: inline-block
}

.bloco-crianca-container > div
{
    float: left;
}


.bloco-seletor-crianca-adicionar
{
    border: 2px dashed transparent;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    margin-right: 30px;
}

.bloco-seletor-crianca-adicionar:hover
{
    border-color: #fff;   
}

.bloco-seletor-crianca-idade-dropdown
{
    display: inline-block;
    position: relative;
    width: 59px;

    display: none;
}

.crianca-dropdown-label
{
    border: 2px dashed transparent;
    color: #fff;
    text-align: center;
    font-size: 13px;
}

.crianca-dropdown-label span
{
    padding-top: 10px;
    display: block;
}

.crianca-dropdown-option-container
{
    background-color: rgb(44, 45, 49);
    text-align: center;
    position: absolute;
    top: 59px;
    left: 0px;
    z-index: 999;
    display: inline-block;
    width: 100%;
}

.crianca-dropdown-option-item
{
    height: 30px;
    width: 100%;
    color: #717274;
    cursor: pointer;
}

.crianca-dropdown-option-item:hover
{
    color: #fff;
}


.bloco-seletor-crianca-final
{
    position: relative;
    margin-left: 0px;
    display: none;
    width: 59px;
    height: 59px;
    margin-right: 30px;
      background-color: #4D7EF3;
}



.bloco-seletor-crianca-final-icone
{
    background-image: url(../Content/img/sprite-nova-busca.png);
    height: 22px;
    width: 23px;
    background-position: -19px -78px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 2px;
}

.bloco-seletor-crianca-final-idade
{
    color: #fff;
    font-size: 12px;
    display: block;
    text-align: center;
}

.var-bloco-seletor-crianca-final-idade
{

}

.bloco-seletor-crianca-final-remover
{
    color: #fff;
    position: absolute;
    top: 0;
    right: 5px;
}
*/

#container-seletor-crianca-idades {
    float: left;
    display: none;
    width: 255px;
}

.seletor-idade {
    text-align: center;
    position: relative;
}

    .seletor-idade:hover {
        border-color: #4D7EF3;
    }

.seletor-idade-label {
    color: #fff;
    display: inline-block;
    height: 100%;
    padding-top: 9px;
    margin-bottom: -10px;
}

.crianca-idade-selected {
    padding-top: 17px;
    margin-bottom: -18px;
}

.seletor-idade-dropdown {
    display: none;
    background-color: rgb(44, 45, 49);
    border: 1px solid;
    /*display: inline-block;*/
    width: 53px;
    position: relative;
    z-index: 123;
}

.seletor-idade-dropdown-item {
    height: 30px;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
}




#busca-btn {
    height: 45px;
    width: 180px;
    position: relative;
    z-index: 10;
    color: #fff;
    text-align: center;
    line-height: 47px;
    font-size: 17px;
    border-radius: 5px;
    font-weight: 200;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    float: right;
    margin-top: 42px;
    margin-right: 1px;
}




#layout-modal-loading {
    margin-top: -200px;
    z-index: 999;
    position: fixed;
    display: none;
    height: 200%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.12);
}

#layout-modal-loading-ico {
    position: fixed;
    left: 50%;
    bottom: 50px;
}


.btn-be.disabled {
    pointer-events: none;
}

.payment-box-x-container {
    display: inline-block;
    position: absolute;
    top: 5px;
    z-index: 999;
    right: 9px;
    color: grey;
    cursor: pointer;
}

    .payment-box-x-container:hover {
        color: black;
    }

    .payment-box-x-container span {
        font-size: 11px;
    }

.payment-box-ico-container {
    height: 80px;
    width: 80px;
    box-shadow: 2px 3px 6px lightgrey;
    position: fixed;
    bottom: 20px;
    display: none;
}

#payment-box-content-container-confirmado .payment-box-ico-container {
    background-color: rgb(38, 179, 97);
}

#payment-box-content-container-negado-prepago .payment-box-ico-container,
#payment-box-content-container-negado-garantia .payment-box-ico-container {
    background-color: rgb(243, 73, 53);
}

.payment-box-ico-container span {
    font-size: 100px;
    color: #fff;
}

.payment-box-ico-container div {
    margin-top: -10px;
    margin-left: 2px;
}

.payment-box-desc {
    box-shadow: 3px 3px 6px lightgrey;
    height: 80px;
    background-color: white;
    display: none;
    overflow: hidden;
    width: 0px;
    margin-left: 80px;
    z-index: 999;
    position: relative;
}

.payment-box-desc-dtl {
    margin-left: 15px;
    margin-top: 10px;
    font-weight: 500;
    cursor: pointer;
}

#payment-box-content-container-confirmado .payment-box-desc-dtl {
    color: rgb(38, 179, 97);
}

#payment-box-content-container-negado-prepago .payment-box-desc-dtl,
#payment-box-content-container-negado-garantia .payment-box-desc-dtl {
    color: rgb(243, 73, 53);
}

.payment-box-desc-dtl:hover {
    text-decoration: underline;
}

.payment-box-desc-dtl:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 5px;
}

#payment-box-content-container-confirmado .payment-box-desc-dtl:after {
    border-left: 5px solid rgb(38, 179, 97);
}

#payment-box-content-container-negado-prepago .payment-box-desc-dtl:after,
#payment-box-content-container-negado-garantia .payment-box-desc-dtl:after {
    border-left: 5px solid rgb(243, 73, 53);
}

.payment-box-desc-label {
    margin-left: 15px;
    margin-top: 10px;
    margin-right: 15px;
    color: grey;
}


#payment-box-content-container-confirmado,
#payment-box-content-container-negado-prepago,
#payment-box-content-container-negado-garantia {
    height: 80px;
    width: 350px;
    position: fixed;
    bottom: 20px;
    display: none;
    right: 20px;
    z-index: 99;
}




/*--------------------------corpo--------------------------------------------*/

.ModalGeral {
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 99999;
    background-color: rgba(0,0,0, 0.8);
    display: none;
}

.DivInternaModal {
    overflow: visible !important;
    height: 420px;
    width: 600px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -210px;
    border-radius: 5px;
    text-align: center;
}

.BotaoModal {
    height: 50px;
    width: 205px;
    margin: 0 auto;
    margin-top: 20%;
    border-radius: 5px;
    line-height: 50px;
    font-size: 17px;
    cursor: pointer;
}

#modal-geral-login-anonimo-overlay {
    top: 0;
    left: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000;
    z-index: 99999;
    background-color: rgba(0,0,0, 0.8);
    display: none;
}

#modal-geral-login-anonimo {
    overflow: visible !important;
    height: 420px;
    width: 600px;
    background-color: #fff;
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -210px;
    border-radius: 5px;
    text-align: center;
}

#modal-geral-passo2 {
    display: none;
}

#modal-geral-login-close {
    margin-right: 10px;
    height: 35px;
    width: 35px;
    float: right;
    margin-top: -45px;
    background-image: url(../Content/img/spirtesheet-busca-overlay.png);
    background-position: -879px 117px;
    cursor: pointer;
}


#login-anonimo-titulo-container {
    margin-top: 26px;
    display: inline-block;
    width: 75%;
    padding-bottom: 40px;
    border-bottom: 1px dotted lightgrey;
}

#login-anonimo-titulo-ico {
    display: inline-block;
    height: 45px;
    width: 45px;
    position: relative;
    vertical-align: top;
    margin-top: 6px;
}

    #login-anonimo-titulo-ico > span {
        font-size: 85px;
        position: absolute;
        top: -12px;
        left: -12px;
    }

#login-anonimo-titulo {
    display: inline-block;
    font-family: 'Roboto Condensed';
    color: #444444;
    font-weight: 700;
    font-size: 35px;
    margin-top: 20px;
    margin-left: 35px;
}

#login-anonimo-desc {
    color: #444444;
    font-size: 15px;
    margin-top: 50px;
}

#login-anonimo-inp-email {
    width: calc(75% - 15px);
    margin-top: 20px;
    height: 50px;
    padding: 0;
    border-radius: 5px;
    border: 1px solid lightgrey;
    padding-left: 15px;
    font-size: 17px;
    color: #444444;
    font-family: 'Roboto';
    background-color: rgb(242, 243, 246);
    text-align: center;
}

#login-anonimo-botao-continuar {
    height: 50px;
    width: 205px;
    margin: 0 auto;
    margin-top: 50px;
    border-radius: 5px;
    line-height: 50px;
    font-size: 17px;
    cursor: pointer;
}

#login-anonimo-erro {
    display: none;
}

#login-anonimo-erro-mensagem {
    color: rgb(222, 61, 49);
    font-size: 15px;
    margin-top: 30px;
    line-height: 28px;
}

#login-anonimo-erro-newuser {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 15px;
    color: #444444;
}

    #login-anonimo-erro-newuser > a {
        cursor: pointer;
    }

        #login-anonimo-erro-newuser > a:hover {
            text-decoration: underline;
        }


/*-------------------------rodape---------------------------------------------*/

footer {
    height: auto;
    min-height: 50px;
    min-width: 1024px;
    background-color: #3d3d3d;
}

    footer #footerContent {
        height: 100%;
        margin: 0 auto;
        min-width: 976px;
        max-width: 1280px;
        width: 89%;
    }

        footer #footerContent img {
            float: right;
            height: 30px;
            padding-top: 15px;
        }


.mobile-link {
    color: #fff;
}

.footerFirstLineMobile {
    clear: both;
    width: 100%;
}

    .footerFirstLineMobile p {
        padding-top: 10px;
        color: #fff;
        float: left;
    }

.footerFirstLine {
    clear: both;
    width: 100%;
}

    .footerFirstLine p {
        color: #fff;
        float: left;
        margin: 0;
        line-height: 50px;
        padding: 0;
    }

    .footerFirstLine .selo-lb {
        float: right;
    }

        .footerFirstLine .selo-lb a {
            display: inline-block;
            margin-left: 6px;
        }

            .footerFirstLine .selo-lb a:hover {
                opacity: .5;
                transition: all 200ms;
            }

        .footerFirstLine .selo-lb svg {
            height: 20px;
            vertical-align: middle;
        }

        .footerFirstLine .selo-lb path {
            fill: #fff;
        }

.footerSecondLine {
    clear: both;
    height: 30px;
}

.alert-box {
    position: fixed;
    right: 15px;
    bottom: 25px;
    z-index: 9999;
    display: none;
}

    .alert-box img {
        width: 90px;
        display: inline-block;
        height: 90px;
        vertical-align: middle;
    }

    .alert-box .message {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background-color: white;
        padding: 10px 15px;
        font-size: 13px;
        color: #6F6F6F;
        width: 400px;
        line-height: 20px;
        border-radius: 10px;
        -webkit-box-shadow: 0px 4px 25px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 4px 25px -2px rgba(0,0,0,0.75);
        box-shadow: 0px 4px 25px -2px rgba(0,0,0,0.75);
        margin-right: 10px;
        min-height: 90px;
    }

        .alert-box .message:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            border-left: 5px solid white;
            position: absolute;
            right: -5px;
            top: 50%;
            transform: translateY(-50%);
        }

    .alert-box .close {
        background-color: #2f2f2f;
        color: white;
        padding: 5px 12px;
        border-radius: 50%;
        font-size: 12px;
        vertical-align: top;
        margin-right: 5px;
        cursor: pointer;
    }

        .alert-box .close:before, .close:after {
            position: absolute;
            top: 1px;
            left: 11px;
            content: ' ';
            height: 11px;
            width: 2px;
            background-color: white;
        }

        .alert-box .close:before {
            transform: rotate(45deg);
        }

        .alert-box .close:after {
            transform: rotate(-45deg);
        }

/* LB Modal */
.lb-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}

.lb-modal .lb-modal_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(0,0,0, .5);

}

.lb-modal .lb-modal_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    max-width: 576px;
    height: auto;
    padding: 63px 105px 40px;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 2px 20px -2px #282828;
}

.lb-modal .hotel-selecionado-indisponivel-titulo {
    color: #fff;
    font-weight: 400;
}

.lb-modal_close {
    background: none;
    color: #fff;
    font-size: 16px;
    position: absolute;
    width: 19px;
    height: 19px;
    top: 24px;
    right: 24px;
    border: none;
    cursor: pointer;    
    outline: none;
}

button.lb-modal_close:after, 
button.lb-modal_close:before {
    content: '';
    width: 20px;
    height: 1px;
    position: absolute;
    display: block;
    background-color: #fff;
    line-height: initial;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 0;
    top: 50%;   
}

/* .lb-modal_close:hover:after, */
.lb-modal_close:hover:before {
    -webkit-animation: close-icon-hover 200ms ease-out;    
    -webkit-animation-iteration-count: 1;
    animation: close-icon-hover 200ms ease-out;
    animation-iteration-count: 1;
    
}

button.lb-modal_close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.lb-modal_close:hover:after {
    -webkit-animation: close-icon-hover-after 200ms ease-out;    
    -webkit-animation-iteration-count: 1;
    animation: close-icon-hover-after 200ms ease-out 100ms;
    animation-iteration-count: 1;    
}

@keyframes close-icon-hover {
    0% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }    
    0.1% {
        opacity: 0;
        transform: scale(0) rotate(45deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(45deg);
    }
}

@keyframes close-icon-hover-after {
    0% {
        opacity: 1;
        transform: scale(1) rotate(-45deg);
    }    
    0.1% {
        opacity: 0;
        transform: scale(0) rotate(-45deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(-45deg);
    }
}

.lb-btn {
    height: 40px;
    width: auto;
    color: #fff;    
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    padding: 0 20px;
    text-decoration: none;
    border: none;
    text-transform: uppercase;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

.lg-backdrop {
    background-color: rgba(17, 17, 17, 0.95);
    z-index: 10040;
}
.lg-outer{
    z-index: 10050;
}
.lg-outer .lg-img-wrap{
    height: calc(100% - 120px);
}
.lg-toolbar.group{
    background: transparent;
}
.lg-object.lg-image {
    max-height: 500px;
}
.lg-outer .lg-thumb-outer{
    background: transparent;
    padding: 20px;
}
.lg-outer .lg-thumb{
    padding: 0;
    margin: auto;
}
.lg-outer .lg-thumb-item{
    border-radius: 0;
    border: none;
    position: relative;
}
.lg-outer .lg-thumb-item::before{
    box-sizing: border-box;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0px solid #fff;
    transition: all 200ms;
}
.lg-outer .lg-thumb-item.active::before{
    border-width: 4px;
}
.lg-actions .lg-prev,
.lg-actions .lg-next,
.lg-toolbar .lg-close{
    background: transparent url(img/sprite-modal.png) no-repeat;
    display: block;
    width: 40px;
    height: 40px;
}
.lg-actions .lg-prev::after,
.lg-actions .lg-next::before,
.lg-toolbar .lg-close::after{
    display: none;
}
.lg-actions .lg-prev{
    background-position: -40px 0;
}
.lg-actions .lg-next{
    background-position: -80px 0;
}
.lg-toolbar .lg-close{
    background-position: 0 0;
    margin: 10px;
}
/* -------------------------------------------------------------------------------------------------- */
/* icomoon */
/* -------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'icomoon';
    src:    url('icones/fonts/icomoon/icomoon.eot?pakke6');
    src:    url('icones/fonts/icomoon/icomoon.eot?pakke6#iefix') format('embedded-opentype'),
        url('icones/fonts/icomoon/icomoon.ttf?pakke6') format('truetype'),
        url('icones/fonts/icomoon/icomoon.woff?pakke6') format('woff'),
        url('icones/fonts/icomoon/icomoon.svg?pakke6#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
    content: "\e900";
}
.icon-pessoa:before {
    content: "\e600";
}
.icon-pessoas:before {
    content: "\e601";
}
.icon-pessoas2:before {
    content: "\e602";
}
.icon-alerta:before {
    content: "\e603";
}
.icon-autocompletar-destino:before {
    content: "\e604";
}
.icon-autocompletar-hotel:before {
    content: "\e605";
}
.icon-autocompletar-lupa:before {
    content: "\e606";
}
.icon-busca-1-adulto:before {
    content: "\e607";
}
.icon-busca-1-crianca:before {
    content: "\e608";
}
.icon-busca-2-adultos:before {
    content: "\e609";
}
.icon-busca-2-criancas:before {
    content: "\e60a";
}
.icon-busca-3-adultos:before {
    content: "\e60b";
}
.icon-busca-3-criancas:before {
    content: "\e60c";
}
.icon-busca-baby:before {
    content: "\e60d";
}
.icon-busca-pessoas:before {
    content: "\e60e";
}
.icon-buscar-btn:before {
    content: "\e60f";
}
.icon-buscar-btn-hover:before {
    content: "\e610";
}
.icon-cadeado:before {
    content: "\e611";
}
.icon-calendario:before {
    content: "\e612";
}
.icon-cancelar-btn:before {
    content: "\e613";
}
.icon-check-optin:before {
    content: "\e614";
}
.icon-check-radio-condicoes:before {
    content: "\e615";
}
.icon-dados-pessoais:before {
    content: "\e616";
}
.icon-destino:before {
    content: "\e617";
}
.icon-editar-info:before {
    content: "\e618";
}
.icon-editar-reserva:before {
    content: "\e619";
}
.icon-email:before {
    content: "\e61a";
}
.icon-endereco:before {
    content: "\e61b";
}
.icon-estrela-popular:before {
    content: "\e61c";
}
.icon-fale-conosco:before {
    content: "\e61d";
}
.icon-fale-conosco-btn:before {
    content: "\e61e";
}
.icon-fale-conosco-btn-hover:before {
    content: "\e61f";
}
.icon-historico:before {
    content: "\e620";
}
.icon-imprimir-btn:before {
    content: "\e621";
}
.icon-link-externo:before {
    content: "\e622";
}
.icon-pagamento:before {
    content: "\e623";
}
.icon-reservas-atuais:before {
    content: "\e624";
}
.icon-seta-down:before {
    content: "\e625";
}
.icon-seta-right:before {
    content: "\e626";
}
.icon-seta-up:before {
    content: "\e627";
}
.icon-smiley:before {
    content: "\e628";
}
.icon-topo:before {
    content: "\e629";
}
.icon-confirmado:before {
    content: "\e62a";
}
.icon-negado:before {
    content: "\e62b";
}
.icon-confirmado2:before {
    content: "\e62c";
}
.icon-negado2:before {
    content: "\e62d";
}
.icon-estrela-sucesso:before {
    content: "\e62e";
}
.icon-cartao-credito:before {
    content: "\e62f";
}
.icon-crianca:before {
    content: "\e630";
}
.icon-criancas:before {
    content: "\e631";
}
.icon-criancas2:before {
    content: "\e632";
}
.icon-check-off-optin:before {
    content: "\e633";
}
.icon-chave:before {
    content: "\e634";
}
.icon-max-1-0:before {
    content: "\e635";
}
.icon-max-1-1:before {
    content: "\e636";
}
.icon-max-1-2:before {
    content: "\e637";
}
.icon-max-1-3:before {
    content: "\e638";
}
.icon-max-2-0:before {
    content: "\e639";
}
.icon-max-2-1:before {
    content: "\e63a";
}
.icon-max-2-2:before {
    content: "\e63b";
}
.icon-max-2-3:before {
    content: "\e63c";
}
.icon-max-3-0:before {
    content: "\e63d";
}
.icon-max-3-1:before {
    content: "\e63e";
}
.icon-max-3-2:before {
    content: "\e63f";
}
.icon-max-3-3:before {
    content: "\e640";
}
.icon-meus-dados:before {
    content: "\e641";
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------- */
/* simple line icons */
/* -------------------------------------------------------------------------------------------------- */

@font-face {
  font-family: 'simple-line-icons';
  src: url('icones/fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0');
  src: url('icones/fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), 
	  url('icones/fonts/simple-line-icons/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), 
	  url('icones/fonts/simple-line-icons/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), 
	  url('icones/fonts/simple-line-icons/Simple-Line-Icons.woff?v=2.4.0') format('woff'), 
	  url('icones/fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon2-"], [class*=" icon2-"] {
    font-family: 'simple-line-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon2-user:before {
  content: "\e005";
}
.icon2-people:before {
  content: "\e001";
}
.icon2-user-female:before {
  content: "\e000";
}
.icon2-user-follow:before {
  content: "\e002";
}
.icon2-user-following:before {
  content: "\e003";
}
.icon2-user-unfollow:before {
  content: "\e004";
}
.icon2-login:before {
  content: "\e066";
}
.icon2-logout:before {
  content: "\e065";
}
.icon2-emotsmile:before {
  content: "\e021";
}
.icon2-phone:before {
  content: "\e600";
}
.icon2-call-end:before {
  content: "\e048";
}
.icon2-call-in:before {
  content: "\e047";
}
.icon2-call-out:before {
  content: "\e046";
}
.icon2-map:before {
  content: "\e033";
}
.icon2-location-pin:before {
  content: "\e096";
}
.icon2-direction:before {
  content: "\e042";
}
.icon2-directions:before {
  content: "\e041";
}
.icon2-compass:before {
  content: "\e045";
}
.icon2-layers:before {
  content: "\e034";
}
.icon2-menu:before {
  content: "\e601";
}
.icon2-list:before {
  content: "\e067";
}
.icon2-options-vertical:before {
  content: "\e602";
}
.icon2-options:before {
  content: "\e603";
}
.icon2-arrow-down:before {
  content: "\e604";
}
.icon2-arrow-left:before {
  content: "\e605";
}
.icon2-arrow-right:before {
  content: "\e606";
}
.icon2-arrow-up:before {
  content: "\e607";
}
.icon2-arrow-up-circle:before {
  content: "\e078";
}
.icon2-arrow-left-circle:before {
  content: "\e07a";
}
.icon2-arrow-right-circle:before {
  content: "\e079";
}
.icon2-arrow-down-circle:before {
  content: "\e07b";
}
.icon2-check:before {
  content: "\e080";
}
.icon2-clock:before {
  content: "\e081";
}
.icon2-plus:before {
  content: "\e095";
}
.icon2-minus:before {
  content: "\e615";
}
.icon2-close:before {
  content: "\e082";
}
.icon2-event:before {
  content: "\e619";
}
.icon2-exclamation:before {
  content: "\e617";
}
.icon2-organization:before {
  content: "\e616";
}
.icon2-trophy:before {
  content: "\e006";
}
.icon2-screen-smartphone:before {
  content: "\e010";
}
.icon2-screen-desktop:before {
  content: "\e011";
}
.icon2-plane:before {
  content: "\e012";
}
.icon2-notebook:before {
  content: "\e013";
}
.icon2-mustache:before {
  content: "\e014";
}
.icon2-mouse:before {
  content: "\e015";
}
.icon2-magnet:before {
  content: "\e016";
}
.icon2-energy:before {
  content: "\e020";
}
.icon2-disc:before {
  content: "\e022";
}
.icon2-cursor:before {
  content: "\e06e";
}
.icon2-cursor-move:before {
  content: "\e023";
}
.icon2-crop:before {
  content: "\e024";
}
.icon2-chemistry:before {
  content: "\e026";
}
.icon2-speedometer:before {
  content: "\e007";
}
.icon2-shield:before {
  content: "\e00e";
}
.icon2-screen-tablet:before {
  content: "\e00f";
}
.icon2-magic-wand:before {
  content: "\e017";
}
.icon2-hourglass:before {
  content: "\e018";
}
.icon2-graduation:before {
  content: "\e019";
}
.icon2-ghost:before {
  content: "\e01a";
}
.icon2-game-controller:before {
  content: "\e01b";
}
.icon2-fire:before {
  content: "\e01c";
}
.icon2-eyeglass:before {
  content: "\e01d";
}
.icon2-envelope-open:before {
  content: "\e01e";
}
.icon2-envelope-letter:before {
  content: "\e01f";
}
.icon2-bell:before {
  content: "\e027";
}
.icon2-badge:before {
  content: "\e028";
}
.icon2-anchor:before {
  content: "\e029";
}
.icon2-wallet:before {
  content: "\e02a";
}
.icon2-vector:before {
  content: "\e02b";
}
.icon2-speech:before {
  content: "\e02c";
}
.icon2-puzzle:before {
  content: "\e02d";
}
.icon2-printer:before {
  content: "\e02e";
}
.icon2-present:before {
  content: "\e02f";
}
.icon2-playlist:before {
  content: "\e030";
}
.icon2-pin:before {
  content: "\e031";
}
.icon2-picture:before {
  content: "\e032";
}
.icon2-handbag:before {
  content: "\e035";
}
.icon2-globe-alt:before {
  content: "\e036";
}
.icon2-globe:before {
  content: "\e037";
}
.icon2-folder-alt:before {
  content: "\e039";
}
.icon2-folder:before {
  content: "\e089";
}
.icon2-film:before {
  content: "\e03a";
}
.icon2-feed:before {
  content: "\e03b";
}
.icon2-drop:before {
  content: "\e03e";
}
.icon2-drawer:before {
  content: "\e03f";
}
.icon2-docs:before {
  content: "\e040";
}
.icon2-doc:before {
  content: "\e085";
}
.icon2-diamond:before {
  content: "\e043";
}
.icon2-cup:before {
  content: "\e044";
}
.icon2-calculator:before {
  content: "\e049";
}
.icon2-bubbles:before {
  content: "\e04a";
}
.icon2-briefcase:before {
  content: "\e04b";
}
.icon2-book-open:before {
  content: "\e04c";
}
.icon2-basket-loaded:before {
  content: "\e04d";
}
.icon2-basket:before {
  content: "\e04e";
}
.icon2-bag:before {
  content: "\e04f";
}
.icon2-action-undo:before {
  content: "\e050";
}
.icon2-action-redo:before {
  content: "\e051";
}
.icon2-wrench:before {
  content: "\e052";
}
.icon2-umbrella:before {
  content: "\e053";
}
.icon2-trash:before {
  content: "\e054";
}
.icon2-tag:before {
  content: "\e055";
}
.icon2-support:before {
  content: "\e056";
}
.icon2-frame:before {
  content: "\e038";
}
.icon2-size-fullscreen:before {
  content: "\e057";
}
.icon2-size-actual:before {
  content: "\e058";
}
.icon2-shuffle:before {
  content: "\e059";
}
.icon2-share-alt:before {
  content: "\e05a";
}
.icon2-share:before {
  content: "\e05b";
}
.icon2-rocket:before {
  content: "\e05c";
}
.icon2-question:before {
  content: "\e05d";
}
.icon2-pie-chart:before {
  content: "\e05e";
}
.icon2-pencil:before {
  content: "\e05f";
}
.icon2-note:before {
  content: "\e060";
}
.icon2-loop:before {
  content: "\e064";
}
.icon2-home:before {
  content: "\e069";
}
.icon2-grid:before {
  content: "\e06a";
}
.icon2-graph:before {
  content: "\e06b";
}
.icon2-microphone:before {
  content: "\e063";
}
.icon2-music-tone-alt:before {
  content: "\e061";
}
.icon2-music-tone:before {
  content: "\e062";
}
.icon2-earphones-alt:before {
  content: "\e03c";
}
.icon2-earphones:before {
  content: "\e03d";
}
.icon2-equalizer:before {
  content: "\e06c";
}
.icon2-like:before {
  content: "\e068";
}
.icon2-dislike:before {
  content: "\e06d";
}
.icon2-control-start:before {
  content: "\e06f";
}
.icon2-control-rewind:before {
  content: "\e070";
}
.icon2-control-play:before {
  content: "\e071";
}
.icon2-control-pause:before {
  content: "\e072";
}
.icon2-control-forward:before {
  content: "\e073";
}
.icon2-control-end:before {
  content: "\e074";
}
.icon2-volume-1:before {
  content: "\e09f";
}
.icon2-volume-2:before {
  content: "\e0a0";
}
.icon2-volume-off:before {
  content: "\e0a1";
}
.icon2-calendar:before {
  content: "\e075";
}
.icon2-bulb:before {
  content: "\e076";
}
.icon2-chart:before {
  content: "\e077";
}
.icon2-ban:before {
  content: "\e07c";
}
.icon2-bubble:before {
  content: "\e07d";
}
.icon2-camrecorder:before {
  content: "\e07e";
}
.icon2-camera:before {
  content: "\e07f";
}
.icon2-cloud-download:before {
  content: "\e083";
}
.icon2-cloud-upload:before {
  content: "\e084";
}
.icon2-envelope:before {
  content: "\e086";
}
.icon2-eye:before {
  content: "\e087";
}
.icon2-flag:before {
  content: "\e088";
}
.icon2-heart:before {
  content: "\e08a";
}
.icon2-info:before {
  content: "\e08b";
}
.icon2-key:before {
  content: "\e08c";
}
.icon2-link:before {
  content: "\e08d";
}
.icon2-lock:before {
  content: "\e08e";
}
.icon2-lock-open:before {
  content: "\e08f";
}
.icon2-magnifier:before {
  content: "\e090";
}
.icon2-magnifier-add:before {
  content: "\e091";
}
.icon2-magnifier-remove:before {
  content: "\e092";
}
.icon2-paper-clip:before {
  content: "\e093";
}
.icon2-paper-plane:before {
  content: "\e094";
}
.icon2-power:before {
  content: "\e097";
}
.icon2-refresh:before {
  content: "\e098";
}
.icon2-reload:before {
  content: "\e099";
}
.icon2-settings:before {
  content: "\e09a";
}
.icon2-star:before {
  content: "\e09b";
}
.icon2-symbol-female:before {
  content: "\e09c";
}
.icon2-symbol-male:before {
  content: "\e09d";
}
.icon2-target:before {
  content: "\e09e";
}
.icon2-credit-card:before {
  content: "\e025";
}
.icon2-paypal:before {
  content: "\e608";
}
.icon2-social-tumblr:before {
  content: "\e00a";
}
.icon2-social-twitter:before {
  content: "\e009";
}
.icon2-social-facebook:before {
  content: "\e00b";
}
.icon2-social-instagram:before {
  content: "\e609";
}
.icon2-social-linkedin:before {
  content: "\e60a";
}
.icon2-social-pinterest:before {
  content: "\e60b";
}
.icon2-social-github:before {
  content: "\e60c";
}
.icon2-social-google:before {
  content: "\e60d";
}
.icon2-social-reddit:before {
  content: "\e60e";
}
.icon2-social-skype:before {
  content: "\e60f";
}
.icon2-social-dribbble:before {
  content: "\e00d";
}
.icon2-social-behance:before {
  content: "\e610";
}
.icon2-social-foursqare:before {
  content: "\e611";
}
.icon2-social-soundcloud:before {
  content: "\e612";
}
.icon2-social-spotify:before {
  content: "\e613";
}
.icon2-social-stumbleupon:before {
  content: "\e614";
}
.icon2-social-youtube:before {
  content: "\e008";
}
.icon2-social-dropbox:before {
  content: "\e00c";
}
.icon2-social-vkontakte:before {
  content: "\e618";
}
.icon2-social-steam:before {
  content: "\e620";
}
.icon2-airplane:before {
    content: "\e9af";
}

/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */