@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:200,400,700|PT+Sans:400,700|family=Pacifico|Roboto:500,700);

@font-face {
    font-family: quantocustaviajar;
    src: url(../fonts/quantocustaviajar.eot?42469458);
    src: url(../fonts/quantocustaviajar.eot?42469458#iefix) format("embedded-opentype"), url(../fonts/quantocustaviajar.woff?42469458) format("woff"), url(../fonts/quantocustaviajar.ttf?42469458) format("truetype"), url(../fonts/quantocustaviajar.svg?42469458#quantocustaviajar) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: quantocustaviajar;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-phone:before {
    content: "\e902"
}

.icon-message:before {
    content: "\e901"
}

.icon-boat:before {
    content: "\e900"
}

.icon-airplane:before {
    content: "\e800"
}

.icon-arrow-down:before {
    content: "\e801"
}

.icon-arrow-left:before {
    content: "\e802"
}

.icon-arrow-right:before {
    content: "\e803"
}

.icon-arrow-up:before {
    content: "\e804"
}

.icon-menu:before {
    content: "\e805"
}

.icon-breakfast:before {
    content: "\e806"
}

.icon-bus:before {
    content: "\e807"
}

.icon-calculator:before {
    content: "\e808"
}

.icon-car:before {
    content: "\e809"
}

.icon-cancel:before {
    content: "\e80a"
}

.icon-dinner:before {
    content: "\e80b"
}

.icon-exchange:before {
    content: "\e80c"
}

.icon-fork:before {
    content: "\e80d"
}

.icon-heart:before {
    content: "\e80e"
}

.icon-hosp-arrow-down:before {
    content: "\e80f"
}

.icon-hosp-arrow-up:before {
    content: "\e810"
}

.icon-home:before {
    content: "\e811"
}

.icon-cloud:before {
    content: "\e812"
}

.icon-lunch:before {
    content: "\e813"
}

.icon-marker:before {
    content: "\e814"
}

.icon-new-window:before {
    content: "\e815"
}

.icon-calendar:before {
    content: "\e816"
}

.icon-population:before {
    content: "\e817"
}

.icon-search:before {
    content: "\e818"
}

.icon-star-empty:before {
    content: "\e819"
}

.icon-star-full:before {
    content: "\e81a"
}

.icon-star-half:before {
    content: "\e81b"
}

.icon-heart-empty:before {
    content: "\e81c"
}

.icon-temperature:before {
    content: "\e81d"
}

.icon-people:before {
    content: "\e81e"
}

.icon-bed:before {
    content: "\e81f"
}

.icon-sun:before {
    content: "\e820"
}

.icon-clock:before {
    content: "\e821"
}

.icon-luggage:before {
    content: "\e822"
}

.icon-snowflake:before {
    content: "\e823"
}

.icon-brazil-map:before {
    content: "\e824"
}

.icon-deck-chair:before {
    content: "\e825"
}

.icon-herbal-spa-treatment-leaves:before {
    content: "\e826"
}

.icon-piggy-bank:before {
    content: "\e827"
}

.icon-woman-with-shopping:before {
    content: "\e828"
}

.icon-info-circled:before {
    content: "\e829"
}

.icon-heart-filled:before {
    content: "\e82a"
}

.icon-mail-1:before {
    content: "\e82b"
}

.icon-navio:before {
    content: "\e82c"
}

.icon-barco:before {
    content: "\e82d"
}

.icon-bus_tourism:before {
    content: "\e82e"
}

.icon-masc-fem:before {
    content: "\e82f"
}

.icon-link:before {
    content: "\e830"
}

.icon-idade:before {
    content: "\e831"
}

.icon-classe:before {
    content: "\e832"
}

.icon-ag:before {
    content: "\e833"
}

.icon-mundi:before {
    content: "\e835"
}

.icon-map:before {
    content: "\e864"
}

.icon-taxi:before {
    content: "\e865"
}

.icon-update:before {
    content: "\e866"
}

.icon-paris:before {
    content: "\e879"
}

.icon-gplus-1:before {
    content: "\f05a"
}

.icon-gplus:before {
    content: "\f0d5"
}

.icon-circle-empty:before {
    content: "\f10c"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-right:before {
    content: "\f178"
}

.icon-twitter:before {
    content: "\f309"
}

.icon-facebook:before {
    content: "\f30c"
}

.icon-facebook-circled:before {
    content: "\f30d"
}

p.direita {
    text-align: right
}

p.esquerda {
    text-align: left
}

.centro, .tooltip-price {
    text-align: center
}

.rpl {
    font: 0/0 a !important;
    color: transparent !important
}

.wrap {
    text-wrap: wrap;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel, .owl-carousel .owl-wrapper {
    display: none;
    position: relative
}

.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

#VnCal-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 0;
    position: relative;
    background-color: #fff
}

.tooltip-price {
    opacity: 0;
    transition: opacity .4s;
    border-radius: 3px;
    width: 120px;
    height: 60px;
    color: #fff;
    padding: 1px;
    border: 1px solid #0064bf;
    background: #fff;
    position: fixed;
    font-size: 12px;
    font-weight: 400;
    z-index: 9999
}

.tooltip-price header {
    border-radius: 3px 3px 0 0;
    font-size: 10px;
    width: 100%;
    height: 22px;
    line-height: 22px;
    background: #0064bf;
    color: #fff;
    font-weight: 400
}

.tooltip-price strong {
    font-size: 22px;
    color: #0064bf;
    font-weight: 700;
    line-height: 38px
}

.VNCal-legend {
    position: relative;
    width: 100%;
    height: 16px;
    margin: 30px auto;
    top: 20px;
    padding: 0 20px;
    background: #fff;
    clear: both;
    transition: .3s;
    transform-origin: 50% 50%
}

.VNCal-legend .VNCal-legendLabel {
    display: inline-block;
    padding: 2px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 20px;
    color: #333;
    clear: both;
    width: 255px;
    margin-left: -73px
}

.VNCal-legend [class^=VNCal-legendItem-] {
    width: 16px;
    height: 16px;
    float: left;
    margin: 1px
}

.VNCal-legend .VNCal-legendItem-bp:before, .VNCal-legend .VNCal-legendItem-np:before {
    height: 20px;
    left: 26px;
    display: inline-block;
    font-size: 11px;
    padding-right: 5px;
    border-right: 1px solid #ccc
}

.VNCal-legend .VNCal-legendItem-np {
    border: 1px solid #ccc;
    position: relative;
    margin: 0 170px 0 0
}

.VNCal-legend .VNCal-legendItem-np:before {
    width: 150px;
    position: absolute;
    content: "Nenhum preço encontrado";
    font-weight: 400;
    line-height: 16px
}

.VNCal-legend .VNCal-legendItem-bp {
    background: #ffa600;
    position: relative;
    margin: 0 100px 0 10px
}

.VNCal-legend .VNCal-legendItem-bp:before {
    width: 80px;
    position: absolute;
    content: "menor preço";
    font-weight: 400;
    line-height: 16px
}

.VNCal-Month .VNCal-Day, .VNCal-Month .VNCal-Day-disable {
    font-size: 9px;
    line-height: 16px;
    float: left;
    text-align: center;
    font-weight: 400
}

.VNCal-legend .VNCal-legendItem-Lowest {
    background: #e3f2ff;
    margin: 0 0 0 10px
}

.VNCal-legend .VNCal-legendItem-Lower {
    background: #bfe1ff;
    margin: 0 0 0 1px
}

.VNCal-legend .VNCal-legendItem-Medium {
    background: #73bcff;
    margin: 0 0 0 1px
}

.VNCal-legend .VNCal-legendItem-High {
    background: #2698ff;
    margin: 0 0 0 1px
}

.VNCal-legend .VNCal-legendItem-Highest {
    background: #0064bf;
    margin: 0 0 0 1px;
    position: relative
}

.VNCal-legend .VNCal-legendItem-ExpensivePrice {
    background: #0057a6;
    margin: 0 0 0 1px;
    position: relative
}

.VNCal-Month {
    width: 158px;
    height: 96px;
    float: left;
    position: relative;
    margin: 0 1.5% 40px;
    padding: 0 20px;
    transition: .4s;
    transform: scale(1, 1)
}

.VNCal-Month:nth-of-type(7) {
    display: none
}

.VNCal-Month:first-child {
    margin-right: 0 !important
}

.VNCal-Month .alldayscal {
    text-decoration: none
}

.VNCal-Month .alldayscal.ql:after {
    content: '';
    display: table;
    clear: both
}

.VNCal-Month .VNCal-Day {
    width: 16px;
    height: 16px;
    background: #fff;
    margin: 0;
    color: #999;
    cursor: pointer;
    transition: .1s;
    position: relative;
    transform-origin: 50% 50%;
    z-index: 1
}

.VNCal-Month .VNCal-Day.Lowest {
    background: #e3f2ff;
    color: #fff
}

.VNCal-Month .VNCal-Day.Lower {
    background: #bfe1ff;
    color: #fff
}

.VNCal-Month .VNCal-Day.Medium {
    background: #73bcff;
    color: #fff
}

.VNCal-Month .VNCal-Day.High {
    background: #2698ff;
    color: #fff
}

.VNCal-Month .VNCal-Day.Highest {
    background: #0064bf;
    color: #fff
}

.VNCal-Month .VNCal-Day.ExpensivePrice {
    background: #0057a6;
    color: #fff
}

.VNCal-Month .VNCal-Day.Best-price-in-month {
    background: #ffa600;
    color: #fff
}

.VNCal-Month .VNCal-Day.daypast {
    background-color: #f0f0f0 !important;
    color: #ccc;
    cursor: default
}

.VNCal-Month .VNCal-Day.daypast:before {
    content: "";
    height: 1px;
    width: 10px;
    display: block;
    position: absolute;
    background: #ccc;
    left: 3px;
    top: 6px
}

.VNCal-Month .VNCal-Day-disable {
    width: 16px;
    height: 16px;
    background: #fff;
    margin: 0;
    color: #fff
}

.VNCal-Month .VNCal-label {
    position: absolute;
    bottom: -56px;
    left: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: #333
}

.VNCal-Month .VNCal-labelSem {
    width: 100%;
    height: 16px;
    background: 0 0;
    margin: 0;
    float: left;
    position: relative;
    z-index: 1001
}

.VNCal-Month .VNCal-labelSem .VNCal-labelSem-day {
    width: 16px;
    height: 16px;
    background: 0 0;
    margin: 0;
    float: left;
    text-align: center;
    font-size: 8px;
    font-weight: 400;
    color: #333
}

.moeda, .priceMobile {
    display: none
}

@media screen and (min-width: 992px) {
    .VNCal-Month:before, .VNCal-Month:hover:before {
        height: 150px;
        padding: 20px;
        content: "";
        border-radius: 4px;
        position: absolute;
        top: -8px;
        left: 6px;
        z-index: 0;
        transform: scale(1, 1)
    }

    .VNCal-Month:before {
        width: 140px !important;
        background: rgba(236, 236, 236, 0);
        transition: .4s
    }

    .VNCal-Month:hover:before {
        width: 154px;
        background: rgba(236, 236, 236, .8)
    }

    .VNCal-Month .VNCal-Day:hover:not(.daypast) {
        box-shadow: #fff 0 0 0 3px;
        transform: scale(1.5, 1.5);
        z-index: 2
    }
}

@media screen and (max-width: 991px) {
    .priceMobile {
        display: block
    }

    #VnCal-container {
        width: 100%;
        margin: 0 auto;
        padding: 20px 0 0;
        position: relative;
        background-color: #fff
    }

    .tooltip-price {
        opacity: 0;
        transition: opacity .4s;
        border-radius: 3px;
        width: 120px;
        height: 60px;
        color: #fff;
        padding: 1px;
        border: 1px solid #0064bf;
        background: #fff;
        position: fixed;
        font-size: 12px;
        font-weight: 400;
        z-index: 9999;
        text-align: center
    }

    .tooltip-price header {
        border-radius: 3px 3px 0 0;
        font-size: 10px;
        width: 100%;
        height: 22px;
        line-height: 22px;
        background: #0064bf;
        color: #fff;
        font-weight: 400
    }

    .tooltip-price strong {
        font-size: 22px;
        color: #0064bf;
        font-weight: 700;
        line-height: 38px
    }

    .VNCal-legend {
        position: relative;
        width: 100%;
        height: 16px;
        margin: 30px auto;
        top: 20px;
        padding: 0 20px;
        background: #fff;
        clear: both;
        transition: .3s;
        transform-origin: 50% 50%
    }

    .VNCal-legend .VNCal-legendLabel {
        display: inline-block;
        padding: 2px;
        text-align: center;
        font-size: 12px;
        margin-bottom: 20px;
        color: #333;
        clear: both;
        width: 255px;
        margin-left: -73px
    }

    .VNCal-legend [class^=VNCal-legendItem-] {
        width: 16px;
        height: 16px;
        float: left;
        margin: 1px
    }

    .VNCal-legend .VNCal-legendItem-bp:before, .VNCal-legend .VNCal-legendItem-np:before {
        height: 20px;
        left: 26px;
        display: inline-block;
        padding-right: 5px;
        border-right: 1px solid #ccc;
        font-weight: 400;
        line-height: 16px;
        font-size: 11px
    }

    .VNCal-legend .VNCal-legendItem-np {
        border: 1px solid #ccc;
        position: relative;
        margin: 0 170px 0 0
    }

    .VNCal-legend .VNCal-legendItem-np:before {
        width: 150px;
        position: absolute;
        content: "Nenhum preço encontrado"
    }

    .VNCal-legend .VNCal-legendItem-bp {
        background: #ffa600;
        position: relative;
        margin: 0 100px 0 10px
    }

    .VNCal-legend .VNCal-legendItem-bp:before {
        width: 80px;
        position: absolute;
        content: "menor preço"
    }

    .VNCal-legend .VNCal-legendItem-Lowest {
        background: #e7f4ff;
        margin: 0 0 0 10px
    }

    .VNCal-legend .VNCal-legendItem-Lower {
        background: #c6e5ff;
        margin: 0 0 0 1px
    }

    .VNCal-legend .VNCal-legendItem-Medium {
        background: #7fc4ff;
        margin: 0 0 0 1px
    }

    .VNCal-legend .VNCal-legendItem-High {
        background: #2ca2ff;
        margin: 0 0 0 1px
    }

    .VNCal-legend .VNCal-legendItem-Highest {
        background: #016fc6;
        margin: 0 0 0 1px;
        position: relative
    }

    .VNCal-legend .VNCal-legendItem-ExpensivePrice {
        background: #0261af;
        margin: 0 0 0 1px;
        position: relative
    }

    .VNCal-Month {
        width: 97%;
        height: auto;
        float: left;
        position: relative;
        padding: 0;
        margin: 20px 6px 50px
    }

    .VNCal-Month:first-child {
        margin-left: 0 !important
    }

    .VNCal-Month:nth-of-type(7) {
        display: none
    }

    .VNCal-Month .alldayscal {
        text-decoration: none
    }

    .VNCal-Month .alldayscal.ql:after {
        content: '';
        display: table;
        clear: both
    }

    .VNCal-Month .VNCal-Day {
        background: #fff;
        margin: 0;
        float: left;
        font-size: 11px;
        font-weight: 400;
        color: #999;
        text-align: right;
        cursor: pointer;
        padding-right: 5px;
        transition: .1s;
        transform-origin: 50% 50%;
        z-index: 1
    }

    .VNCal-Month .VNCal-Day.Lowest {
        background: #e7f4ff;
        color: #0164bf
    }

    .VNCal-Month .VNCal-Day.Lower {
        background: #c6e5ff;
        color: #0164bf
    }

    .VNCal-Month .VNCal-Day.Medium {
        background: #7fc4ff;
        color: #fff
    }

    .VNCal-Month .VNCal-Day.High {
        background: #2ca2ff;
        color: #fff
    }

    .VNCal-Month .VNCal-Day.Highest {
        background: #016fc6;
        color: #fff
    }

    .VNCal-Month .VNCal-Day.ExpensivePrice {
        background: #0261af;
        color: #fff
    }

    .VNCal-Month .VNCal-Day.Best-price-in-month {
        background: #ffa600;
        color: #fff;
        font-weight: 300 !important
    }

    .VNCal-Month .VNCal-Day.daypast {
        background-color: #f7f7f7 !important;
        color: #ccc;
        cursor: default;
        line-height: 16px;
        border: 0
    }

    .VNCal-Month .VNCal-Day.daypast:before {
        display: none
    }

    .VNCal-Month .VNCal-Day .priceMobile {
        width: 100%;
        position: absolute;
        bottom: 6px;
        right: 6px;
        font-weight: 700;
        line-height: 8px
    }

    .VNCal-Month .VNCal-Day-disable {
        background: #fff;
        margin: 0;
        float: left;
        font-size: 11px;
        font-weight: 400;
        color: #fff;
        text-align: center
    }

    .VNCal-Month .VNCal-label {
        position: absolute;
        top: -25px;
        left: 0;
        width: 100%;
        height: 30px;
        text-align: center;
        color: #333;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700
    }

    .VNCal-Month .VNCal-Day, .VNCal-Month .VNCal-Day-disable {
        width: 14.2%;
        height: 42px;
        border: 1px solid #fff;
        position: relative;
        line-height: 16px;
        padding-top: 5px
    }

    .VNCal-Month .VNCal-labelSem {
        width: 100%;
        background: 0 0;
        margin: 0;
        float: left;
        position: relative;
        z-index: 1001;
        border-bottom: 1px solid #ebebeb;
        border-top: 1px solid #ebebeb;
        padding-top: 8px;
        padding-bottom: 5px;
        height: 31px;
        color: #7d7d7d;
        font-size: 13px
    }

    .VNCal-Month .VNCal-labelSem .VNCal-labelSem-day {
        width: 14%;
        height: 23px;
        background: 0 0;
        margin: 0;
        font-size: 13px;
        float: left;
        text-align: center
    }
}

@media screen and (min-width: 630px) and (max-width: 991px) {
    .box-calltoa2, .container.all-infos .box-calltoa {
        margin: 0 auto
    }

    .tooltip-price {
        display: none
    }

    .box-0 {
        height: 210px;
        padding-top: 20px
    }

    .box-calltoa2 {
        width: 132px;
        height: 210px
    }

    .VNCal-Month {
        float: none;
        display: inline-block;
        width: 45%;
        height: 166px;
        margin-bottom: 140px
    }

    .VNCal-Month:nth-child(odd) {
        margin-right: 20px
    }

    .VNCal-Month .VNCal-Day, .VNCal-Month .VNCal-Day-disable {
        width: 14.2%;
        height: 21%;
        position: relative;
        line-height: 16px;
        padding-top: 3px
    }

    .VNPriceCia-container {
        display: block;
        margin-top: -230px
    }

    .VNPriceCia-container.carousel .carousel-inner {
        overflow: inherit
    }

    .VNPriceCia-container.carousel .box-0 {
        height: 210px;
        padding-top: 20px
    }

    .VNPriceCia-container.carousel .box-calltoa {
        margin: 0 auto
    }

    .VNPriceCia-container.carousel .box-calltoa2 {
        margin: 0 auto;
        width: 132px;
        height: 210px
    }

    .breadcrumb {
        display: none
    }

    .vn-imagebox-b {
        height: 270px;
        margin-top: -75px;
        margin-bottom: -42px
    }

    .vn-imagebox-b h1.title {
        top: 100px;
        left: 15px;
        right: 15px
    }

    span.cooltext {
        padding-left: 40px !important;
        text-indent: 0 !important
    }

    #VnCal-container {
        text-align: center
    }

    .VNCal-legend {
        top: 0;
        height: auto;
        margin-bottom: 0
    }

    .VNCal-legend .VNCal-legendItem-np {
        margin-bottom: 10px
    }

    .VNCal-legend .VNCal-legendItem-bp {
        margin-left: 0
    }

    .VNCal-legend .VNCal-legendLabel {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

    #VnChart-container {
        padding-bottom: 10px;
        left: 0;
        top: -20px
    }

    #VnChart-leg-container {
        width: auto;
        right: 0;
        top: 0;
        position: relative
    }

    .panel-body.vn-box-info p {
        min-height: 16px !important
    }

    .panel-body.vn-box-info .vn-box-info-item {
        min-height: 62px !important
    }

    .busca-alt, .dest-alt, .panel, .panel-heading {
        border-radius: 0 !important
    }

    .new-menu {
        position: relative;
        right: 21px;
        top: -11px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .vn-imagebox-b {
        margin-bottom: -42px
    }

    .vn-imagebox-b h1.title {
        left: 10%;
        right: 10%
    }

    .new-menu {
        position: relative;
        right: 21px;
        top: -11px
    }
}

@media screen and (min-width: 630px) and (max-width: 750px) {
    .VNPriceCia-container {
        margin-top: -80px
    }
}

.footer_searchresult .footer-links ul li:first-child a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important
}

.container.all-infos *, .container.all-infos .panel .panel-body.vn-txt-info p, .container.all-infos .panel .panel-body.vn-txt-info p a, .container.all-infos .panel .panel-heading h2, .container.all-infos .panel .panel-heading h2 a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300
}

.container.all-infos .panel .panel-heading h2 {
    font-weight: 300 !important
}

.container.all-infos .busca-alt h4, .container.all-infos .busca-alt label, .container.all-infos .list-group .list-group-item.active, .container.all-infos .panel .panel-body.vn-box-info p, .container.all-infos .panel .panel-body.vn-box-info p strong, .container.all-infos .panel .panel-body.vn-txt-info p strong {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600
}

.container.all-infos .panel .panel-body.vn-txt-info h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px
}

.footer-logos__app {
    display: inline-block;
    float: right;
    margin-right: 20px
}

.rangeslider, .rangeslider__fill {
    display: block;
    border-radius: 10px
}

.moeda {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    color: #7e7e7e;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .footer-logos__app {
        margin: 0;
        text-align: center;
        width: 100%
    }
}

.rangeslider {
    background: #fff !important;
    position: relative
}

.rangeslider__fill {
    position: absolute
}

.rangeslider--horizontal {
    height: 5px;
    width: 100%
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%
}

.rangeslider--horizontal .rangeslider__handle {
    top: -7px;
    touch-action: pan-y;
    -ms-touch-action: pan-y
}

.rangeslider--vertical {
    width: 20px;
    min-height: 150px;
    max-height: 100%
}

.rangeslider--vertical .rangeslider__fill {
    bottom: 0;
    width: 100%
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x
}

.rangeslider--disabled {
    opacity: .4
}

.rangeslider__handle {
    background: #fff;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 50%
}

.rangeslider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%
}

input[type=range]:focus + .rangeslider .rangeslider__handle {
    box-shadow: 0 0 8px rgba(255, 0, 255, .9)
}

*, :after, :before {
    box-sizing: border-box
}

blockquote, body, button, dd, dl, fieldset, figure, form, h1, h2, h3, h4, h5, h6, legend, menu, ol, p, pre, section, summary, ul {
    margin: 0;
    padding: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
    display: block
}

button, fieldset, iframe, img {
    border: 0
}

input[type=search] {
    -webkit-appearance: none
}

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

html {
    font: 100% Arial, Helvetica, sans-serif;
    color: #434343
}

body {
    background-color: #fff;
    font-size: 14px;
    font-size: .875rem
}

body:after {
    content: 'geral';
    display: none
}

.crumb li, .phone.crop strong, .phone.crop:after, .stars-default, img {
    display: inline-block
}

li {
    list-style: none
}

embed, img, object {
    max-width: 100%;
    height: auto
}

embed, object {
    height: 100%
}

img {
    vertical-align: middle
}

a, a:focus, button, button:focus {
    outline: 0 !important
}

nav[aria-label="Page navigation"] {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 30px
}

nav[aria-label="Page navigation"] .pagination {
    background: #fff;
    border: 1px solid #cecece;
    border-radius: 0;
    margin: 0 auto
}

nav[aria-label="Page navigation"] .pagination li {
    padding: 5px 5px 0;
    display: inline-block
}

nav[aria-label="Page navigation"] .pagination li > a, nav[aria-label="Page navigation"] .pagination li > span {
    border: 0;
    color: #838383;
    font-family: "PT Sans", sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    border-radius: 0
}

nav[aria-label="Page navigation"] .pagination li.active > a, nav[aria-label="Page navigation"] .pagination li.active > span {
    background: #ef4b5a;
    color: #fff
}

nav[aria-label="Page navigation"] .pagination li:first-child > a, nav[aria-label="Page navigation"] .pagination li:last-child > a {
    border-radius: 0
}

.crumb {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.crumb li {
    list-style: none;
    font-family: "PT Sans", sans-serif;
    color: #8a8a8a
}

.crumb li a:after, .stars-default.five:before, .stars-default.four:before, .stars-default.one:before, .stars-default.three:before, .stars-default.two:before, .stars-default:before {
    font-family: quantocustaviajar
}

.crumb li a {
    color: #434343;
    font-size: 14px;
    font-size: .875rem
}

.crumb li a:after {
    content: '';
    font-size: 7px;
    margin: 0 6px 0 10px;
    vertical-align: middle;
    text-decoration: none
}

.crumb li a:hover {
    text-decoration: none
}

.crumb li a.destaque {
    color: #ef4b5a
}

.crumb li a.destaque:after {
    color: #434343
}

.js .mfp-bg {
    background: #fff;
    opacity: 0;
    transition: all .2s
}

.js .mfp-bg.mfp-ready {
    opacity: .7
}

.stars-default {
    text-align: left;
    color: #feba02
}

.stars-default:before {
    content: ''
}

.stars-default.one:before {
    content: ''
}

.stars-default.two:before {
    content: ''
}

.stars-default.three:before {
    content: reservar-passagens ""
}

.stars-default.four:before {
    content: ''
}

.stars-default.five:before {
    content: ''
}

.phone strong {
    font-weight: 400
}

.phone.crop strong {
    width: 75px;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.phone.crop:after {
    content: 'ver telefone';
    text-decoration: underline;
    color: #525252;
    vertical-align: 7px
}

.avalie, .avalie:hover {
    text-decoration: none
}

.avalie {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    font-family: "PT Sans", sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    margin-bottom: 20px;
    color: #525252
}

.avalie .stars.five:before, .avalie .stars.four:before, .avalie .stars.one:before, .avalie .stars.three:before, .avalie .stars.two:before, .avalie .stars:before {
    font-family: quantocustaviajar
}

.avalie .stars {
    text-align: center;
    color: #d3c41f;
    margin-right: 20px
}

.avalie .stars:before {
    content: ''
}

.avalie .stars.one:before {
    content: ''
}

.avalie .stars.two:before {
    content: ''
}

.avalie .stars.three:before {
    content: ''
}

.avalie .stars.four:before {
    content: ''
}

.avalie .stars.five:before {
    content: ''
}

.btn.btn-cinza, .btn.btn-default {
    padding: 10px 20px;
    border: 0;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    text-align: center;
    color: #fff
}

.header-page-home:before, .header-page:before, .input-horas:after {
    content: ''
}

.mfp-container {
    opacity: 0;
    transition: all .2s
}

.btn, .btn:hover {
    transition: all .3s;
    outline: 0
}

.mfp-container .popup {
    position: relative;
    margin: 0 auto
}

.mfp-wrap.mfp-ready .mfp-container {
    opacity: 1
}

.btn {
    display: inline-block
}

.btn:focus {
    outline: 0
}

.btn.btn-default {
    background: #ef4b5a;
    border-radius: 100px;
    font-size: 12px;
    font-size: .75rem
}

.btn.btn-default i:before {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 0
}

.btn.btn-default:hover {
    background: #f03c4d
}

.btn.btn-cinza {
    background: #676767;
    border-radius: 100px;
    font-size: 12px;
    font-size: .75rem
}

.btn.btn-cinza i:before {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 0
}

.btn.btn-cinza:hover {
    background: #6d6d6d
}

.btn.btn-cinza .icon-home:before {
    font-size: 18px;
    vertical-align: 0;
    margin-left: 0;
    margin-right: 10px
}

.btn.btn-cor-destaque {
    padding: 15px;
    text-align: center;
    background: #ef4b5a;
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 15px;
    font-size: .9375rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.btn.btn-default-branco, .btn.btn-default-preto {
    padding: 5px 15px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.btn.btn-cor-destaque:hover {
    background: #f03c4d
}

.btn.btn-default-preto {
    background: 0 0;
    color: #6d6d6d;
    border: 2px solid #6d6d6d;
    border-radius: 0;
    font-size: .875rem
}

.btn.btn-default-preto:hover {
    background: #6d6d6d;
    color: #fff
}

.btn.btn-default-branco {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: .875rem
}

.btn.btn-default-branco:hover {
    background: #fff;
    color: #000
}

.btn.btn-verde {
    padding: 8px 25px;
    text-align: center;
    border-radius: 50px;
    background: #378d57;
    color: #fff;
    border: 2px solid #fff;
    font-size: 14px;
    font-size: .875rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.btn.btn-verde:hover {
    background: #1a5831
}

.btn.btn-select {
    border-radius: 100px;
    background: #e4e4e4
}

.btn.btn-select .caret {
    border-bottom-color: #c2c2c2;
    border-top-color: #c2c2c2
}

.btn.btn-primary {
    padding: 10px 20px;
    text-align: center;
    color: #676767;
    background: 0 0;
    border: 2px solid #676767;
    border-radius: 8px;
    font-size: 13px;
    font-size: .8125rem;
    font-family: "PT Sans", sans-serif
}

.btn.btn-primary.active {
    background: #676767;
    color: #fff;
    border-color: transparent;
    outline: 0
}

.btn.btn-primary:focus {
    outline: 0
}

.btn.btn-big {
    padding: 20px;
    margin: 20px 0 40px;
    text-align: center;
    background: #ef4b5a;
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    width: 100%;
    font-weight: 300
}

.bootstrap-select.cinza .btn-default, .link.link-cidades, .link.link-foursquare, .link.link-nova-janela, .subtitle, .title-default {
    font-family: "PT Sans", sans-serif
}

.link.link-cidades, .subtitle strong, .title-bg strong, .title-default strong {
    font-weight: 700
}

.btn.btn-big i:before {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 0
}

.btn.btn-big:hover {
    background: #f03c4d
}

.bg-cinza {
    background: #f3f3f3;
    display: block
}

.bg-cinza .banner100 {
    padding-top: 30px;
    padding-bottom: 30px;
    display: block
}

.bg-preto {
    background: #000;
    display: block;
    color: #fff
}

.bg-branco {
    background: #fff !important
}

.mb0 {
    margin-bottom: 0
}

.mb20 {
    margin-bottom: 20px
}

.pb60 {
    padding-bottom: 60px !important
}

.pb0 {
    padding-bottom: 0 !important
}

.link.link-nova-janela {
    font-size: 12px;
    font-size: .75rem;
    color: #b9b9b9
}

.link.link-foursquare {
    color: #717171;
    font-size: 12px;
    font-size: .75rem;
    text-align: center;
    width: 100%;
    display: block;
    margin-top: -15px;
    margin-bottom: 20px
}

.link.link-foursquare strong {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.link.link-cidades {
    color: #ef4b5a;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: underline
}

.tt-menu {
    width: 100%;
    text-align: left;
    padding: 0 10px
}

.bootstrap-select.cinza .btn-default .filter-option, .title-default {
    text-align: center
}

.tt-menu .tt-suggestion {
    width: 100%;
    background: #fff;
    padding: 5px 15px;
    border: 1px solid #f9f9f9
}

.tt-menu .tt-suggestion:nth-child(2n+1) {
    background: #f9f9f9
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto
}

.bootstrap-select.cinza .btn-default {
    background: #f1f1f1;
    color: #3d3d3d;
    text-align: center;
    font-size: 17px;
    font-size: 1.0625rem;
    padding-right: 30px
}

.bootstrap-select.cinza .btn-default:active, .bootstrap-select.cinza .btn-default:focus, .bootstrap-select.cinza .btn-default:hover {
    outline: 0 !important
}

.bootstrap-select.cinza .btn-default .caret {
    color: #c5c5c5;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.title-default {
    font-size: 27px;
    font-size: 1.6875rem;
    width: 100%;
    margin: 45px 0 39px;
    display: block
}

.title-default .bootstrap-select {
    margin: 5px
}

.title-default hr {
    width: 150px;
    border-top: 3px solid #eee
}

.banner100, .subtitle, .title-bg {
    width: 100%;
    text-align: center;
    display: block
}

.subtitle {
    font-size: 16px;
    font-size: 1rem;
    margin: -25px 0 39px;
    color: #6a6969
}

.title-bg {
    color: #fff;
    height: 220px;
    margin: 60px 0;
    background-size: cover;
    background-position: center center
}

.title-bg strong {
    font-size: 74px;
    font-size: 4.625rem;
    padding-top: 50px;
    display: block
}

.header-page.passagens > div h2, .header-page.roteiros > div p {
    font-weight: 300;
    font-family: "PT Sans", sans-serif
}

.title-bg span {
    font-size: 24px;
    font-size: 1.5rem;
    display: block
}

.title-bg.nordeste {
    background-image: url(../images/marcacao/bg-nordeste.jpg)
}

.title-bg.familia {
    background-image: url(../images/marcacao/bg-familia.jpg)
}

.title-bg.nacionais {
    background-image: url(../images/marcacao/bg-pacotes-nacionais.jpg)
}

.title-bg.internacionais {
    background-image: url(../images/marcacao/bg-pacotes-internacionais.jpg)
}

.banner100 {
    margin: 20px 0
}

.video-embed {
    position: relative;
    height: 0;
    padding-top: 25px;
    padding-bottom: 56.25%
}

.video-embed embed, .video-embed iframe, .video-embed object {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.video-embed iframe {
    height: 100%
}

.crop {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.crop2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.input-calendario {
    background: #fff;
    border: 0;
    border-radius: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    position: relative
}

.input-calendario .input-group-addon {
    border: 0;
    background: 0 0;
    padding-right: 0;
    color: #c5c5c5;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.input-calendario .form-control, .input-horas .form-control {
    color: #6d6d6d;
    position: relative;
    z-index: 1 !important;
    box-shadow: none;
    text-align: center
}

.input-calendario .form-control {
    border: 1px solid #fff;
    border-radius: 20px !important;
    padding-left: 30px
}

.input-horas {
    background: #fff;
    border: 0;
    border-radius: 20px;
    margin: 0 0 0 10px;
    position: relative
}

.input-horas .form-control {
    border: 1px solid #fff;
    border-radius: 20px !important;
    padding-right: 5px;
    padding-left: 0
}

.input-horas:after {
    color: #c5c5c5;
    right: 10px;
    top: 15px;
    position: absolute;
    border-top: 5px dashed;
    border-top: 5px solid \9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    z-index: 2
}

.header-page:before, .over {
    display: block;
    top: 0;
    left: 0
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background: #ef4b5a;
    color: #fff !important
}

.bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table thead tr:first-child th {
    color: #434343
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #ef4b5a
}

.bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
    color: #777
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: rgba(119, 119, 119, .18) !important
}

.icon-link:before {
    width: auto
}

.alert.alert-warning {
    background: #faebc4;
    text-align: center;
    color: #3d3d3d;
    border-color: #e0d1a9;
    border-radius: 3px
}

.alert.alert-warning a {
    color: #3d3d3d;
    text-decoration: underline
}

.alert.alert-success {
    background: #378d57;
    border: 0;
    color: #fff
}

.over {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%
}

.form-default input[type=text], .form-default textarea {
    background: #fff;
    border-radius: 20px;
    border: 0;
    font-size: 14px;
    font-size: .875rem;
    padding: 8px 20px
}

.form-default input[type=text]:focus, .form-default textarea:focus {
    outline: 0
}

.form-default .input-group {
    height: 36px
}

.form-default .input-group .input-group-addon {
    border: 0;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: none;
    padding: 10px 12px
}

.form-default .input-group .input-group-addon i {
    color: #ccc
}

.form-default .input-group input {
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 14px;
    font-size: .875rem;
    height: 36px;
    padding-left: 0
}

.header-page {
    background: url(../images/marcacao/cidade-novayork.jpg) top center;
    background-size: cover;
    height: 309px;
    position: relative;
    color: #fff
}

.header-page:before {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    right: 0;
    z-index: 1
}

.header-page .container {
    position: relative;
    z-index: 2;
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.header-page .container > div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.header-page .container > div h1 {
    text-transform: uppercase;
    font-family: Montserrat, sans-serif
}

.header-page .container > div h1 span {
    font-size: 11px;
    font-size: .6875rem;
    display: block;
    text-align: center
}

.header-page .container > div h1 strong {
    font-size: 46px;
    font-size: 2.875rem;
    display: block;
    margin: 10px auto;
    text-align: center
}

.header-page .container > div .btn {
    margin: 0 auto;
    min-width: 200px !important;
    width: max-content;
    max-width: 300px !important;
    display: block
}

.header-page[class*=bg-] {
    margin-bottom: 60px
}

.header-page[class*=bg-]:before {
    opacity: .6
}

.header-page[class*=bg-] .container > div h1 span {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 20px
}

.header-page[class*=bg-] .container > div h1 i {
    display: block;
    margin: 0 auto 10px;
    width: 40px
}

.header-page[class*=bg-] .container > div p {
    text-align: center;
    display: block;
    max-width: 700px;
    font-size: 14px;
    font-size: .875rem;
    margin: 0 auto;
    padding: 0 20px
}

.header-page.bg-1:before {
    background: #613008
}

.header-page.bg-2:before {
    background: #00abeb
}

.header-page.bg-3:before {
    background: #e64f85
}

.header-page.bg-4:before {
    background: #761094
}

.header-page.bg-5:before {
    background: #2daf18
}

.header-page.bg-6:before {
    background: #c80000
}

.header-page.bg-7:before {
    background: #ea7f00
}

.header-page.passagens {
    background: url(../images/bg-passagem-aerea-barata.jpg) top center;
    background-size: cover;
    text-align: center;
    height: 449px
}

.header-page.passagens:before {
    background: rgba(0, 0, 0, .1)
}

.header-page.passagens > div h1 strong {
    font-size: 30px;
    font-size: 1.875rem
}

.header-page.passagens > div h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 10px;
    margin-bottom: 20px;
    letter-spacing: 2px
}

.header-page.passagens .form-inline .form-group {
    margin-left: 20px;
    margin-top: 20px
}

.header-page.passagens .form-inline .form-group label {
    color: #434343;
    margin-right: 8px
}

.header-page.passagens .form-inline .bootstrap-select .btn-default {
    background: #fff;
    color: #6d6d6d;
    font-size: 14px;
    font-size: .875rem;
    font-family: "PT Sans", sans-serif;
    text-transform: inherit;
    min-width: 180px
}

.header-page.passagens .form-inline .bootstrap-select .btn-default:hover {
    background: #fff;
    color: #3d3d3d
}

.header-page.passagens .form-inline .bootstrap-select .btn-default .caret {
    color: #c5c5c5;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 0
}

.header-page.passagens .form-inline .btn-default {
    width: 160px
}

.header-page.pacotes-home {
    height: auto
}

.header-page.pacotes-home .container > div:nth-child(1) {
    padding: 30px 0;
    display: block
}

.header-page.pacotes-home h1 strong {
    font-size: 30px !important
}

.header-page.pacotes-home h1 span {
    font-size: 25px !important
}

.header-page.pacotes-home:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .43) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#6e000000', GradientType=0)
}

.header-page.pacotes-home.interna {
    margin-bottom: 15px
}

.header-page.roteiros {
    background: url(../images/bg-roteiros.jpg) top center;
    background-size: cover;
    text-align: center;
    height: 449px
}

.header-page.roteiros:before, .header-page.small:before {
    background: rgba(0, 0, 0, .1)
}

.header-page.roteiros > div h1 strong {
    font-size: 30px;
    font-size: 1.875rem
}

.header-page.roteiros > div p {
    font-size: 15px;
    font-size: .9375rem;
    margin-top: 10px;
    margin-bottom: 20px
}

.header-page.small {
    height: 280px
}

.header-page-home {
    background: url(../images/bg-home.jpg) top center;
    background-size: cover;
    height: 732px;
    position: relative;
    color: #fff;
    /*z-index: 1*/
}

.header-page-home:before {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    left: 0;
    right: 0;
    /*z-index: 1*/
}

.header-page-home > .container, .header-page-home > .container .busca-home form .input-group {
    position: relative;
    width: 100%
}

.header-page-home > .container {
    z-index: 5;
    display: table;
    height: 100%;
    vertical-align: middle
}

.header-page-home > .container .busca-home {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell
}

.header-page-home > .container .busca-home h1 {
    font-family: Montserrat, sans-serif;
    margin-top: -100px
}

.header-page-home > .container .busca-home h1 span {
    font-size: 13px;
    font-size: .8125rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: "PT Sans", sans-serif;
    letter-spacing: 1px
}

.header-page-home > .container .busca-home h1 strong {
    font-size: 49px;
    font-size: 3.0625rem;
    display: block;
    margin: 40px auto 20px;
    text-align: center
}

.header-page-home > .container .busca-home form {
    display: block;
    max-width: 510px;
    margin: 60px auto
}

.header-page-home > .container .busca-home form .input-group:after {
    content: '';
    font-family: quantocustaviajar;
    color: #616161;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 15px;
    font-size: 18px;
    font-size: 1.125rem
}

.header-page-home > .container .busca-home form .input-group input[type=text] {
    padding: 7px 20px 7px 50px;
    color: #616161;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    display: table-cell;
    width: calc(100% - 140px);
    height: 50px;
    border: 0;
    vertical-align: middle;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.header-page-home > .container .busca-home form .input-group input[type=text]:focus {
    outline: 0
}

.header-page-home > .container .busca-home form .input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 15px;
    font-size: .9375rem;
    padding: 15px 30px;
    display: table-cell;
    width: 140px;
    height: 50px
}

.header-blog-home {
    background: url(../images/bg-blog-home.jpg) top center;
    background-size: cover;
    height: 732px;
    position: relative;
    color: #fff;
    z-index: 1
}

.header-blog-home:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.header-blog-home > .container, .header-blog-home > .container .busca-home form .input-group {
    width: 100%;
    position: relative
}

.header-blog-home > .container {
    z-index: 2;
    display: table;
    height: 100%;
    vertical-align: middle
}

.header-blog-home > .container .busca-home {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell
}

.header-blog-home > .container .busca-home h1 {
    font-family: Montserrat, sans-serif;
    margin-top: -100px;
    text-align: center
}

.header-blog-home > .container .busca-home h1 span {
    font-size: 13px;
    font-size: .8125rem;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: "PT Sans", sans-serif;
    letter-spacing: 1px
}

.header-blog-home > .container .busca-home h1 strong {
    font-size: 49px;
    font-size: 3.0625rem;
    display: block;
    margin: 40px auto 20px;
    text-align: center
}

.header-blog-home > .container .busca-home form {
    display: block;
    max-width: 510px;
    margin: 60px auto
}

.header-blog-home > .container .busca-home form .nav-tabs li {
    border: 0
}

.header-blog-home > .container .busca-home form .nav-tabs li a {
    background: #fff;
    border-radius: 0;
    text-transform: uppercase;
    color: #434343
}

.header-blog-home > .container .busca-home form .nav-tabs li:active a {
    background: #ef4b5a;
    color: #fff
}

.header-blog-home > .container .busca-home form .input-group:after {
    content: '';
    font-family: quantocustaviajar;
    color: #616161;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 15px;
    font-size: 18px;
    font-size: 1.125rem
}

.header-blog-home > .container .busca-home form .input-group input[type=text] {
    padding: 7px 20px 7px 50px;
    color: #616161;
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    display: table-cell;
    width: calc(100% - 140px);
    height: 50px;
    border: 0;
    vertical-align: middle;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.header-blog-home > .container .busca-home form .input-group input[type=text]:focus {
    outline: 0
}

.header-blog-home > .container .busca-home form .input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 15px;
    font-size: .9375rem;
    padding: 15px 30px;
    display: table-cell;
    width: 140px;
    height: 50px
}

article.post {
    position: relative;
    background: #fff;
    padding-bottom: 24px
}

article.post .post-thumbnail {
    height: 330px;
    overflow: hidden
}

article.post .post-thumbnail .attachment-full {
    object-fit: cover;
    height: 330px;
    width: 100%;
    object-position: center;
    transform: scale(1);
    transition: all .5s ease
}

article.post .entry-content {
    text-align: left;
    margin: 35px 35px 0
}

article.post .entry-content .cat-links a {
    font-size: 14px;
    color: #ef4b5a;
    text-align: left;
    font-weight: 700;
    line-height: 1
}

article.post .entry-content .entry-title {
    margin: 5px 0 20px;
    line-height: .9
}

article.post .entry-content .entry-title a {
    font-family: Roboto, sans-serif;
    font-size: 26px;
    color: #000;
    font-weight: 700
}

article.post .entry-content p {
    font-size: 16px;
    line-height: 18px;
    color: #484848;
    height: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

article.post:hover .cat-links a {
    text-decoration: none
}

article.post:hover .entry-title a {
    color: #ef4b5a;
    text-decoration: underline
}

article.post:hover .attachment-full {
    transform: scale(1.1);
    transition: all .5s ease
}

article.post.type-post-text {
    background-color: transparent
}

article.post.type-post-text .entry-content {
    text-align: left;
    margin: 10px 0
}

article.post.type-post-text .entry-content .cat-links a {
    font-size: 14px;
    font-weight: 400;
    position: relative
}

article.post.type-post-text .entry-content .cat-links a::before {
    content: '';
    width: 104px;
    height: 4px;
    background-color: #c7c7c7;
    position: absolute;
    bottom: -15px
}

article.post.type-post-text .entry-content .entry-title {
    margin: 20px 0 0;
    line-height: .8
}

article.post.type-post-text .entry-content .entry-title a {
    font-size: 21px
}

article.post.post.type-post-small {
    padding-bottom: 20px;
    margin-top: 2.5rem
}

article.post.post.type-post-small .post-thumbnail, article.post.post.type-post-small .post-thumbnail .attachment-full {
    height: 157px
}

article.post.post.type-post-small .entry-content {
    margin: 20px 15px 0;
    height: 145px
}

article.post.post.type-post-small .entry-content .cat-links a {
    font-weight: 400
}

article.post.post.type-post-small .entry-content .entry-title {
    line-height: 1.3;
    margin: 5px 0 10px
}

article.post.post.type-post-small .entry-content .entry-title a {
    font-size: 19px;
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 95px
}

@media only screen and (max-width: 768px) {
    article.post {
        padding-bottom: 15px;
        margin-bottom: 35px
    }

    article.post .post-thumbnail, article.post .post-thumbnail .attachment-full {
        height: 260px
    }

    article.post .entry-content {
        margin: 15px 15px 0
    }

    article.post .entry-content .cat-links a {
        font-size: 11px
    }

    article.post .entry-content .entry-title {
        margin: 5px 0 15px;
        line-height: .6
    }

    article.post .entry-content .entry-title a {
        font-size: 20px
    }

    article.post .entry-content p {
        font-size: 14px;
        line-height: 16px;
        height: 50px
    }

    article.post.type-post-text {
        margin-top: 30px
    }

    article.post.type-post-text .entry-content .cat-links a {
        font-size: 12px
    }

    article.post.type-post-text .entry-content .entry-title {
        margin: 10px 0 0;
        line-height: .6
    }

    article.post.type-post-text .entry-content .entry-title a {
        font-size: 20px
    }

    article.post.post.type-post-small .entry-content {
        margin: 15px 15px 0;
        height: 100px
    }

    article.post.post.type-post-small .entry-content .entry-title {
        line-height: 1.3;
        margin: 5px 0 10px
    }
}

.wrap-list-content {
    margin-top: 65px
}

.wrap-list-content header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-align: center;
    align-items: center;
    height: 130px
}

.wrap-list-content header .logo {
    width: 30px
}

.wrap-list-content header .title {
    font-size: 21px;
    color: #3d3d3d;
    width: 60%;
    text-align: center;
    margin-top: 20px
}

.wrap-list-content label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 12px;
    font-weight: 400;
    color: #747474;
    margin-top: 10px;
    text-transform: uppercase
}

.wrap-list-content label a {
    color: #000;
    margin-left: 5px
}

.wrap-list-content .list-content-popular {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    counter-reset: section
}

.wrap-list-content .list-content-popular li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #e7e7e7;
    padding: 10px
}

.wrap-list-content .list-content-popular li a h5 {
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    color: #4d4d4d;
    text-transform: uppercase;
    font-weight: 400
}

.wrap-list-content .list-content-popular li a h5::before {
    counter-increment: section;
    content: counter(section);
    font-weight: 700;
    margin-right: 10px
}

.wrap-list-content .list-content-popular li a span {
    color: #4d4d4d
}

.wrap-list-content .list-content-destiny {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-left: 70px
}

.wrap-list-content .list-content-destiny li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 0;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center
}

.wrap-list-content .list-content-destiny li a .icon-heart {
    background-color: #d63f51;
    margin-right: 10px;
    color: #fff
}

.wrap-list-content .list-content-destiny li a .icon-heart:before {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    width: 36px
}

.wrap-list-content .list-content-destiny li a h5 {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    color: #4d4d4d;
    font-weight: 400
}

.wrap-list-content .list-content-sale {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}
.wrap-list-content .list-content-sale li{
    width: 100%;
}
.wrap-list-content .list-content-sale li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 16.6px 0;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
}

.wrap-list-content .list-content-sale li a .wrap-date {
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px
}

.wrap-list-content .list-content-sale li a .wrap-date .icon-calendario {
    background-image: url(../images/icon/icon-calendario.png);
    background-repeat: no-repeat;
    width: 20px;
    background-size: contain
}

.wrap-list-content .list-content-sale li a .wrap-date span {
    font-size: 11px;
    color: #787878;
    font-family: "PT Sans", sans-serif
}

.wrap-list-content .list-content-sale li a .wrap-destiny {
    display: -ms-flexbox;
    display: flex
}

.wrap-list-content .list-content-sale li a .wrap-destiny span {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    color: #191b1f;
    margin-right: 5px
}

.wrap-list-content .list-content-sale li a .wrap-destiny span::after {
    content: '>';
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    color: #b0b0b0;
    margin-left: 5px
}

.wrap-list-content .list-content-sale li a .wrap-destiny strong {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    color: #191b1f;
    font-weight: 700
}

.wrap-list-content .btn {
    border-color: #3d3d3d;
    color: #3d3d3d;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.wrap-list-content .btn:hover {
    background-color: #3d3d3d;
    color: #fff
}

@media only screen and (max-width: 768px) {
    .wrap-list-content::before {
        content: '';
        border-top: 1px solid #eee;
        width: 100%;
        height: 1px;
        display: -ms-flexbox;
        display: flex;
        top: -25px;
        position: relative
    }

    .wrap-list-content.no-border::before {
        border: none
    }

    .wrap-list-content header .title {
        width: 70%
    }

    .wrap-list-content .list-content-destiny {
        margin-left: 0
    }

    .wrap-list-content .list-content-sale li .wrap-date {
        display: -ms-flexbox;
        display: flex;
        margin-right: 15px
    }

    .wrap-list-content .list-content-sale li .wrap-destiny span {
        font-size: 14px;
        margin-right: 5px
    }

    .wrap-list-content .list-content-sale li .wrap-destiny span::after {
        content: '>';
        font-size: 14px;
        margin-left: 5px
    }

    .wrap-list-content .list-content-sale li .wrap-destiny strong {
        font-size: 14px
    }
}

.slider-home {
    position: absolute;
    background: rgba(214, 63, 81, .8);
    bottom: 0;
    left: 0;
    height: 170px !important;
    display: block;
    width: 100%
}

.slider-home > div {
    position: relative;
    height: 170px !important
}

.slider-home > div .item {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    display: inline-block;
    height: 170px;
    width: 100%;
    transition: all .3s
}

.slider-home > div .item a {
    color: #fff;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 200
}

.slider-home > div .item a img {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    transition: all .3s
}

.slider-home > div .item a div {
    position: relative;
    z-index: 3;
    padding: 20px;
    width: 100%
}

.slider-home > div .item a div i {
    font-size: 20px;
    margin-bottom: 10px;
    display: block
}

.slider-home > div .item a div h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px
}

.slider-home > div .item a div p {
    color: #fcc
}

.slider-home > div .item a div .btn {
    font-size: 10px;
    font-size: .625rem;
    margin-top: 10px;
    opacity: 0;
    transition: all .3s
}

.slider-home > div .item a:hover {
    text-decoration: none
}

.slider-home > div .item:before {
    content: "";
    opacity: .6;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.slider-home > div .item:hover {
    text-decoration: none;
    transition: all .3s
}

.slider-home > div .item:hover img {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.slider-home > div .item:hover.bg-1:before {
    background: #613008
}

.slider-home > div .item:hover.bg-2:before {
    background: #00abeb
}

.slider-home > div .item:hover.bg-3:before {
    background: #e64f85
}

.slider-home > div .item:hover.bg-4:before {
    background: #761094
}

.slider-home > div .item:hover.bg-5:before {
    background: #2daf18
}

.slider-home > div .item:hover.bg-6:before {
    background: #c80000
}

.slider-home > div .item:hover.bg-7:before {
    background: #ea7f00
}

.slider-home > div .item:hover p {
    color: #fff
}

.slider-home > div .item:hover .btn {
    opacity: 1;
    transition: all .3s
}

.slider-home > div .owl-next, .slider-home > div .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: 0 0;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px
}

.slider-home > div .owl-prev {
    left: -30px
}

.slider-home > div .owl-next {
    right: -30px
}

.wrap-banner-home {
    position: absolute;
    bottom: 180px;
    z-index: 1020;
    width: 100%;
    height: 90px;
    left: 0
}

.wrap-banner-home iframe, .wrap-banner-home img, .wrap-banner-home ins {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.wrap-banner-footer {
    width: 100%;
    height: 90px;
    display: inline-block;
    margin: 50px auto
}

.wrap-banner-footer iframe, .wrap-banner-footer img, .wrap-banner-footer ins {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.scroller {
    position: absolute;
    color: #ef4b5a;
    z-index: 2;
    padding: 12px 0;
    height: 43px;
    width: 40px;
    font-size: 11px
}

.atracoes .atracoes-carousel, .barra-nav ul {
    position: relative
}

.scroller.scroller-right {
    background: linear-gradient(to right, rgba(67, 67, 67, 0) 0, #434343 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00434343', endColorstr='#434343', GradientType=1);
    right: 0;
    text-align: right
}

.atracoes .atracoes-carousel .owl-next, .tours-passeios .tourspasseios-carousel .owl-next, .transporte .transporte-carousel .owl-next {
    right: -10px
}

.barra-nav {
    background: #434343;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.barra-nav ul {
    white-space: nowrap;
    width: 1170px;
    margin: 0 auto;
    border-bottom: 0
}

.barra-nav ul li {
    margin-bottom: 0;
    float: inherit;
    display: inline-block
}

.barra-nav ul li a {
    background: 0 0;
    color: #fff;
    border: 0;
    font-size: 12px;
    font-size: .75rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    padding: 13px 20.4px 10px
}

.atracoes .atracoes-carousel .item .saiba-mais h3, .atracoes .atracoes-carousel .item .saiba-mais p, .atracoes .atracoes-carousel .item .sobre, .infos .text p, .infos.cidade dl, .line-infos li div h4 {
    font-family: "PT Sans", sans-serif
}

.barra-nav ul li a:focus, .barra-nav ul li a:hover, .barra-nav ul li a:visited {
    background: rgba(0, 0, 0, .09);
    border: 0;
    color: #fff;
    border-bottom: 3px solid rgba(0, 0, 0, .23)
}

.barra-nav ul li a i:before {
    font-size: 14px;
    width: auto;
    padding: 0 5px 0 0;
    margin: 0;
    text-align: right
}

.barra-nav ul li.active a, .barra-nav ul li.active a:focus, .barra-nav ul li.active a:hover {
    background: 0 0;
    border: 0;
    color: #fff;
    border-bottom: 3px solid #ef4b5a
}

.infos {
    background: #f4f4f4;
    padding: 30px 0
}

.infos:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    clear: both
}

.infos .crumb {
    margin-top: -20px
}

.infos .text p {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px
}

.infos .banner {
    margin-top: 30px
}

.infos .banner img {
    width: 100%
}

.infos.cidade .btn {
    margin: 30px auto;
    width: 120px;
    display: block
}

.infos.cidade .banner {
    text-align: center
}

.infos.cidade .mapa .map-small {
    width: 100%;
    height: 300px
}

.infos.cidade .mapa .banner {
    display: none
}

.infos.cidade dl {
    font-size: 16px;
    font-size: 1rem;
    display: block;
    margin-top: 20px
}

.infos.cidade dl dt a {
    color: #434343;
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

.infos.cidade dl dt a i[class^=cor] {
    border-radius: 10px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 10px
}

.infos.cidade dl dt a i.cor1 {
    background-color: #05aad5
}

.infos.cidade dl dt a i.cor2 {
    background-color: #6bd796
}

.infos.cidade dl dt a i.cor3 {
    background-color: #ceb74e
}

.infos.cidade dl dt a i.cor4 {
    background-color: #f385ba
}

.infos.cidade dl dt a i.cor5 {
    background-color: #17e0ea
}

.line-infos {
    padding: 30px 0;
    background: #e5e5e5
}

.line-infos li {
    display: inline-block;
    width: 49%;
    color: #9b9b9b
}

.line-infos li div {
    display: table;
    height: 70px
}

.line-infos li div i:before {
    font-size: 30px;
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    margin: 0;
    padding: 0;
    text-align: left
}

.line-infos li div i.icon-clock:before {
    font-size: 46px
}

.line-infos li div h4 {
    font-size: 12px;
    font-size: .75rem;
    display: table-cell;
    vertical-align: middle;
    color: #434343
}

.line-infos li div h4 span {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
    margin-top: 3px
}

.line-infos li div h4 a {
    font-size: 11px;
    font-size: .6875rem;
    color: #ef4b5a;
    display: block;
    text-decoration: underline
}

.anuncie a:hover, .atracoes .atracoes-carousel .owl-next, .atracoes .atracoes-carousel .owl-prev, .atracoes-cidade .item a:focus, .atracoes-cidade .item a:hover, .calcule .resultado-calcule .atracoes .item a:focus, .calcule .resultado-calcule .atracoes .item a:hover, .calcule .resultado-calcule .owl-next, .calcule .resultado-calcule .owl-prev, .calcule .resultado-calcule .passeios-atividades .item a:focus, .calcule .resultado-calcule .passeios-atividades .item a:hover, .calcule .resultado-calcule .row li > a:focus, .calcule .resultado-calcule .row li > a:hover, .calcule .resultado-calcule .row li > div:focus, .calcule .resultado-calcule .row li > div:hover, .categorias-cidade ul .item a, .categorias-cidade ul .item a:hover, .dicas-viagem ul > li:hover, .guia ul li a:focus, .guia ul li a:hover, .hospedagem-precos > div table td:first-child a:hover, .lista-carros ul li a:hover, .locadoras-carros .lista-locadoras ul li a:hover, .paises ul li a:hover, .tours-passeios .tourspasseios-carousel .item a, .tours-passeios .tourspasseios-carousel .item a:hover, .tours-passeios .tourspasseios-carousel .owl-next, .tours-passeios .tourspasseios-carousel .owl-prev, .transporte .transporte-carousel .item a:hover, .transporte .transporte-carousel .owl-next, .transporte .transporte-carousel .owl-prev, .veja-tambem ul li a:hover {
    text-decoration: none
}

.atracoes {
    background: #f3f3f3;
    padding-bottom: 40px;
    display: block
}

.atracoes .atracoes-carousel .item {
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.atracoes .atracoes-carousel .item:after {
    content: '';
    position: absolute;
    background: #000;
    opacity: .3;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.atracoes .atracoes-carousel .item img {
    width: 100%;
    position: relative;
    z-index: 1
}

.atracoes .atracoes-carousel .item .saiba-mais {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 3;
    top: 0;
    left: 0
}

.atracoes .atracoes-carousel .item .saiba-mais a {
    color: #fff;
    float: right;
    margin: 10px;
    font-size: 20px
}

.atracoes .atracoes-carousel .item .saiba-mais h3 {
    position: absolute;
    bottom: 45px;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    text-align: center;
    font-weight: 700
}

.atracoes .atracoes-carousel .item .saiba-mais p {
    position: absolute;
    bottom: 20px;
    font-size: 14px;
    font-size: .875rem;
    width: 100%;
    text-align: center
}

.atracoes .atracoes-carousel .item .saiba-mais p strong {
    font-weight: 700
}

.atracoes .atracoes-carousel .item .sobre {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #565656;
    z-index: 9;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 300;
    padding: 30px;
    box-sizing: border-box;
    overflow-x: auto
}

.atracoes .atracoes-carousel .item .sobre table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px
}

.atracoes .atracoes-carousel .item .sobre table td {
    border-bottom: 1px dashed #fff;
    text-align: right;
    padding: 3px 0
}

.atracoes .atracoes-carousel .item .sobre table td:first-child {
    text-align: left;
    font-weight: 700
}

.atracoes .atracoes-carousel .item .sobre table td:nth-child(2) {
    color: #bcbcbc
}

.tours-passeios .title-default, .tours-passeios .tourspasseios-carousel .item a .saiba-mais {
    color: #fff
}

.atracoes .atracoes-carousel .item .sobre .btn-default {
    font-size: 12px;
    font-size: .75rem;
    text-transform: initial;
    padding-top: 5px;
    padding-bottom: 5px
}

.busca-hospedagem, .tours-passeios, .transporte {
    padding-bottom: 40px;
    display: block
}

.atracoes .atracoes-carousel .item .sobre .btn-default i:before {
    font-size: 12px;
    font-size: .75rem
}

.atracoes .atracoes-carousel .item .sobre.in {
    display: block
}

.atracoes .atracoes-carousel .owl-next, .atracoes .atracoes-carousel .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: #3c3c3c;
    color: #fff;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px
}

.atracoes .atracoes-carousel .owl-prev {
    left: -10px
}

.atracoes .btn-default-preto {
    margin: 30px auto 0;
    width: 130px;
    display: block
}

.tours-passeios {
    background: url(../images/bg-tours-passeios.jpg) no-repeat;
    background-size: cover
}

.tours-passeios .tourspasseios-carousel {
    position: relative
}

.tours-passeios .tourspasseios-carousel .item {
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.tours-passeios .tourspasseios-carousel .item a .imgs {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.tours-passeios .tourspasseios-carousel .item a .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.tours-passeios .tourspasseios-carousel .item a .imgs .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -80px;
    z-index: 3;
    font-size: 12px;
    font-size: .75rem
}

.tours-passeios .tourspasseios-carousel .owl-prev, .transporte .transporte-carousel .owl-prev {
    left: -10px
}

.tours-passeios .tourspasseios-carousel .item a .imgs .btn i:before {
    font-size: 13px;
    vertical-align: middle
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars {
    text-align: center;
    width: 100%;
    display: block
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars:before {
    font-family: quantocustaviajar;
    content: ''
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars.one:before {
    font-family: quantocustaviajar;
    content: ''
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars.two:before {
    font-family: quantocustaviajar;
    content: ''
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars.three:before {
    font-family: quantocustaviajar;
    content: ''
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars.four:before {
    font-family: quantocustaviajar;
    content: ''
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .stars.five:before {
    font-family: quantocustaviajar;
    content: ''
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais h3 {
    font-size: 15px;
    font-size: .9375rem;
    width: 90%;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    margin: 10px 5% 0
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais p {
    font-size: 16px;
    font-size: 1rem;
    width: 90%;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    margin: 10px 5%
}

.tours-passeios .tourspasseios-carousel .item a .saiba-mais .viator {
    width: 100%;
    font-size: 12px;
    font-size: .75rem;
    color: #b9b9b9;
    text-align: center;
    display: block
}

.tours-passeios .tourspasseios-carousel .item a:hover .imgs:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2
}

.tours-passeios .tourspasseios-carousel .item a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.tours-passeios .tourspasseios-carousel .item a:hover .imgs .btn {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.tours-passeios .tourspasseios-carousel .owl-next, .tours-passeios .tourspasseios-carousel .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -75px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: #e5e5e5;
    color: #4c4c4c;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px
}

.tours-passeios .btn-default-preto {
    margin: 30px auto 0;
    width: 130px;
    display: block;
    border-color: #fff;
    color: #fff
}

.tours-passeios .btn-default-preto:hover {
    background: #fff;
    color: #363636
}

.transporte .transporte-carousel {
    position: relative
}

.transporte .transporte-carousel .item {
    margin-left: 30px;
    margin-right: 30px;
    position: relative
}

.transporte .transporte-carousel .item a {
    color: #434343;
    text-align: center
}

.transporte .transporte-carousel .item a dl dt i:before {
    color: #ef4b5a;
    font-size: 60px;
    font-size: 3.75rem;
    margin: 0
}

.transporte .transporte-carousel .item a dl dd {
    font-family: "PT Sans", sans-serif;
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 16px;
    margin-top: 10px
}

.transporte .transporte-carousel .item a dl dd span {
    font-weight: 300;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 5px
}

.transporte .transporte-carousel .owl-next, .transporte .transporte-carousel .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: #3c3c3c;
    color: #fff;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px
}

.alimentacao ul li, .busca-hospedagem form, .busca-hospedagem form .bootstrap-select .btn-default, .busca-hospedagem p, .hospedagem-precos > div table {
    font-family: "PT Sans", sans-serif
}

.busca-hospedagem {
    background: url(../images/bg-busca-hospedagem.jpg) no-repeat;
    background-size: cover;
    color: #fff
}

.busca-hospedagem .title-default {
    line-height: 35px;
    margin-bottom: 10px
}

.busca-hospedagem p {
    font-size: 15px;
    font-size: .9375rem;
    text-align: center;
    margin-bottom: 35px;
    display: block
}

.busca-hospedagem form .input-group {
    background: #fff;
    border-radius: 100px;
    border: 0;
    margin: 20px auto
}

.busca-hospedagem form .input-group input {
    background: 0 0;
    border: 0;
    color: #3d3d3d;
    width: 270px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    height: 36px;
    font-size: 17px;
    font-size: 1.0625rem
}

.busca-hospedagem form .input-group input:focus {
    outline: 0
}

.busca-hospedagem form .input-group input::-webkit-input-placeholder {
    color: #3d3d3d
}

.busca-hospedagem form .input-group .input-group-addon {
    color: #c5c5c5;
    background: 0 0;
    border: 0;
    width: 50px;
    font-size: 18px;
    line-height: 25px;
    position: absolute;
    left: 0;
    top: 3px
}

.busca-hospedagem form .bootstrap-select {
    width: 270px !important;
    margin: 0 auto !important;
    display: block !important
}

.busca-hospedagem form .bootstrap-select .btn-default {
    background: #fff;
    color: #3d3d3d;
    text-align: center;
    font-size: 17px;
    font-size: 1.0625rem;
    text-transform: inherit;
    padding: 6px 0
}

.busca-hospedagem form .bootstrap-select .btn-default:hover {
    background: #fff;
    color: #3d3d3d
}

.busca-hospedagem form .bootstrap-select .btn-default .filter-option {
    text-align: center
}

.busca-hospedagem form .bootstrap-select .btn-default .caret {
    color: #c5c5c5;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

.busca-hospedagem .btn-default-preto, .busca-hospedagem .btn-pesquisar {
    margin: 100px auto 0;
    width: 130px;
    display: block;
    border-color: #fff;
    color: #fff
}

.busca-hospedagem .btn-default-preto:hover, .busca-hospedagem .btn-pesquisar:hover {
    background: #fff;
    color: #363636
}

.busca-hospedagem .btn-pesquisar {
    margin-top: 79px;
    font-size: 15px;
    font-size: .9375rem;
    width: 160px
}

.busca-hospedagem .btn-pesquisar i:before {
    margin-left: 0;
    width: auto
}

.alimentacao {
    background: #f3f3f3;
    padding-bottom: 40px;
    display: block
}

.alimentacao ul li {
    text-align: center;
    list-style: none;
    margin: 30px 0
}

.alimentacao ul li i:before {
    margin: 0;
    padding: 0;
    width: auto;
    font-size: 40px;
    color: #898989;
    height: 60px
}

.alimentacao ul li .icon-breakfast:before {
    font-size: 30px
}

.alimentacao ul li h3 {
    font-size: 14px;
    font-size: .875rem;
    width: 100%
}

.alimentacao ul li h3 strong {
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    display: inline-block
}

.alimentacao ul li hr {
    border: 0;
    height: 2px;
    width: 100%;
    display: block;
    background: #d3e3d4;
    background: linear-gradient(to right, #d3e3d4 0, #93c19c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3e3d4', endColorstr='#93c19c', GradientType=1)
}

.alimentacao ul li > strong {
    display: block;
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem
}

.alimentacao ul li > strong span {
    display: block;
    color: #8c8c8c;
    font-size: 12px;
    font-size: .75rem
}

.alimentacao ul li > span {
    display: block;
    vertical-align: 20px;
    font-size: 16px;
    font-size: 1rem;
    padding: 0 10px
}

.alimentacao .banner img {
    width: 100%
}

.hospedagem-precos > div {
    border: 5px solid #fff;
    margin: 50px 0 10px;
    padding: 20px
}

.hospedagem-precos > div .title-default {
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: 0
}

.hospedagem-precos > div table {
    width: 100%
}

.hospedagem-precos > div table th {
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 11px;
    font-size: .6875rem;
    text-align: center;
    padding: 5px
}

.hospedagem-precos > div table td {
    font-size: 12px;
    font-size: .75rem;
    padding: 10px 0;
    text-align: center;
    white-space: nowrap
}

.hospedagem-precos > div table td:first-child {
    text-align: left
}

.hospedagem-precos > div table td:first-child a {
    color: #fff;
    font-weight: 700
}

.hospedagem-precos > div table td:first-child .stars {
    width: 100%;
    display: block;
    font-style: normal;
    font-size: 10px;
    clear: both;
    text-align: left
}

.hospedagem-precos > div table td:first-child .stars.one:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-precos > div table td:first-child .stars.two:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-precos > div table td:first-child .stars.three:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-precos > div table td:first-child .stars.four:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-precos > div table td:first-child .stars.five:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-precos .obs, .hospedagem-precos > a {
    font-family: "PT Sans", sans-serif
}

.hospedagem-precos .obs {
    font-size: 11px;
    font-size: .6875rem;
    float: left;
    margin-top: 4px
}

.hospedagem-precos > a {
    font-size: 18px;
    font-size: 1.125rem;
    color: #fff;
    font-weight: 700;
    float: right
}

.calcule {
    background: url(../images/bg-calcule.jpg) repeat-y;
    background-size: 100%
}

.calcule .title-default {
    margin-top: 60px;
    margin-bottom: 60px
}

.calcule form {
    text-align: center
}

.calcule form .form-group {
    margin: 20px 0
}

.calcule form .form-group label {
    font-family: Pacifico, cursive;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    margin: 0 5px
}

.calcule form .btn-default {
    display: block;
    clear: both;
    margin: 40px auto 60px;
    font-size: 17px;
    font-size: 1.0625rem;
    padding-top: 8px;
    padding-bottom: 8px
}

.calcule .open-search-filter {
    text-align: left;
    margin-bottom: 50px
}

.calcule .open-search-filter nav {
    display: block;
    text-align: center;
    margin: 0 auto 40px
}

.calcule .open-search-filter nav .btn-filtros-calcule {
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 16px;
    font-size: 1rem;
    background-color: #ef4b5a;
    display: block;
    width: 100%;
    color: #fff
}

.calcule .open-search-filter nav ul.filtros-calcule {
    width: 100%;
    background: #434343;
    color: #fff;
    padding: 0;
    transition: all .6s;
    opacity: 1;
    overflow: hidden;
    min-height: 449px
}

.calcule .open-search-filter nav ul.filtros-calcule > li {
    border-bottom: 1px solid #515151;
    text-align: center;
    font-family: "PT Sans", sans-serif;
    list-style: none
}

.calcule .open-search-filter nav ul.filtros-calcule > li:first-child {
    border-left: 0
}

.calcule .open-search-filter nav ul.filtros-calcule > li .aplicar-filtro {
    margin: 20px auto;
    font-size: 16px;
    font-size: 1rem;
    text-transform: capitalize;
    font-family: "PT Sans", sans-serif;
    font-weight: 300;
    padding-right: 30px;
    height: 51px;
    display: initial
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule {
    position: relative
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .btn {
    background: 0 0;
    height: 50px;
    padding: 0 10px;
    font-size: 14px;
    font-size: .875rem;
    width: 100%
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .btn .icon-arrow-down {
    font-size: 6px;
    vertical-align: 2px;
    margin-left: 6px;
    font-weight: 700
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .btn .icon-arrow-down:before {
    width: auto
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .btn:active, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .btn:focus, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .btn:hover {
    color: #fff
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule.interesses .dropdown-menu {
    min-width: 300px
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule.interesses .dropdown-menu .checkbox label {
    text-align: left
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont {
    background: #525252;
    border-radius: 0;
    padding: 10px 20px;
    width: 100%;
    position: relative;
    display: none;
    z-index: 99
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .dropdown-toggle {
    height: auto;
    margin: 0
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont label {
    font-weight: 200;
    margin: 10px 0;
    font-size: 14px;
    font-size: .875rem;
    white-space: nowrap;
    text-transform: initial
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select {
    background: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    width: 100%;
    text-align: left;
    text-transform: initial
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default {
    width: 100%;
    background: 0 0;
    padding: 0 10px 0 0;
    box-shadow: none !important;
    text-transform: inherit
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default .caret {
    right: 0
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default:active, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default:focus, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default:hover {
    color: #000;
    box-shadow: none
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .dropdown-menu li {
    width: 100%;
    display: block
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .checkbox {
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 100;
    text-align: left
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .result-all, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .result-dias {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    margin-top: 10px
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .result-all output, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .result-dias output {
    white-space: nowrap;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem
}

.calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule.open .menu-calcule-cont {
    display: block
}

.calcule .open-search-filter nav ul.filtros-calcule.none-mobile {
    height: 0;
    transition: all .6s;
    opacity: 0;
    min-height: 0
}

.calcule .resultado-calcule .row li {
    list-style: none;
    margin-bottom: 20px
}

.calcule .resultado-calcule .row li > a, .calcule .resultado-calcule .row li > div {
    background: #fff;
    border: 1px solid #d7d7d7;
    font-family: "PT Sans", sans-serif;
    padding: 10px;
    display: block;
    width: 100%
}

.calcule .resultado-calcule .row li > a h3, .calcule .resultado-calcule .row li > div h3 {
    font-size: 13px;
    font-size: .8125rem;
    color: #6d6d6d;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "PT Sans", sans-serif
}

.calcule .resultado-calcule .hospedagem .btn, .calcule .resultado-calcule .passagem .btn {
    border-radius: 0;
    font-family: Montserrat, sans-serif;
    padding: 8px 10px;
    letter-spacing: 0;
    display: block
}

.calcule .resultado-calcule .row li > a h3 i, .calcule .resultado-calcule .row li > div h3 i {
    font-size: 20px
}

.calcule .resultado-calcule .row li > a h3 i:before, .calcule .resultado-calcule .row li > div h3 i:before {
    width: auto;
    margin-right: 10px
}

.calcule .resultado-calcule .row li > a h3 i.icon-bed, .calcule .resultado-calcule .row li > div h3 i.icon-bed {
    font-size: 16px
}

.calcule .resultado-calcule .passagem .preco {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    width: 100%;
    line-height: 20px
}

.calcule .resultado-calcule .passagem .preco strong {
    font-size: 27px;
    font-size: 1.6875rem;
    display: block
}

.calcule .resultado-calcule .passagem .btn {
    font-size: 9px;
    font-size: .5625rem;
    width: 100%;
    margin-top: 15px
}

.calcule .resultado-calcule .passagem .btn strong {
    font-size: 15px;
    font-size: .9375rem;
    display: block;
    width: 100%
}

.calcule .resultado-calcule .passagem .obs {
    font-size: 11px;
    font-size: .6875rem;
    color: #989898;
    display: block;
    width: 100%;
    margin-top: 15px
}

.calcule .resultado-calcule .hospedagem img {
    width: 100%
}

.calcule .resultado-calcule .hospedagem p {
    line-height: 16px
}

.calcule .resultado-calcule .hospedagem .preco strong {
    font-size: 18px;
    font-size: 1.125rem
}

.calcule .resultado-calcule .hospedagem .preco span {
    font-size: 11px;
    font-size: .6875rem;
    color: #686868;
    display: block;
    margin-top: 8px
}

.calcule .resultado-calcule .hospedagem .btn {
    font-size: 9px;
    font-size: .5625rem;
    width: 100%;
    margin-top: 8px
}

.calcule .resultado-calcule .hospedagem .btn strong {
    font-size: 15px;
    font-size: .9375rem;
    display: block;
    width: 100%
}

.calcule .resultado-calcule .hospedagem .obs {
    font-size: 11px;
    font-size: .6875rem;
    color: #989898;
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 10px
}

.calcule .resultado-calcule .alimentacao p {
    margin-bottom: 10px
}

.calcule .resultado-calcule .alimentacao .valor-medio {
    position: relative;
    padding-top: 14px;
    display: table;
    width: 100%;
    margin-bottom: 15px
}

.calcule .resultado-calcule .alimentacao .valor-medio:before {
    content: '';
    width: 50%;
    border-left: 1px solid #6d6d6d;
    background: #cfe4d5;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.calcule .resultado-calcule .alimentacao .valor-medio:after {
    content: '';
    width: 50%;
    border-right: 1px solid #6d6d6d;
    background: #b3d4bc;
    height: 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.calcule .resultado-calcule .alimentacao .valor-medio span {
    display: table-cell;
    width: calc(100% / 3);
    text-align: center;
    font-weight: 600
}

.calcule .resultado-calcule .alimentacao .valor-medio span:nth-child(2) {
    font-weight: 300
}

.calcule .resultado-calcule .alimentacao > strong {
    font-size: 18px;
    font-size: 1.125rem
}

.calcule .resultado-calcule .transporte p {
    margin-bottom: 25px
}

.calcule .resultado-calcule .email, .calcule .resultado-calcule .face, .calcule .resultado-calcule .valor {
    color: #fff;
    font-family: Montserrat, sans-serif;
    margin-bottom: 20px
}

.calcule .resultado-calcule .transporte > strong {
    font-size: 18px;
    font-size: 1.125rem
}

.calcule .resultado-calcule .valor {
    background: #e6003e !important;
    border-color: #e6003e !important;
    text-align: center
}

.calcule .resultado-calcule .valor p {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400
}

.calcule .resultado-calcule .valor strong {
    font-size: 21px;
    font-size: 1.3125rem
}

.calcule .resultado-calcule .face {
    background: #3e60aa !important;
    border-color: #3e60aa !important;
    display: table !important;
    width: 100%;
    letter-spacing: 1px
}

.calcule .resultado-calcule .face i {
    display: table-cell;
    vertical-align: middle;
    font-size: 27px;
    text-align: right;
    width: 37%
}

.calcule .resultado-calcule .face > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.calcule .resultado-calcule .face > div p {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400
}

.calcule .resultado-calcule .face > div strong {
    font-size: 16px;
    font-size: 1rem
}

.calcule .resultado-calcule .email {
    background: #929292 !important;
    border-color: #929292 !important;
    display: table !important;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase
}

.calcule .resultado-calcule .email i {
    display: table-cell;
    vertical-align: middle;
    font-size: 26px;
    text-align: right;
    width: 37%
}

.calcule .resultado-calcule .email i:before {
    padding: 0;
    margin: 0 12px 0 0
}

.calcule .resultado-calcule .email > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle
}

.calcule .resultado-calcule .email > div p {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400
}

.calcule .resultado-calcule .email > div strong {
    font-size: 16px;
    font-size: 1rem
}

.calcule .resultado-calcule .atracoes, .calcule .resultado-calcule .passeios-atividades {
    position: relative
}

.calcule .resultado-calcule .atracoes > p, .calcule .resultado-calcule .passeios-atividades > p {
    font-size: 14px;
    font-size: .875rem;
    font-family: "PT Sans", sans-serif;
    margin-bottom: 30px
}

.calcule .resultado-calcule .atracoes > p strong, .calcule .resultado-calcule .passeios-atividades > p strong {
    font-size: 18px;
    font-size: 1.125rem
}

.calcule .resultado-calcule .atracoes .item, .calcule .resultado-calcule .passeios-atividades .item {
    position: relative;
    list-style: none;
    margin: 0 30px 20px
}

.calcule .resultado-calcule .atracoes .item .imgs, .calcule .resultado-calcule .passeios-atividades .item .imgs {
    width: 48%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: inline-block
}

.calcule .resultado-calcule .atracoes .item .imgs img, .calcule .resultado-calcule .passeios-atividades .item .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s;
    height: 90px;
    object-fit: cover;
}

.calcule .resultado-calcule .atracoes .item .imgs:after, .calcule .resultado-calcule .passeios-atividades .item .imgs:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(13, 14, 16, 0) 53%, rgba(25, 27, 31, .9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6191b1f', GradientType=0);
    position: absolute;
    height: 100%;
    width: 110%;
    left: 0;
    top: 0;
    z-index: 2
}

.calcule .resultado-calcule .atracoes .item .saiba-mais, .calcule .resultado-calcule .passeios-atividades .item .saiba-mais {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px
}

.calcule .resultado-calcule .atracoes .item .saiba-mais h3, .calcule .resultado-calcule .passeios-atividades .item .saiba-mais h3 {
    font-size: 14px;
    font-size: .875rem;
    font-family: "PT Sans", sans-serif;
    text-transform: initial;
    font-weight: 200;
    line-height: 20px;
    margin-bottom: 5px
}

.calcule .resultado-calcule .atracoes .item .saiba-mais strong, .calcule .resultado-calcule .passeios-atividades .item .saiba-mais strong {
    color: #333
}

.calcule .resultado-calcule .atracoes .item a:focus .imgs img, .calcule .resultado-calcule .atracoes .item a:hover .imgs img, .calcule .resultado-calcule .passeios-atividades .item a:focus .imgs img, .calcule .resultado-calcule .passeios-atividades .item a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.calcule .resultado-calcule .owl-next, .calcule .resultado-calcule .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 42px;
    height: 42px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px;
    background: #3c3c3c
}

.calcule .resultado-calcule .owl-prev {
    left: 0
}

.calcule .resultado-calcule .owl-next {
    right: 0
}

.calcule.para-onde {
    background: 0 0
}

.calcule.para-onde .open-search-filter nav {
    background: #434343;
    position: relative
}

.calcule.para-onde .open-search-filter nav ul.filtros-calcule > li .aplicar-filtro {
    background: #47ab3f
}

.calcule.para-onde .panel-default {
    border: 0
}

.calcule.para-onde .panel-default .panel-heading {
    padding: 0;
    border: 0;
    position: relative;
    height: 76px;
    overflow: hidden
}

.calcule.para-onde .panel-default .panel-heading:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(210, 68, 81, .56);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.calcule.para-onde .panel-default .panel-heading img {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.calcule.para-onde .panel-default .panel-heading h4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    color: #fff;
    width: 100%;
    height: 100%;
    display: table;
    font-weight: 700
}

.calcule.para-onde .panel-default .panel-heading h4 a[role=button] {
    height: 100%;
    font-size: 26px;
    font-size: 1.625rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    padding: 0 80px 0 20px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative
}

.calcule.para-onde .panel-default .panel-heading h4 a[role=button]:active, .calcule.para-onde .panel-default .panel-heading h4 a[role=button]:focus, .calcule.para-onde .panel-default .panel-heading h4 a[role=button]:hover {
    text-decoration: none
}

.calcule.para-onde .panel-default .panel-heading h4 a[role=button]:before {
    content: '';
    font-family: quantocustaviajar;
    position: absolute;
    z-index: 3;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 10px 8px;
    height: 40px;
    width: 40px;
    display: block
}

.dicas-viagem ul > li a > div, .intro-continente ul li, .veja-tambem ul li a h5 {
    font-family: "PT Sans", sans-serif
}

.calcule.para-onde .panel-default .panel-heading h4 a[role=button].collapsed:before {
    content: '';
    padding: 14px 8px
}

.calcule.para-onde .panel-group .btn-cinza {
    width: 100%;
    border-radius: 0;
    background: #7a7a7a;
    white-space: initial;
    margin: 10px 0;
    padding: 20px 15px
}

.calcule.para-onde .panel-group .btn-cinza .icon-luggage:before {
    width: auto;
    vertical-align: -2px
}

.dicas-viagem {
    background: #000;
    padding-bottom: 60px
}

.dicas-viagem ul {
    margin-bottom: 50px;
    display: block
}

.dicas-viagem ul > li {
    padding: 0;
    list-style: none;
    position: relative
}

.dicas-viagem ul > li .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.dicas-viagem ul > li .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.dicas-viagem ul > li a > div {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    height: 80px;
    padding: 10px 30px 10px 10px;
    font-weight: 300;
    font-size: 18px;
    font-size: 1.125rem;
    overflow: hidden;
    z-index: 2
}

.intro-continente, .veja-tambem {
    background: #f3f3f3
}

.dicas-viagem ul > li a > div h5 {
    line-height: 20px
}

.dicas-viagem ul > li a > div i {
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 12px;
    line-height: auto
}

.dicas-viagem ul > li:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.dicas-viagem ul:after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    clear: both
}

.veja-tambem {
    padding-bottom: 40px;
    display: block
}

.veja-tambem ul li {
    list-style: none;
    margin-bottom: 20px
}

.veja-tambem ul li a .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.veja-tambem ul li a .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.veja-tambem ul li a h5 {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center
}

.veja-tambem ul li a h5 strong {
    border-right: 1px solid #fff;
    display: inline-block;
    padding-right: 5px
}

.veja-tambem ul li a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.intro-continente ul {
    margin: 50px 0;
    display: block
}

.intro-continente ul li {
    list-style: none;
    text-align: justify;
    color: #434343;
    font-size: 16px;
    font-size: 1rem
}

.intro-continente ul li p {
    margin-bottom: 15px
}

.intro-continente .banner {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 60px
}

.paises {
    padding-bottom: 40px;
    display: block
}

.paises ul li {
    list-style: none;
    margin-bottom: 30px
}

.paises ul li a {
    position: relative;
    display: block;
    width: 100%
}

.paises ul li a .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.paises ul li a .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.paises ul li a .bandeira {
    position: absolute;
    top: 50%;
    margin-top: -70px;
    width: 100%;
    z-index: 5;
    display: block;
    text-align: center
}

.paises ul li a h3 {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 100%;
    z-index: 5;
    text-align: center;
    color: #fff;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: Montserrat, sans-serif
}

.paises ul li a h3 span {
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: "PT Sans", sans-serif;
    display: block;
    font-style: italic
}

.paises ul li a .btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -64px;
    z-index: 5
}

.paises ul li a:after, .paises ul li a:before {
    content: '';
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.paises ul li a .btn:hover {
    background: 0 0;
    color: #fff
}

.paises ul li a:before {
    z-index: 3;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.paises ul li a:after {
    z-index: 4;
    background: rgba(239, 75, 90, .25)
}

.paises ul li a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.cidades-turisticas {
    padding-bottom: 60px;
    background: #f3f3f3
}

.cidades-turisticas .header-t {
    display: block;
    width: 100%;
    text-align: center
}

.cidades-turisticas .header-t .title-default {
    display: inline-block;
    margin-bottom: 20px;
    width: auto
}

.cidades-turisticas .header-t .buscar {
    margin: 0 0 20px;
    position: relative;
    width: 290px;
    display: inline-block;
    text-align: left;
    vertical-align: 6px
}

.cidades-turisticas .header-t .buscar input {
    border-radius: 50px;
    background: #e5e5e5;
    padding: 10px 20px 10px 50px;
    border: 0;
    color: #434343;
    font-size: 16px;
    font-size: 1rem;
    font-family: "PT Sans", sans-serif;
    height: 34px;
    width: 100%;
    box-sizing: border-box
}

.cidades-turisticas .header-t .buscar input::-webkit-input-placeholder {
    color: #939393
}

.cidades-turisticas .header-t .buscar input:focus {
    outline: 0
}

.cidades-turisticas .header-t .buscar:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 5px;
    font-family: quantocustaviajar;
    display: block;
    color: #939393;
    font-size: 18px
}

.cidades .buscar input, .cidades-turisticas .result li a {
    font-family: "PT Sans", sans-serif;
    width: 100%
}

.cidades-turisticas .header-t .subtitle {
    display: block;
    clear: both;
    color: #434343;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0
}

.cidades-turisticas .result {
    display: block
}

.cidades-turisticas .result li {
    list-style: none
}

.cidades-turisticas .result li a {
    color: #515151;
    font-size: 16px;
    font-size: 1rem;
    border-bottom: 1px solid #b7b7b7;
    display: block;
    padding: 10px 0
}

.cidades-turisticas .result li a span {
    color: #9f9f9f;
    font-size: 16px;
    font-size: 1rem;
    float: right;
    margin-top: 2px
}

.cidades {
    padding-bottom: 60px;
    display: block;
    text-align: center
}

.cidades .title-default {
    margin-bottom: 10px
}

.cidades .title.title-default {
    margin-bottom: 39px
}

.cidades .buscar {
    display: block;
    margin: 0 auto 50px;
    position: relative;
    width: 100%;
    max-width: 300px
}

.cidades .buscar input {
    border-radius: 50px;
    background: #e5e5e5;
    padding: 10px 20px 10px 50px;
    border: 0;
    color: #434343;
    font-size: 16px;
    font-size: 1rem;
    height: 34px;
    box-sizing: border-box
}

.cidades .buscar input::-webkit-input-placeholder {
    color: #939393
}

.cidades .buscar input:focus {
    outline: 0
}

.cidades .buscar:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 5px;
    font-family: quantocustaviajar;
    display: block;
    color: #939393;
    font-size: 18px
}

.cidades ul li > div .open-detail:after, .cidades ul li > div .open-detail:before {
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cidades ul li {
    list-style: none;
    margin-bottom: 50px
}

.cidades ul li > div {
    position: relative;
    display: block;
    height: 100%
}

.cidades ul li > div .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.cidades ul li > div .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.cidades ul li > div .open-detail:before {
    position: absolute;
    z-index: 3;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.cidades ul li > div .open-detail:after {
    position: absolute;
    z-index: 4;
    background: rgba(239, 75, 90, .25)
}

.cidades ul li > div .open-detail a {
    display: block;
    width: 100%;
    height: 100%
}

.cidades ul li > div .open-detail a > h3 {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    width: 100%;
    z-index: 5;
    text-align: center;
    color: #fff;
    font-size: 110px;
    font-size: 6.875rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.cidades ul li > div .open-detail a > h3 span {
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: "PT Sans", sans-serif;
    display: block;
    font-style: italic
}

.cidades ul li > div .open-detail a > .btn-dia {
    position: absolute;
    top: 50%;
    margin-top: 14px;
    left: 50%;
    margin-left: -56px;
    z-index: 5
}

.cidades ul li > div .open-detail a > .btn-dia:hover {
    background: 0 0;
    color: #fff
}

.cidades ul li > div .open-detail a > h4 {
    position: absolute;
    top: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    left: 0;
    z-index: 5;
    font-size: 22px;
    font-size: 1.375rem
}

.cidades ul li > div .open-detail a .btn-calcule {
    position: absolute;
    bottom: 20px;
    top: auto;
    margin-top: 14px;
    left: 50%;
    margin-left: -102px;
    z-index: 5;
    text-transform: inherit;
    font-family: "PT Sans", sans-serif;
    height: 40px
}

.cidades ul li > div .open-detail .detail {
    display: none
}

.categorias-cidade .navbar {
    height: auto;
    margin-bottom: 0
}

.categorias-cidade .navbar .open-categoria h3 {
    font-size: 14px;
    font-size: .875rem;
    padding-bottom: 10px;
    display: block;
    border-bottom: 1px solid #d2d2d2
}

.categorias-cidade .navbar .open-categoria .navbar-toggle {
    padding: 0;
    margin: -1px 0 0;
    color: #434343
}

.categorias-cidade .navbar .navbar-collapse {
    width: 100%;
    padding: 0
}

.categorias-cidade .navbar .navbar-collapse .navbar-nav {
    color: #434343;
    font-family: "PT Sans", sans-serif;
    font-size: 14px;
    font-size: .875rem;
    display: block;
    width: 100%;
    margin: 0 0 30px
}

.categorias-cidade .navbar .navbar-collapse .navbar-nav li {
    display: block;
    width: 100%;
    float: none
}

.categorias-cidade .navbar .navbar-collapse .navbar-nav li a {
    color: #484848;
    border-bottom: 1px solid #d2d2d2;
    padding: 6px 0;
    display: block;
    width: 100%
}

.categorias-cidade .navbar .navbar-collapse .navbar-nav li a:focus, .categorias-cidade .navbar .navbar-collapse .navbar-nav li a:hover, .categorias-cidade .navbar .navbar-collapse .navbar-nav li a:visited {
    background: 0 0
}

.categorias-cidade .navbar .navbar-collapse .navbar-nav li a.active {
    font-weight: 700
}

.categorias-cidade ul {
    display: block
}

.categorias-cidade ul .item {
    position: relative;
    margin-bottom: 25px
}

.categorias-cidade ul .item a .imgs {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.categorias-cidade ul .item a .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.categorias-cidade ul .item a .imgs .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -80px;
    z-index: 3;
    font-size: 12px;
    font-size: .75rem
}

.categorias-cidade ul .item a .imgs .btn i:before {
    font-size: 13px;
    vertical-align: middle
}

.categorias-cidade ul .item a .imgs .parceiro {
    position: absolute;
    top: 10px;
    left: 0
}

.categorias-cidade ul .item a .imgs .parceiro img {
    width: auto
}

.categorias-cidade ul .item a .saiba-mais {
    color: #434343
}

.categorias-cidade ul .item a .saiba-mais .stars {
    text-align: center;
    width: 100%;
    display: block
}

.categorias-cidade ul .item a .saiba-mais .stars:before {
    font-family: quantocustaviajar;
    content: ''
}

.categorias-cidade ul .item a .saiba-mais .stars.one:before {
    font-family: quantocustaviajar;
    content: ''
}

.categorias-cidade ul .item a .saiba-mais .stars.two:before {
    font-family: quantocustaviajar;
    content: ''
}

.categorias-cidade ul .item a .saiba-mais .stars.three:before {
    font-family: quantocustaviajar;
    content: ''
}

.categorias-cidade ul .item a .saiba-mais .stars.four:before {
    font-family: quantocustaviajar;
    content: ''
}

.categorias-cidade ul .item a .saiba-mais .stars.five:before {
    font-family: quantocustaviajar;
    content: ''
}

.anuncie a h6, .atracoes-cidade .item .saiba-mais h3, .atracoes-cidade .item .sobre, .categorias-cidade ul .item a .saiba-mais h3, .categorias-cidade ul .item a .saiba-mais p, .guia ul li h3, .mapa-lugares-baratos .dropdown .btn-drop, .mapa-lugares-baratos .dropdown.open .dropdown-menu li, .mapa-lugares-baratos .mapa-lugares .content-marker-open {
    font-family: "PT Sans", sans-serif
}

.categorias-cidade ul .item a .saiba-mais h3 {
    font-size: 15px;
    font-size: .9375rem;
    width: 90%;
    text-align: center;
    margin: 10px 5% 0
}

.categorias-cidade ul .item a .saiba-mais p {
    font-size: 16px;
    font-size: 1rem;
    width: 90%;
    text-align: center;
    margin: 10px 5%
}

.categorias-cidade ul .item a .saiba-mais .viator {
    width: 100%;
    font-size: 12px;
    font-size: .75rem;
    color: #b9b9b9;
    text-align: center;
    display: block
}

.categorias-cidade ul .item a:hover .imgs:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0
}

.categorias-cidade ul .item a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s;
    position: relative;
    z-index: 2
}

.categorias-cidade ul .item a:hover .imgs .btn {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.categorias-cidade ul .item a:hover .imgs .parceiro img {
    transform: initial
}

.categorias-cidade .btn-default-preto {
    width: 120px;
    display: block;
    margin: 0 auto 30px;
    clear: both
}

.atracoes-cidade {
    background: #191b1f;
    padding-bottom: 40px;
    display: block
}

.atracoes-cidade .title-default {
    color: #fff
}

.atracoes-cidade .item {
    position: relative;
    list-style: none;
    margin-bottom: 30px
}

.atracoes-cidade .item .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.atracoes-cidade .item .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.atracoes-cidade .item .imgs:after {
    content: '';
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(13, 14, 16, 0) 53%, rgba(25, 27, 31, .9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6191b1f', GradientType=0);
    position: absolute;
    height: 100%;
    width: 110%;
    left: 0;
    top: 0;
    z-index: 2
}

.atracoes-cidade .item .saiba-mais {
    color: #fff;
    z-index: 3;
    position: relative
}

.atracoes-cidade .item .saiba-mais a {
    color: #fff;
    float: right;
    margin: 10px;
    font-size: 20px
}

.atracoes-cidade .item .saiba-mais h3 {
    font-size: 23px;
    font-size: 1.4375rem;
    padding-left: 20px;
    text-align: left;
    font-weight: 700;
    position: absolute;
    top: -50px;
    width: 100%
}

.atracoes-cidade .item .sobre {
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 300;
    box-sizing: border-box;
    overflow-x: auto;
    margin-top: 10px;
    height: 200px
}

.atracoes-cidade .item .sobre table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px
}

.atracoes-cidade .item .sobre table td {
    border-bottom: 1px dashed #fff;
    text-align: right;
    padding: 3px 0
}

.atracoes-cidade .item .sobre table td:first-child {
    text-align: left;
    font-weight: 700
}

.atracoes-cidade .item .sobre table td:nth-child(2) {
    color: #bcbcbc
}

.atracoes-cidade .item .sobre .btn-default {
    font-size: 12px;
    font-size: .75rem;
    text-transform: initial;
    padding-top: 5px;
    padding-bottom: 5px
}

.atracoes-cidade .item .sobre .btn-default i:before {
    font-size: 12px;
    font-size: .75rem
}

.atracoes-cidade .item a:focus .imgs img, .atracoes-cidade .item a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.atracoes-cidade .btn-default-preto {
    margin: 30px auto 0;
    width: 130px;
    display: block
}

.guia {
    background: #f3f3f3;
    padding-bottom: 30px
}

.guia p {
    margin-bottom: 20px
}

.guia ul {
    margin-top: 50px;
    display: block
}

.guia ul li {
    list-style: none;
    position: relative;
    display: block;
    margin: auto auto 30px
}

.guia ul li .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.guia ul li .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.guia ul li h3 {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -40px;
    left: 0;
    text-align: center;
    color: #fff;
    z-index: 4;
    vertical-align: middle;
    font-size: 14px;
    font-size: .875rem
}

.guia ul li h3 strong {
    font-size: 19px;
    font-size: 1.1875rem;
    font-weight: 700;
    display: block
}

.guia ul li h3 i {
    display: block;
    font-size: 30px;
    margin-bottom: 10px
}

.guia ul li h3 i:before {
    width: auto;
    margin: 0
}

.guia ul li a:focus .imgs img, .guia ul li a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.mapa-lugares-baratos {
    background: #f3f3f3;
    display: block
}

.mapa-lugares-baratos .title-default {
    padding: 45px 0 39px;
    margin: 0
}

.mapa-lugares-baratos .dropdown .btn-drop {
    background: #696969;
    padding: 8px 20px;
    border-radius: 0;
    font-size: 13px;
    font-size: .8125rem;
    color: #fff;
    text-transform: capitalize;
    width: 150px;
    font-weight: 300;
    text-align: left;
    margin: 0 auto;
    display: block
}

.mapa-lugares-baratos .dropdown .btn-drop .icon-arrow-down:before {
    float: right;
    margin-top: 7px;
    font-size: 6px;
    font-weight: 700
}

.mapa-lugares-baratos .dropdown.open .btn-drop {
    background: #696969;
    color: #fff
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu {
    background: #595959;
    border-radius: 0;
    margin: 0 0 0 -150px;
    left: 50%;
    color: #fff;
    border: none;
    padding: 10px;
    min-width: 300px
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li {
    display: block;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-size: 1rem;
    padding: 15px 0;
    margin: 0 10px
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label {
    font-weight: 300;
    margin: 0
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch {
    display: inline-block;
    vertical-align: -5px;
    margin-right: 10px;
    width: 52px !important;
    background: #ddd;
    padding: 2px 2px 2px 4px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    transition: all .3s
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch .bootstrap-switch-container {
    height: 20px;
    width: 49px !important;
    transition: all .3s
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch input[type=radio], .mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch input[type=checkbox] {
    position: absolute !important;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    opacity: 0
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch .bootstrap-switch-label {
    position: absolute;
    width: 100%;
    height: 100%
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch .bootstrap-switch-handle-on {
    opacity: 0
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch .bootstrap-switch-handle-off {
    background: #fff;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100px;
    overflow: hidden
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu li label .bootstrap-switch.bootstrap-switch-on {
    background: #ef4b5a;
    transition: all .3s
}

.mapa-lugares-baratos .dropdown.open .dropdown-menu .btn-default {
    width: calc(100% - 20px);
    border-radius: 0;
    margin: 20px 10px 10px;
    padding: 15px 0;
    font-size: 16px;
    font-size: 1rem
}

.mapa-lugares-baratos .mapa-lugares {
    width: 100%;
    height: 400px
}

.mapa-lugares-baratos .mapa-lugares .gm-style-iw {
    left: 0 !important;
    top: 0 !important;
    overflow-x: initial !important;
    width: 100% !important
}

.mapa-lugares-baratos .mapa-lugares .gm-style-iw > div {
    max-width: 208px !important;
    overflow: initial !important
}

.mapa-lugares-baratos .mapa-lugares .gm-style-iw > div > div {
    overflow-x: initial !important
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open {
    font-size: 14px;
    font-size: .875rem
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .header {
    position: relative;
    width: 100%;
    overflow: hidden;
    border: 1px solid #c9c9c9;
    box-sizing: border-box;
    border-bottom: 0
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .header h3 {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300;
    padding: 5px;
    display: block
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .header > span {
    position: absolute;
    bottom: 0;
    right: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem;
    padding: 5px 7px;
    display: inline-block
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .header img {
    width: 100%
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .content {
    padding: 5px;
    color: #6a6969;
    background: #fff
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .content p {
    margin-bottom: 5px
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .content span {
    color: #9e9e9e
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .content span strong {
    font-weight: 700;
    color: #727272;
    margin-left: 5px
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open .content a {
    float: right;
    color: #9e9e9e
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open.vermelho .header > span {
    background: #e6003e
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open.laranja .header > span {
    background: #fdab48
}

.mapa-lugares-baratos .mapa-lugares .content-marker-open.verde .header > span {
    background: #5bd04c
}

.anuncie {
    border: 3px solid #ef4b5a;
    display: block;
    width: 100%;
    padding: 20px;
    margin-bottom: 30px;
    transition: all .3s
}

.anuncie a h5 {
    font-size: 11px;
    font-size: .6875rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    color: #7b7b7b;
    display: block;
    margin-bottom: 5px
}

.anuncie a h6 {
    font-size: 19px;
    font-size: 1.1875rem;
    color: #ef4b5a;
    font-weight: 700;
    margin-bottom: 5px
}

.anuncie a p, .lista-carros ul li a {
    font-family: "PT Sans", sans-serif;
    color: #434343
}

.anuncie a p {
    font-size: 12px;
    font-size: .75rem
}

.pesquisar-carro .form-inline {
    text-align: center
}

.pesquisar-carro .form-inline .form-group {
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-table
}

.pesquisar-carro .form-inline .form-group label {
    display: block;
    width: 100%;
    margin-right: 8px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 13.2px;
    font-size: .825rem
}

.pesquisar-carro .form-inline .form-group.pesquisar {
    display: block;
    width: 100%
}

.pesquisar-carro .form-inline .form-group .btn-default {
    vertical-align: -8px;
    font-size: 14px;
    font-size: .875rem;
    margin-top: -3px
}

.pesquisar-carro .form-inline .form-group .btn-default i:before {
    font-size: 19px;
    font-weight: 300
}

.pesquisar-carro .form-inline .form-group > div {
    display: inline-table;
    margin-left: 10px
}

.pesquisar-carro .form-inline .form-group > div .input-calendario, .pesquisar-carro .form-inline .form-group > div .input-horas {
    margin: 0 10px;
    display: inline-table
}

.pesquisar-carro .form-inline .form-group > div .date {
    width: 140px
}

.pesquisar-carro .form-inline .form-group > div .hour {
    width: 90px
}

.lista-carros {
    padding: 20px;
    margin-bottom: 30px
}

.lista-carros .subtitle:after {
    content: '';
    border-bottom: 4px solid #c7c7c7;
    width: 150px;
    display: block;
    margin: 20px auto
}

.lista-carros ul li {
    list-style: none;
    margin-bottom: 30px
}

.lista-carros ul li a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 30px;
    position: relative
}

.lista-carros ul li a h4 {
    line-height: 30px;
    margin-top: 20px
}

.lista-carros ul li a strong {
    display: block;
    font-weight: 400;
    color: #6d6d6d
}

.lista-carros ul li a .btn-default {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -81px;
    margin-top: -60px
}

.lista-onde-comer ul > li a, .locadoras-carros .lista-locadoras ul li a {
    color: #fff;
    position: relative;
    width: 100%;
    display: block;
    font-family: "PT Sans", sans-serif
}

.lista-carros ul li a:hover .btn-default {
    opacity: 1
}

.locadoras-carros {
    padding-bottom: 60px
}

.locadoras-carros .lista-locadoras ul {
    width: 100%;
    display: block;
    height: 247px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.locadoras-carros .lista-locadoras ul li {
    display: block;
    width: 100%
}

.locadoras-carros .lista-locadoras ul li a {
    background: #202328;
    margin-bottom: 10px;
    padding: 20px
}

.locadoras-carros .lista-locadoras ul li a h5 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600
}

.locadoras-carros .lista-locadoras ul li a p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400
}

.locadoras-carros .lista-locadoras ul li a .logo {
    float: right
}

.locadoras-carros .lista-locadoras ul li a:after {
    content: '';
    display: block;
    clear: both
}

.locadoras-carros .lista-locadoras ul li a:hover {
    background: #2a2c2f
}

.locadoras-carros .lista-locadoras .btn {
    margin-top: 30px;
    margin-bottom: 30px
}

.locadoras-carros .map-small {
    width: 100%;
    height: 204px
}

.lista-onde-comer {
    padding-bottom: 60px
}

.lista-onde-comer ul > li {
    list-style: none;
    margin-bottom: 30px
}

.lista-onde-comer ul > li a:before {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    display: block;
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .3))
}

.lista-onde-comer ul > li a h3 {
    position: absolute;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    font-weight: 700;
    z-index: 4;
    font-size: 18px;
    font-size: 1.125rem
}

.lista-onde-comer ul > li a .nota {
    background: #a2d39c;
    position: absolute;
    top: 0;
    right: 10px;
    color: #23451e;
    text-transform: uppercase;
    font-size: 9px;
    font-size: .5625rem;
    text-align: center;
    padding: 10px 10px 0;
    display: block;
    width: 50px;
    z-index: 4
}

.lista-onde-comer ul > li a .nota strong {
    font-weight: 700;
    display: block;
    font-size: 17px;
    font-size: 1.0625rem
}

.lista-onde-comer ul > li a .nota:after, .lista-onde-comer ul > li a .nota:before {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-left: -5px solid transparent;
    border-top: 20px solid #a2d39c;
    bottom: -17px;
    position: absolute;
    content: ''
}

.lista-onde-comer ul > li a .nota:before {
    border-right: 32px solid transparent;
    left: 0
}

.lista-onde-comer ul > li a .nota:after {
    border-left: 32px solid transparent;
    right: 0
}

.lista-onde-comer ul > li a img {
    width: 100%
}

.lista-onde-comer ul > li a .icon-new-window {
    background: #ef4b5a;
    border-radius: 60px;
    padding: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    opacity: 0;
    transition: all 1s
}

.lista-onde-comer ul > li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 1s;
    opacity: 0
}

.lista-onde-comer ul > li a:hover:after {
    opacity: 1
}

.lista-onde-comer ul > li a:hover .icon-new-window {
    z-index: 6;
    opacity: 1;
    transition: all 1s
}

.alimentacao-diaria .valores li {
    list-style: none;
    margin-bottom: 30px
}

.alimentacao-diaria .valores li > div {
    border: 1px solid #cbcbcb;
    padding: 20px
}

.alimentacao-diaria .valores li > div h3 {
    font-family: "PT Sans", sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: 1px solid #cbcbcb;
    width: 100%;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    vertical-align: bottom
}

.alimentacao-diaria .valores li > div h3 i {
    color: #898989;
    font-size: 30px;
    margin-right: 10px
}

.alimentacao-diaria .valores li > div h3 i:before {
    width: auto;
    margin: 0;
    height: 38px;
    vertical-align: middle
}

.alimentacao-diaria .valores li > div h3 i.icon-breakfast {
    font-size: 23px
}

.alimentacao-diaria .valores li > div h3 i.icon-breakfast:before {
    line-height: 38px
}

.alimentacao-diaria .valores li > div table {
    width: 100%;
    text-align: center;
    font-family: "PT Sans", sans-serif
}

.alimentacao-diaria .valores li > div table thead th {
    color: #abb0bc;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    text-align: center;
    padding: 5px
}

.alimentacao-diaria .valores li > div table tbody {
    border-left: 1px solid #6d6d6d;
    border-right: 1px solid #6d6d6d
}

.alimentacao-diaria .valores li > div table tbody td {
    color: #434343;
    font-weight: 700;
    background: #cfe4d5;
    padding: 5px
}

.alimentacao-diaria .valores li > div table tbody td:nth-child(2) {
    background: #b3d4bc
}

.alimentacao-diaria .valores li > div table tbody td:last-child {
    background: #94c3a2
}

.alimentacao-diaria .valores li > div table tfoot td {
    font-size: 12px;
    font-size: .75rem;
    color: #6d6d6d;
    padding: 5px
}

#modal-alimentacao .modal-dialog {
    max-width: 700px
}

#modal-alimentacao .modal-dialog form:after {
    content: '';
    display: block;
    clear: both
}

#modal-alimentacao .modal-dialog form .col-1 {
    background: url(../images/modal-alimentacao.jpg) top center no-repeat #ffeb7c;
    color: #584c0c;
    text-align: center;
    padding: 150px 30px 0
}

#modal-alimentacao .modal-dialog form .col-1 h4 {
    font-family: "PT Sans", sans-serif;
    font-style: italic;
    font-size: 27px;
    font-size: 1.6875rem;
    margin-bottom: 20px
}

#modal-alimentacao .modal-dialog form .col-1 p {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 20px
}

#modal-alimentacao .modal-dialog form .col-2 {
    font-size: 14px;
    font-size: .875rem;
    padding: 20px 15px
}

#modal-alimentacao .modal-dialog form .col-2 h4 {
    font-family: "PT Sans", sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px
}

#modal-alimentacao .modal-dialog form .col-2 .form-group {
    font-family: "PT Sans", sans-serif
}

#modal-alimentacao .modal-dialog form .col-2 .form-group .input-group {
    border-bottom: 1px solid #cdcdcd;
    padding: 5px 0;
    width: 100%
}

#modal-alimentacao .modal-dialog form .col-2 .form-group .input-group i:before {
    width: 50px;
    font-size: 22px;
    text-align: center;
    color: #b7b7b7
}

#modal-alimentacao .modal-dialog form .col-2 .form-group .input-group i.icon-breakfast:before {
    font-size: 16px
}

#modal-alimentacao .modal-dialog form .col-2 .form-group .input-group input {
    width: 40px;
    margin-right: 10px;
    text-align: center;
    border: 1px solid #cdcdcd
}

#modal-alimentacao .modal-dialog form .col-2 .form-group .input-group span {
    float: right;
    margin-right: 10px
}

#modal-alimentacao .modal-dialog form .col-2 .form-group select {
    width: 100%;
    border: 1px solid #cdcdcd;
    padding: 6px
}

#modal-alimentacao .close {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
    background: #e42323;
    border-radius: 100px;
    padding: 15px 20px 18px;
    opacity: 1;
    line-height: 17px
}

.temperatura {
    padding: 60px 0 0
}

.temperatura ::-webkit-scrollbar {
    -webkit-appearance: none
}

.temperatura ::-webkit-scrollbar:vertical {
    width: 12px
}

.temperatura ::-webkit-scrollbar:horizontal {
    height: 12px
}

.temperatura ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #fff
}

.temperatura ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.temperatura .scroll {
    overflow-x: auto;
    padding-bottom: 60px
}

.temperatura ul {
    display: table;
    width: 100%
}

.temperatura ul li {
    display: table-cell
}

.temperatura ul li .bar {
    display: block;
    height: 300px;
    width: 40px;
    position: relative;
    font-family: roboto, sans-serif;
    font-size: 10px;
    font-size: .625rem;
    margin: 0 auto
}

.temperatura ul li .bar .max, .temperatura ul li .bar .min {
    min-height: 15%;
    position: absolute;
    color: #fff;
    padding: 10px 0;
    border: 1px solid #fff;
    text-align: center;
    display: block
}

.temperatura p, .temperatura ul li h3 {
    font-family: "PT Sans", sans-serif;
    width: 100%
}

.temperatura ul li .bar strong {
    font-size: 14px;
    font-size: .875rem;
    display: block
}

.temperatura ul li .bar .max {
    bottom: 50%;
    background: #f9af67;
    width: 100%
}

.temperatura ul li .bar .min {
    top: 50%;
    background: #4ab3cd;
    width: 100%
}

.temperatura ul li .bar .zero {
    height: 20%
}

.temperatura ul li .bar .dez {
    height: 25%
}

.temperatura ul li .bar .quinze {
    height: 30%
}

.temperatura ul li .bar .vinte {
    height: 35%
}

.temperatura ul li .bar .vintecinco {
    height: 40%
}

.temperatura ul li .bar .trinta {
    height: 45%
}

.temperatura ul li .bar .quarenta {
    height: 50%
}

.temperatura ul li h3 {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    margin-top: 20px
}

.temperatura p {
    text-align: right;
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: #787878;
    margin: 20px 0 0
}

.temperatura p a {
    color: #787878;
    text-decoration: underline
}

.indice-chuvas {
    width: 100%
}

.indice-chuvas .title-default i {
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle
}

.indice-chuvas ::-webkit-scrollbar {
    -webkit-appearance: none
}

.indice-chuvas ::-webkit-scrollbar:vertical {
    width: 12px
}

.indice-chuvas ::-webkit-scrollbar:horizontal {
    height: 12px
}

.indice-chuvas ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #fff
}

.indice-chuvas ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff
}

.indice-chuvas .scroll {
    overflow-x: auto;
    padding-bottom: 60px
}

.indice-chuvas ul {
    display: table;
    width: 100%
}

.indice-chuvas ul li {
    display: table-cell
}

.indice-chuvas ul li .bar {
    display: block;
    height: 200px;
    width: 40px;
    position: relative;
    font-family: roboto, sans-serif;
    font-size: 10px;
    font-size: .625rem;
    margin: 0 auto;
    color: #b1e7f3
}

.hospedagem-destaques ul .item a .imgs p, .indice-chuvas p, .indice-chuvas ul li h3 {
    font-family: "PT Sans", sans-serif
}

.indice-chuvas ul li .bar strong {
    font-size: 14px;
    font-size: .875rem;
    display: block;
    position: absolute;
    top: -25px;
    width: 100%;
    text-align: center
}

.indice-chuvas ul li .bar .percent {
    display: block;
    position: absolute;
    bottom: 0;
    background: #b1e7f3;
    width: 100%;
    color: #fff;
    text-align: center;
    border: 1px solid #000
}

.indice-chuvas ul li .bar .zero {
    height: 1%
}

.indice-chuvas ul li .bar .dez {
    height: 10%
}

.indice-chuvas ul li .bar .quinze {
    height: 15%
}

.indice-chuvas ul li .bar .vinte {
    height: 20%
}

.indice-chuvas ul li .bar .vintecinco {
    height: 25%
}

.indice-chuvas ul li .bar .trinta {
    height: 30%
}

.indice-chuvas ul li .bar .quarenta {
    height: 40%
}

.indice-chuvas ul li .bar .cinquenta {
    height: 50%
}

.indice-chuvas ul li .bar .sessenta {
    height: 60%
}

.indice-chuvas ul li .bar .setenta {
    height: 70%
}

.indice-chuvas ul li .bar .oitenta {
    height: 80%
}

.indice-chuvas ul li .bar .noventa {
    height: 90%
}

.indice-chuvas ul li .bar .cen {
    height: 100%
}

.indice-chuvas ul li h3 {
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    width: 100%;
    margin-top: 20px
}

.indice-chuvas p {
    text-align: right;
    width: 100%;
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: #fff;
    margin: 20px 0 0
}

.indice-chuvas p a {
    color: #fff;
    text-decoration: underline
}

.cidade-pacotes-viagem ul li a:focus, .cidade-pacotes-viagem ul li a:hover, .hospedagem-destaques ul .item a, .promocoes-passagens ul li a:focus, .promocoes-passagens ul li a:hover {
    text-decoration: none
}

.pesquisar-hospedagem .form-inline {
    text-align: center
}

.pesquisar-hospedagem .form-inline .form-group {
    margin-left: 10px;
    margin-bottom: 20px;
    display: inline-table
}

.pesquisar-hospedagem .form-inline .form-group:first-child {
    margin-left: 0
}

.pesquisar-hospedagem .form-inline label {
    margin-right: 8px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 13.2px;
    font-size: .825rem;
    display: block;
    width: 100%
}

.pesquisar-hospedagem .form-inline .btn-default {
    vertical-align: -8px;
    font-size: 14px;
    font-size: .875rem;
    margin-top: -3px
}

.pesquisar-hospedagem .form-inline .btn-default i:before {
    font-size: 19px;
    font-weight: 300
}

.pesquisar-hospedagem .form-inline .input-calendario {
    margin: 0 auto
}

.pesquisar-hospedagem .form-inline .date {
    width: 140px
}

.pesquisar-hospedagem .form-inline .bootstrap-select {
    vertical-align: middle;
    display: inline-block
}

.pesquisar-hospedagem .form-inline .bootstrap-select .btn-default {
    background: #fff;
    color: #3d3d3d;
    text-align: center;
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: "PT Sans", sans-serif;
    text-transform: inherit;
    padding: 6px 16px 6px 0;
    min-width: 60px
}

.pesquisar-hospedagem .form-inline .bootstrap-select .btn-default:hover {
    background: #fff;
    color: #3d3d3d
}

.pesquisar-hospedagem .form-inline .bootstrap-select .btn-default .filter-option {
    text-align: center
}

.pesquisar-hospedagem .form-inline .bootstrap-select .btn-default .caret {
    color: #c5c5c5;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 0
}

.pesquisar-hospedagem .form-inline .pesquisar {
    display: block
}

.hospedagem-promo {
    padding-bottom: 60px
}

.hospedagem-promo .bootstrap-select .btn-default, .hospedagem-promo input[type=text] {
    background: #f2f2f2 !important
}

.hospedagem-destaques {
    padding: 50px 0
}

.hospedagem-destaques ul {
    display: block
}

.hospedagem-destaques ul .item {
    position: relative;
    margin-bottom: 25px
}

.hospedagem-destaques ul .item a .imgs {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.hospedagem-destaques ul .item a .imgs img {
    width: 100%;
    transition: all .3s;
    position: relative;
    z-index: 2
}

.hospedagem-destaques ul .item a .imgs .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -80px;
    z-index: 3;
    font-size: 12px;
    font-size: .75rem
}

.hospedagem-destaques ul .item a .imgs .btn i:before {
    font-size: 13px;
    vertical-align: middle
}

.hospedagem-destaques ul .item a .imgs .parceiro {
    position: absolute;
    top: 10px;
    left: 0
}

.hospedagem-destaques ul .item a .imgs .parceiro img {
    width: auto
}

.hospedagem-destaques ul .item a .imgs p {
    display: block;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    font-size: 11px;
    font-size: .6875rem;
    text-align: center
}

.hospedagem-destaques ul .item a .imgs p strong {
    font-weight: 700;
    display: block;
    font-size: 16px;
    font-size: 1rem
}

.hospedagem-destaques ul .item a .imgs:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .27) 100%);
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.hospedagem-destaques ul .item a .saiba-mais {
    color: #434343
}

.hospedagem-destaques ul .item a .saiba-mais .stars {
    text-align: center;
    width: 100%;
    display: block;
    color: #feba02
}

.hospedagem-destaques ul .item a .saiba-mais .stars:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-destaques ul .item a .saiba-mais .stars.one:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-destaques ul .item a .saiba-mais .stars.two:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-destaques ul .item a .saiba-mais .stars.three:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-destaques ul .item a .saiba-mais .stars.four:before {
    font-family: quantocustaviajar;
    content: ''
}

.hospedagem-destaques ul .item a .saiba-mais .stars.five:before {
    font-family: quantocustaviajar;
    content: ''
}

.cidade-pacotes-viagem ul li a, .hospedagem-destaques ul .item a .saiba-mais h3, .hospedagem-destaques ul .item a .saiba-mais p, .pesquisar-passagem .form-inline .bootstrap-select .btn-default, .promocoes-passagens ul li a dl {
    font-family: "PT Sans", sans-serif
}

.hospedagem-destaques ul .item a .saiba-mais h3 {
    font-size: 15px;
    font-size: .9375rem;
    width: 90%;
    text-align: center;
    margin: 10px 5% 0;
    font-weight: 700
}

.hospedagem-destaques ul .item a .saiba-mais p {
    font-size: 13px;
    font-size: .8125rem;
    width: 90%;
    text-align: center;
    margin: 10px 5%
}

.hospedagem-destaques ul .item a:hover {
    text-decoration: none;
    position: relative
}

.hospedagem-destaques ul .item a:hover .imgs:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0
}

.hospedagem-destaques ul .item a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s;
    position: relative;
    z-index: 2
}

.hospedagem-destaques ul .item a:hover .imgs .btn {
    opacity: 1;
    visibility: visible;
    transition: all .3s;
    z-index: 5
}

.hospedagem-destaques ul .item a:hover .imgs .parceiro img {
    transform: initial
}

.pesquisar-passagem {
    padding: 30px 10px
}

.pesquisar-passagem .form-inline {
    text-align: center
}

.pesquisar-passagem .form-inline .checkbox-ida-volta {
    display: table;
    margin: 0 auto 20px;
    width: 240px
}

.pesquisar-passagem .form-inline .checkbox-ida-volta label {
    text-align: center
}

.pesquisar-passagem .form-inline .checkbox-ida-volta .btn-primary {
    margin: 0;
    display: table-cell;
    width: 50%;
    padding: 8px 0
}

.pesquisar-passagem .form-inline .checkbox-ida-volta .btn-primary:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pesquisar-passagem .form-inline .checkbox-ida-volta .btn-primary:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pesquisar-passagem .form-inline .form-group {
    margin-bottom: 20px;
    display: inline-table;
    margin-left: 5px;
    width: 45%
}

.pesquisar-passagem .form-inline .form-group label {
    margin-left: 8px;
    vertical-align: middle;
    font-size: 13.2px;
    font-size: .825rem;
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 700
}

.pesquisar-passagem .form-inline .form-group:first-child {
    margin-left: 0
}

.pesquisar-passagem .form-inline .form-group .date {
    width: 120px
}

.pesquisar-passagem .form-inline .form-group.cdestino {
    width: 100%;
    padding: 0 18px;
    margin-left: 5px
}

.pesquisar-passagem .form-inline .form-group.cdestino .twitter-typeahead {
    width: 100%
}

.pesquisar-passagem .form-inline .form-group.cdestino .twitter-typeahead input[type=text] {
    background: #fff;
    border-radius: 20px;
    border: 0;
    color: #6d6d6d;
    font-size: 14px;
    font-size: .875rem;
    padding: 5px 20px;
    outline: 0;
    font-family: "PT Sans", sans-serif;
    width: 100%
}

.pesquisar-passagem .form-inline .btn-default {
    vertical-align: -8px;
    font-size: 14px;
    font-size: .875rem;
    margin-top: -3px
}

.pesquisar-passagem .form-inline .btn-default i:before {
    font-size: 19px;
    font-weight: 300
}

.pesquisar-passagem .form-inline .input-calendario {
    margin: 0 auto;
    padding-left: 10px
}

.pesquisar-passagem .form-inline .date {
    width: 140px
}

.pesquisar-passagem .form-inline .bootstrap-select {
    width: 130px !important
}

.pesquisar-passagem .form-inline .bootstrap-select .btn-default {
    background: #fff;
    color: #6d6d6d;
    text-align: center;
    font-size: 14px;
    font-size: .875rem;
    text-transform: inherit;
    padding: 6px 33px 6px 18px;
    margin-top: 20px
}

.pesquisar-passagem .form-inline .bootstrap-select .btn-default:hover {
    background: #fff;
    color: #3d3d3d
}

.pesquisar-passagem .form-inline .bootstrap-select .btn-default .filter-option {
    text-align: center
}

.pesquisar-passagem .form-inline .bootstrap-select .btn-default .caret {
    color: #c5c5c5;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 0
}

.pesquisar-passagem .form-inline .pesquisar {
    display: block;
    margin: 10px auto;
    width: auto
}

.calendar-mobile .bootstrap-select.mes, .calendar-mobile .calendar {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calendar-mobile .bootstrap-select.mes .btn {
    width: auto
}

.promocoes-passagens {
    padding: 0 0 60px
}

.promocoes-passagens ul li {
    list-style: none;
    display: block;
    margin-bottom: 15px
}

.promocoes-passagens ul li a {
    color: #fff;
    background: #202328;
    display: block;
    transition: all .3s
}

.promocoes-passagens ul li a dl {
    display: table;
    width: 100%;
    height: 53px
}

.promocoes-passagens ul li a dl dt {
    display: table-cell;
    vertical-align: middle;
    font-weight: 300;
    color: #6d6d6d;
    font-size: 12px;
    font-size: .75rem;
    padding: 0 10px;
    width: 80px
}

.promocoes-passagens ul li a dl dt i {
    font-size: 20px;
    vertical-align: -4px
}

.promocoes-passagens ul li a dl dd {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    font-size: .875rem;
    padding: 6px 10px;
    font-weight: 200;
    text-align: left
}

.promocoes-passagens ul li a dl dd i {
    font-size: 20px
}

.promocoes-passagens ul li a dl dd.ppreco {
    background: #ef4b5a;
    text-align: center;
    width: 70px
}

.promocoes-passagens ul li a dl dd.ppreco span {
    font-size: 10px;
    font-size: .625rem;
    vertical-align: 4px;
    margin-right: 5px
}

.promocoes-passagens ul li a dl dd.ppreco strong {
    font-size: 8px;
    font-size: .5rem;
    text-transform: uppercase;
    font-weight: 200;
    line-height: 9px;
    display: block;
    margin-bottom: 10px
}

.promocoes-passagens ul li a:hover {
    background: #fff;
    color: #434343;
    transition: all .3s
}

.promocoes-passagens ul li a:hover .ppreco {
    color: #fff
}

.promocoes-passagens.em-destaque ul li a {
    background: #4c4d51
}

.promocoes-passagens.em-destaque ul li a .ppreco {
    background: #55904c
}

.promocoes-passagens.em-destaque ul li a:focus, .promocoes-passagens.em-destaque ul li a:hover {
    background: #000;
    color: #fff
}

.promocoes-passagens.em-destaque-mix ul li a {
    background: #4c4d51
}

.promocoes-passagens.em-destaque-mix ul li a:focus, .promocoes-passagens.em-destaque-mix ul li a:hover {
    background: #000;
    color: #fff
}

.promocoes-passagens.em-destaque-mix ul li a.best .ppreco {
    background: #55904c
}

.promocoes-passagens.bg-branco ul li a {
    background: #626262
}

.promocoes-passagens.bg-branco ul li a dt {
    color: #c9c9c9
}

.promocoes-passagens.bg-branco ul li a dl {
    color: #fff
}

.promocoes-passagens.bg-branco ul li a:hover {
    background: #393939
}

.cidade-pacotes-viagem {
    margin-bottom: 60px
}

.cidade-pacotes-viagem .container > .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cidade-pacotes-viagem .title-default {
    font-size: 20px;
    font-size: 1.25rem;
    min-height: 68px
}

.cidade-pacotes-viagem .title-default:after {
    content: '';
    border-bottom: 4px solid #c7c7c7;
    width: 150px;
    display: block;
    margin: 20px auto
}

.cidade-pacotes-viagem ul li {
    list-style: none;
    min-width: 292.5px
}

.cidade-pacotes-viagem ul li a {
    color: #434343;
    padding: 20px;
    border: 3px solid #000;
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.cidade-pacotes-viagem ul li a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    transition: all .5s
}

.cidade-pacotes-viagem ul li a h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 5px;
    font-weight: 700
}

.cidade-pacotes-viagem ul li a p {
    color: #6d6d6d;
    font-size: 13px;
    font-size: .8125rem;
    margin-bottom: 5px
}

.cidade-pacotes-viagem ul li a .com-aereo {
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem;
    display: block;
    margin-bottom: 10px
}

.cidade-pacotes-viagem ul li a .com-aereo i:before {
    transform: rotate(90deg);
    font-size: 16px
}

.cidade-pacotes-viagem ul li a .icon-calendar {
    display: inline-block;
    width: 49%;
    position: relative;
    margin-top: 10px
}

.cidade-pacotes-viagem ul li a .icon-calendar:before {
    font-size: 35px;
    position: absolute;
    left: 0;
    margin: 0
}

.cidade-pacotes-viagem ul li a .icon-calendar strong {
    padding: 16px 0 0 13px;
    display: block
}

.cidade-pacotes-viagem ul li a .icon-calendar span {
    font-size: 10px;
    font-size: .625rem;
    display: block;
    margin-left: 4px
}

.cidade-pacotes-viagem ul li a .apartir {
    display: inline-block;
    width: 49%;
    text-align: right;
    vertical-align: top;
    margin-top: 10px
}

.cidade-pacotes-viagem ul li a .apartir p {
    margin-bottom: 0
}

.cidade-pacotes-viagem ul li a .apartir strong {
    font-size: 19px;
    font-size: 1.1875rem
}

.cidade-pacotes-viagem ul li a .btn {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -19px;
    margin-left: -83px;
    z-index: 3;
    transition: all .5s;
    background: #fff
}

.cidade-pacotes-viagem ul li a .btn:hover {
    background: #fff
}

.cidade-pacotes-viagem ul li a:hover:after {
    background: #000;
    z-index: 2;
    transition: all .5s
}

.cidade-pacotes-viagem ul li a:hover .btn {
    opacity: 1;
    transition: all .5s
}

.cidade-pacotes-viagem ul.hotel-urbano li a {
    border-color: #546ab3
}

.cidade-pacotes-viagem ul.hotel-urbano li a .btn {
    color: #546ab3
}

.cidade-pacotes-viagem ul.hotel-urbano li a:hover:after {
    background: #546ab3
}

.cidade-pacotes-viagem ul.cvc li a {
    border-color: #cdae16
}

.cidade-pacotes-viagem ul.cvc li a .btn {
    color: #cdae16
}

.cidade-pacotes-viagem ul.cvc li a:hover:after {
    background: #cdae16
}

.cidade-pacotes-viagem ul.default li a {
    border-color: #ef4b5a
}

.cidade-pacotes-viagem ul.default li a .com-aereo {
    color: #6d6d6d
}

.cidade-pacotes-viagem ul.default li a .btn {
    color: #ef4b5a
}

.cidade-pacotes-viagem ul.default li a:hover:after {
    background: #ef4b5a
}

.cidade-pacotes-viagem .btn-default-preto {
    margin: 10px auto 0;
    width: 130px;
    display: block
}

.outras-indicacoes-editor {
    padding-bottom: 60px
}

.outras-indicacoes-editor ul > li {
    list-style: none;
    margin-bottom: 30px
}

.outras-indicacoes-editor ul > li a {
    display: block;
    position: relative;
    width: 100%
}

.outras-indicacoes-editor ul > li a img {
    position: relative;
    z-index: 2;
    width: 100%
}

.outras-indicacoes-editor ul > li a div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    color: #fff;
    padding: 20px;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 38px;
    font-family: roboto, sans-serif;
    font-weight: 700
}

.outras-indicacoes-editor ul > li a div i:before {
    font-size: 50px;
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
    margin-left: 0
}

.outras-indicacoes-editor ul > li[class*=bg-] a:before, .outras-indicacoes-editor ul > li[class^=bg-] a:before {
    content: '';
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    z-index: 3;
    opacity: .6
}

.outras-indicacoes-editor ul > li.bg-1 a:before {
    background: #613008
}

.outras-indicacoes-editor ul > li.bg-2 a:before {
    background: #00abeb
}

.outras-indicacoes-editor ul > li.bg-3 a:before {
    background: #e64f85
}

.outras-indicacoes-editor ul > li.bg-4 a:before {
    background: #761094
}

.outras-indicacoes-editor ul > li.bg-5 a:before {
    background: #2daf18
}

.outras-indicacoes-editor ul > li.bg-6 a:before {
    background: #c80000
}

.outras-indicacoes-editor ul > li.bg-7 a:before {
    background: #ea7f00
}

.outras-indicacoes-editor .btn {
    margin: 0 auto;
    width: 160px;
    display: block
}

.cp-calendario {
    padding-bottom: 60px
}

.cp-calendario .container {
    position: relative
}

.cp-calendario .container .banner100 {
    margin-top: 60px
}

.cp-calendario .container .media {
    display: block;
    text-align: center
}

.cp-calendario .container .media > div {
    display: block;
    font-family: "PT Sans", sans-serif;
    padding: 10px
}

.cp-calendario .container .media > div strong {
    font-size: 20px;
    font-size: 1.25rem;
    display: block
}

.cp-calendario .container .media > div a {
    color: #434343;
    font-size: 20px;
    font-size: 1.25rem;
    text-decoration: underline
}

.cp-calendario .container .media > div:first-child {
    border-bottom: 2px solid #d0d0d0
}

.cp-calendario .container .viajanet {
    display: block;
    margin: 70px auto 0
}

#modal-calcule .modal-dialog {
    max-width: 500px
}

/*#modal-calcule .modal-dialog .modal-content {
    background: url(../images/bg-login.jpg);
    border-radius: 0;
    background-size: cover;
    color: #153651;
    font-family: "PT Sans", sans-serif;
    padding: 15px
}*/

#modal-calcule .modal-dialog .modal-content {

    border-radius: 10px;
    background-size: cover;
    color: #153651;
    font-family: "PT Sans", sans-serif;
    padding: 15px
}

#modal-calcule .modal-dialog .modal-content .title-default {
    margin-bottom: 30px;
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    text-align: center;

    /* QCV Black */

    color: #202226;
}

#modal-calcule .modal-dialog .modal-content .subtitle {
    color: #153651
}

#modal-calcule .modal-dialog .modal-content ul li {
    list-style: none;
    display: block
}

#modal-calcule .modal-dialog .modal-content ul li a svg{
    margin-top: 3px;
    margin-right: 5px;
}

#modal-calcule .modal-dialog .modal-content ul li a{
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */

    text-align: center;

    /* QCV white */

    color: #FFFFFF;
}
#modal-calcule .modal-dialog .modal-content ul li a:hover{
    text-decoration: none;
}
    /*#modal-calcule .modal-dialog .modal-content ul li a {
        display: block;
        color: #fff;
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 300;
        margin-bottom: 10px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .63)
    }

    #modal-calcule .modal-dialog .modal-content ul li a i {
        margin: 0 15px 0 0;
        font-size: 25px;
        border-right: 1px solid rgba(255, 255, 255, .24);
        vertical-align: middle;
        padding: 5px 10px;
        display: inline-block
    }

    #modal-calcule .modal-dialog .modal-content ul li a:hover {
        text-decoration: none;
        opacity: .9
    }*/
#modal-calcule .flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

#modal-calcule .flex-container > div {


}
#modal-calcule .modal-dialog .modal-content ul li.face {
    background: #3e60aa
}

#modal-calcule .modal-dialog .modal-content ul li.gplus {
    background: #DB0C0B;
    text-align: center;
    padding: 7px;
    border-radius: 8px;
}

#modal-calcule .modal-dialog .modal-body {
    padding: 0
}

#modal-calcule .modal-dialog .modal-body .ou {
    /*font-size: 21px;*/
    /*font-size: 1.3125rem;*/
    /*font-weight: 700;*/
    text-align: center;
    position: relative;
    width: 100%;
    margin: 20px 0;
}

#modal-calcule .modal-dialog .modal-body .ou span {
    display: block;
    /*background: #9ed3f6;*/
    background: #ffffff;
    position: relative;
    width: 30px;
    margin: 0 auto;
    text-align: center;
    color: #C8C8C8;
}

#modal-calcule .modal-dialog .modal-body .ou:before {
    content: '';
    width: 100%;
    display: block;
    height: 1px;
    border-top: 1px solid #C8C8C8;
    position: absolute;
    top: 50%;
    left: 0
}

#modal-calcule .modal-dialog .modal-body .form-group {
    display: table;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 40px
}

#modal-calcule .modal-dialog .modal-body .form-group input {
    display: table-cell;
    padding: 6px 10px;
    font-size: 14px;
    font-size: .875rem;
    vertical-align: top;
    background: #FFFFFF;
    /* QCV 50 */

    border: 1px solid #C8C8C8;
    border-radius: 8px;
}

#modal-calcule .modal-dialog .modal-body .form-group input:focus {
    outline: 0
}

#modal-calcule .modal-dialog .modal-body .form-group button {
    display: table-cell;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
    font-size: .875rem;
    vertical-align: top;
    /* QCV pink */

    background: #EF4B5A;
    /* QCV pink */

    border: 1px solid #EF4B5A;
    border-radius: 8px;
}

#modal-calcule .modal-dialog .modal-body .obs {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;

    /* QCV Black */

    color: #202226;
    text-align: center;
    margin-bottom: 30px
}

#modal-calcule .modal-dialog .modal-body .obs a {
    color: #EF4B5A;
    text-decoration: underline
}

#modal-calcule .close {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #6D6D6D;
    padding: 15px 20px 18px;
    opacity: 1;
    line-height: 17px;
}

.promocoes-passagens-destaques {
    padding-bottom: 60px;
    text-align: center;
    padding-top: 50px
}

.promocoes-passagens-destaques .title {
    margin-top: 0
}

.promocoes-passagens-destaques ul {
    display: block
}

.promocoes-passagens-destaques ul li {
    font-family: "PT Sans", sans-serif;
    list-style: none;
    margin-bottom: 20px
}

.promocoes-passagens-destaques ul li a {
    background: 0 0
}

.promocoes-passagens-destaques ul li a div {
    background: #8d8d8d;
    border-radius: 10px;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 20px
}

.promocoes-passagens-destaques ul li a div i:before {
    transform: rotate(90deg);
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.promocoes-passagens-destaques ul li a div h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    width: 100%;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.promocoes-passagens-destaques ul li a div > span {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 100;
    margin-bottom: 5px;
    display: block
}

.promocoes-passagens-destaques ul li a div > span.date {
    text-transform: uppercase;
    font-size: 11px;
    font-size: .6875rem
}

.promocoes-passagens-destaques ul li a strong {
    background: #6d6d6d;
    border-radius: 10px;
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 19px;
    font-size: 1.1875rem;
    padding: 6px 5px 5px;
    position: relative
}

.promocoes-passagens-destaques ul li a strong:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #f3f3f3;
    position: absolute;
    top: -1px
}

.promocoes-passagens-destaques ul li a:hover {
    text-decoration: none;
    background: 0 0
}

.promocoes-passagens-destaques ul li a:hover div {
    background: #ef4b5a
}

.promocoes-passagens-destaques ul li a:hover strong {
    background: #c23442
}

.promocoes-passagens-destaques ul li a:focus, .promocoes-passagens-destaques ul li a:visited {
    text-decoration: none
}

.promocoes-passagens-destaques .btn {
    margin: 30px auto 0
}

.promocoes-passagens-destaques.bg-branco ul li strong:before {
    border-top: 1px dashed #fff
}

.onde-ir {
    background: url(../images/bg-onde-ir.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    position: relative
}

.onde-ir:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
    background: #000;
    z-index: 1
}

.onde-ir .subtitle, .onde-ir .title-default {
    color: #fff;
    position: relative;
    z-index: 2
}

.onde-ir .title-default {
    font-family: Montserrat, sans-serif;
    font-size: 53px;
    font-size: 3.3125rem;
    font-weight: 700
}

.onde-ir .subtitle {
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 200;
    margin-bottom: 60px
}

.onde-ir form {
    position: relative;
    z-index: 2
}

.onde-ir form .form-group {
    height: 124px;
    margin-bottom: 10px
}

.onde-ir form .form-group label {
    display: block;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    text-transform: uppercase;
    margin-bottom: 10px
}

.onde-ir form .form-group label a {
    color: #fff
}

.onde-ir form .form-group .selecione {
    display: block;
    background: url(../images/selecione-a-cidade-mais-proxima-de-voce.png) no-repeat;
    height: 40px;
    width: 222px;
    text-indent: -5000em;
    margin-left: 22px;
    margin-top: 10px
}

.onde-ir form .form-group .bootstrap-select {
    width: 100% !important;
    text-align: left
}

.onde-ir form .form-group .bootstrap-select .btn-default .filter-option {
    text-align: left;
    color: #747474
}

.onde-ir form .form-group .bootstrap-select.origem .filter-option {
    padding-left: 30px;
    position: relative
}

.onde-ir form .form-group .bootstrap-select.origem .filter-option:before {
    content: '';
    font-family: quantocustaviajar;
    display: inline-block;
    color: #747474;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px
}

.onde-ir form .form-group .bootstrap-select.mes .filter-option {
    padding-left: 30px;
    position: relative
}

.onde-ir form .form-group .bootstrap-select.mes .filter-option:before {
    content: '\e109';
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    color: #747474;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px
}

.cards-roteiros li > div a.content-img:after, .list-midia li > a:after, .lista-cruzeiros ul li a:hover .imgs:after, .pesquisar-cruzeiros .subtitle:after {
    content: ''
}

.onde-ir form .form-group strong, .onde-ir form .form-group strong output {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.onde-ir form .form-group .rangeslider--horizontal {
    margin-top: 30px
}

.onde-ir form .form-group strong {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    display: block;
    width: 100%;
    text-align: center
}

.onde-ir form .form-group strong output {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem
}

.onde-ir form > .btn-default {
    background: #47ab3f;
    font-size: 16px;
    font-size: 1rem;
    width: 226px;
    margin: 50px auto 60px;
    display: block
}

.onde-ir form > .btn-default:hover {
    background: #4caf50
}

.page-para-onde-viajar .onde-ir {
    background: url(../images/bg-para-onde-viajar.jpg) center bottom no-repeat;
    background-size: cover;
    color: #fff;
    position: relative
}

.page-para-onde-viajar .onde-ir:before {
    opacity: .2
}

.page-para-onde-viajar .onde-ir .title-default {
    margin-top: 50px
}

.page-para-onde-viajar .onde-ir form {
    margin-bottom: 50px
}

.page-para-onde-viajar .onde-ir form > .btn-default {
    background: #47ab3f;
    font-size: 16px;
    font-size: 1rem;
    text-transform: initial;
    font-weight: 100;
    font-family: roboto, sans-serif
}

.map-home .content-marker-home, .map-home .infos-map {
    font-family: "PT Sans", sans-serif
}

.map-home {
    position: relative
}

.map-home #mapmarkerhome {
    width: 100%;
    height: 400px
}

.map-home .infos-map {
    display: block;
    z-index: 10;
    background: #f1f1f1;
    top: 20px;
    width: 100%;
    padding: 20px 30px;
    margin-bottom: 20px
}

.map-home .infos-map .title {
    text-align: left;
    margin: 20px 0 15px;
    font-size: 23px;
    font-size: 1.4375rem
}

.map-home .infos-map p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    color: #6d6d6d
}

.map-home .content-marker-home {
    padding: 10px
}

.map-home .content-marker-home .gm-style-iw {
    left: 0 !important;
    top: 0 !important;
    overflow-x: initial !important;
    width: 100% !important
}

.map-home .content-marker-home .gm-style-iw > div {
    max-width: 208px !important;
    overflow: initial !important
}

.map-home .content-marker-home .gm-style-iw > div > div {
    overflow-x: initial !important
}

.map-home .content-marker-home .header h3 {
    font-size: 18px;
    font-size: 1.125rem;
    color: #434343;
    font-weight: 700;
    margin-bottom: 5px
}

.map-home .content-marker-home .header h4 {
    font-size: 14px;
    font-size: .875rem;
    color: #6d6d6d;
    margin-bottom: 10px
}

.map-home .content-marker-home .content {
    margin: 20px 0 0;
    display: block
}

.map-home .content-marker-home .content ul li {
    font-size: 12px;
    font-size: .75rem;
    color: #6d6d6d;
    display: inline-block;
    width: 45%;
    margin-right: 5%;
    list-style: none;
    padding-left: 50px;
    height: 40px
}

.map-home .content-marker-home .content ul li.mochileiro {
    background: url(../images/icon-mochileiro.jpg) left center no-repeat
}

.map-home .content-marker-home .content ul li.economico {
    background: url(../images/icon-economico.jpg) left center no-repeat
}

.map-home .content-marker-home .content ul li strong {
    color: #434343;
    font-size: 14px;
    font-size: .875rem
}

.map-home .content-marker-home .content a {
    color: #ef4b5a;
    text-decoration: underline;
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-size: .875rem
}

.quando-viajar-para {
    position: relative;
    color: #fff;
    background: #000;
    margin-top: 60px;
    display:none;
}

.quando-viajar-para div {
    text-align: center
}

.quando-viajar-para div h2 {
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 3px;
    margin-top: 60px
}

.quando-viajar-para div ul li {
    font-size: 15px;
    font-size: .9375rem;
    font-family: "PT Sans", sans-serif;
    list-style: none;
    margin-bottom: 12px
}

.list-midia li > a > div span, .list-midia li > a > h3 {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.list-midia, .list-midia li {
    margin-bottom: 30px
}

.quando-viajar-para div ul li a {
    text-decoration: underline;
    color: #fff
}

.list-midia li > a:hover, .lista-cruzeiros ul li a:hover, .passagens-aereas-baratas ul li a:hover {
    text-decoration: none
}

.list-midia {
    list-style: none
}

.list-midia li > a {
    position: relative;
    transition: all .2s;
    display: table;
    width: 100%;
    height: 250px;
    color: #434343;
    background: url(../images/marcacao/info-money.jpg) center top no-repeat;
    background-size: cover
}

.list-midia li > a > span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #ccbd70;
    z-index: 2;
    opacity: .8
}

.list-midia li > a i, .list-midia li > a:after {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 0;
    z-index: 6;
    border: 3px solid #fff;
    margin: 10px;
    position: absolute;
    left: 0
}

.list-midia li > a > h3 {
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 4;
    display: block;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -20px;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem
}

.list-midia li > a > div {
    position: relative;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 25px;
    opacity: 0
}

.list-midia li > a > div p {
    font-size: 13px;
    font-size: .8125rem;
    margin: 20px;
    display: block
}

.list-midia li > a > div span {
    border: 2px solid #727272;
    padding: 8px 15px;
    font-size: 11px;
    font-size: .6875rem;
    color: #727272
}

.list-midia li > a:hover {
    transition: all .2s
}

.list-midia li > a:hover i {
    border: 3px solid #ccbd70;
    z-index: 7
}

.list-midia li > a:hover > div {
    opacity: 1;
    display: table-cell
}

.list-midia li > a.big {
    height: 530px
}

.list-midia li > a.big div {
    padding: 30px
}

.list-midia li > a.big > h3 {
    font-size: 30px;
    font-size: 1.875rem
}

.list-midia li > a.big p {
    font-size: 26px;
    font-size: 1.625rem;
    font-size: 16px;
    font-size: 1rem
}

.textos {
    padding-bottom: 40px
}

.textos dd, .textos dt, .textos p {
    margin-bottom: 20px;
    display: block;
    width: 100%
}

.busca-cruzeiros {
    background: #555;
    margin-bottom: 10px
}

.busca-cruzeiros .navbar-header {
    border-top: none;
    font-family: "PT Sans", sans-serif
}

.busca-cruzeiros .navbar-header .navbar-brand {
    color: #fff
}

.busca-cruzeiros .navbar-header .navbar-toggle {
    background: #ef4b5a;
    border: none
}

.busca-cruzeiros .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff
}

.busca-cruzeiros .navbar-collapse {
    font-family: "PT Sans", sans-serif;
    border-color: #646464;
    padding: 15px 0;
    margin: 0;
    width: 100%;
    background: #555
}

.busca-cruzeiros .navbar-collapse .form-group {
    display: inline-block;
    width: 100%
}

.busca-cruzeiros .navbar-collapse .form-group label {
    display: block;
    color: #fff;
    font-weight: 300
}

.busca-cruzeiros .navbar-collapse .form-group .bootstrap-select {
    width: 100%
}

.busca-cruzeiros .navbar-collapse .form-group .bootstrap-select .btn-default {
    border-radius: 0;
    background: #696969;
    width: 100%
}

.busca-cruzeiros .navbar-collapse .form-group .btn-verde {
    border: 0;
    margin: 0 auto;
    width: 134px;
    display: block;
    background-color: #47ab3f
}

.lista-cruzeiros {
    text-align: center
}

.lista-cruzeiros ul li {
    list-style: none;
    margin-bottom: 30px
}

.lista-cruzeiros ul li a {
    display: block;
    position: relative;
    width: 100%;
    color: #434343;
    text-align: center
}

.lista-cruzeiros ul li a .imgs .aereo, .lista-cruzeiros ul li a .imgs .desc {
    color: #fff;
    font-weight: 700;
    padding: 6px 15px;
    bottom: 0;
    font-family: "PT Sans", sans-serif
}

.lista-cruzeiros ul li a .imgs {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.lista-cruzeiros ul li a .imgs img {
    z-index: 1;
    width: 100%
}

.lista-cruzeiros ul li a .imgs .btn {
    display: none
}

.lista-cruzeiros ul li a .imgs > div {
    position: absolute;
    left: 0;
    top: 10px
}

.lista-cruzeiros ul li a .imgs .desc {
    position: absolute;
    right: 0;
    background: #ef4b5a;
    font-size: 18px;
    font-size: 1.125rem;
    z-index: 5
}

.lista-cruzeiros ul li a .imgs .aereo {
    position: absolute;
    left: 0;
    background: rgba(84, 84, 84, .67);
    font-size: 11px;
    font-size: .6875rem;
    text-transform: uppercase;
    width: 100%;
    z-index: 4
}

.lista-cruzeiros ul li a .imgs .aereo i {
    position: absolute;
    bottom: 0;
    font-size: 25px;
    left: 10px
}

.lista-cruzeiros ul li a .imgs .aereo + .desc {
    bottom: 27px
}

.lista-cruzeiros ul li a h3 {
    font-size: 16px;
    font-size: 1rem;
    font-family: "PT Sans", sans-serif;
    font-weight: 300;
    padding: 0 15px;
    margin: 15px 0 10px
}

.lista-cruzeiros ul li a .infos-mais li {
    list-style: none;
    font-family: "PT Sans", sans-serif;
    display: inline-block;
    font-size: 14px;
    font-size: .875rem;
    color: #8f8f8f;
    margin-bottom: 8px
}

.lista-cruzeiros ul li a .preco {
    padding: 0 15px;
    height: 65px
}

.lista-cruzeiros ul li a .preco strong {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    display: block
}

.lista-cruzeiros ul li a .preco span, .lista-cruzeiros ul li a .preco strike {
    font-size: 13px;
    font-size: .8125rem;
    color: #8f8f8f
}

.lista-cruzeiros ul li a:hover .imgs:after {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.lista-cruzeiros ul li a:hover .imgs .btn {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -80px;
    z-index: 3
}

.pesquisar-cruzeiros {
    padding-bottom: 30px;
    margin: 50px 0 0
}

.pesquisar-cruzeiros .subtitle:after {
    border-bottom: 4px solid #c7c7c7;
    width: 150px;
    display: block;
    margin: 20px auto
}

.pesquisar-cruzeiros .form-inline {
    text-align: center
}

.pesquisar-cruzeiros .form-inline .form-group {
    margin-bottom: 20px;
    display: inline-table;
    width: 100%
}

.pesquisar-cruzeiros .form-inline .form-group:first-child {
    margin-left: 0
}

.pesquisar-cruzeiros .form-inline label {
    margin-right: 8px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 13.2px;
    font-size: .825rem;
    display: block;
    width: 100%
}

.pesquisar-cruzeiros .form-inline .btn-default {
    vertical-align: -8px;
    font-size: 14px;
    font-size: .875rem;
    margin-top: -3px
}

.pesquisar-cruzeiros .form-inline .btn-default i:before {
    font-size: 19px;
    font-weight: 300
}

.pesquisar-cruzeiros .form-inline .bootstrap-select {
    vertical-align: middle;
    display: inline-block;
    min-width: 100%
}

.pesquisar-cruzeiros .form-inline .bootstrap-select .btn-default {
    background: #fff;
    color: #3d3d3d;
    text-align: center;
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: "PT Sans", sans-serif;
    text-transform: inherit;
    padding: 6px 26px 6px 10px;
    min-width: 60px
}

.pesquisar-cruzeiros .form-inline .bootstrap-select .btn-default:hover {
    background: #fff;
    color: #3d3d3d
}

.pesquisar-cruzeiros .form-inline .bootstrap-select .btn-default .filter-option {
    text-align: center
}

.pesquisar-cruzeiros .form-inline .bootstrap-select .btn-default .caret {
    color: #c5c5c5;
    border-top: 6px dashed;
    border-top: 6px solid \9;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 0
}

.pesquisar-cruzeiros .form-inline .pesquisar {
    display: block
}

.destaque-anuncie {
    margin-top: 60px;
    margin-bottom: 60px
}

.destaque-anuncie p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem;
    color: #676767;
    font-family: "PT Sans", sans-serif
}

.audiencia, .audiencia .subtitle {
    color: #fff
}

.destaque-anuncie ul > li {
    list-style: none;
    margin-bottom: 15px
}

.destaque-anuncie ul > li .btn {
    width: 100%;
    font-size: 15px;
    font-size: .9375rem;
    padding: 15px
}

.audiencia {
    background: url(../images/bg-anuncie-audiencia.jpg) center center no-repeat;
    background-size: cover;
    padding: 20px 0 70px;
    text-align: center
}

.audiencia ul.list li {
    list-style: none;
    display: table;
    margin-bottom: 30px
}

.audiencia ul.list li div {
    border: 3px solid #fff;
    width: 100%;
    text-align: center;
    display: table-cell;
    height: 230px;
    vertical-align: middle;
    padding: 40px
}

.audiencia ul.list li div h4 {
    font-size: 47px;
    font-size: 2.9375rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.audiencia ul.list li div p {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "PT Sans", sans-serif
}

.audiencia ul.list2 {
    margin-top: 30px
}

.audiencia ul.list2 li {
    list-style: none;
    display: inline-block;
    margin: 20px
}

.audiencia ul.list2 li i {
    font-size: 50px;
    margin-bottom: 15px;
    display: block
}

.audiencia ul.list2 li div {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 0 10px
}

.audiencia ul.list2 li div h4 {
    font-size: 31px;
    font-size: 1.9375rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.audiencia ul.list2 li div p, .midia-banner dl dt {
    font-family: "PT Sans", sans-serif
}

.audiencia ul.list2 li div p {
    font-size: 16px;
    font-size: 1rem
}

.midia-banner {
    position: relative
}

.midia-banner .row {
    margin-bottom: 60px;
    display: block
}

.midia-banner img {
    box-shadow: 0 0 12px -1px #ccc;
    border-radius: 3px
}

.midia-banner dl {
    margin-bottom: 20px;
    color: #6d6d6d
}

.midia-banner dl:first-child {
    border-top: 2px solid #bebebe;
    padding-top: 25px
}

.midia-banner dl dt {
    color: #ef4b5a;
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: 10px;
    display: block
}

.midia-banner dl dd {
    font-size: 19px;
    font-size: 1.1875rem
}

.midia-banner dl dd i {
    color: #434343;
    margin-right: 10px
}

.midia-banner dl.formato dd {
    font-size: 48px;
    font-size: 3rem;
    font-family: Montserrat, sans-serif;
    font-weight: 200
}

.lista-outros-destinos ul li a, .passagens-aereas-baratas ul li a {
    width: 100%;
    font-family: "PT Sans", sans-serif
}

.midia-banner dl.text dd {
    font-size: 15px;
    font-size: .9375rem
}

.midia-banner.bg-preto dl {
    border: 0
}

.midia-banner.bg-preto dd, .midia-banner.bg-preto dl {
    color: #fff
}

.lista-outros-destinos {
    padding: 0 0 60px
}

.lista-outros-destinos .title-default {
    text-align: left
}

.lista-outros-destinos ul li {
    list-style: none
}

.lista-outros-destinos ul li a {
    background: #202328;
    padding: 10px 20px;
    margin-bottom: 10px;
    display: block;
    color: #fff;
    font-size: 16px;
    font-size: 1rem
}

.lista-outros-destinos ul li a:hover {
    text-decoration: none;
    background: #2b2e35
}

.passagens-aereas-baratas {
    padding: 0 0 60px
}

.passagens-aereas-baratas ul li {
    list-style: none
}

.passagens-aereas-baratas ul li a {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 20px
}

.passagens-aereas-baratas ul li a span {
    border-bottom: 2px solid #ef4b5a;
    color: #ef4b5a;
    text-transform: uppercase;
    text-align: center;
    width: 55px
}

.passagens-aereas-baratas ul li a > div {
    border-bottom: 2px solid #ccc;
    color: #434343;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-left: 5px;
    transition: all .2s;
    padding-bottom: 10px
}

.passagens-aereas-baratas ul li a:hover > div {
    transition: all .2s;
    text-decoration: underline
}

.destaque-pacotes .pacotes-carousel .owl-item > div div span, .destaque-pacotes .pacotes-carousel .owl-item > div:hover, .lista-destaque-pacotes li a:hover, .lista-pacotes li a:hover, .menu-pacotes .nav li:hover a {
    text-decoration: none
}

.cards-roteiros li {
    list-style: none;
    margin-bottom: 20px
}

.cards-roteiros li > div {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .51)
}

.cards-roteiros li > div a.content-img {
    position: relative;
    margin-bottom: 10px;
    display: block
}

.cards-roteiros li > div a.content-img img {
    position: relative;
    z-index: 1;
    width: 100%
}

.cards-roteiros li > div a.content-img ul {
    position: absolute;
    z-index: 3;
    width: 100%;
    text-align: center;
    bottom: -10px;
    left: 0
}

.cards-roteiros li > div a.content-img ul li {
    color: #fff;
    display: inline-block;
    list-style: none;
    font-size: 23px;
    text-align: center
}

.cards-roteiros li > div a.content-img ul li i:before {
    width: auto;
    margin: 0 5px
}

.cards-roteiros li > div a.content-img ul li .icon-airplane:before {
    font-size: 21px
}

.cards-roteiros li > div a.content-img ul li .icon-bed:before {
    font-size: 17px
}

.cards-roteiros li > div a.content-img ul li .icon-taxi:before {
    font-size: 19px
}

.cards-roteiros li > div a.content-img ul li .icon-fork {
    font-size: 20px
}

.cards-roteiros li > div a.content-img > strong {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    background: #ef4b5a;
    color: #fff;
    font-size: 15px;
    font-size: .9375rem;
    z-index: 3;
    padding: 10px 15px
}

.cards-roteiros li > div a.content-img > h3 {
    position: absolute;
    transition: all .2s;
    visibility: visible;
    opacity: 1;
    top: 50%;
    width: 100%;
    padding: 0 15px;
    margin-top: -30px;
    color: #fff;
    font-size: 28px;
    font-size: 1.75rem;
    z-index: 3;
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.cards-roteiros li > div a.content-img > h3 span {
    font-size: 16px;
    font-size: 1rem;
    text-transform: initial;
    display: block;
    font-weight: 400;
    margin-top: 10px
}

.cards-roteiros li > div a.content-img:before {
    content: '';
    opacity: .2;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all .2s
}

.cards-roteiros li > div a.content-img:after {
    width: 100%;
    height: 1px;
    clear: both;
    display: block
}

.cards-roteiros li > div a.content-img .hover {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 157px;
    left: 50%;
    margin-left: -77px;
    margin-top: -10px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.cards-roteiros li > div a.content-img:hover .hover {
    opacity: 1;
    visibility: visible;
    transition: all .2s
}

.cards-roteiros li > div a.content-img:hover h3 {
    opacity: 0;
    transition: all .2s
}

.cards-roteiros li > div a.content-img:hover:before {
    opacity: .7;
    transition: all .2s
}

.cards-roteiros li > div .infs {
    padding: 0 15px;
    color: #6d6d6d;
    font-family: "PT Sans", sans-serif
}

.cards-roteiros li > div .infs p {
    font-size: 13px;
    font-size: .8125rem
}

.cards-roteiros li > div .infs .preco {
    border-top: 1px solid #b9b9b9;
    padding: 10px 0;
    margin-top: 10px
}

.cards-roteiros li > div .infs .preco span {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 500;
    text-transform: uppercase
}

.compre-ganhe h2, .nao-encontrou p {
    font-weight: 700;
    text-transform: uppercase
}

.cards-roteiros li > div .infs .preco span i {
    font-size: 14px;
    font-size: .875rem
}

.cards-roteiros li > div .infs .preco strong {
    font-size: 17px;
    font-size: 1.0625rem;
    color: #ef4b5a;
    float: right
}

.compre-ganhe {
    text-align: center;
    margin-top: 40px
}

.compre-ganhe h2 {
    color: #ef4b5a;
    font-size: 40px;
    font-size: 2.5rem;
    font-family: Montserrat, sans-serif;
    margin-bottom: 20px
}

.compre-ganhe p {
    font-family: "PT Sans", sans-serif;
    font-size: 17px;
    font-size: 1.0625rem;
    color: #6d6d6d;
    padding: 0 20px
}

.compre-ganhe .btn {
    margin-top: 30px
}

.nao-encontrou {
    text-align: center;
    margin-top: 40px
}

.nao-encontrou h2 {
    text-indent: -5000em;
    background: url(../images/nao-encontrou-o-que-procurava.png) no-repeat;
    background-size: 100%;
    width: 100%;
    height: 79px;
    display: block;
    margin: 40px auto 0;
    position: relative;
    z-index: 2
}

.nao-encontrou p {
    font-family: roboto, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: -10px;
    position: relative;
    z-index: 1
}

.nao-encontrou .btn {
    display: block;
    margin: 0 auto 30px;
    width: 183px
}

.nao-encontrou img {
    clear: both
}

.busca-roteiros .navbar-collapse.in {
    overflow: initial
}

.busca-roteiros .navbar-default {
    border: 1px solid #bdbdbd;
    margin-top: 10px;
    background: #fff
}

.busca-roteiros .navbar-default p {
    margin-top: 10px
}

.busca-roteiros .navbar-default .cdestino {
    display: table;
    vertical-align: middle
}

.busca-roteiros .navbar-default .cdestino label {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px
}

.busca-roteiros .navbar-default .cdestino .bootstrap-select {
    display: table-cell
}

.busca-roteiros .navbar-default .cdestino .bootstrap-select .btn-default {
    background: #f5f5f5;
    width: 100%;
    color: #666;
    min-width: 100px
}

.busca-roteiros .navbar-default .input-daterange {
    padding: 0
}

.busca-roteiros .navbar-default .input-group {
    background: #f5f5f5;
    border-radius: 100px;
    border: 0;
    height: 39px
}

.busca-roteiros .navbar-default .input-group input {
    background: 0 0;
    box-shadow: none;
    border: 0;
    padding-left: 40px;
    padding-right: 20px;
    text-align: center;
    height: 36px;
    font-size: 13px;
    font-size: .8125rem;
    font-family: Montserrat, sans-serif;
    color: #666;
    text-transform: uppercase
}

.busca-roteiros .navbar-default .input-group input:focus {
    outline: 0
}

.busca-roteiros .navbar-default .input-group input::-webkit-input-placeholder {
    color: #666
}

.busca-roteiros .navbar-default .input-group .input-group-addon {
    color: #c5c5c5;
    background: 0 0;
    border: 0;
    width: 50px;
    font-size: 18px;
    line-height: 25px;
    position: absolute;
    left: 0;
    top: 3px
}

.busca-roteiros .navbar-default .pesquisar .btn {
    background: #a8a8a8
}

.lista-pacotes {
    padding-bottom: 60px
}

.lista-pacotes .btn-default-branco, .lista-pacotes .btn-default-preto {
    margin: 0 auto;
    width: 162px;
    display: block
}

.lista-pacotes .btn-default-branco i, .lista-pacotes .btn-default-preto i {
    font-size: 10px;
    margin-right: 10px;
    vertical-align: 2px
}

.lista-pacotes li {
    margin-bottom: 40px;
    position: relative
}

.lista-pacotes li figure {
    position: relative;
    margin-bottom: 10px;
    display: block
}

.lista-pacotes li figure span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ef4b5a;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
    font-size: .9375rem;
    display: block;
    z-index: 2
}

.lista-destaque-pacotes li a:before, .lista-pacotes li figure:before {
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, .3);
    transition: all .2s;
    content: '';
    width: 100%
}

.lista-pacotes li figure img {
    z-index: 1;
    position: relative;
    width: 100%
}

.lista-pacotes li figure:before {
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 3;
    opacity: 0
}

.lista-pacotes li figure .btn-default {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -81px;
    margin-top: -20px;
    z-index: 4;
    transition: all .2s
}

.lista-pacotes li h3 {
    font-size: 11px;
    font-size: .6875rem;
    text-transform: uppercase;
    color: #8d8d8d;
    font-family: "PT Sans", sans-serif;
    font-weight: 100;
    margin-bottom: 5px
}

.lista-pacotes li h2, .lista-pacotes li p {
    color: #434343;
    font-family: "PT Sans", sans-serif
}

.lista-pacotes li h2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px
}

.lista-pacotes li p {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 300;
    margin-bottom: 10px
}

.lista-pacotes li strong {
    color: #ef4b5a;
    font-size: 16px;
    font-size: 1rem
}

.lista-pacotes li a:hover figure .btn-default, .lista-pacotes li a:hover figure:before {
    opacity: 1;
    transition: all .2s
}

.lista-pacotes.bg-preto .subtitle {
    color: #afafaf
}

.lista-pacotes.bg-preto li h2, .lista-pacotes.bg-preto li h3 {
    color: #fff
}

.lista-pacotes.bg-preto li p {
    color: #939393
}

.lista-destaque-pacotes {
    padding-top: 50px
}

.lista-destaque-pacotes li {
    margin-bottom: 40px;
    height: 280px;
    overflow: hidden
}

.lista-destaque-pacotes li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.lista-destaque-pacotes li a:before {
    position: absolute;
    left: 0;
    height: 100%;
    z-index: 3;
    opacity: 0
}

.lista-destaque-pacotes li a .imgs {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.lista-destaque-pacotes li a .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.lista-destaque-pacotes li a h2 {
    position: absolute;
    top: 0;
    left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-family: Montserrat, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 0 30px;
    z-index: 3
}

.lista-destaque-pacotes li a h2 img, .lista-destaque-pacotes li a h2 span {
    display: block;
    margin-top: 19px
}

.lista-destaque-pacotes li a:hover:before {
    opacity: 1;
    transition: all .2s
}

.lista-destaque-pacotes li a:hover .imgs:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure:before, .destaque-pacotes .pacotes-carousel .owl-item > div:before {
    background: rgba(0, 0, 0, .3);
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0
}

.lista-destaque-pacotes li a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.lista-destaque-pacotes li a:hover .imgs .btn {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.destaque-pacotes {
    padding-bottom: 10px;
    display: block
}

.destaque-pacotes .pacotes-carousel {
    position: relative
}

.destaque-pacotes .pacotes-carousel .owl-item > div {
    position: relative;
    box-shadow: 0 1px 5px -1px;
    margin: 20px 15px
}

.destaque-pacotes .pacotes-carousel .owl-item > div:before {
    position: absolute;
    transition: all .2s;
    z-index: 3;
    opacity: 0
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure {
    position: relative;
    margin-bottom: 10px;
    display: block
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure:before {
    position: absolute;
    transition: all .2s;
    z-index: 2;
    opacity: 1
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure span {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ef4b5a;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
    font-size: .9375rem;
    display: block;
    z-index: 2
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure img {
    z-index: 1;
    position: relative;
    width: 100%
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure h3 {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -9%;
    text-align: center;
    z-index: 4;
    color: #fff
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure .icon-airplane {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -20%;
    font-size: 20px;
    text-align: center;
    z-index: 4;
    color: #fff
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure p {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 10px;
    font-size: .625rem;
    color: #fff;
    z-index: 3;
    text-transform: uppercase
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure .btn-default {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -81px;
    margin-top: -20px;
    z-index: 4;
    transition: all .2s
}

.destaque-pacotes .pacotes-carousel .owl-item > div figure:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .3);
    z-index: 3;
    transition: all .2s
}

.destaque-pacotes .pacotes-carousel .owl-item > div div {
    padding: 20px 15px
}

.destaque-pacotes .pacotes-carousel .owl-item > div div p {
    font-size: 13px;
    font-size: .8125rem;
    color: #434343;
    font-weight: 300;
    font-family: "PT Sans", sans-serif;
    margin-bottom: 10px
}

.destaque-pacotes .pacotes-carousel .owl-item > div div hr {
    border-color: #b9b9b9
}

.destaque-pacotes .pacotes-carousel .owl-item > div div span {
    font-size: 10px;
    font-size: .625rem;
    color: #434343
}

.destaque-pacotes .pacotes-carousel .owl-item > div div strong {
    color: #ef4b5a;
    font-size: 16px;
    font-size: 1rem;
    float: right
}

.destaque-pacotes .pacotes-carousel .owl-item > div:hover figure .btn-default, .destaque-pacotes .pacotes-carousel .owl-item > div:hover:before {
    opacity: 1;
    transition: all .2s
}

.destaque-pacotes .pacotes-carousel.bg-preto .subtitle {
    color: #afafaf
}

.destaque-pacotes .pacotes-carousel.bg-preto li h2, .destaque-pacotes .pacotes-carousel.bg-preto li h3 {
    color: #fff
}

.destaque-pacotes .pacotes-carousel.bg-preto li p {
    color: #939393
}

.destaque-pacotes .pacotes-carousel .owl-next, .destaque-pacotes .pacotes-carousel .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: #3c3c3c;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px
}

.destaque-pacotes .pacotes-carousel .owl-prev {
    left: -10px
}

.destaque-pacotes .pacotes-carousel .owl-next {
    right: -10px
}

.destaque-pacotes .btn-default-preto {
    margin: 30px auto 0;
    width: 130px;
    display: block
}

.menu-pacotes {
    text-align: center;
    background-color: transparent;
    display: block !important;
    border: 0;
    margin-bottom: 10px;
    position: relative
}

.menu-pacotes .navbar-header {
    width: 100%;
    display: block;
    margin-bottom: 30px
}

.menu-pacotes .navbar-header .btn {
    margin: 0 auto;
    width: 208px;
    display: block;
    font-size: 18px;
    float: none;
    line-height: 32px;
    color: #fff
}

.menu-pacotes .navbar-header .navbar-toggle {
    border-color: #fff;
    background-color: #fff
}

.menu-pacotes .nav {
    background-color: #fff;
    margin-bottom: 10px;
    position: absolute;
    padding: 20px;
    box-shadow: 1px 3px 10px #000;
    overflow: inherit;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    top: 61px;
    opacity: 0;
    transition: all .3s
}

.menu-pacotes .nav:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 5px solid #fff;
    position: absolute;
    top: -5px
}

.menu-pacotes .nav li {
    border-bottom: 1px solid #ccc
}

.menu-pacotes .nav li a {
    color: #434343;
    font-size: 15px;
    font-size: .9375rem;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-weight: 700
}

.agencia-home, .buscar-destino form {
    font-family: "PT Sans", sans-serif
}

.menu-pacotes .nav li:hover {
    border-bottom: 2px solid #fff
}

.menu-pacotes .nav li:hover a:hover {
    background-color: transparent
}

.menu-pacotes .nav li.active a {
    color: #ef4b5a
}

.menu-pacotes .nav.in {
    opacity: 1 !important;
    transition: all .3s
}

.buscar-destino form {
    padding: 40px 20px;
    text-align: center
}

.buscar-destino form h2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 20px
}

.buscar-destino form input {
    border-radius: 100px;
    border: 0;
    padding: 10px 30px;
    height: 41px;
    color: #6d6d6d;
    margin: 0 20px 20px;
    font-size: 16px;
    font-size: 1rem;
    min-width: 200px
}

.buscar-destino form input:focus {
    outline: 0
}

.buscar-destino form .btn {
    font-size: 15px;
    font-size: .9375rem;
    min-width: 180px
}

.agencia-home .ag-destaque {
    background: url(../images/bg-agencias-de-viagem-home.jpg) center center;
    background-size: cover;
    position: relative;
    color: #fff
}

.busca-ag h2, .estados-ag dl dd a {
    color: #3d3d3d
}

.agencia-home .ag-destaque:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1
}

.agencia-home .ag-destaque article {
    position: relative;
    z-index: 2;
    padding: 80px 0
}

.busca-ag, .estados-ag {
    padding: 40px 0
}

.agencia-home .ag-destaque article h1 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875rem
}

.ag-info, .agencia-home .ag-destaque article .owner h3, .agencia-home .ag-destaque article .owner p, .agencia-home .ag-destaque article h2, .busca-ag, .estados-ag h3 {
    font-family: "PT Sans", sans-serif
}

.agencia-home .ag-destaque article h1 i:before {
    display: block;
    font-size: 50px;
    margin: 0
}

.agencia-home .ag-destaque article h2 {
    font-size: 17px;
    font-size: 1.0625rem;
    margin-top: 10px;
    margin-bottom: 50px
}

.agencia-home .ag-destaque article .owner {
    display: block
}

.agencia-home .ag-destaque article .owner h3 {
    font-size: 17px;
    font-size: 1.0625rem;
    margin-bottom: 10px;
    text-decoration: underline
}

.agencia-home .ag-destaque article .owner p {
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 10px
}

.estados-ag {
    background: #f3f3f3
}

.estados-ag h3 {
    color: #3d3d3d;
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 45px
}

.estados-ag dl, .estados-ag dl dt {
    margin-bottom: 20px
}

.estados-ag dl dt {
    font-size: 18px;
    font-size: 1.125rem
}

.estados-ag dl dd {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 5px
}

.estados-ag hr {
    border-color: #d6d6d6;
    margin: 30px 0
}

.estados-ag .link {
    display: block
}

.busca-ag h2 {
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 45px
}

.busca-ag .form-group label {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 200;
    display: block;
    margin-bottom: 10px
}

.busca-ag .form-group input[type=text] {
    background: #f3f3f3;
    color: #b5b5b5;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 20px;
    border: 0;
    padding: 10px 15px;
    min-width: 250px
}

.busca-ag .form-group .btn {
    font-size: 16px;
    font-size: 1rem
}

.busca-ag .form-group input:focus, .busca-ag .form-group textarea:focus {
    outline: 0;
    background: #EAEAE8
}

.opinioes-avaliacoes .opinioes ul li h4, .servicos-oferecidos ul li .open h3, .servicos-oferecidos ul li h2 {
    font-family: Montserrat, sans-serif
}

.ag-info .crumb {
    margin-bottom: 40px
}

.ag-info article h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
    margin-bottom: 30px
}

.ag-info article h2 strong {
    font-weight: 700
}

.ag-info article p {
    font-size: 15px;
    font-size: .9375rem;
    margin-bottom: 20px;
    display: block
}

.ag-info article ul li {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e3e3e3;
    padding: 20px
}

.ag-info article ul li i {
    color: #ef4b5a;
    font-size: 20px;
    margin-right: 10px
}

.ag-info article ul li h3 {
    font-size: 12px;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.ag-info article ul li p {
    color: #717171;
    font-size: 15px;
    font-size: .9375rem;
    margin-bottom: 5px
}

.ag-info article ul li p a {
    color: #525252;
    text-decoration: underline;
    font-size: 14px;
    font-size: .875rem
}

.produtos-anuncios .produtos-anuncios-carousel .item a, .produtos-anuncios .produtos-anuncios-carousel .item a:hover {
    text-decoration: none
}

.ag-info article ul li:last-child {
    border-bottom: 0
}

.servicos-oferecidos {
    margin-bottom: 20px
}

.servicos-oferecidos ul li {
    margin-bottom: 30px;
    position: relative;
    color: #fff;
    display: block;
    overflow: hidden;
    cursor: pointer
}

.servicos-oferecidos ul li h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: calc(100% - 30px);
    line-height: 35px;
    height: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 0 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .3s
}

.servicos-oferecidos ul li h2 i {
    margin-bottom: 20px
}

.servicos-oferecidos ul li img {
    position: relative;
    z-index: 1;
    width: 100%
}

.servicos-oferecidos ul li .open {
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    height: 0;
    width: calc(100% - 30px);
    visibility: hidden;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    z-index: 2;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ef4b5a;
    padding: 20px
}

.servicos-oferecidos ul li .open h3 {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: block
}

.servicos-oferecidos ul li .open p {
    font-size: 14px;
    font-size: .875rem;
    font-family: "PT Sans", sans-serif;
    margin-bottom: 15px
}

.servicos-oferecidos ul li .open .btn {
    background: #cb3f4c;
    font-size: 10px;
    font-size: .625rem;
    padding: 5px 20px
}

.servicos-oferecidos ul li .open .btn i:before {
    font-size: 12px;
    font-size: .75rem
}

.servicos-oferecidos ul li:active h2, .servicos-oferecidos ul li:focus h2, .servicos-oferecidos ul li:hover h2 {
    opacity: 0 !important;
    transition: all .3s
}

.servicos-oferecidos ul li:active .open, .servicos-oferecidos ul li:focus .open, .servicos-oferecidos ul li:hover .open {
    opacity: 1;
    transition: all .3s;
    height: 100%;
    z-index: 10;
    visibility: visible
}

.produtos-anuncios {
    padding-bottom: 60px;
    display: block
}

.produtos-anuncios .produtos-anuncios-carousel {
    position: relative
}

.produtos-anuncios .produtos-anuncios-carousel .item {
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.produtos-anuncios .produtos-anuncios-carousel .item a .imgs {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative
}

.produtos-anuncios .produtos-anuncios-carousel .item a .imgs img {
    width: 100%;
    position: relative;
    z-index: 1;
    transition: all .3s
}

.produtos-anuncios .produtos-anuncios-carousel .item a .imgs .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -80px;
    z-index: 3;
    font-size: 12px;
    font-size: .75rem
}

.produtos-anuncios .produtos-anuncios-carousel .item a .imgs .btn i:before {
    font-size: 13px;
    vertical-align: middle
}

.produtos-anuncios .produtos-anuncios-carousel .item a .imgs i.icon-bed {
    position: absolute;
    z-index: 1;
    background: #ef4b5a;
    top: 20px;
    right: 0;
    color: #fff;
    padding: 5px 15px 5px 5px;
    font-size: 18px
}

.produtos-anuncios .produtos-anuncios-carousel .item a .saiba-mais h3 {
    font-size: 17px;
    font-size: 1.0625rem;
    width: 90%;
    font-weight: 700;
    font-family: "PT Sans", sans-serif;
    margin: 10px 0;
    color: #3d3d3d
}

.produtos-anuncios .produtos-anuncios-carousel .item a .saiba-mais p {
    font-size: 14px;
    font-size: .875rem;
    width: 90%;
    font-family: "PT Sans", sans-serif;
    color: #5a5a5a;
    margin-bottom: 15px
}

.produtos-anuncios .produtos-anuncios-carousel .item a .saiba-mais strong {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    color: #646464;
    display: block
}

.produtos-anuncios .produtos-anuncios-carousel .item a:hover .imgs {
    overflow: hidden
}

.produtos-anuncios .produtos-anuncios-carousel .item a:hover .imgs:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 2
}

.produtos-anuncios .produtos-anuncios-carousel .item a:hover .imgs img {
    transform: scale(1.1);
    transition: all .3s
}

.produtos-anuncios .produtos-anuncios-carousel .item a:hover .imgs .btn {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.produtos-anuncios .produtos-anuncios-carousel .owl-next, .produtos-anuncios .produtos-anuncios-carousel .owl-prev {
    position: absolute;
    top: 50%;
    margin-top: -75px;
    width: 42px;
    height: 42px;
    text-align: center;
    background: #e5e5e5;
    color: #4c4c4c;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    line-height: 38px
}

.produtos-anuncios .produtos-anuncios-carousel .owl-prev {
    left: -10px
}

.produtos-anuncios .produtos-anuncios-carousel .owl-next {
    right: -10px
}

.orcamento-contato {
    padding-bottom: 20px
}

.orcamento-contato form .form-group input[type=text], .orcamento-contato form .form-group input[type=email], .orcamento-contato form .form-group textarea {
    background: #202329;
    border: 0;
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    width: 100%;
    padding: 5px 10px;
    font-family: "PT Sans", sans-serif
}

.orcamento-contato form .form-group label {
    margin-right: 15px;
    min-width: 130px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    font-family: "PT Sans", sans-serif;
    text-align: left;
    padding-top: 10px;
    display: block
}

.orcamento-contato form .btn {
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 16px;
    font-size: 1rem;
    padding: 10px 60px 10px 30px;
    margin: 20px auto
}

.orcamento-contato form .btn i {
    margin-right: 30px
}

.opinioes-avaliacoes .opinioes {
    margin-bottom: 50px
}

.opinioes-avaliacoes .opinioes ul li {
    list-style: none;
    margin-bottom: 15px;
    font-family: "PT Sans", sans-serif
}

.opinioes-avaliacoes .opinioes ul li .stars-default {
    text-align: left;
    color: #feba02
}

.opinioes-avaliacoes .opinioes ul li span {
    color: #7e7e7e;
    font-size: 13px;
    font-size: .8125rem
}

.opinioes-avaliacoes .opinioes ul li h4 {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    display: block;
    width: 100%;
    margin: 5px 0;
    text-transform: uppercase;
    color: #000
}

.opinioes-avaliacoes .avaliacoes-form h3, .opinioes-avaliacoes .opinioes .paginacao a {
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase
}

.opinioes-avaliacoes .avaliacoes-form, .outras-agencias ul {
    margin-bottom: 50px
}

.opinioes-avaliacoes .opinioes ul li p {
    font-size: 15px;
    font-size: .9375rem;
    text-align: justify
}

.opinioes-avaliacoes .opinioes ul li time {
    font-size: 13px;
    font-size: .8125rem;
    color: #747474
}

.opinioes-avaliacoes .opinioes .paginacao {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.opinioes-avaliacoes .opinioes .paginacao a {
    color: #626262;
    font-size: 12px;
    font-size: .75rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.opinioes-avaliacoes .opinioes .paginacao a:last-child {
    text-align: right
}

.opinioes-avaliacoes .avaliacoes-form h3 {
    background: #404040;
    display: block;
    width: 100%;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    padding: 20px
}

.opinioes-avaliacoes .avaliacoes-form form {
    background: #f7f7f7;
    padding: 20px
}

.opinioes-avaliacoes .avaliacoes-form form .score {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: left;
    border: 0;
    font-size: 0
}

.opinioes-avaliacoes .avaliacoes-form form .score input {
    position: absolute;
    top: -2em;
    clip: rect(0, 0, 0, 0)
}

.opinioes-avaliacoes .avaliacoes-form form .score label {
    font-size: 16px;
    line-height: 32px;
    line-height: 2rem;
    display: inline-block;
    position: relative;
    text-align: left;
    width: 1.2em;
    height: 1em;
    overflow: hidden;
    text-indent: 100%
}

.opinioes-avaliacoes .avaliacoes-form form .score label::before {
    content: "☆";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: 0;
    line-height: 1em;
    color: #aaa
}

.opinioes-avaliacoes .avaliacoes-form form .score label:active {
    position: relative;
    top: 1px
}

.opinioes-avaliacoes .avaliacoes-form form .score input:checked ~ label:before, .opinioes-avaliacoes .avaliacoes-form form .score label:hover:before, .opinioes-avaliacoes .avaliacoes-form form .score label:hover ~ label:before {
    content: "★";
    color: #ffbb04
}

.opinioes-avaliacoes .avaliacoes-form form label {
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    width: 100%
}

.opinioes-avaliacoes .avaliacoes-form form input[type=text], .opinioes-avaliacoes .avaliacoes-form form textarea {
    font-family: "PT Sans", sans-serif;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #cdcdcd
}

.opinioes-avaliacoes .avaliacoes-form form .termos {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.opinioes-avaliacoes .avaliacoes-form form .termos p {
    font-size: 11px;
    font-size: .6875rem;
    color: #777;
    padding-right: 20px
}

.opinioes-avaliacoes .avaliacoes-form form .termos p a {
    color: #777;
    text-decoration: underline
}

.opinioes-avaliacoes .avaliacoes-form form .termos button {
    min-width: 100px
}

.outras-agencias ul li {
    list-style: none;
    margin-bottom: 20px
}

.outras-agencias ul li a {
    color: #434343;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #e2e2e2;
    font-family: "PT Sans", sans-serif;
    padding: 20px
}

.outras-agencias ul li a div {
    padding-right: 20px;
    width: 100%
}

.outras-agencias ul li a div h2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 5px
}

.outras-agencias ul li a div p {
    font-size: 14px;
    font-size: .875rem
}

.outras-agencias ul li a button {
    -ms-flex-positive: 2;
    flex-grow: 2;
    transition: all .3s
}

.outras-agencias ul li a button:hover {
    background: #ef4b5a !important;
    border-color: #ef4b5a;
    color: #fff
}

.outras-agencias ul li a:hover {
    text-decoration: none;
    background: #c5c5c5;
    transition: all .3s
}

.outras-agencias ul li a:hover button {
    background: #ef4b5a;
    border-color: #ef4b5a;
    color: #fff;
    transition: all .3s
}

.outras-agencias .mapa {
    min-height: 300px
}

.proprietario {
    background: #ef4b5a;
    color: #fff
}

.proprietario .container {
    padding: 40px 15px
}

.proprietario .container div {
    margin-bottom: 20px
}

.proprietario .container div h4 {
    font-family: Montserrat, sans-serif;
    font-size: 21px;
    font-size: 1.3125rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px
}

.busca-passagens > div .btn-group .btn, .filtros-agencia .filtro-cidades .ver-todas, .filtros-agencia h4, .lista-agencias > ul > li h2, .lista-passagens-onibus li a, .mapa-agencias .mapa-ag .marker-agencia h2, .proprietario .container div p, .topo .navbar-default .navheader .btn-menu, .topo .navbar-default-transparent .navheader .btn-menu {
    font-family: "PT Sans", sans-serif
}

.proprietario .container div p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300
}

.proprietario .container a {
    min-width: 250px;
    padding: 10px 15px
}

.filtros-agencia h4 {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: 10px
}

.filtros-agencia .input-group {
    background: #fff;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.filtros-agencia .input-group input {
    border: 0;
    font-size: 12px;
    font-size: .75rem;
    padding: 5px 10px;
    width: 100%
}

.filtros-agencia .input-group i {
    color: #cecece;
    padding: 7px
}

.filtros-agencia .checkbox {
    font-size: 12px;
    font-size: .75rem;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 6px;
    padding-top: 4px
}

.filtros-agencia .checkbox label {
    line-height: 20px;
    color: #484848
}

.filtros-agencia .filtro-bairros {
    margin-bottom: 20px
}

.filtros-agencia .filtro-bairros .scroll {
    max-height: 190px;
    overflow: scroll
}

.filtros-agencia .filtro-cidades {
    margin-bottom: 20px;
    display: block
}

.filtros-agencia .filtro-cidades ul li a {
    font-size: 12px;
    font-size: .75rem;
    border-bottom: 1px solid #d2d2d2;
    padding: 8px 0;
    color: #484848;
    display: block;
    width: 100%
}

.filtros-agencia .filtro-cidades .ver-todas {
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    color: #484848;
    margin-top: 10px;
    display: block
}

.filtros-agencia.open .filters {
    display: block !important
}

.lista-agencias {
    margin-bottom: 40px
}

.lista-agencias > ul > li {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 3px 3px 0 #cfcfcf;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.lista-agencias > ul > li h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #484848
}

.lista-agencias > ul > li .stars {
    color: #727272
}

.lista-agencias > ul > li ol > li {
    color: #484848;
    font-size: 13px;
    font-size: .8125rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -ms-flex-align: center;
    align-items: center
}

.lista-agencias > ul > li ol > li i {
    color: #ef4b5a;
    font-size: 20px;
    margin-right: 10px
}

.lista-agencias > ul > li ol > li:first-child {
    -ms-flex-align: start;
    align-items: flex-start
}

.lista-agencias > ul > li ol > li .phone:after {
    font-weight: 700;
    text-decoration: none
}

.lista-agencias > ul > li ol > li .phone strong {
    font-weight: 500
}

.lista-agencias > ul > li ol > li:last-child {
    margin-bottom: 0
}

.lista-agencias > ul > li ol > li a {
    color: #484848
}

.lista-agencias > ul > li div img {
    padding-left: 20px
}

.lista-agencias > ul > li.anuncio:before {
    content: 'anuncio';
    position: absolute;
    top: 20px;
    right: 20px;
    color: #8e8e8e;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 10px;
    font-size: .625rem
}

.lista-agencias > ul > li .btn {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -20px;
    z-index: 4;
    display: block;
    transition: all .3s
}

.lista-agencias > ul > li:after {
    content: '';
    background: rgba(0, 0, 0, .48);
    z-index: 3;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s
}

.lista-agencias > ul > li:hover .btn, .lista-agencias > ul > li:hover:after {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.mapa-agencias .mapa-ag {
    width: 100%;
    height: 400px
}

.mapa-agencias .mapa-ag .gm-style .gm-style-iw {
    background-color: #fff !important;
    display: block !important;
    border-bottom: 0 none;
    min-height: 120px !important
}

.mapa-agencias .mapa-ag .gm-style > div > div > div > div > div > div > div > div > div {
    display: none
}

.mapa-agencias .mapa-ag .gm-style > div > div > div > div > div > div > div:nth-child(2):after {
    content: '';
    border-bottom: 4px solid #ef4b5a;
    width: 100%;
    position: absolute;
    bottom: -1px;
    z-index: 333;
    height: 20px;
    display: block;
    left: 0
}

.mapa-agencias .mapa-ag .gm-style > div > div > div > div > div > div > div:nth-child(1) {
    display: none
}

.mapa-agencias .mapa-ag .marker-agencia {
    background: #fff;
    padding: 10px 0 20px;
    display: block;
    position: relative
}

.mapa-agencias .mapa-ag .marker-agencia h2 {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px
}

.mapa-agencias .mapa-ag .marker-agencia .stars {
    color: #727272
}

.mapa-agencias .mapa-ag .marker-agencia ol > li {
    color: #484848;
    font-size: 12px;
    font-size: .75rem;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -ms-flex-align: center;
    align-items: center
}

.mapa-agencias .mapa-ag .marker-agencia ol > li i {
    color: #ef4b5a;
    font-size: 20px;
    margin-right: 10px
}

.mapa-agencias .mapa-ag .marker-agencia ol > li:first-child {
    -ms-flex-align: start;
    align-items: flex-start
}

.mapa-agencias .mapa-ag .marker-agencia ol > li .phone:after {
    font-weight: 500;
    text-decoration: none
}

.mapa-agencias .mapa-ag .marker-agencia ol > li .phone strong {
    font-weight: 300
}

.mapa-agencias .mapa-ag .marker-agencia ol > li:last-child {
    margin-bottom: 0
}

.mapa-agencias .mapa-ag .marker-agencia ol > li a {
    color: #484848
}

.busca-passagens > div {
    padding: 10px 0 40px
}

.busca-passagens > div form {
    width: 326px;
    margin: 0 auto
}

.busca-passagens > div form .origem {
    display: -ms-flexbox;
    display: flex
}

.busca-passagens > div form .origem input {
    max-width: 153px
}

.busca-passagens > div form .form-group:nth-child(2n+2) {
    margin-left: 20px
}

.busca-passagens > div form .form-group label {
    display: block
}

.busca-passagens > div form .input-daterange {
    display: -ms-flexbox;
    display: flex
}

.busca-passagens > div form .input-daterange .input-group {
    max-width: 158px
}

.busca-passagens > div form .btn {
    margin-bottom: 15px;
    margin-left: 20px;
    min-width: 200px
}

.busca-passagens > div .btn-group {
    margin: 50px auto 133px;
    width: 280px;
    display: block
}

.busca-passagens > div .btn-group .btn {
    border: 2px solid #6b6b6b;
    color: #6b6b6b;
    font-size: 14px;
    font-size: .875rem;
    background: 0 0;
    padding-left: 30px;
    padding-right: 30px
}

.busca-passagens > div .btn-group .btn.active {
    background: #6b6b6b;
    color: #fff;
    box-shadow: none
}

.lista-passagens-onibus {
    margin-bottom: 10px
}

.lista-passagens-onibus li {
    margin-bottom: 30px
}

.lista-passagens-onibus li a {
    border: 1px solid #dfdfdf;
    width: 100%;
    height: 100%;
    color: #6d6d6d;
    display: block;
    padding: 60px 20px 0;
    position: relative
}

.lista-passagens-onibus li a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition: all .3s
}

.lista-passagens-onibus li a figure {
    height: 56px
}

.lista-passagens-onibus li a figure img {
    display: block;
    margin: 0 auto
}

.lista-passagens-onibus li a h3 {
    background: #ececec;
    display: inline-block;
    position: absolute;
    text-transform: uppercase;
    font-size: 13px;
    font-size: .8125rem;
    top: 0;
    left: 50%;
    margin-left: -60px;
    padding: 8px 15px
}

.lista-passagens-onibus li a h3 i {
    font-size: 20px;
    display: inline-block
}

.lista-passagens-onibus li a dl {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 57px
}

.lista-passagens-onibus li a dl dt {
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    color: #6d6d6d
}

.lista-passagens-onibus li a dl dd {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    color: #676767
}

.lista-passagens-onibus li a p {
    width: 100%;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: right
}

.lista-passagens-onibus li a p strong {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    color: #484848
}

.lista-passagens-onibus li a .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -20px;
    z-index: 3;
    opacity: 0;
    transition: all .3s
}

.lista-passagens-onibus li a:hover {
    text-decoration: none
}

.lista-passagens-onibus li a:hover .btn, .lista-passagens-onibus li a:hover:before {
    opacity: 1;
    transition: all .3s
}

.topo .navbar-default, .topo .navbar-default-transparent {
    background: #ef4b5a;
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.topo .navbar-default .navheader, .topo .navbar-default-transparent .navheader {
    position: relative;
    margin: 10px 0
}

.topo .navbar-default .navheader .btn-menu, .topo .navbar-default-transparent .navheader .btn-menu {
    background: 0 0;
    -webkit-appearance: none;
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0
}

.topo .navbar-default .navheader .btn-menu i, .topo .navbar-default-transparent .navheader .btn-menu i {
    font-size: 20px;
    font-size: 1.25rem;
    vertical-align: middle
}

.topo .navbar-default .navheader .btn-menu i:before, .topo .navbar-default-transparent .navheader .btn-menu i:before {
    margin-left: 0
}

.topo .navbar-default .navheader .logo, .topo .navbar-default-transparent .navheader .logo {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    display: block
}

.topo .navbar-default .navheader .btn-busca, .topo .navbar-default-transparent .navheader .btn-busca {
    background: 0 0;
    color: #fff;
    -webkit-appearance: none;
    text-align: right;
    position: absolute;
    right: 0;
    top: -2px
}

.topo .navbar-default .navheader .btn-busca i, .topo .navbar-default-transparent .navheader .btn-busca i {
    font-size: 20px;
    font-size: 1.25rem;
    vertical-align: middle
}

.topo .navbar-default .navheader .btn-busca i:before, .topo .navbar-default-transparent .navheader .btn-busca i:before {
    margin-right: 0
}

.topo .navbar-default .menu-open, .topo .navbar-default-transparent .menu-open {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .78);
    left: -500em;
    top: 0;
    transition: all 2s;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}

.topo .navbar-default .menu-open.in, .topo .navbar-default-transparent .menu-open.in {
    left: 0;
    transition: all 1s;
    opacity: 1;
    visibility: visible
}

.topo .navbar-default .menu-open .container-menu, .topo .navbar-default-transparent .menu-open .container-menu {
    background: #ef4b5a;
    width: 85%;
    display: block;
    height: 100%;
    overflow-x: scroll;
    color: #fff;
    font-family: "PT Sans", sans-serif
}

.topo .navbar-default .menu-open .container-menu .btn-fechar, .topo .navbar-default-transparent .menu-open .container-menu .btn-fechar {
    color: #fff;
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    font-size: 1rem;
    height: 100%;
    width: 15%;
    vertical-align: top
}

.topo .navbar-default .menu-open .container-menu .btn-fechar i:before, .topo .navbar-default-transparent .menu-open .container-menu .btn-fechar i:before {
    height: 100%;
    margin-top: 30px
}

.topo .navbar-default .menu-open .container-menu h3, .topo .navbar-default-transparent .menu-open .container-menu h3 {
    margin: 20px 10% 0;
    display: block;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: Montserrat, sans-serif;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px
}

.topo .navbar-default .menu-open .container-menu > ul > li, .topo .navbar-default-transparent .menu-open .container-menu > ul > li {
    display: block;
    margin: 20px 10% 0;
    width: 80%
}

.topo .navbar-default .menu-open .container-menu > ul > li:after, .topo .navbar-default-transparent .menu-open .container-menu > ul > li:after {
    border-bottom: 1px solid #fff;
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    clear: both;
    padding-top: 20px
}

.topo .navbar-default .menu-open .container-menu > ul > li a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    text-decoration: initial;
    padding: 0 5px
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-toggle span, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-toggle span {
    font-size: 8px
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu {
    background: 0 0;
    position: inherit !important;
    width: 100%;
    padding: 10px;
    box-shadow: none;
    border: 0
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li {
    list-style: none;
    font-size: 14px;
    font-size: .875rem
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a {
    border: 0;
    padding: 5px 0;
    text-decoration: initial
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a i:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a i:before {
    font-size: 13px;
    font-size: .8125rem;
    width: 30px;
    text-align: center
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a .icon-people:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a .icon-people:before {
    font-size: 16px;
    font-size: 1rem
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a:hover, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a:hover {
    background: 0 0
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino {
    padding: 10px
}

.topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li {
    padding: 0 5px
}

.topo .navbar-default .menu-open .container-menu > ul > li.open .dropdown-toggle span:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li.open .dropdown-toggle span:before {
    content: ''
}

.topo .navbar-default .open-buscar, .topo .navbar-default-transparent .open-buscar {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .78);
    right: -500em;
    top: 0;
    transition: all 2s;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}

.topo .navbar-default .open-buscar.in, .topo .navbar-default-transparent .open-buscar.in {
    right: 0;
    transition: all 1s;
    opacity: 1;
    visibility: visible
}

.topo .navbar-default .open-buscar .container-buscar, .topo .navbar-default-transparent .open-buscar .container-buscar {
    background: #fff;
    width: 85%;
    float: right;
    height: 100%;
    overflow-x: scroll;
    color: #6d6d6d;
    font-family: "PT Sans", sans-serif
}

.topo .navbar-default .open-buscar .container-buscar .btn-fechar, .topo .navbar-default-transparent .open-buscar .container-buscar .btn-fechar {
    color: #fff;
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-size: 1rem;
    height: 100%;
    width: 15%;
    vertical-align: top
}

.topo .navbar-default .open-buscar .container-buscar .btn-fechar i:before, .topo .navbar-default-transparent .open-buscar .container-buscar .btn-fechar i:before {
    height: 100%;
    margin-top: 30px
}

.topo .navbar-default .open-buscar .container-buscar h3, .topo .navbar-default-transparent .open-buscar .container-buscar h3 {
    margin: 20px 10% 0;
    display: block;
    font-size: 36px;
    font-size: 2.25rem;
    font-family: Montserrat, sans-serif;
    padding-bottom: 20px
}

.topo .navbar-default .open-buscar .container-buscar h3 strong, .topo .navbar-default-transparent .open-buscar .container-buscar h3 strong {
    color: #ef4b5a;
    font-weight: 700
}

.topo .navbar-default .open-buscar .container-buscar .buscar, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar {
    position: relative;
    margin: 0 30px 20px
}

.topo .navbar-default .open-buscar .container-buscar .buscar input, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar input {
    padding: 10px 20px 10px 30px;
    border: 0;
    border-bottom: 1px solid #6d6d6d;
    color: #6d6d6d;
    font-size: 16px;
    font-size: 1rem;
    font-family: "PT Sans", sans-serif;
    height: 34px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0
}

.topo .navbar-default .open-buscar .container-buscar .buscar input::-webkit-input-placeholder, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar input::-webkit-input-placeholder {
    color: #6d6d6d
}

.topo .navbar-default .open-buscar .container-buscar .buscar:before, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    font-family: quantocustaviajar;
    display: block;
    color: #a5a5a5;
    font-size: 18px
}

.rodape ul .sobre, .rodape ul dl {
    font-family: "PT Sans", sans-serif
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca {
    display: block;
    width: 100%;
    padding: 0
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li {
    margin: 0 30px;
    padding: 10px 0;
    list-style: none;
    border-bottom: 1px solid #e3e3e3
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li a, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li a {
    display: table;
    width: 100%;
    height: 61px
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li a span, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li a span {
    display: table-cell;
    width: 75px;
    height: 61px;
    text-align: left
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li a span img, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li a span img {
    width: 61px
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li a h3, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li a h3 {
    display: table-cell;
    font-size: 14px;
    font-size: .875rem;
    letter-spacing: 4px;
    color: #6d6d6d;
    font-family: "PT Sans", sans-serif;
    vertical-align: middle;
    text-align: left;
    height: 61px;
    text-transform: uppercase;
    padding: 0;
    margin: 0
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li a h3 strong, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li a h3 strong {
    display: block;
    font-size: 22px;
    font-size: 1.375rem;
    color: #ef4b5a;
    margin-top: 3px
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li a:hover, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li a:hover {
    text-decoration: none
}

.topo .navbar-default .open-buscar .container-buscar .lista-busca li:hover, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca li:hover {
    background: rgba(0, 0, 0, .04)
}

.topo .navbar-default .open-buscar .container-buscar .btn-cor-destaque, .topo .navbar-default-transparent .open-buscar .container-buscar .btn-cor-destaque {
    width: 82%;
    margin: 11px 9% 30px;
    font-size: 12px;
    font-size: .75rem
}

.topo .navbar-default-transparent {
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    position: absolute;
    background: 0 0;
    z-index: 6;
    width: 100%
}

.rodape {
    padding: 40px 0 60px;
    display: block
}

.rodape ul {
    list-style: none
}

.rodape ul .sobre {
    font-size: 16px;
    font-size: 1rem;
    color: #606060;
    margin-bottom: 40px;
    margin-top: 20px
}

.rodape ul .sobre h5 img {
    width: 70%
}

.rodape ul .sobre article {
    margin-top: 20px;
    line-height: 25px
}

.rodape ul .sobre ol {
    margin: 10px 0;
    display: block
}

.rodape ul .sobre ol li {
    display: inline-block;
    list-style: none
}

.header-page.agencia-viagem i, .header-page.cruzeiros i, .header-page.pacotes-home i, .header-page.pacotes-viagem i, .header-page.reservar-passagens i {
    display: block;
    text-align: center
}

.rodape ul .sobre ol li a {
    font-size: 30px
}

.rodape ul .sobre ol li a.facebook {
    color: #3b5999
}

.rodape ul .sobre ol li a.instagram i:before {
    background: #fcac0f;
    background: linear-gradient(45deg, #fcac0f 0, #e60007 50%, #bd0097 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.rodape ul .sobre ol li a.twitter {
    color: #55acee
}

.rodape ul .sobre ol li a.gplus {
    color: #cf1717
}

.rodape ul .sobre .icon-download {
    text-align: center
}

.rodape ul dl {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 20px
}

.rodape ul dl dt {
    color: #5c5c5c;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1
}

.rodape ul dl dd a {
    color: #434343;
    line-height: 30px
}

.header-page.termos {
    background: url(../images/bg-termos.jpg) center center;
    background-size: cover
}

.header-page.midia {
    background: url(../images/bg-na-midia.jpg) center center;
    background-size: cover
}

.header-page.top-anuncie {
    background: url(../images/bg-anuncie.jpg) center center;
    background-size: cover
}

.header-page.top-anuncie:before {
    background: rgba(0, 0, 0, .3)
}

.header-page.cruzeiros {
    background: url(../images/bg-cruzeiros.jpg) center center;
    background-size: cover
}

.header-page.reservar-passagens {
    background: url(../images/bg-passagem-onibus.jpg) center center;
    background-size: cover
}

@media only screen and (min-width: 768px) {
    .header-page.reservar-passagens .container > div h1 strong {
        font-size: 64px;
        font-size: 4rem
    }
}

.header-page.reservar-passagens.resultado .container div h1 strong {
    font-size: 40px;
    font-size: 2.5rem
}

.header-page.pacotes-home {
    background: url(../images/marcacao/bg-pacotes.jpg) center center;
    background-size: cover
}

.header-page.pacotes-home h1 span {
    font-family: Pacifico, cursive;
    text-transform: none;
    margin-top: -10px;
    font-weight: 200
}

.header-page.pacotes-viagem {
    background: url(../images/bg-pacotes-viagens.jpg) center center;
    background-size: cover
}

@media only screen and (min-width: 768px) {
    .header-page.pacotes-viagem .container > div h1 strong {
        font-size: 64px;
        font-size: 4rem
    }
}

.header-page.agencia-viagem {
    background: url(../images/bg-anuncie.jpg) center center;
    background-size: cover
}

.header-page.agencia-viagem:before {
    background: rgba(0, 0, 0, .5)
}

.header-page.agencia-viagem h1 strong {
    font-size: 40px !important
}

@media only screen and (min-width: 768px) {
    .header-page.agencia-viagem {
        height: 279px
    }

    .header-page.agencia-viagem .container > div h1 strong {
        font-size: 40px;
        font-size: 2.5rem
    }
}

.header-page.agencia-viagem i:before {
    font-size: 54px
}

.header-page.agencia-interna {
    background: url(../images/bg-agencia-interna.jpg) center center;
    background-size: cover
}

.header-page.agencia-interna:before {
    background: rgba(0, 0, 0, .5)
}

.header-page.agencia-interna h1 strong {
    font-size: 37px !important
}

.header-page.agencia-interna p {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "PT Sans", sans-serif;
    font-size: 13px;
    font-size: .8125rem;
    margin-bottom: 20px
}

.header-page.agencia-interna .stars {
    text-align: center;
    color: #d3c41f;
    margin-right: 20px
}

.header-page.agencia-interna .stars:before {
    font-family: quantocustaviajar;
    content: ''
}

.header-page.agencia-interna .stars.one:before {
    font-family: quantocustaviajar;
    content: ''
}

.header-page.agencia-interna .stars.two:before {
    font-family: quantocustaviajar;
    content: ''
}

.header-page.agencia-interna .stars.three:before {
    font-family: quantocustaviajar;
    content: ''
}

.header-page.agencia-interna .stars.four:before {
    font-family: quantocustaviajar;
    content: ''
}

.header-page.agencia-interna .stars.five:before {
    font-family: quantocustaviajar;
    content: ''
}

@media only screen and (min-width: 768px) {
    .header-page.agencia-interna .container > div {
        width: 520px
    }

    .header-page.agencia-interna .container > div h1 strong {
        font-size: 42px !important
    }

    .header-page.agencia-interna .container > div .btn {
        width: 208px
    }

    .pesquisar-passagem .form-inline .form-group, .pesquisar-passagem .form-inline .form-group.cdestino .destino {
        width: auto
    }

    .menu-pacotes .nav li a, .menu-pacotes .nav li.active a {
        color: #fff
    }

    body:after {
        content: 'medium'
    }

    .direita {
        float: right
    }

    .esquerda {
        float: left
    }

    p.direita, p.esquerda {
        float: none
    }

    .pesquisar-passagem {
        padding: 30px
    }

    .pesquisar-passagem .form-inline {
        text-align: center
    }

    .pesquisar-passagem .form-inline .form-group.cdestino {
        width: auto;
        padding: 0
    }

    .cidade-pacotes-viagem ul li {
        list-style: none
    }

    .cidade-pacotes-viagem ul li a {
        min-height: 199px
    }

    .cidade-pacotes-viagem ul li a h3 {
        height: 57px
    }

    .cp-calendario .media {
        display: table;
        width: 540px;
        margin: 0 auto
    }

    .cp-calendario .media > div {
        display: table-cell;
        padding: 10px 30px
    }

    .cp-calendario .media > div:first-child {
        border-right: 2px solid #d0d0d0;
        border-bottom: 0
    }

    .calcule .resultado-calcule .row li > div {
        height: 228px
    }

    .calcule .resultado-calcule .row.linha2 li > div {
        height: auto
    }

    .calcule .resultado-calcule li > div.face, .calcule .resultado-calcule li > div.valor {
        height: 60px
    }

    .busca-cruzeiros .navbar-collapse {
        padding: 0
    }

    .busca-cruzeiros .navbar-collapse form {
        display: table;
        width: auto;
        margin: 0 auto
    }

    .busca-cruzeiros .navbar-collapse .form-group {
        display: inline-table;
        width: 50%;
        padding: 10px 20px;
        border-right: 1px solid #646464
    }

    .busca-cruzeiros .navbar-collapse .form-group:last-child {
        width: 100%;
        border-right: none
    }

    .busca-cruzeiros .navbar-collapse .form-group:nth-child(2n+2) {
        border: 0
    }

    .busca-cruzeiros .navbar-collapse .form-group label {
        display: block;
        padding-right: 10px;
        white-space: nowrap;
        vertical-align: middle
    }

    .busca-cruzeiros .navbar-collapse .form-group .bootstrap-select {
        width: auto;
        display: block;
        min-width: 120px;
        outline: 0
    }

    .busca-cruzeiros .navbar-collapse .form-group .bootstrap-select .btn {
        padding: 10px 26px 10px 16px;
        outline: 0 !important
    }

    .busca-cruzeiros .navbar-collapse .form-group .bootstrap-select .btn:focus, .busca-cruzeiros .navbar-collapse .form-group .bootstrap-select .btn:hover {
        outline: 0
    }

    .busca-cruzeiros .navbar-collapse .form-group .btn-verde {
        border-radius: 0;
        padding: 10px 20px;
        background-color: #47ab3f;
        text-transform: capitalize;
        font-weight: 300;
        height: 100%
    }

    .busca-cruzeiros .navbar-collapse .form-group .btn-verde i {
        font-size: 20px;
        vertical-align: -2px
    }

    .pesquisar-cruzeiros .form-inline .form-group {
        margin-left: 20px;
        width: 30%
    }

    .pesquisar-cruzeiros .form-inline .form-group label {
        display: table-cell;
        width: auto;
        margin-right: 25px
    }

    .pesquisar-cruzeiros .form-inline .pesquisar {
        display: block;
        width: auto
    }

    .lista-cruzeiros > ul > li {
        height: 330px
    }

    .buscar-destino form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 20px;
        font-family: "PT Sans", sans-serif
    }

    .buscar-destino form h2, .buscar-destino form input {
        margin-bottom: 0
    }

    .orcamento-contato form .form-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 20px
    }

    .menu-pacotes, .menu-pacotes .nav {
        background-color: transparent;
        margin-bottom: 0
    }

    .orcamento-contato form .form-group label {
        text-align: right
    }

    .header-page.pacotes-home {
        height: auto;
        padding-bottom: 190px;
        padding-top: 50px
    }

    .header-page.pacotes-home.interna {
        padding-bottom: 0
    }

    .destaque-pacotes .pacotes-carousel {
        margin-top: -23.6%;
        position: relative;
        z-index: 10
    }

    .header-page.pacotes-home .container > div:nth-child(1) {
        height: auto
    }

    .menu-pacotes {
        text-align: left;
        display: block !important;
        border: 0;
        height: auto !important
    }

    .menu-pacotes .nav:before, .menu-pacotes .navbar-header {
        display: none
    }

    .menu-pacotes .nav {
        padding: 20px 0;
        text-align: center;
        position: initial;
        box-shadow: none;
        width: auto;
        margin-left: initial;
        left: 0;
        opacity: 1
    }

    .menu-pacotes .nav li {
        display: inline-block;
        border: 0
    }

    .menu-pacotes .nav li.active {
        border-bottom: 2px solid #fff
    }
}

@media only screen and (min-width: 992px) {
    .header-page.passagens:before, .header-page.roteiros:before {
        background: rgba(0, 0, 0, .1)
    }

    .header-page, .header-page.pacotes, .header-page.passagens, .header-page.roteiros {
        height: 343px
    }

    body:after {
        content: 'medium'
    }

    .direita {
        float: right
    }

    .esquerda {
        float: left
    }

    p.direita, p.esquerda {
        float: none
    }

    .header-page .container > div h1 span {
        font-size: 18px;
        font-size: 1.125rem;
        display: block;
        text-align: center
    }

    .header-page .container > div h1 strong {
        font-size: 84px;
        font-size: 5.25rem
    }

    .header-page .container > div .btn-default {
        font-size: 12px;
        font-size: .75rem;
        width: 180px
    }

    .header-page .container > div .btn-default i:before {
        font-size: 16px
    }

    .header-page[class*=bg-] .container > div h1 span {
        font-size: 38px;
        font-size: 2.375rem
    }

    .header-page[class*=bg-] .container > div h1 i {
        margin-bottom: 20px;
        font-size: 50px
    }

    .header-page[class*=bg-] .container > div p {
        font-size: 16px;
        font-size: 1rem
    }

    .header-page.passagens > div h1 strong {
        font-size: 44px;
        font-size: 2.75rem
    }

    .header-page.roteiros > div h1 strong {
        font-size: 50px;
        font-size: 3.125rem
    }

    .header-page.roteiros > div p {
        font-size: 17px;
        font-size: 1.0625rem
    }

    .header-page.pacotes > div h1 strong {
        font-size: 40px;
        font-size: 2.5rem
    }

    .header-page.pacotes > div p {
        font-size: 17px;
        font-size: 1.0625rem
    }

    .header-page.pacotes-home > div h1 strong {
        font-size: 40px !important
    }

    .header-page.pacotes-home > div h1 span {
        font-size: 30px !important
    }

    .scroller {
        display: none
    }

    .barra-nav ul {
        position: inherit
    }

    .infos .banner {
        margin-top: 0;
        text-align: right
    }

    .infos .banner img {
        width: auto
    }

    .infos.cidade .mapa .banner {
        margin-top: 40px;
        float: right;
        text-align: right;
        display: block
    }

    .line-infos li {
        width: 24%
    }

    .line-infos li div {
        display: table;
        height: 70px;
        margin: 0 auto
    }

    .line-infos li div i:before {
        font-size: 50px;
        width: 60px
    }

    .line-infos li div i.icon-clock:before {
        font-size: 60px
    }

    .line-infos li div h4 {
        font-size: 16px;
        font-size: 1rem
    }

    .line-infos li div h4 span {
        font-size: 24px;
        font-size: 1.5rem
    }

    .line-infos li div h4 a {
        font-size: 12px;
        font-size: .75rem;
        display: inline-block;
        vertical-align: 10px
    }

    .atracoes .atracoes-carousel .item .sobre {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all .3s
    }

    .atracoes .atracoes-carousel .item:hover .sobre {
        opacity: 1;
        visibility: visible;
        transition: all .3s
    }

    .busca-hospedagem .title-default, .busca-hospedagem p {
        text-align: left
    }

    .busca-hospedagem form {
        float: left
    }

    .busca-hospedagem form .input-group {
        margin: 20px 10px;
        display: inline-block
    }

    .busca-hospedagem form .input-group .input-group-addon {
        display: inline-block;
        background: 0 0
    }

    .busca-hospedagem form .input-group input {
        margin-left: 0;
        display: inline-block;
        float: none;
        width: 150px;
        padding-right: 20px
    }

    .busca-hospedagem form .bootstrap-select {
        display: inline-block !important;
        margin: 0 0 0 10px !important;
        width: 150px !important
    }

    .busca-hospedagem form .bootstrap-select .btn-default {
        padding: 7px 0;
        height: 37px;
        margin-top: -4px
    }

    .busca-hospedagem .btn-default-preto, .busca-hospedagem .btn-pesquisar {
        margin: 30px auto 50px
    }

    .alimentacao ul li {
        margin: 30px 0
    }

    .alimentacao ul li h3 {
        height: auto;
        font-size: 15px;
        font-size: .9375rem
    }

    .alimentacao ul li h3 strong {
        font-size: 15px;
        font-size: .9375rem
    }

    .alimentacao ul li > strong {
        display: inline-block
    }

    .alimentacao ul li > strong span {
        display: block
    }

    .alimentacao ul li > span {
        display: inline-block
    }

    .hospedagem-precos > div table td {
        font-size: 15px;
        font-size: .9375rem
    }

    .intro-continente ul {
        display: -ms-flexbox;
        display: flex
    }

    .cidades ul li > div .open-detail .btn-calcule, .cidades ul li > div .open-detail:hover a > .btn-dia, .cidades ul li > div .open-detail:hover a > h3, .cidades ul li > div .open-detail:hover a > h4 {
        display: none
    }

    .intro-continente ul li {
        border-left: 1px solid #d0d0d0
    }

    .intro-continente ul li:first-child {
        border: 0
    }

    .paises ul li a .btn {
        opacity: 0
    }

    .paises ul li a:hover .btn {
        opacity: 1
    }

    .cidades-turisticas {
        padding-top: 50px
    }

    .cidades-turisticas .title-default {
        margin-right: 20px;
        margin-top: 0
    }

    .cidades-turisticas .result li a {
        font-size: 14px;
        font-size: .875rem;
        padding: 6px 0
    }

    .cidades-turisticas .result li a span {
        font-size: 13px;
        font-size: .8125rem
    }

    .cidades ul li > div .open-detail a > h4 {
        top: inherit !important;
        bottom: 20px
    }

    .cidades ul li > div .open-detail:hover .btn-calcule, .cidades ul li > div .open-detail:hover .detail, .cidades ul li > div .open-detail:hover .detail.open {
        display: block
    }

    .cidades ul li > div .open-detail:hover .detail:after {
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 4;
        background: rgba(239, 75, 90, .6)
    }

    .cidades ul li > div .open-detail:hover .detail h4 {
        position: absolute;
        top: 20px;
        width: 100%;
        text-align: left;
        color: #fff;
        left: 0;
        z-index: 5;
        padding: 10px 5%;
        font-family: "PT Sans", sans-serif;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 300
    }

    .cidades ul li > div .open-detail:hover .detail h4 strong {
        float: right;
        line-height: 20px
    }

    .cidades ul li > div .open-detail:hover .detail h4 strong span {
        font-family: Montserrat, sans-serif;
        font-size: 53px;
        font-size: 3.3125rem;
        vertical-align: -25px
    }

    .cidades ul li > div .open-detail:hover .detail p {
        position: absolute;
        top: 90px;
        width: 90%;
        margin: 0 5%;
        padding: 5px 0;
        text-align: center;
        color: #fff;
        left: 0;
        z-index: 5;
        font-family: "PT Sans", sans-serif;
        font-size: 12px;
        font-size: .75rem;
        border-top: 1px solid #fff
    }

    .mapa-lugares-baratos .dropdown {
        width: 150px;
        margin: 0 auto;
        display: block
    }

    .mapa-lugares-baratos .dropdown.open .dropdown-menu {
        margin: 0;
        left: 0
    }

    .pesquisar-carro .form-inline .form-group, .pesquisar-hospedagem .form-inline .form-group {
        margin-left: 20px
    }

    .categorias-cidade .navbar .open-categoria h3 {
        border-bottom: 0
    }

    .pesquisar-carro .form-inline .form-group label, .pesquisar-carro .form-inline .form-group.pesquisar {
        display: inline-table;
        width: auto
    }

    .locadoras-carros {
        padding-bottom: 30px
    }

    .locadoras-carros .lista-locadoras ul {
        height: 414px
    }

    .locadoras-carros .map-small {
        width: 100%;
        height: 412px
    }

    #modal-alimentacao .modal-dialog form .col-1 {
        height: 410px
    }

    #modal-alimentacao .modal-dialog form .col-2 {
        height: 410px;
        padding-left: 0;
        padding-right: 20px
    }

    .pesquisar-hospedagem .form-inline .form-group label {
        display: inline-table;
        width: auto;
        margin-right: 25px
    }

    .pesquisar-hospedagem .form-inline .pesquisar {
        display: inline-table;
        width: auto
    }

    .promocoes-passagens ul li a dl dt {
        font-size: 14px;
        font-size: .875rem;
        padding: 0 20px;
        width: 111px
    }

    .promocoes-passagens ul li a dl dt i {
        margin-right: 5px
    }

    .promocoes-passagens ul li a dl dd {
        font-size: 18px;
        font-size: 1.125rem;
        text-align: left;
        padding: 0 20px
    }

    .promocoes-passagens ul li a dl dd i {
        font-size: 20px;
        vertical-align: middle
    }

    .promocoes-passagens ul li a dl dd.ppreco {
        width: 100px;
        position: relative
    }

    .promocoes-passagens ul li a dl dd.ppreco span {
        font-size: 12px;
        font-size: .75rem
    }

    .promocoes-passagens ul li a dl dd.ppreco strong {
        position: absolute;
        left: -61px;
        width: 53px;
        top: 50%;
        margin-top: -12px;
        text-align: right;
        line-height: 12px;
        font-size: 9px;
        font-size: .5625rem
    }

    #modal-calcule .modal-dialog .modal-body {
        padding: 10px 50px
    }

    #modal-calcule .modal-dialog .modal-body .form-group input {
        width: 64%
    }

    #modal-calcule .modal-dialog .modal-body .form-group button {
        width: 35%
    }

    .map-home {
        position: relative
    }

    .map-home #mapmarker {
        width: 100%;
        height: 400px
    }

    .map-home .infos-map {
        position: absolute;
        width: 370px;
        background: #fff
    }

    .calcule .open-search-filter {
        text-align: left
    }

    .calcule .open-search-filter nav ul.filtros-calcule {
        display: table;
        border-radius: 15px;
        width: auto;
        overflow: initial;
        min-height: auto;
        margin: 0 auto
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li {
        display: inline-table;
        border-bottom: 0;
        border-left: 1px solid #515151
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li:first-child {
        border-left: 0;
        padding-left: 30px
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li .aplicar-filtro {
        margin: 0;
        padding: 13px 25px 13px 13px;
        font-size: 16px;
        font-size: 1rem;
        text-transform: capitalize;
        font-family: "PT Sans", sans-serif;
        font-weight: 300;
        height: 51px;
        border-radius: 0 13px 13px 0
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont {
        width: auto;
        position: absolute;
        min-width: 200px
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .dropdown-toggle {
        height: auto;
        margin: 0
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont label {
        font-weight: 200;
        margin: 10px 0;
        font-size: 14px;
        font-size: .875rem;
        white-space: nowrap
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .row label {
        margin-top: 0;
        text-align: center;
        width: 100%;
        display: block
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select {
        background: #fff;
        padding: 5px 10px;
        border-radius: 20px;
        width: 100%;
        text-align: left;
        margin-bottom: 10px
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default {
        width: 100%;
        padding: 0 10px 0 0;
        box-shadow: none !important;
        text-transform: inherit
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default .caret {
        right: 0
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default:active, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default:focus, .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .btn-default:hover {
        color: #000;
        box-shadow: none
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .bootstrap-select .dropdown-menu li {
        width: 100%;
        display: block
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .checkbox label {
        margin-bottom: 5px;
        margin-top: 5px;
        font-weight: 100;
        text-align: left;
        width: 100%
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule > .menu-calcule-cont .result-dias {
        font-size: 18px;
        font-size: 1.125rem;
        text-align: center;
        display: block;
        width: 100%;
        color: #fff;
        margin-top: 10px
    }

    .busca-cruzeiros .navbar-collapse .form-group:last-child, .calcule .resultado-calcule .email i, .calcule .resultado-calcule .face i {
        width: auto
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule.interesses .menu-calcule-cont {
        min-width: 400px
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule.open .menu-calcule-cont {
        display: none
    }

    .calcule .open-search-filter nav ul.filtros-calcule > li > .menu-calcule:hover .menu-calcule-cont {
        display: block
    }

    .calcule .open-search-filter nav ul.filtros-calcule.none-mobile {
        opacity: 1;
        height: auto;
        min-height: auto
    }

    .calcule .resultado-calcule .row li > div {
        height: 228px
    }

    .calcule .resultado-calcule .row.linha2 li > div {
        height: 180px
    }

    .calcule .resultado-calcule li > div.face, .calcule .resultado-calcule li > div.valor {
        height: 60px
    }

    .calcule .resultado-calcule .atracoes > p, .calcule .resultado-calcule .passeios-atividades > p {
        position: absolute;
        top: 10px;
        right: 15px
    }

    .calcule .resultado-calcule .hospedagem img {
        max-height: 151px
    }

    .calcule.para-onde .open-search-filter nav ul.filtros-calcule > li:first-child {
        padding-left: 0
    }

    .calcule.para-onde .open-search-filter nav ul.filtros-calcule > li .aplicar-filtro {
        border-radius: 0
    }

    .busca-cruzeiros .navbar-collapse {
        padding: 0
    }

    .busca-cruzeiros .navbar-collapse .form-group {
        display: table-cell;
        width: auto;
        border-left: 1px solid #646464
    }

    .busca-cruzeiros .navbar-collapse .form-group:first-child {
        border: 0;
        padding-left: 0
    }

    .busca-cruzeiros .navbar-collapse .form-group label {
        display: block;
        padding-right: 10px;
        white-space: nowrap;
        vertical-align: middle
    }

    .busca-cruzeiros .navbar-collapse .form-group .bootstrap-select {
        display: table-cell;
        width: 134px;
        outline: 0
    }

    .busca-cruzeiros .navbar-collapse .form-group:last-child {
        padding-right: 0
    }

    .busca-cruzeiros .navbar-collapse .btn-verde {
        border-radius: 0;
        padding: 10px 20px;
        width: auto;
        background-color: #47ab3f;
        text-transform: capitalize;
        font-weight: 300;
        height: 100%;
        display: table-cell
    }

    .busca-ag h2, .nao-encontrou p, .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-toggle, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-toggle {
        font-weight: 700
    }

    .busca-cruzeiros .navbar-collapse .btn-verde i {
        font-size: 20px;
        vertical-align: -2px
    }

    .pesquisar-cruzeiros .form-inline .form-group {
        margin-left: 20px;
        width: 19%
    }

    .pesquisar-cruzeiros .form-inline .form-group label {
        display: table-cell;
        width: auto;
        margin-right: 25px
    }

    .pesquisar-cruzeiros .form-inline .pesquisar {
        display: inline-table;
        width: auto
    }

    .midia-banner .banner-post {
        position: relative;
        box-shadow: none;
        min-height: 280px
    }

    .midia-banner .banner-post img {
        position: absolute;
        box-shadow: none;
        bottom: -66px;
        width: 92%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .nao-encontrou {
        text-align: center;
        margin-top: 40px
    }

    .nao-encontrou h2 {
        text-indent: -5000em;
        background: url(../images/nao-encontrou-o-que-procurava.png) no-repeat;
        width: 709px;
        height: 79px;
        display: block;
        margin: 40px auto 0;
        position: relative;
        z-index: 2
    }

    .nao-encontrou p {
        font-family: roboto, sans-serif;
        font-size: 16px;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin-bottom: 30px;
        margin-top: -10px;
        position: relative;
        z-index: 1
    }

    .ag-info, .busca-ag {
        font-family: "PT Sans", sans-serif
    }

    .nao-encontrou .btn {
        display: block;
        margin: 0 auto 30px;
        width: 183px
    }

    .nao-encontrou img {
        clear: both
    }

    .busca-roteiros > div form > .form-group p {
        margin-top: 0
    }

    .busca-roteiros > div form > .form-group:first-child {
        background: #f9f9f9
    }

    .busca-roteiros > div form > .form-group .btn {
        width: 100%
    }

    .busca-roteiros > div .form-group {
        margin-bottom: 0;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .header-page.pacotes-home {
        height: auto;
        padding-bottom: 190px;
        padding-top: 50px
    }

    .destaque-pacotes .pacotes-carousel {
        margin-top: -17.7%;
        position: relative;
        z-index: 10
    }

    .lista-destaque-pacotes li {
        height: auto
    }

    body.ag {
        overflow-x: hidden
    }

    body.ag .rodape, body.ag .topo {
        position: relative;
        z-index: 10
    }

    body.ag .rodape {
        background: #fff
    }

    .agencia-home {
        position: relative;
        transition: all .4s ease
    }

    .agencia-home:after, .agencia-home:before {
        width: calc(51% - 110px);
        min-height: 600px;
        position: absolute;
        z-index: 2;
        top: 0;
        height: 100%;
        left: 0;
        content: ''
    }

    .agencia-home:before {
        background: url(../images/bg-agencias-de-viagem-home.jpg) center top;
        background-size: cover;
        transition: all .3s ease-in
    }

    .agencia-home:after {
        display: block;
        background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 31%, rgba(0, 0, 0, .45) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#73000000', GradientType=1);
        right: 0;
        transition: all .3s
    }

    .agencia-home .ag-destaque {
        background: 0 0;
        text-align: right;
        width: 39%;
        position: relative;
        z-index: 3;
        padding-right: 30px
    }

    .agencia-home .ag-destaque:before {
        display: none
    }

    .agencia-home .ag-destaque article {
        padding: 290px 0 80px;
        transition: all .3s;
        width: 30%
    }

    .busca-ag, .estados-ag {
        padding: 40px 20px
    }

    .agencia-home .ag-destaque article h1 i:before {
        text-align: right;
        width: 100%;
        margin-bottom: 15px;
        font-size: 55px
    }

    .agencia-home .ag-destaque article h2 {
        font-size: 16px;
        font-size: 1rem
    }

    .agencia-home .ag-destaque article .owner {
        display: block
    }

    .agencia-home .ag-destaque article .owner h3 {
        font-size: 16px;
        font-size: 1rem
    }

    .agencia-home .ag-destaque article .owner p {
        font-size: 14px;
        font-size: .875rem
    }

    .agencia-home.blue:after, .agencia-home.blue:before {
        position: fixed
    }

    .agencia-home .scroll-ag {
        position: relative;
        z-index: 4;
        background: #fff
    }

    .agencia-home .scroll-ag .estados-ag {
        position: relative
    }

    .agencia-home .scroll-ag .estados-ag:before {
        content: '';
        background: #f3f3f3;
        width: 330%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        z-index: 1;
        display: block
    }

    .agencia-home .scroll-ag .estados-ag > div {
        position: relative;
        z-index: 2
    }

    .agencia-home.fixed-top {
        transition: all .4s ease
    }

    .agencia-home.fixed-top:before {
        position: fixed;
        transform: scale(1.1);
        transition: all .1s ease-in
    }

    .agencia-home.fixed-top:after {
        position: fixed
    }

    .agencia-home.fixed-top article {
        position: fixed;
        transition: all 1s
    }

    .ag-info article ul.list-minimal {
        display: -ms-flexbox;
        display: flex
    }

    .ag-info article ul.list-minimal li {
        border-bottom: 0 none
    }

    .estados-ag dl dd {
        font-size: 14px;
        font-size: .875rem
    }

    .busca-ag h2 {
        color: #3d3d3d;
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 45px
    }

    .busca-ag .form-group {
        margin-bottom: 20px;
        vertical-align: middle
    }

    .busca-ag .form-group input[type=text] {
        min-width: 100%
    }

    .busca-ag .form-group.center-ag {
        text-align: center;
        height: 100%;
        margin-top: 37px;
        font-size: 16px;
        font-size: 1rem;
        color: #919191
    }

    .busca-ag .form-group .btn {
        margin-top: 20px
    }

    .opinioes-avaliacoes .container > .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .opinioes-avaliacoes .container > .row .opinioes {
        position: relative;
        padding-bottom: 20px
    }

    .opinioes-avaliacoes .container > .row .opinioes .paginacao {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 15px
    }

    .proprietario .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .proprietario .container div {
        margin-bottom: 0;
        padding-right: 200px
    }

    .outras-agencias .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-bottom: 40px
    }

    .outras-agencias .row ul {
        margin: 0
    }

    .busca-passagens > div form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        clear: both;
        width: 940px;
        margin: 0 auto
    }

    .busca-passagens > div form .origem input {
        max-width: 190px
    }

    .busca-passagens > div form .form-group {
        margin-left: 20px
    }

    .busca-passagens > div form .input-daterange {
        display: -ms-flexbox;
        display: flex
    }

    .lista-passagens-onibus {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .topo .btn-menu {
        display: none
    }

    .topo .logo {
        display: table-cell;
        width: 192px;
        text-align: left !important
    }

    .topo .logo img {
        width: 250px
    }

    .topo .btn-busca {
        display: none
    }

    .topo .navbar-default .container, .topo .navbar-default-transparent .container {
        display: table;
        height: 55px
    }

    .topo .navbar-default .navheader, .topo .navbar-default-transparent .navheader {
        display: table-cell;
        vertical-align: middle
    }

    .topo .navbar-default .menu-open, .topo .navbar-default-transparent .menu-open {
        position: inherit;
        opacity: 1;
        visibility: visible;
        background: 0 0;
        display: table-cell;
        vertical-align: middle;
        width: auto;
        text-align: center
    }

    .topo .navbar-default .menu-open .container-menu, .topo .navbar-default-transparent .menu-open .container-menu {
        background: 0 0;
        width: auto;
        display: inline-block;
        height: auto;
        overflow-x: initial;
        border-radius: 0
    }

    .topo .navbar-default .menu-open .container-menu .btn-fechar, .topo .navbar-default-transparent .menu-open .container-menu .btn-fechar {
        color: #fff;
        background: 0 0;
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 16px;
        font-size: 1rem
    }

    .topo .navbar-default .menu-open .container-menu h3, .topo .navbar-default-transparent .menu-open .container-menu h3 {
        display: none
    }

    .topo .navbar-default .menu-open .container-menu > ul > li, .topo .navbar-default-transparent .menu-open .container-menu > ul > li {
        display: inline-block;
        margin: 0 6px;
        width: auto;
        padding: 16px 0
    }

    .topo .navbar-default .menu-open .container-menu > ul > li:after, .topo .navbar-default-transparent .menu-open .container-menu > ul > li:after {
        display: none
    }

    .topo .navbar-default .menu-open .container-menu > ul > li a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li a {
        color: #fff;
        display: block;
        font-size: 15px;
        font-size: .9375rem;
        text-decoration: initial;
        padding: 2px 5px 0;
        font-weight: 700
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-toggle span, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-toggle span {
        font-size: 7px;
        vertical-align: 2px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu {
        background: #fff;
        position: absolute !important;
        width: auto;
        border-radius: 0;
        padding: 10px 5px;
        top: 52px;
        left: -540px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li {
        list-style: none;
        padding: 0 12px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li:nth-child(1) a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li:nth-child(1) a {
        border-top: 0
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a {
        border: 0;
        font-size: 13px;
        font-size: .8125rem;
        padding: 10px 5px 10px 0;
        text-decoration: initial;
        color: #676767;
        border-top: 1px solid #e3e3e3;
        text-transform: uppercase;
        font-weight: 300
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a i:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a i:before {
        font-size: 13px;
        font-size: .8125rem;
        width: 30px;
        text-align: center
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a .icon-people:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a .icon-people:before {
        font-size: 16px;
        font-size: 1rem
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li a:hover, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li a:hover {
        background: rgba(0, 0, 0, .1)
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #FFF;
        position: absolute;
        top: -10px;
        right: -230px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino {
        width: 359px;
        padding: 10px 12px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li {
        display: inline-block;
        width: 49%
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li:nth-child(2) a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li:nth-child(2) a {
        border-top: 0
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li a {
        padding: 10px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li a.link-ver-todos, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li a.link-ver-todos {
        color: #ef4b5a;
        font-weight: 700;
        font-size: 12px;
        font-size: .75rem
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li a.link-ver-todos:hover, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li a.link-ver-todos:hover {
        text-decoration: underline;
        background: 0 0
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa {
        position: absolute;
        top: 0;
        right: -271px;
        width: 276px;
        height: 100%
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa a, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa a {
        background: url(../images/ver-mapa.jpg);
        height: 100%;
        background-size: cover
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa a h3, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa a h3 {
        font-size: 17px;
        font-size: 1.0625rem;
        font-family: "PT Sans", sans-serif;
        font-weight: 700;
        color: #fff;
        display: block;
        margin: 60px auto 15px;
        border: 0;
        text-transform: capitalize;
        text-align: center;
        padding: 0
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa a span, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu.destino li.navegue-mapa a span {
        font-size: 11px;
        font-size: .6875rem;
        font-family: Montserrat, sans-serif;
        font-weight: 700;
        color: #fff;
        border: 2px solid #fff;
        padding: 5px 20px;
        margin: 0 auto;
        width: 100px;
        display: block
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu .sub-menu, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu .sub-menu {
        left: 100%;
        position: absolute;
        top: 0;
        visibility: hidden;
        margin-top: -1px
    }

    .topo .navbar-default .menu-open .container-menu > ul > li .dropdown-menu li:hover .sub-menu, .topo .navbar-default-transparent .menu-open .container-menu > ul > li .dropdown-menu li:hover .sub-menu {
        visibility: visible
    }

    .topo .navbar-default .menu-open .container-menu > ul > li.open .dropdown-toggle span:before, .topo .navbar-default-transparent .menu-open .container-menu > ul > li.open .dropdown-toggle span:before {
        content: ''
    }

    .topo .navbar-default .menu-open .container-menu .dropdown:hover .dropdown-menu, .topo .navbar-default-transparent .menu-open .container-menu .dropdown:hover .dropdown-menu {
        display: block
    }

    .topo .navbar-default .open-buscar, .topo .navbar-default-transparent .open-buscar {
        position: inherit;
        opacity: 1;
        visibility: visible;
        background: 0 0;
        display: table-cell;
        vertical-align: middle;
        width: 230px;
        text-align: center;
        overflow: inherit
    }

    .topo .navbar-default .open-buscar .container-buscar, .topo .navbar-default-transparent .open-buscar .container-buscar {
        background: 0 0;
        width: auto;
        overflow: inherit
    }

    .topo .navbar-default .open-buscar .container-buscar .fechar, .topo .navbar-default-transparent .open-buscar .container-buscar .fechar {
        display: none
    }

    .topo .navbar-default .open-buscar .container-buscar .buscar, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar {
        display: inline-block;
        margin: 10px 0 0
    }

    .topo .navbar-default .open-buscar .container-buscar .buscar input, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar input {
        border-radius: 50px;
        background: rgba(245, 245, 245, .3);
        padding: 10px 20px 10px 50px;
        border: 0;
        color: #fff;
        font-size: 14px;
        font-size: .875rem;
        font-family: "PT Sans", sans-serif;
        height: 34px;
        width: 230px
    }

    .topo .navbar-default .open-buscar .container-buscar .buscar input::-webkit-input-placeholder, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar input::-webkit-input-placeholder {
        color: #fff
    }

    .topo .navbar-default .open-buscar .container-buscar .buscar input:focus, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar input:focus {
        outline: 0
    }

    .topo .navbar-default .open-buscar .container-buscar .buscar:before, .topo .navbar-default-transparent .open-buscar .container-buscar .buscar:before {
        content: '';
        position: absolute;
        right: 195px;
        top: 5px;
        left: auto;
        font-family: quantocustaviajar;
        display: block;
        color: #fff;
        font-size: 18px
    }

    .topo .navbar-default .open-buscar .container-buscar .lista-busca, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca {
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        display: none
    }

    .topo .navbar-default .open-buscar .container-buscar .lista-busca.in, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca.in {
        background: #fff;
        position: absolute;
        width: 230px;
        border-radius: 0;
        padding: 0;
        top: 55px;
        opacity: 1;
        visibility: visible;
        display: block
    }

    .topo .navbar-default .open-buscar .container-buscar .lista-busca.in li, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca.in li {
        margin: 0;
        padding-left: 10px;
        padding-right: 10px
    }

    .topo .navbar-default .open-buscar .container-buscar .lista-busca.in:before, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca.in:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #FFF;
        position: absolute;
        top: -10px;
        left: 152px
    }

    .topo .navbar-default .open-buscar .container-buscar .lista-busca .btn-cor-destaque, .topo .navbar-default-transparent .open-buscar .container-buscar .lista-busca .btn-cor-destaque {
        width: 90%;
        margin: 11px 10px 10px;
        font-size: 12px;
        font-size: .75rem
    }

    .topo .navbar-default-transparent .menu-open {
        text-align: right
    }

    .topo .navbar-default-transparent .menu-open .dropdown-menu {
        right: 0;
        left: inherit
    }

    .topo .navbar-default-transparent .menu-open .dropdown-menu:before {
        left: initial !important;
        right: 40px
    }

    .topo .navbar-default-transparent .menu-open .dropdown-menu.destino {
        right: 140px;
        left: inherit
    }

    .topo .navbar-default-transparent .menu-open .dropdown-menu.destino:before {
        left: initial !important;
        right: -100px
    }

    .rodape ul .sobre, .rodape ul dl {
        font-size: 13px;
        font-size: .8125rem
    }
}

@media only screen and (min-width: 1200px) {
    body:after {
        content: 'large'
    }

    .pesquisar-passagem {
        padding: 30px
    }

    .pesquisar-passagem .form-inline {
        text-align: center
    }

    .pesquisar-passagem .form-inline .form-group, .pesquisar-passagem .form-inline .form-group.cdestino {
        margin-left: 16px
    }

    .onde-ir form .form-group {
        padding: 0 30px
    }

    .onde-ir form .form-group:nth-child(2), .onde-ir form .form-group:nth-child(3) {
        padding: 0 50px
    }

    .busca-cruzeiros .navbar-collapse form .form-group {
        display: table-cell;
        width: auto;
        padding: 0 20px;
        border-right: 1px solid #646464
    }

    .busca-cruzeiros .navbar-collapse form .form-group:last-child {
        padding: 0
    }

    .busca-cruzeiros .navbar-collapse form .form-group label {
        display: table-cell;
        padding-right: 10px;
        white-space: nowrap;
        vertical-align: middle
    }

    .busca-cruzeiros .navbar-collapse form .form-group:first-child {
        padding-left: 0
    }

    .busca-cruzeiros .navbar-collapse form .form-group:last-child {
        padding-right: 0
    }

    .audiencia ul.list li {
        padding: 0 20px
    }

    .agencia-home {
        position: relative
    }

    .agencia-home:after, .agencia-home:before {
        width: calc(51% - 130px)
    }

    .agencia-home .ag-destaque {
        background: 0 0;
        text-align: right;
        width: 40%
    }

    .agencia-home .ag-destaque:before {
        display: none
    }

    .agencia-home .ag-destaque article {
        width: auto
    }

    .agencia-home .ag-destaque article h1 {
        font-size: 38px;
        font-size: 2.375rem
    }

    .servicos-oferecidos ul {
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }

    .servicos-oferecidos ul li {
        padding: 0;
        margin-right: 15px
    }

    .servicos-oferecidos ul li:last-child {
        margin-right: 0
    }

    .servicos-oferecidos ul li h2, .servicos-oferecidos ul li:hover > div:nth-child(2), .servicos-oferecidos ul li > div:nth-child(2) {
        width: 100%
    }
}