.colRow2[class*="gutterDotted"], .colRow2[class*="gutterBorder"], .colRow2[class*="gutterSolid"], .colRow2--halfSolidLine, [class*="colRow2--halfDottedLine"] {
    display: table;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

    .colRow2[class*="gutterDotted"] > [class*="column_"], .colRow2[class*="gutterBorder"] > [class*="column_"], .colRow2[class*="gutterSolid"] > [class*="column_"], .colRow2--halfSolidLine > [class*="column_"], [class*="colRow2--halfDottedLine"] > [class*="column_"] {
        display: table-cell;
        vertical-align: top;
        float: none
    }

        .colRow2[class*="gutterDotted"] > [class*="column_"]:first-child, .colRow2[class*="gutterBorder"] > [class*="column_"]:first-child, .colRow2[class*="gutterSolid"] > [class*="column_"]:first-child {
            padding-left: 0 !important;
            background-image: none;
            border-left: none
        }

        .colRow2[class*="gutterDotted"] > [class*="column_"]:last-child, .colRow2[class*="gutterBorder"] > [class*="column_"]:last-child, .colRow2[class*="gutterSolid"] > [class*="column_"]:last-child {
            padding-right: 0 !important
        }

.colRow2.gutterBorderDotLine > [class*="column_"] {
    background-image: none
}

.colRow2.gutterDottedLine > [class*="column_"], .colRow2.gutterBorderDotLine > [class*="column_"], .colRow2.gutterSolidLine > [class*="column_"] {
    padding: 0 23px
}

.colRow2.gutterDottedLine > [class*="column_"] {
    padding: 0 20px 0 27px;
    background: url("../images/VuelingBase/vertical_greyDot.png") left -2px repeat-y
}

.colRow2.gutterDottedLine--yellow > [class*="column_"], .colRow2--halfDottedLineYellow {
    background-image: url("../images/VuelingBase/vertical_yellowDot.png") !important;
    background-position: 0 4px
}

.colRow2.gutterBorderDotLine > [class*="column_"] {
    border-left: 1px dotted #ccc
}

.colRow2.gutterSolidLine > [class*="column_"] {
    border-left: 1px solid #ddd
}

.colRow2.gutterBorderDotLine > [class*="column_"]:first-child {
    border-left: 0
}

.colRow2--halfSolidLine > [class*="column_"], [class*="colRow2--halfDottedLine"] > [class*="column_"] {
    background: none;
    padding: 0 20px
}

    .colRow2--halfSolidLine > [class*="column_"]:first-child, [class*="colRow2--halfDottedLine"] > [class*="column_"]:first-child {
        padding-left: 0 !important
    }

    .colRow2--halfSolidLine > [class*="column_"]:last-child, [class*="colRow2--halfDottedLine"] > [class*="column_"]:last-child {
        padding-right: 0 !important
    }

.colRow2.colRow2--halfSolidLine {
    background: url("../images/VuelingBase/vertical_GreySolidLine.png") repeat-y center top
}

*[class*="colRow2--halfDottedLine"] {
    background: url("../images/VuelingBase/vertical_greyDot.png") repeat-y center top
}

.colRow2--halfDottedLineYellow {
    background-image: url("../images/VuelingBase/vertical_yellowDot.png")
}

.colRow2--halfDottedLineWhite {
    background-image: url("../images/VuelingBase/vertical_whiteDot.png")
}

.colRow2.colRow2--halfDottedLine--col1 {
    background-position: 13.7% top
}

.colRow2.colRow2--halfDottedLine--col5 {
    background-position: 42.75% top
}

.colRow2.colRow2--halfDottedLine--col7 {
    background-position: 63.7% top
}

.colRow2.colRow2--halfDottedLine--col8 {
    background-position: 66.85% top
}

.colRow2.colRow2--halfDottedLine--col5.gutter40 {
    background-position: 41.5% top
}

.colRow2.colRow2--halfDottedLine--col9.gutter40 {
    background-position: 75.3% top
}

#searchBox .buscadorYellow {
    background-color: #fc0
}

#searchBox .buscador-Col3 {
    margin: 0;
    padding: 20px 20px
}

    #searchBox .buscador-Col3 h2 {
        color: #666;
        float: left;
        font: 1.7em/1.2 DTLProkyonTMedium,Verdana;
        margin-bottom: 15px;
        position: relative;
        width: 100%
    }

    #searchBox .buscador-Col3 .contentLeft {
        background: url("../images/vertical_whiteDot.png") repeat-y scroll right top transparent;
        float: left;
        margin-right: 0;
        padding: 0 20px 6px 0;
        width: 400px
    }

#searchBox .buscador_radioDates {
}

.buscador_radioDates [class*="elForm"] > fieldset {
    width: 49% !important;
    margin-left: 6px
}

    .buscador_radioDates [class*="elForm"] > fieldset:first-child {
        margin-left: 0
    }

.buscador_radioDates [class*="elForm"] label, .buscador_radioDates [class*="elForm"] input:checked + label {
    border: 0;
    padding: 0 !important;
    line-height: 40px
}

.buscador_radioDates [class*="elForm"] label {
    font-weight: 400;
    background-color: rgba(0,0,0,.2)
}

.buscador_radioDates [class*="elForm"] input:checked + label {
    background-color: #666;
    font-weight: 800;
    color: #fff
}

#searchBox [class^="elForm_radio"] label {
    font-size: 1em
}

#searchBox [class*="elForm_"] input[type="text"] {
    height: 40px
}

#searchBox .dropDown--buscador {
    width: 352px
}

.buscador .buscador_calendar input, .buscador .buscador_destinations input, .buscador select {
    cursor: pointer
}

#searchBox .dropDown_footer_content .icoYellowArrow_small_der_bf::before {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0;
    margin-left: -2px
}

.buscadorCalendarWrap {
    position: relative
}

    .buscadorCalendarWrap:before, .buscadorCalendarWrap:after {
        z-index: 8;
        position: absolute;
        top: 10px;
        display: block;
        font-family: 'vueling' !important;
        font-size: 20px;
        color: #a5a5a5
    }

    .buscadorCalendarWrap:before {
        content: '' !important;
        left: 10px
    }

    .buscadorCalendarWrap:after {
        content: '' !important;
        left: 215px
    }

.buscador_calendar--ow .buscadorCalendarWrap:after {
    display: none
}

.searchHorizontal .buscadorCalendarWrap:after {
    left: 210px
}

.ui-helper-hidden, .defaultDateFields {
    display: none
}

.buscador [class*="elForm_"] input[type="text"], .buscador [class*="elForm_"] select, .buscador .elForm_radio_textInput, .buscador .elForm_radio_select, .buscador .wrapper_elForm_section {
    height: 40px
}

#searchBox .buscador .buscador_calendar input, .buscador .buscador_calendar input:focus {
    border: 0 none !important;
    padding: 10px 2px 10px 40px
}

#searchBox .buscador .buscador_calendar input {
    display: inline-block;
    font-size: 1em;
    margin: 0;
    min-width: 50%;
    width: auto;
    float: left
}

#buscador.promotion {
    background-color: #fc0;
    margin-bottom: 20px;
    width: 438px
}

#searchBox #buscador.promotion .elForm_radio--label input:checked + label {
    background-color: #666
}

#searchBox #buscador.promotion .elForm_radio--label label {
    background-color: #ffdd52
}

.flexiblesDates #searchBox .buscador .buscador_calendar.buscador_calendar--ow input {
    width: 100%
}

#searchBox .buscador .buscador_calendar input.last {
    float: none
}

#searchBox .buscador .buscador_calendar.buscador_calendar--ow input.last {
    display: none
}

#searchBox .buscador .buscador_calendar fieldset {
    height: 40px
}

#searchBox .flexiblesDates--ow {
}

    #searchBox .flexiblesDates--ow > div {
        width: 100%
    }

        #searchBox .flexiblesDates--ow > div + div {
            display: none
        }

#wrapper #searchBox .buscador_pasajeros_adults {
    width: 33.6%
}

#wrapper #searchBox .buscador_pasajeros_childs {
    width: 20.5%
}

#searchBox .buscador_pasajeros_adults a {
    background-color: #fff;
    border: 1px solid #b3b3b3;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    float: left;
    width: 34px;
    height: 40px;
    margin-right: -1px;
    font: 400 1.091em/40px verdana,sans-serif;
    text-align: center;
    text-decoration: none
}

#searchBox .buscador_pasajeros_adults .wrapper_elForm_select, #searchBox .buscador_pasajeros_adults .wrapper_elForm_select fieldset {
    margin-left: 0;
    width: 34px;
    padding: 0;
    box-shadow: none !important
}

#searchBox .buscador_pasajeros_adults select {
    padding: 0 0 0 7px;
    font: 400 1.091em/1 verdana;
    color: #000;
    height: 41px !important;
    outline: 0 none
}

    #searchBox .buscador_pasajeros_adults select:focus, #searchBox .buscador_pasajeros_adults select option:focus {
        outline: 0 none
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #searchBox .buscador_pasajeros_adults select {
        height: 38px !important
    }
}

@-moz-document url-prefix() {
    #searchBox .buscador_pasajeros_adults select {
        height: 38px !important
    }
}

#searchBox .buscador_pasajeros_adults .is.active, #wrapper .buscador_pasajeros_adults a:hover {
    background-color: #666;
    border-color: #999;
    color: #fff !important
}

#searchBox .buscador_pasajeros_adults fieldset.is.active select {
    background-color: #999;
    color: #fff !important
}

#searchBox .buscador_pasajeros_childs .wrapper_elForm_select, #searchBox .buscador_pasajeros_childs .elForm_select, #searchBox .buscador_pasajeros_infants .wrapper_elForm_select, #searchBox .buscador_pasajeros_infants .elForm_select {
    width: 100%
}

#searchBox [class*="buscador_pasajeros_"] em {
    font: 400 9px/1 verdana;
    display: block;
    padding-top: 4px
}

#searchBox #residentFamNumSelectorDiv {
    padding: 10px 8px 0
}

    #searchBox #residentFamNumSelectorDiv [class*="elForm_"] select {
        border-radius: 0
    }

#residentFamNumSelectorDiv .wrapper_elForm_select .elForm_select:after {
    z-index: 3;
    content: '' !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: block
}

.faresCalendar #searchBox #residentFamNumSelectorDiv {
    padding: 10px 0 0
}

.buscador-Col3 .botonBuscador {
    display: none
}

#searchBox.searchHorizontal .col_1-2-3 {
    width: 677px;
    position: relative
}

#searchBox.searchHorizontal .buscadorYellow .btSmall_arrow .bt_link {
    font-size: 1.27em !important
}

#searchBox.searchHorizontal .buscador, #searchBox.searchHorizontal .buscador-Col3 {
    position: relative;
    border-radius: 7px
}

#searchBox.searchHorizontal--fullWidth .buscador {
    position: relative;
    border-radius: 7px;
    margin: 0 0 20px;
    padding: 25px
}

#searchBox.searchHorizontal--fullWidth .buscador_radioTrip {
    width: 408px
}

#searchBox.searchHorizontal--fullWidth .buscador_destinations, #searchBox.searchHorizontal--fullWidth .buscador_calendar--ow {
    width: 47.6%
}

#searchBox.searchHorizontal--fullWidth .buscador_calendar {
    width: 51.9%
}

#searchBox.searchHorizontal--fullWidth .buscador_calendar, #searchBox.searchHorizontal--fullWidth .buscador_destinations, #searchBox.searchHorizontal--fullWidth .buscador_calendar--ow .elForm_textInput {
    display: inline-block;
    margin-right: 0
}

    #searchBox.searchHorizontal--fullWidth .buscador_destinations > .column_6, #searchBox.searchHorizontal--fullWidth .buscador_calendar--ow .elForm_textInput {
        width: 205px !important
    }

#searchBox.searchHorizontal--fullWidth .buscador_calendar--ow .buscadorCalendarWrap:after {
    display: none
}

#searchBox.searchHorizontal--fullWidth .buscador_destinations {
    margin-right: 12px !important
}

#searchBox.searchHorizontal--fullWidth .buscador_pasajeros, #searchBox.searchHorizontal--fullWidth .buscador_discounts {
    width: 337px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 11px
}

#wrapper #searchBox.searchHorizontal--fullWidth .buscador_pasajeros_adults {
    width: 153px
}

#wrapper #searchBox.searchHorizontal--fullWidth .buscador_pasajeros_childs {
    width: 76px
}

#wrapper #searchBox.searchHorizontal--fullWidth .buscador_pasajeros_babies {
    width: 94px
}

#searchBox.searchHorizontal--fullWidth .buscador_pasajeros_childs fieldset, #searchBox.searchHorizontal--fullWidth .buscador_pasajeros_babies fieldset {
    width: 57px
}

#searchBox.searchHorizontal--fullWidth .buscador_discounts, .wrapper_buscador_discounts_dropdown {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear
}

#searchBox.searchHorizontal--fullWidth .buscador_discounts {
    width: 269px;
    margin-top: 16px
}

.buscador_discounts .elForm_checkInput label {
    font-size: 1em
}

    .buscador_discounts .elForm_checkInput label:before, .buscador_discounts .elForm_checkInput input:checked + label:after {
        top: 50%;
        margin-top: -8px
    }

.buscador_discounts .elForm_checkInput input:checked + label:after {
    top: 50%;
    margin-top: -5px;
    margin-left: -1px
}

.wrapper_buscador_discounts_dropdown {
    height: 0
}

    .wrapper_buscador_discounts_dropdown .buscador_discounts_dropdown {
        visible: hidden
    }

#searchBox.searchHorizontal--fullWidth #residentFamNumSelectorDiv {
    padding: 0
}

.wrapper_buscador_discounts_dropdown {
    height: 0;
    display: block;
    overflow: hidden
}

#searchBox.searchHorizontal--fullWidth .buscador_discounts.checkAnimation {
    margin-top: -4px
}

.buscador_discounts.checkAnimation .buscador_discounts_dropdown {
    visibility: visible
}

.buscador_discounts.checkAnimation .wrapper_buscador_discounts_dropdown {
    height: 40px;
    margin-top: 8px
}

#wrapper .faresCalendar #searchBox .dropDown--buscador, .faresCalendar .wrapper_dropDown--buscador {
    width: 100%
}

#searchBox.searchHorizontal--fullWidth .botonBuscador {
    float: right;
    position: absolute;
    bottom: 12px;
    right: 9px;
    width: 200px
}

    #searchBox.searchHorizontal--fullWidth .botonBuscador .vy-btn {
        display: block;
        margin: 0;
        text-align: center;
        padding-left: 1.4em
    }

#searchBox.searchHorizontal--fullWidth .buscador_calendar--ow .elForm_textInput, .buscador_calendar_linkRoundTrip {
    vertical-align: middle
}

.buscador_calendar_linkRoundTrip {
    display: none;
    font-size: 10px;
    font-weight: 800;
    padding-left: 16px;
    line-height: 1.2em
}

#searchBox.searchHorizontal--fullWidth .buscador_calendar--ow .buscador_calendar_linkRoundTrip {
    display: inline-block;
    max-width: 164px
}

#searchBox.searchHorizontal--fullWidth .buscador--mc .buscador_calendar {
    width: auto
}

    #searchBox.searchHorizontal--fullWidth .buscador--mc .buscador_calendar .elForm_textInput:before {
        display: none
    }

    #searchBox.searchHorizontal--fullWidth .buscador--mc .buscador_calendar input {
        width: 100%
    }

        #searchBox.searchHorizontal--fullWidth .buscador--mc .buscador_calendar input.last {
            display: none
        }

#searchBox.search50 .buscador, #searchBox.search50 .buscador-Col3 {
    position: relative
}

#searchBox .buscadorGrey fieldset.elForm_radio--label {
    width: auto !important
}

#searchBox .buscadorGrey .elForm_radio--label label {
    background-color: rgba(0,0,0,.2);
    padding: 0 5px 0 5px !important
}

#searchBox .buscadorGrey .elForm_radio--label input:checked + label {
    background-color: #666;
    font-weight: 800;
    color: #fff
}

.buscadorGrey .colRow2--formBuscador {
    margin-top: 15px
}

#searchBox .byCode {
    position: relative
}

.input_byCode {
    position: relative;
    transition: all .2s
}

    .input_byCode span {
        position: absolute;
        line-height: 34px;
        font-size: 1.1em;
        padding: 2px 10px;
        color: #000;
        display: none;
        transition: all .2s
    }

#searchBox .byCode .input_byCode input {
    transition: all .2s;
    height: 38px;
    margin-top: 0
}

.byCode .input_byCode.on input {
    padding-left: 30px
}

.input_byCode.on span {
    display: block
}

.buscador .byCode .sectionBorder_layerSmall {
    top: 45px;
    display: none
}

#searchBox .select_ow select {
    padding-left: 41px;
    position: relative
}

.select_ow::before {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    content: "";
    background: url("../images/sprite-cms2.png") no-repeat -963px -2659px
}

#searchBox .select_ow option {
    padding: 5px 5px 5px 41px
}

#searchBox.promovuelos {
    margin-bottom: 40px;
    position: relative;
    height: 514px
}

    #searchBox.promovuelos .wrap_counter {
        padding-top: 20px;
        background-color: #fc0
    }

    #searchBox.promovuelos #messageCountdown {
        padding-left: 20px;
        padding-right: 20px;
        position: static !important
    }

.promovuelos .searcher_cell {
}

    .promovuelos .searcher_cell + .searcher_cell {
        padding-top: 20px;
        text-align: center
    }

@media(max-width:768px) {
    #searchBox.promovuelos .wrap_counter {
        position: absolute
    }

    #searchBox.promovuelos .buscador-Col3 h2 {
        z-index: 2;
        height: 58px;
        line-height: 48px
    }

    #searchBox.promovuelos #messageCountdown {
        position: absolute !important;
        text-align: right;
        height: 78px !important;
        line-height: 48px
    }

    .promovuelos .searcher_inner {
        display: table;
        width: 100%
    }

    .promovuelos .searcher_cell {
        display: table-cell;
        vertical-align: middle;
        padding-right: 20px;
        width: 66%
    }

        .promovuelos .searcher_cell + .searcher_cell {
            padding-right: 0;
            padding-left: 20px;
            padding-top: 0;
            width: 33%;
            background: url("../images/vertical_darkGreyDot.png") repeat-y left top
        }
}

.versionA .form_splash {
    width: auto;
    margin-bottom: 20px
}

.versionA #divBuscadorCalendar, .sem_splah_tpl_2 #divBuscadorCalendar, .sem_splah_tpl_4 #divBuscadorCalendar {
    width: 410px
}

.newDestination #divBuscadorCalendar {
    width: 420px
}

#ui-datepicker-div {
    width: auto !important
}

#datePickerUnblockBox {
    width: auto !important
}

.SearcherInteractiveMapDiv .dropDownContainer {
    position: relative
}

.ui-datepicker-wait div {
    visibility: hidden
}

.bcgrey07.search-precios {
    background-color: #efefef !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.resultsAjax_budgetSearch {
    min-height: 80px
}

    .resultsAjax_budgetSearch .loading {
        background-position: center 40%
    }

.search-slider_results {
    position: relative
}

.search-slider .elem-form label {
    float: left !important;
    margin-right: 22px;
    color: #666 !important
}

    .search-slider .elem-form label:last-child {
        margin-right: 0
    }

.search-slider .search-slider_label {
    display: block !important;
    padding: 0 0 8px 2px !important;
    font-size: 1.273em;
    font-weight: normal !important;
    font-family: "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif !important;
    color: #666 !important
}

.search-slider .elem-form label.slider {
    padding-bottom: 20px;
    width: 270px;
    background: url(../images/bg/slider-marks.png) repeat-x -2px bottom !important
}

.search-slider .priceCurrency {
    font-size: 1.8em
}

    .search-slider .priceCurrency_decimals, .search-slider .priceCurrency:after {
        position: relative;
        top: -1px;
        font-size: .8em
    }

.search-slider .priceCurrency_decimals {
    margin: 0 -9px 0 -7px
}

.search-slider .priceCurrency:after {
    margin-left: 4px
}

.search-slider .elem-form select {
    width: 14.286em !important;
    height: auto !important;
    padding: 4px 2px 4px 4px !important;
    font-size: 1.167em !important
}

.search-slider select#sDate {
    height: 29px !important;
    padding-bottom: 5px !important;
    vertical-align: middle
}

.slider #slider.ui-widget-content {
    width: 95%
}

.search-slider #slider {
    position: relative !important;
    height: 5px !important;
    margin: 7px 8px 0 !important;
    padding: 0 0 !important;
    border: 0 none !important;
    background: #666 !important;
    border-radius: 2px !important
}

    .search-slider #slider a {
        display: block !important;
        position: absolute !important;
        width: 39px !important;
        height: 29px !important;
        margin: -8px 0 0 -19px !important;
        padding: 0 !important;
        background: url(../images/btn/slider.png) no-repeat 0 0 !important;
        vertical-align: middle !important;
        border-width: 0 !important
    }

.search-slider .elem-form #amount2 {
    font-family: 'DTLProkyonTRegular','Myriad Pro',Verdana,Helvetica,sans-serif;
    color: #666;
    letter-spacing: -.03em
}

.search-slider #amount {
    width: 2.4em !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    color: #666 !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 31px !important;
    font-family: "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif;
    letter-spacing: -1px !important
}

label[for='sAirport'] .euro {
    font-size: 31px !important
}

.topoffers .grid {
    display: block
}

.topoffers .box.mix:hover {
    background: #e7e7e7 url(../images/bg/mix.png) repeat-y 50% 0
}

.box.mix .box-wtl {
    background-image: url(../images/bg/mix.png);
    background-repeat: repeat-y;
    background-position: 52% 0
}

.box.bcgrey01.mix.link-contenedor .box-wbr {
    padding: 10px
}

.grid2 .box.bcgrey01.mix.link-contenedor {
    width: 47.5%
}

.layout-3 .topoffers .grid2 .col2 {
    width: 48%;
    margin-left: 13px;
    padding: 0
}

    .layout-3 .topoffers .grid2 .col2 .cityDescription {
        height: 74px !important
    }

.box.mix .col1 {
    float: left;
    width: 48%
}

    .box.mix .col1 h2 {
        padding-left: 31px;
        background: url(../images/ico/recomended.png) no-repeat 0 0;
        background-position-y: 7px
    }

.box.mix .col2 {
    float: right;
    width: 41%;
    padding: 5px 12px 1px 0
}

    .box.mix .col2 h2 {
        color: #fff
    }

    .box.mix .col2 p {
        margin: 0 0 1em;
        color: #fff;
        font-size: .917em
    }

        .box.mix .col2 p.alignCenter {
            margin: 0 0 9px
        }

.topoffers_item_price_label {
    display: block;
    clear: both;
    font-family: 'DTLProkyonTRegular','Myriad Pro',Verdana,Helvetica,sans-serif;
    font-size: 17px;
    margin-bottom: 6px
}

.topoffers_item_price .priceCurrency {
    font-size: 2em
}

    .topoffers_item_price .priceCurrency_decimals, .topoffers_item_price .priceCurrency:after {
        position: relative;
        top: -1px;
        font-size: .8em
    }

.topoffers .btn_price-from {
    margin-bottom: .6em
}

    .topoffers .btn_price-from .modules .vy-btn {
        margin: 0 10px
    }

.topoffers h2, .landingContentWrap h2 {
    margin-bottom: 5px;
    font: normal 1.8em/1.9 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif;
    padding: 0 0 0 13px;
    background: url("../images/bg/arrow-right.png") no-repeat scroll 0 50% transparent
}

.topoffers img {
    display: block;
    margin: 0 12px 15px 12px
}

div.topoffers p.cityDescription {
    line-height: 1.5em !important
}

.cityDescription {
    height: 88px !important;
    overflow: hidden
}

.topoffers .btn {
    font-size: 1.364em !important
}

.topoffers p {
    margin: 0 5px 1em;
    color: #000;
    font-size: 1em
}

#wrapper .topoffers .box {
    height: 248px;
    background-color: #f7f7f7
}

    #wrapper .topoffers .box .box-wbr {
        height: 248px
    }

#wrapper .topoffers .link-contenedor.mix .vy-btn {
    margin-top: 0
}

.link-contenedor.byfor {
    width: 208px !important
}

#buscador.buscador-multicity .formRow.sel_idaVuelta, #buscador.buscador-multicity .formRow.sel_calendar {
    clear: none;
    float: none;
    width: 800px
}

.bcgrey06.space {
    width: 100%
}

#offers-results .grid6 {
    left: -3px;
    margin: 0 3px;
    position: relative;
    width: 16%
}

#offers-results .grid {
    clear: both;
    overflow: hidden;
    padding-bottom: 1%;
    position: relative
}

#offers-results .box.bcgrey06 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#offers-results .box-wbr {
    height: 140px;
    padding: 0 0 18px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#offers-results .box .box-wtl {
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#offers-results h2 {
    margin: 4px 6px;
    font-size: .99em;
    display: table;
    width: 92%;
    height: 26px;
    vertical-align: middle
}

#offers-results .box.bcgrey06 {
    background-color: #f0f0f0;
    border: 2px solid #f0f0f0
}

#offers-results .box:hover {
    background: #e0e0e0
}

#offers-results .box-wbr {
    padding: 3px 0 14px
}

#offers-results img {
    margin-bottom: .5em
}

#offers-results .btn {
    font-size: 1.364em
}

#offers-results {
    overflow: auto
}

* #offers-results .box.bcgrey06 {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

#offers-results a:hover .box.bcgrey06, #offers-results a.active .box.bcgrey06 {
    background-color: #fff;
    border: 2px solid #fc0
}

#offers-results .box.bcgrey06.space {
    cursor: pointer;
    text-align: center
}

.searcher-fixed-dates input#marketDate1, .searcher-fixed-dates input#marketDate2 {
    padding: 4px 3px 3px
}

#loadingPageMap {
    display: block;
    position: absolute;
    z-index: 10;
    left: 4px;
    top: 10px
}

    #loadingPageMap .ContentLoadingPageMap {
        width: 907px;
        height: 615px
    }

.icoLoading {
    display: block;
    width: 59px;
    height: 58px;
    background: url(../../skysales/images/VuelingBase/loading.gif) 0 0 no-repeat;
    margin: 250px auto 0
}

.box.bcgrey07.checkin-cursor .boxbg-twtl {
    display: none
}

#wrapper .bcgrey07.checkin-cursor {
    cursor: default;
    background-color: #f0f0f0
}

.header-box {
    margin-bottom: 1.1em;
    padding: 3px 10px 0;
    line-height: 1.4em
}

    .header-box .title.t7 h2 {
        font-family: "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        font-size: 1.3em !important;
        font-weight: normal;
        margin-bottom: .4em !important
    }

    .header-box p {
        margin-bottom: 1em
    }

.checkform {
    width: 62%;
    overflow: hidden
}

    .checkform.right {
        padding-right: 0 !important
    }

div.container ol li {
    list-style-type: none;
    margin-left: 53px;
    margin-bottom: 5px;
    line-height: 1.2
}

.redBorder ol li {
    color: #d2460c
}

.container label.error {
    display: inline !important
}

.checkform label {
    display: block;
    margin-bottom: 1em
}

.checkform label {
    display: block;
    margin-bottom: 1em
}

    .checkform label span {
        display: inline-block;
        font-weight: bold;
        padding-right: 4px;
        text-align: right;
        width: 38%
    }

    .checkform label input {
        border: 1px solid #999;
        box-shadow: 0 1px 5px #ddd inset;
        padding: 5px;
        width: 55%
    }

#btnCheck-inP {
    padding-right: 0 !important;
    float: left;
    margin: 10px 0 10px 155px
}

.boxbg-twtl, .boxbg-twbl {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px
}

.boxbg-twtr, .boxbg-twbr {
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 12px
}

.boxbg-twtr {
    background-image: url("../images/bg/box-twtr.png")
}

.boxbg-tw-top {
    background: none repeat scroll 0 0 #fff;
    height: 12px
}

.features-2colCheckIn {
    padding: 0 10px 0 20px
}

.boxbg-tw-center {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    padding: 15px;
    border-radius: 10px
}

.features-2col p {
    margin-bottom: 1em
}

.features-2col li {
    float: left;
    width: 42.5% !important
}

select#sOrigin {
    border: 1px solid #999;
    box-shadow: 0 1px 5px #ddd inset;
    padding: 5px;
    width: 40%;
    float: left;
    margin-right: 15px
}

.subtitle {
    font: normal 1.666em/1.3em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: 1.3em;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 8px 7px 0
}

.faq-10 {
    margin: -12px 0 4em
}

    .faq-10 > li {
        position: relative
    }

    .faq-10 .js-slide-link {
        font-size: 1.083em;
        background: url(../images/bg/slide-down.png) no-repeat 99% center;
        display: block;
        line-height: 1.4em;
        padding: 18px 28px 20px 48px;
        border-bottom: 1px solid #efefef;
        margin-bottom: -1px
    }

    .faq-10 .faq-content {
        margin-bottom: 0;
        padding-bottom: 10px;
        border-bottom: 3px solid #efefef
    }

.faq-content li {
    margin-bottom: 1.6em
}

.faq-10 .js-slide-layout {
    display: none
}

.faq-10 .js-slide-active {
    background-image: url(../images/bg/slide-up.png);
    font-weight: bold
}

.faq-content {
    line-height: 1.4em;
    margin-bottom: 2.8em
}

    .faq-content p, .faq-content li {
        margin-bottom: 1.6em
    }

.faqCheckin_formSel select {
    width: 30%;
    margin-left: 10px;
    float: left;
    margin-top: 7px
}

a:link.js-slide-link {
    color: #990;
    text-decoration: underline
}

a:hover.js-slide-link {
    color: #b0b900
}

#checkinTable .box.bcyellow {
    background-color: #fff
}

#wrapper .bcyellow {
    border: 3px solid #fc0
}

select[id="sOrigin"] .sOriginCheckIn {
    border: 1px solid #999;
    box-shadow: 0 1px 5px #ddd inset;
    padding: 5px;
    width: 30%
}

select[id="sDestination"] {
    border: 1px solid #999;
    box-shadow: 0 1px 5px #ddd inset;
    padding: 5px;
    width: 30%
}

.faqCheckin_formSel p {
    width: 30%;
    float: left
}

.box .bl .bottom .boxFooter_grey {
    position: relative;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    background-color: #fff;
    background-color: #f0f0f0;
    padding: 15px;
    margin-top: 10px
}

.box .bl .boxFooter_grey .arrow_white {
    position: absolute;
    top: 0;
    left: 50px;
    width: 18px;
    height: 9px;
    background: url(../images/sprite-cms2.gif) -699px -1005px no-repeat
}

.halfBox.col1pref > div:first-child {
    width: 55% !important
}

.halfBox.col1pref > div {
    width: 45% !important
}

.halfLinebox .colHalf_2, .halfBox .colHalf_2 {
    float: right
}

.checklist.inlineList li:first-child {
    margin-left: 0
}

.checklist.inlineList li {
    width: 38%;
    display: inline-block;
    padding-right: 0;
    margin-left: 10px
}

.inlineList li {
    display: inline-block !important;
    float: left !important
}

.icoMsgError_bf {
    padding-left: 63px;
    min-height: 30px;
    padding-top: 10px
}

    .icoMsgError_bf:before {
        top: 0;
        width: 44px;
        height: 41px;
        background-position: -953px -1416px
    }

.wrap_round_select select {
    background: rgba(255,255,255,0);
    border: 0;
    outline: 0;
    width: 120%;
    position: relative;
    z-index: 2;
    margin: 0
}

.calendar-flight-status span.wrap_round_select {
    margin-right: 0;
    border: 1px solid #b3b3b3;
    box-shadow: 0 3px 4px #eaeaea inset;
    cursor: text;
    background: url("../images/bg/dropdownBackground.png") !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
    background-color: #fff !important;
    width: 238px;
    border-radius: 0;
    height: 23px
}

.wrap_round_select {
    overflow: hidden;
    padding: 4px 20px 4px 3px;
    position: relative;
    top: 2px
}

.calendar-flight-status span.wrap_round_select select {
    text-indent: 0;
    width: 126%;
    font-size: 15.4px;
    color: #000;
    cursor: inherit;
    padding-top: 2px
}

.grid.grid3.seats .box .center {
    height: 0 !important;
    min-height: 22.2636em !important
}

.seats .box h2 {
    background-image: url("../images/ico/circle-black.png");
    padding: 0 0 0 20px
}

.seats.grid .box {
    background-color: #fff
}

.seats .box.bcgrey08 {
    margin-left: 8px;
    width: 202px
}

.seats-masinfo-btn {
    text-align: right
}

.modules .seats-masinfo-btn .vy-btn {
    min-width: auto;
    margin: 0 10px 2px 0;
    font-size: 11px;
    padding-left: 1.3em;
    padding-right: 1.4em
}

.down-box a:link, .down-box a:visited {
    color: #990;
    text-decoration: underline
}

.sep-corner {
    background: url("../images/bg/sep-corner.png") no-repeat scroll center top rgba(0,0,0,0);
    height: 60px
}

.line-yellow .sep-corner {
    background-color: #fc0
}

.line-yellow .down-box {
    border-color: #fc0
}

.down-box {
    border-left: 3px solid #990;
    border-right: 3px solid #990;
    margin-top: -33px;
    padding: 60px 12px 10px
}

    .down-box p {
        margin-bottom: 1.7em
    }

.box9 .br9sn {
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    background-color: #fff;
    position: relative
}

.bl9sn.amarillo {
    background-color: #fff;
    border: 3px solid #fc0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    position: relative
}

.box9 .bl9sn {
    margin-top: -5px
}

.box9 .bottom9sn {
    height: 22px
}

.titlebox .box-derBaggage {
    float: right;
    width: 70%
}

.specialPassengers .row {
    margin-right: -8px !important
}

.grid--mosaicServices {
    padding: 10px;
    margin: -1% -1.3%
}

.grid2.grid--mosaicServices .box {
    margin: 1% 1.6%;
    width: 45.5%;
    border-width: 4px
}

    .grid2.grid--mosaicServices .box, .grid2.grid--mosaicServices .box .center {
        border-radius: 20px;
        -webkit-border-radius: 20px
    }

        .grid2.grid--mosaicServices .box .box__title {
            text-align: center;
            font-size: 1.27em !important;
            margin-top: 20px
        }

        .grid2.grid--mosaicServices .box .box__description {
            text-align: center;
            min-height: 40px;
            color: #000;
            font-size: 1.091em !important
        }

.layout-2 .box .seats-info p.right {
    margin-top: 15px
}

.boxIcons.boxSolid {
    padding: 15px
}

.boxIcons .title4 {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin-top: 5px
}

.boxSolid .list-services li {
    width: 25%;
    float: left;
    display: table;
    margin-bottom: 30px
}

.list-services li:nth-child(4n+1) {
    clear: left
}

.boxSolid .list-services .icon-service, .boxSolid .list-services .text-service {
    display: table-cell;
    vertical-align: middle
}

.boxSolid .list-services .icon-service {
    width: 35%;
    vertical-align: top;
    text-align: center
}

    .boxSolid .list-services .icon-service [class^="icon-"] {
        font-size: 35px
    }

.boxSolid .list-services .text-service p {
    width: calc(100% - 15px);
    font: normal 1.2em/1.3em "Verdana",Helvetica;
    color: #666
}

@media(max-width:768px) {
    .boxSolid .list-services li {
        width: 50%
    }

    .list-services li:nth-child(2n+1) {
        clear: left
    }
}

@media(max-width:480px) {
    .boxSolid .list-services li {
        width: 100%;
        clear: none
    }

    .boxSolid .list-services .icon-service {
        width: 25%
    }
}

.textLeft {
    padding-right: 30px;
    padding-left: 0
}

.buttonRight {
    padding-right: 0;
    padding-left: 30px;
    margin-top: 30px
}

    .buttonRight .textLg {
        margin-bottom: 25px
    }

    .buttonRight .btnResp .wrap_btSmall_arrow .boton_vp.btSmall_arrow.bt_yellow .bt_link {
        font-size: 18px !important
    }

.titleIcon .title4, .titleIcon .textLg {
    padding-left: 45px
}

.wrap-table-salasVIP {
    display: inline-block;
    clear: both;
    line-height: 14px
}

    .wrap-table-salasVIP table {
        margin-bottom: 16px;
        border-bottom: 1px solid #e1e1e1
    }

    .wrap-table-salasVIP .noinputs th, .wrap-table-salasVIP .noinputs th > div {
        height: auto;
        min-height: 23px
    }

    .wrap-table-salasVIP th {
        padding: 0;
        height: 68px;
        vertical-align: top;
        text-align: left
    }

    .wrap-table-salasVIP .table-col1 > div {
        border-radius: 10px 0 0;
        border-left: 0
    }

    .wrap-table-salasVIP .table-col2 > div {
        border-radius: 0 10px 0 0
    }

    .wrap-table-salasVIP th > div {
        background-color: #e8e8e8;
        border-left: 1px dotted #ccc;
        display: block;
        height: 55px;
        padding: 20px;
        position: relative
    }

    .wrap-table-salasVIP .th-title {
        font: bold 1.091em/1.2 verdana;
        color: #000;
        margin-bottom: 0;
        display: inline-block
    }

    .wrap-table-salasVIP .noinputs .th-title {
        padding-top: 0
    }

    .wrap-table-salasVIP .table-col1 {
        width: 210px
    }

    .wrap-table-salasVIP .table-col2 {
        width: 470px
    }

    .wrap-table-salasVIP tbody tr.grey td {
        background-color: #f3f3f3;
        border-left: 1px dotted #ccc;
        border-bottom: 1px solid #e1e1e1
    }

    .wrap-table-salasVIP tbody td {
        border-left: 1px dotted #e1e1e1;
        border-top: 1px solid #e1e1e1;
        vertical-align: middle;
        padding: 18px 18px 11px 18px
    }

    .wrap-table-salasVIP td:first-child, .wrap-table-salasVIP tr.grey td:first-child {
        border-left: 0
    }

    .wrap-table-salasVIP .salaTerminal span:first-child {
        width: 345px !important;
        float: left
    }

    .wrap-table-salasVIP .salaTerminal span.moreInfo {
        float: right
    }

.wrap_btSmall_plus, .wrap_btSmall_download {
    text-align: right
}

    .wrap_btSmall_plus .btSmall .bt_link, .wrap_btSmall_download .btSmall .bt_link {
        font: 800 1em/1.2 Verdana !important;
        font-size-adjust: .58;
        position: relative;
        text-decoration: none;
        color: #666;
        display: block;
        padding: 2px 26px 2px 0;
        text-align: center !important
    }

    .wrap_btSmall_plus .bt_yellow .bt_link {
        background: url(../images/VuelingBase/sep_btSmallYellow_plus.png) right center no-repeat !important
    }

.wrapperCenter_plusButton, .wrapperCenter_plusButton [class*="_plus"] {
    display: inline-block;
    float: none;
    text-align: center;
    width: 100%
}

    .wrapperCenter_plusButton [class*="_plus"] {
        width: auto
    }

.wrapperWidth80_plusButton {
    width: 80% !important
}

    .wrapperWidth80_plusButton .bt_yellow {
        text-align: center !important;
        width: 90%
    }

.wrap_btSmall_plus .bt_cancel, .wrap_btSmall_plus--border .btBorder:first-child {
    display: none
}

.wrap_btSmall_plus.is.active .btBorder:first-child, .wrap_btSmall_plus.is.active .bt_cancel {
    display: block
}

.sectionSelected .wrap_btSmall_plus .bt_yellow .bt_link, .sectionSelectedOne .wrap_btSmall_plus .bt_yellow .bt_link, .wrap_btSmall_plus.is.active .bt_yellow .bt_link {
    background: url(../images/VuelingBase/sep_btSmallYellow_ok.png) right center no-repeat !important
}

.wrap_btSmall_plus.is.active {
    padding-right: 33px !important;
    box-sizing: border-box
}

.bt_cancel, .wrap_btSmall_plus--border .btBorder:first-child {
    width: 34px;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0
}

.wrap_btSmall_plus .btBorder:first-child .bt_cancel {
    position: relative
}

.bt_cancel:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 6px;
    left: 50%;
    margin-left: -5px;
    height: 11px;
    width: 11px;
    top: 2px;
    background: url(../images/sprite-cms2.gif) no-repeat -6px -231px
}

.wrap_btSmall_plus .btBorder, .wrap_btSmall .btBorder {
    position: relative;
    border-radius: 10px !important;
    font-size: 1em !important;
    background-color: #fff;
    padding: 2px
}

.wrap_btSmall .btBorder {
    margin: 0 !important
}

.wrap_btSmall_plus .btBorder a {
    float: none;
    margin: 0 !important
}

.wrap_btSmall_plus .boton_vp, .wrap_btSmall_plus .btBorder {
    margin-left: 0
}

    .wrap_btSmall_plus .boton_vp:first-child, .wrap_btSmall_plus .btBorder:first-child {
        margin-left: 3px
    }

    .wrap_btSmall_plus .boton_vp, .wrap_btSmall_plus .boton_vp:before, .wrap_btSmall .btBorder .boton_vp, .wrap_btSmall .btBorder .boton_vp:before, .wrap_btMedium_plus .boton_vp, .sectionInsurance .sectionPiece--noSeat .boton_vp, .sectionInsurance .sectionPiece--noSeat .boton_vp:before {
        border-radius: 8px
    }

.popupInfoSalasVIP .btnResp {
    float: right;
    margin-top: -36px
}

.infoServicios.boxSolid {
    padding: 15px;
    margin-top: 10px
}

.iconosServicios {
    width: 100%;
    font-size: 35px
}

    .iconosServicios [class*="icon-"] {
        width: 50px;
        text-align: center;
        display: inline-block
    }

.popupInfoSalasVIP_content .yellowBulletList .deco {
    margin-top: 6px;
    margin-right: 8px
}

.popupInfoSalasVIP_content .yellowBulletList .textMd p {
    font-size: 12px
}

.infoServicios .genericDownList {
    width: 20px;
    height: 20px;
    background: url(../images/bg/slide-down.png) no-repeat 99% center;
    display: block;
    float: right;
    cursor: pointer
}

.airportSearcher.boxbg .center {
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #f7f7f7;
    border: 3px solid #f1f1f1;
    padding: 12px
}

.search-single {
    margin-bottom: 2em;
    padding-bottom: 2em
}

    .search-single .elem-form label span {
        font: 1.25em/1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        padding-right: 10px
    }

    .search-single .elem-form {
        margin: 0
    }

.airport-detail h1 {
    font: 1.666em/1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: 1em;
    background: url(../images/bg/arrow-right.png) no-repeat left;
    padding-left: 16px;
    color: #999
}

.airport-detail .box-wbr {
    padding: 8px
}

.layout-2 .airport-detail .col1 {
    width: 68%
}

.airport-detail .col1 {
    width: 68%;
    float: left;
    margin-right: 12px;
    overflow: hidden
}

.layout-2 .airport-detail .col2 {
    width: 30%
}

.airport-detail .box-gbr {
    padding: 16px
}

.airport-detail p {
    margin-bottom: 1.4em
}

.search-single .elem-form select {
    width: 40%;
    line-height: 1.7
}

.elem-form label select, .elem-form .mobileinput select {
    height: 27px;
    padding: 5px;
    vertical-align: middle;
    width: 100%
}

#CochesYHotelesResultsContainer.resultsAjax .m-box {
    width: 62em
}

    #CochesYHotelesResultsContainer.resultsAjax .m-box .mb {
        width: 48%
    }

        #CochesYHotelesResultsContainer.resultsAjax .m-box .mb .box {
            margin-right: 2%
        }

#CochesYHotelesResultsContainer .threebox .center {
    margin-bottom: 0;
    padding: 10px 0
}

#CochesYHotelesResultsContainer .center #cityheaderTitle {
    padding-left: 18px
}

.offers img {
    margin-bottom: .7em
}

.ct_widgetcontainer {
    margin: 0 auto !important
}

#spanCarTitle, #spanHotelTitle {
    font-family: Verdana,Geneva,sans-serif;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    padding-left: 8px
}

#CochesYHotelesResultsContainer img {
    margin: .7em 0 0 -4px
}

#carsData .loading, #hotelsData .loading {
    margin-left: -8px
}

#wrapper .titlebox .icobox {
    float: left;
    margin-left: 13px
}

.box.feeBox-basic .contH2 {
    background-color: #fff;
    color: #666
}

.box.feeBox .imgIntro {
    width: 100%
}

.imgIntro {
    border-top: 1px solid #fff
}

.box.feeBox-optima .icoFamFare {
    width: 88px
}

.box.feeBox-basic .icoFamFare {
    width: 19px
}

.box.feeBox .box-wtr .center {
    padding: 13px 7px 22px !important;
    margin: 0;
    border-radius: 8px
}

.icoFamFare {
    width: 123px;
    height: 19px;
    background-position: -648px -787px
}

.box.feeBox .box-wtr .center p:first-child {
    min-height: 80px
}

.box.feeBox .box-wtr .center .btn span span {
    padding-right: 60px
}

.box.feeBox-optima .contH2 {
    background-color: #fc0
}

.travelDocumentation {
    line-height: 17.3px
}

.tableTypeDocument {
    width: 100%;
    display: table;
    position: relative
}

.boxInformation {
    display: table-row;
    height: 100%
}

.boxInformation-tabs div .tabFamFareTable-optima {
    background-color: #fc0;
    color: #fff;
    height: 48px
}

.boxInformation-tabs .tabFamFareTable-optima a {
    color: #666
}

.boxInformation-tabs div .tabFamFareTable-excellence {
    background-color: #666;
    color: #fff
}

.boxInformation-tabs .tabFamFareTable-excellence a {
    color: #fc0
}

.box.feeBox-excellence .contH2 {
    background-color: #666;
    color: #fff
}

.titlebox .contH2 {
    position: relative;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    z-index: 0;
    display: block
}

.boxInformation .firstElement {
    margin-left: 0 !important
}

.famFareTable .boxInformation .itemInformation {
    width: 130px;
    padding: 14px 13px 14px;
    text-align: center;
    vertical-align: middle
}

.famFareTable .boxInformation .firstElement {
    width: 455px;
    padding-left: 4px;
    text-align: left
}

.tableTypeDocument .titlesDocuments .documentName {
    padding: 20px;
    height: auto;
    width: 15%;
    border: 1px solid #e1e1e1;
    zoom: 1;
    text-align: center;
    background: #f3f3f3;
    display: table-cell;
    vertical-align: middle
}

.tableTypeDocument .titlesDocuments .titleDocument p {
    padding-bottom: 0
}

.boxInformation .itemInformation {
    border: 1px solid #e1e1e1;
    height: 100%;
    background: #fff;
    margin-left: -4px;
    margin-top: -2px;
    display: table-cell;
    text-align: center;
    padding: 15px;
    vertical-align: middle
}

.boxInformation-tabs .itemInformation {
    border: none;
    padding: 0 2px !important;
    vertical-align: bottom !important
}

.boxInformation-tabs div .tabFamFareTable {
    position: relative;
    width: 120px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    padding: 10px 15px 13px;
    text-align: left;
    display: table-cell;
    vertical-align: bottom
}

.boxInformation-tabs div .tabFamFareTable-basic {
    background-color: #fff;
    color: #666;
    border: 2px solid #e5e5e5;
    border-bottom: 0
}

.boxInformation-tabs div .tabFamFareTable h2 {
    font: 400 1.3em/1.4 DTLProkyonTRegular,Verdana,Geneva,sans-serif
}

.famFareTable .titleDocument h3 {
    margin-bottom: 4px;
    position: relative;
    padding-right: 32px;
    display: inline-block
}

.famFareTable div a {
    padding-left: 8px;
    position: relative
}

.boxInformation-tabs .tabFamFareTable-basic a {
    color: #990
}

.famFareTable .titleDocument {
    margin-top: 3px;
    line-height: 17px;
    padding-left: 98px;
    width: 78%
}

.travelDocumentation .titleDocument p {
    margin-left: 0;
    padding: 0
}

.famFareTable .titleDocument p {
    font-weight: normal
}

.boxInformation .firstElement {
    margin-left: 0 !important
}

.famFareTable .boxInformation .itemInformation {
    width: 130px;
    padding: 14px 13px 14px;
    text-align: center;
    vertical-align: middle
}

.famFareTable .boxInformation .firstElement {
    width: 455px;
    padding-left: 4px;
    text-align: left
}

.famFareTable .itemInformation.highlight {
    background: #eaeaea url(../images/sprite-cms2.gif) 0 -1405px no-repeat
}

.famFareTable .price {
    font-size: 1.1em;
    font-weight: 800
}

.tableTypeDocument .wrap-tab span, .feeCol-optima .box-tab-left span {
    background-color: #fc0;
    color: #fff
}

.wrap-tab span {
    position: relative;
    float: left;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    padding: 8px 15px 6px;
    font-size: 1.2em;
    font-weight: 800
}

.box-tab {
    margin-top: 60px
}

    .box-tab.nextOffers {
        margin-top: 30px
    }

.tableTypeDocument.nextOffers .itemInformation {
    background-color: #f5f5f5
}

.titleDocument p {
    padding-bottom: 10px;
    font-weight: 700
}

.boxInformation-footerLinks .itemInformation {
    border: none;
    padding-top: 15px !important;
    vertical-align: top !important;
    background-color: #fff !important
}

.imgIntroFee {
    width: 683px;
    height: 100px;
    margin-bottom: 35px
}

.linkComparativaFF {
    position: relative;
    display: block
}

.famFareList .intro-img {
    overflow: visible;
    display: inline-block;
    width: 100%
}

.icoList .intro-img .left {
    width: 90px;
    margin-bottom: 0
}

.intro-img .intro-txt {
    margin: 0
}

.icoList .intro-img .right p {
    font-size: 1em
}

.icoList .intro-img .right {
    margin-left: 91px !important;
    padding-top: 0
}

.icoList .intro-img .intro-txt h3 {
    font: 800 1.23em/1.3 Verdana,Geneva,sans-serif;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    padding-right: 36px
}

.icoList a.btn {
    margin: 10px 0 10px 88px
}

.wrap-tab.box-tab-left {
    text-align: left;
    left: 5px
}

.wrap-tab {
    position: absolute;
    top: -31px
}

.feeCol-excellence .box-tab-left span {
    background-color: #666;
    color: #fff
}

.tableTypeDocument.box-tab.nextOffers {
    margin-top: 60px
}

.famFareTable .boxInformation:hover .itemInformation {
    border-color: #fc0 #e1e1e1 #fc0
}

    .famFareTable .boxInformation:hover .itemInformation.firstElement {
        border-left-color: #fc0
    }

    .famFareTable .boxInformation:hover .itemInformation.lastElement {
        border-right-color: #fc0
    }

.boxInformation-tabs div a span.arrow {
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 8px
}

.sep-corner {
    background: url("../images/bg/sep-corner.png") no-repeat scroll center top rgba(0,0,0,0);
    height: 60px
}

.line-yellow .sep-corner, .line-yellow .bl9sn {
    background-color: #fc0 !important
}

.down-box {
    min-height: 50px
}

.down-box {
    border-left: 3px solid #990;
    border-right: 3px solid #990;
    margin-top: -33px;
    padding: 60px 12px 10px
}

.line-yellow .down-box {
    border-color: #fc0
}

#wrapper .bl9sn.amarillo {
    background-color: #fff;
    border: 3px solid #fc0;
    border-top: none;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    position: relative
}

.box9 .bottom9sn {
    height: 22px
}

.box9 .br9sn {
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    background-color: #fff;
    position: relative
}

.checklist1 li {
    background: url("../images/bg/checkli-yellow.png") no-repeat scroll 0 .3em rgba(0,0,0,0);
    margin-bottom: .9em;
    padding: 2px 0 2px 28px
}

.visa-radio legend {
    padding-bottom: 1.8em
}

.visa-radio li {
    display: inline
}

    .visa-radio li label {
        cursor: pointer;
        display: inline-block;
        margin: 0 0 2.5em 2em
    }

    .visa-radio li:first-child label {
        margin-left: .2em
    }

    .visa-radio li input {
        margin: 4px 4px 0 0;
        vertical-align: top
    }

.right form#formVisa p.m-bottom {
    margin-top: -31px
}

.visavuelingpopup .js-scroll .viewport {
    height: 60px
}

#formEnvioExtravioEquipaje .form {
    color: #999;
    font: 1.1em/1.2em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica
}

    #formEnvioExtravioEquipaje .form fieldset {
        width: 90%;
        margin: 0 auto
    }

    #formEnvioExtravioEquipaje .form legend {
        border-bottom: 1px solid #e1e1e1;
        color: #999;
        float: left;
        font: .1em/.1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        padding: 0;
        position: static;
        width: 100%;
        margin-bottom: 15px
    }

    #formEnvioExtravioEquipaje .form label {
        margin-bottom: 1.5em;
        clear: left;
        width: 30%;
        float: left;
        text-align: right;
        margin-right: 10px;
        padding-top: 9px;
        font: 800 1.09em/1.2 Verdana
    }

    #formEnvioExtravioEquipaje .form .rb {
        float: left;
        clear: none;
        width: auto
    }

        #formEnvioExtravioEquipaje .form .rb span {
            margin-left: 5px
        }

    #formEnvioExtravioEquipaje .form .fields {
        width: 100%;
        margin-left: 0
    }

    #formEnvioExtravioEquipaje .form input, #formEnvioExtravioEquipaje .form select {
        clear: right;
        float: left
    }

    #formEnvioExtravioEquipaje .form select {
        vertical-align: middle;
        width: auto;
        padding: 4px 4px 4px 3px;
        height: 2.4em;
        border: 1px solid #bbb;
        -webkit-box-shadow: inset 0 1px 5px #ddd;
        -moz-box-shadow: inset 0 1px 5px #ddd;
        box-shadow: inset 0 1px 5px #ddd;
        color: #555;
        margin-right: 6px
    }

#formEnvioExtravioEquipaje .chkConex {
    margin-top: 10px
}

    #formEnvioExtravioEquipaje .chkConex input, #formEnvioExtravioEquipaje .chkConex span {
        margin-right: 10px
    }

#formEnvioExtravioEquipaje .apart {
    float: left;
    clear: both;
    margin: 15px 0 15px 100px
}

.txtFormLocalizator {
    padding-bottom: 31px
}

#formEnvioExtravioEquipaje .buttons {
    margin-top: 0 !important;
    padding-left: 57px !important;
    margin: -4em 0 3em
}

    #formEnvioExtravioEquipaje .buttons .btn {
        margin-right: 1em;
        width: auto;
        font-size: 1.5em
    }

#formEnvioExtravioEquipaje .btn {
    color: #666 !important;
    cursor: pointer;
    display: inline-block;
    font-family: "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    font-size: 1.25em;
    line-height: 1em !important;
    overflow: visible;
    text-decoration: none !important;
    vertical-align: middle
}

#formEnvioExtravioEquipaje .buttons, .form .rb-label {
    margin-left: 173px !important;
    padding-left: 12px
}

.head-block-conditions {
    border-bottom: 2px solid #ededed;
    height: 30px
}

.basetxt {
    clear: both;
    line-height: 1.45em;
    margin-bottom: 3em;
    padding: 0 12px 0 4px
}

    .basetxt p {
        margin-bottom: 1.4em
    }

.title-conditions {
    float: left;
    font-size: 1.4em;
    font-weight: 400
}

ul.newsletter.checklist {
    margin-bottom: -6px
}

.frmNewsletter label, .frmStandard label {
    display: block;
    margin-bottom: 1em
}

    .frmNewsletter label span, .frmStandard label span {
        display: inline-block;
        font-weight: bold;
        padding-right: 10px;
        text-align: right;
        width: 27%
    }

#frmAlta select {
    border: 1px solid #999;
    box-shadow: 0 1px 5px #ddd inset;
    color: #111;
    padding: 4px;
    line-height: 24px;
    width: 226px;
    margin: 0
}

#wrapper.home input#ftSubscribe2 {
    padding: 0 0 0 6px !important;
    width: 223px;
    height: 29px
}

#frmAlta input, select, textarea {
    color: #111;
    font-family: "Verdana",Tahoma,Arial,Helvetica,Sans-serif;
    font-size: 12px;
    margin: 0
}

.newsletter input, .typeTxt {
    border: 1px solid #999;
    box-shadow: 0 1px 5px #ddd inset;
    margin-right: 10px;
    padding: 6px;
    width: 50%
}

.frmNewsletter p label.conditions {
    margin-left: 122px
}

#frmAlta.frmNewsletter p label input#conditions {
    width: auto;
    float: left !important
}

.frmNewsletter p label span.conditions {
    display: inline-block;
    font-weight: normal;
    padding-left: 10px;
    width: 80%;
    text-align: left
}

#frmAlta.mv_button, #btnBaja.mv_button {
    margin-left: 122px
}

.conditions a.mostrar {
    color: #990;
    text-decoration: underline
}

    .conditions a.mostrar:hover {
        color: #bb0
    }

.wrap_round_select select {
    background: rgba(255,255,255,0);
    border: 0;
    outline: 0;
    width: 120%;
    text-indent: 25px;
    position: relative;
    z-index: 2;
    margin: 0
}

.box h3.header {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    background-color: #666;
    color: #fff
}

#wrapper .grid-Col3 .colRow .col .box .box-content div.clearfix {
    padding-left: 0 !important
}

.estate-detail-box-suscription input.typeTxt {
    width: 256px !important
}

.calendar-flight-status span.wrap_round_select {
    margin-right: 0
}

.calendar-flight-status span.wrap_round_select {
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: 0 3px 4px #eaeaea inset;
    -moz-box-shadow: 0 3px 4px #eaeaea inset;
    box-shadow: 0 3px 4px #eaeaea inset;
    cursor: text;
    background: url("../images/bg/dropdownBackground.png") !important;
    background-repeat: no-repeat !important;
    background-position: 93% center !important;
    background-color: #fff !important;
    width: 238px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 23px
}

    .calendar-flight-status span.wrap_round_select select {
        text-indent: 0;
        width: 126%;
        font-size: 15.4px;
        color: #000;
        cursor: inherit;
        padding-top: 2px
    }

.flight-status .calendar-flight-status span.wrap_round_select select {
    font-size: 1.3em
}

.wrap_round_select {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #ccc;
    background-color: #fff;
    float: left;
    overflow: hidden;
    padding: 4px 20px 4px 3px;
    width: 200px;
    position: relative;
    top: 2px
}

    .wrap_round_select select {
        background: rgba(255,255,255,0);
        border: 0;
        outline: 0;
        position: relative;
        z-index: 2;
        margin: 0
    }

.flight-status .by-flight-code .input-code #flightNumber {
    width: 227px !important
}

.flightStatus .byCode .input_byCode #flightNumber {
    width: 100% !important;
    padding: 5px 3px 6px 33px
}

.flightStatus .byCode .vy {
    position: absolute;
    left: 12px;
    top: 10px;
    top: 9px\9;
    color: #000;
    font-size: 15.4px;
    font-family: Verdana,sans serif
}

.wifi .row img.lg, .wifi .row img.md {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 10px
}

.wifi .row img.md {
    width: auto;
    padding-left: 10px
}

.wifi .row img.sm, .wifi .row img.xs {
    display: none
}

.wifi .wrap-table-estado-vuelos {
    display: block;
    margin-top: 30px;
    margin-left: 10px
}

    .wifi .wrap-table-estado-vuelos p {
        margin-left: 20px
    }

    .wifi .wrap-table-estado-vuelos .table-col4 > div {
        border-radius: 0 10px 0 0
    }

.wifi .faqsContainer .yellowArrowList .deco2 {
    width: 25px;
    height: 30px;
    top: -3px;
    background: url(../images/bg/slide-down.png) no-repeat 99% center;
    display: block;
    float: right;
    cursor: pointer
}

.wifi .faqsContainer .sepDotsGrey {
    padding: 5px 0 20px;
    margin-left: 17px;
    width: 98%
}

.wifi a:link.js-slide-link {
    font-weight: normal
}

.wifi .faqsContainer .textLine {
    font-size: 1.2em
}

    .wifi .faqsContainer .textLine.active {
        font-weight: bold
    }

.wifi .questionContainer.yellowArrowList {
    margin-left: -14px;
    margin-top: 40px
}

.wifi .faqContent .textSm {
    font-weight: normal
}

.wifi .faqsContainer {
    margin: 10px 0 20px -15px
}

.wifi .bigIconList.boxBorder .bigIcon {
    margin-top: 6%
}

.wifi .faqsContainer .yellowCircleNumberList .textLine {
    padding: 8px 20px 19px 26px
}

.wifi .faqsContainer .faqContent {
    padding-left: 20px;
    padding-bottom: 1px
}

.wifi .wrap_round_select {
    top: 0;
    border: 1px solid #999;
    font-size: 15.4px;
    border-radius: 0;
    padding: 2px 0 3px 0 !important;
    margin: 0 !important;
    background-color: #fff;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .wifi .wrap_round_select:after {
        width: 12px;
        height: 6px;
        background-position: -988px -1310px;
        top: 10px;
        left: auto;
        right: 6px
    }

.wifi select {
    text-indent: 0;
    color: #000
}

.wifi .wrap-table-estado-vuelos span.vy {
    position: absolute;
    top: 6px;
    font-size: 14px;
    margin-left: 5px;
    color: #000
}

.wifi .wrap-table-estado-vuelos th > div {
    min-height: 68px
}

.wifi .typeTxt {
    padding-left: 19%;
    width: 53%;
    padding-right: 27%
}

.wifi .wrap-table-estado-vuelos .table-col1, .wifi .wrap-table-estado-vuelos .table-col4 {
    width: 20%
}

.wifi .wrap-table-estado-vuelos .table-col2, .wifi .wrap-table-estado-vuelos .table-col3 {
    width: 30%
}

.wifi .table-col4 .th-title {
    padding: 22px
}

.wifi .wrap-table-estado-vuelos tbody td {
    padding: 20px 16px 16px 16px;
    text-align: center
}

.wifi .wrap-table-estado-vuelos #flight-number-filter.typeTxt {
    height: 26px;
    margin: 0;
    width: 100%;
    padding-right: 20px;
    color: #666;
    font-size: 14px;
    padding-left: 24px
}

.wifi .rhead {
    display: none
}

.wifi .bigIconList.boxBorder.bc_f8f8f8.clearfix.marginBottom20.row {
    height: 255px
}

.wifi .yellowArrowList .deco {
    cursor: default
}

.wifi .wrap-table-estado-vuelos a:active {
    display: grid
}

.wifi .row.marginLeft0 span .fs_24 {
    padding-left: 0
}

﻿ .sepSolid_hGrey, .sepSolid_hGrey15px, sepSolid_hGrey3px {
    display: inline-block;
    *display: inline
}

.sepSolid_hGrey {
    color: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin: 20px 0
}

.sepSolid_hGrey15px {
    color: #e1e1e1;
    border: 1px solid #e1e1e1;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    height: 0;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin: 15px 0
}

.sepSolid_hGrey3px {
    margin: 3px 0
}

.sepSolidWidth3px {
    border-width: 3px
}

.sepDots_hLightGrey {
    width: 100%;
    clear: both;
    height: 1px;
    overflow: hidden;
    background: url(../images/sepDotTable-h.png) top left repeat-x;
    margin: 20px 0;
    border: 0
}

.ico-bf-my25-big {
    padding-left: 211px;
    min-height: 113px
}

    .ico-bf-my25-big:before {
        width: 186px;
        height: 113px;
        background-position: -31px -2421px
    }

.ico-bf-yellowArrow {
    padding-left: 31px
}

    .ico-bf-yellowArrow:before {
        width: 6px;
        height: 14px;
        background-position: -566px -1041px;
        left: 11px;
        top: 0
    }

.icon-my25-spain, .icon-my25-italy, .icon-my25-everywhere {
    width: 146px;
    height: 94px
}

.icon-my25-spain {
    background-position: -302px -2321px
}

.icon-my25-italy {
    background-position: -533px -2321px
}

.icon-my25-everywhere {
    background-position: -763px -2320px
}

.icon-bf-my25-spain-small, .icon-bf-my25-italy-small, .icon-bf-my25-everywhere-small {
    padding-left: 78px;
    min-height: 40px
}

    .icon-bf-my25-spain-small:before, .icon-bf-my25-italy-small:before, .icon-bf-my25-everywhere-small:before {
        width: 65px;
        height: 40px
    }

    .icon-bf-my25-spain-small:before {
        background-position: -262px -2532px
    }

    .icon-bf-my25-italy-small:before {
        background-position: -348px -2532px
    }

    .icon-bf-my25-everywhere-small:before {
        background-position: -438px -2532px
    }

.ico-bf-seeAll {
    padding-left: 43px
}

    .ico-bf-seeAll:before {
        background-position: -868px -2256px;
        width: 33px;
        height: 25px;
        top: -5px;
        left: 0
    }

.ico-bf-roundOk-small {
    padding-left: 27px
}

    .ico-bf-roundOk-small:before {
        background-position: -342px -1793px;
        width: 20px;
        height: 20px
    }

.menuAcordeon {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px
}

    .menuAcordeon li {
        position: relative;
        border: 3px solid #efefef;
        border-top: 0;
        margin: 0;
        padding: 0
    }

        .menuAcordeon li.first {
            border-top: 3px solid #efefef;
            -webkit-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0
        }

        .menuAcordeon li.last, UL.menuAcordeon LI:last-child {
            -webkit-border-radius: 0 0 10px 10px;
            border-radius: 0 0 10px 10px
        }

        .menuAcordeon li li {
            position: relative;
            border: 0;
            border-top: 0;
            color: #666;
            margin: 0 0 5px;
            padding: 0 10px 0 0;
            float: left
        }

    .menuAcordeon .listadoDotYellow .dotLi {
        left: 0
    }

    .menuAcordeon .listadoDotYellow p {
        padding-left: 15px;
        font-weight: 800 !important
    }

    .menuAcordeon li li a {
        font-weight: 400
    }

    .menuAcordeon li h3 {
        color: #666 !important;
        font: 800 1.27em/1.2 Verdana;
        background-color: #f7f7f7;
        min-height: 40px
    }

    .menuAcordeon li.first h3 {
        position: relative;
        -webkit-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }

    .menuAcordeon h3 a {
        color: #666 !important;
        position: relative;
        display: block;
        height: 20px;
        padding: 13px 10px 8px
    }

    .menuAcordeon h3 span {
        float: left;
        cursor: pointer
    }

    .menuAcordeon h3 .acordeonTitle {
        color: #666 !important;
        margin-right: 5px;
        font: normal 1.14em/.9 DTLProkyonTRegular,Verdana
    }

    .menuAcordeon h3 a .acordeonArrow {
        position: relative;
        float: right;
        width: 17px;
        cursor: pointer;
        height: 17px;
        top: 1px;
        background: url(../images/sprite-cms2.gif) no-repeat -807px -2449px
    }

    .menuAcordeon li.pulsado h3 {
        background-color: #fff;
        padding: 13px 10px 8px
    }

        .menuAcordeon li.pulsado h3 a {
            padding: 0 0 26px;
            border-bottom: 1px solid #e1e1e1
        }

            .menuAcordeon li.pulsado h3 a .acordeonArrow {
                background-position: -784px -2449px !important
            }

    .menuAcordeon li .acordeonContent {
        padding: 10px 11px 20px 21px
    }

    .menuAcordeon li.pulsado .acordeonContent {
        display: block
    }

    .menuAcordeon li .acordeonContent .acordeonText {
        padding: 6px 0 10px 168px
    }

        .menuAcordeon li .acordeonContent .acordeonText h4 {
            margin-bottom: 15px
        }

        .menuAcordeon li .acordeonContent .acordeonText h5 {
            font: normal 1.09em/1.4 Verdana;
            margin-bottom: 12px
        }

.rowBtAcrodeon {
    float: left;
    width: 100%
}

.menuAcordeon li .acordeonContent .acordeonText h6 {
    font: 800 1.27em/1.2 Verdana;
    color: #000;
    padding-top: 4px;
    float: left;
    margin: 0 24px 15px 0
}

.wrap-dashedArrow {
    position: absolute;
    top: 17px;
    right: -8px
}

    .wrap-dashedArrow:before {
        content: "";
        position: absolute;
        background: url(../images/icoArrowDashed_shadow.png) 0 0 no-repeat;
        width: 93%;
        height: 14px;
        left: 16px;
        bottom: -10px
    }

    .wrap-dashedArrow:after {
        content: "";
        position: absolute;
        bottom: -5px;
        right: 1px;
        width: 8px;
        height: 8px;
        background: url(../images/sprite-cms2.gif) -753px -2456px no-repeat
    }

.dashedArrow {
    position: relative;
    min-height: 67px;
    background: url(../images/filete.png) 1px 0 no-repeat;
    padding: 9px 21px 1px 49px
}

.dashedArrow-content h2 {
    font: normal 1.2em/1.3 'DTLProkyonTRegular',verdana,sans-serif;
    color: #fff;
    height: 46px;
    display: table-cell;
    vertical-align: middle
}

    .dashedArrow-content h2 span {
        font-size: 16px;
        color: #fc0
    }

.my25Page .grid3 .box {
    width: 32.2% !important
}

.my25Page li.first {
    padding-right: 0 !important
}

.table-bono-detail thead th {
    height: 20px
}

.request-invoice .frmStandard input.typeText {
    width: 45%
}

.request-invoice .frmStandard label span {
    width: 36%;
    vertical-align: middle
}

.request-invoice .icoError {
    margin-top: 0
}

.request-invoice ol {
    margin-bottom: 10px;
    margin-top: 8px
}

.request-invoice .msgvalidator {
    margin-bottom: 10px
}

.listadoNumerico li span.num {
    font: 800 2em/1.1 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif !important;
    color: #fc0;
    top: 0;
    left: 0
}

.wrap-table-bono-detail {
    border: 1px solid #ccc
}

    .wrap-table-bono-detail table {
        border-collapse: separate
    }

.table-padding .table-head .table-col {
    color: #666;
    font: 800 1.091em/1 verdana,sans-serif;
    background-color: #eee
}

.table-padding .table-col {
    padding: 12px 14px;
    vertical-align: middle
}

.table-padding .table-head .table-col1 {
    padding-left: 14px
}

.table-padding.table-3cols .table-col1 {
    width: 35%
}

.table-bono-detail .ico-bf-roundOk-small:before {
    left: 0;
    top: 3px
}

.adnf p {
    font-size: 13px;
    line-height: 1.35
}

.layout-2 p {
    line-height: 1.4
}

.checklistfilo {
    margin-bottom: 2em
}

    .checklistfilo li {
        background: url("../images/bg/checkli-yellow.png") no-repeat scroll 0 .3em transparent;
        margin-bottom: .9em;
        padding: 2px 0 2px 26px
    }

    .checklistfilo .txt1 {
        display: block;
        font: 1.65em/1.1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        padding-bottom: .4em
    }

.cklist-2col {
    background: url("../images/bg/dotted-y.png") repeat-y scroll center top transparent;
    overflow: hidden;
    padding: 12px 0 0
}

    .cklist-2col li {
        clear: both;
        float: left;
        margin: 0;
        padding: 0 0 2em;
        width: 45%
    }

    .cklist-2col .txt {
        padding-left: 28px
    }

    .cklist-2col .odd {
        clear: none;
        margin-left: 9.9%
    }

img.sRespons {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.slide-int li a img {
    margin-top: 80px
}

.socialmente {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 16px;
    padding-bottom: 10px
}

    .socialmente h3 {
        font: normal 1.8em/1.3 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        color: #990
    }

.socialmentep {
    font: normal 1.3em/1.4 Verdana,Geneva,sans-serif !important;
    margin-bottom: 1.4em
}

.title2 h3 {
    color: #999;
    font-weight: inherit;
    font: 1.666em/1.3em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    font-size: 18px
}

.list-dotted h4 {
    font-weight: bolder !important;
    clear: both;
    color: #222;
    font-size: 1.083em;
    margin-bottom: 1em;
    margin-left: 7px;
    margin-top: 1em
}

.list-dotted .title2 {
    margin-left: 6px
}

.list-dotted ul {
    margin-bottom: 1em;
    clear: both
}

.list-dotted li {
    color: #222;
    background: url(../images/bg/dotted.png) repeat-x left 1.3em;
    overflow: hidden;
    clear: both
}

    .list-dotted li a {
        font-weight: bold;
        cursor: pointer !important
    }

    .list-dotted li:hover {
        background-color: #f0f0f0;
        cursor: default
    }

.list-dotted .txt-izq {
    background-color: #fff;
    padding: 5px 6px 5px 6px;
    float: left;
    list-style: none outside none;
    cursor: pointer
}

.list-dotted .txt-der {
    float: right;
    padding: 5px 6px;
    background-color: #fff;
    list-style: none outside none
}

.txt-izq {
    text-decoration: none;
    font-weight: normal !important
}

.txt-izq, a.txt-izq:hover {
    text-decoration: none;
    color: #222;
    font-weight: normal !important
}

.moreFlies .txt-izq {
    color: #000
}

.list-2cols li {
    width: 325px !important;
    float: left;
    margin: 0 1%
}

.list-2cols ul {
    overflow: hidden;
    margin: 0 -1% 2.5em
}

.youknow .center {
    padding: 4px 7px 15px !important;
    color: #999
}

    .youknow .center h2 {
        margin: 0 0 15px 1px;
        color: #666
    }

.youknow h2 {
    font-family: "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    font-size: 1.32em
}

.listBenefits--office .benefit-content {
    padding: 2px 115px 0 0;
    position: relative;
    top: 6px
}

    .listBenefits--office .benefit-content.icon-cms2:after {
        margin-top: -23px;
        right: 16px;
        left: auto;
        top: 50%
    }

.pasos span {
    color: #fc0;
    font-size: 1.3em;
    font-weight: bolder;
    padding-right: .3em
}

.flightSearch {
    padding-bottom: 0
}

    .flightSearch.boxbg.search-single .center {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 3px solid #f1f1f1;
        padding: 10px
    }

.search-single .search-single_icon {
    position: absolute;
    left: 30px;
    top: 40px;
    font-size: 88px
}

.search-single .search-single_icon {
    position: absolute;
    left: 30px;
    top: 40px;
    font-size: 88px
}

.flightSearch .elem-form {
    padding: 1em
}

.flightSearch fieldset {
    position: relative
}

.flightSearch legend {
    display: block;
    font-size: 1.3em;
    font-weight: bolder
}

.flightSearch fieldset .boxForm {
    float: left;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    padding: 0 3em;
    margin: 0 1.5em 0 16em
}

    .flightSearch fieldset .boxForm label {
        margin-bottom: 1.35em;
        display: block
    }

        .flightSearch fieldset .boxForm label select {
            font-size: 1.15em;
            height: auto
        }

.flightSearch #dateOfTravel {
    width: 230px;
    padding: 5px
}

.flightSearch .btn {
    position: absolute;
    bottom: 11px
}

#horarios-origen {
    padding: 5px;
    width: 230px
}

#formEnvioExtravioEquipaje input, select, textarea {
    font: normal .917em/1.3 "Verdana",Tahoma,Arial,Helvetica,Sans-serif
}

#slDestino {
    padding: 5px;
    width: 230px
}

.search-single .search-single_btn {
    position: absolute;
    bottom: 8px;
    right: 0
}

    .search-single .search-single_btn .vy-btn {
        margin: 0
    }

    .search-single .search-single_btn .vy-btn {
        margin: 0
    }

span#busqueda {
    background: url(../images/btn/btn07-right.png) no-repeat top right;
    display: inline-block;
    margin-left: 16px;
    padding: 9px 40px 13px 0 !important;
    font-size: 14px
}

.resultsAjax {
    position: relative
}

.chosenTravel {
    clear: both;
    color: #333;
    font-size: 1.9em;
    font-weight: normal;
    margin-bottom: .5em
}

p#noFlight {
    background: url(../images/bg/fondo-no-hay-vuelo.png) no-repeat left center;
    font-size: .9em;
    float: right;
    margin-bottom: 0;
    padding: 1em 0 1em 2.5em
}

#HorariosVuelosCalendarioResults1, #HorariosVuelosCalendarioResults2 {
    border: none !important
}

.timeTable {
    width: 100%;
    margin: 10px 0 2em
}

    .timeTable thead th {
        background-color: #999;
        color: #fff;
        padding: .5em 0;
        width: 14.29%
    }

    .timeTable th, .timeTable td {
        border: 1px solid #ccc
    }

    .timeTable .MonthDay {
        display: block;
        margin-bottom: .7em;
        padding: .5em 0 0 .3em
    }

        .timeTable .MonthDay strong {
            color: #999;
            font-size: 1em
        }

            .timeTable .MonthDay strong strong {
                display: none
            }

    .timeTable .chooseHour {
        margin-bottom: 1em
    }

        .timeTable .chooseHour li {
            text-align: center;
            padding: .2em 0
        }

            .timeTable .chooseHour li:hover {
                background: #666
            }

        .timeTable .chooseHour a {
            cursor: default;
            color: #5c5c5c;
            font-size: .9em;
            padding: 0 .3em;
            text-decoration: none
        }

            .timeTable .chooseHour a:hover {
                color: #fff
            }

    .timeTable .noFlights {
        background-color: #f2f2f2
    }

#HorariosVuelosResultsContainer .search-single.clear {
    border-bottom: 0 !important
}

ul.inlineList.inlineList--noFloat.socialList.txtAlignCenter.paddingBottom15 {
    padding-left: 20%
}

.imgRoundedMask {
    overflow: hidden;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

    .imgRoundedMask img {
        display: block;
        width: 100%;
        height: auto
    }

.imgRoundedMask--greyBorder {
    border: 3px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.title-icon--icoNew:after {
    width: 54px;
    height: 54px;
    background-position: -930px -2316px;
    top: -10px;
    right: 15px
}

.title-icon:after {
    position: absolute !important;
    left: auto !important
}

.tableRow {
    display: table;
    width: 100%
}

.tableRow__cell {
    display: table-cell
}

.tableRow__cell--middleContent {
    vertical-align: middle
}

.slider-movil {
    position: relative;
    width: 248px;
    height: 469px;
    margin: 0 auto
}

    .slider-movil:before {
        position: absolute;
        content: "";
        width: 248px;
        height: 469px;
        z-index: 1;
        background: url("../images/sprite-cms2.gif") no-repeat -12px -2666px;
        left: 20px
    }

    .slider-movil .promo {
        left: 32px;
        top: 75px
    }

        .slider-movil .promo .tab-content {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0
        }

.slider-template .promo .tab-content {
    overflow: hidden
}

.slider-movil .tabs {
    text-align: center;
    margin-left: 12px
}

    .slider-movil .tabs ul {
        display: block;
        margin-left: -6px
    }

    .slider-movil .tabs li {
        display: inline-block
    }

        .slider-movil .tabs li a {
            background: none repeat scroll 0 0 #ccc;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            color: #4e443c;
            display: inline-block;
            height: 10px;
            margin: 3px;
            text-align: center;
            text-decoration: none;
            width: 10px
        }

        .slider-movil .tabs li.active a {
            background-color: #fc0
        }

.dotted-yellow-y {
    background: url("../images/bg/dotted-yellow-y.png") repeat-y scroll left top transparent
}

.dotted-yellow-y--right {
    background-position: right top !important;
    padding-right: 37px;
    padding-left: 0 !important
}

.breadcrumb li a:link {
    text-decoration: none
}

.paragraph {
    margin-bottom: 20px
}

#wrapper .imgResp {
    width: 100% !important;
    height: auto !important
}

.pressRoom.intro .box-der {
    float: left;
    width: 67%;
    padding: 0 0 0 0
}

.pressRoom .dotted-x {
    margin-bottom: 15px
}

.intro .icobox {
    background: url("../images/bg/dottedy-y.png") repeat-y scroll right top transparent;
    margin: 0 42px 0 0;
    padding: 0 30px 15px 0;
    width: auto
}

.intro .center h2 {
    margin: 0 0 1em;
    color: #666;
    font: normal 1.667em/1.3 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
}

.intro .center p {
    font-size: 1.167em;
    line-height: 150%
}

em {
    text-decoration: none
}

    em.datetime + p {
        height: 35px;
        overflow: hidden
    }

#SalaPrensaContainer .news {
    font-family: "Verdana",Tahoma,Arial,Helvetica,Sans-serif;
    font-size: 1.167em
}

#SalaPrensaContainer .news-img li {
    padding: 38px 0 28px;
    border-top: 0
}

#SalaPrensaContainer .news .datetime {
    color: #999;
    display: block
}

    #SalaPrensaContainer .news .datetime strong {
        font-weight: normal;
        border-right: 1px solid #ccc;
        margin-right: 5px;
        padding-right: 8px;
        display: inline
    }

#SalaPrensaContainer .news.dotted-x.news-2cols {
    padding: 26px 16px 10px 16px
}

.news li {
    border-bottom: 1px solid #efefef;
    display: block;
    line-height: 1.45em;
    overflow: hidden;
    padding: 14px 0;
    margin-bottom: 14px
}

    .news li.last {
        border-bottom: 0
    }

    .news li h3 {
        font: normal 1.417em/100% "DTLProkyonTMediumRegular",Myriad Pro,Verdana,Helvetica;
        margin-bottom: .5em;
        min-height: 20px
    }

        .news li h3 a {
            text-decoration: none
        }

            .news li h3 a:hover {
                text-decoration: underline
            }

    .news li p {
        margin-bottom: .6em
    }

.news-img .small-img .rightNoImage {
    float: none;
    margin-left: 0
}

.news-img .link {
    margin: 1em 4px 0 0
}

.news-2cols ul {
    background: url("../images/bg/separator-vert.png") repeat-y scroll center 18px transparent;
    margin: .5em 0 1em;
    overflow: hidden
}

.news-2cols.dotted-x ul {
    margin-top: 0
}

.news-2cols li {
    border-bottom: 1px solid #efefef;
    float: left;
    overflow: visible;
    padding: 2px .5% 8px;
    width: 44.5%;
    min-height: 175px
}

    .news-2cols li.odd {
        float: right
    }

.socialchan {
    margin-bottom: 2em
}

    .socialchan .center ul {
        overflow: hidden;
        background: url(../images/bg/separador-vert.png) repeat-x left center
    }

    .socialchan .center li {
        position: relative;
        float: left;
        width: 30.3%;
        min-height: 160px;
        margin: 25px 33px 25px 0;
        border-right: 1px solid #ccc
    }

        .socialchan .center li h3 {
            margin: 0 40px 5px 60px;
            color: #666;
            font: normal 1.333em/120% "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
        }

        .socialchan .center li p {
            margin: 0 40px 1em 60px;
            color: #666;
            font-size: .917em;
            line-height: 140%
        }

        .socialchan .center li .openlnk2 {
            position: absolute;
            bottom: 0;
            float: left;
            clear: both;
            margin: 0 0 0 60px;
            padding-right: 30px;
            color: #990;
            background: url(../images/ico/arrow-down.png) no-repeat right;
            font-size: .917em;
            line-height: 140%
        }

        .socialchan .center li.twitteratt {
            margin-right: 0;
            border: 0 none;
            background: url(../images/ico/rs-twitter2-big.png) no-repeat 0 0
        }

.opcont {
    border-bottom: 1px solid #e5e5e5;
    margin: -8px 0 2em;
    overflow: hidden;
    padding: 0 4px 14px
}

    .opcont .floatLeft.datetime {
        margin-top: 8px
    }

    .opcont .datetime {
        color: #999;
        display: inline-block
    }

    .opcont li:first-child {
        border-left: 0 none
    }

    .opcont li {
        border-left: 1px solid #ccc;
        display: inline;
        margin-left: 10px;
        padding: 2px 0 3px 14px;
        vertical-align: middle
    }

.nav-links {
    border-top: 1px solid #e5e5e5;
    font-size: .917em;
    line-height: 1.3em;
    margin-bottom: 2.5em;
    overflow: hidden;
    padding: 16px 4px 0
}

#FiltroNotasPrensa .box.bcgrey01, #FiltroNotasPrensa .box .box-wtl {
    position: relative;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.header-box h2 {
    font-family: "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: .4em
}

.filter {
    padding: 30px 0 10px 16px;
    overflow: hidden
}

    .filter .left {
        width: auto !important;
        float: left;
        padding: 0 0 0
    }

    .filter .list-checkbox li {
        width: 174px
    }

.btn#filtrar-notas {
    margin-top: 0 !important
}

.box-gbr .news {
    margin: 0 16px;
    padding: 0 16px
}

.news .left {
    float: left;
    position: relative;
    width: 9%
}

.news .datetime {
    color: #999;
    display: block;
    padding: .3em 0 .1em;
    text-align: left
}

    .news .datetime strong {
        font-weight: normal;
        display: inline
    }

.news .right {
    float: right;
    width: 86.5%;
    padding: 2px .5% 0 2%
}

.news .border {
    border-left: 1px solid #f0f0f0
}

#FiltroNotasPrensaResultsContainer .news .datetime strong {
    border-right: 0 !important;
    font-weight: normal;
    margin-right: 5px;
    padding-right: 8px
}

.pager p {
    display: inline
}

.threebox.employment {
    max-width: 809px !important;
    margin: 0 auto
}

.threebox .mb {
    width: 33.33%
}

.threebox .btn {
    padding-right: 0;
    margin-top: 12px
}

.employment .box-wbr {
    padding: 0 !important
}

.employment .center {
    text-align: center;
    min-height: 27em;
    margin: 0 !important
}

.employment .graycorner {
    background: url(../images/bg/centerdec.png) no-repeat bottom #fff;
    padding: 0 14px 20px;
    margin-bottom: 15px
}

.employment h2 {
    color: #999
}

.employment img {
    margin-bottom: 1.6em
}

.employment p {
    color: #606060;
    text-align: left;
    margin-bottom: 1.4em
}

.employment .close {
    background: url(../images/ico/close.png) no-repeat top left;
    text-align: left;
    display: inline-block;
    padding: 6px 0 6px 36px;
    font: normal 1.25em/1.3 DTLProkyonTRegular,Myriad Pro,Verdana,Helvetica;
    color: #666;
    min-height: 30px;
    position: relative;
    width: auto;
    padding-top: 18px
}

.twobox.candidate {
    max-width: 810px;
    margin: 32px auto 0 auto;
    height: 250px
}

.candidate.twobox div.mb:first-child {
    float: left;
    margin-right: 3px
}

.candidate .center {
    padding-top: 15px !important;
    height: 196px !important;
    text-align: center
}

.candidate img {
    margin: 0 auto;
    display: block
}

.candidate .alink {
    font-size: 1.164em;
    background: url(../images/bg/arrow-down.png) bottom right no-repeat;
    padding: 34px 28px 0 0;
    display: inline-block
}

.candidate.twobox .mb {
    width: 48.3%;
    float: right;
    margin-right: 14px
}

    .candidate.twobox .mb div.box {
        margin-right: 0
    }

.itemBox {
    background: url(../images/ico/CheckDocumentaition.png) no-repeat scroll left top transparent;
    margin-bottom: 1.8em !important;
    padding: 0 7px 4px 18px;
    background-position-y: 2px;
    line-height: 1.5
}

li.item-conditions {
    color: #fc0;
    line-height: 15px;
    list-style-type: disc;
    margin-left: 40px;
    padding-top: 21px
}

    li.item-conditions span {
        list-style-type: disc;
        color: #666
    }

*[class*="contactBox"] {
    position: relative;
    padding: 0;
    float: left
}

.contactBox_linkToggle {
    float: right;
    margin: 0
}

span.icon-cms.icoTelContact {
    margin-top: 120px
}

.sepDotted_vYellow {
    background: url(../images/bg/vertical_yellowDot.png) 90% 0 repeat-y
}

.contactBox_title {
    max-width: 265px;
    font: 400 2.45em/1 'DTLProkyonTRegular',verdana,sans-serif;
    color: #990;
    margin-bottom: 8px
}

.contactBox_txt {
    max-width: 265px;
    font: 400 1.27em/1.4 verdana,sans-serif
}

.contactBox_numTel {
    font: 400 3.36em/1.3 'DTLProkyonTRegular',verdana,sans-serif;
    margin-top: -10px;
    word-break: break-all
}

.contactBox_txt, .contactBox_numDesc {
    font: 400 1.27em/1.4 verdana,sans-serif
}

.talktous {
    margin-bottom: 1.5em
}

    .talktous h2, .talktous h3 {
        margin-bottom: .5em;
        color: #666;
        font: normal 1.5em/1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
    }

    .talktous p {
        color: #666;
        font-size: 1.083em;
        line-height: 1.4em;
        margin-bottom: 1.6em
    }

.talktous_block {
    position: relative;
    padding: 35px 0
}

    .talktous_block:before {
        border-top: 2px solid #e7e7e7;
        top: 0
    }

    .talktous_block:before, .talktous_block:after {
        content: "";
        position: absolute;
        right: -23px;
        width: 86%
    }

    .talktous_block.moreinfo li {
        width: 29.91%;
        background: url("../images/bg/arrow-rightt.png") no-repeat scroll 0 1px transparent;
        float: left;
        font: normal 1.083em/1.3 Verdana,Geneva,sans-serif;
        margin-right: 2%;
        padding-bottom: 2px;
        padding-left: 15px
    }

        .talktous_block.moreinfo li.l3 {
            margin-right: 0
        }

.twoColumnsBorder {
    background: url(../images/bg/vertical_greySolid.png) center top repeat-y
}

    .twoColumnsBorder > div:first-child {
        padding-left: 8px
    }

    .twoColumnsBorder > div {
        padding-left: 40px
    }

.twoColumnsBorder--center > div {
    width: 45%;
    padding-right: 30px;
    float: right
}

    .twoColumnsBorder--center > div:first-child {
        padding-right: 0;
        float: left
    }

#formContacto .box.bcgrey07 {
    background-color: #fff;
    cursor: pointer;
    border: 3px solid #efefef
}

#formContacto .box.bcgrey07 {
    background-color: #fff;
    cursor: pointer;
    border: 3px solid #efefef
}

#formContacto .box.bcyellow {
    background-color: #fff;
    cursor: pointer;
    border: 3px solid #fc0
}

.msg {
    background: url("../images/bg/dotted-x.png") repeat-x scroll left top transparent;
    line-height: 1.6em;
    margin-bottom: 2em;
    padding-top: 20px
}

.msg-cont {
    background: url("../images/bg/dotted-x.png") repeat-x scroll left bottom transparent;
    padding: 0 10px 5px 10px
}

    .msg-cont p {
        margin-bottom: 10px
    }

.msg-mcust {
    min-height: 4.7em !important
}

.msg-ico {
    padding: 0 0 0 90px
}

.msg-inf {
    background: url("../images/ico/mail.ico.png") 0 0 no-repeat;
    font-size: 1.167em
}

#formContacto {
    margin-bottom: 2em
}

    #formContacto .box.bcgrey07 {
        background-color: #fff;
        cursor: pointer;
        border: 3px solid #efefef
    }

    #formContacto legend {
        color: #666;
        font: bold 1.083em/1.4em"Verdana",Tahoma,Arial,Helvetica,Sans-serif
    }

    #formContacto .loading {
        left: 0
    }

.form {
    margin-bottom: 2.5em;
    clear: both
}

.form-area1 {
    clear: both;
    overflow: hidden
}

    .form-area1 .box {
        display: inline-block
    }

.form .fs-double legend {
    text-align: left;
    width: 21%
}

.form .fs-double .fields {
    width: 77%
}

.form label {
    display: block;
    margin-bottom: .8em;
    clear: both;
    cursor: default
}

.form .fs-label legend {
    float: left;
    padding: 0;
    margin-bottom: 1.1em;
    clear: both;
    border: 0;
    margin-right: 8px;
    padding-top: 4px
}

.form .fields {
    float: left;
    width: 63%;
    margin-left: .6%
}

    .form .fields label {
        display: inline-block;
        margin-right: 8px
    }

    .form .fields span {
        width: auto;
        padding: 0;
        vertical-align: middle;
        text-align: left;
        font-weight: normal
    }

    .form .fields select {
        vertical-align: middle;
        width: auto;
        padding: 4px 4px 4px 3px;
        height: 2.4em;
        border: 1px solid #bbb;
        -webkit-box-shadow: inset 0 1px 5px #ddd;
        -moz-box-shadow: inset 0 1px 5px #ddd;
        box-shadow: inset 0 1px 5px #ddd;
        color: #555;
        margin-right: 6px
    }

form select.error {
    border: 2px solid #d2460c !important
}

.group-fields {
    clear: both;
    overflow: hidden;
    font-weight: normal;
    color: #666;
    margin-bottom: 1.6em
}

    .group-fields .b1, .group-fields .b4, .group-fields .b3, .group-fields .b2 {
        width: auto
    }

    .group-fields .box {
        float: left;
        margin: 0 1%
    }

        .group-fields .box .center {
            padding: 1px 10px 3px
        }

    .group-fields label {
        display: block
    }

    .group-fields span, .group-fields input {
        vertical-align: middle;
        margin: 0;
        padding: 0
    }

#ResultSelectItems {
    display: inline
}

#ResultAsistenteVirtual div {
}

#ResultAsistenteVirtual .bcgrey07 {
    cursor: auto !important
}

#ResultAsistenteVirtual legend {
    font-size: 1.3em !important
}

.issueCategory {
    margin: 20px 0 20px 0;
    line-height: 15px !important
}

.form-area3.dotted-x.pos-bottom {
    padding: 0 0 35px
}

.form-area3 .elem-form {
    padding: 1.45em 0 .5em
}

.form-area3 label span {
    background: url("../images/ico/question-icon.png") no-repeat scroll left top transparent;
    font: normal 1.25em/1.1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: .6em;
    padding: 1px 4px 0 42px;
    display: block
}

.form-area3 ul {
    margin: 1.2em 0 0 2em
}

    .form-area3 ul li {
        background: url("../images/ico/list-icon.png") no-repeat scroll left 9px transparent;
        padding: 0 0 .5em 1em
    }

        .form-area3 ul li a {
            color: #990 !important
        }

.form-area3.dotted-x.pos-bottom {
    padding: 0 0 35px
}

abbr[title] {
    font-style: normal;
    text-decoration: none;
    border-bottom: none
}

abbr {
    font-style: normal;
    text-decoration: none;
    border-bottom: none
}

.cquestion span {
    font-size: 1.5em !important
}

.cquestion input#question {
    color: #777;
    background-color: #f3f3f3;
    padding: 4px 6px 6px;
    border: 0;
    overflow: visible;
    margin: 0;
    width: 98%;
    font-size: 1.083em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.tico-respose {
    background: url(../images/ico/respose-icon.png) no-repeat left;
    margin: 1.5em 0 .6em 0;
    padding: 4px 0 4px 30px;
    font-size: 1.25em
}

.tico h3 {
    font-size: 1.4em
}

.center #responseInForm p {
    margin-top: 10px;
    padding-left: 5px;
    margin-bottom: 3em;
    font-size: 1.05em
}

.form-area4 {
    margin-bottom: 3.2em;
    padding: 1.2em 0 0;
    margin-top: .5em
}

    .form-area4 fieldset {
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 2.2em
    }

    .form-area4 legend {
        background: url("../images/ico/arrow-01-down.png") no-repeat scroll left 5px transparent;
        float: left;
        font-weight: bold;
        margin-right: 1.7em;
        padding: 0 0 1.3em 1.5em
    }

    .form-area4 label {
        width: 6em;
        float: left
    }

        .form-area4 label span {
            vertical-align: text-bottom !important;
            padding: 0;
            display: inline-block
        }

.b0 {
    border: 0 none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.wauto {
    width: auto !important
}

.form-area5 .form1, .form-area5 .form2 {
    margin-bottom: 3em
}

.form-area5 legend {
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    margin-bottom: 1.6em;
    padding: 0 3px 8px;
    width: 99%;
    float: left
}

.fsize08 {
    font-size: 1em !important
}

#formContacto .form-area5 #Comentario {
    width: 100%
}

#formContacto .form2 {
    margin-bottom: 0 !important
}

.form1 textarea#Comentario {
    max-width: 632px;
    width: 632px
}

.elem-form label textarea, .elem-form label select {
    color: #111;
    padding: 4px;
    width: 98.9%;
    -webkit-box-shadow: inset 0 3px 4px #eaeaea;
    -moz-box-shadow: inset 0 3px 4px #eaeaea;
    box-shadow: inset 0 3px 4px #eaeaea;
    border: 1px solid #b3b3b3
}

.form-area5 textarea {
    background: none repeat scroll 0 0 transparent
}

#ResultForm label {
}

.form-area5 .form2 legend {
    margin-bottom: 1.9em
}

.form-area5 label span {
    margin-right: .2em;
    text-align: right;
    width: 39%
}

.elem-form label span {
    display: inline-block;
    padding-bottom: 2px
}

.form-area5 label strong {
    vertical-align: middle
}

.elem-form label input {
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: inset 0 3px 4px #eaeaea;
    -moz-box-shadow: inset 0 3px 4px #eaeaea;
    box-shadow: inset 0 3px 4px #eaeaea;
    color: #666
}

.form-area5 label input {
    width: 50% !important
}

.form-area5 input {
    height: 24px !important;
    padding: 0 6px !important
}

#formContacto label input#email {
    line-height: 37px
}

.mobileinput {
    display: block;
    margin-bottom: .9em;
    margin-left: 3.9em
}

    .mobileinput label {
        float: left;
        line-height: 2.2em;
        margin: 0 12px 0 0 !important;
        width: 33.6%
    }

        .mobileinput label span {
            width: 100%
        }

.elem-form .mobileinput select {
    height: 27px;
    padding: 5px;
    vertical-align: middle;
    width: 100%;
    margin-top: -2px !important;
    -moz-box-shadow: inset 0 3px 4px #eaeaea;
    -webkit-box-shadow: inset 0 3px 4px #eaeaea;
    box-shadow: inset 0 3px 4px #eaeaea;
    color: #666;
    border: 1px solid #b3b3b3
}

.mobileinput select, .mobileinput input {
    width: 26.5% !important
}

.form-area5 .form3 {
    margin-bottom: 2em
}

#formContacto .elem-form label select#slOrigen {
    width: 52% !important
}

#formContacto .elem-form label select#slDestino {
    width: 52% !important
}

.dateinput {
    display: block;
    margin-bottom: .5em;
    margin-left: 4.2em
}

    .dateinput label {
        float: left;
        width: 34.8%
    }

        .dateinput label span {
            width: 99%
        }

    .dateinput .departuredate select {
        width: auto;
        position: relative;
        top: -2px
    }

    .dateinput select, .dateinput input {
        margin-left: 3px;
        border: 1px solid #bbb;
        -webkit-box-shadow: inset 0 1px 5px #ddd;
        -moz-box-shadow: inset 0 1px 5px #ddd;
        box-shadow: inset 0 1px 5px #ddd;
        padding: 4px 4px 4px 3px;
        color: #555;
        margin-right: 6px;
        vertical-align: middle
    }

.numinput {
    float: right !important;
    margin-right: 50px !important
}

#formContacto .numfly {
    position: relative;
    left: -1px;
    top: 6px
}

.numfly {
    float: left;
    width: auto !important
}

form select.error {
    border: 2px solid #d2460c !important
}

.h4-transport {
    font-size: 1.3em;
    margin-bottom: 40px;
    margin-top: 27px
}

.transport-conditions {
    line-height: 35px;
    font-size: 1.2em
}

ul.transport-left {
    margin-left: 10px;
    float: left;
    width: 48%;
    background: url(../images/bg/dotted-y.png) repeat-y scroll center center transparent;
    background-position: right;
    padding-right: 20px
}

ul.transport-right {
    float: left;
    margin-left: 31px;
    width: 42%
}

.transport-num {
    padding-left: 32px
}

.transport-left .num-yellow, .transport-right .num-yellow {
    margin-left: -35px
}

.num-yellow {
    color: #fc0;
    display: inline;
    font-size: 1.2em;
    font-weight: bolder;
    height: 100%;
    margin-left: 0;
    margin-right: 14px;
    float: left
}

.transport-conditions a:visited {
    color: #666
}

.transport-block {
    display: block;
    clear: both;
    padding-top: 50px;
    width: 98%;
    margin: 0 auto
}

    .transport-block p {
        line-height: 15px;
        margin-left: 25px;
        padding-top: 21px
    }

.title-conditions .num-yellow {
    margin-left: 0;
    margin-right: 3px;
    position: relative
}

.goup-conditions {
    background: url(../images/ico/arrow-up.png) no-repeat scroll right center transparent;
    font-size: .917em;
    font-weight: 700;
    padding: 0 28px 1px 0;
    float: right
}

li.item-conditions {
    color: #fc0;
    line-height: 15px;
    list-style-type: disc;
    margin-left: 40px;
    padding-top: 21px
}

    li.item-conditions span, li.item-liquid span, li.item-reminder span {
        list-style-type: disc;
        color: #666
    }

.sub-num {
    line-height: 15px;
    margin-left: 25px;
    padding-top: 21px
}

.titlesDocuments {
    height: 71px;
    display: table-row
}

.travelDocumentation .titlesDocuments .documentName {
    padding: 20px;
    height: auto;
    width: 15%;
    border: 1px solid #e1e1e1;
    zoom: 1;
    height: 71px;
    background: #f3f3f3;
    display: table-cell
}

    .travelDocumentation .titlesDocuments .documentName.firstDocument {
        width: 40%
    }

.travelDocumentation .titleDocument {
    padding: 0;
    text-align: left;
    margin-top: 0;
    width: 100%;
    line-height: 17px
}

    .travelDocumentation .titleDocument p {
        margin-left: 0;
        padding: 0
    }

.titlesDocuments .documentName {
    zoom: 1
}

.titlesDocuments .otherDocuments {
    margin-left: -4px
}

.contactBox_title--medium {
    font-size: 1.81em
}

.contactBox_numTel {
    font: 400 3.36em/1.3 'DTLProkyonTRegular',verdana,sans-serif;
    margin-top: -10px;
    word-break: break-all
}

.contactBox_numTel--medium {
    font-size: 2.5em
}

.contactBox_txt--full {
    width: 100%;
    max-width: 100%
}

.contactBox_txt--medium {
    font-size: 1.091em
}

.contactBox_txt--small {
    font-size: 1.091em
}

.contactBox_title--small {
    font-size: 1.45em
}

.contactBox_numTel {
    font: 400 3.36em/1.3 'DTLProkyonTRegular',verdana,sans-serif;
    margin-top: -10px;
    word-break: break-all
}

.contactBox_numTel--medium {
    font-size: 2.5em
}

.contactBox_numTel--small {
    font-size: 1.81em
}

.link_desplegable {
    padding-right: 18px;
    display: inline-block;
    position: relative
}

    .link_desplegable:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 6px;
        background: url(../images/sprite-cms2.png) -970px -789px;
        top: 50%;
        margin-top: -1px;
        right: 0
    }

    .link_desplegable.is.active:after {
        background-position: -970px -804px
    }

.twoColumnsBorder > div {
    width: 50%
}

    .twoColumnsBorder > div:first-child {
        padding-right: 30px;
        padding-left: 8px
    }

.contenedor_acordeon {
    display: inline-block;
    width: 100%
}

div.contenedor_acordeon div.strech {
    margin-bottom: 0 !important;
    width: 49%;
    float: right
}

    div.contenedor_acordeon div.strech:first-child {
        float: left
    }

div.contenedor_acordeon div.social {
    margin-bottom: 0 !important
}

    div.contenedor_acordeon div.social h2.titleAcordeon2 {
        padding-top: 20px !important
    }

.contenedor_acordeon .accordion, .accordion {
    position: relative
}

.titleAcordeon2 img {
    position: absolute;
    margin-top: -20px
}

.title-acordeon2 {
    margin-left: 60px;
    margin-top: -8px;
    top: -49px
}

.home .accordion .box.bcgrey {
    border-width: 2px
}

.home .accordion .section {
    border-width: 3px
}

.accordion .box .center {
    margin: 0
}

.accordion .box.bcgrey {
    position: relative
}

.accordion .center {
    position: relative;
    border: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.accordion .section {
    background: #fff
}

.contenedor_acordeon .accordion .center, .accordion .center {
    padding: 0 !important
}

.contenedor_acordeon .social .section {
    border-bottom: 2px solid #efefef
}

.contenedor_acordeon .accordion h2, .accordion h2 {
    font: normal 1.333em/1.3 DTLProkyonTRegular,Myriad Pro,Verdana,Helvetica
}

    .contenedor_acordeon .accordion h2 a, .accordion h2 a {
        background: #fff url(../images/ico/accordion-down.png) no-repeat right;
        display: block
    }

.contenedor_acordeon .social h2 {
    padding: 9px 14px;
    margin: 0;
    border: 0;
    font-size: 1.666em;
    line-height: 1.2em;
    height: 40px;
    background: none
}

    .contenedor_acordeon .social h2 a {
        background-image: url(../images/ico/asocial-down.png)
    }

.contenedor_acordeon .accordion a, .accordion a {
    color: #666;
    text-decoration: none
}

.contenedor_acordeon .contact-content {
    padding: 5px 10px 20px;
    overflow: hidden;
    position: relative
}

    .contenedor_acordeon .contact-content h3 {
        font-size: 1.333em;
        overflow: hidden;
        margin: 0 0 .3em;
        color: #990;
        font: normal 1.5em/120% 'DTLProkyonTRegular',Myriad Pro,Verdana,Helvetica,sans-serif
    }

        .contenedor_acordeon .contact-content h3 span {
            float: left;
            width: 50%
        }

        .contenedor_acordeon .contact-content h3 strong {
            float: right;
            color: #666;
            font-weight: 400
        }

    .contenedor_acordeon .contact-content p {
        margin: 0;
        font-size: 1.083em;
        line-height: 150%
    }

    .contenedor_acordeon .contact-content + .contact-content {
        padding: 15px 10px 5px;
        border-top: 2px solid #f0f0f0
    }

.social .last {
    border: 0 !important
}

.location {
    margin-bottom: 2em
}

    .location .col1 {
        float: left;
        width: 38%;
        padding-right: 5%;
        border-right: 2px solid #f0f0f0
    }

        .location .col1 strong {
            font: normal 1.33em/120% "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
        }

    .location .center {
        padding: 18px 28px !important
    }

        .location .center h3 {
            margin: 0 0 2em;
            color: #990;
            font: normal 1.667em/120% "DTLProkyonTMediumRegular",Myriad Pro,Verdana,Helvetica,sans-serif
        }

        .location .center address {
            margin: 0 0 2em;
            font-size: .917em;
            line-height: 150%
        }

        .location .center h3 {
            margin: 0 0 2em;
            color: #990;
            font: normal 1.667em/120% "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
        }

    .location .col2 {
        float: right;
        width: 50%
    }

        .location .col2 iframe {
            min-height: 321px !important
        }

.faq-10 .num {
    background: url(../images/bg/circle.png) no-repeat center;
    width: 30px;
    height: 26px;
    padding-top: 5px;
    text-align: center;
    position: absolute;
    top: .65em;
    left: 4px;
    font: 1.666em/100% "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    letter-spacing: 1px;
    color: #fff
}

.col1 .box.bcgrey.youknow {
    width: 211px;
    position: relative
}

.home .box.bcgrey .tl {
    background-image: none !important
}

.youknow a.icono {
    background: url("../images/ico/assistant.png") no-repeat scroll left center transparent;
    display: block;
    font-size: 1em;
    padding-left: 40px
}

.sectionSolid.puntoLoginBox.menuLocal {
    max-width: 210px;
    box-sizing: border-box;
    padding: 4px
}

.sectionBorderTab.noBorderBox {
    border: 0
}

    .sectionBorderTab.noBorderBox.bc_eee .listOk li:before {
        background-image: none
    }

.listOk.listOk--big li:before {
    top: 6px
}

.listOk li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(../images/sprite-cms2.png) -285px -1933px no-repeat;
    cursor: auto
}

.listOk p:first-child {
    margin-top: 0
}

.sectionBorderTab.premiumBox.menucol .header {
    font: normal 1.5em/1 "GothamRounded-Medium",Verdana,sans-serif;
    color: #fff;
    padding: 8px;
    background: url(../images/sprite-cms2.png) -421px -1943px no-repeat;
    min-height: 44px;
    margin-bottom: 4px;
    background-color: #fff !important
}

.sectionBorderTab.premiumBox.menucol .contentSection {
    padding: 0 14px
}

.btPunto {
    position: relative;
    padding: 5px !important;
    font: normal 1.18em/1.3 DTLProkyonTRegular,verdana;
    background: none !important;
    background-color: #fc0 !important
}

    .btPunto span {
        text-align: left !important;
        font-weight: 400
    }

    .btPunto .bt_link {
        position: relative;
        padding-right: 35px;
        min-height: 65px
    }

        .btPunto .bt_link:after {
            content: "";
            position: absolute;
            width: 20px;
            height: 65px;
            background: url(../images/bt_punto_arrow.png) no-repeat right center;
            right: 0;
            top: 50%;
            margin-top: -32px
        }

        .btPunto .bt_link .wrap-img {
            width: 113px;
            height: 68px;
            float: left;
            margin-right: 10px;
            -webkit-border-radius: 6px 0 0 6px;
            -moz-border-radius: 6px 0 0 6px;
            border-radius: 6px 0 0 6px;
            overflow: hidden
        }

        .btPunto .bt_link .bt_link_text {
            display: table-cell;
            height: 68px;
            vertical-align: middle;
            text-align: left
        }

        .btPunto .bt_link h5 {
            font-family: verdana
        }

.sectionSolid_punto {
    padding: 7px
}

.puntoLoginBox .contentSection {
    padding: 8px;
    margin-top: -22px
}

.puntoLoginBox h3.header {
    font: normal 1.18em/1.3 "DTLProkyonTRegular",Verdana;
    color: #fff;
    padding: 6px;
    background-color: #999;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.puntoLoginBox h4 {
    margin: 10px 0 14px;
    font-weight: 800
}

.puntoLoginBox input.typeText {
    width: 96%;
    min-width: 0;
    min-height: 0;
    height: 25px;
    border: 1px solid #b3b3b3;
    -webkit-box-shadow: inset 0 3px 8px #eaeaea;
    -moz-box-shadow: inset 0 3px 4px #eaeaea;
    box-shadow: inset 0 3px 4px #eaeaea;
    float: left;
    font: 1em/1.2 Verdana,Geneva,sans-serif;
    padding: 4px 3px 3px;
    margin: 0
}

.puntoLoginBox .footerSection {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    padding: 8px;
    color: #fff;
    background-color: #999
}

    .puntoLoginBox .footerSection h3 {
        padding: 3px 0;
        font: normal 1.18em/1.3 "DTLProkyonTMediumRegular",Verdana
    }

.puntoLoginBox .sepDotsGrey {
    letter-spacing: .8px
}

.col1 .menucol {
    width: 210px;
    position: relative;
    box-sizing: border-box
}

:root .slider-punto .promo {
    height: auto !important
}

.slider-punto .promo .tab-content {
    height: 265px
}

.slider-punto .tabs {
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    background-color: #eee;
    padding: 5px 0 5px 5px;
    width: 100%;
    margin-top: 8px
}

    .slider-punto .tabs .active {
        background-color: transparent !important;
        padding-right: 5px
    }

        .slider-punto .tabs .active a {
            background-image: none;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            border-radius: 8px;
            background-color: #fff
        }

    .slider-punto .tabs > ul {
        width: 99%;
        display: block
    }

    .slider-punto .tabs ul li {
        padding: 0;
        border: 0;
        width: 20%
    }

        .slider-punto .tabs ul li.active div a:before {
            background-position: -49px -2026px
        }

        .slider-punto .tabs ul li div {
            position: relative;
            padding: 0 0 0 5px
        }

            .slider-punto .tabs ul li div:before {
                content: "";
                position: absolute;
                width: 10px;
                height: 120px;
                left: 0;
                top: 50%;
                margin-top: -60px;
                background: url("../images/sprite-cms2.png") no-repeat -26px -2019px
            }

            .slider-punto .tabs ul li div.firstChild:before {
                content: "";
                position: absolute;
                width: 10px;
                height: 120px;
                left: 0;
                top: 50%;
                margin-top: -60px;
                background: none
            }

            .slider-punto .tabs ul li div a {
                display: block;
                min-height: 90px;
                position: relative;
                padding: 23px 7px 7px;
                margin: 0
            }

                .slider-punto .tabs ul li div a:before {
                    content: "";
                    position: absolute;
                    top: 8px;
                    left: 50%;
                    width: 14px;
                    height: 6px;
                    margin-left: -7px;
                    background: url("../images/sprite-cms2.png") no-repeat -63px -2026px
                }

                .slider-punto .tabs ul li div a span {
                    font: 800 1.09em/1.2 verdana !important;
                    color: #999
                }

.slider-punto .wrap-tabs .footerSection {
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
    background-color: #999;
    padding: 5px;
    text-align: center;
    color: #fff;
    font: normal 1.6em/1.7 DTLProkyonTMediumRegular,verdana
}

.slider-template .promo .tab-content {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden
}

.halfBox > div {
    width: 48.8% !important
}

.wrap_btPunto .boton_vp.bt_yellow.btPunto {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.icoFlotante_Top {
    position: absolute;
    right: 22px;
    top: 15px
}

.sectionSolid_punto .contentSection {
    padding: 0
}

    .sectionSolid_punto .contentSection .colIn {
        display: table
    }

        .sectionSolid_punto .contentSection .colIn > div {
            height: 62px;
            display: table-cell;
            vertical-align: middle
        }

.sectionSolid_punto_img img {
    width: 100%;
    height: auto
}

.sectionSolid_punto_intro h3 {
    padding-left: 78px;
    padding-right: 17px;
    position: relative;
    font: 800 1.2em/1.2 verdana,snas-serif;
    color: #999
}

    .sectionSolid_punto_intro h3:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 19px;
        right: 0;
        top: 50%;
        margin-top: -9px;
        background-position: -605px -2107px;
        background-image: url(../images/sprite-cms2.png);
        background-repeat: no-repeat
    }

.sectionSolid_punto_description h4 {
    margin-bottom: 5px;
    font: 800 1.2em/1.2 verdana,snas-serif
}

.sectionSolid_punto_img {
    -webkit-border-radius: 0 8px 8px 0;
    -moz-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    overflow: hidden
}

.slider-punto .wrap-tabs .tabs .yellowArrowList.left {
    background: url(../images/bg/arrow-left_8x19.png) no-repeat left;
    width: 10px;
    height: 16px;
    position: relative;
    padding: 10px 5px
}

.slider-punto .wrap-tabs .tabs .yellowArrowList.right {
    background: url(../images/bg/arrow-right_8x19.png) no-repeat left;
    width: 10px;
    height: 16px;
    position: relative;
    padding: 10px 8px
}

.icoTab-vuelos, .icoTab-vuelos:before {
    background-position: -98px -2032px
}

.icoTab-car, .icoTab-car:before {
    background-position: -187px -2032px
}

.icoTab-hotel, .icoTab-hotel:before {
    background-position: -274px -2032px
}

.icoTab-visa, .icoTab-visa:before {
    background-position: -361px -2036px
}

.icoTab-pass, .icoTab-pass:before {
    background-position: -447px -2035px
}

.icoTab-pass, .icoTab-redes:before {
    background-position: -500px -2034px
}

.numPasos {
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    margin: 0 0 21px;
    padding: 0 0 6px
}

.sectionBorderTab.bc_f8f8f8 .header {
    background-color: #f1f1f1 !important;
    border-bottom: 3px solid #e5e5e5;
    color: #666
}

.sectionDobleRow .sectionDobleRow-colLeft {
    width: 70%;
    -webkit-border-radius: 8px 0 0 8px;
    overflow: hidden
}

    .sectionDobleRow .sectionDobleRow-colLeft .topRow {
        background-color: #eee
    }

    .sectionDobleRow .sectionDobleRow-colLeft > div {
        display: block;
        padding: 14px
    }

    .sectionDobleRow .sectionDobleRow-colLeft .bottomRow {
        background-color: #666;
        border-top: 2px solid #fff
    }

.sectionDobleRow .sectionDobleRow-colRight {
    position: relative
}

    .sectionDobleRow .sectionDobleRow-colRight img {
        margin: auto;
        top: 5px;
        left: 0;
        right: 0;
        position: absolute
    }

h3.dotted {
    position: relative;
    min-height: 10px;
    text-align: center;
    margin-bottom: 40px
}

    h3.dotted:before {
        content: ".......................................................................................";
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        letter-spacing: 8px;
        margin-top: -13px;
        text-indent: 0;
        z-index: 1;
        font: 45px Myriad Pro,Verdana,Helvetica,sans-serif;
        color: #e5e5e5
    }

    h3.dotted span {
        display: inline-block;
        padding: 8px;
        background-color: #fff;
        font: 25px/26px DTLProkyonTRegular,Myriad Pro,Verdana,Helvetica,sans-serif;
        position: relative;
        z-index: 2
    }

h3.bottomArrow:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 16px;
    background: url(../images/sprite-cms2.png) -344px -1929px no-repeat;
    left: 50%;
    margin-left: -24px;
    bottom: -17px
}

div#YouWillBePremiumPopup {
    width: 49.3em !important
}

.newPassengerPremiumPopup .boxBorder {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.newPassengerPremiumPopup .header {
    height: 32px
}

.newPassengerPremiumPopup .contentSection .title7 {
    margin: 15px 0 10px
}

.newPassengerPremiumPopup .boxBorderTab ul.yellowCheckList figure.deco {
    margin-top: 20px;
    padding-right: 10px
}

.newPassengerPremiumPopup .boxBorderTab ul.yellowCheckList .textLine {
    margin: 20px 0 10px -12px
}

.newPassengerPremiumPopup section.listModul.container-fluid {
    margin-bottom: -8px
}

.newPassengerPremiumPopup .boxBorderTab .yellowCheckList .deco2 {
    margin: 6px 0 -5px 0;
    width: 75px;
    height: 57px
}

.newPassengerPremiumPopup .boxBorderTab ul.yellowCheckList li.row {
    min-height: 50px
}

.paddingRow0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.paddingLat0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.container-fluid > div.row, .calcWidth30 {
    width: calc(100% + 30px)
}

.layout-3 .listModul .title3.header {
    background: none
}

.layout-3 .listModul .title3 {
    background: none
}

.layout-3 .contentModul .title3 {
    background: none
}

.title1 {
    font: 400 2.6em/1.3em "DTLProkyonTMedium",Myriad Pro,Verdana,Helvetica;
    margin-bottom: .8em;
    color: #666
}

.title2, .title2--content {
    font: 400 2em/1.3em "DTLProkyonTMedium",Myriad Pro,Verdana,Helvetica;
    margin-bottom: .4em;
    color: #666
}

.title2--content {
    font-size: 2.1em
}

.title3 {
    font: normal 1.8em/1.3em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: .5em;
    color: #666
}

.title4 {
    font: normal 1.6em/1.3em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: .2em;
    color: #666
}

.title5 {
    font: normal 1.32em/1.3em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: .2em;
    color: #666
}

.title6 {
    font: normal 1.28em/1.3em "Verdana",Helvetica;
    margin-bottom: .2em;
    color: #666
}

.title7 {
    font: bold 1.1em/1.3em "Verdana",Helvetica;
    margin-bottom: .2em;
    color: #666
}

.titleGotham {
    font: normal 1.666em/1.3em 'GothamRounded-Medium';
    color: #666
}

.titleGothamLight {
    font: normal 1.666em/1.3em 'GothamRounded-Light';
    color: #666
}

.headline1 {
    font: 1.4em/1.3em "Verdana",Helvetica;
    margin-bottom: 1em;
    color: #666
}

.headline2 {
    font: normal 1.8em/1.4em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: 1.2em;
    color: #666
}

.headline2 {
    font: normal 1.8em/1.4em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: 1.2em;
    color: #666
}

.textParagraph1 p {
    font: normal 1.2em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

.textParagraph2 p {
    font: normal 1.1em/1.5 em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666
}

.textParagraph3 p {
    font-size: 1em
}

.greenBigPrice {
    font: bold 2em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #990
}

.textSm p {
    font: normal 1em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

.textMd p {
    font: normal 1.2em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

.textLg p {
    font: normal 1.3em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

p.textSm {
    font: normal 1em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

p.textMd {
    font: normal 1.2em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

p.textLg {
    font: normal 1.3em/1.3em "Verdana",Helvetica;
    margin-bottom: .8em;
    color: #666;
    line-height: 1.5em
}

.contentModul img.imgLg {
    width: 100%;
    height: auto
}

.contentModul .divDotsYellow-h {
    background: url("../images/bg/dottedy-x.png") repeat-x scroll left 50% rgba(0,0,0,0);
    height: 45px;
    margin: 0 15px 0 15px;
    padding: 0;
    width: calc(100% - 30px);
    display: none
}

.contentModul .row .title3 {
    margin-bottom: 0;
    width: 100%
}

.contentModul .contentModul-icon .icon {
    background: none
}

.contentModul .contentModul-title3 {
    padding-left: 35px
}

.contentModul .textLeft.contentModul-title3.textLeft {
    padding-left: 15px
}

.contentModul .divDotsYellow {
    padding-right: 35px
}

    .contentModul .divDotsYellow.backgroundLeft {
        padding-right: 15px;
        padding-left: 35px;
        margin-top: -50px
    }

.contentModul .divNoDots {
    padding-right: 0
}

.contentModul .textParagraph1 {
    padding-left: 20px
}

.contentModul .textLeft.textParagraph1.textLeft {
    padding-left: 0;
    padding-right: 20px
}

.contentModul .contentModul-title3.floatLeft {
    width: 50%
}

.contentModul .divNoDots2.contentModul-title3 {
    padding-left: 15px
}

.contentModul .divNoDots2 {
    padding-right: 0
}

    .contentModul .divNoDots2.textParagraph1 {
        padding-left: 0
    }

.contentModul-content.textParagraph1 {
    padding-left: 15px
}

.contentModulImg .row {
    width: 100%
}

.contentModulImg .contentLeft {
    padding-right: 35px
}

    .contentModulImg .contentLeft img {
        width: 100%
    }

.contentModulImg .contentRight {
    padding-left: 35px
}

.conditionsModul.boxWhiteBg {
    width: 100%;
    padding: 25px 10px 0 0
}

.conditionsModul.boxGreyBg {
    width: 100%;
    padding: 25px 10px 0 0
}

.AsistenteVirtualPopup_container .overview {
    padding-left: 2px
}

.layout-3 .title3 {
    background: none
}

.destinationModul .title4 {
    padding-bottom: 15px;
    display: -webkit-box
}

.destinationModul img {
    margin-bottom: 15px;
    width: 100%
}

.destinationModul .boxGreyBg {
    padding: 15px 10px
}

.destinationModul .boxWhiteBg.boxBorder {
    padding: 20px 10px
}

.destinationModul .boxBorder {
    padding: 15px 10px 20px 10px
}

.destinationModul .boxWhiteBg.boxBorder .boxGreyBg.alignCenter {
    padding: 16px;
    margin-bottom: 15px
}

    .destinationModul .boxWhiteBg.boxBorder .boxGreyBg.alignCenter:last-child {
        margin-bottom: 0
    }

.divDotsYellow {
    background: url("../images/bg/dottedy-y.png") repeat-y right
}

.contentModul .backgroundLeft {
    background-position-x: left
}

.divDotsGrey {
    background: url("../images/bg/dotted-y.png") repeat-y scroll right top rgba(0,0,0,0)
}

.cols3 .dotted-y {
    background: url(../images/bg/dotted-y.png) repeat-y right;
    background-position-x: 93%;
    padding-bottom: 15px
}

.yellowCircleNumberList .faqContent.dotted-x {
    margin-top: 0
}

.boxWhiteBg {
    background-color: #fff
}

.boxGreyBg {
    background-color: #f8f8f8
}

.boxWhiteBg, .boxGreyBg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.boxBorder {
    border: 2px solid #ebebeb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px
}

.boxSolid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #efefef
}

.boxBorder .title4 {
    padding-left: 15px;
    padding-top: 15px
}

.dotBorderYellow {
    border: 2px dotted #fc0
}

.boxBorderTab .header {
    position: relative;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    display: block;
    padding: 8px 15px;
    margin-bottom: 15px;
    background-color: #999;
    color: #fff;
    font-family: "DTLProkyonTMediumRegular";
    font-weight: normal
}

.boxBorderTab.boxGreyBg .header {
    background-color: #f1f1f1 !important;
    border-bottom: 2px solid #e5e5e5;
    color: #666
}

.boxDiscountCode .row .divDotsGrey {
    padding-right: 40px
}

.boxDiscountCode .row .boxContent {
    padding-left: 40px
}

.boxBorderTab {
    border: 3px solid #efefef;
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.boxContent.row {
    margin-left: 0
}

.boxBorderYellow {
    border: 3px solid #fc0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding: 12px 4px 12px 12px
}

.boxBorderTab .boxContent {
    padding: 15px
}

.boxBorderTab .boxTitle {
    font: normal 1.3em/1.4 Verdana,Geneva,sans-serif;
    font-weight: normal;
    padding: 10px;
    margin: 0
}

.boxSolid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #efefef
}

.fareIncludedBox {
    margin-top: 30px;
    float: left;
    width: 100%
}

    .fareIncludedBox .titleFareIncluded {
        border-bottom: 2px solid #efefef;
        padding-bottom: 7px;
        font: bold 1.1em/1.3em "Verdana",Helvetica;
        width: 100%;
        padding: 10px;
        margin: 0
    }

    .fareIncludedBox .titleFareBox {
        min-height: 26px;
        display: table-cell;
        vertical-align: middle;
        margin-top: 5px;
        border-right: 1px solid #cdcdcd
    }

        .fareIncludedBox .titleFareBox .deco {
            background-image: url(../images/sprite-cms2.png);
            background-repeat: no-repeat;
            display: inline-block;
            background-position: -936px -787px;
            width: 26px;
            height: 26px;
            margin-top: -5px;
            margin-right: 5px
        }

        .fareIncludedBox .titleFareBox .deco2 {
            background-image: url(../images/sprite-cms2.png);
            background-repeat: no-repeat;
            display: inline-block;
            width: 13px;
            height: 13px;
            position: absolute;
            background-position: -648px -869px;
            margin-left: 7px;
            margin-top: 2px
        }

        .fareIncludedBox .titleFareBox.excellence .deco2 {
            background-position: -665px -869px
        }

        .fareIncludedBox .titleFareBox.optima {
            width: 170px
        }

        .fareIncludedBox .titleFareBox.excellence {
            width: 208px;
            padding-left: 21px
        }

        .fareIncludedBox .titleFareBox.economy {
            width: 268px;
            padding-left: 21px !important;
            border-right: none
        }

    .fareIncludedBox .yellowArrowListSm .deco {
        width: 13px;
        height: 20px;
        float: left;
        background: url(../images/ico/arrow-01.png) no-repeat 0 .3em !important
    }

    .fareIncludedBox .yellowArrowListSm {
        padding-left: 0
    }

        .fareIncludedBox .yellowArrowListSm.optima {
            width: 155px
        }

        .fareIncludedBox .yellowArrowListSm.excellence {
            width: 170px
        }

        .fareIncludedBox .yellowArrowListSm.economy {
            width: 229px
        }

    .fareIncludedBox .titleFareBox .title7 {
        display: inline;
        border-bottom: none;
        padding-bottom: 0
    }

    .fareIncludedBox .linkFare.row {
        margin-bottom: 0;
        margin-left: 0
    }

    .fareIncludedBox .textParagraph1 {
        padding-top: 15px;
        margin-left: 0;
        margin-bottom: 20px
    }

    .fareIncludedBox .boxContent {
        margin-bottom: 0
    }

    .fareIncludedBox .textParagraph1 p.textSm {
        margin-top: 0;
        margin-bottom: 0
    }

.excellenceFare.boxBorder {
    float: left;
    margin-top: 30px
}

    .excellenceFare.boxBorder p.title7 {
        float: none
    }

    .excellenceFare.boxBorder p.fsize11 {
        margin-top: 0
    }

    .excellenceFare.boxBorder .arrowlist.horizontalList > li {
        margin-top: 10px
    }

.boxBoardingPass {
    padding: 12px;
    overflow: hidden
}

    .boxBoardingPass .boxBoardingPassForm .checkform label .title7 {
        margin-bottom: 10px
    }

    .boxBoardingPass #btnCheck-inP.boton_vp.btSmall_arrow.bt_yellow {
        margin: 10px 0 10px 165px
    }

    .boxBoardingPass .icoBoardingPass {
        display: none
    }

    .boxBoardingPass .checkform {
        width: 100%
    }

        .boxBoardingPass .checkform .error_listOut.redBorder {
            width: 87%;
            margin-left: 35px
        }

.nextOffersBox {
    position: relative;
    width: 100%;
    display: table
}

.tabExt {
    position: absolute;
    width: 300px;
    margin-left: 15px
}

    .tabExt .title6 {
        background-color: #fc0;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px
    }

.icoDevices {
    background: url(../images/sprite-cms2.png) no-repeat -420px -1004px;
    display: inline-block;
    width: 60px;
    height: 36px;
    position: relative;
    margin: 10px
}

.nextOffersBox .boxBorder .title6 {
    padding: 10px 0;
    float: none
}

.textNextOffers {
    padding: 5px 10px 0 79px
}

.puntoLoginBox.boxSolid {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px
}

.puntoLoginBox .boxTitle {
    font: normal 1.5em/1.2em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    padding: 10px;
    margin: 0;
    background-color: #999;
    color: #fff;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.puntoLoginBox .boxContent {
    padding: 10px
}

.puntoLoginBox .boton_vp.btSmall_arrow.bt_yellow {
    width: 180px
}

.puntoLoginBox .formLoginPunto fieldset {
    margin-top: 5px;
    margin-bottom: 10px
}

    .puntoLoginBox .formLoginPunto fieldset.email {
        margin-top: 20px;
        margin-bottom: 10px
    }

    .puntoLoginBox .formLoginPunto fieldset input {
        padding: 6px 10px;
        height: 25px
    }

.puntoLoginBox .formLoginPunto .column2 {
    margin-top: 20px
}

.puntoLoginBox.resp {
    display: none
}

.wrap_btSmall_arrow .bt_yellow .bt_link, .wrap_btBig_arrow .bt_yellow .bt_link, .wrap_btMedium_arrow .bt_yellow .bt_link, .wrap_btSmall_plus .bt_yellow .bt_link {
    background: url(../images/btn/sep_btBigYellow.png) right center no-repeat
}

.wrap_btBig_arrow .bt_grey .bt_link {
    background: url(../images/btn/sep_btBigGrey.png) right center no-repeat
}

.wrap_btSmall_arrow .boton_vp.btSmall_arrow.bt_yellow .bt_link {
    background: url(../images/btn/sep_btMedYellow.png) right center no-repeat;
    text-align: center
}

.wrap_btSmall_arrow, .wrap_btSmall_plus, .wrap_btSmall, .wrap_btMini_arrow {
    position: relative;
    zoom: 1
}

.wrap_btSmall_arrow, .wrap_btSmall_plus, .wrap_btSmall, .wrap_btMini_arrow {
    position: relative;
    zoom: 1
}

.bt_link {
    display: block;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    position: relative;
    font-weight: 800;
    color: #666;
    text-decoration: none;
    cursor: pointer
}

.btBig_arrow {
    position: relative;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 14px 19px 15px 26px
}

    .btBig_arrow .bt_link {
        font: normal 1.7em/1.2 DTLProkyonTRegular,Verdana;
        font-size-adjust: .58;
        padding-right: 33px;
        margin-right: 3px;
        text-align: center;
        position: relative;
        z-index: 1
    }

.bt_yellow {
    border: 2px solid #fc0;
    background: #fc0;
    background: -webkit-linear-gradient(top,rgba(255,204,0,1) 86%,rgba(237,193,12,1) 100%);
    background: -o-linear-gradient(top,rgba(255,204,0,1) 86%,rgba(237,193,12,1) 100%);
    background: linear-gradient(to bottom,rgba(255,204,0,1) 86%,rgba(237,193,12,1) 100%)
}

.bt_grey, .bt_cancel {
    border: 2px solid #666;
    background: #666;
    background: -webkit-linear-gradient(top,rgba(102,102,102,1) 86%,rgba(76,74,75,1) 100%);
    background: -o-linear-gradient(top,rgba(102,102,102,1) 86%,rgba(76,74,75,1) 100%);
    background: linear-gradient(to bottom,rgba(102,102,102,1) 86%,rgba(76,74,75,1) 100%)
}

.boton_vp:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(left,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: none/9 !important
}

.boton_vp:hover, .boton_vp:hover .bt_link, .bt_link:hover, .bt_link span:hover, .boton_vp:hover .btBigPrice {
    text-decoration: none !important;
    color: #000 !important
}

.wrap_btSmall_arrow.wrapCenter_conAncho.container-fluid {
    text-align: center !important
}

.btMini_arrow .bt_link {
    font: normal .82em/1.2 Verdana,Helvetica,Arial;
    font-weight: bold;
    padding: 3px 12px;
    position: relative
}

.wrap_btMini_arrow .bt_yellow {
    border: 1px solid #fc0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 3px
}

.wrap_btMini_arrow .boton_vp.btMini_arrow.bt_yellow {
    max-height: 40px
}

.btMini_arrow.bt_yellow .btBigPrice {
    padding-right: 14px
}

.wrap_btMini_arrow .boton_vp.btMini_arrow.bt_yellow .bt_link {
    background: url(../images/btn/sep_btSmallYellow.fw.png) right center no-repeat;
    margin-right: 3px;
    text-align: center
}

.intro {
    clear: both;
    margin-bottom: 1.6em;
    margin-top: 30px
}

    .intro figure.bigIcon {
        float: left;
        text-align: center;
        margin-left: -20px
    }

    .intro .content p {
        margin-bottom: 1.2em
    }

.yellowArrowList .title2, .yellowArrowList .title3, .yellowArrowList .title4 {
    padding: 0;
    margin-bottom: 0
}

.yellowArrowList .title4 {
    top: -1px
}

.yellowArrowList .title3 {
    top: -3px
}

.yellowArrowList .title2 {
    top: -7px
}

li.item-conditions {
    color: #fc0;
    line-height: 15px;
    list-style-type: disc;
    margin-left: 40px;
    padding-top: 21px
}

.conditionsModul .deco {
    width: 6%;
    min-width: 40px;
    min-height: 50px;
    margin-top: 3px
}

.conditionsModul .row.fullWidtg p {
    margin-left: 6%;
    width: 95%
}

.boxDiscountCode .boxGreyBg {
    padding: 35px 25px;
    float: left;
    display: block;
    background-color: #f8f8f8;
    width: 100%
}

    .boxDiscountCode .boxGreyBg p {
        font-size: 16px;
        margin: 0 auto;
        text-align: center;
        color: #666;
        margin-top: -2px;
        float: left;
        border: 2pt dotted #fc0;
        padding: 15px 25px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff
    }

    .boxDiscountCode .boxGreyBg.noIcon p {
        float: none
    }

.listModul .row {
    width: 100%
}

.listModul ul {
    margin-top: 10px
}

    .contentModul div.yellowArrowList div.row, .listModul ul.yellowArrowList li.row .listModul ul.greyArrowList li.row, .listModul ul.yellowBulletList li.row, .listModul ul.greyBulletList li.row, .listModul ul.yellowCheckList li.row, .listModul ul.greyCheckList li.row, .listModul ul.iconLgList li.row {
        margin-bottom: 7px
    }

    .listModul .yellowArrowList .row, .listModul ul.yellowCheckMdList li.row, .listModul ul.greenCheckMdList li.row, .listModul ul.greenCheckLgList li.row, .listModul ul.yellowCircleNumberList {
        margin-bottom: 10px
    }

    .listModul ul.yellowNumberList li.row, .listModul ul.greenCheckLgList li.row {
        margin-bottom: 12px
    }

    .listModul ul.yellowNumberList li.row {
        margin-left: 0;
        margin-right: 0
    }

.listModul .yellowBulletSubList li.row {
    margin-bottom: 20px
}

.boxBorderTab .yellowCheckList.container-fluid, .boxBorderTab .iconLgList.container-fluid {
    margin: 0;
    padding: 0;
    width: inherit
}

.boxBorderTab ul.yellowCheckList li.row {
    margin-bottom: 0
}

.boxBorderTab ul.iconLgList li.row {
    min-height: 70px;
    padding: 0;
    margin-bottom: 0
}

.listModul .yellowArrowList .row {
    margin-bottom: 8px
}

.listModul .greyArrowList .row {
    margin-bottom: 8px
}

.listModul .yellowNumberList ul.yellowBulletSubList {
    margin-left: 4%
}

.listModul .yellowNumberList .title4 {
    margin-top: -2px
}

.faqs .yellowCircleNumberList .row {
    margin-bottom: 4px
}

.yellowNumberList .deco {
    color: #fc0;
    font-size: 1.2em;
    font-weight: bolder;
    max-width: 40px;
    top: 2px
}

.yellowArrowList .deco {
    background: url(../images/bg/arrow-right.png) no-repeat left
}

.greyArrowList .deco {
    background: url(../images/bg/arrow-hg.png) no-repeat left
}

.yellowBulletList .deco, .yellowBulletSubList .deco {
    background: url(../images/bg/bullet-yellow.png) no-repeat left
}

.greyBulletList .deco {
    background: url(../images/bg/bullet-grey.png) no-repeat left
}

.yellowCheckList .deco {
    background: url(../images/bg/checkli-yellow.png) no-repeat left
}

.greyCheckList .deco {
    background: url(../images/bg/checkli-grey.png) no-repeat left
}

.yellowCheckMdList .deco {
    background: url(../images/bg/checkli-yellow-medium.png) no-repeat left
}

.greenCheckMdList .deco {
    background: url(../images/bg/checkli-green-medium.png) no-repeat left
}

.greenCheckLgList .deco {
    background: url(../images/bg/checkli-green-big.png) no-repeat left
}

.yellowNumberList .deco span {
    text-align: right;
    min-width: 28px;
    position: absolute;
    left: 15px;
    font-family: DTLProkyonTMedium,'Myriad Pro',Verdana,Helvetica;
    font-size: 1.3em
}

.cols3 .yellowArrowList .deco {
    padding-left: 0;
    width: 7px;
    top: 0
}

.boxBorderTab .yellowCheckList .deco {
    width: 37px;
    height: 29px;
    margin-top: 28px;
    margin-left: 18px;
    background: url(../images/sprite-cms2.png) no-repeat -274px -1758px
}

.boxBorderTab .yellowCheckList .textLine {
    padding-left: 0;
    padding-right: 0
}

.boxBorderTab .yellowCheckList .deco2 {
    margin-top: 22px;
    float: right;
    text-align: right
}

.iconLgList .deco {
    margin: 15px 0 15px 0
}

.yellowBulletList .deco, .greyBulletList .deco {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 18px
}

.yellowBulletSubList .deco {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 16px;
    padding-right: 5px
}

.yellowCheckList .deco, .yellowArrowList .deco, .greyArrowList .deco, .greyCheckList .deco {
    width: 16px;
    height: 16px;
    top: 1px;
    left: 16px
}

.yellowCheckMdList .deco, .greenCheckMdList .deco {
    width: 25px;
    height: 25px;
    top: 1px;
    left: 15px
}

.greenCheckLgList .deco {
    width: 32px;
    height: 32px;
    top: -3px
}

ul.yellowNumberList, ul.yellowArrowList, ul.greyArrowList, ul.yellowBulletList, ul.greyBulletList, ul.yellowCheckList, ul.greyCheckList, ul.iconLgList {
    font-size: 1.1em;
    line-height: 1.7em;
    color: #000
}

ul.yellowBulletSubList {
    font-size: .9em;
    color: #333;
    line-height: 1.8em
}

ul.yellowCheckMdList, ul.greenCheckMdList, ul.greenCheckLgList {
    font-size: 1.3em;
    line-height: 1.8em;
    color: #666
}

ul.greenCheckLgList {
}

.listModul .textParagraph2 p {
    font: normal 1.3em/1.5 em "Verdana",Helvetica
}

.listModul .boxBorderTab .yellowBulletSubList {
    font-size: 1em
}

.cols3 .textLine {
    font: normal 1.2em/1.5 em "Verdana",Helvetica
}

.listModul .yellowNumberList .textLine {
    padding-left: 20px
}

.listModul .yellowCheckList .textLine, .listModul .greyCheckList .textLine {
    padding-left: 12px
}

.listModul .yellowCheckMdList .textLine {
    padding-left: 24px
}

.listModul .greenCheckMdList .textLine {
    padding-left: 24px
}

.listModul .yellowCircleNumberList .questionContainer {
    margin-left: 20px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 13px;
    border-bottom: 1px solid #efefef;
    padding-top: 15px;
    width: 99%
}

.listModul .greenCheckLgList .textLine {
    padding-left: 28px
}

.listModul .yellowNumberList .yellowBulletSubList .textLine {
    padding-left: 0
}

.boxBorderTab ul.yellowCheckList li.row:after, .boxBorderTab ul.iconLgList li.row:after {
    content: "";
    position: relative;
    bottom: 0;
    height: 1px;
    width: 97%;
    background: url(../images/sepDotTable-h.png) right bottom repeat-x;
    left: 5%
}

.boxBorderTab ul.iconLgList li.row:after {
    width: 120%;
    left: 0
}

.boxBorderTab ul.yellowCheckList li.row:last-of-type:after, .boxBorderTab ul.iconLgList li.row:last-of-type:after {
    background-image: none
}

.boxBorderTab ul.iconLgList figure.deco {
    min-height: 70px;
    margin: 0;
    padding: 0;
    right: 0;
    top: 0;
    margin-top: 6px
}

.boxBorderTab ul.yellowCheckList .textLine {
    margin: 31px 0 30px 0;
    color: #666
}

.boxBorderTab ul.iconLgList .textLine {
    margin-bottom: 20px;
    position: relative;
    margin: 17px 0 25px
}

.boxBorderTab ul.iconLgList .deco2 {
    margin: 14px 0
}

.boxBorderTab {
    overflow: hidden
}

.listModul .boxBorderTab .header {
    margin-bottom: 5px
}

.faqsContainer .faqContent {
    margin-bottom: -4px;
    padding-bottom: 10px;
    border-bottom: 3px solid #efefef
}

.faqContent {
    line-height: 1.4em
}

    .faqContent.dotted-x {
        margin-top: 46px
    }

    .faqContent p {
        margin-bottom: 1.6em
    }

.icon-sample {
    background: url(../images/bg/backgroundIE.png) 100% 50% no-repeat
}

.icon_terms {
    background: url("../images/ico/terms.png") 70% 50% no-repeat
}

.formModul input {
    margin-left: 15px
}

.formModul .fieldsetsGroup .row {
    margin-bottom: 10px
}

.formModul #formPromoMarketing .col-xs-12.col-sm-8.col-md-8.col-lg-8 {
    padding-left: 25px
}

input[type=text] {
    display: inline;
    padding: 7px 6px;
    margin: 2px 4px 0 0;
    color: #999;
    font: normal .916em Verdana,Helvetica,sans-serif;
    border: 1px solid #b3b3b3
}

.formCheckBox {
    max-width: 20px
}

.formModul .fieldsetsGroup.formCheckGroup.twoCols {
    margin-left: 24%
}

.formModul.container-fluid fieldset.row input {
    margin-left: 15px
}

select[id="sOrigin"] {
    width: 55%
}

.btSmall_arrow .bt_link.btWider {
    padding-right: 45px;
    padding-left: 32px
}

.cols3.row {
    margin-left: 0;
    margin-right: 0
}

.cols3 .yellowArrowList .row li.row {
    padding-left: 56px;
    margin-bottom: 5px;
    padding-top: 10px
}

.cols3 .yellowArrowList li.row.textTop0 {
    padding-top: 0;
    margin-top: -2px
}

.cols3 .yellowArrowList .textLine {
    width: 100%
}

.cols3 ul.yellowArrowList {
    margin-top: -10px
}

.cols3 .yellowArrowList li.row {
    padding-top: 20px;
    margin-bottom: 0
}

.layout-2 .airportSearcher .airport-detail .col1 {
    width: 100%
}

.layout-2 .airportSearcher .airport-detail .col2 {
    width: 100%;
    margin-top: 10px;
    text-align: center
}

#CochesYHotelesResultsContainer.resultsAjax .m-box {
    width: 100%
}

    #CochesYHotelesResultsContainer.resultsAjax .m-box .mb .box {
        margin-right: 0
    }

#CochesYHotelesResultsContainer .boxBanner .imgCars img {
    width: 100%;
    height: 100% !important
}

#CochesYHotelesResultsContainer .boxBanner .imgHotels img {
    width: 100%;
    height: 100% !important
}

.b_bContent {
    width: 100%
}

.airportSearcher .search-single .elem-form select {
    width: 53%
}

.airportSearcher .search-single {
    margin-bottom: 0;
    padding-bottom: 1em
}

.layout-2 .airportSearcher .airport-detail .airportDetail {
    width: 100%
}

.airportDetail.boxSolid {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 1.5em;
    width: 98%
}

    .airportDetail .boxSolid.airportDetail.bc_fff {
        margin-bottom: 0;
        padding: 16px;
        width: 64%;
        margin-right: 12px
    }

    .airportDetail .boxSolid.bc_fff.airportImg, .airportDetail .boxSolid.bc_fff.banner {
        margin-bottom: 0;
        padding: 16px;
        text-align: center;
        float: left;
        margin-top: 0
    }

.airportDetail h1 {
    font: 1.666em/1em "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
    margin-bottom: 1em;
    background: url(../images/bg/arrow-right.png) no-repeat left;
    padding-left: 16px;
    color: #999
}

.airportDetail p {
    margin-bottom: 1.4em
}

.airportSearcher #CochesYHotelesResultsContainer .m-box.offers .boxBanner .box.bcgrey {
    margin-right: 0;
    margin-bottom: 20px
}

.airportSearcher .m-box.offers .boxBanner .box.bcgrey .center {
    padding: 10px 6px;
    text-align: center
}

.changeYourFlight .intro.row {
    margin-left: -14px;
    margin-top: 1px
}

.changeYourFlight .boxBorder {
    margin-top: 35px;
    margin-bottom: 40px
}

    .changeYourFlight .boxBorder .boxContent {
        padding-left: 8px
    }

.changeYourFlight .wrap_btSmall_arrow.wrapCenter_conAncho .row {
    text-align: left
}

.changeYourFlight .excellenceFare.boxBorder.intro .content p {
    margin-bottom: 1.5em
}

.changeYourFlight .excellenceFare .icoTrue-small {
    margin-top: -7px
}

.changeYourFlight .content {
    margin-top: 15px
}

.changeYourFlight .checklist {
    padding-top: 25px
}

.faqsContainer .faqContent {
    padding-bottom: 20px;
    border-bottom: 3px solid #efefef
}

.faqContent {
    line-height: 1.4em
}

.faqsContainer .faqsQuestion .textLine {
    padding-left: 10px;
    padding-right: 7px
}

.faqsContainer .yellowCircleNumberList .deco {
    width: 25px;
    height: 30px;
    margin-top: 3px;
    margin-left: 0;
    background: url(../images/bg/circle.png) no-repeat left
}

    .faqsContainer .yellowCircleNumberList .deco .num {
        padding-top: 5px;
        text-align: center;
        position: absolute;
        margin-left: -5px;
        font: 1.666em/100% "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        letter-spacing: 0;
        color: #fff
    }

        .faqsContainer .yellowCircleNumberList .deco .num.twoDigits {
            margin-left: -10px
        }

.faqsContainer .yellowCircleNumberList .textLine {
    font-size: 1.2em;
    background-position-y: 10px;
    display: block;
    line-height: 1.5em;
    padding: 8px 20px 19px 13px;
    width: 85%
}

    .faqsContainer .yellowCircleNumberList .textLine .slideLink.active {
        font-weight: bold
    }

.faqsContainer .yellowCircleNumberList .deco2 {
    width: 25px;
    height: 30px;
    top: 3px;
    background: url(../images/bg/slide-down.png) no-repeat 99% center;
    display: block;
    float: right;
    cursor: pointer
}

    .faqsContainer .yellowCircleNumberList .deco2.active {
        background: url(../images/bg/slide-up.png) no-repeat 99% center
    }

.faqsContainer .yellowCircleNumberList .faqsQuestion {
    border-top: 1px solid #efefef;
    padding-top: 10px;
    margin-bottom: 0;
    margin-right: 15px !important;
    float: left;
    width: 97%
}

    .faqsContainer .yellowCircleNumberList .faqsQuestion.last {
        border-bottom: 1px solid #efefef
    }

.virtualAssistant .textMd {
    font-size: 1em
}

.makeYourQuestion.boxBorder {
    display: none
}

.virtualAssistant a.asistenteVirtual.icono {
    min-height: 27px
}

.baggage .intro p {
    float: left
}

.baggage .textBoxBaggage .boton_vp.btSmall_arrow.bt_yellow {
    margin-top: 25px
}

.baggage .wrap_btMini_arrow .boton_vp.btMini_arrow.bt_yellow .bt_link {
    background: url("../images/btn/btn01-more.png") right center no-repeat;
    padding-right: 35px;
    margin-right: 0
}

.baggage .intro {
    margin-bottom: 40px
}

.icoboxBaggage {
    text-align: center
}

.boxContent .textBoxBaggage .checklist p {
    margin-top: 1px
}

.baggage.excellenceFare.boxBorder .boxContent p.title7 {
    margin-top: 0
}

.baggage .excellenceFare .icoTrue-small {
    margin-top: -7px
}

.baggage .intro .btnResp .row {
    margin-top: 20px
}

.specialBaggage .type.boxContent .title7 {
    height: 30px
}

.specialBaggage .boxBorder.bcyellow {
    border: 3px solid #fc0
}

.boxContent p {
    margin-top: 1em;
    font-size: 1em;
    line-height: 1.3em
}

.specialBaggage .grid {
    overflow: hidden;
    margin-right: -32px
}

.specialBaggage .titlebox .box-derBaggage {
    float: left;
    width: 100%
}

.specialBaggage .grid.grid4 .boxBorder {
    width: 23%;
    margin-bottom: 6px;
    float: left;
    cursor: pointer
}

.specialBaggage .boxBorder {
    margin: 0 3px;
    padding: 10px;
    height: 220px
}

.specialBaggage .baggageSelected.boxBorderYellow {
    margin-top: 5px
}

    .specialBaggage .baggageSelected.boxBorderYellow figure.iconSurf {
        text-align: center;
        margin: 18px 18px 0 -38px
    }

.specialBaggage .boxBorderTab .boxTitle {
    color: #666
}

.specialBaggage .terms {
    padding: 15px 0 12px 46px
}

.baggageSelected.boxBorderYellow .link.gotop {
    margin-bottom: 0;
    margin-right: 15px
}

.specialPassengers .sepDotsGrey.col-tn-12.paddingBottom25 {
    margin-top: -10px
}

.specialPassengers .publi.row {
    margin-top: 20px
}

.specialPassengers .boxBorder {
    margin: 0 3px;
    padding: 10px;
    height: 236px;
    margin-right: 8px
}

.specialPassengers .grid.grid3 .boxBorder.bcyellow {
    border: 3px solid #fc0
}

.specialPassengers .passengerSelected.boxBorderYellow {
    margin-top: 12px;
    margin-right: 12px
}

    .specialPassengers .passengerSelected.boxBorderYellow figure.iconDef {
        text-align: center;
        margin: 15px 0
    }

    .specialPassengers .passengerSelected.boxBorderYellow figure.reminder {
        background: url("../images/ico/reminder.png") no-repeat scroll left top rgba(0,0,0,0);
        padding: 40px 0 7px 0;
        margin-left: 4%
    }

.specialPassengers .grid.grid3 .boxBorder {
    width: 40%;
    float: left;
    margin-bottom: 8px
}

.specialPassengers .boxContent .title7 {
    height: 30px
}

.specialPassengers .boxContent p {
    margin-top: 1em;
    font-size: 1em;
    line-height: 1.3em
}

.specialPassengers img.oneLine {
    margin: 6px 0
}

.specialPassengers .baby img.oneLine {
    margin: 12px 0 6px
}

.basicFareBenefits .fareBox, .optimaFareBenefits .fareBox, .excellenceFareBenefits .fareBox {
    display: none
}

.basicFareBenefits .linkComparativaFF, .optimaFareBenefits .linkComparativaFF, .excellenceFareBenefits .linkComparativaFF {
    float: right
}

.puntoFare .textParagraph1 {
    width: 87%
}

.optimaFareBenefits .nextOffersBox, .excellenceFareBenefits .nextOffersBox {
    padding-left: 88px
}

.optimaFareBenefits .wrap_btSmall_arrow.wrapCenter_conAncho, .excellenceFareBenefits .wrap_btSmall_arrow.wrapCenter_conAncho {
    padding-left: 88px
}

.excellenceFareBenefits .nextAirports {
    padding-left: 88px
}

.excellenceFareBenefits .tabExt .title6 {
    background-color: #666
}

.basicFareBenefits .puntoFare .textParagraph1 {
    margin-left: 20px
}

.linkComparativaFF2 {
    display: none
}

.basicFareBenefits .btnResp .row, .optimaFareBenefits .btnResp .row, .excellenceFareBenefits .btnResp .row {
    margin-top: 20px
}

.airportSearcherCheckin .origin select, .airportSearcherCheckin .destination select {
    border: 1px solid #999;
    box-shadow: 0 1px 5px #ddd inset;
    padding: 5px;
    width: 100%;
    margin-top: 8px
}

.airportSearcherCheckin .boxBorderYellow .boxContent .searcher.row {
    margin-bottom: 12px
}

.airportSearcherCheckin .comprueba {
    padding: 0;
    margin-left: 54px;
    width: 25%
}

.airportSearcherCheckin .boxBorderYellow {
    padding: 0
}

    .airportSearcherCheckin .boxBorderYellow .boxContent {
        padding: 12px 4px 12px 12px
    }

.airportSearcherCheckin .boxFooter_grey {
    position: relative;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    background-color: #f0f0f0;
    padding: 20px 15px;
    overflow: hidden
}

.airportSearcherCheckin .boxMessageBottom {
    padding-top: 20px
}

.airportSearcherCheckin .boxFooter_grey .arrow_white {
    position: absolute;
    top: 0;
    left: 50px;
    width: 18px;
    height: 9px;
    background: url(../images/sprite-cms2.png) -699px -1005px no-repeat
}

.airportSearcherCheckin .boxFooter_grey span.displayBlock {
    padding-left: 70px
}

.airportSearcherCheckin ul.checklist.inlineList.paddingTop0.fs_13.fw_800.marginBottom0 {
    width: 130%
}

.newsletterVuela .checklist {
    margin-bottom: 0
}

.newsletterVuela select {
    width: 55%;
    font-size: 12px
}

.newsletterVuela label input {
    width: 226px;
    font-size: 12px;
    color: #000
}

.apuntate .boxBorder .boxContent .frmNewsletter {
    padding: 8px 20px
}

.apuntate .frmNewsletter {
    padding-left: 20px;
    padding-right: 20px
}

.newsletter .frmNewsletter label span, .newsletter .frmStandard label span .apuntate .frmNewsletter label span, .apuntate .frmStandard label span {
    display: inline-block;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    width: 27%
}

.apuntate #frmAlta input, .apuntate #frmAlta select {
    border: 1px solid #999;
    -webkit-box-shadow: 0 1px 5px #ddd inset;
    -moz-box-shadow: 0 1px 5px #ddd inset;
    box-shadow: 0 1px 5px #ddd inset;
    color: #111;
    padding: 4px;
    line-height: 24px;
    margin: 0;
    height: 29px;
    width: 60%
}

.newsletter .apuntate #frmAlta input, .newsletter .apuntate #frmAlta select {
    font-size: .916em
}

.newsletter #ftSubscribe2 {
    width: 211px !important
}

.apuntate #frmAlta input[type=checkbox] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.apuntate .error_listOut.redBorder {
    width: 97%
}

.newsletterVuela-responsive .newsletterVuela-responsive-form-wrap {
    margin-bottom: 20px
}

.newsletterVuela-responsive .newsletterVuela-responsive-form-baja {
    margin-top: 40px
}

    .newsletterVuela-responsive .newsletterVuela-responsive-form-baja .vy-btn {
        display: block;
        margin: 0 auto
    }

.newsletterVuela-responsive .required_txtInfo {
    height: 40px
}

    .newsletterVuela-responsive .required_txtInfo .icon-newsletter {
        display: block;
        float: left
    }

.newsletterVuela-responsive .required_txtInfo_text {
    display: inline-block;
    line-height: 40px;
    margin-left: 7px
}

@media(min-width:768px) {
    .newsletterVuela-responsive .required_txtInfo {
        height: auto
    }

    .newsletterVuela-responsive .required_txtInfo_text {
        line-height: 1.2;
        margin-left: 0
    }

    .newsletterVuela-responsive .newsletterVuela-responsive-form-baja .vy-btn {
        margin: 0
    }

    .newsletterVuela-responsive .required_txtInfo .icon-newsletter {
        display: none
    }
}

.petsOnBoard .checklist li {
    width: 100%
}

.petsOnBoard .intro {
    margin-top: 10px
}

    .petsOnBoard .intro figure.bigIcon {
        float: left;
        text-align: center;
        margin-left: -30px;
        margin-top: -10px
    }

.process .intro {
    margin-top: 10px
}

    .process .intro figure.bigIcon {
        float: left;
        text-align: center;
        margin-left: -30px;
        margin-top: -10px
    }

.flightTimes .title5 {
    color: #999;
    padding-bottom: 8px;
    border-bottom: 1px solid #e1e1e1;
    margin: 1.1em 0
}

.flightTimes .pasos span {
    font-size: 1.3em;
    font-weight: bolder;
    padding-right: .3em
}

.flightTimes .flightSearch.boxBorder.bc_f7f7f7 {
    background: url(../images/ico/icon-form-elegir-vuelo.png) no-repeat 4em 5.5em #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    margin-left: 0
}

.flightSearch .boxForm {
    float: left;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    padding: 12px 30px
}

    .flightSearch .boxForm label {
        display: block;
        font-size: 1em;
        position: relative
    }

.boxForm label span {
    display: inline-block;
    padding-bottom: 2px
}

.boxForm label select {
    color: #111;
    -moz-box-shadow: inset 0 3px 4px #eaeaea;
    -webkit-box-shadow: inset 0 3px 4px #eaeaea;
    box-shadow: inset 0 3px 4px #eaeaea;
    border: 1px solid #b3b3b3;
    font-size: 1.3em;
    margin-bottom: 1em
}

.flightTimes .boxContent {
    padding: 6px 10px
}

.flightTimes #horarios-origen, .flightTimes #slDestino, .flightSearch .flightTimes#dateOfTravel {
    padding: 5px;
    width: 100%
}

.flightTimes .intro figure.bigIcon {
    margin: -16px 0 20px -12px
}

.flightTimes a.boton_vp.btSmall_arrow.bt_yellow {
    margin-top: 90px;
    margin-left: 42px
}

.flightTimes .title7.fs_14 {
    margin-right: 10px
}

.flightTimes ul.tabs, .flightTimes ul.tabsReturn {
    padding: 1px
}

    .flightTimes ul.tabs li.active .monthYear .year, .flightTimes ul.tabsReturn li.active .monthYear .year {
        left: -6px;
        height: 22px
    }

    .flightTimes ul.tabs li.MonthNormal .monthYear .year, .flightTimes ul.tabsRetur n li.MonthNormal .monthYear .year {
        height: 23px
    }

html .flightTimes ul.tabs li.active, html ul.tabs li.active, html ul.tabsReturn li.active, html .flightTimes ul.tabsReturn li.active {
    width: 72px
}

.flightTimes .flightSearch .wrap_btSmall_arrow .searchButton {
    text-align: center
}

.whatIsPunto .logoPunto, .whatIsPunto .headline2, .whatIsPunto .dotted-x, .whatIsPunto .puntoOptions {
    display: none
}

.whatIsPunto .bannersPunto.row {
    width: 102%
}

.whatIsPunto .boton_vp.bt_yellow.btPunto.link-contenedor {
    width: 100%
}

.howWorks .boxSolid {
    overflow: hidden;
    position: relative;
    line-height: 1.4em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff
}

.puntoOptions.row.paddingLeft20 {
    width: 105%
}

.howWorks .boxSolid ul.yellowCheckList figure.deco {
    margin-top: 22px;
    padding-right: 10px;
    width: 15px;
    height: 15px;
    margin-left: 24px
}

.howWorks .boxSolid ul.yellowCheckList .textLine {
    margin-bottom: 20px;
    position: relative;
    margin: 20px 0 15px;
    padding-left: 25px;
    color: #666;
    width: 78%
}

.howWorks .boxSolid ul.yellowCheckList li.row, .boxBorderTab ul.iconLgList li.row {
    min-height: 70px;
    padding: 0;
    margin-bottom: 0
}

.whatIsPunto ul.yellowCheckList li.row:first-child {
    padding-top: 15px
}

.whatIsPunto ul.yellowCheckList li.row:last-child {
    padding-bottom: 30px
}

.whatIsPunto figure .puntoIcons {
    right: 0;
    margin-top: 14px;
    top: 50%;
    margin-right: 8px
}

.flyWithPoints.logoPunto.floatRight {
    margin-top: -116px
}

.flyWithPoints figure figcaption {
    margin-top: 10px;
    margin-bottom: 10px
}

.flyWithPoints figure img.img1, .flyWithPoints figure img.img2 {
    width: 211px;
    height: 214px
}

.flyWithPoints .sepDotsGrey {
    margin-top: -22px;
    margin-bottom: 6px
}

.icoParagraph {
    overflow: hidden
}

    .icoParagraph .textMd {
        padding-left: 5px;
        height: 72px;
        display: table
    }

        .icoParagraph .textMd p {
            vertical-align: middle;
            display: table-cell
        }

.bannerPuntoYellow .boxSolid {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    border: 3px solid #fc0;
    display: table
}

.bannerPuntoYellow .textBannerPuntoYellow {
    padding: 5px 10px;
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.whatIsPunto .puntoLoginBox.boxSolid, .howGetPoints .puntoLoginBox.boxSolid, .flyWithPoints .puntoLoginBox.boxSolid, .recoverPoints .puntoLoginBox.boxSolid, .buyPoints .puntoLoginBox.boxSolid, .premiumPunto .puntoLoginBox.boxSolid {
    display: none
}

.questionReminder.row {
    margin-bottom: 0
}

.recoverPoints .yellowCheckList .deco, .buyPoints .yellowCheckList .deco {
    left: 0
}

.boxPremiumCard {
    border: 2px solid #ebebeb;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden
}

    .boxPremiumCard .firstSection .textLine {
        padding: 14px;
        float: left;
        background-color: #eee
    }

    .boxPremiumCard .firstSection .textLineExcellence {
        background-color: #666;
        border-top: 2px solid #fff;
        padding: 10px 10px 10px 45px;
        float: left
    }

        .boxPremiumCard .firstSection .textLineExcellence.ico-bf-dotOk_yellow:before {
            margin-left: 12px
        }

    .boxPremiumCard .secondSection {
        padding-top: 38px;
        text-align: center
    }

    .boxPremiumCard .title5 {
        font-size: 1.45em
    }

.premiumPunto .boxBorderTab .header {
    display: none
}

.benefitsTitle .title3 {
    margin-top: -37px
}

    .benefitsTitle .title3 span {
        background-color: #fff;
        padding: 10px
    }

.benefitsTitle .deco {
    margin-top: 5px
}

.premiumPunto .boxBorderTab .yellowCheckList .deco {
    margin-top: 35px;
    margin-left: 7px;
    left: 0
}

.destinationList .dottedList ul {
    margin-bottom: 1em;
    clear: both
}

.destinationList .dottedList .allDestinations {
    color: #666;
    background: url(../images/bg/dotted.png) repeat-x left 1.3em;
    overflow: hidden;
    clear: both
}

    .destinationList .dottedList .allDestinations:hover, .destinationList .dottedList .allDestinations:hover .textLeft, .destinationList .dottedList .allDestinations:hover .textRight {
        background-color: #f0f0f0;
        cursor: pointer
    }

.destinationList .dottedList .textLeft {
    background-color: #fff;
    padding: 5px 6px 5px 3px;
    float: left;
    list-style: none outside none;
    text-decoration: none;
    font-weight: normal !important
}

    .destinationList .dottedList .textLeft a {
        color: #666
    }

.destinationList .dottedList .textRight {
    float: right;
    padding: 5px 6px;
    background-color: #fff;
    list-style: none outside none;
    font-weight: bold
}

.destinationList.list2cols .allDestinations {
    width: 100%;
    float: left
}

.destinationList.list2cols ul {
    overflow: hidden
}

.destinationList .allDestinations a {
    text-decoration: none
}

.destinationList .priceCurrency {
    font-size: .8em;
    font-family: 'Verdana',Helvetica,sans-serif;
    border-bottom: 1px solid #990
}

    .destinationList .priceCurrency .priceCurrency_amount {
        font-family: 'Verdana',Helvetica,sans-serif
    }

    .destinationList .priceCurrency .priceCurrency_decimals, .destinationList .priceCurrency:after {
        position: relative;
        top: 1px;
        vertical-align: top
    }

.missedFlight .intro {
    margin-top: 15px
}

    .missedFlight .intro .content .arrowlist {
        line-height: 1.5em;
        display: inline-block;
        margin-right: 10px
    }

    .missedFlight .intro .content .wrap_video {
        text-align: center
    }

        .missedFlight .intro .content .wrap_video iframe {
            width: 100%;
            height: 300px
        }

.insuranceChoice .boton_vp.btMini {
    border: 1px solid #fc0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 6px 11px;
    float: right
}

.insuranceChoice .titleFare {
    padding: 10px;
    background-color: #efefef
}

.insuranceChoice .insuranceBox, .insuranceChoice .coverageBox {
    width: 48%;
    margin-bottom: 20px
}

.insuranceChoice .insuranceBox {
    margin-right: 10px
}

.insuranceChoice .coverageBox {
    margin-left: 10px
}

.insuranceChoice .imgBox {
    text-align: center
}

.insuranceChoice .boxContent {
    padding: 20px
}

.insuranceChoice .imgBox img {
    width: 277px;
    height: 148px
}

.insuranceChoice .wrap_btMini {
    overflow: hidden
}

.checkInQuestions .yellowCircleNumberList .deco {
    display: none
}

.checkInQuestions .yellowCircleNumberList .questionContainer .textLine {
    padding-left: 0
}

.checkInQuestions .faqsContainer .yellowCircleNumberList .textLine {
    width: 94%
}

.newFares .boton_vp.btMini {
    max-height: 40px;
    border: 1px solid #fc0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 6px 11px
}

.newFares .basicFareBox, .newFares .optimaFareBox, .newFares .excellenceFareBox {
    width: 32%;
    height: 390px
}

.newFares.basicFareBox, .newFares .optimaFareBox {
    margin-right: 10px
}

.newFares .optimaFareBox {
    margin-left: 10px
}

.newFares .titleFareTab {
    padding: 10px
}

.newFares .basicFareBox .titleFareTab {
    border-bottom: 3px solid #efefef
}

.newFares .optimaFareBox .titleFareTab {
    border-bottom: 3px solid #fc0
}

.newFares .excellenceFareBox .titleFareTab {
    border-bottom: 3px solid #666
}

.newFares .basicFareBox .icoFamFare {
    width: 19px
}

.newFares .optimaFareBox .icoFamFare {
    width: 88px
}

.newFares .basicFareBox .wrap_btSmall_arrow.wrapCenter_conAncho {
    top: 42px
}

.howGetPoints .sepDotsGrey {
    margin-top: -22px
}

.howGetPoints .pointsOptions {
    display: none
}

.howGetPoints .options {
    margin-bottom: 20px
}

    .howGetPoints .options figure .ico {
        float: left;
        padding-left: 20px
    }

.howGetPoints .sectionSolid_punto h3.oneLine {
    margin-top: 10%;
    padding-left: 86px
}

.howGetPoints .sectionSolid_punto h3.twoLines {
    margin-top: 3%;
    padding-left: 86px
}

.imgParagraph.row p {
    width: 79%;
    margin-left: 15px;
    margin-top: 22px
}

img.europ {
    float: left
}

.grid.grid2 .boxBorder {
    margin: 5px;
    padding: 20px;
    border: 3px solid #ebebeb;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 48.3%
}

.taCorp .grid.grid2 .boxBorder {
    margin: 3px
}

.grid.grid2 .boxBorder p.textSm {
    height: 30px;
    margin-top: 0
}

.grid.grid2 .boxBorder.bcyellow {
    border: 3px solid #fc0
}

.grid.grid2 .detailselector {
    margin-left: 4px;
    margin-right: 8px
}

.grid.grid2 .insuranceTypes .boxBorder {
    width: 48.3%
}

.grid.grid2 .box__description {
    text-align: center;
    min-height: 40px;
    color: #000;
    font-size: 1.091em
}

.grid.grid2 .boxContent p.textMd.tc_black {
    line-height: 1;
    margin-top: -6px;
    text-align: center;
    min-height: 40px;
    color: #000;
    font-size: 1.091em
}

.grid.grid2 .boxContent img {
    margin-top: 20px;
    margin-bottom: 20px
}

.grid.grid2 .textSm.paragraph {
    padding-top: 25px
}

.grid.grid2 .gridSelected.boxBorderYellow {
    padding: 15px
}

.gridSelected .checklist {
    padding: 20px 0 0
}

    .gridSelected .checklist li {
        padding: 4px 15px 2px 28px
    }

.gridSelected figure.iconDef {
    text-align: center;
    margin-top: -37px;
    margin-left: -15px
}

.gridSelected a.link.gotop {
    margin-top: 20px;
    margin-bottom: 5px
}

.gridSelected .row {
    margin-bottom: 0
}

.gridSelected .title7 {
    margin-left: 198px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px
}

.chooseYourSeat .grid.grid3.seats {
    margin: 0 -1% 4px
}

@media(max-width:767px) {
    .chooseYourSeat .grid.grid3.seats {
        margin: 0
    }
}

.chooseYourSeat .grid.grid3 .boxBorder {
    width: 31.3%;
    float: left;
    margin-bottom: 11px;
    cursor: pointer;
    min-height: 303px
}

.chooseYourSeat .boxBorder {
    margin: 0 1%;
    padding: 12px 20px 5px 20px
}

#wrapper .chooseYourSeat .grid3 .boxBorder.bcyellow {
    border-width: 2px
}

.chooseYourSeat .boxBorder:first-child {
    margin-left: 1%
}

.chooseYourSeat .boxContent {
    height: 240px
}

.chooseYourSeat .titleGotham.fs_20 {
    padding: 0 5px
}

.chooseYourSeat .dotted-x {
    padding: 22px 5px 0
}

.chooseYourSeat .btnInfo {
    margin-right: -16px
}

.chooseYourSeat .boxContent h2 {
    padding: 0 0 0 20px
}

.seatSelected.boxBorderYellow {
    padding: 15px;
    margin-left: 5px;
    margin-right: 3px;
    margin-bottom: 20px
}

    .seatSelected.boxBorderYellow .boxContent {
        height: auto
    }

.seatSelected figure.iconDef {
    text-align: center;
    margin-top: -27px;
    margin-left: -15px
}

.chooseYourSeat .bannerBox .boxContent p {
    margin-top: 4px
}

.seatSelected .title7 {
    background-repeat: no-repeat;
    margin-left: 198px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    padding-left: 20px
}

.chooseYourSeat .bannerBox {
    background-repeat: no-repeat;
    float: left;
    margin-left: 5px;
    height: 303px;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font: normal 16px/1 'GothamRounded-Medium',Arial,'Helvetica Neue',Helvetica,Arial,sans-serif;
    background-size: cover;
    background-position: left bottom;
    border: 0
}

.chooseYourSeat .seatSelected.boxBorderYellow {
    margin: 0 1%
}

.seatSelected.boxBorderYellow a.btn {
    margin-top: 0
}

.seatSelected.boxBorderYellow ul.checklist {
    margin-bottom: 0
}

.seatSelected.boxBorderYellow a.link.gotop {
    margin-bottom: 0;
    margin-right: -30px
}

#wrapper .chooseYourSeat .btBigPrice {
    display: none
}

.seats_box_title {
    position: relative;
    font-size: 12px;
    font-weight: 700;
    padding-left: 20px;
    min-height: 2.5em
}

    .seats_box_title [class*="icon-"] {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px
    }

.seats_box_title--excellence {
    padding-left: 24px
}

.seats_box_title--priority .icon-asiento .path1:before {
    color: #990
}

.seats_box_title--priority .icon-asiento .path2:before {
    color: #7e7e00
}

.seats_box_title--basic .icon-asiento .path1:before {
    color: #fc0
}

.seats_box_title--basic .icon-asiento .path2:before {
    color: #eabb00
}

.slider-seat .infoBox .icon-factura {
    font-size: 27px;
    margin-right: 7px
}

.pmr .intro {
    margin-bottom: 0
}

    .pmr .intro figure.bigIcon img {
        width: 105px
    }

.mes .grid.grid2 .boxContent img {
    height: 83px
}

body.ru-RU div.buscador-home form#SkySales div#tab-flights.tab-content div.tabc-wrapper div.selectPasajeros em {
    display: block;
    float: left;
    font: .84em/1.3 Verdana,Geneva,sans-serif;
    letter-spacing: -1px;
    margin: 4px 0 4px 8px;
    text-decoration: none;
    white-space: pre-wrap;
    width: 52px
}

.ru-RU #wrapper .dashedArrow-content h2 {
    font: normal 1.2em/1.1 'DTLProkyonTRegular',verdana,sans-serif
}

.ru-RU #wrapper .dashedArrow {
    padding: 7px 18px 1px 49px
}

.ru-RU #wrapper .wrap-dashedArrow:after {
    bottom: -7px
}

.ru-RU #wrapper .wrap-dashedArrow:before {
    bottom: -11px
}

.ru-RU #wrapper #FooterContact .FooterContact_container span.FooterContact_telfCentralReservas {
    height: 36px
}

.ru-RU .bgMooving {
    background: url("../images/landing_mooving/mooving_bgRU.png") no-repeat;
    height: 1598px
}

.nl-NL span.firstLine.price {
    font-size: 3.36em
}

.de-DE .boxSolid .list-services .text-service p, .nl-NL .boxSolid .list-services .text-service p {
    word-break: break-all
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #ccc !important
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: -3px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../../images/infographics10/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fc0
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fbb116
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fc0
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.content-scroll {
    height: 480px
}

.mCSB_container {
    width: auto;
    margin-right: 30px;
    overflow: hidden
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0
    }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar, .mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
    margin-right: 30px
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 0;
    right: 0
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 9px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        text-align: center
    }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: relative;
    height: 20px;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    top: 100%;
    margin-top: -40px
}

.mCustomScrollBox > .mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background: #999
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fc0
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fc0
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fc0
}

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../images/sprite-cms2.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -255px -1966px
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -256px -1990px
}

    .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

﻿ .fake {
}

.landingMooving {
    padding: 43px 38px;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

.bgMooving {
    background: url("../images/landing_mooving/mooving_bg.jpg") no-repeat
}

@media(max-width:559px) {
    .landingMooving {
        padding: 26px 18px
    }
}

@media(max-width:320px) {
    .bgMooving {
        background-position-y: -83px
    }
}

.landingMooving .title1 {
    margin-bottom: 15px;
    line-height: 1
}

.landingMooving_subtitle {
    color: #000;
    font: 800 1.27em/1.3 verdana;
    margin-bottom: 53px
}

.landingMooving_rowCircle {
    margin-bottom: 41px;
    position: relative
}

[class*="landingMooving_rowCircle_"] {
    position: absolute
}

.landingMooving_rowCircle_title {
    font: 400 2.9em/1.3 'DTLProkyonTMediumRegular',verdana;
    color: #333;
    top: 0;
    left: 52%
}

.landingMooving_rowCircle_circle {
    width: 47.77%;
    height: 39%;
    position: relative
}

.landingMooving_rowCircle_circleBase {
    width: 100%;
    height: auto;
    left: 0;
    position: relative
}

.landingMooving_rowCircle_circleSeats, .landingMooving_rowCircle_circleTicket, .landingMooving_rowCircle_circleCheckList {
    z-index: 1
}

.landingMooving_rowCircle_circleSeats {
    width: 34.21%;
    height: auto;
    right: -4%
}

.landingMooving_rowCircle_circleTicket {
    width: 29.18%;
    height: auto;
    left: 0%;
    bottom: 5%
}

.landingMooving_rowCircle_circleCheckList {
    width: 17.94%;
    height: auto;
    right: 15%;
    bottom: 3%
}

.landingMooving_rowCircle_block {
    margin-bottom: 23px;
    width: 36.35%;
    left: 57%;
    top: 25%
}

    .landingMooving_rowCircle_block h3, .landingMooving_rowCircle_block p, .landingMooving_steps .title3 {
        text-align: center;
        color: #333
    }

    .landingMooving_rowCircle_block h3, .landingMooving_steps .title3 {
        font: 400 2em/1.3 'DTLProkyonTMediumRegular',verdana;
        margin-bottom: 19px
    }

    .landingMooving_rowCircle_block p {
        font: 400 1.45em/1.6 'DTLProkyonTRegular',verdana
    }

.landingMooving_rowCircle_block--que {
    width: 29%;
    left: 10%
}

@media(width:768px) {
    .landingMooving_rowCircle_title {
        font-size: 2.1em;
        left: 55%
    }

    .landingMooving_rowCircle_block h3 {
        font-size: 1.63em;
        margin-bottom: 14px
    }

    .landingMooving_rowCircle_block p {
        font-size: 1.2em
    }
}

@media(max-width:767px) {
    .landingMooving_rowCircle_title {
        position: relative;
        width: 100%;
        margin-bottom: 26px;
        text-align: left;
        left: 0;
        right: 0
    }

    .landingMooving_rowCircle_title {
        text-align: center;
        margin-bottom: 11px
    }

    .landingMooving_rowCircle_circle {
        width: 70%;
        display: block;
        margin: 0 auto 40px
    }

    .landingMooving_rowCircle_block {
        display: block;
        position: relative;
        width: 100%;
        left: 0
    }

    .landingMooving_rowCircle_block--que {
        width: 39%;
        left: 33%;
        top: 25%;
        position: absolute
    }
}

@media(max-width:600px) {
    .landingMooving_rowCircle_title {
        font-size: 2em;
        margin-bottom: 25px
    }

    .landingMooving_rowCircle_block h3 {
        font-size: 1.63em;
        margin-bottom: 14px
    }

    .landingMooving_rowCircle_block p {
        font-size: 1.3em
    }
}

@media(max-width:559px) {
    .landingMooving_subtitle {
        margin-bottom: 30px
    }

    .landingMooving_rowCircle_block--que {
        width: 100%;
        left: 0%;
        top: 0%;
        position: relative
    }
}

.landingMooving_steps_block .title3 {
    margin-bottom: 25px
}

.landingMooving_steps_block p {
    padding-left: 83px;
    position: relative;
    font: 400 1.45em/1.3 'DTLProkyonTRegular',verdana;
    margin-top: 20px
}

.landingMooving_steps_block i {
    position: absolute;
    margin-left: -30px;
    margin-top: -15px;
    color: #fc0;
    text-shadow: 1px 1px 3px rgba(0,0,0,.5);
    font-weight: 800;
    font-size: 2.06em;
    top: -4px
}

.landingMooving_steps_block img {
    width: auto;
    max-width: 100%;
    height: auto
}

@media(width:769px) {
    .col-sm-4 {
        width: 33.33%;
        float: left
    }

    .landingMooving_steps_block p {
        padding-left: 54px
    }

        .landingMooving_steps_block p i {
            margin-top: -15px
        }
}

@media(max-width:767px) {
    .landingMooving_steps_block {
        margin-bottom: 30px
    }

        .landingMooving_steps_block img, .landingMooving_steps_block p {
            display: inline-block;
            vertical-align: middle;
            width: 50%;
            box-sizing: border-box;
            margin-right: -4px
        }

        .landingMooving_steps_block p {
            position: relative;
            padding-left: 31px
        }

        .landingMooving_steps_block i {
            margin-left: -25px;
            margin-top: -15px
        }

        .landingMooving_steps_block img {
            padding-right: 10px
        }
}

@media(max-width:600px) {
    .landingMooving_steps_block p {
        font-size: 1.3em
    }
}

@media(max-width:480px) {
    .landingMooving_steps_block p {
        font-size: 1.3em;
        float: none;
        width: 100%;
        padding: 0 0 210px 16px;
        display: block
    }

    .landingMooving_steps_block i {
        margin-top: -3px;
        text-shadow: none;
        font-size: 1.4em;
        font-weight: bold;
        margin-left: -20px
    }

    .landingMooving_steps_block img {
        position: absolute;
        bottom: 0;
        width: 266px;
        left: 50%;
        margin-left: -133px
    }
}

.landingMooving_rememberBox {
    margin: 80px 0 50px;
    border-color: #fc0;
    padding-left: 93px
}

    .landingMooving_rememberBox .title3 {
        font: 400 1.63em/1.3 'DTLProkyonTMediumRegular',verdana;
        margin-bottom: 10px;
        position: relative
    }

        .landingMooving_rememberBox .title3:before {
            position: absolute;
            content: "";
            left: -68px;
            top: 0;
            width: 44px;
            height: 41px;
            background: url(../images/sprite-cms2.png) -522px -721px
        }

    .landingMooving_rememberBox p {
        font: 400 1.091em/1.3 verdana;
        margin-bottom: 10px
    }

    .landingMooving_rememberBox .landingMooving_rememberBox_claim {
        font: 400 1.63em/1.3 'DTLProkyonTMediumRegular',verdana;
        margin-bottom: 0
    }

@media(max-width:480px) {
    .landingMooving_rememberBox {
        padding: 15px
    }

        .landingMooving_rememberBox .title3 {
            padding: 5px 0 10px 50px
        }

            .landingMooving_rememberBox .title3:before {
                left: 0;
                top: 50%;
                margin-top: -22px
            }

        .landingMooving_rememberBox p {
            margin-bottom: 18px
        }

    .landingMooving strong {
        font-weight: normal;
        font-family: DTLProkyonTMediumRegular
    }
}

body.summerIsCommingLanding {
    background: #efefef url(../images/img_summerIsComming/bg_game_of_thrones.png) repeat center;
    color: #666;
    font-family: "Verdana",Tahoma,Arial,Helvetica,Sans-serif;
    font-size: 1.1em;
    height: 100%;
    margin: 0;
    padding: 0
}

.summerIsCommingLanding #wrapper {
    width: 770px;
    padding: 0
}

.summerIsCommingLanding #main {
    border-radius: 0;
    margin-bottom: 0
}

.summerIsCommingLanding .mainContainer {
    padding: 30px;
    box-sizing: border-box
}

.summerIsCommingLanding #nav {
    width: 99%
}

.footerThrones #footLogo {
    margin-bottom: 10px;
    margin-right: 40px
}

.footerThrones .textSm {
    font: normal .8em/1.4 Verdana !important
}

.summerIsCommingLanding .btnContinue .wrap_btSmall_arrow .boton_vp.btSmall_arrow.bt_yellow .bt_link {
    background: url(../images/img_summerIsComming/btnDragon.png) right center no-repeat;
    font-size: 1.7em !important
}

.summerIsCommingLanding .btnContinue .btSmall_arrow {
    border-radius: 30px !important
}

    .summerIsCommingLanding .btnContinue .btSmall_arrow .bt_link {
        padding: 6px 60px 6px 6px
    }

.chooseYourDest #nav li#step1:before {
    background-image: url(../images/img_summerIsComming/step1.png);
    background-position: 0
}

.chooseYourDest #nav li#step2:before {
    background-image: url(../images/img_summerIsComming/step2.png);
    background-position: 0
}

.chooseYourDest #nav li#step3:before {
    background-image: url(../images/img_summerIsComming/step3.png);
    background-position: 0
}

.chooseYourDest .boxBorderYellow {
    padding: 20px
}

.chooseYourDest .icoCrow {
    background: url(../images/img_summerIsComming/icoCrow.png) no-repeat;
    padding-left: 60px
}

.chooseYourDest .journeyThrones {
    margin-top: 20px
}

.chooseYourDest .outboundFlight {
    height: auto
}

.chooseYourDest .iconGoingOutDragon {
    background: url(../images/img_summerIsComming/icoGoingOutDragon.png) no-repeat;
    padding: 15px 36px 6px 66px
}

.chooseYourDest .destNames.title3 {
    width: 100%
}

.chooseYourDest table.availabilityBody {
    width: 99%;
    float: left;
    margin-bottom: 40px
}

    .chooseYourDest table.availabilityBody .tabFee {
        text-decoration: none;
        text-align: center
    }

        .chooseYourDest table.availabilityBody .tabFee h3 {
            padding-bottom: 3px
        }

.chooseYourDest .tabFee .icoVillager {
    background: url(../images/img_summerIsComming/icoVillager.png) no-repeat center;
    padding: 20px
}

.chooseYourDest .tabFee .icoLord {
    background: url(../images/img_summerIsComming/icoLord.png) no-repeat center;
    padding: 27px
}

.chooseYourDest .tabFee .icoKing {
    background: url(../images/img_summerIsComming/icoKing.png) no-repeat center 19px;
    padding: 32px
}

.chooseYourDest .routeCell .icoAlAlba {
    background: url(../images/img_summerIsComming/icoAlAlba.png) no-repeat left;
    padding: 20px 20px 20px 42px
}

.chooseYourDest .routeCell .icoCrepusculo {
    background: url(../images/img_summerIsComming/icoCrepusculo.png) no-repeat left;
    padding: 20px 20px 20px 42px
}

.chooseYourDest .routeCell .icoCaminantes {
    background: url(../images/img_summerIsComming/icoCaminantes.png) no-repeat left;
    padding: 20px 20px 20px 42px
}

.chooseYourDest .availabilityBody td.routeCell {
    padding-left: 20px
}

.chooseYourDest .icoMoney {
    background: url(../images/img_summerIsComming/icoCoin.png) no-repeat;
    width: 15px;
    height: 15px
}

.chooseYourDest .iconGoingInDragon {
    background: url(../images/img_summerIsComming/icoGoingInDragon.png) no-repeat;
    padding: 15px 36px 6px 66px
}

.chooseYourDest .journeyThrones .availabilityBody tr .price {
    padding: 35px !important
}

.prepareJourney .formLeft .formPax {
    width: 59%
}

.prepareJourney .formLeft .formRow {
    margin-left: 96px
}

.prepareJourney .formLeft .txtEdit, .prepareJourney .formLeft .comboEdit {
    width: 314px
}

.formLeft .formRow select {
    display: inline;
    padding: 7px 6px;
    margin: 2px 4px 0 0;
    color: #999;
    font: normal 1em Verdana,Helvetica,sans-serif;
    border: 1px solid #b3b3b3;
    box-shadow: inset 0 3px 4px #eaeaea;
    float: left;
    width: 238px;
    height: 34px
}

.prepareJourney .formLeft label {
    width: 215px;
    padding-right: 16px;
    display: table-cell;
    min-height: 20px;
    padding-top: 7px;
    vertical-align: top !important;
    font-weight: 800
}

.prepareJourney #nav {
    width: 99%
}

    .prepareJourney #nav li#step1:before {
        background-image: url(../images/img_summerIsComming/step1_02.png);
        background-position: 0
    }

    .prepareJourney #nav li#step2:before {
        background-image: url(../images/img_summerIsComming/step2_02.png);
        background-position: 0
    }

    .prepareJourney #nav li#step3:before {
        background-image: url(../images/img_summerIsComming/step3.png);
        background-position: 0
    }

.prepareJourney .familyFlag {
    width: 290px;
    height: 246px;
    float: right
}

    .prepareJourney .familyFlag.lannister {
        background: url(../images/img_summerIsComming/flagLannister.png) no-repeat right
    }

    .prepareJourney .familyFlag.stark {
        background: url(../images/img_summerIsComming/flagStark.png) no-repeat right
    }

    .prepareJourney .familyFlag.tyrell {
        background: url(../images/img_summerIsComming/flagTyrell.png) no-repeat right
    }

    .prepareJourney .familyFlag.targaryen {
        background: url(../images/img_summerIsComming/flagTargaryent.png) no-repeat right
    }

    .prepareJourney .familyFlag.tully {
        background: url(../images/img_summerIsComming/flagTully.png) no-repeat right
    }

    .prepareJourney .familyFlag.greyjoy {
        background: url(../images/img_summerIsComming/flagGreyjoy.png) no-repeat right
    }

    .prepareJourney .familyFlag.baratheon {
        background: url(../images/img_summerIsComming/flagBaratheon.png) no-repeat right
    }

    .prepareJourney .familyFlag img {
        float: right;
        margin-top: 59px;
        margin-right: 84px
    }

.prepareJourney .boxBorderTab {
    width: 99%;
    float: left
}

.prepareJourney .chooseSeat, .prepareJourney .chooseBaggage, .prepareJourney .chooseInsurance {
    padding: 10px;
    overflow: hidden
}

.prepareJourney .boxSolid.col5 {
    background-color: #fff;
    width: 18.5%;
    float: left;
    padding: 10px;
    border: 2px solid #fff;
    margin: 5px;
    cursor: pointer
}

.prepareJourney .seatThrone {
    width: 100px;
    height: 110px;
    padding-top: 20px
}

.prepareJourney .chooseSeat .boxSolid .title7 {
    padding-right: 10px;
    padding-left: 10px;
    height: 35px
}

.prepareJourney .chooseSeat .seatPrice {
    padding-right: 17px;
    padding-left: 17px;
    height: 35px
}

.prepareJourney .icoMoney {
    background: url(../images/img_summerIsComming/icoCoin.png) no-repeat right;
    padding-right: 22px
}

.prepareJourney .chooseSeat .boxSolid.col5.last {
    border-left: 1px solid #e1e1e1;
    text-align: center
}

.prepareJourney .boxSolid.col2 {
    background-color: #fff;
    width: 47%;
    float: left;
    padding: 10px;
    border: 2px solid #fff;
    margin: 5px
}

.prepareJourney .chooseBaggage .bagImg {
    width: 100px;
    height: 150px;
    float: left;
    padding-left: 10px;
    padding-right: 10px
}

.prepareJourney .chooseBaggage .boxSolid .title7 {
    margin-left: 120px;
    margin-bottom: 10px
}

.prepareJourney .chooseBaggage .textMd {
    height: 175px
}

.prepareJourney .chooseSeat .boxSolid.active, .prepareJourney .chooseBaggage .boxSolid.active, .prepareJourney .chooseInsurance .boxSolid.active {
    background-color: #f7f7f7;
    border: 2px solid #fc0
}

.prepareJourney .chooseSeat .boxSolid.last.active, .prepareJourney .boxSolid.col3.last.active {
    border: 2px solid #fc0
}

.prepareJourney .boxSolid.col3 {
    background-color: #fff;
    width: 31.8%;
    float: left;
    padding: 10px;
    border: 2px solid #fff;
    margin: 5px;
    border-right: 1px solid #e1e1e1
}

    .prepareJourney .boxSolid.col3.last {
        border-right: none
    }

.prepareJourney .chooseInsurance .insuranceImg {
    padding-bottom: 20px
}

.prepareJourney .chooseInsurance .textSm {
    height: 95px
}

.prepareJourney .chooseInsurance .insurancePrice {
    padding-left: 15px;
    padding-right: 15px
}

    .prepareJourney .chooseInsurance .insurancePrice input {
        height: 16px;
        float: left;
        margin-right: 7px
    }

.prepareJourney .specialBaggagePets .specialBag {
    width: 64%;
    float: left;
    border-right: 1px solid #e1e1e1
}

.prepareJourney .specialBaggagePets .pets {
    width: 35%;
    float: left
}

.prepareJourney .specialBaggagePets .specialBag .col4 {
    width: 20.4%;
    float: left;
    padding: 10px
}

.prepareJourney .specialBaggagePets .pets .col2 {
    width: 41.6%;
    float: left;
    padding: 10px
}

.prepareJourney .specialBaggagePets .specialBag .col4 .textSm {
    height: 33px;
    padding-top: 15px
}

.prepareJourney .specialBaggagePets .specialBag .title6 {
    height: 49px
}

.prepareJourney .specialBaggagePets .pets .col2 .textSm {
    height: 33px;
    padding-top: 15px
}

.prepareJourney .selectCoin .boxSolid {
    width: 50%;
    background-color: #fff;
    padding-bottom: 5px;
    padding-top: 5px
}

    .prepareJourney .selectCoin .boxSolid.active {
        background-color: #efefef
    }

.prepareJourney .selectCoin .coinType {
    padding-left: 22px
}

    .prepareJourney .selectCoin .coinType .icoMoney {
        padding: 7px 38px 7px 10px;
        display: table;
        width: 139px
    }

    .prepareJourney .selectCoin .coinType .coin1 {
        background: url(../images/img_summerIsComming/coin1.png) no-repeat right
    }

    .prepareJourney .selectCoin .coinType .coin2 {
        background: url(../images/img_summerIsComming/coin2.png) no-repeat right
    }

    .prepareJourney .selectCoin .coinType .coin3 {
        background: url(../images/img_summerIsComming/coin3.png) no-repeat right
    }

    .prepareJourney .selectCoin .coinType .coin4 {
        background: url(../images/img_summerIsComming/coin4.png) no-repeat right
    }

    .prepareJourney .selectCoin .coinType .bank {
        background: none;
        width: 260px
    }

    .prepareJourney .selectCoin .coinType input {
        float: left;
        height: 27px
    }

.prepareJourney .selectCoin {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc
}

.prepareJourney .finalStepData {
    display: table
}

    .prepareJourney .finalStepData .finalPrice {
        padding: 18px 20px 15px 0
    }

        .prepareJourney .finalStepData .finalPrice .icoMoney {
            font-size: 1.2em
        }

.startJourney #nav li#step1:before {
    background-image: url(../images/img_summerIsComming/step1_02.png);
    background-position: 0
}

.startJourney #nav li#step2:before {
    background-image: url(../images/img_summerIsComming/step2_03.png);
    background-position: 0
}

.startJourney #nav li#step3:before {
    background-image: url(../images/img_summerIsComming/step3_03.png);
    background-position: 0
}

.startJourney .icoChecked {
    background: url(../images/img_summerIsComming/checked.png) no-repeat left;
    float: left
}

.startJourney .bookingChecked p {
    padding-left: 54px;
    float: none;
    margin-bottom: 10px
}

.startJourney .boardingPassGoT {
    width: 100%;
    height: 438px;
    box-sizing: border-box;
    -moz-print-color-adjust: exact;
    -webkit-print-color-adjust: exact
}

.boardingPassGoT.marginTop20 img {
    z-index: 0
}

.startJourney .boardingPassGoT .boxBorder {
    width: 608px;
    height: 249px;
    border-radius: 0;
    border-color: #f4f2df;
    padding: 5px;
    z-index: 99;
    position: absolute;
    top: 405px;
    left: 10%
}

.startJourney .boardingPassGoT .boxSolid {
    width: 607px;
    height: 248px;
    border-radius: 0;
    background-color: #f4f2df;
    padding: 15px
}

.startJourney .boardingPassGoT .col1Data, .startJourney .boardingPassGoT .col3Data {
    width: 36%
}

.startJourney .boardingPassGoT .contentData {
    display: table
}

.startJourney .boardingPassGoT .col2Data {
    width: 25%
}

.startJourney .boardingPassGoT .col3Data .contentData {
    display: flex;
    width: 130%
}

.startJourney .boardingPassGoT .dataGarnet {
    color: #8c0000;
    margin-bottom: 13px;
    font-size: 1.1em
}

.startJourney .boardingPassGoT .shield {
    width: 105px;
    height: 123px;
    margin-bottom: 8px;
    margin-top: -10px
}

    .startJourney .boardingPassGoT .shield.lannister {
        background: url(../images/img_summerIsComming/shieldLannister.png) no-repeat center
    }

    .startJourney .boardingPassGoT .shield.stark {
        background: url(../images/img_summerIsComming/shieldStark.png) no-repeat center
    }

    .startJourney .boardingPassGoT .shield.greyjoy {
        background: url(../images/img_summerIsComming/shieldGreyjoy.png) no-repeat center
    }

    .startJourney .boardingPassGoT .shield.baratheon {
        background: url(../images/img_summerIsComming/shieldBaratheon.png) no-repeat center
    }

    .startJourney .boardingPassGoT .shield.targaryen {
        background: url(../images/img_summerIsComming/shieldTararyent.png) no-repeat center
    }

    .startJourney .boardingPassGoT .shield.tully {
        background: url(../images/img_summerIsComming/shieldTully.png) no-repeat center
    }

    .startJourney .boardingPassGoT .shield.tyrell {
        background: url(../images/img_summerIsComming/shieldTyrell.png) no-repeat center
    }

.startJourney .boardingPassGoT .fare {
    width: 42px;
    height: 42px;
    margin-left: 17px;
    margin-top: -21px
}

    .startJourney .boardingPassGoT .fare.lord {
        background: url(../images/img_summerIsComming/fareLord.png) no-repeat center
    }

    .startJourney .boardingPassGoT .fare.villager {
        background: url(../images/img_summerIsComming/fareVillager.png) no-repeat center
    }

    .startJourney .boardingPassGoT .fare.king {
        background: url(../images/img_summerIsComming/fareKing.png) no-repeat center
    }

.startJourney .boardingPassGoT .col3Data .title7 {
    padding: 8px 36px 2px 10px;
    margin-bottom: 0;
    margin-top: 3px
}

.startJourney .boardingPassGoT .col3Data .ico {
    width: 40px;
    height: 35px;
    margin-bottom: 5px
}

.startJourney .boardingPassGoT .col3Data .seat.seat1 {
    background: url(../images/img_summerIsComming/seat1.png) no-repeat center;
    background-size: 83%
}

.startJourney .boardingPassGoT .col3Data .seat.seat2 {
    background: url(../images/img_summerIsComming/seat2.png) no-repeat center;
    background-size: 83%
}

.startJourney .boardingPassGoT .col3Data .seat.seat3 {
    background: url(../images/img_summerIsComming/seat3.png) no-repeat center;
    background-size: 83%
}

.startJourney .boardingPassGoT .col3Data .seat.seat4 {
    background: url(../images/img_summerIsComming/seat4.png) no-repeat center;
    background-size: 83%
}

.startJourney .boardingPassGoT .col3Data .seat.seat5 {
    background: url(../images/img_summerIsComming/emptyItem.png) no-repeat center;
    background-size: 83%
}

.startJourney .boardingPassGoT .col3Data .seat.seat5 {
    background: url(../images/img_summerIsComming/emptyItemLine.png) no-repeat center;
    background-size: 57%
}

.startJourney .boardingPassGoT .col3Data .seat.noSeat {
    background: url(../images/img_summerIsComming/noSeat2.png) no-repeat center;
    background-size: 83%
}

.startJourney .boardingPassGoT .col3Data .baggage.bag1 {
    background: url(../images/img_summerIsComming/bag1.png) no-repeat center;
    background-size: 78%
}

.startJourney .boardingPassGoT .col3Data .baggage.bag2 {
    background: url(../images/img_summerIsComming/bag2.png) no-repeat center;
    background-size: 76%
}

.startJourney .boardingPassGoT .col3Data .insurance.ins1 {
    background: url(../images/img_summerIsComming/soldier.png) no-repeat center;
    background-size: 88%
}

.startJourney .boardingPassGoT .col3Data .insurance.ins2 {
    background: url(../images/img_summerIsComming/antidote.png) no-repeat center;
    background-size: 57%
}

.startJourney .boardingPassGoT .col3Data .insurance.ins3 {
    background: url(../images/img_summerIsComming/emptyItem.png) no-repeat center;
    background-size: 57%
}

.startJourney .boardingPassGoT .col3Data .insurance.ins3 {
    background: url(../images/img_summerIsComming/emptyItemLine.png) no-repeat center;
    background-size: 57%
}

.startJourney .boardingPassGoT .col3Data .insurance.noIns {
    background: url(../images/img_summerIsComming/noInsurance2.png) no-repeat center;
    background-size: 74%
}

.startJourney .boardingPassGoT .col3Data .specialBag.specialBag1 {
    background: url(../images/img_summerIsComming/specialBag1.png) no-repeat center;
    background-size: 90%
}

.startJourney .boardingPassGoT .col3Data .specialBag.specialBag2 {
    background: url(../images/img_summerIsComming/specialBag2.png) no-repeat center;
    background-size: 90%
}

.startJourney .boardingPassGoT .col3Data .specialBag.specialBag3 {
    background: url(../images/img_summerIsComming/specialBag3.png) no-repeat center;
    background-size: 90%
}

.startJourney .boardingPassGoT .col3Data .specialBag.specialBag4 {
    background: url(../images/img_summerIsComming/specialBag4.png) no-repeat center;
    background-size: 90%
}

.startJourney .boardingPassGoT .col3Data .pet.pets1 {
    background: url(../images/img_summerIsComming/pets1.png) no-repeat center;
    background-size: 100%
}

.startJourney .boardingPassGoT .col3Data .pet.pets2 {
    background: url(../images/img_summerIsComming/pets2.png) no-repeat center;
    background-size: 106%
}

.summerIsCommingLanding .startJourney .btnContinue .wrap_btSmall_arrow .boton_vp.btSmall_arrow.bt_yellow .bt_link {
    background: url(../images/img_summerIsComming/btnPrint.png) right center no-repeat
}

.startJourney .socialMediaBox.boxSolid {
    padding: 15px;
    display: table
}

.startJourney .socialMediaBox .socialaMediaBg {
    background: url(../images/img_summerIsComming/socialMedia_bg.png) no-repeat;
    width: 523px;
    height: 94px;
    display: table
}

.startJourney .socialMediaBox .icoCrier {
    background: url(../images/bg/dotted-y.png) repeat-y right,url(../images/img_summerIsComming/icoCrier.png) no-repeat left;
    width: 68px;
    height: 72px;
    margin: 8px 0 8px 23px;
    padding-right: 28px
}

.startJourney .socialMediaBox .textSocialMedia {
    display: table-cell;
    vertical-align: middle
}

.startJourney .socialMediaBox .icoSocialMedia {
    padding: 24px 10px
}

.startJourney .socialMediaBox .icoFb, .startJourney .socialMediaBox .icoTw, .startJourney .socialMediaBox .icoGoo {
    background: url(../images/img_summerIsComming/icoFb.png) no-repeat;
    width: 31px;
    height: 31px;
    margin: 7px
}

.startJourney .socialMediaBox .icoTw {
    background: url(../images/img_summerIsComming/icoTw.png) no-repeat
}

.startJourney .socialMediaBox .icoGoo {
    background: url(../images/img_summerIsComming/icoGPlus.png) no-repeat
}

.explanationText.tc_999 {
    padding-left: 147px
}

.euroTraveller .row:before, .euroTraveller .row:after {
    display: table;
    content: ""
}

.euroTraveller .row:after {
    clear: both
}

.euroTraveller .row {
    float: none;
    width: auto;
    display: block
}

﻿ .u-promotion.body--universal .styleBoxOutsider {
    margin-bottom: 0 !important
}

.u-promotion.body--universal #wrapper {
    padding: 0;
    width: 100%
}

.u-promotion.body--universal #main {
    width: 86.5em;
    margin: 0 auto;
    border-radius: 0;
    background: none
}

.u-promotion.body--universal #NavMain, .u-promotion.body--universal #Header #NavUsers a.footer_link.menuconrayaFooter, .u-promotion.body--universal #Header #NavUsers a.footer_link.menuconrayaFooter, .u-promotion.body--universal #Header #NavUsers .origenselector, .u-promotion.body--universal #Header #NavUsers #A2, .u-promotion.body--universal #Header .NavInfo, .u-promotion.body--universal #Header #NavUsers #navBar1 {
    display: none
}

.u-promotion.body--universal #NavSites > ul > li {
    border-left: none
}

.u-promotion.body--universal #Header {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0 !important;
    margin-bottom: 0
}

.u-promotion.body--universal #Logo img {
    width: 85%
}

.u-promotion.body--universal .headerPromoUniversal {
    width: 86.5em;
    margin: 0 auto;
    padding: 5px 20px;
    height: 62px
}

.u-promotion.body--universal #Logo {
    margin-bottom: 0;
    margin-left: 8px;
    float: left
}

.u-promotion.body--universal #NavUsers {
    z-index: 200;
    max-width: 80%;
    float: right;
    position: relative
}

.u-promotion.body--universal #NavSites .staticmenu {
    display: none
}

.u-promotion.body--universal .city-content-replace h1.fs_34 {
    font: normal 40px/1 "stabileRegular",sans-serif !important;
    text-shadow: none;
    color: #000
}

.u-promotion.body--universal .city-content-replace h1 .priceCurrency, .u-promotion.body--universal .city-content-replace h1 .priceCurrency_amount {
    font-family: "stabileRegular",sans-serif !important
}

.u-promotion.body--universal .city-content-replace h2.gothamRoundedMedium.fs_20 {
    font: normal 19px/1 "brandonGrotesque-regular",sans-serif !important;
    text-shadow: none;
    color: #000
}

.u-promotion.body--universal .city-content-replace h2.gothamRoundedMedium strong {
    font-family: 'brandonGrotesque-bold',verdana !important
}

.u-promotion.body--universal .banner-content-txt {
    float: none
}

.u-promotion.body--universal .buscador-home .elem-form {
    height: 126px
}

.u-promotion.body--universal #buscador-landing.buscador-home__landing--full .sel_calendar fieldset input {
    height: 14px !important;
    box-sizing: content-box
}

.u-promotion.body--universal #ABTestingTypeA .complete-searcher .tabc-wrapper {
    box-sizing: content-box
}

.u-promotion.body--universal .link_below_buscador {
    text-decoration: underline
}

.u-promotion.body--universal #wrapper .seleccionPasajero_box a.is.active, .u-promotion.body--universal #wrapper .seleccionPasajero_box a:hover {
    background-color: #666;
    border-color: #666
}

.u-promotion.body--universal .wrap_counter .counter {
    display: table;
    height: auto
}

.u-promotion.body--universal .wrap_counter .counter-header {
    padding-top: 0;
    font: normal 16px/1 "brandonGrotesque-regular",sans-serif !important;
    margin-left: 0;
    width: 139px;
    display: table-cell;
    vertical-align: middle;
    float: none
}

.u-promotion.body--universal .buscador-home__header.wrap_counter .counter-content {
    float: none;
    display: table-cell;
    vertical-align: middle
}

.u-promotion.body--universal #ABTestingTypeA .complete-searcher #messageCountdown {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    height: 60px !important;
    width: 100%;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    padding: 23px 13px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: rgba(255,255,255,.85)
}

.u-promotion.body--universal .buscador-home__header.wrap_counter .counter-content > div {
    font-size: inherit
}

.u-promotion.body--universal .counter .digit.static {
    background-color: #000;
    margin: 2px;
    color: #fff;
    padding: 3px;
    border-radius: 4px;
    font: normal 32px/1 "brandonGrotesque-regular",sans-serif !important;
    display: block
}

.u-promotion.body--universal .buscador-home__header.wrap_counter .digit .position {
    width: 33px
}

.u-promotion.body--universal .counter .digit.sep {
    color: #000;
    margin-top: 17px
}

.u-promotion.body--universal .counter span.tag {
    color: #000;
    margin-top: 4px;
    font: normal 10px/1 "brandonGrotesque-regular",sans-serif !important
}

.u-promotion.body--universal .wrap_counter {
    height: 78px
}

    .u-promotion.body--universal .wrap_counter .digit :first-child.position {
        margin-left: 0 !important
    }

.u-promotion.body--universal #firstJourneyMulticity .validationErrorDescription .layerArrow-down {
    left: 41%;
    top: 63px
}

.u-promotion.body--universal #topLanguageSelector .center-popup {
    overflow: hidden
}

.u-promotion.body--universal .topCalendar {
    height: 36px
}

.u-promotion.body--universal .departIcon, .u-promotion.body--universal .returnIcon {
    padding: 0 4px 20px 29px;
    height: 40px
}

.u-promotion.body--universal .returnIcon {
    padding-left: 19px
}

    .u-promotion.body--universal .departIcon span, .u-promotion.body--universal .returnIcon span {
        display: block
    }

.u-promotion.body--universal .result-cal .col2 {
    width: 30%;
    float: left
}

    .u-promotion.body--universal .result-cal .col2 p {
        width: 80%
    }

.u-promotion.body--universal .resultsSearch .totalPrice p {
    padding: 24px 6px 5px 0
}

.u-promotion.body--universal .result-cal .price {
    font: 800 1.9em/1 'DTLProkyonTRegular',Myriad Pro,Verdana,Helvetica,sans-serif
}

.u-promotion.body--universal .result-cal .col3 p {
    margin: 0 20px;
    padding-top: 24px
}

.u-promotion.body--universal .result-cal .col2 p.fam-num {
    width: 432px;
    padding-right: 0
}

.u-promotion.body--universal #Footer {
    width: 83em
}

#Footer {
    box-sizing: content-box
}

@media(max-width:768px) {
    .u-promotion.body--universal #wrapper {
        margin-left: 1%
    }

    .u-promotion.body--universal #wrapper {
        margin-left: 0
    }

    .u-promotion.body--universal {
        background: none !important
    }

        .u-promotion.body--universal .buscador-home .sel_idaVuelta fieldset#origin, .u-promotion.body--universal .buscador-home .sel_calendar fieldset#origin {
            width: 99%
        }

        .u-promotion.body--universal .buscador-home .sel_idaVuelta fieldset#origin, .u-promotion.body--universal .buscador-home .sel_calendar fieldset#origin {
            width: 50%
        }

        .u-promotion.body--universal #idCookiePolicyPanel {
            width: 100%;
            padding-right: 15px !important;
            margin-bottom: 0 !important
        }

            .u-promotion.body--universal #idCookiePolicyPanel span {
                width: 97%;
                float: left
            }

        .u-promotion.body--universal #main {
            width: 100%
        }

        .u-promotion.body--universal #ABTestingTypeA {
            width: 100% !important
        }

        .u-promotion.body--universal .mainContainer {
            padding: 15px
        }

        .u-promotion.body--universal #headerMobile {
            display: none
        }

        .u-promotion.body--universal #Header {
            display: block
        }

        .u-promotion.body--universal .headerPromoUniversal {
            width: 100%
        }

        .u-promotion.body--universal #Logo {
            margin-left: 0
        }

        .u-promotion.body--universal .city-content-replace h1.fs_34 {
            font: normal 36px/1 "stabileRegular",sans-serif !important
        }

        .u-promotion.body--universal .city-content-replace h2.gothamRoundedMedium.fs_20 {
            font: normal 16px/1 "brandonGrotesque-regular",sans-serif !important
        }

        .u-promotion.body--universal #ABTestingTypeA .complete-searcher #messageCountdown {
            height: 79px !important;
            padding: 36px 13px 16px 13px
        }

        .u-promotion.body--universal .buscador-home {
            float: left;
            width: 100%
        }

        .u-promotion.body--universal #buscador-landing.buscador-home__landing--full .sel_pasajeros .seleccionPasajero--adults {
            width: 41%;
            margin-right: 33px
        }

        .u-promotion.body--universal #buscador-landing.buscador-home__landing--full .sel_pasajeros .seleccionPasajero--babies {
            width: 14%
        }

        .u-promotion.body--universal #buscador-landing.buscador-home__landing fieldset.seleccionPasajero.seleccionPasajero--childs {
            margin-right: 45px
        }

        .u-promotion.body--universal .wrap_counter .counter {
            float: right
        }

        .u-promotion.body--universal .wrap_counter .counter-header {
            margin-left: 321px
        }

        .u-promotion.body--universal .buscador-home__header.wrap_counter .counter-content {
            float: left
        }

        .u-promotion.body--universal .two-col .colIn {
            width: 100% !important
        }

        .u-promotion.body--universal #ABTestingTypeA .complete-searcher #messageCountdown span {
            float: right
        }

        .u-promotion.body--universal .link_below_buscador {
            text-decoration: underline;
            width: 100%;
            float: left
        }

        .u-promotion.body--universal .allDays {
            margin-right: 1px
        }

    .ft-row.ft-row4 {
        clear: both
    }

        .ft-row.ft-row4 .ft-mod {
            font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
            font-size: 12px;
            line-height: 11px;
            color: #666;
            height: 12px;
            padding-top: 12px;
            text-align: center;
            border-top: 1px solid #e1e1e1
        }
}

﻿ .serviciosVueling .title3 {
    font-size: 22px;
    font-weight: bold;
    padding-left: 0
}

.serviciosVueling .titleResp.title3 {
    display: none
}

.serviciosVueling .content {
    margin-top: 15px
}

.serviciosVueling .bigIcon {
    text-align: center;
    padding-left: 0
}

.serviciosVueling .contentRight {
    padding-right: 0
}

.serviciosVueling ul.icoList li {
    float: left;
    margin-bottom: 25px
}

.serviciosVueling ul.icoList .ico {
    background: url("../images/sprite-cms2.png") no-repeat;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px
}

    .serviciosVueling ul.icoList .ico.icoCheckIn {
        background-position: -94px -1229px
    }

    .serviciosVueling ul.icoList .ico.icoPuntos {
        background-position: -175px -1228px
    }

    .serviciosVueling ul.icoList .ico.icoPrepara {
        background-position: -261px -1229px
    }

    .serviciosVueling ul.icoList .ico.icoAeropuerto {
        background-position: -338px -1228px
    }

    .serviciosVueling ul.icoList .ico.icoTienda {
        background-position: -421px -1225px
    }

    .serviciosVueling ul.icoList .ico.icoDestino {
        background-position: -137px -1228px
    }

    .serviciosVueling ul.icoList .ico.icoTarifas {
        background-position: -220px -1231px
    }

    .serviciosVueling ul.icoList .ico.icoTrabajo {
        background-position: -295px -1228px
    }

    .serviciosVueling ul.icoList .ico.icoMasServicios {
        background-position: -381px -1226px
    }

    .serviciosVueling ul.icoList .ico.icoInfoVuelos {
        background-position: -460px -1226px
    }

.serviciosVueling ul.icoList .title7 {
    padding-top: 7px;
    float: left
}

.serviciosVueling ul.icoList .textSm {
    float: left
}

.serviciosVueling ul.icoList ul.list li {
    margin-bottom: 5px;
    width: 100%
}

.serviciosVueling ul.list .deco {
    background: url("../images/sprite-cms2.png") no-repeat scroll -688px -872px rgba(0,0,0,0);
    height: 8px;
    position: relative;
    top: 5px;
    width: 4px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.serviciosVueling ul.list a {
    font-weight: bold;
    text-decoration: none;
    color: #666;
    line-height: 15px
}

.serviciosVueling.preparaTuViaje .list .textSm {
    margin: 5px 0 15px 15px
}

.box6Links.boxBorder {
    margin-bottom: 20px;
    padding: 0
}

.box6Links .row3links {
    margin-bottom: 0;
    margin-left: 0
}

    .box6Links .row3links.first {
        border-bottom: 2px dotted #ebebeb
    }

    .box6Links .row3links .link1 {
        padding: 20px;
        text-align: center;
        border-right: 2px dotted #ebebeb
    }

        .box6Links .row3links .link1.last {
            border-right: 0 none
        }

        .box6Links .row3links .link1 .titleLink a {
            color: #999;
            text-decoration: none
        }

        .box6Links .row3links .link1 .titleLink.title4 {
            padding: 0
        }

        .box6Links .row3links .link1 .icoLink {
            height: 90px;
            margin-bottom: 20px
        }

            .box6Links .row3links .link1 .icoLink:hover {
                cursor: pointer
            }

.titleCategory {
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e1e1
}

    .titleCategory img {
        height: 47px;
        margin-right: 15px;
        padding-bottom: 5px
    }

    .titleCategory .title3 {
        padding-top: 15px
    }

.listCategory {
    margin-top: 5px
}

    .listCategory ul.list {
        padding-left: 0
    }

    .listCategory .list li, .listPagsPrincipales .list li {
        margin-bottom: 10px
    }

    .listCategory .list .deco {
        background: url("../images/sprite-cms2.png") no-repeat scroll -688px -872px rgba(0,0,0,0);
        height: 8px;
        position: relative;
        top: 3px;
        width: 4px;
        float: left;
        margin-right: 10px
    }

    .listCategory .list a, .listPagsPrincipales .list a {
        color: #999;
        text-decoration: none;
        line-height: 14px
    }

        .listCategory .list a:hover {
            text-decoration: underline
        }

.listPagsPrincipales {
    margin-top: 10px
}

    .listPagsPrincipales .col5 {
        width: 20%;
        padding-left: 0;
        padding-right: 15px;
        float: left
    }

    .listPagsPrincipales .title5 {
        font-size: 14px;
        margin-bottom: 15px
    }

    .listPagsPrincipales .pagLink .deco, .listPagsPrincipales .subPagLink .deco {
        background: url("../images/sprite-cms2.png") no-repeat scroll -689px -829px rgba(0,0,0,0);
        height: 8px;
        left: 2px;
        position: relative;
        top: 2px;
        width: 4px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .listPagsPrincipales .subPagLink .deco {
        background-position: -688px -872px
    }

    .listPagsPrincipales .pagLink a {
        color: #666
    }

.travelerType .icoLeft {
    padding-left: 40px;
    position: relative
}

    .travelerType .icoLeft:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        width: 30px;
        height: 31px;
        background: url(../images/sprite-cms2.png) -838px -3012px no-repeat
    }

.travelerType .icoMap:before {
    content: "";
    background: url(../images/sprite-cms2.png) -803px -3012px no-repeat
}

.travelerType .pillBorder {
    padding: 10px;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 3px solid #fc0
}

    .travelerType .pillBorder p {
        margin: 10px 0;
        font-size: 12px;
        line-height: 17px;
        color: #333
    }

    .travelerType .pillBorder h3 {
        text-transform: uppercase;
        font: normal 28px "BrandonText-Medium",Myriad Pro,Verdana,Helvetica;
        color: #333;
        margin: 10px 0
    }

.travelerType .pill {
    padding: 10px;
    background-color: #f7f7f7;
    position: relative;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

    .travelerType .pill h3 {
        font: normal 18px "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica;
        color: #666;
        margin: 10px 0
    }

    .travelerType .pill img {
        width: 100%;
        height: auto
    }

    .travelerType .pill p {
        margin: 10px 0
    }

.travelerType .arrowLeft:before {
    content: "";
    display: block;
    float: left;
    width: 19px;
    height: 23px;
    background: url("../images/bg/arrow-right.png") no-repeat scroll 0 50% transparent
}

.travelerType .print_left:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 19px;
    background: url(../images/sprite-cms2.png) -916px -3059px no-repeat
}

.travelerType .social ul {
    display: table
}

.travelerType .social li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 3px
}

    .travelerType .social li:last-child, .travelerType .social li:first-child {
        padding-right: 0
    }

.travelerType a.social_facebook, .travelerType a.social_twitter, .travelerType a.social_google {
    display: block;
    width: 31px;
    height: 31px;
    background: url(../images/sprite-cms2.png) no-repeat;
    color: transparent
}

.travelerType a.social_facebook {
    background-position: -750px -3135px
}

.travelerType a.social_twitter {
    background-position: -788px -3135px
}

.travelerType a.social_google {
    background-position: -827px -3135px
}

.travelerType .sliderIndicators li {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: 0 4px;
    background-color: #fc0;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

    .travelerType .sliderIndicators li.active {
        background-color: #666
    }

body.travelerType {
    background: #fff none
}

.travelerType .mainContainer {
    padding: 16px 10px
}

.travelerType .container-fluid form {
    clear: both;
    overflow: hidden
}

    .travelerType .container-fluid form .row {
        margin-left: 0;
        margin-right: 0
    }

        .travelerType .container-fluid form .row > div {
            padding: 0
        }

.travelerType #Header {
    padding: 40px 0 0 0
}

.travelerType .intxt {
    margin-bottom: 0
}

    .travelerType .intxt h1 {
        font-size: 40px;
        font-weight: normal;
        float: none;
        text-align: center;
        margin: 27px 0 0;
        font-family: "BrandonText-Medium",Myriad Pro,Verdana,Helvetica;
        text-transform: uppercase
    }

        .travelerType .intxt h1 + .sepDotsGrey {
            padding: 0 0 14px 0;
            margin: -3px 0 -2px 0
        }

.travelerType .bottomArrow {
    width: 121px;
    height: 38px;
    background: url(../images/sprite-cms2.png) -868px -3134px no-repeat
}

.travelerType h2 {
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: normal;
    font-family: "BrandonText-Medium",Myriad Pro,Verdana,Helvetica;
    padding-left: 15px
}

    .travelerType h2 + .sepDotsGrey {
        margin: -13px 0 7px 0
    }

.travelerType .introduction p {
    font-size: 12px;
    line-height: 17px;
    color: #333
}

.travelerType .introduction {
    margin-top: 20px
}

.travelerType .titleBrandon {
    font: normal 18px "DTLProkyonTMedium",Myriad Pro,Verdana,Helvetica;
    color: #666
}

.travelerType .results img {
    margin: 30px 0 0 0;
    width: 100%;
    height: auto
}

.travelerType .results:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -40px;
    width: 121px;
    left: 50%;
    margin-left: -60px;
    height: 38px;
    background: url(../images/sprite-cms2.png) -868px -3134px no-repeat
}

.travelerType .results:after {
    content: "";
    display: block;
    clear: both
}

.travelerType .boxBorderTab, .travelerType .boxBorderYellow, .travelerType .boxBorderTab {
    overflow: visible
}

.travelerType .results {
    border-bottom: 11px solid #fc0;
    margin-bottom: 50px;
    padding: 26px 10px 0 10px
}

    .travelerType .results h3 {
        margin-top: 0
    }

    .travelerType .results .divDotsYellow {
    }

    .travelerType .results p {
    }

    .travelerType .results .title1 {
        font-family: "stabileRegular",Myriad Pro,Verdana,Helvetica
    }

    .travelerType .results .footer {
        margin-top: 26px;
        border-top: #ddd solid 1px;
        width: 100%;
        height: 57px;
        line-height: 57px
    }

    .travelerType .results h3 {
        float: right;
        width: 70%;
        padding-left: 27px
    }

.travelerType .pillBorder figure {
    text-align: center;
    width: 30%;
    float: left;
    padding-bottom: 20px
}

.travelerType .results img {
    width: 80%
}

.travelerType .pillBorder .results_content {
    float: right;
    width: 70%;
    padding-left: 27px
}

.travelerType .pillBorder p {
}

.travelerType .pillBorder .footer {
    float: right;
    width: 70%;
    margin-left: 60%;
    padding-left: 27px
}

.travelerType .results .footer ul.social {
    float: right
}

    .travelerType .results .footer ul.social li {
        height: 57px
    }

.travelerType .travelerOptions {
    padding-top: 0
}

    .travelerType .travelerOptions h3 {
        font: normal 20px "BrandonText-Medium",Myriad Pro,Verdana,Helvetica;
        color: #fff;
        margin: 5px 0 7px;
        text-align: center;
        position: relative;
        text-transform: uppercase
    }

        .travelerType .travelerOptions h3:after {
            content: "";
            position: absolute;
            left: 50%;
            margin-left: -15px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 12px 15px 0;
            border-color: #fff transparent #fff transparent;
            bottom: -19px;
            z-index: 3
        }

    .travelerType .travelerOptions fieldset.check {
        position: relative;
        margin-bottom: 25px;
        overflow: hidden
    }

        .travelerType .travelerOptions fieldset.check:after {
            display: block;
            position: absolute;
            width: 4px;
            margin: 0 -2px;
            top: auto;
            bottom: -13%;
            background-color: #fff;
            left: 50%;
            z-index: 2;
            height: 100%
        }

        .travelerType .travelerOptions fieldset.check:before {
            content: "VS";
            font-family: "BrandonText-Medium",Myriad Pro,Verdana,Helvetica;
            color: #666;
            text-align: center;
            line-height: 46px;
            font-size: 25px;
            display: block;
            position: absolute;
            border: solid #fff 4px;
            background-color: #fc0;
            z-index: 3;
            left: 50%;
            top: 50%;
            margin: -6px -26px;
            width: 52px;
            height: 52px;
            border-radius: 50%
        }

    .travelerType .travelerOptions fieldset input:checked + label:before {
        content: "";
        width: 13%;
        height: 21%;
        background-size: 100%;
        left: 3%;
        top: 4%;
        position: absolute;
        z-index: 4;
        background-repeat: no-repeat
    }

    .travelerType .travelerOptions .row [class*="col-"]:last-child input:checked + label:before {
        left: auto;
        right: 3%
    }

.mi-clase {
    position: relative;
    width: 100%;
    background-color: #fc0
}

    .mi-clase:before {
        content: '';
        display: block;
        padding-top: 61.5%
    }

.travelerType .travelerOptions input[type=radio] {
    position: absolute;
    left: -1000em
}

    .travelerType .travelerOptions input[type=radio] + label {
        position: relative;
        display: block;
        width: 100%;
        max-width: 100%;
        background-size: 201%
    }

        .travelerType .travelerOptions input[type=radio] + label span {
            position: absolute;
            display: block;
            font-family: "BrandonText-Medium",Myriad Pro,Verdana,Helvetica;
            color: #fff;
            bottom: 4%;
            font-size: 18px
        }

.travelerType .travelerOptions fieldset.check div:last-child span {
    text-align: right
}

.travelerType .travelerOptions fieldset.check > div span {
    left: 0;
    padding: 3% 3% 3% 3%;
    box-sizing: border-box;
    background-color: #666;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2
}

.travelerType .travelerOptions input[type=radio] + label {
    display: block;
    padding-top: 61.7%
}

    .travelerType .travelerOptions input[type=radio] + label:hover:after {
        box-shadow: inset 0 0 0 8px #fc0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 2
    }

.travelerType .travelerOptions input[type=radio]:checked + label span {
    background-color: #333
}

.travelerType .travelerOptions input[type=radio].beach + label {
    background-position: 0 9.1%
}

.grayscale-beach + label {
    background-position: 0 .05%
}

.travelerType .travelerOptions input[type=radio].beach:checked + label {
}

.travelerType .travelerOptions input[type=radio].mountain + label {
    background-position: 100% 9.2%
}

.travelerType .travelerOptions input[type=radio].mountain:checked + label {
}

.grayscale-mountain + label {
    background-position: 100% .04%
}

.travelerType .travelerOptions input[type=radio].friends + label {
    background-position: 0 27.3%
}

.travelerType .travelerOptions input[type=radio].friends:checked + label {
}

.grayscale-friends + label {
    background-position: 0 18.2%
}

.travelerType .travelerOptions input[type=radio].family + label {
    background-position: 100% 27.29%
}

.travelerType .travelerOptions input[type=radio].family:checked + label {
}

.grayscale-family + label {
    background-position: 100% 18.2%
}

.travelerType .travelerOptions input[type=radio].hotel + label {
    background-position: 0 45.5%
}

.travelerType .travelerOptions input[type=radio].hotel:checked + label {
}

.grayscale-hotel + label {
    background-position: 0 36.4%
}

.travelerType .travelerOptions input[type=radio].camping + label {
    background-position: 100% 45.5%
}

.travelerType .travelerOptions input[type=radio].camping:checked + label {
}

.grayscale-camping + label {
    background-position: 100% 36.4%
}

.travelerType .travelerOptions input[type=radio].culture + label {
    background-position: 0 63.6%
}

.travelerType .travelerOptions input[type=radio].culture:checked + label {
}

.grayscale-culture + label {
    background-position: 0 54.58%
}

.travelerType .travelerOptions input[type=radio].adventurer + label {
    background-position: 100% 63.6%
}

.travelerType .travelerOptions input[type=radio].adventurer:checked + label {
}

.grayscale-adventurer + label {
    background-position: 100% 54.58%
}

.travelerType .travelerOptions input[type=radio].fastFood + label {
    background-position: 0 81.82%
}

.travelerType .travelerOptions input[type=radio].fastFood:checked + label {
}

.grayscale-fastFood + label {
    background-position: 0 72.7%
}

.travelerType .travelerOptions input[type=radio].gourmet + label {
    background-position: 100% 81.9%
}

.travelerType .travelerOptions input[type=radio].gourmet:checked + label {
}

.grayscale-gourmet + label {
    background-position: 100% 72.7%
}

.travelerType .travelerOptions input[type=radio].instagramer + label {
    background-position: 0 99.95%
}

.travelerType .travelerOptions input[type=radio].instagramer:checked + label {
}

.grayscale-instagramer + label {
    background-position: 0 90.87%
}

.travelerType .travelerOptions input[type=radio].zenMode + label {
    background-position: 100% 99.94%
}

.travelerType .travelerOptions input[type=radio].zenMode:checked + label {
}

.grayscale-zenMode + label {
    background-position: 100% 90.87%
}

.travelerType .start {
    display: none
}

.travelerType .travelerOptions .boton_vp {
    border: none;
    margin: 15px auto 45px auto
}

    .travelerType .travelerOptions .boton_vp span {
        padding: 0 14px
    }

.travelerType .recommendation figure {
    position: relative
}

    .travelerType .recommendation figure:after {
        top: 5%;
        right: 5%;
        content: "";
        display: block;
        position: absolute;
        width: 37px;
        height: 37px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #000
    }

.travelerType .recommendation .pill figure.coast:after {
    background: #fff url(../images/sprite-cms2.png) -866px -3005px no-repeat
}

.travelerType .recommendation .pill figure.monument:after {
    background: #fff url(../images/sprite-cms2.png) -915px -3005px no-repeat
}

.travelerType .recommendation .bt_yellow {
    border: none;
    width: 100%
}

.travelerType .recommendation > div {
    padding-right: 7px;
    padding-left: 7px
}

.travelerType .recommendation {
    margin-top: 19px;
    padding-right: 7px;
    padding-left: 7px;
    position: relative
}

.travelerType .travelerOptions ol.sliderIndicators {
    clear: both;
    margin: 0 auto 40px auto;
    text-align: center;
    display: none
}

.travelerType .recommendation a.sliderLeft, .travelerType .recommendation a.sliderRight {
    margin-top: -29px;
    position: absolute;
    top: 50%
}

.travelerType .recommendation a.sliderLeft {
    left: 15px
}

.travelerType .recommendation a.sliderRight {
    right: 15px
}

.travelerType a.sliderLeft, .travelerType a.sliderRight {
    background: url(../images/sprite-cms2.png) no-repeat;
    display: block;
    width: 17px;
    height: 57px;
    color: transparent
}

.travelerType a.sliderLeft {
    background-position: -664px -3135px
}

    .travelerType a.sliderLeft.deactivated {
        background-position: -638px -3135px
    }

.travelerType a.sliderRight {
    background-position: -717px -3135px
}

    .travelerType a.sliderRight.deactivated {
        background-position: -690px -3135px
    }

.travelerType .carouselControl {
    display: none
}

@media(min-width:768px) and (max-width:950px) {
    .travelerType #wrapper {
        width: 100%
    }

    .travelerType #FooterContact .FooterContact_container {
        margin-right: 0
    }

    .travelerType #FooterNewsletterSubscribe {
        margin-left: 0
    }

    .travelerType #FooterRedesSociales {
        width: 26%
    }

    .travelerType #FooterNewsletterSubscribe {
        width: 20%
    }
}

@media(min-width:768px) {
    .travelerType .travelerOptions_cheksMobile {
        display: none
    }
}

@media(min-width:480px) and (max-width:768px) {
    .travelerType .contentModul .divDotsYellow {
        background: url("../images/bg/dottedy-y.png") repeat-y left
    }

    .travelerType .results h3 {
        margin-bottom: 14px
    }

    .travelerType .pill {
        margin-top: 15px
    }

    .travelerType .travelerOptions_cheksMobile {
        display: none
    }

    .travelerType .travelerOptions .sliderIndicators {
        display: none
    }

    .travelerType .results h3 {
        float: right;
        width: 60%;
        padding-left: 27px
    }

    .travelerType .pillBorder figure {
        text-align: center;
        width: 40%;
        float: left;
        padding-bottom: 20px
    }

    .travelerType .results img {
        width: 80%
    }

    .travelerType .pillBorder .results_content {
        float: right;
        width: 60%;
        padding-left: 27px
    }

    .travelerType .pillBorder p {
        margin: 0;
        font-size: 11px
    }

    .travelerType .pillBorder .footer {
        float: right;
        width: 60%;
        margin-left: 60%;
        padding-left: 27px
    }

    .travelerType #footerMobile .FooterContactMobile {
        padding-left: 15px;
        width: 43%
    }
}

@media(max-width:480px) {
    .travelerType .travelerOptions fieldset.check:after {
        display: none
    }

    .travelerType .travelerOptions h3:after {
        display: none
    }

    .travelerType .travelerOptions fieldset.check:before {
        margin: -10px -26px
    }

    .travelerType .travelerOptions fieldset.check:before {
        line-height: 28px;
        font-size: 22px;
        border: solid #fff 3px;
        left: 54%;
        top: 50%;
        margin: 2px 0 0 -29px;
        width: 34px;
        height: 34px
    }

    .travelerOptions .row [class*="col-"] {
        border-top: 4px solid #fff
    }

        .travelerOptions .row [class*="col-"]:first-child {
            border-top: none
        }

    .travelerType .travelerOptions input[type=radio] + label {
        padding-top: 65.7%
    }

        .travelerType .travelerOptions input[type=radio] + label span {
            bottom: 3%
        }

    .travelerType .travelerOptions fieldset.check > div span {
        left: 0;
        padding: 3.5% 4% 4.5% 4%;
        box-sizing: border-box;
        background-color: #666;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 2
    }

    .travelerType .travelerOptions fieldset.check > div:last-child span {
        padding: 4% 4% 4% 4%
    }

    .travelerType .travelerOptions input[type=radio].beach + label {
        background-position: 0% .1%
    }

    .travelerType .travelerOptions input[type=radio].beach:checked + label {
        background-position: 0 9.2%
    }

    .travelerType .travelerOptions input[type=radio].mountain + label {
        background-position: 100% .1%
    }

    .travelerType .travelerOptions input[type=radio].mountain:checked + label {
        background-position: 100% 9.2%
    }

    .travelerType .travelerOptions input[type=radio].friends + label {
        background-position: 0 18.32%
    }

    .travelerType .travelerOptions input[type=radio].friends:checked + label {
        background-position: 0 27.45%
    }

    .travelerType .travelerOptions input[type=radio].family + label {
        background-position: 100% 18.32%
    }

    .travelerType .travelerOptions input[type=radio].family:checked + label {
        background-position: 100% 27.45%
    }

    .travelerType .travelerOptions input[type=radio].hotel + label {
        background-position: 0 36.54%
    }

    .travelerType .travelerOptions input[type=radio].hotel:checked + label {
        background-position: 0 45.67%
    }

    .travelerType .travelerOptions input[type=radio].camping + label {
        background-position: 100% 36.6%
    }

    .travelerType .travelerOptions input[type=radio].camping:checked + label {
        background-position: 100% 45.67%
    }

    .travelerType .travelerOptions input[type=radio].culture + label {
        background-position: 0 54.83%
    }

    .travelerType .travelerOptions input[type=radio].culture:checked + label {
        background-position: 0 63.96%
    }

    .travelerType .travelerOptions input[type=radio].adventurer + label {
        background-position: 100% 54.9%
    }

    .travelerType .travelerOptions input[type=radio].adventurer:checked + label {
        background-position: 100% 63.96%
    }

    .travelerType .travelerOptions input[type=radio].fastFood + label {
        background-position: 0 73.07%
    }

    .travelerType .travelerOptions input[type=radio].fastFood:checked + label {
        background-position: 0 82.4%
    }

    .travelerType .travelerOptions input[type=radio].gourmet + label {
        background-position: 100% 73.1%
    }

    .travelerType .travelerOptions input[type=radio].gourmet:checked + label {
        background-position: 100% 82.25%
    }

    .travelerType .travelerOptions input[type=radio].instagramer + label {
        background-position: 0 91.36%
    }

    .travelerType .travelerOptions input[type=radio].instagramer:checked + label {
        background-position: 0 100.49%
    }

    .travelerType .travelerOptions input[type=radio].zenMode + label {
        background-position: 100% 91.36%
    }

    .travelerType .travelerOptions input[type=radio].zenMode:checked + label {
        background-position: 100% 100.48%
    }
}

@media(max-width:479px) {
    .travelerType .intxt h1 {
        font-size: 24px
    }

    .travelerType h2 {
        font-size: 24px
    }

    .travelerType .introduction p {
        font-size: 11px;
        margin-bottom: 10px
    }

    .travelerType .bottomArrow {
        width: 82px;
        height: 28px;
        background: url(../images/sprite-cms2.png) -906px -3185px no-repeat
    }

    .travelerType .results {
        border: 1px solid #fc0
    }

        .travelerType .results:before {
            content: "";
            bottom: -27px;
            margin-left: -41px;
            width: 82px;
            height: 28px;
            background: url(../images/sprite-cms2.png) -906px -3185px no-repeat
        }

    .travelerType .start {
        display: block
    }

    .travelerType .travelerOptions fieldset {
        display: none
    }

        .travelerType .travelerOptions fieldset.active {
            display: block
        }

    .travelerType .pillBorder .divDotsYellow {
        background: none
    }

    .travelerType .pillBorder figure {
        text-align: center;
        width: 100%
    }

    .travelerType .pillBorder .results_content {
        width: 100%;
        padding-left: 0
    }

    .travelerType .results .footer {
        width: 100%;
        padding-left: 0;
        margin-left: 0
    }

    .travelerType .results img {
        width: 60%;
        margin-bottom: 29px
    }

    .travelerType .pillBorder p {
        margin: 0;
        font-size: 11px
    }

    .travelerType .results h3 {
        text-align: center;
        width: 100%;
        padding-left: 0
    }

    .travelerType .recommendation .pill {
        margin-top: 15px;
        display: none;
        width: 70%;
        margin: auto
    }

        .travelerType .recommendation .pill.active {
            display: block
        }

    .travelerType .carouselControl {
        display: block
    }

    .travelerType .destslider {
        display: none
    }

        .travelerType .destslider.active {
            display: block
        }

    .travelerType .travelerOptions ol.sliderIndicators {
        display: block
    }

    .travelerType .travelerOptions_boxTwoLines input[type=radio] + label {
        background-position: 0 2% !important
    }

    .travelerType .travelerOptions_boxTwoLines input[type=radio]:checked + label {
        background-position: 0 11.05% !important
    }

    .travelerType .travelerOptions fieldset.check:before {
        display: none
    }

    .travelerType .row [class*="col-"] {
        position: relative
    }

    .travelerType .row.check [class*="col-"]:last-child:before {
        content: "VS";
        font-family: "stabileRegular",Myriad Pro,Verdana,Helvetica;
        color: #666;
        text-align: center;
        line-height: 24px;
        font-size: 18px;
        display: block;
        position: absolute;
        border: solid #fff 2px;
        background-color: #fc0;
        z-index: 3;
        left: 50%;
        top: -21px;
        margin: 7px 0 0 -10px;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        box-sizing: border-box
    }

    .travelerType .travelerOptions input[type=radio].beach + label {
        background-position: 0% .15%
    }

    .travelerType .travelerOptions input[type=radio].mountain + label {
        background-position: 100% .15%
    }
}

@media(max-width:767px) {
    .travelerType .travelerOptions input[type=radio] + label span {
        font-size: 20px
    }
}

﻿ .addFAKEclassTodoRIGHTtheBUNDLE {
}

.skrollr-body .mainContainer {
    padding: 43px 20px
}

.scene:before, .scene:after, .wrapper_tooltip:after, .wrapper_tooltip:before {
    display: table;
    content: ""
}

.scene:after, .wrapper_tooltip:after {
    clear: both
}

.overHidden {
    overflow: hidden
}

.overHidden {
    padding-top: 4px;
    top: -4px
}

.DTLProkyonTMediumRegular {
    font-family: 'DTLProkyonTMediumRegular',verdana,sans-serif
}

[class*="icoSprite"], .stage_bg, [class*="icoSprite_bf"]:before {
    background: url(../images/landing_familias/sprite.png) 0 0 no-repeat
}

[class*="icoSprite_bf"] {
    background: none
}

.stage_trapezoids {
    background: url(../images/landing_familias/sprite_trapezoids.png) 0 0 no-repeat
}

.navSteps {
    padding-bottom: 10px
}

    .navSteps.navSticked {
        position: relative;
        top: 0;
        width: 900px;
        background-color: #fff;
        z-index: 8;
        padding: 19px 0
    }

    .navSteps, .navSteps li a {
        position: relative
    }

        .navSteps:before {
            position: absolute;
            content: "";
            width: 94%;
            height: 3px;
            background-color: #eee;
            top: 50%;
            margin-top: -8px;
            left: 3%
        }

        .navSteps li {
            text-align: center;
            display: inline-block
        }

.navSteps--8 li {
    width: 13%
}

    .navSteps--8 li:first-child, .navSteps--8 li:last-child {
        width: 9.07%
    }

.navSteps li:first-child {
    text-align: left
}

.navSteps li:last-child {
    text-align: right
}

.navSteps li .step {
    font: 400 10px/1 'prokyonRegular',verdana,sans-serif;
    display: inline-block;
    color: #ccc;
    text-decoration: none;
    text-align: center
}

    .navSteps li .step span {
        display: block
    }

    .navSteps li .step:before {
        position: relative;
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #eee;
        box-shadow: 1px 1px 0 0 rgba(170,170,170,.65);
        margin-bottom: 5px;
        display: inline-block;
        clear: both
    }

    .navSteps li .step:hover:before {
        background-color: #999
    }

    .navSteps li .step.active, .navSteps li .step:hover {
        color: #666
    }

        .navSteps li .step.active:before {
            background-color: #fc0
        }

        .navSteps li .step.active:after {
            position: absolute;
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #fff;
            top: 6px;
            left: 50%;
            margin-left: -3px
        }

.wrapper_navSteps--vertical {
    position: absolute;
    right: 19px;
    z-index: 10
}

.navSteps--vertical {
    position: fixed;
    width: 27px;
    border-radius: 27px;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 6px 0;
    box-sizing: border-box
}

    .navSteps--vertical:before {
        display: none
    }

    .navSteps--vertical li, .navSteps--vertical li:first-child, .navSteps--vertical li:last-child {
        width: 100%;
        display: block;
        text-align: center !important;
        margin-bottom: 14px
    }

        .navSteps--vertical li:last-child {
            margin-bottom: 0
        }

        .navSteps--vertical li .step:before {
            width: 15px;
            height: 15px;
            box-shadow: none
        }

        .navSteps--vertical li .step:after {
            display: none
        }

        .navSteps--vertical li .step > div {
            position: absolute;
            left: -313px;
            opacity: 0;
            width: 300px;
            top: 0;
            display: block
        }

        .navSteps--vertical li .step span {
            position: absolute;
            right: 0;
            padding: 10px;
            background-color: #fff;
            border: 1px solid #ddd;
            box-shadow: 1px 1px 0 0 rgba(170,170,170,.65);
            width: auto;
            top: 0;
            top: 50%;
            margin-top: -10px;
            box-sizing: border-box;
            border-radius: 5px;
            font-size: 12px;
            color: #666
        }

            .navSteps--vertical li .step span:before, .navSteps--vertical li .step span:after {
                content: "";
                position: absolute;
                right: -10px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 6px 0 6px 10px;
                border-color: transparent transparent transparent #fff;
                display: block;
                z-index: 1;
                top: 50%;
                margin-top: -6px
            }

            .navSteps--vertical li .step span:after {
                right: -12px;
                border-width: 6px 0 6px 11px;
                border-color: transparent transparent transparent #c7c5c0;
                z-index: 0
            }

        .navSteps--vertical li .step:hover div {
            opacity: 1
        }

.navSteps li .step, .navSteps li .step:before, .navSteps li .step:after {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s
}

.navSteps--vertical li .step div {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s
}

.section-animation {
    position: relative
}

.scene0, .scene {
    width: 100%;
    padding: 20px 47px 20px 37px;
    box-sizing: border-box;
    background: url(../images/landing_familias/scene_line_separator.png) left bottom repeat-x;
    overflow: hidden;
    position: relative;
    z-index: 0
}

    .scene:last-child {
        background-image: none
    }

.scene0 {
    background: rgba(117,200,219,1);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(117,200,219,1)),color-stop(89%,rgba(174,223,234,.72)),color-stop(100%,rgba(174,223,234,.6)));
    background: linear-gradient(to bottom,rgba(117,200,219,1) 0%,rgba(174,223,234,.72) 89%,rgba(174,223,234,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75c8db',endColorstr='#aedfea',GradientType=0);
    height: 656px;
    overflow: hidden
}

.scene--odd {
    background-color: #e5e5e5
}

.scene--even {
    background-color: #f3f3f3
}

.header-icon {
    float: left
}

    .header-icon .icon {
        width: 62px;
        height: 62px;
        background-color: #fff;
        border-radius: 50%;
        position: relative
    }

        .header-icon .icon:before {
            content: "";
            position: absolute;
            width: 62px;
            height: 62px;
            top: 0;
            left: 0
        }

    .header-icon .icoSprite_bf_plane:before {
        background-position: 0 -1px
    }

    .header-icon .icoSprite_bf_docs:before {
        background-position: -63px -1px
    }

    .header-icon .icoSprite_bf_handBaggage:before {
        background-position: -126px -1px
    }

    .header-icon .icoSprite_bf_checkin:before {
        background-position: -189px -1px
    }

    .header-icon .icoSprite_bf_pram:before {
        background-position: -252px -1px
    }

    .header-icon .icoSprite_bf_seat:before {
        background-position: -315px -1px
    }

    .header-icon .icoSprite_bf_babySeat:before {
        background-position: -378px -1px
    }

    .header-icon .icoSprite_bf_family:before {
        background-position: -441px -1px
    }

.header-content {
    padding-left: 80px
}

.header-title {
    font: 400 2.18em/1.3 'DTLProkyonTMediumRegular',verdana,sans-serif;
    margin-bottom: 12px
}

.header-text {
    font: 400 1.27em/1.3 Verdana,sans-serif
}

.wrapper_tooltip {
    position: absolute;
    width: 498px;
    z-index: 10;
    top: 116px
}

[class*="wrapper_tooltip--arrowTop"], [class*="wrapper_tooltip--arrowTop"] .tooltip {
    width: 831px
}

.wrapper_tooltip--arrowLeft {
    right: 47px
}

.wrapper_tooltip--arrowRight, .wrapper_tooltip--arrowTopRight, .wrapper_tooltip--arrowTopLeft {
    left: 37px
}

.wrapper_tooltip--arrowLeft .tooltip {
    float: right
}

.tooltip {
    background-color: #fc0;
    padding: 25px 14px 14px;
    border-radius: 10px;
    box-shadow: 5px 5px 0 0 rgba(136,136,136,.3);
    position: relative;
    width: 382px;
    box-sizing: border-box;
    min-height: 108px
}

[class*="tooltip--arrow"] .tooltip:before, [class*="tooltip--arrow"] .tooltip:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 1
}

[class*="tooltip--arrow"] .tooltip:after {
    display: none;
    z-index: 0
}

.wrapper_tooltip--arrowLeft .tooltip:before {
    border-width: 15px 12px 15px 0;
    border-color: transparent #fc0 transparent transparent;
    left: -12px;
    top: 30px
}

.wrapper_tooltip--arrowRight .tooltip:before {
    border-width: 15px 0 15px 12px;
    border-color: transparent transparent transparent #fc0;
    right: -12px;
    top: 30px
}

.wrapper_tooltip--arrowRight .tooltip:after {
    border-width: 14px 0 11px 9px;
    border-color: transparent transparent transparent #888;
    right: -14px;
    top: 38px;
    display: block;
    z-index: 0;
    opacity: .3
}

.wrapper_tooltip--arrowTopLeft .tooltip:before, .wrapper_tooltip--arrowTopRight .tooltip:before {
    border-width: 0 15px 12px 15px;
    border-color: transparent transparent #fc0 transparent;
    left: 30px;
    top: -12px
}

.wrapper_tooltip--arrowTopRight .tooltip:before {
    left: auto;
    right: 30px
}

.tooltip_list {
    margin-bottom: 20px
}

    .tooltip_list li {
        position: relative;
        padding-left: 35px;
        margin-bottom: 16px;
        font: normal 1.2em/1.2 verdana,sans-serif
    }

        .tooltip_list li:last-child {
            margin-bottom: 0
        }

        .tooltip_list li:before {
            content: "";
            position: absolute;
            width: 22px;
            height: 22px;
            background: url(../images/landing_familias/sprite.png) 0 -71px;
            top: -3px;
            left: 0
        }

.tooltip_recommendTitle {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px
}

    .tooltip_recommendTitle:before, .tooltip_recommendTitle:after {
        content: "";
        position: absolute;
        width: 900px;
        height: 1px;
        background: url(../images/landing_familias/title_line_tootlip.png) left center repeat-x;
        left: -50%;
        top: 50%;
        z-index: 0
    }

    .tooltip_recommendTitle:after {
        left: 50%
    }

    .tooltip_recommendTitle span {
        font: normal 1.5em/1.2 'DTLProkyonTMediumRegular',verdana,sans-serif;
        text-transform: uppercase;
        background-color: #fc0;
        display: inline-block;
        z-index: 1;
        position: relative;
        padding: 0 10px
    }

.tooltip_recommendBox {
    padding: 30px 20px 20px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    position: relative
}

    .tooltip_recommendBox:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 15px 0 15px;
        border-color: #fc0 transparent transparent transparent;
        left: 50%;
        margin-left: -15px;
        top: 0
    }

.tooltip_recommendBox_list li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 16px;
    font: normal 1.2em/1.2 verdana,sans-serif
}

    .tooltip_recommendBox_list li:last-child {
        margin-bottom: 0
    }

    .tooltip_recommendBox_list li:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #fc0;
        border-radius: 50%;
        top: 3px;
        left: 0
    }

[class*="scene"] [class*="wrapper_stage_"], [class*="scene"] [class*="wrapper_speaker"], .speaker {
    position: absolute
}

.wrapper_tooltip--arrowRight .wrapper_speaker {
    right: 0
}

.wrapper_tooltip--arrowTopLeft .wrapper_speaker {
    left: 0;
    top: 0
}

.wrapper_tooltip--arrowTopRight .wrapper_speaker {
    right: 0;
    top: 0
}

[class*="wrapper_tooltip--arrowTop"] {
    padding-top: 115px
}

.wrapper_speaker {
    width: 100px;
    height: 100px;
    background: url(../images/landing_familias/shadow_speaker_bubble.png) center bottom no-repeat;
    text-align: center
}

.speaker_bubble {
    width: 93px;
    height: 93px;
    border: 2px solid #fc0;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    z-index: 10;
    display: inline-block
}

.speaker--woman {
    top: 3px;
    left: 2px
}

.speaker--man {
    top: 3px
}

.wrapper_speaker_head {
    top: 10px;
    left: 16px
}

.speaker_head {
    width: 55px;
    height: 55px
}

.speaker--man .wrapper_speaker_head {
    top: 5px;
    left: 15px
}

.speaker--man .speaker_head {
    width: 59px;
    height: 59px
}

.speaker_head {
    background-color: #ffefd9;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.speaker--woman .wrapper_speaker_head_bg {
    top: -19px;
    left: -20px
}

.speaker--woman .speaker_head_bg {
    width: 102px;
    height: 83px;
    background-position: -572px -116px
}

.speaker--man .wrapper_speaker_head_bg {
    top: -48px;
    left: -42px
}

.speaker--man .speaker_head_bg {
    width: 156px;
    height: 106px;
    background-position: -559px -1px
}

.speaker--woman .wrapper_speaker_face {
    top: 23px;
    left: 7px
}

.speaker--woman .speaker_face {
    width: 42px;
    height: 22px;
    background-position: -686px -115px
}

.speaker--man .wrapper_speaker_face {
    top: 21px;
    left: 7px
}

.speaker--man .speaker_face {
    width: 45px;
    height: 30px;
    background-position: -748px -114px
}

.speaker--woman .wrapper_speaker_hair {
    top: 36px;
    left: 0;
    z-index: 0
}

.speaker--woman .speaker_hair {
    width: 47px;
    height: 16px;
    background-position: -694px -144px
}

.speaker--man .wrapper_speaker_hair {
    top: 6px;
    left: 32px;
    z-index: 1
}

.speaker--man .speaker_hair {
    width: 45px;
    height: 18px;
    background-position: -696px -170px
}

.speaker--woman .wrapper_speaker_body {
    top: 59px;
    lefT: 5px
}

.speaker--woman .speaker_body {
    width: 79px;
    height: 56px;
    background-position: -572px -223px
}

.speaker--man .wrapper_speaker_body {
    top: 60px;
    lefT: 10px
}

.speaker--man .speaker_body {
    width: 67px;
    height: 56px;
    background-position: -673px -223px
}

.stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wrapper_stage_plane {
    opacity: 0
}

.wrapper_stage_circle, .wrapper_stage_trapezoid, .wrapper_speaker_body {
    position: absolute
}

.stage_circle {
    width: 372px;
    height: 372px;
    border-radius: 50%;
    background-color: #fff
}

.wrapper_relative {
    position: relative;
    top: 0;
    height: 0
}

.wrapper_stage_circle {
    z-index: 0
}

.wrapper_stage_trapezoid {
    z-index: 1
}

.scene0 .stage {
    height: 656px;
    overflow: hidden
}

.scene0 .wrapper_stage_floor {
    left: 0;
    top: 432px;
    z-index: 1
}

.scene0 .floor {
    background-color: #ccc;
    width: 911px;
    height: 223px
}

.scene0 .wrapper_stage_sunshine {
    left: 0;
    top: 81px;
    z-index: 0
}

.scene0 .sunshine {
    background: rgba(255,255,255,0);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(37%,rgba(255,255,231,0)),color-stop(100%,rgba(255,255,191,1)));
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,231,0) 37%,rgba(255,255,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffbf',GradientType=0);
    width: 911px;
    height: 559px
}

.scene0 .wrapper_stage_child {
    left: 309px;
    top: 328px;
    z-index: 3
}

.scene0 .wrapper_stage_child_head {
    z-index: 2
}

.scene0 .child_head {
    width: 94px;
    height: 76px;
    background-position: -498px -550px
}

.scene0 .wrapper_stage_child_body {
    top: 65px;
    left: 24px;
    z-index: 1
}

.scene0 .child_body {
    width: 58px;
    height: 101px;
    background-position: -575px -645px
}

.scene0 .wrapper_stage_child_leftArm {
    -webkit-transform-origin: 53px 14px;
    -ms-transform-origin: 53px 14px;
    transform-origin: 53px 14px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    left: -17px !important
}

.scene0 .wrapper_stage_child_rightArm {
    -webkit-transform-origin: 6px 17px;
    -ms-transform-origin: 6px 17px;
    transform-origin: 6px 17px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    right: -122px !important;
    left: auto !important
}

.scene0 .wrapper_stage_child_leftArm {
    top: 65px;
    left: -19px;
    z-index: 0
}

.scene0 .child_leftArm, .scene0 .child_rightArm {
    width: 58px;
    height: 25px;
    background-position: -403px -684px
}

.scene0 .wrapper_stage_child_rightArm {
    top: 66px;
    left: 68px;
    z-index: 0
}

.scene0 .child_rightArm {
    background-position: -482px -684px
}

.scene0 .wrapper_stage_daddy {
    left: 202px;
    top: 226px;
    z-index: 5
}

.scene0 .wrapper_stage_daddy_head {
    z-index: 4
}

.scene0 .daddy_head {
    border-radius: 50%;
    width: 87px;
    height: 87px;
    background-color: #ffefd9;
    overflow: hidden
}

.scene0 .wrapper_stage_daddy_head_bg {
    top: -48px;
    left: -65px
}

.scene0 .daddy_head_bg {
    width: 173px;
    height: 136px;
    background-position: -334px -784px
}

.scene0 .wrapper_stage_daddy_head_face {
    top: 25px;
    left: 18px
}

.scene0 .daddy_head_face {
    width: 51px;
    height: 44px;
    background-position: -528px -781px
}

.scene0 .wrapper_stage_daddy_body {
    top: 0;
    left: 0
}

.scene0 .wrapper_stage_daddy_body_neck {
    top: 73px;
    left: 27px;
    z-index: 3
}

.scene0 .daddy_body_neck {
    width: 31px;
    height: 21px;
    background-position: -539px -845px
}

.scene0 .wrapper_stage_daddy_body_rest {
    top: 66px;
    left: -16px;
    z-index: 1
}

.scene0 .daddy_body_rest {
    width: 122px;
    height: 194px;
    background-position: -419px -1304px
}

.scene0 .wrapper_stage_daddy_body_shadow {
    top: 64px;
    left: -8px;
    z-index: 2
}

.scene0 .daddy_body_shadow {
    width: 46px;
    height: 27px;
    background-position: -530px -884px
}

.scene0 .wrapper_stage_mum {
    left: 423px;
    top: 249px;
    z-index: 5
}

.scene0 .wrapper_stage_mum_head {
    z-index: 3;
    left: 10px;
    top: 3px
}

.scene0 .mum_head {
    border-radius: 50%;
    width: 73px;
    height: 73px;
    background-color: #ffefd9;
    overflow: hidden
}

.scene0 .wrapper_stage_mum_head_bg {
    top: 0;
    left: -5px
}

.scene0 .mum_head_bg {
    width: 95px;
    height: 73px;
    background-position: -331px -949px
}

.scene0 .wrapper_stage_mum_head_face {
    top: 25px;
    left: 11px
}

.scene0 .mum_head_face {
    width: 54px;
    height: 38px;
    background-position: -446px -947px
}

.scene0 .wrapper_stage_mum_head_hair {
    top: 0;
    left: -4px;
    z-index: 1
}

.scene0 .mum_head_hair {
    width: 81px;
    height: 70px;
    background-position: -816px -778px
}

.scene0 .wrapper_stage_mum_body {
    top: 0;
    left: 0
}

.scene0 .wrapper_stage_mum_body_neck {
    top: 65px;
    left: 31px;
    z-index: 2
}

.scene0 .mum_body_neck {
    width: 31px;
    height: 21px;
    background-position: -453px -999px
}

.scene0 .wrapper_stage_mum_body_rest {
    top: 63px;
    left: -4px;
    z-index: 1
}

.scene0 .mum_body_rest {
    width: 86px;
    height: 176px;
    background-position: -331px -1323px
}

.scene0 .wrapper_stage_mum_arm {
    top: 69px;
    left: 28px;
    z-index: 2
}

.scene0 .wrapper_stage_mum_arm_partOne {
    top: 0;
    left: 40px;
    z-index: 2;
    -webkit-transform-origin: 5px 0;
    -ms-transform-origin: 5px 0;
    transform-origin: 5px 0
}

.scene0 .mum_arm_partOne {
    width: 24px;
    height: 48px;
    background-position: -19px -1325px
}

.scene0 .wrapper_stage_mum_arm_partTwo {
    top: 29px;
    left: 54px;
    z-index: 1
}

.scene0 .mum_arm_partTwo {
    width: 53px;
    height: 18px;
    background-position: -55px -1355px
}

.scene0 .wrapper_stage_baby {
    left: 524px;
    top: 267px;
    z-index: 3
}

.scene0 .wrapper_stage_baby_body {
    top: 65px;
    left: 24px;
    z-index: 1
}

.scene0 .baby_body {
    width: 157px;
    height: 144px;
    background-position: -18px -1022px
}

.scene0 .wrapper_stage_baby_wheels {
    top: 178px;
    left: 133px;
    z-index: 2
}

.scene0 .baby_wheels {
    width: 38px;
    height: 37px;
    background-position: -84px -1199px
}

.scene0 .wrapper_stage_baby_wheels--big {
    top: 172px;
    left: 33px;
    z-index: 2
}

    .scene0 .wrapper_stage_baby_wheels--big .baby_wheels {
        width: 46px;
        height: 44px;
        background-position: -35px -1192px
    }

.scene0 .wrapper_stage_buildingVueling {
    left: 11px;
    top: 326px;
    z-index: 0
}

.scene0 .buildingVueling {
    width: 233px;
    height: 107px;
    background-position: -367px -1512px
}

.scene0 .wrapper_stage_buildingAirport {
    left: 649px;
    top: 270px;
    z-index: 2
}

.scene0 .buildingAirport {
    width: 229px;
    height: 164px;
    background-position: -622px -1455px
}

.scene0 .wrapper_stage_clouds {
    left: 0;
    top: 0;
    z-index: 2
}

.scene0 .wrapper_stage_cloudXL {
    left: -22px;
    top: 135px;
    z-index: 2
}

.scene0 .cloudXL {
    width: 167px;
    height: 89px;
    background-position: 0 -1531px
}

.scene0 .wrapper_stage_cloudL {
    left: 799px;
    top: 176px;
    z-index: 2
}

.scene0 .cloudL {
    width: 128px;
    height: 63px;
    background-position: -201px -1556px
}

.scene0 .wrapper_stage_cloudM {
    left: 740px;
    top: 109px;
    z-index: 2
}

.scene0 .cloudM {
    width: 99px;
    height: 49px;
    background-position: -122px -1448px
}

.scene0 .wrapper_stage_cloudS {
    left: 82px;
    top: 80px;
    z-index: 2
}

.scene0 .cloudS {
    width: 86px;
    height: 43px;
    background-position: 0 -1451px
}

.wrapper_stage_shadows {
    top: 474px;
    left: 0;
    z-index: 1
}

.scene0 .wrapper_stage_daddy_shadow, .scene0 .wrapper_stage_mum_shadow, .scene0 .wrapper_stage_child_shadow, .scene0 .wrapper_stage_baby_shadow {
    perspective: 100px;
    -webkit-perspective: 100px;
    -moz-perspective: 100px;
    -o-perspective: 100px;
    -ms-perspective: 100px;
    top: 0;
    z-index: 1
}

.scene0 .wrapper_stage_daddy_shadow {
    left: 217px
}

.scene0 .wrapper_stage_child_shadow {
    left: 338px
}

.scene0 .wrapper_stage_mum_shadow {
    left: 454px
}

.scene0 .wrapper_stage_baby_shadow {
    left: 575px
}

.scene0 [class*="wrapper_stage_shadows"] > div > div {
    background-color: #999;
    opacity: .4;
    -webkit-transform-origin: center 0;
    -ms-transform-origin: center 0;
    transform-origin: center 0
}

.scene0 .daddy_shadow {
    -webkit-transform: rotateX(17deg) translateZ(-3px) skew(9deg);
    transform: rotateX(17deg) translateZ(-3px) skew(9deg);
    width: 59px;
    height: 500px
}

.scene0 .child_shadow {
    -webkit-transform: rotateX(17deg) translateZ(-3px) skew(26deg);
    transform: rotateX(17deg) translateZ(-3px) skew(26deg);
    width: 48px;
    height: 500px
}

.scene0 .mum_shadow {
    -webkit-transform: rotateX(17deg) translateZ(-3px) skew(38deg);
    transform: rotateX(17deg) translateZ(-3px) skew(38deg);
    width: 32px;
    height: 500px
}

.scene0 .baby_shadow {
    -webkit-transform: rotateX(17deg) translateZ(-3px) skew(52deg);
    transform: rotateX(17deg) translateZ(-3px) skew(52deg);
    -ms-transform: rotateX(17deg) translateZ(-3px) skew(52deg);
    width: 108px;
    height: 500px
}

.button {
    padding: 11px 34px;
    box-sizing: border-box;
    background-color: #fc0;
    font: 400 1.45em/1 'brandonGrotesque-medium',Verdana,sans-serif;
    border-radius: 5px;
    display: inline-block;
    color: #000 !important;
    text-decoration: none !important;
    transition: all .1s
}

    .button:hover {
        color: #fff !important;
        cursor: pointer
    }

.wrapper_stage_intro .button {
    text-transform: uppercase;
    margin-top: 20px;
    box-shadow: 0 0 36px 3px rgba(102,102,102,.4)
}

.wrapper_stage_intro {
    top: 29px;
    left: 191px;
    min-width: 160px;
    text-align: center
}

    .wrapper_stage_intro .wrapper_relative {
        width: 100%;
        padding-bottom: 44px;
        height: 100%
    }

.intro_text {
    font: 800 2.54em/1.3 "brandonGrotesque-bold",Myriad Pro,Verdana,Helvetica;
    color: #fff;
    min-width: 160px;
    text-align: center;
    width: 529px;
    text-transform: uppercase
}

.wrapper_stage_intro_arrow {
    left: 50%;
    margin-left: -23px;
    bottom: 0
}

.intro_arrow {
    width: 46px;
    height: 26px;
    background: url(../images/landing_familias/sprite.png) -815px -239px
}

.scene-header {
    z-index: 1;
    position: relative
}

.scene1 .wrapper_stage_plane {
    top: -9px;
    left: -43px;
    z-index: 0
}

.scene1 .wrapper_stage_circle {
    left: 38px;
    top: 128px
}

.scene1 .wrapper_stage_trapezoid {
    left: 129px;
    top: 178px
}

.scene1 .trapezoid {
    background-position: 0 -1px;
    width: 308px;
    height: 183px
}

.scene1 .wrapper_stage_child {
    left: 165px;
    top: 289px;
    z-index: 2
}

.scene1 .child {
    width: 69px;
    height: 100px;
    background-position: -308px -435px
}

.scene1 .wrapper_stage_desktop {
    left: 29px;
    top: 215px;
    z-index: 3
}

.scene1 .desktop {
    background-position: -346px -116px;
    width: 209px;
    height: 171px
}

.scene1 .wrapper_stage_table {
    left: 29px;
    top: 386px;
    z-index: 3
}

.scene1 .table {
    background-position: -346px -288px;
    width: 209px;
    height: 10px
}

.scene1 .wrapper_stage_mouse {
    left: 147px;
    top: 371px;
    z-index: 4
}

.scene1 .mouse {
    background-position: -399px -439px;
    width: 42px;
    height: 15px
}

.scene1 .wrapper_stage_daddy {
    left: 195px;
    top: 217px;
    z-index: 5
}

.scene1 .wrapper_stage_daddy_head {
}

.scene1 .daddy_head {
    width: 100px;
    height: 101px;
    background-position: -587px -326px
}

.scene1 .wrapper_stage_daddy_body {
    top: 84px;
    left: 20px
}

.scene1 .daddy_body {
    width: 71px;
    height: 101px;
    background-position: -704px -326px
}

.scene1 .wrapper_stage_daddy_arm {
    top: 93px;
    left: -31px;
    -webkit-transform-origin: 89% 13%;
    -ms-transform-origin: 89% 13%;
    transform-origin: 89% 13%;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scene1 .daddy_arm {
    width: 95px;
    height: 75px;
    background-position: -786px -349px
}

.scene1 .wrapper_stage_mum {
    left: 253px;
    top: 225px;
    z-index: 6
}

.scene1 .wrapper_stage_daddy_mum {
}

.scene1 .mum_head {
    width: 98px;
    height: 101px;
    background-position: -297px -326px
}

.scene1 .wrapper_stage_mum_body {
    top: 88px;
    left: 27px
}

.scene1 .mum_body {
    width: 67px;
    height: 85px;
    background-position: -405px -339px
}

.scene1 .wrapper_stage_mum_arm {
    top: 87px;
    left: -6px
}

.scene1 .mum_arm {
    width: 84px;
    height: 85px;
    background-position: -483px -339px
}

.scene1 .wrapper_stage_shine {
    left: 129px;
    top: 186px;
    z-index: 7
}

.scene1 .shine {
    background-position: 0 -201px;
    width: 282px;
    height: 175px;
    opacity: 0
}

.scene2 .wrapper_stage_plane {
    bottom: -26px;
    left: -43px;
    z-index: 0
}

.scene2 .wrapper_stage_circle {
    left: 491px;
    top: 108px
}

.scene2 .wrapper_stage_trapezoid {
    left: 510px;
    top: 239px
}

.scene2 .trapezoid {
    background-position: -431px -1px;
    width: 369px;
    height: 202px
}

.scene2 .wrapper_tooltip {
    top: 125px
}

.scene2 .wrapper_stage_child {
    left: 663px;
    top: 312px;
    z-index: 3
}

.scene2 .wrapper_stage_child_head {
    z-index: 2
}

.scene2 .child_head {
    width: 94px;
    height: 76px;
    background-position: -498px -550px
}

.scene2 .wrapper_stage_child_body {
    top: 65px;
    left: 24px;
    z-index: 1
}

.scene2 .child_body {
    width: 58px;
    height: 101px;
    background-position: -575px -645px
}

.scene2 .wrapper_stage_child_leftArm {
    -webkit-transform-origin: 53px 14px;
    -ms-transform-origin: 53px 14px;
    transform-origin: 53px 14px;
    -webkit-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    transform: rotate(-65deg);
    left: -17px !important
}

.scene2 .wrapper_stage_child_rightArm {
    -webkit-transform-origin: 6px 17px;
    -ms-transform-origin: 6px 17px;
    transform-origin: 6px 17px;
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg);
    right: -122px !important;
    left: auto !important
}

.scene2 .wrapper_stage_child_leftArm {
    top: 66px;
    left: -19px;
    z-index: 0
}

.scene2 .child_leftArm, .scene2 .child_rightArm {
    width: 58px;
    height: 25px;
    background-position: -403px -684px
}

.scene2 .wrapper_stage_child_rightArm {
    top: 66px;
    left: 68px;
    z-index: 0
}

.scene2 .child_rightArm {
    background-position: -482px -684px
}

.scene2 .wrapper_stage_baby {
    left: 790px;
    top: 378px;
    z-index: 2
}

.scene2 .baby_body {
    width: 68px;
    height: 97px;
    background-position: -403px -551px;
    z-index: 1
}

.scene2 .wrapper_stage_baby_shadow {
    top: 82px
}

.scene2 .baby_shadow {
    width: 72px;
    height: 17px;
    background-position: -403px -654px
}

.scene2 .wrapper_stage_passport {
    left: 479px;
    top: 269px;
    z-index: 2
}

.scene2 .passport {
    width: 163px;
    height: 101px;
    background-position: -650px -646px
}

.scene2 .wrapper_stage_idCard {
    left: 577px;
    top: 345px;
    z-index: 2
}

.scene2 .idCard {
    width: 88px;
    height: 65px;
    background-position: -608px -551px
}

.scene3 .wrapper_stage_plane {
    top: 190px;
    left: 0;
    z-index: 0
}

.scene3 .wrapper_stage_circle {
    left: 255px;
    top: 120px
}

.scene3 .wrapper_stage_trapezoid {
    left: 214px;
    top: 177px
}

.scene3 .trapezoid {
    background-position: -328px -229px;
    width: 303px;
    height: 162px
}

.scene3 .wrapper_stage_trapezoid--small {
    left: 524px;
    top: 207px
}

.scene3 .trapezoid--small {
    background-position: -610px -397px;
    width: 169px;
    height: 96px
}

.scene3 .wrapper_stage_daddy {
    left: 297px;
    top: 140px;
    z-index: 5
}

.scene3 .wrapper_stage_daddy_head {
    z-index: 3
}

.scene3 .daddy_head {
    border-radius: 50%;
    width: 87px;
    height: 87px;
    background-color: #ffefd9;
    overflow: hidden
}

.scene3 .wrapper_stage_daddy_head_bg {
    top: -48px;
    left: -65px
}

.scene3 .daddy_head_bg {
    width: 173px;
    height: 136px;
    background-position: -334px -784px
}

.scene3 .wrapper_stage_daddy_head_face {
    top: 25px;
    left: 18px
}

.scene3 .daddy_head_face {
    width: 51px;
    height: 44px;
    background-position: -528px -781px
}

.scene3 .wrapper_stage_daddy_body {
    top: 0;
    left: 0;
    z-index: 2
}

.scene3 .wrapper_stage_daddy_body_neck {
    top: 73px;
    left: 27px;
    z-index: 3
}

.scene3 .daddy_body_neck {
    width: 31px;
    height: 21px;
    background-position: -539px -845px
}

.scene3 .wrapper_stage_daddy_body_rest {
    top: 61px;
    left: 0;
    z-index: 1
}

.scene3 .daddy_body_rest {
    width: 101px;
    height: 189px;
    background-position: -616px -781px
}

.scene3 .wrapper_stage_daddy_body_shadow {
    top: 64px;
    left: -10px;
    z-index: 2
}

.scene3 .daddy_body_shadow {
    width: 44px;
    height: 26px;
    background-position: -717px -558px
}

.scene3 .wrapper_stage_daddy_arm {
    top: 75px;
    left: -75px;
    z-index: 0;
    -webkit-transform-origin: 77px top;
    -ms-transform-origin: 77px top;
    transform-origin: 77px top;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scene3 .daddy_arm {
    width: 86px;
    height: 186px;
    background-position: -784px -558px
}

.scene3 .wrapper_stage_mum {
    left: 420px;
    top: 160px;
    z-index: 5
}

.scene3 .wrapper_stage_mum_head {
    z-index: 3;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.scene3 .mum_head {
    border-radius: 50%;
    width: 73px;
    height: 73px;
    background-color: #ffefd9;
    overflow: hidden
}

.scene3 .wrapper_stage_mum_head_bg {
    top: 0;
    left: -5px
}

.scene3 .mum_head_bg {
    width: 95px;
    height: 73px;
    background-position: -331px -949px
}

.scene3 .wrapper_stage_mum_head_face {
    top: 25px;
    left: 11px
}

.scene3 .mum_head_face {
    width: 54px;
    height: 38px;
    background-position: -446px -947px
}

.scene3 .wrapper_stage_mum_head_hair {
    top: 0;
    left: -4px;
    z-index: 1
}

.scene3 .mum_head_hair {
    width: 81px;
    height: 70px;
    background-position: -816px -778px
}

.scene3 .wrapper_stage_mum_body {
    top: 0;
    left: 0
}

.scene3 .wrapper_stage_mum_body_neck {
    top: 59px;
    left: 22px;
    z-index: 2
}

.scene3 .mum_body_neck {
    width: 31px;
    height: 21px;
    background-position: -453px -999px
}

.scene3 .wrapper_stage_mum_body_rest {
    top: 63px;
    left: -4px;
    z-index: 1
}

.scene3 .mum_body_rest {
    width: 84px;
    height: 165px;
    background-position: -825px -858px
}

.scene3 .wrapper_stage_mum_arm {
    top: 69px;
    left: 28px;
    z-index: 3;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scene3 .mum_arm {
    width: 57px;
    height: 59px;
    background-position: -522px -963px
}

.scene3 .wrapper_stage_bibe {
    left: 616px;
    top: 205px;
    z-index: 3
}

.scene3 .bibe {
    background-position: -819px -548px;
    width: 59px;
    height: 86px
}

.scene3 .wrapper_stage_dodotis {
    left: 532px;
    top: 233px;
    z-index: 1
}

.scene3 .dodotis {
    background-position: -710px -552px;
    width: 77px;
    height: 53px
}

.scene3 .wrapper_stage_bear {
    left: 168px;
    top: 45px;
    z-index: 2
}

.scene3 .wrapper_stage_bear_body {
    left: 414px;
    top: 162px;
    z-index: 2
}

.scene3 .bear_body {
    background-position: -842px -669px;
    width: 47px;
    height: 80px
}

.scene3 .wrapper_stage_bear_eye {
    left: 439px;
    top: 178px;
    z-index: 5
}

.scene3 .bear_eye {
    background-position: -819px -690px;
    width: 5px;
    height: 5px
}

.scene3 .wrapper_stage_bear_arm {
    left: 403px;
    top: 197px;
    z-index: 1
}

.scene3 .bear_arm {
    background-position: -813px -707px;
    width: 25px;
    height: 15px
}

.scene3 .wrapper_tooltip {
    top: 301px
}

.scene4 .wrapper_stage_plane {
    top: 127px;
    left: -8px;
    z-index: 0
}

.scene4 .wrapper_stage_circle {
    left: 493px;
    top: 108px
}

.scene4 .wrapper_stage_trapezoid {
    left: 212px;
    top: 258px
}

.scene4 .trapezoid {
    background-position: 0 -425px;
    width: 545px;
    height: 160px
}

.scene4 .wrapper_stage_child {
    left: 255px;
    top: 219px;
    z-index: 3
}

.scene4 .wrapper_stage_child_body {
    top: 65px;
    left: 24px;
    z-index: 1
}

.scene4 .child_body {
    width: 69px;
    height: 138px;
    background-position: -10px -110px
}

.scene4 .wrapper_stage_child_shadow {
    top: 194px;
    left: 44px;
    z-index: 0
}

.scene4 .child_shadow {
    width: 59px;
    height: 12px;
    background-position: -29px -252px
}

.scene4 .wrapper_stage_mum {
    left: 0;
    top: -47px;
    z-index: 2
}

.scene4 .wrapper_stage_mum_head {
    left: 255px;
    top: 219px;
    z-index: 2
}

.scene4 .mum_head {
    width: 86px;
    height: 78px;
    background-position: -119px -112px
}

.scene4 .wrapper_stage_mum_body {
    left: 262px;
    top: 288px;
    z-index: 2
}

.scene4 .mum_body {
    width: 96px;
    height: 182px;
    background-position: -213px -111px
}

.scene4 .wrapper_stage_mum_arm {
    top: 293px;
    left: 275px;
    z-index: 2
}

.scene4 .mum_arm {
    width: 73px;
    height: 93px;
    background-position: -202px -298px
}

.scene4 .wrapper_stage_baggage {
    left: 312px;
    top: 328px;
    z-index: 2
}

.scene4 .baggage {
    background-position: -116px -217px;
    width: 73px;
    height: 73px
}

.scene4 .wrapper_stage_scanner {
    left: 421px;
    top: 136px;
    z-index: 2
}

.scene4 .scanner {
    background-position: -5px -526px;
    width: 291px;
    height: 286px;
    z-index: 3;
    position: relative
}

.scene4 .wrapper_stage_scanner_lights {
    left: 226px;
    top: 10px;
    z-index: 3
}

.scanner_light {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #36d900;
    margin-right: 5px;
    display: inline-block
}

    .scanner_light + .scanner_light {
        background-color: #d54912
    }

.scene4 .wrapper_stage_scanner_wheels {
    left: 13px;
    top: 232px;
    z-index: 0
}

    .scene4 .wrapper_stage_scanner_wheels .wheel {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #666;
        margin-right: 0;
        border: 1px dotted #f7f7f7;
        display: inline-block;
        z-index: 0;
        box-sizing: border-box
    }

.scene4 .wrapper_stage_police {
    left: 477px;
    top: 166px;
    z-index: 1
}

.scene4 .wrapper_stage_police_head {
    z-index: 4
}

.scene4 .police_head {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ffe4bf;
    overflow: hidden;
    z-index: 2;
    position: relative
}

.scene4 .wrapper_stage_police_head_face {
    left: 8px;
    top: 27px;
    z-index: 2
}

.scene4 .police_head_face {
    width: 54px;
    height: 29px;
    background-position: -204px -405px
}

.scene4 .wrapper_stage_police_head_bg {
    left: -17px;
    top: -17px;
    z-index: 1
}

.scene4 .police_head_bg {
    width: 102px;
    height: 87px;
    background-position: -0 -381px
}

.scene4 .wrapper_stage_police_hair {
    left: -22px;
    top: 36px;
    z-index: 1
}

.scene4 .police_hair {
    width: 61px;
    height: 20px;
    background-position: -32px -484px
}

.scene4 .wrapper_stage_police_body {
    left: -5px;
    top: 66px;
    z-index: 1
}

.scene4 .police_body {
    width: 81px;
    height: 188px;
    background-position: -110px -317px
}

.scene4 .wrapper_stage_police_arms {
    left: -1px;
    top: 66px;
    z-index: 2;
    -webkit-transform-origin: 41px top;
    -ms-transform-origin: 41px top;
    transform-origin: 41px top;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scene4 .police_arms {
    width: 82px;
    height: 67px;
    background-position: -15px -298px
}

.scene4 .wrapper_tooltip {
    top: 333px
}

.scene5 .wrapper_stage_plane {
    top: 121px;
    left: -8px;
    z-index: 0
}

.scene5 .wrapper_stage_circle {
    left: 42px;
    top: 119px
}

.scene5 .wrapper_stage_trapezoid {
    left: 30px;
    top: 211px
}

.scene5 .trapezoid {
    background-position: 0 -573px;
    width: 404px;
    height: 176px
}

.scene5 .wrapper_stage_daddy {
    left: 113px;
    top: 183px;
    z-index: 5
}

.scene5 .wrapper_stage_daddy_body {
    top: 0;
    left: 0
}

.scene5 .wrapper_stage_daddy_head {
    z-index: 1
}

.scene5 .daddy_head {
    width: 92px;
    height: 85px;
    background-position: -379px -1056px
}

.scene5 .wrapper_stage_daddy_body {
    top: 76px;
    left: 12px;
    z-index: 1
}

.scene5 .daddy_body {
    width: 76px;
    height: 182px;
    background-position: -291px -1056px
}

.scene5 .wrapper_stage_daddy_arm {
    top: 82px;
    left: 20px;
    z-index: 2
}

.scene5 .daddy_arm {
    width: 66px;
    height: 143px;
    background-position: -211px -1063px
}

.scene5 .wrapper_stage_mum {
    left: -62px;
    top: -29px;
    z-index: 2
}

.scene5 .wrapper_stage_mum_head {
    left: 255px;
    top: 219px;
    z-index: 2
}

.scene5 .mum_head {
    width: 86px;
    height: 78px;
    background-position: -119px -112px
}

.scene5 .wrapper_stage_mum_body {
    left: 262px;
    top: 288px;
    z-index: 2
}

.scene5 .mum_body {
    width: 96px;
    height: 182px;
    background-position: -213px -111px
}

.scene5 .wrapper_stage_mum_arm {
    top: 293px;
    left: 275px;
    z-index: 2
}

.scene5 .mum_arm {
    width: 84px;
    height: 57px;
    background-position: -483px -1057px
}

.scene5 .wrapper_stage_child {
    left: 158px;
    top: 239px;
    z-index: 6
}

.scene5 .wrapper_stage_child_body {
    top: 65px;
    left: 24px;
    z-index: 1
}

.scene5 .child_body {
    width: 69px;
    height: 138px;
    background-position: -10px -110px
}

.scene5 .wrapper_stage_child_shadow {
    top: 194px;
    left: 44px;
    z-index: 0
}

.scene5 .child_shadow {
    width: 59px;
    height: 12px;
    background-position: -29px -252px
}

.scene5 .wrapper_stage_baby {
    left: 260px;
    top: 227px;
    z-index: 1
}

.scene5 .wrapper_stage_baby_body {
    top: 65px;
    left: 24px;
    z-index: 1
}

.scene5 .baby_body {
    width: 157px;
    height: 155px;
    background-position: -18px -1022px
}

.scene5 .wrapper_stage_baby_wheels {
    top: 178px;
    left: 133px;
    z-index: 2
}

.scene5 .baby_wheels {
    width: 38px;
    height: 37px;
    background-position: -84px -1199px
}

.scene5 .wrapper_stage_baby_wheels--big {
    top: 172px;
    left: 33px;
    z-index: 2
}

    .scene5 .wrapper_stage_baby_wheels--big .baby_wheels {
        width: 46px;
        height: 44px;
        background-position: -35px -1192px
    }

.scene5 .wrapper_stage_atril {
    top: 288px;
    left: 546px;
    z-index: 2
}

.scene5 .atril {
    width: 172px;
    height: 160px;
    background-position: -7px -840px
}

.scene5 .wrapper_stage_azafata {
    left: 572px;
    bottom: 377px;
    z-index: 1;
    overflow: hidden;
    height: 220px;
    width: 100%
}

    .scene5 .wrapper_stage_azafata > .wrapper_relative {
        left: 22px
    }

.scene5 .wrapper_stage_azafata_head {
    z-index: 4
}

.scene5 .azafata_head {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #ffefd9;
    overflow: hidden;
    z-index: 2;
    position: absolute
}

.scene5 .wrapper_stage_azafata_head_face {
    left: 8px;
    top: 34px;
    z-index: 2
}

.scene5 .azafata_head_face {
    width: 54px;
    height: 29px;
    background-position: -204px -405px
}

.scene5 .wrapper_stage_azafata_head_bg {
    left: -19px;
    top: -13px;
    z-index: 1
}

.scene5 .azafata_head_bg {
    width: 102px;
    height: 87px;
    background-position: -0 -381px
}

.scene5 .wrapper_stage_azafata_hair {
    left: -22px;
    top: 36px;
    z-index: 1
}

.scene5 .azafata_hair {
    width: 61px;
    height: 20px;
    background-position: -32px -484px
}

.scene5 .wrapper_stage_azafata_body {
    left: -35px;
    top: 62px;
    z-index: 1
}

.scene5 .azafata_body {
    width: 141px;
    height: 187px;
    background-position: -184px -847px
}

.scene5 .wrapper_tooltip {
    top: 353px
}

.scene6 .wrapper_stage_plane {
    bottom: 45px;
    left: -4px;
    z-index: 0
}

.scene6 .wrapper_stage_circle {
    left: 493px;
    top: 201px
}

.scene6 .wrapper_stage_trapezoid {
    left: 444px;
    top: 283px
}

.scene6 .trapezoid {
    background-position: -349px -750px;
    width: 446px;
    height: 154px
}

.scene6 .wrapper_stage_seatsBase {
    left: 474px;
    top: 560px;
    z-index: 2
}

.scene6 .seatsBase {
    width: 362px;
    height: 6px;
    background-color: #999
}

.scene6 .wrapper_stage_leftSeat {
    left: 455px;
    top: 330px;
    z-index: 2
}

.scene6 .leftSeat {
    width: 136px;
    height: 230px;
    background-position: -570px -1019px
}

.scene6 .wrapper_stage_centerSeat {
    left: 590px;
    top: 330px;
    z-index: 2
}

.scene6 .centerSeat {
    width: 136px;
    height: 230px;
    background-position: -713px -1019px
}

.scene6 .wrapper_stage_rightSeat {
    left: 724px;
    top: 331px;
    z-index: 2
}

.scene6 .rightSeat {
    width: 136px;
    height: 230px;
    background-position: -378px -1148px
}

.scene6 .wrapper_stage_child {
    left: 494px;
    top: 383px;
    z-index: 3
}

.scene6 .wrapper_stage_child_head {
    z-index: 2
}

.scene6 .child_head {
    width: 62px;
    height: 62px;
    background-color: #ffefd9;
    border-radius: 50%;
    overflow: hidden
}

.scene6 .wrapper_stage_child_head_face {
    top: 24px;
    left: 8px;
    z-index: 4
}

.scene6 .child_head_face {
    width: 47px;
    height: 21px;
    background-position: -27px -1421px
}

.scene6 .wrapper_stage_child_head_bg {
    top: -17px;
    left: -31px;
    z-index: 2
}

.scene6 .child_head_bg {
    width: 93px;
    height: 77px;
    background-position: -32px -1315px
}

.scene6 .wrapper_stage_child_head_hair {
    top: 0;
    left: -20px;
    z-index: 4
}

.scene6 .child_head_hair {
    width: 63px;
    height: 40px;
    background-position: -200px -1427px
}

.scene6 .wrapper_stage_child_body {
    top: 58px;
    left: 6px;
    z-index: 0
}

.scene6 .wrapper_stage_child_body_arms {
    top: 0;
    left: 0;
    z-index: 1
}

.scene6 .wrapper_stage_child_body_armLeft {
    top: 0;
    left: -40px;
    z-index: 0
}

.scene6 .child_body_armLeft {
    width: 49px;
    height: 17px;
    background-position: -570px -1331px
}

.scene6 .wrapper_stage_child_body_armRight {
    top: 0;
    left: 41px;
    z-index: 0
}

.scene6 .child_body_armRight {
    width: 49px;
    height: 17px;
    background-position: -575px -1295px
}

.scene6 .wrapper_stage_child_body_legs {
    top: 42px;
    left: 0;
    z-index: 0
}

.scene6 .wrapper_stage_child_body_legLeft {
    top: 0;
    left: -36px;
    z-index: 0;
    -webkit-transform-origin: 43px 7px;
    -ms-transform-origin: 43px 7px;
    transform-origin: 43px 7px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scene6 .child_body_legLeft {
    width: 50px;
    height: 33px;
    background-position: -640px -1279px
}

.scene6 .wrapper_stage_child_body_legRight {
    top: -1px;
    left: 33px;
    z-index: 0;
    -webkit-transform-origin: 7px 3px;
    -ms-transform-origin: 7px 3px;
    transform-origin: 7px 3px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.scene6 .child_body_legRight {
    width: 54px;
    height: 35px;
    background-position: -645px -1322px
}

.scene6 .wrapper_stage_child_body_rest {
    top: 0;
    left: 0;
    z-index: 0
}

.scene6 .child_body_rest {
    width: 48px;
    height: 56px;
    background-position: -718px -1291px
}

.scene6 .wrapper_stage_child_belt {
    top: 83px;
    left: -21px;
    z-index: 2
}

.scene6 .child_belt {
    width: 101px;
    height: 16px;
    background-position: -32px -1255px
}

.scene6 .wrapper_stage_daddy {
    left: 622px;
    top: 344px;
    z-index: 3
}

.scene6 .wrapper_stage_daddy_head {
    z-index: 2;
    top: 5px
}

.scene6 .daddy_head {
    width: 78px;
    height: 78px;
    background-color: #ffefd9;
    border-radius: 50%;
    overflow: hidden
}

.scene6 .wrapper_stage_daddy_head_face {
    top: 23px;
    left: 18px;
    z-index: 4
}

.scene6 .daddy_head_face {
    width: 45px;
    height: 37px;
    background-position: -110px -1412px
}

.scene6 .wrapper_stage_daddy_head_bg {
    top: -34px;
    left: -37px;
    z-index: 2
}

.scene6 .daddy_head_bg {
    width: 142px;
    height: 114px;
    background-position: -191px -1282px
}

.scene6 .wrapper_stage_daddy_body {
    top: 69px;
    left: 4px;
    z-index: 0
}

.scene6 .wrapper_stage_daddy_neck {
    top: 77px;
    left: 24px;
    z-index: 0
}

.scene6 .daddy_neck {
    width: 28px;
    height: 15px;
    background-position: -813px -1389px
}

.scene6 .wrapper_stage_daddy_body_arms {
    top: -5px;
    left: -16px;
    z-index: 1
}

.scene6 .daddy_body_arms {
    width: 101px;
    height: 67px;
    background-position: -779px -1411px
}

.scene6 .wrapper_stage_daddy_body_rest {
    top: 0;
    left: -5px;
    z-index: 0
}

.scene6 .daddy_body_rest {
    width: 75px;
    height: 157px;
    background-position: -690px -1373px
}

.scene6 .wrapper_stage_daddy_body_belt {
    top: 53px;
    left: -18px;
    z-index: 0
}

.scene6 .daddy_body_belt {
    width: 101px;
    height: 16px;
    background-position: -32px -1255px
}

.scene6 .wrapper_stage_mum {
    left: 756px;
    top: 349px;
    z-index: 3
}

.scene6 .wrapper_stage_mum_head {
    z-index: 3
}

.scene6 .mum_head {
    border-radius: 50%;
    width: 73px;
    height: 73px;
    background-color: #ffefd9;
    overflow: hidden;
    z-index: 1
}

.scene6 .wrapper_stage_mum_head_bg {
    top: 0;
    left: -5px
}

.scene6 .mum_head_bg {
    width: 95px;
    height: 73px;
    background-position: -331px -949px
}

.scene6 .wrapper_stage_mum_head_face {
    top: 25px;
    left: 11px
}

.scene6 .mum_head_face {
    width: 54px;
    height: 38px;
    background-position: -446px -947px
}

.scene6 .wrapper_stage_mum_head_hair {
    top: 0;
    left: -4px;
    z-index: 2
}

.scene6 .mum_head_hair {
    width: 81px;
    height: 70px;
    background-position: -816px -778px
}

.scene6 .wrapper_stage_mum_head_neck {
    top: 56px;
    left: 22px;
    z-index: 0
}

.scene6 .mum_head_neck {
    width: 30px;
    height: 21px;
    background-position: -609px -1509px
}

.scene6 .wrapper_stage_mum_body {
    top: 69px;
    left: 4px;
    z-index: 0
}

.scene6 .mum_body {
    width: 66px;
    height: 153px;
    background-position: -507px -1384px
}

.scene6 .wrapper_stage_mum_body_shoulders {
    top: 69px;
    left: 2px;
    z-index: 1
}

.scene6 .mum_body_shoulders {
    width: 70px;
    height: 48px;
    background-position: -591px -1373px
}

.scene6 .wrapper_stage_mum_body_baby {
    top: 74px;
    left: 2px;
    z-index: 3
}

.scene6 .mum_body_baby {
    width: 69px;
    height: 58px;
    background-position: -590px -1435px
}

.scene6 .wrapper_stage_mum_belt {
    top: 118px;
    left: -15px;
    z-index: 2
}

.scene6 .mum_belt {
    width: 101px;
    height: 16px;
    background-position: -32px -1255px
}

.scene6 .wrapper_tooltip {
    top: 126px
}

.scene7 .wrapper_stage_plane {
    top: 93px;
    left: -1px;
    z-index: 0
}

.scene7 .wrapper_stage_circle {
    left: 26px;
    top: 126px
}

.scene7 .wrapper_stage_trapezoid {
    left: 19px;
    top: 264px
}

.scene7 .trapezoid {
    background-position: 0 -904px;
    width: 427px;
    height: 178px
}

.scene7 .wrapper_stage_seatsBase {
    left: 38px;
    top: 495px;
    z-index: 2
}

.scene7 .seatsBase {
    width: 362px;
    height: 6px;
    background-color: #999
}

.scene7 .wrapper_stage_seats {
    left: 76px;
    top: 209px;
    z-index: 2
}

.scene7 .seats {
    width: 306px;
    height: 287px;
    background-position: -19px -1496px
}

.scene7 .wrapper_stage_seatsBase {
    left: 38px;
    top: 495px;
    z-index: 2
}

.scene7 .seatsBase {
    width: 362px;
    height: 6px;
    background-color: #999
}

.scene7 .wrapper_stage_seats {
    left: 76px;
    top: 209px;
    z-index: 2
}

.scene7 .seats {
    width: 306px;
    height: 287px;
    background-position: -19px -1496px
}

.scene7 .wrapper_stage_mum {
    left: 107px;
    top: 256px;
    z-index: 3
}

.scene7 .wrapper_stage_mum_head {
    z-index: 4;
    top: -9px;
    left: -4px
}

.scene7 .mum_head {
    border-radius: 50%;
    width: 89px;
    height: 89px;
    background-color: #ffefd9;
    overflow: hidden;
    z-index: 1
}

.scene7 .wrapper_stage_mum_head_bg {
    top: 0;
    left: -9px
}

.scene7 .mum_head_bg {
    width: 108px;
    height: 89px;
    background-position: -486px -1673px
}

.scene7 .wrapper_stage_mum_head_face {
    top: 30px;
    left: 18px
}

.scene7 .mum_head_face {
    width: 50px;
    height: 47px;
    background-position: -523px -1566px
}

.scene7 .wrapper_stage_mum_head_hair {
    top: 0;
    left: -4px;
    z-index: 2
}

.scene7 .mum_head_hair {
    width: 100px;
    height: 83px;
    background-position: -604px -1674px
}

.scene7 .wrapper_stage_mum_head_neck {
    top: 67px;
    left: 25px;
    z-index: 0
}

.scene7 .mum_head_neck {
    width: 37px;
    height: 26px;
    background-position: -608px -1576px
}

.scene7 .wrapper_stage_mum_body {
    top: 69px;
    left: -23px;
    z-index: 0
}

.scene7 .mum_body {
    width: 111px;
    height: 186px;
    background-position: -360px -1426px
}

.scene7 .wrapper_stage_mum_hands {
    top: 69px;
    left: -17px;
    z-index: 3
}

.scene7 .mum_hands {
    width: 106px;
    height: 66px;
    background-position: -731px -1669px
}

.scene7 .wrapper_stage_mum_belt {
    top: 126px;
    left: -27px;
    z-index: 2
}

.scene7 .mum_belt {
    width: 130px;
    height: 19px;
    background-position: -689px -1576px
}

.scene7 .wrapper_stage_baby {
    left: 253px;
    top: 277px;
    z-index: 3
}

.scene7 .wrapper_stage_baby_seat {
    z-index: 3;
    top: -4px;
    left: -4px
}

.scene7 .baby_seat {
    width: 120px;
    height: 140px;
    background-position: -336px -1634px
}

.scene7 .wrapper_stage_baby_belt {
    z-index: 3;
    top: 101px;
    left: -6px
}

.scene7 .baby_belt {
    width: 130px;
    height: 19px;
    background-position: -689px -1576px
}

.scene7 .wrapper_tooltip {
    top: 126px
}

.scene8 .wrapper_stage_circle {
    left: 499px;
    top: 264px
}

.scene8 .wrapper_stage_plane {
    top: -40px;
    left: -340px;
    z-index: 0
}

.scene8 .wrapper_stage_trapezoid--yellow {
    left: 616px;
    top: 113px
}

.scene8 .trapezoid--yellow {
    background-position: -518px -921px;
    width: 266px;
    height: 191px
}

.scene8 .wrapper_stage_trapezoid--green {
    left: 407px;
    top: 363px
}

.scene8 .trapezoid--green {
    background-position: -418px -583px;
    width: 229px;
    height: 157px
}

.scene8 .wrapper_stage_trapezoid--violet {
    left: 583px;
    top: 558px
}

.scene8 .trapezoid--violet {
    background-position: -3px -753px;
    width: 279px;
    height: 148px
}

.scene8 .wrapper_stage_door {
    left: 657px;
    top: 139px;
    z-index: 1
}

.scene8 .door {
    background-position: -694px -1156px;
    width: 182px;
    height: 245px
}

.scene8 .wrapper_stage_ipad {
    left: 400px;
    top: 391px;
    z-index: 1
}

.scene8 .ipad {
    background-position: -160px -1204px;
    width: 171px;
    height: 195px
}

.scene8 .wrapper_stage_plane--alone {
    left: 490px;
    top: 274px;
    z-index: 1
}

.scene8 .plane {
    background-position: -818px -170px;
    width: 37px;
    height: 37px
}

.scene8 .wrapper_stage_gameboy {
    left: 530px;
    top: 422px;
    z-index: 1
}

.scene8 .gameboy {
    background-position: -344px -1204px;
    width: 85px;
    height: 90px
}

.scene8 .wrapper_stage_breakfast {
    left: 601px;
    top: 601px;
    z-index: 2
}

.scene8 .breakfast {
    background-position: -18px -1204px;
    width: 126px;
    height: 86px
}

.scene8 .wrapper_stage_breakfast_table {
    left: 602px;
    top: 679px;
    z-index: 1
}

.scene8 .breakfast_table {
    background-color: #ddd;
    width: 132px;
    height: 8px
}

.scene8 .wrapper_stage_child {
    left: 701px;
    top: 513px;
    z-index: 1
}

.scene8 .child {
    background-position: -544px -1180px;
    width: 134px;
    height: 218px
}

.scene8 .wrapper_tooltip {
    top: 126px
}

    .scene8 .wrapper_tooltip .tooltip {
        width: 341px
    }

.scene8 .wrapper_tooltip--arrowRight .wrapper_speaker {
    right: 34px
}

@-webkit-keyframes wrapper_speaker_face_left {
    0%,75% {
        top: 23px;
        left: 7px
    }

    10%,30% {
        top: 27px;
        left: 2px
    }

    45%,65% {
        top: 23px;
        left: 14px
    }
}

@keyframes wrapper_speaker_face_left {
    0%,75% {
        top: 23px;
        left: 7px
    }

    10%,30% {
        top: 27px;
        left: 2px
    }

    45%,65% {
        top: 23px;
        left: 14px
    }
}

@-webkit-keyframes wrapper_speaker_head_bg_left {
    0%,75% {
        top: -19px;
        left: -20px
    }

    10%,30% {
        top: -14px;
        left: -28px
    }

    45%,65% {
        top: -19px;
        left: -16px
    }
}

@keyframes wrapper_speaker_head_bg_left {
    0%,75% {
        top: -19px;
        left: -20px
    }

    10%,30% {
        top: -14px;
        left: -28px
    }

    45%,65% {
        top: -19px;
        left: -16px
    }
}

@-webkit-keyframes wrapper_speaker_hair_left {
    0%,75% {
        top: 36px;
        left: 0
    }

    10%,30% {
        top: 31px;
        left: 7px
    }

    45%,65% {
        top: 36px;
        left: -2px
    }
}

@keyframes wrapper_speaker_hair_left {
    0%,75% {
        top: 36px;
        left: 0
    }

    10%,30% {
        top: 31px;
        left: 7px
    }

    45%,65% {
        top: 36px;
        left: -2px
    }
}

[class*="scene"] .animation .wrapper_tooltip--arrowLeft .speaker--woman .wrapper_speaker_face, [class*="scene"] .animation .wrapper_tooltip--arrowLeft .speaker--woman .wrapper_speaker_head_bg, [class*="scene"] .animation .wrapper_tooltip--arrowLeft .wrapper_speaker_hair {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

[class*="scene"] .animation .wrapper_tooltip--arrowLeft .speaker--woman .wrapper_speaker_face {
    -webkit-animation-name: wrapper_speaker_face_left;
    animation-name: wrapper_speaker_face_left
}

[class*="scene"] .animation .wrapper_tooltip--arrowLeft .speaker--woman .wrapper_speaker_head_bg {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: wrapper_speaker_head_bg_left;
    animation-name: wrapper_speaker_head_bg_left
}

[class*="scene"] .animation .wrapper_tooltip--arrowLeft .wrapper_speaker_hair {
    -webkit-animation-name: wrapper_speaker_hair_left;
    animation-name: wrapper_speaker_hair_left
}

@-webkit-keyframes wrapper_speaker_face_topLeft {
    0%,75% {
        top: 23px;
        left: 7px
    }

    10%,30% {
        top: 27px;
        left: 7px
    }

    45%,65% {
        top: 19px;
        left: 14px
    }
}

@keyframes wrapper_speaker_face_topLeft {
    0%,75% {
        top: 23px;
        left: 7px
    }

    10%,30% {
        top: 27px;
        left: 7px
    }

    45%,65% {
        top: 19px;
        left: 14px
    }
}

@-webkit-keyframes wrapper_speaker_head_bg_topLeft {
    0%,75% {
        top: -19px;
        left: -20px
    }

    10%,30% {
        top: -14px;
        left: -20px
    }

    45%,65% {
        top: -23px;
        left: -16px
    }
}

@keyframes wrapper_speaker_head_bg_topLeft {
    0%,75% {
        top: -19px;
        left: -20px
    }

    10%,30% {
        top: -14px;
        left: -20px
    }

    45%,65% {
        top: -23px;
        left: -16px
    }
}

@-webkit-keyframes wrapper_speaker_hair_topLeft {
    0%,75% {
        top: 36px;
        left: 0
    }

    10%,30% {
        top: 31px;
        left: 7px
    }

    45%,65% {
        top: 36px;
        left: -2px
    }
}

@keyframes wrapper_speaker_hair_topLeft {
    0%,75% {
        top: 36px;
        left: 0
    }

    10%,30% {
        top: 31px;
        left: 7px
    }

    45%,65% {
        top: 36px;
        left: -2px
    }
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--woman .wrapper_speaker_face, [class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--woman .wrapper_speaker_head_bg, [class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--woman .wrapper_speaker_hair {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--woman .wrapper_speaker_face {
    -webkit-animation-name: wrapper_speaker_face_topLeft;
    animation-name: wrapper_speaker_face_topLeft
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--woman .wrapper_speaker_head_bg {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: wrapper_speaker_head_bg_topLeft;
    animation-name: wrapper_speaker_head_bg_topLeft
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--woman .wrapper_speaker_hair {
    -webkit-animation-name: wrapper_speaker_hair_topLeft;
    animation-name: wrapper_speaker_hair_topLeft
}

@-webkit-keyframes wrapper_speaker_man_face_right {
    0%,60% {
        top: 21px;
        left: 7px
    }

    10%,50% {
        top: 25px;
        left: 4px
    }
}

@keyframes wrapper_speaker_man_face_right {
    0%,60% {
        top: 21px;
        left: 7px
    }

    10%,50% {
        top: 25px;
        left: 4px
    }
}

@-webkit-keyframes wrapper_speaker_man_head_bg_right {
    0%,60% {
        top: -48px;
        left: -42px
    }

    10%,50% {
        top: -43px;
        left: -44px
    }
}

@keyframes wrapper_speaker_man_head_bg_right {
    0%,60% {
        top: -48px;
        left: -42px
    }

    10%,50% {
        top: -43px;
        left: -44px
    }
}

@-webkit-keyframes wrapper_speaker_man_hair_right {
    0%,60% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    10%,50% {
        -webkit-transform: translate(3px,5px);
        transform: translate(3px,5px)
    }
}

@keyframes wrapper_speaker_man_hair_right {
    0%,60% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    10%,50% {
        -webkit-transform: translate(3px,5px);
        transform: translate(3px,5px)
    }
}

[class*="scene"] .animation .wrapper_tooltip--arrowRight .speaker--man .wrapper_speaker_face, [class*="scene"] .animation .wrapper_tooltip--arrowRight .speaker--man .wrapper_speaker_head_bg, [class*="scene"] .animation .wrapper_tooltip--arrowRight .wrapper_speaker_hair {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

[class*="scene"] .animation .wrapper_tooltip--arrowRight .speaker--man .wrapper_speaker_face {
    -webkit-animation-name: wrapper_speaker_man_face_right;
    animation-name: wrapper_speaker_man_face_right
}

[class*="scene"] .animation .wrapper_tooltip--arrowRight .speaker--man .wrapper_speaker_head_bg {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: wrapper_speaker_man_head_bg_right;
    animation-name: wrapper_speaker_man_head_bg_right
}

[class*="scene"] .animation .wrapper_tooltip--arrowRight .wrapper_speaker_hair {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-name: wrapper_speaker_man_hair_right;
    animation-name: wrapper_speaker_man_hair_right
}

@-webkit-keyframes wrapper_speaker_man_face_topLeft {
    0%,75% {
        top: 21px;
        left: 7px
    }

    10%,30% {
        top: 25px;
        left: 7px
    }

    45%,65% {
        top: 19px;
        left: 11px
    }
}

@keyframes wrapper_speaker_man_face_topLeft {
    0%,75% {
        top: 21px;
        left: 7px
    }

    10%,30% {
        top: 25px;
        left: 7px
    }

    45%,65% {
        top: 19px;
        left: 11px
    }
}

@-webkit-keyframes wrapper_speaker_man_head_bg_topLeft {
    0%,75% {
        top: -48px;
        left: -42px
    }

    10%,30% {
        top: -43px;
        left: -42px
    }

    45%,65% {
        top: -45px;
        left: -38px
    }
}

@keyframes wrapper_speaker_man_head_bg_topLeft {
    0%,75% {
        top: -48px;
        left: -42px
    }

    10%,30% {
        top: -43px;
        left: -42px
    }

    45%,65% {
        top: -45px;
        left: -38px
    }
}

@-webkit-keyframes wrapper_speaker_man_hair_topLeft {
    0%,75% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    10%,30% {
        -webkit-transform: translate(3px,5px);
        transform: translate(3px,5px)
    }

    45%,65% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
}

@keyframes wrapper_speaker_man_hair_topLeft {
    0%,75% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    10%,30% {
        -webkit-transform: translate(3px,5px);
        transform: translate(3px,5px)
    }

    45%,65% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--man .wrapper_speaker_face, [class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--man .wrapper_speaker_head_bg, [class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--man .wrapper_speaker_hair {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--man .wrapper_speaker_face {
    -webkit-animation-name: wrapper_speaker_man_face_topLeft;
    animation-name: wrapper_speaker_man_face_topLeft
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--man .wrapper_speaker_head_bg {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: wrapper_speaker_man_head_bg_topLeft;
    animation-name: wrapper_speaker_man_head_bg_topLeft
}

[class*="scene"] .animation .wrapper_tooltip--arrowTopLeft .speaker--man .wrapper_speaker_hair {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-name: wrapper_speaker_man_hair_topLeft;
    animation-name: wrapper_speaker_man_hair_topLeft
}

@-webkit-keyframes intro_arrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes intro_arrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.wrapper_stage_intro_arrow {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: intro_arrow;
    animation-name: intro_arrow;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes scene1_blink_screen {
    0% {
        opacity: 0 !important
    }

    50% {
        opacity: .3 !important
    }

    100% {
        opacity: 0 !important
    }
}

@keyframes scene1_blink_screen {
    0% {
        opacity: 0 !important
    }

    50% {
        opacity: .3 !important
    }

    100% {
        opacity: 0 !important
    }
}

.scene1 .animation .shine {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: scene1_blink_screen;
    animation-name: scene1_blink_screen;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes scene1_daddy_arm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes scene1_daddy_arm {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes scene1_mouse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes scene1_mouse {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.scene1 .animation .wrapper_stage_daddy_arm {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: scene1_daddy_arm;
    animation-name: scene1_daddy_arm;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.scene1 .animation .wrapper_stage_mouse {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: scene1_mouse;
    animation-name: scene1_mouse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes scene1_mum_arm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes scene1_mum_arm {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.scene1 .animation .wrapper_stage_mum_arm {
    -webkit-transform-origin: 80% 80%;
    -ms-transform-origin: 80% 80%;
    transform-origin: 80% 80%;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: scene1_mum_arm;
    animation-name: scene1_mum_arm;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes scene1_daddy_head {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    35% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    40% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes scene1_daddy_head {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    30% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    35% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }

    40% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.scene1 .animation .wrapper_stage_daddy_head {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-name: scene1_daddy_head;
    animation-name: scene1_daddy_head;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes scene2_wrapper_stage_baby {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    6%,12% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    9%,15%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }
}

@keyframes scene2_wrapper_stage_baby {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    6%,12% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    9%,15%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }
}

@-webkit-keyframes scene2_wrapper_stage_baby_shadow {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    6%,12% {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    9%,15%,100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }
}

@keyframes scene2_wrapper_stage_baby_shadow {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    6%,12% {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    9%,15%,100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }
}

.scene2 .animation .wrapper_stage_baby_body, .scene2 .animation .wrapper_stage_baby_shadow {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.scene2 .animation .wrapper_stage_baby_body, .scene2 .animation .wrapper_stage_baby_shadow {
    -webkit-animation-name: scene2_wrapper_stage_baby;
    animation-name: scene2_wrapper_stage_baby
}

.scene2 .animation .wrapper_stage_baby_shadow {
    -webkit-animation-name: scene2_wrapper_stage_baby_shadow;
    animation-name: scene2_wrapper_stage_baby_shadow
}

@-webkit-keyframes wrapper_stage_child_leftArm {
    0%,50% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }

    25%,75% {
        -webkit-transform: rotate(-17deg);
        transform: rotate(-17deg)
    }

    100% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }
}

@keyframes wrapper_stage_child_leftArm {
    0%,50% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }

    25%,75% {
        -webkit-transform: rotate(-17deg);
        transform: rotate(-17deg)
    }

    100% {
        -webkit-transform: rotate(17deg);
        transform: rotate(17deg)
    }
}

@-webkit-keyframes wrapper_stage_child_rightArm {
    0%,50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    25%,75% {
        -webkit-transform: rotate(28deg);
        transform: rotate(28deg)
    }

    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

@keyframes wrapper_stage_child_rightArm {
    0%,50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    25%,75% {
        -webkit-transform: rotate(28deg);
        transform: rotate(28deg)
    }

    100% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
}

.scene2 .animation .wrapper_stage_child_leftArm, .scene2 .animation .wrapper_stage_child_rightArm {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.scene2 .animation .wrapper_stage_child_leftArm {
    -webkit-transform-origin: 53px 14px;
    -ms-transform-origin: 53px 14px;
    transform-origin: 53px 14px;
    -webkit-animation-name: wrapper_stage_child_leftArm;
    animation-name: wrapper_stage_child_leftArm
}

.scene2 .animation .wrapper_stage_child_rightArm {
    -webkit-transform-origin: 6px 17px;
    -ms-transform-origin: 6px 17px;
    transform-origin: 6px 17px;
    -webkit-animation-name: wrapper_stage_child_rightArm;
    animation-name: wrapper_stage_child_rightArm
}

@-webkit-keyframes scene3_daddy_arm {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
}

@keyframes scene3_daddy_arm {
    0%,100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
}

@-webkit-keyframes scene3_daddy_body_shadow {
    0%,100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translate(2px);
        transform: translate(2px)
    }
}

@keyframes scene3_daddy_body_shadow {
    0%,100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translate(2px);
        transform: translate(2px)
    }
}

.scene3 .animation .wrapper_stage_daddy_body_shadow, .scene3 .animation .wrapper_stage_daddy_arm {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.scene3 .animation .wrapper_stage_daddy_arm {
    -webkit-animation-name: scene3_daddy_arm;
    animation-name: scene3_daddy_arm
}

.scene3 .animation .wrapper_stage_daddy_body_shadow {
    -webkit-animation-name: scene3_daddy_body_shadow;
    animation-name: scene3_daddy_body_shadow
}

@-webkit-keyframes scene3_mum_arm {
    0%,40% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    20% {
        -webkit-transform: translateY(-3px) rotate(-4deg);
        transform: translateY(-3px) rotate(-4deg)
    }
}

@keyframes scene3_mum_arm {
    0%,40% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg)
    }

    20% {
        -webkit-transform: translateY(-3px) rotate(-4deg);
        transform: translateY(-3px) rotate(-4deg)
    }
}

@-webkit-keyframes scene3_mum_head {
    0%,35% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
}

@keyframes scene3_mum_head {
    0%,35% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
}

.scene3 .animation .wrapper_stage_mum_arm, .scene3 .animation .wrapper_stage_mum_head {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.scene3 .animation .wrapper_stage_mum_arm {
    -webkit-animation-name: scene3_mum_arm;
    animation-name: scene3_mum_arm
}

.scene3 .animation .wrapper_stage_mum_head {
    -webkit-animation-name: scene3_mum_head;
    animation-name: scene3_mum_head;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes scene3_bear_arm {
    0%,45% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    15%,29% {
        -webkit-transform: rotate(47deg);
        transform: rotate(47deg)
    }

    22% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }
}

@keyframes scene3_bear_arm {
    0%,45% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    15%,29% {
        -webkit-transform: rotate(47deg);
        transform: rotate(47deg)
    }

    22% {
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg)
    }
}

@-webkit-keyframes scene3_bear_eye {
    0% {
        height: 5px
    }

    10% {
        height: 2px
    }

    30% {
        height: 5px
    }
}

@keyframes scene3_bear_eye {
    0% {
        height: 5px
    }

    10% {
        height: 2px
    }

    30% {
        height: 5px
    }
}

.scene3 .animation .wrapper_stage_bear_arm, .scene3 .animation .wrapper_stage_bear_eye .bear_eye {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.scene3 .animation .wrapper_stage_bear_arm {
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    transform-origin: top right;
    -webkit-animation-name: scene3_bear_arm;
    animation-name: scene3_bear_arm
}

.scene3 .animation .wrapper_stage_bear_eye .bear_eye {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation-name: scene3_bear_eye;
    animation-name: scene3_bear_eye
}

@-webkit-keyframes scene4_machine_leds_green {
    0%,100% {
        background-color: #36d900
    }

    40%,80% {
        background-color: #d54912
    }
}

@keyframes scene4_machine_leds_green {
    0%,100% {
        background-color: #36d900
    }

    40%,80% {
        background-color: #d54912
    }
}

@-webkit-keyframes scene4_machine_leds_red {
    0%,100% {
        background-color: #d54912
    }

    40%,80% {
        background-color: #36d900
    }
}

@keyframes scene4_machine_leds_red {
    0%,100% {
        background-color: #d54912
    }

    40%,80% {
        background-color: #36d900
    }
}

.scene4 .animation .scanner_light, .scene4 .animation .scanner_light + .scanner_light {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: scene4_machine_leds;
    animation-name: scene4_machine_leds
}

.scene4 .animation .scanner_light {
    -webkit-animation-name: scene4_machine_leds_green;
    animation-name: scene4_machine_leds_green
}

    .scene4 .animation .scanner_light + .scanner_light {
        -webkit-animation-name: scene4_machine_leds_red;
        animation-name: scene4_machine_leds_red
    }

@-webkit-keyframes scene4_police_arms {
    0%,100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    20% {
        -webkit-transform: translateY(-3px) rotate(3deg);
        transform: translateY(-3px) rotate(3deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    80% {
        -webkit-transform: translateY(-3px) rotate(-3deg);
        transform: translateY(-3px) rotate(-3deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
}

@keyframes scene4_police_arms {
    0%,100% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    20% {
        -webkit-transform: translateY(-3px) rotate(3deg);
        transform: translateY(-3px) rotate(3deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    80% {
        -webkit-transform: translateY(-3px) rotate(-3deg);
        transform: translateY(-3px) rotate(-3deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
}

.scene4 .animation .wrapper_stage_police_arms {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scene4_police_arms;
    animation-name: scene4_police_arms;
    z-index: 3
}

@-webkit-keyframes scene4_police_head_bg {
    0%,60% {
        left: -17px
    }

    10%,50% {
        left: -27px
    }
}

@keyframes scene4_police_head_bg {
    0%,60% {
        left: -17px
    }

    10%,50% {
        left: -17px
    }
}

@-webkit-keyframes scene4_police_head_face {
    0%,60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,50% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@keyframes scene4_police_head_face {
    0%,60% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,50% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }
}

@-webkit-keyframes scene4_police_hair {
    0%,60% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    10%,50% {
        -webkit-transform: translateX(10px) rotate(-8deg);
        transform: translateX(10px) rotate(-8deg)
    }
}

@keyframes scene4_police_hair {
    0%,60% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    10%,50% {
        -webkit-transform: translateX(10px) rotate(-8deg);
        transform: translateX(10px) rotate(-8deg)
    }
}

.scene4 .animation .wrapper_stage_police_head_bg, .scene4 .animation .wrapper_stage_police_head_face, .scene4 .animation .wrapper_stage_police_hair {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.scene4 .animation .wrapper_stage_police_head_bg {
    -webkit-animation-name: scene4_police_head_bg;
    animation-name: scene4_police_head_bg
}

.scene4 .animation .wrapper_stage_police_head_face {
    -webkit-animation-name: scene4_police_head_face;
    animation-name: scene4_police_head_face
}

.scene4 .animation .wrapper_stage_police_hair {
    -webkit-animation-name: scene4_police_hair;
    animation-name: scene4_police_hair;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes scene4_child {
    0%,15%,30% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes scene4_child {
    0%,15%,30% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.scene4 .animation .wrapper_stage_child_body {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scene4_child;
    animation-name: scene4_child
}

@-webkit-keyframes scene5_baby {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes scene5_baby {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes scene5_baby_wheels {
    0%,100% {
        -webkit-transform: translateX(0) rotate(30deg);
        transform: translateX(0) rotate(30deg)
    }

    50% {
        -webkit-transform: translateX(10px) rotate(70deg);
        transform: translateX(10px) rotate(70deg)
    }
}

@keyframes scene5_baby_wheels {
    0%,100% {
        -webkit-transform: translateX(0) rotate(30deg);
        transform: translateX(0) rotate(30deg)
    }

    50% {
        -webkit-transform: translateX(10px) rotate(70deg);
        transform: translateX(10px) rotate(70deg)
    }
}

@-webkit-keyframes scene5_mum_arm {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes scene5_mum_arm {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes scene0_mum_arm_partOne {
    0%,100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0deg);
        transform: translateX(0) translateY(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translateX(-8px) translateY(2px) rotate(-10deg);
        transform: translateX(-8px) translateY(2px) rotate(-10deg)
    }
}

@keyframes scene0_mum_arm_partOne {
    0%,100% {
        -webkit-transform: translateX(0) translateY(0) rotate(0deg);
        transform: translateX(0) translateY(0) rotate(0deg)
    }

    50% {
        -webkit-transform: translateX(-8px) translateY(2px) rotate(-10deg);
        transform: translateX(-8px) translateY(2px) rotate(-10deg)
    }
}

.scene5 .animation .wrapper_stage_baby_body, .scene5 .animation .wrapper_stage_baby_wheels, .scene5 .animation .wrapper_stage_mum_arm, .scene0 .wrapper_stage_baby_body, .scene0 .wrapper_stage_baby_wheels, .scene0 .wrapper_stage_mum_arm, .scene0 .baby_shadow, .scene0 .wrapper_stage_mum_arm_partOne {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -ms-animation-duration: 2.5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-out
}

.scene5 .animation .wrapper_stage_baby_body, .scene0 .wrapper_stage_baby_body {
    -webkit-animation-name: scene5_baby;
    animation-name: scene5_baby
}

.scene5 .animation .wrapper_stage_baby_wheels, .scene0 .wrapper_stage_baby_wheels {
    -webkit-animation-name: scene5_baby_wheels;
    animation-name: scene5_baby_wheels
}

.scene5 .animation .wrapper_stage_mum_arm, .scene0 .wrapper_stage_mum_arm {
    -webkit-animation-name: scene5_mum_arm;
    animation-name: scene5_mum_arm
}

.scene0 .wrapper_stage_mum_arm_partOne {
    -webkit-animation-name: scene0_mum_arm_partOne;
    animation-name: scene0_mum_arm_partOne
}

.scene0 .wrapper_stage_baby_shadow {
    -webkit-animation-name: scene5_baby;
    animation-name: scene5_baby
}

@-webkit-keyframes scene5_mum_head {
    0%,50%,100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    10%,30% {
        -webkit-transform: translateX(6px) rotate(10deg);
        transform: translateX(6px) rotate(10deg)
    }
}

@keyframes scene5_mum_head {
    0%,50%,100% {
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg)
    }

    10%,30% {
        -webkit-transform: translateX(6px) rotate(10deg);
        transform: translateX(6px) rotate(10deg)
    }
}

.scene5 .animation .wrapper_stage_mum_head {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scene5_mum_head;
    animation-name: scene5_mum_head;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes scene5_child {
    0%,7%,15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    5%,12% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes scene5_child {
    0%,7%,15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    5%,12% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.scene5 .animation .wrapper_stage_child_body {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scene5_child;
    animation-name: scene5_child;
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

@-webkit-keyframes scene5_daddy_arm {
    0%,50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    25%,75% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
}

@keyframes scene5_daddy_arm {
    0%,50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    25%,75% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
}

.scene5 .animation .wrapper_stage_daddy_arm {
    -webkit-transform-origin: 10px 0;
    -ms-transform-origin: 10px 0;
    transform-origin: 10px 0;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scene5_daddy_arm;
    animation-name: scene5_daddy_arm;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes scene5_azafata_eyes {
    0% {
        -webkit-transform: translateX(0deg);
        transform: translateX(0deg)
    }

    25% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    75% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    100% {
        -webkit-transform: translateX(0deg);
        transform: translateX(0deg)
    }
}

@keyframes scene5_azafata_eyes {
    0% {
        -webkit-transform: translateX(0deg);
        transform: translateX(0deg)
    }

    25% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    75% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }

    100% {
        -webkit-transform: translateX(0deg);
        transform: translateX(0deg)
    }
}

@-webkit-keyframes scene5_azafata_cara {
    0% {
        left: -19px
    }

    25% {
        left: -21px
    }

    75% {
        left: -17px
    }

    100% {
        left: -19px
    }
}

@keyframes scene5_azafata_cara {
    0% {
        left: -19px
    }

    25% {
        left: -21px
    }

    75% {
        left: -17px
    }

    100% {
        left: -19px
    }
}

@-webkit-keyframes scene5_azafata_hair {
    0% {
        -webkit-transform: translateX(0deg) rotate(0deg);
        transform: translateX(0deg) rotate(0deg)
    }

    25% {
        -webkit-transform: translateX(3px) rotate(-5deg);
        transform: translateX(3px) rotate(-5deg)
    }

    75% {
        -webkit-transform: translateX(-3px) rotate(5deg);
        transform: translateX(-3px) rotate(5deg)
    }

    100% {
        -webkit-transform: translateX(0deg) rotate(0deg);
        transform: translateX(0deg) rotate(0deg)
    }
}

@keyframes scene5_azafata_hair {
    0% {
        -webkit-transform: translateX(0deg) rotate(0deg);
        transform: translateX(0deg) rotate(0deg)
    }

    25% {
        -webkit-transform: translateX(3px) rotate(-5deg);
        transform: translateX(3px) rotate(-5deg)
    }

    75% {
        -webkit-transform: translateX(-3px) rotate(5deg);
        transform: translateX(-3px) rotate(5deg)
    }

    100% {
        -webkit-transform: translateX(0deg) rotate(0deg);
        transform: translateX(0deg) rotate(0deg)
    }
}

.scene5 .animation .wrapper_stage_azafata_head_face {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scene5_azafata_eyes;
    animation-name: scene5_azafata_eyes;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.scene5 .animation .wrapper_stage_azafata_head_bg {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scene5_azafata_cara;
    animation-name: scene5_azafata_cara;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.scene5 .animation .wrapper_stage_azafata_hair {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scene5_azafata_hair;
    animation-name: scene5_azafata_hair;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes scene6_childLeftArm {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes scene6_childLeftArm {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes scene6_childRightArm {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes scene6_childRightArm {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-21deg);
        transform: rotate(-21deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.scene6 .animation .wrapper_stage_child_body_legLeft, .scene6 .animation .wrapper_stage_child_body_legRight {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.scene6 .animation .wrapper_stage_child_body_legLeft {
    -webkit-animation-name: scene6_childLeftArm;
    animation-name: scene6_childLeftArm
}

.scene6 .animation .wrapper_stage_child_body_legRight {
    -webkit-animation-name: scene6_childRightArm;
    animation-name: scene6_childRightArm
}

@-webkit-keyframes scene6_mum {
    0%,15%,25% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,20% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes scene6_mum {
    0%,15%,25% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    10%,20% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

.scene6 .animation .wrapper_stage_mum_body_shoulders, .scene6 .animation .wrapper_stage_mum_body_baby {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-name: scene6_mum;
    animation-name: scene6_mum;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes scene7_mum_eyes {
    0% {
        left: 18px
    }

    25% {
        left: 15px
    }

    75% {
        left: 21px
    }

    100% {
        left: 18px
    }
}

@keyframes scene7_mum_eyes {
    0% {
        left: 18px
    }

    25% {
        left: 15px
    }

    75% {
        left: 21px
    }

    100% {
        left: 18px
    }
}

@-webkit-keyframes scene7_mum_hair {
    0% {
        left: -9px
    }

    25% {
        left: -12px
    }

    75% {
        left: -6px
    }

    100% {
        left: -9px
    }
}

@keyframes scene7_mum_hair {
    0% {
        left: -9px
    }

    25% {
        left: -12px
    }

    75% {
        left: -6px
    }

    100% {
        left: -9px
    }
}

.scene7 .animation .wrapper_stage_mum_head_face, .scene7 .animation .wrapper_stage_mum_head_bg {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.scene7 .animation .wrapper_stage_mum_head_face {
    -webkit-animation-name: scene7_mum_eyes;
    animation-name: scene7_mum_eyes
}

.scene7 .animation .wrapper_stage_mum_head_bg {
    -webkit-animation-name: scene7_mum_hair;
    animation-name: scene7_mum_hair
}

@-webkit-keyframes scene7_babySeat {
    0%,7%,15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    5%,12% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

@keyframes scene7_babySeat {
    0%,7%,15% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    5%,12% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

.scene7 .animation .wrapper_stage_baby_seat {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scene7_babySeat;
    animation-name: scene7_babySeat;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes scene8_plane {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes scene8_plane {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

.scene8 .animation [class*="wrapper_stage"] {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-name: scene8_plane;
    animation-name: scene8_plane
}

.header_sem {
    margin-bottom: 20px
}

    .header_sem h1 {
        font-size: 2.7em
    }

        .header_sem h1 em {
            color: #999907
        }

    .header_sem p {
        font-size: 1.8em;
        margin-top: .5em
    }

    .header_sem.destacado {
        padding-left: 30px
    }

        .header_sem.destacado h1 {
            position: relative
        }

            .header_sem.destacado h1:before {
                content: "";
                position: absolute;
                width: .8em;
                height: .8em;
                border-radius: .5em;
                border: 1px solid #fc0;
                top: 50%;
                left: -30px;
                margin-top: -.4em;
                background: url("../images/sprite-cms2.png") no-repeat -394px -191px
            }

#landingSEM .splash {
    margin: 20px 0
}

#landingSEM .sem_splah_tpl_1 {
    margin-bottom: 10px
}

#landingSEM .sem_splah_tpl_2, #landingSEM .sem_splah_tpl_4 {
    margin-bottom: 30px
}

.sem_splah_tpl_2, .sem_splah_tpl_3 {
    background: url("../images/bg/vertical_yellowDot.png") repeat-y center top
}

.sem_splah_tpl_4 {
    position: relative
}

.splash .img_splash {
    float: left;
    width: 48%;
    height: 427px;
    border-radius: 8px;
    overflow: hidden
}

    .splash .img_splash.expanded {
        height: 477px
    }

.sem_splah_tpl_1 .img_splash {
    border-radius: 0 8px 8px 0;
    width: 49.5%;
    float: right
}

.sem_splah_tpl_2 .img_splash {
    position: relative;
    border-radius: 0;
    overflow: visible;
    z-index: 1
}

    .sem_splah_tpl_2 .img_splash:before, .sem_splah_tpl_2 .img_splash:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        top: 80%;
        width: 50%;
        background: #777;
        -webkit-box-shadow: 0 15px 10px #777;
        -moz-box-shadow: 0 15px 10px #777;
        box-shadow: 0 15px 10px #777;
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }

    .sem_splah_tpl_2 .img_splash:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto
    }

    .sem_splah_tpl_2 .img_splash a {
        border-radius: 8px;
        display: block;
        overflow: hidden;
        height: 427px
    }

    .sem_splah_tpl_2 .img_splash.expanded a {
        height: 477px
    }

.sem_splah_tpl_4 .img_splash, .sem_splah_tpl_4 .img_splash.expanded {
    width: 100%;
    float: none;
    height: 457px;
    border-radius: 8px 8px 0 0
}

    .sem_splah_tpl_4 .img_splash img {
        width: 100%
    }

.form_splash {
    float: right;
    width: 48%
}

    .form_splash .buscadorYellow {
        border-radius: 8px
    }

.sem_splah_tpl_1 .form_splash {
    width: 49.5%;
    float: left
}

    .sem_splah_tpl_1 .form_splash .buscadorYellow {
        border-radius: 8px 0 0 8px
    }

.sem_splah_tpl_4 .form_splash {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2
}

.splash .detalles {
    clear: both;
    padding: 22px 0 10px;
    font: normal 1.5em/1 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
}

    .splash .detalles strong {
        font-family: "DTLProkyonTMediumRegular",Myriad Pro,Verdana,Helvetica,sans-serif;
        font-weight: 400 !important
    }

    .splash .detalles li {
        float: left;
        position: relative;
        padding-right: 20px;
        padding-left: 44px;
        box-sizing: border-box
    }

        .splash .detalles li:last-child {
            padding-right: 0
        }

        .splash .detalles li [class*='icon-'] {
            position: absolute;
            left: 0;
            top: -11px;
            font-size: 36px
        }

        .splash .detalles li.ruta {
            min-width: 51%
        }

            .splash .detalles li.ruta [class*='icon-'] {
                font-size: 34px
            }

        .splash .detalles li.duracion {
            border-right: 1px solid #999;
            margin-right: 20px
        }

        .splash .detalles li.moneda {
            padding-left: 38px
        }

            .splash .detalles li.moneda [class*='icon-'] {
                top: -6px;
                font-size: 27px
            }

        .splash .detalles li .icon-airport .path2:before, .splash .detalles li .icon-e_vuelos .path3:before {
            color: #fc0
        }

        .splash .detalles li .icon-airport .path3:before {
            color: #666
        }

        .splash .detalles li .icon-e_vuelos .path2:before {
            color: #fff
        }

.sem_splah_tpl_4 .detalles {
    background-color: #666;
    color: #fff;
    border-radius: 0 0 8px 8px;
    padding: 15px
}

    .sem_splah_tpl_4 .detalles li.duracion {
        border-color: #fff
    }

        .sem_splah_tpl_4 .detalles li.duracion:before {
            background-position: -895px -1631px
        }

#wrapper .sem_splah_tpl_2 #searchBox.search50 .buscador_pasajeros_adults, #wrapper .sem_splah_tpl_3 #searchBox.search50 .buscador_pasajeros_adults, #wrapper .sem_splah_tpl_4 #searchBox.search50 .buscador_pasajeros_adults {
    width: 34.6%
}

.sem_content_txt {
    line-height: 1.8;
    font-size: 1.1em
}

    .sem_content_txt p {
        margin-bottom: 1.5em
    }

    .sem_content_txt h3 {
        font: 800 1.35em/2 "DTLProkyonTMediumRegular",Myriad Pro,Verdana,Helvetica,sans-serif
    }

.sem_top_10 {
    padding: 0
}

.modulo_destacados {
    display: table;
    margin: 15px 0;
    border-collapse: collapse;
    width: 100%
}

    .modulo_destacados .modulo_row {
        display: table-row
    }

    .modulo_destacados .modulo_content, .modulo_destacados .modulo_imagen {
        display: table-cell;
        margin: 0;
        padding: 0
    }

    .modulo_destacados.mod_dest_tpl_1 .modulo_imagen {
        text-align: right;
        vertical-align: top
    }

    .modulo_destacados.mod_dest_tpl_1 .modulo_content {
        vertical-align: middle;
        font: normal 1.8em/1.5 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif
    }

.sem_top_10 .modulo_content {
    padding-left: 30px
}

    .sem_top_10 .modulo_content h3 {
        position: relative
    }

        .sem_top_10 .modulo_content h3 em {
            color: #990
        }

        .sem_top_10 .modulo_content h3:before {
            content: "";
            position: absolute;
            left: -30px;
            width: 25px;
            height: 25px;
            border-radius: 15px;
            border: 1px solid #fc0;
            top: 50%;
            margin-top: -15px;
            background: url("../images/sprite-cms2.png") no-repeat -394px -190px
        }

.sem_top_10 .textMd p {
    font-size: 1.3em
}

.sem_info_txt {
    margin: 30px 0
}

    .sem_info_txt h3 {
        font: normal 1.8em/1.2 "DTLProkyonTRegular",Myriad Pro,Verdana,Helvetica,sans-serif;
        vertical-align: middle
    }

        .sem_info_txt h3 em {
            color: #990
        }

        .sem_info_txt h3:before {
            display: inline-block;
            width: 27px;
            height: 27px;
            content: "";
            background: url("../images/sprite-cms2.png") no-repeat;
            vertical-align: text-bottom;
            margin-right: .3em
        }

    .sem_info_txt .sem_infografia h3:before {
        background-position: -785px -1668px
    }

    .sem_info_txt .city_about h3:before {
        background-position: -823px -1669px
    }

    .sem_info_txt .sem_info_txt_title--icon {
        padding-left: 2em;
        position: relative
    }

        .sem_info_txt .sem_info_txt_title--icon:before {
            position: absolute;
            top: -4px;
            left: 0
        }

    .sem_info_txt .city_about {
        border-radius: 8px;
        background-color: #f7f7f7
    }

.city_about h3 {
    padding: .7em 1.33em .5em
}

.city_about .sem_info_txt_title--icon {
    padding-left: 2.3em
}

    .city_about .sem_info_txt_title--icon:before {
        left: 11px;
        top: 10px
    }

.city_about .city_about_content {
    padding: 20px 15px
}

.city_about dl {
    font-size: 1.1em;
    margin: 0 10px 0 25px
}

.city_about dt {
    font-weight: 800;
    float: left;
    clear: left;
    margin-right: 1em;
    line-height: 1.4
}

    .city_about dt:before {
        content: "";
        height: 1em;
        width: 15px;
        background: url("../images/VuelingBase/vertical_yellowDot.png") no-repeat left .4em;
        display: inline-block;
        margin-left: -15px
    }

.city_about dd {
    line-height: 1.4;
    margin-bottom: 1.5em
}

.city_about .weather {
    padding-top: 2em
}

    .city_about .weather ul {
        clear: left;
        border-radius: 8px;
        background-color: #fff;
        margin: 0 -10px 0 -20px
    }

    .city_about .weather li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 5px 0 10px
    }

    .city_about .weather span {
        display: block
    }

        .city_about .weather span:before {
            display: block;
            content: "";
            width: 35px;
            height: 45px;
            margin: auto;
            background: url("../images/sprite-weather.png") no-repeat
        }

        .city_about .weather span.lluvia:before {
            background-position: 0 bottom
        }

        .city_about .weather span.sol:before {
            background-position: -98px bottom
        }

        .city_about .weather span.nube:before {
            background-position: -190px bottom
        }

        .city_about .weather span.niebla:before {
            background-position: -291px bottom
        }

.sem_info_tpl_1 .sem_infografia {
    float: left;
    width: 53%
}

.sem_info_tpl_1 .city_about {
    float: right;
    width: 45%;
    margin-top: -14px
}

.sem_info_tpl_1 .pricegraph {
    width: 93%
}

.sem_info_tpl_2 .sem_infografia_ida {
    float: left;
    width: 49%
}

.sem_info_tpl_2 .sem_infografia_vuelta {
    float: right;
    width: 49%
}

.sem_info_tpl_2 dl {
    float: left;
    width: 45%
}

    .sem_info_tpl_2 dl + dl {
        float: right
    }

.sem_infografia .sem_infografia_grafico_layout {
    margin-bottom: 2.5em
}

.sem_infografia .departIcon, .sem_infografia .returnIcon {
    float: none;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    padding-bottom: 0;
    min-width: 100px
}

.pricegraph {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    padding: 0 18px;
    position: relative;
    width: 100%
}

    .pricegraph * {
        box-sizing: border-box
    }

    .pricegraph .days-shell {
        display: block;
        position: relative;
        transition: all 200ms ease 0s;
        width: 100%
    }

    .pricegraph .bars {
        display: table;
        margin: 0;
        padding: 0;
        table-layout: fixed;
        transition: all 200ms ease 0s;
        width: 100%
    }

        .pricegraph .bars li {
            display: table-cell;
            font-size: 0;
            line-height: 0;
            text-align: center;
            vertical-align: bottom
        }

            .pricegraph .bars li .bar {
                display: block;
                min-height: 70px;
                padding-top: 2px;
                position: relative;
                width: 100%;
                border-bottom: 1px dashed #e1e1e1;
                border-top: 1px dashed #e1e1e1;
                height: 100px;
                cursor: pointer
            }

            .pricegraph .bars li .fill {
                background-color: #fc0;
                bottom: 2px;
                display: block;
                height: 2px;
                left: 15%;
                max-height: 100%;
                min-height: 2px;
                position: absolute;
                transition: all 200ms ease 0s;
                width: 70%;
                z-index: 1
            }

            .pricegraph .bars li.selected .fill {
                background-color: #666
            }

            .pricegraph .bars li.out-of-bound .fill {
                background-color: #e1e1e1
            }

            .pricegraph .bars li .mid {
                position: absolute;
                top: 50%;
                height: 1px;
                width: 100%;
                border-top: 1px dashed #e1e1e1
            }

            .pricegraph .bars li .price-info {
                background-color: #fff;
                border-radius: 8px;
                border: 2px solid #dededd;
                bottom: 100%;
                box-shadow: 0 0 5px 0 rgba(50,50,44,.27);
                color: #666;
                font-size: 14px;
                font-weight: 400;
                left: 50%;
                line-height: 20px;
                margin-bottom: 10px;
                opacity: 0;
                padding: 8px 12px;
                pointer-events: none;
                position: absolute;
                visibility: hidden;
                white-space: nowrap;
                z-index: 101;
                transition: all 200ms ease 0s
            }

                .pricegraph .bars li .price-info:after {
                    position: absolute;
                    z-index: 102;
                    width: 17px;
                    height: 10px;
                    background: url("../images/sprite-cms2.png") no-repeat scroll -277px -2598px;
                    content: "";
                    top: 100%;
                    left: 50%;
                    margin-left: -8px
                }

            .pricegraph .bars li .bar:hover .price-info {
                opacity: 1;
                visibility: visible
            }

            .pricegraph .bars li .bar:hover .fill {
                background-color: #666
            }

            .pricegraph .bars li .price-info .date {
                display: block;
                font-size: 11px;
                font-weight: 400;
                line-height: 12px;
                margin-bottom: 5px
            }

            .pricegraph .bars li .price-info .price {
                font-size: 17px;
                font-weight: 600;
                line-height: 18px;
                color: #990
            }

            .pricegraph .bars li .date-day {
                color: #999;
                display: block;
                font-size: 10px;
                font-weight: 400;
                line-height: 16px;
                padding-bottom: 2px;
                padding-top: 5px;
                transition: all 100ms ease 0s
            }

            .pricegraph .bars li.weekend .date-day {
                color: #000
            }

            .pricegraph .bars li .date-day span {
                display: block
            }

    .pricegraph .scale {
        color: #000;
        font-size: 10px;
        font-weight: 300;
        height: 80px;
        right: -36px;
        line-height: 0;
        min-height: 70px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 40px
    }

        .pricegraph .scale li {
            display: block;
            height: 10px;
            position: absolute;
            width: 100%;
            text-align: right
        }

        .pricegraph .scale .max-value {
            top: -1px
        }

        .pricegraph .scale .mid-value {
            margin-top: 9px;
            top: 50%
        }

        .pricegraph .scale .min-value {
            bottom: -25px
        }

    .pricegraph .months-span {
        display: table;
        list-style: outside none none;
        margin: 5px 0 0;
        padding: 0;
        table-layout: fixed;
        text-align: center;
        transition: all 200ms ease 0s;
        width: 100%
    }

        .pricegraph .months-span li {
            color: #000;
            cursor: pointer;
            display: table-cell;
            transition: all 200ms ease-out 0s;
            vertical-align: top
        }

            .pricegraph .months-span li:first-child {
                padding-right: 1px
            }

            .pricegraph .months-span li:last-child {
                padding-left: 1px
            }

            .pricegraph .months-span li .span {
                display: table;
                width: 100%
            }

                .pricegraph .months-span li .span span {
                    display: table-cell;
                    vertical-align: top
                }

                .pricegraph .months-span li .span .right, .pricegraph .months-span li .span .left {
                    width: 50%
                }

                .pricegraph .months-span li .span .right {
                    width: 100%
                }

                    .pricegraph .months-span li .span .right:before, .pricegraph .months-span li .span .left:before {
                        border-bottom: 1px solid #ccc;
                        content: "";
                        display: block;
                        height: 8px;
                        transition: all 200ms ease-out 0s
                    }

            .pricegraph .months-span li:hover .span .right:before, .pricegraph .months-span li:hover .span .left:before {
                border-color: #000
            }

            .pricegraph .months-span li .span .left::before {
                border-radius: 0 0 0 4px;
                border-left: 1px solid #ccc
            }

            .pricegraph .months-span li .span .left.cont:before {
                border-radius: 0;
                border-left: 0 none
            }

            .pricegraph .months-span li .span .right:before {
                border-radius: 0 0 4px;
                border-right: 1px solid #ccc
            }

            .pricegraph .months-span li .span .right.cont:before {
                border-radius: 0;
                border-right: 0 none
            }

            .pricegraph .months-span li .span .month {
                font-size: 11px;
                line-height: 16px;
                padding: 0 6px;
                text-transform: uppercase;
                white-space: nowrap;
                width: auto
            }

    .pricegraph .range-navigator {
        transition: all 200ms ease 0s
    }

        .pricegraph .range-navigator .previous-range, .pricegraph .range-navigator .next-range {
            background: url("../images/sprite-cms2.png") no-repeat -581px -1890px;
            bottom: 30px;
            height: 18px;
            opacity: .6;
            position: absolute;
            width: 10px;
            cursor: pointer
        }

        .pricegraph .range-navigator .previous-range {
            left: 0
        }

        .pricegraph .range-navigator .next-range {
            background-position: -557px -1890px;
            right: 0
        }

            .pricegraph .range-navigator .previous-range:hover, .pricegraph .range-navigator .next-range:hover {
                opacity: 1
            }

.sem_info_tpl_2 .pricegraph {
    width: 95%
}

.listAtlas212 {
    counter-reset: vinyeta
}

    .listAtlas212 .moduleBox_counter {
        position: absolute
    }

        .listAtlas212 .moduleBox_counter:before {
            position: absolute;
            content: counter(vinyeta);
            counter-increment: vinyeta;
            font: 20px/1 'DTLProkyonTRegular','Myriad Pro',Verdana,Helvetica;
            color: #fff;
            background-color: #fc0;
            width: 1.5em;
            height: 1.5em;
            line-height: 1.5em;
            border-radius: 50%;
            text-align: center;
            top: -.75em;
            left: .75em
        }

    .listAtlas212 article {
        float: left;
        width: 50%;
        padding-left: 15px
    }

        .listAtlas212 article:nth-child(2n+1) {
            clear: left;
            padding-right: 15px;
            padding-left: 0
        }

    .listAtlas212 aside img {
        width: 100%
    }

.tambien_tenemos {
    margin-top: 30px
}

    .tambien_tenemos header {
        margin-bottom: 2em
    }

.sillaXLModalImg {
    float: left;
    margin-right: 20px
}

@media(max-width:767px) {
    .listAtlas212 article {
        float: none;
        width: 100%;
        padding: 0
    }

    .sillaXLModalImg {
        display: block;
        margin: 0 auto 20px auto;
        float: none
    }
}

.wrap_imgRoundedMask--crop {
    height: 425px
}

    .wrap_imgRoundedMask--crop .imgRoundedMask {
        position: relative;
        height: 100%
    }

        .wrap_imgRoundedMask--crop .imgRoundedMask img {
            width: auto;
            height: 100%
        }

.addFAKEclassTodoRIGHTtheBUNDLE {
}

.consejos_para_volar .modules .leadIn {
    margin-bottom: 0
}

    .consejos_para_volar .modules .leadIn p {
        margin-bottom: 0
    }

.consejos_para_volar .scene_sprite {
    background: url(../images/landing_consejos/sprite_ico.png) 0 0 no-repeat
}

.consejos_para_volar .navSteps {
    counter-reset: stepNum
}

    .consejos_para_volar .navSteps li .step:before {
        content: counter(stepNum);
        counter-increment: stepNum;
        width: 25px;
        height: 25px;
        font: 16px/25px 'DTLProkyonTMedium',verdana,sans-serif;
        color: #666
    }

    .consejos_para_volar .navSteps li .step:hover:before {
        color: #eee
    }

    .consejos_para_volar .navSteps li .step.active:before {
        color: #fff
    }

    .consejos_para_volar .navSteps li .step:after {
        content: none
    }

.navSteps--9 li {
    width: 11.5%
}

    .navSteps--9 li:first-child, .navSteps--9 li:last-child {
        width: 7.82%
    }

.consejos_para_volar .scene {
    position: relative;
    padding: 0;
    background: none
}

    .consejos_para_volar .scene.visibleOverflow {
        overflow: visible
    }

    .consejos_para_volar .scene [class^="scene"] {
        position: absolute
    }

.consejos_para_volar .scene_characters {
    z-index: 5
}

.consejos_para_volar .scene_circle {
    background-color: #fff;
    width: 372px;
    height: 372px;
    border-radius: 50%
}

    .consejos_para_volar .scene_circle [class^="scene_circle_wave"] {
        position: absolute;
        width: 370px;
        height: 370px;
        border: 2px solid #fff;
        border-radius: 50%;
        left: 0;
        top: 0;
        opacity: .6
    }

.consejos_para_volar [class^="scene_shape"] {
    background: url(../images/landing_consejos/sprite_bg.png) 0 0 no-repeat
}

.consejos_para_volar .scene_nav {
    position: absolute;
    top: 50%;
    right: 23px;
    z-index: 50
}

    .consejos_para_volar .scene_nav a {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #666 url(../images/landing_consejos/sprite_bg.png) -620px 0 no-repeat;
        text-indent: -999em
    }

        .consejos_para_volar .scene_nav a:hover {
            background-color: #fc0
        }

    .consejos_para_volar .scene_nav .prev a {
        bottom: 5px
    }

    .consejos_para_volar .scene_nav .next a {
        top: 5px;
        left: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.consejos_para_volar .tooltip_nav {
    position: absolute;
    right: 0;
    white-space: nowrap;
    background-color: #666;
    color: #fff;
    font: 400 16px/32px 'DTLProkyonTMediumRegular',verdana,sans-serif;
    padding: 0 15px;
    border-radius: 8px;
    margin-right: 20px;
    display: none;
    transition: all .3s
}

.consejos_para_volar a:hover + .tooltip_nav {
    opacity: 1;
    display: block
}

.consejos_para_volar .tooltip_nav:after {
    color: #666;
    font-size: 18px;
    top: 50%;
    margin-top: -15px;
    right: -13px;
    content: "▲";
    position: absolute;
    transform: scaleY(1) rotate(90deg)
}

.consejos_para_volar .prev .tooltip_nav {
    bottom: 8px
}

.consejos_para_volar .next .tooltip_nav {
    top: 8px
}

.consejos_para_volar .scene0 {
    background: rgba(117,200,219,1);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(117,200,219,1)),color-stop(66%,rgba(174,223,234,.72)),color-stop(100%,rgba(174,223,234,.6)));
    background: linear-gradient(to bottom,rgba(117,200,219,1) 0%,rgba(174,223,234,.72) 66%,rgba(174,223,234,.6) 100%)
}

.consejos_para_volar .scene--odd {
    background-color: #e5e5e5
}

.consejos_para_volar .scene--even {
    background-color: #f3f3f3
}

.consejos_para_volar .scene1 {
    height: 625px
}

.consejos_para_volar .scene2 {
    height: 717px
}

.consejos_para_volar .scene3 {
    height: 509px
}

.consejos_para_volar .scene4 {
    height: 718px
}

.consejos_para_volar .scene5 {
    height: 607px
}

.consejos_para_volar .scene6 {
    height: 511px
}

.consejos_para_volar .scene7 {
    height: 509px
}

.consejos_para_volar .scene8 {
    height: 541px
}

.consejos_para_volar .scene9 {
    height: 569px
}

.consejos_para_volar .scene_title {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 20
}

    .consejos_para_volar .scene_title h3 {
        font: 400 24px/62px 'DTLProkyonTMediumRegular',verdana,sans-serif
    }

        .consejos_para_volar .scene_title h3:before {
            display: inline-block;
            margin-right: 10px;
            content: "";
            width: 62px;
            height: 62px;
            border-radius: 50%;
            vertical-align: middle;
            background: #fff url(../images/landing_consejos/sprite_bg.png) 0 0 no-repeat
        }

.consejos_para_volar .scene1 .scene_title h3:before {
    background-position: 0 0
}

.consejos_para_volar .scene2 .scene_title h3:before {
    background-position: -62px 0
}

.consejos_para_volar .scene3 .scene_title h3:before {
    background-position: -124px 0
}

.consejos_para_volar .scene4 .scene_title h3:before {
    background-position: -186px 0
}

.consejos_para_volar .scene5 .scene_title h3:before {
    background-position: -248px 0
}

.consejos_para_volar .scene6 .scene_title h3:before {
    background-position: -310px 0
}

.consejos_para_volar .scene7 .scene_title h3:before {
    background-position: -372px 0
}

.consejos_para_volar .scene8 .scene_title h3:before {
    background-position: -434px 0
}

.consejos_para_volar .scene9 .scene_title h3:before {
    background-position: -496px 0
}

.consejos_para_volar .scene_background {
    position: absolute;
    left: 0;
    z-index: 0
}

.consejos_para_volar .scene1 .scene_background {
    top: 0
}

.consejos_para_volar .scene2 .scene_background {
    top: 148px
}

.consejos_para_volar .scene3 .scene_background {
    bottom: 0
}

.consejos_para_volar .scene4 .scene_background {
    top: 121px
}

.consejos_para_volar .scene5 .scene_background {
    bottom: 0
}

.consejos_para_volar .scene6 .scene_background {
    bottom: 0
}

.consejos_para_volar .scene7 .scene_background {
    bottom: 0
}

.consejos_para_volar .scene8 .scene_background {
    bottom: 0
}

.consejos_para_volar .scene9 .scene_background {
    top: 0;
    left: auto;
    right: 0
}

.consejos_para_volar .scene_content {
    z-index: 20
}

    .consejos_para_volar .scene_content [class^="scene_hostess_"] {
        position: absolute;
        width: 94px;
        height: 94px
    }

.consejos_para_volar .scene_hostess_woman_container {
    left: 0;
    top: 0;
    overflow: hidden
}

.consejos_para_volar .scene_content .scene_hostess_man {
    background-position: -540px -1150px
}

.consejos_para_volar .scene_content .scene_hostess_woman {
    background-position: -660px -1150px
}

.consejos_para_volar .scene_content .scene_hostess_shadow {
    height: 17px;
    width: 84px;
    background: url(../images/landing_consejos/sprite_ico.png) 0 -1150px no-repeat
}

.consejos_para_volar .scene_content .content {
    position: absolute;
    border-radius: 15px;
    background-color: #ffcd00;
    padding: 20px;
    width: 360px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.25;
    box-shadow: 7px 7px rgba(170,170,170,1);
    overflow: hidden
}

.consejos_para_volar .scene_content .content_arrow {
    position: absolute;
    color: #ffcd00;
    font-size: 30px
}

.consejos_para_volar .scene_content .content ul {
}

.consejos_para_volar .scene_content .content li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px
}

    .consejos_para_volar .scene_content .content li:last-child {
        margin-bottom: 0
    }

    .consejos_para_volar .scene_content .content li:before {
        position: absolute;
        left: 0;
        top: -5px;
        content: "";
        background: url(../images/landing_consejos/sprite_ico.png) 2px -1178px no-repeat;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background-color: #fff
    }

.consejos_para_volar .hostess-right_top {
}

    .consejos_para_volar .hostess-right_top [class^="scene_hostess_"] {
        left: 398px;
        top: 0
    }

    .consejos_para_volar .hostess-right_top .scene_hostess_shadow {
        top: 82px;
        left: 403px
    }

    .consejos_para_volar .hostess-right_top .content {
        top: 8px;
        left: 0
    }

    .consejos_para_volar .hostess-right_top .content_arrow {
        transform: scaleY(1.5) rotate(90deg);
        left: 355px;
        top: 30px;
        text-shadow: 4px -3px rgba(170,170,170,1);
        z-index: 35
    }

.consejos_para_volar .hostess-left_top {
}

    .consejos_para_volar .hostess-left_top [class^="scene_hostess_"] {
    }

    .consejos_para_volar .hostess-left_top .scene_hostess_shadow {
        top: 82px;
        left: 5px
    }

    .consejos_para_volar .hostess-left_top .content {
        left: 125px;
        top: 8px
    }

    .consejos_para_volar .hostess-left_top .content_arrow {
        transform: scaleY(1.5) rotate(-90deg);
        left: 100px;
        top: 30px;
        text-shadow: -7px 7px rgba(170,170,170,1);
        z-index: -1
    }

.consejos_para_volar .hostess-top_left {
}

    .consejos_para_volar .hostess-top_left [class^="scene_hostess_"] {
        left: 0;
        top: 0
    }

    .consejos_para_volar .hostess-top_left .scene_hostess_shadow {
        top: 82px;
        left: 5px
    }

    .consejos_para_volar .hostess-top_left .content {
        left: 0;
        top: 125px;
        width: 850px
    }

    .consejos_para_volar .hostess-top_left .content_arrow {
        transform: scaleX(1.5);
        top: 100px;
        left: 30px;
        text-shadow: 7px 7px rgba(170,170,170,1);
        z-index: -1
    }

.consejos_para_volar .scene0 .film_header {
    margin: auto;
    position: relative;
    text-transform: uppercase;
    top: 35px;
    width: 550px;
    text-align: center;
    z-index: 5
}

    .consejos_para_volar .scene0 .film_header h2 {
        font: 28px/1 "brandonGrotesque-bold",Myriad Pro,Verdana,Helvetica;
        color: #fff;
        margin-bottom: 20px
    }

    .consejos_para_volar .scene0 .film_header a {
        font: 20px/1 "brandonGrotesque-medium",Verdana,Helvetica;
        display: inline-block;
        padding: 15px 50px;
        border-radius: 6px;
        background-color: #fc0;
        color: #333;
        box-shadow: 0 0 6px rgba(51,51,51,.9);
        text-decoration: none;
        position: relative
    }

        .consejos_para_volar .scene0 .film_header a:hover {
            color: #fff;
            box-shadow: 0 0 4px rgba(51,51,51,1)
        }

        .consejos_para_volar .scene0 .film_header a:after {
            position: absolute;
            bottom: -30px;
            content: "";
            height: 32px;
            width: 62px;
            background: url(../images/landing_consejos/sprite_bg.png) -558px -15px no-repeat;
            left: 50%;
            margin-left: -31px
        }

.consejos_para_volar .scene0 .scene_ground {
    position: absolute;
    width: 100%;
    height: 500px;
    left: 0;
    bottom: 0;
    border-radius: 320px 320px 0 0;
    background: rgba(117,200,219,0);
    background: -webkit-gradient(left bottom,left top,color-stop(0%,rgba(255,255,225,.3)),color-stop(66%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
    background: linear-gradient(to top,rgba(255,255,225,.3) 0%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%)
}

    .consejos_para_volar .scene0 .scene_ground [class^="casa"], .consejos_para_volar .scene0 .scene_sky [class^="nube"] {
        position: absolute;
        bottom: 0;
        background: url(../images/landing_consejos/sprite_bg.png) 0 0 no-repeat
    }

    .consejos_para_volar .scene0 .scene_ground .casa1 {
        left: 17px;
        width: 155px;
        height: 71px;
        background-position: 0 -180px
    }

    .consejos_para_volar .scene0 .scene_ground .casa2 {
        left: 204px;
        width: 151px;
        height: 154px;
        background-position: -187px -96px
    }

    .consejos_para_volar .scene0 .scene_ground .casa3 {
        left: 560px;
        width: 70px;
        height: 32px;
        background-position: -364px -218px
    }

    .consejos_para_volar .scene0 .scene_ground .casa4 {
        left: 708px;
        width: 163px;
        height: 116px;
        background-position: -469px -136px
    }

.consejos_para_volar .scene0 .scene_sky {
    position: absolute;
    width: 100%;
    height: 365px;
    left: 0;
    top: 156px
}

    .consejos_para_volar .scene0 .scene_sky .nube1 {
        left: -17px;
        top: 38px;
        width: 167px;
        height: 85px;
        background-position: -743px -11px
    }

    .consejos_para_volar .scene0 .scene_sky .nube2 {
        left: 613px;
        top: 81px;
        width: 106px;
        height: 53px;
        background-position: -651px -136px
    }

    .consejos_para_volar .scene0 .scene_sky .nube3 {
        left: 752px;
        top: 193px;
        width: 130px;
        height: 66px;
        background-position: -780px -123px
    }

    .consejos_para_volar .scene0 .scene_sky .nube4 {
        left: 68px;
        top: 324px;
        width: 77px;
        height: 39px;
        background-position: -651px -211px
    }

    .consejos_para_volar .scene0 .scene_sky .nube5 {
        left: 624px;
        top: 292px;
        width: 65px;
        height: 33px;
        background-position: -757px -217px
    }

    .consejos_para_volar .scene0 .scene_sky .nube6 {
        left: 167px;
        top: 196px;
        width: 86px;
        height: 43px;
        background-position: -831px -207px
    }

.consejos_para_volar .scene0 .scene_characters {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 502px
}

    .consejos_para_volar .scene0 .scene_characters .avion {
        position: absolute;
        right: 64px;
        bottom: 118px;
        width: 192px;
        height: 48px;
        background: url(../images/landing_consejos/sprite_bg.png) -519px -74px no-repeat
    }

    .consejos_para_volar .scene0 .scene_characters .zoom_detail {
        position: absolute;
        width: 352px;
        height: 352px;
        border: 4px solid #fff;
        overflow: hidden;
        left: -176px;
        top: 72px;
        margin-left: 50%;
        border-radius: 50%
    }

        .consejos_para_volar .scene0 .scene_characters .zoom_detail > div {
            background: url(../images/landing_consejos/sprite_ico.png) 0 0 no-repeat;
            position: absolute;
            width: 138px;
            height: 229px;
            bottom: 0
        }

    .consejos_para_volar .scene0 .scene_characters .seat_man, .consejos_para_volar .scene0 .scene_characters .man {
        margin-left: 50%;
        left: -138px
    }

    .consejos_para_volar .scene0 .scene_characters .seat_woman, .consejos_para_volar .scene0 .scene_characters .woman {
        margin-left: 50%
    }

    .consejos_para_volar .scene0 .scene_characters .zoom_detail .man {
        background-position: -140px 0
    }

    .consejos_para_volar .scene0 .scene_characters .zoom_detail .woman {
        background-position: -280px 0
    }

.consejos_para_volar .scene0 .scene_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000040;
    opacity: 0
}

.consejos_para_volar .scene1 .scene_characters {
    left: 20px;
    top: 105px;
    width: 401px;
    height: 392px
}

.consejos_para_volar .scene1 .scene_circle {
    left: 7px
}

.consejos_para_volar .scene1 .scene_shape {
    top: 113px;
    width: 401px;
    height: 187px;
    background-position: 0 -271px
}

.consejos_para_volar .scene1 .scene_man {
    position: absolute;
    left: 34px;
    top: 22px;
    width: 149px;
    height: 370px;
    background-position: -428px -2px
}

.consejos_para_volar .scene1 .scene_luggage {
    position: absolute;
    left: 200px;
    top: 165px;
    width: 100px;
    height: 227px;
    background-position: -614px -145px
}

.consejos_para_volar .scene1 .scene_content {
    left: 368px;
    top: 92px
}

.consejos_para_volar .scene2 .scene_characters {
    left: 254px;
    top: 91px;
    width: 398px;
    height: 385px
}

.consejos_para_volar .scene2 .scene_circle {
    bottom: 0
}

.consejos_para_volar .scene2 .scene_shape--1 {
    left: 13px;
    top: 49px;
    width: 123px;
    height: 219px;
    background-position: 0 -700px
}

.consejos_para_volar .scene2 .scene_shape--2 {
    left: 140px;
    top: 74px;
    width: 258px;
    height: 165px;
    background-position: -140px -700px
}

.consejos_para_volar .scene2 .scene_woman {
    left: 44px;
    width: 89px;
    height: 300px;
    background-position: -720px -2px
}

.consejos_para_volar .scene2 .scene_obj-1 {
    left: 174px;
    top: 55px;
    width: 144px;
    height: 123px;
    background-position: -750px -310px
}

.consejos_para_volar .scene2 .scene_obj-2 {
    left: 160px;
    top: 172px;
    width: 69px;
    height: 90px;
    background-position: -830px -2px
}

.consejos_para_volar .scene2 .scene_obj-3 {
    left: 232px;
    top: 185px;
    width: 55px;
    height: 69px;
    background-position: -830px -100px
}

.consejos_para_volar .scene2 .scene_obj-4 {
    left: 302px;
    top: 170px;
    width: 28px;
    height: 29px;
    background-position: -830px -180px
}

.consejos_para_volar .scene2 .scene_obj-5 {
    left: 294px;
    top: 221px;
    width: 24px;
    height: 40px;
    background-position: -830px -220px
}

.consejos_para_volar .scene2 .scene_obj-6 {
    left: 329px;
    top: 212px;
    width: 15px;
    height: 28px;
    background-position: -830px -270px
}

.consejos_para_volar .scene2 .scene_content {
    left: 17px;
    top: 271px
}

.consejos_para_volar .scene3 .scene_characters {
    right: 30px;
    top: 90px;
    width: 389px;
    height: 372px
}

.consejos_para_volar .scene3 .scene_circle {
}

.consejos_para_volar .scene3 .scene_shape {
    left: 41px;
    top: 29px;
    width: 348px;
    height: 221px;
    background-position: -500px -270px
}

.consejos_para_volar .scene3 .scene_obj-1 {
    left: 149px;
    top: 98px;
    width: 213px;
    height: 212px;
    background-position: 0 -380px
}

.consejos_para_volar .scene3 .scene_obj-2 {
    left: 152px;
    top: 249px;
    width: 72px;
    height: 19px;
    background-position: -110px -340px
}

.consejos_para_volar .scene3 .scene_obj-3 {
    left: 58px;
    top: 81px;
    width: 214px;
    height: 14px;
    background-position: 0 -250px
}

.consejos_para_volar .scene3 .scene_obj-4 {
    left: 61px;
    top: 102px;
    width: 68px;
    height: 20px;
    background-position: 0 -270px
}

.consejos_para_volar .scene3 .scene_obj-5 {
    left: 54px;
    top: 129px;
    width: 94px;
    height: 74px;
    background-position: 0 -300px
}

.consejos_para_volar .scene3 .scene_obj-6 {
    left: 161px;
    top: 107px;
    width: 33px;
    height: 55px;
    background-position: -110px -270px
}

.consejos_para_volar .scene3 .scene_obj-7 {
    left: 205px;
    top: 108px;
    width: 70px;
    height: 55px;
    background-position: -150px -270px
}

.consejos_para_volar .scene3 .scene_content {
    left: 30px;
    top: 122px
}

.consejos_para_volar .scene4 [class^="scene"] {
    position: absolute
}

.consejos_para_volar .scene4 .scene_characters {
    right: 47px;
    top: 90px;
    width: 546px;
    height: 372px
}

.consejos_para_volar .scene4 .scene_circle {
    right: 35px
}

.consejos_para_volar .scene4 .scene_shape {
    right: 0;
    top: 100px;
    width: 415px;
    height: 183px;
    background-position: -460px -500px
}

.consejos_para_volar .scene4 .scene_screen {
    left: 0;
    top: 10px;
    width: 154px;
    height: 96px;
    background-position: -260px -250px
}

.consejos_para_volar .scene4 .scene_atril {
    left: 128px;
    top: 180px;
    width: 144px;
    height: 131px;
    background-position: -280px -530px
}

.consejos_para_volar .scene4 .scene_hostess {
    left: 143px;
    top: 42px;
    width: 116px;
    height: 166px;
    background-position: -280px -350px
}

.consejos_para_volar .scene4 .scene_man {
    left: 292px;
    top: 49px;
    width: 115px;
    height: 265px;
    background-position: -450px -390px
}

.consejos_para_volar .scene4 .scene_woman {
    left: 401px;
    top: 71px;
    width: 101px;
    height: 243px;
    background-position: -600px -390px
}

.consejos_para_volar .scene4 .scene_content {
    left: 17px;
    top: 309px
}

.consejos_para_volar .scene5 .scene_characters {
    right: 47px;
    top: 150px;
    width: 372px;
    height: 422px
}

.consejos_para_volar .scene5 .scene_circle {
    bottom: 0
}

.consejos_para_volar .scene5 .scene_shape--1 {
    left: 69px;
    width: 152px;
    height: 175px;
    background-position: 0 -500px
}

.consejos_para_volar .scene5 .scene_shape--2 {
    left: 116px;
    top: 217px;
    width: 249px;
    height: 146px;
    background-position: -180px -500px
}

.consejos_para_volar .scene5 .scene_man {
    left: 99px;
    top: 11px;
    width: 110px;
    height: 202px;
    background-position: -720px -450px
}

.consejos_para_volar .scene5 .scene_woman {
    left: 206px;
    top: 221px;
    width: 137px;
    height: 147px;
    background-position: right -700px
}

.consejos_para_volar .scene5 .scene_seat {
    left: 169px;
    top: 112px;
    width: 65px;
    height: 101px;
    background-position: right -450px
}

.consejos_para_volar .scene5 .scene_obj-1 {
    left: 143px;
    top: 305px;
    width: 32px;
    height: 65px;
    background-position: right -570px
}

.consejos_para_volar .scene5 .scene_obj-2 {
    left: 178px;
    top: 337px;
    width: 46px;
    height: 33px;
    background-position: right -650px
}

.consejos_para_volar .scene5 .scene_content {
    left: 30px;
    top: 125px
}

.consejos_para_volar .scene6 .scene_characters {
    left: 20px;
    top: 105px;
    width: 390px;
    height: 372px
}

.consejos_para_volar .scene6 .scene_circle {
    left: 6px
}

.consejos_para_volar .scene6 .scene_shape {
    top: 101px;
    width: 390px;
    height: 155px;
    background-position: -420px -700px
}

.consejos_para_volar .scene6 .scene_seat-1 {
    left: 72px;
    top: 77px;
    width: 119px;
    height: 190px;
    background-position: -260px -670px
}

.consejos_para_volar .scene6 .scene_seat-2 {
    left: 191px;
    top: 77px;
    width: 119px;
    height: 190px;
    background-position: -260px -670px
}

.consejos_para_volar .scene6 .scene_man {
    left: 72px;
    top: 77px;
    width: 119px;
    height: 190px;
    background-position: -0 -670px
}

.consejos_para_volar .scene6 .scene_woman {
    left: 191px;
    top: 77px;
    width: 119px;
    height: 190px;
    background-position: -130px -670px
}

.consejos_para_volar .scene6 .scene_content {
    left: 375px;
    top: 87px
}

.consejos_para_volar .scene7 .scene_characters {
    right: 35px;
    top: 90px;
    width: 399px;
    height: 393px
}

.consejos_para_volar .scene7 .scene_circle {
    left: 18px;
    top: 1px
}

.consejos_para_volar .scene7 .scene_shape {
    left: 1px;
    top: 240px;
    width: 399px;
    height: 97px;
    background-position: 0 -930px
}

.consejos_para_volar .scene7 .scene_cabin {
    left: 62px;
    top: 85px;
    width: 325px;
    height: 78px;
    background-position: -400px -670px
}

.consejos_para_volar .scene7 .scene_window {
    left: 149px;
    top: 206px;
    width: 217px;
    height: 61px;
    background-position: -400px -760px
}

.consejos_para_volar .scene7 .scene_seat {
    left: 301px;
    top: 241px;
    width: 35px;
    height: 97px;
    background-position: -650px -760px
}

.consejos_para_volar .scene7 .scene_woman {
    left: 214px;
    top: 188px;
    width: 106px;
    height: 150px;
    background-position: right -860px
}

.consejos_para_volar .scene7 .scene_hostess {
    left: 68px;
    top: 167px;
    width: 150px;
    height: 171px;
    background-position: -630px -860px
}

.consejos_para_volar .scene7 .scene_content {
    left: 30px;
    top: 122px
}

.consejos_para_volar .scene8 .scene_characters {
    left: 20px;
    top: 105px;
    width: 429px;
    height: 372px
}

.consejos_para_volar .scene8 .scene_circle {
}

.consejos_para_volar .scene8 .scene_shape {
    left: 75px;
    top: 188px;
    width: 354px;
    height: 132px;
    background-position: -420px -930px
}

.consejos_para_volar .scene8 .scene_man {
    left: 240px;
    top: 59px;
    width: 85px;
    height: 293px;
    background-position: -190px -900px
}

.consejos_para_volar .scene8 .scene_line {
    left: 189px;
    top: 129px;
    width: 62px;
    height: 38px;
    background-position: 0 -1080px
}

.consejos_para_volar .scene8 .scene_zoom {
    left: 27px;
    top: 15px;
    width: 166px;
    height: 170px;
    background-position: 0 -900px
}

.consejos_para_volar .scene8 .scene_content {
    left: 385px;
    top: 105px
}

.consejos_para_volar .scene9 .scene_characters {
    right: 50px;
    top: 75px;
    width: 450px;
    height: 374px
}

.consejos_para_volar .scene9 .scene_circle {
    left: 43px
}

.consejos_para_volar .scene9 .scene_shape {
    top: 63px;
    width: 450px;
    height: 149px;
    background-position: 0 -1071px
}

.consejos_para_volar .scene9 .scene_belt {
    left: 42px;
    top: 298px;
    width: 357px;
    height: 76px;
    background-position: right -1060px
}

.consejos_para_volar .scene9 .scene_woman {
    left: 163px;
    top: 38px;
    width: 126px;
    height: 328px;
    background-position: -290px -900px
}

.consejos_para_volar .scene9 .scene_luggage {
    left: 204px;
    top: 200px;
    width: 177px;
    height: 142px;
    background-position: -430px -870px
}

.consejos_para_volar .scene9 .scene_content {
    left: 30px;
    top: 250px
}

.consejos_para_volar .scene9 .content {
    width: 370px
}

@-webkit-keyframes intro_arrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes intro_arrow {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.consejos_para_volar .scene0 .film_header a:after {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: intro_arrow;
    animation-name: intro_arrow;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

[class*="listType"] {
    margin-bottom: 20px
}

    [class*="listType"] li {
        margin-bottom: 16px;
        position: relative;
        padding-left: 20px
    }

        [class*="listType"] li:last-child {
            margin-bottom: 0
        }

        [class*="listType"] li:before {
            position: absolute;
            top: 0;
            left: 0;
            content: ""
        }

.listType_checkOk_yellow li {
    padding-left: 25px
}

    .listType_checkOk_yellow li:before {
        width: 14px;
        height: 14px;
        background: url(../images/sprite-cms2.png) -285px -1933px no-repeat;
        top: 1px
    }

.listType_guion li {
    padding-left: 15px
}

    .listType_guion li:before {
        width: 14px;
        height: 14px;
        top: -1px;
        content: "-"
    }

.listType_checkDot li {
    padding-left: 15px
}

    .listType_checkDot li:before {
        width: 6px;
        height: 6px;
        top: 5px;
        left: 0;
        border-radius: 50%;
        background-color: #fc0
    }

.tab_slider {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: table;
    margin-bottom: 43px
}

.tab_slider_options, .tab_slider_content {
    vertical-align: top;
    display: table-cell
}

    .tab_slider_options, .tab_slider_options *, .tab_slider_content, .tab_slider_content * {
        box-sizing: border-box
    }

.tab_slider_options {
    width: 19%;
    margin-right: -4px
}

    .tab_slider_options li {
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
        min-height: 90px
    }

    .tab_slider_options a {
        font: 800 1.091em/1.2 Verdana,sans-serif;
        padding: 15px 36px 15px 10px;
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        color: #666;
        text-decoration: none;
        cursor: pointer;
        border-top: 1px solid #ebebeb
    }

    .tab_slider_options li a.active, .tab_slider_options li a.active:hover {
        background-color: #f7f7f7
    }

    .tab_slider_options li:first-child a.active {
        border-top: none
    }

    .tab_slider_options li a.active {
        border-top: none
    }

    .tab_slider_options a:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }

    .tab_slider_options a:after {
        content: '';
        position: absolute;
        width: 9px;
        height: 21px;
        top: 50%;
        margin-top: -10px;
        right: 10px;
        background: url(../images/sprite-cms2.png) -623px -2107px
    }

    .tab_slider_options a.active:after {
        background-position: -605px -2107px
    }

    .tab_slider_options a:hover {
        background-color: #fbfbfb
    }

    .tab_slider_options a span {
        vertical-align: middle;
        display: inline-block;
        position: relative
    }

    .tab_slider_options a span {
        padding-left: 50px
    }

        .tab_slider_options a span:before {
            width: 38px;
            height: 37px;
            background-image: url(../images/sprite-cms2.png);
            position: absolute;
            content: "";
            left: 0;
            top: 50%;
            margin-top: -19px
        }

        .tab_slider_options a span.tab_image {
            padding-left: 0
        }

            .tab_slider_options a span.tab_image:before {
                display: none
            }

            .tab_slider_options a span.tab_image img {
                width: 100%;
                display: block;
                margin: auto
            }

    .tab_slider_options .icoTabTools:before {
        background-position: -811px -2840px;
        top: 5px
    }

    .tab_slider_options .icoTabTeachers:before {
        background-position: -858px -2840px
    }

    .tab_slider_options .icoTabProgramm:before {
        background-position: -905px -2840px
    }

    .tab_slider_options .icoTabPrice:before {
        background-position: -949px -2840px
    }

.tab_slider_content {
    width: 81%;
    background-color: #f7f7f7;
    display: none;
    padding: 0 25px 20px
}

    .tab_slider_content.active {
        display: table-cell
    }

.tab_slider_contentTitle {
    position: relative
}

    .tab_slider_contentTitle div {
        width: 100%;
        display: block;
        vertical-align: middle;
        position: relative;
        border-bottom: 1px solid #ccc;
        margin-bottom: 18px;
        min-height: 52px
    }

    .tab_slider_contentTitle span {
        font: 800 1.27em/1.4 verdana;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        color: #666;
        padding-top: 5px;
        text-decoration: none
    }

    .tab_slider_contentTitle.tab_image img {
        display: none
    }

    .tab_slider_contentTitle span:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }

.tab_slider_contentText {
    font: normal 12px/1.3 verdana
}

    .tab_slider_contentText .listType_checkOk_yellow {
        padding-left: 20px
    }

.tab_slider_contentText_important {
    margin-top: 15px
}

    .tab_slider_contentText_important h4 {
        padding-bottom: 6px;
        margin-bottom: 12px;
        border-bottom: 1px dotted #ddd;
        font-size: 11px
    }

.tab_slider_contentText p {
    margin-bottom: 16px
}

.tab_slider_contentText_important li {
    font-size: 11px;
    margin-bottom: 10px
}

@media(min-width:240px) and (max-width:768px) {
    .tab_slider {
        margin-bottom: 60px
    }

    .tab_slider, .tab_slider_content, .tab_slider_content.active {
        width: 100%;
        display: block;
        padding: 0;
        border-radius: 0;
        border-top: 0
    }

    .tab_slider_options + .tab_slider_content {
        border-top: 1px solid #ebebeb;
        border-radius: 0
    }

        .tab_slider_options + .tab_slider_content.active {
            border-top: none
        }

    .tab_slider_options, [class*="tab_slider_content"] .tab_slider_contentText {
        display: none
    }

    [class*="tab_slider_content"], .tab_slider_content.active .tab_slider_contentText {
        display: block
    }

    .tab_slider_options + .tab_slider_content {
        border-radius: 10px 10px 0 0
    }

    .tab_slider_content {
        background-color: #fff
    }

        .tab_slider_content:hover {
            background-color: #fbfbfb
        }

        .tab_slider_content.active {
            padding-bottom: 18px;
            background-color: #f7f7f7
        }

    .active .tab_slider_contentTitle, .tab_slider_contentTitle:hover {
        cursor: pointer
    }

    .tab_slider_contentTitle:before, .tab_slider_contentTitle:after {
        position: absolute;
        content: "";
        width: 38px;
        height: 37px;
        top: 50%;
        margin-top: -19px;
        left: 10px
    }

    .tab_slider_contentTitle:before {
        background-image: url(../images/sprite-cms2.png)
    }

    .tab_slider_contentTitle.tab_image:before {
        background-image: none
    }

    .tab_slider_contentTitle.tab_image img {
        display: inline;
        max-width: 160px
    }

    .tab_slider_contentTitle.tab_image .contentTitle {
        display: none
    }

    .tab_slider_contentTitle.icoTabTools:before {
        background-position: -811px -2840px
    }

    .tab_slider_contentTitle.icoTabTeachers:before {
        background-position: -858px -2840px
    }

    .tab_slider_contentTitle.icoTabProgramm:before {
        background-position: -905px -2840px
    }

    .tab_slider_contentTitle.icoTabPrice:before {
        background-position: -949px -2840px
    }

    .tab_slider_contentTitle:after {
        width: 21px;
        height: 9px;
        top: auto;
        bottom: 12px;
        left: 50%;
        margin-left: -11px;
        background: url(../images/sprite-cms2.png) -633px -2135px
    }

    .active .tab_slider_contentTitle:after {
        background-position: -604px -2135px
    }

    .tab_slider_contentTitle div {
        min-height: 75px;
        padding: 10px 0;
        border-color: #ebebeb;
        margin-bottom: 0
    }

    .active .tab_slider_contentTitle div {
        border-bottom: none
    }

    .tab_slider_contentTitle span {
        padding-top: 0;
        text-align: center;
        padding: 0 10px
    }

    .tab_slider_contentText {
        padding: 8px 15px
    }

        .tab_slider_contentText .listType_checkOk_yellow {
            padding-left: 0
        }
}

@media(max-width:480px) {
    .tab_slider_contentTitle:after {
        display: none
    }

    .tab_slider_contentTitle div {
        min-height: auto;
        padding: 20px 20px 20px 53px
    }

    .tab_slider_contentTitle.tab_image div {
        padding: 20px 20px 20px 20px
    }

    .tab_slider_contentTitle span {
        padding: 0 0 10px;
        position: relative;
        text-align: center;
        display: block
    }

    .tab_slider_contentTitle.tab_image .contentTitle {
        display: none
    }

    .tab_slider_contentTitle span:after {
        content: "";
        position: absolute;
        width: 21px;
        height: 9px;
        top: auto;
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        background: url(../images/sprite-cms2.png) -633px -2135px
    }

    .active .tab_slider_contentTitle span:after {
        background-position: -604px -2135px
    }
}

.section_cursoMiedo p {
    margin-bottom: 16px
}

[class*="wrapper_title_link"] {
    margin-bottom: 20px
}

    [class*="wrapper_title_link"] [class*="title"] {
        margin-bottom: 0
    }

    [class*="wrapper_title_link"] .title_link {
        float: right
    }

.wrapper_title_link_cursoMiedo {
    text-align: center
}

    .wrapper_title_link_cursoMiedo .title2, .banner_cursoMiedo_content .title2 {
        font-size: 2.36em;
        line-height: 1.1;
        text-align: left
    }

    .wrapper_title_link_cursoMiedo .title_link {
        padding: 12px;
        margin-top: -16px;
        font-size: 1.091em;
        display: inline-block;
        border-width: 2px
    }

        .wrapper_title_link_cursoMiedo .title_link a {
            text-decoration: none
        }

.icoUserComment_bf {
    padding-left: 35px
}

    .icoUserComment_bf:before {
        width: 26px;
        height: 23px;
        background-position: -817px -2891px;
        left: 0;
        top: -4px
    }

@media(max-width:768px) {
    [class*="wrapper_title_link"] [class*="title"] {
        margin-bottom: 10px
    }

    #wrapper .wrapper_title_link_cursoMiedo .title_link {
        margin-top: 0;
        float: none;
        width: 80%
    }
}

@media(max-width:767px) {
    .wrapper_title_link_cursoMiedo .title2 {
        font-size: 1.8em
    }
}

.banner_cursoMiedo {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.row .banner_cursoMiedo {
    margin-bottom: 4px
}

.banner_cursoMiedo_content {
    position: absolute;
    width: 268px;
    right: 3%;
    top: 14%
}

    .banner_cursoMiedo_content .title2 {
        color: #fff;
        margin-bottom: 20px;
        font: 400 2.36em/1.2 'brandonGrotesque-medium',verdana,sans-serif;
        text-align: right;
        text-shadow: -1px 0 5px rgba(120,113,94,.73)
    }

.banner_cursoMiedo_contentTag {
    width: auto;
    max-width: 100%;
    height: auto;
    float: right
}

#wrapper .banner_cursoMiedo img {
    margin-bottom: 0
}

@media(min-width:481px) and (max-width:768px) {
    .banner_cursoMiedo .fullImg.lg, .banner_cursoMiedo_content {
        display: none
    }

    #wrapper .banner_cursoMiedo .fullImg.md {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block
    }
}

@media(max-width:480px) {
    .banner_cursoMiedo .fullImg.md, .banner_cursoMiedo_content {
        display: none
    }

    #wrapper .banner_cursoMiedo .fullImg.sm {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block
    }
}

.tab_slider--cursoMiedo {
    margin-bottom: 40px
}

[class*="tab_slider--cursoMiedo_teachersList"] li {
    margin-bottom: 20px;
    display: table
}

    [class*="tab_slider--cursoMiedo_teachersList"] li > div {
        display: table-cell;
        vertical-align: middle
    }

[class*="tab_slider--cursoMiedo_teachersList"] figure {
    width: 83px;
    height: 82px;
    border: 3px solid #ebebeb;
    overflow: hidden;
    text-align: center;
    vertical-align: bottom;
    background-color: #fff;
    border-radius: 50%
}

    [class*="tab_slider--cursoMiedo_teachersList"] figure img {
        display: inline-block;
        height: 82px;
        width: auto
    }

[class*="tab_slider--cursoMiedo_teachersList"] .teachersList_img--unknow figure {
    border-radius: none;
    border: none;
    background-color: transparent
}

.tab_slider--cursoMiedo_teachersList_content {
    padding-left: 20px
}

    .tab_slider--cursoMiedo_teachersList_content p {
        margin-bottom: 0
    }

.tab_slider--cursoMiedo_teachersList--horizontal {
    display: table;
    margin: 0 -25px
}

    .tab_slider--cursoMiedo_teachersList--horizontal li {
        padding: 0 25px;
        width: 33.33%;
        display: table-cell
    }

        .tab_slider--cursoMiedo_teachersList--horizontal li > div {
            display: block;
            margin-bottom: 15px
        }

    .tab_slider--cursoMiedo_teachersList--horizontal .tab_slider--cursoMiedo_teachersList_content {
        margin-bottom: 0
    }

    .tab_slider--cursoMiedo_teachersList--horizontal figure {
        display: block;
        margin: 0 auto
    }

    .tab_slider--cursoMiedo_teachersList--horizontal .tab_slider--cursoMiedo_teachersList_content {
        font-size: 1em;
        padding-left: 0
    }

@media(max-width:767px) {
    [class*="tab_slider--cursoMiedo_teachersList"] {
        display: block;
        margin: 0
    }

    .tab_slider--cursoMiedo_teachersList {
        border-bottom: 1px solid #ddd;
        margin-bottom: 40px;
        padding-bottom: 20px
    }

    [class*="tab_slider--cursoMiedo_teachersList"] li {
        display: block;
        padding: 0;
        width: 100%
    }

        [class*="tab_slider--cursoMiedo_teachersList"] li > div {
            display: block;
            vertical-align: middle
        }

    [class*="tab_slider--cursoMiedo_teachersList"] figure {
        display: block;
        margin: 0 auto 10px
    }

    .tab_slider--cursoMiedo_teachersList_content {
        padding: 0
    }
}

.sectionTestimony {
    margin-bottom: 40px
}

    .sectionTestimony * {
        box-sizing: border-box
    }

    .sectionTestimony .slide-int {
        position: relative
    }

    .sectionTestimony .diap {
        padding: 0 30px;
        z-index: 1
    }

    .sectionTestimony .title3 {
        font-size: 1.8em;
        border-bottom: 2px dotted #ddd;
        padding-bottom: 12px;
        margin-bottom: 24px
    }

    .sectionTestimony .diapimg {
        border-radius: 50%;
        width: 88px;
        height: 88px;
        overflow: hidden;
        border: 3px solid #ebebeb;
        text-align: center;
        vertical-align: center;
        float: left
    }

        .sectionTestimony .diapimg img {
            display: inline-block
        }

    .sectionTestimony .diaptxt {
        float: none;
        display: block;
        padding-left: 110px
    }

        .sectionTestimony .diaptxt q {
            font: italic 1.091em/1.2 Verdana,sans-serif;
            display: block;
            margin-bottom: 10px;
            min-height: 86px
        }

        .sectionTestimony .diaptxt .readMore {
            display: inline-block;
            display: none
        }

        .sectionTestimony .diaptxt .quote.textComplete {
            display: inline-block
        }

        .sectionTestimony .diaptxt .quote {
            display: none
        }

.sectionTestimony_sliderText_score span {
    display: inline-block;
    margin: 0 0 13px
}

.sectionTestimony_sliderText_name, .sectionTestimony_sliderText_job {
    font: 400 1.27em/1.2 Verdana,sans-serif
}

.sectionTestimony .slidetabs {
    text-align: center;
    margin-top: 20px;
    position: relative;
    z-index: 1
}

    .sectionTestimony .slidetabs li {
        display: inline-block;
        margin-right: 5px
    }

        .sectionTestimony .slidetabs li:last-child {
            margin-right: 0
        }

        .sectionTestimony .slidetabs li a {
            display: block;
            border-radius: 50%;
            width: 12px;
            height: 12px;
            background-color: #ddd
        }

            .sectionTestimony .slidetabs li a:hover, .sectionTestimony .slidetabs li a.current {
                background-color: #fc0
            }

.sectionTestimony .slide-int_arrows {
    position: absolute;
    width: 100%;
    height: 100%
}

    .sectionTestimony .slide-int_arrows a {
        width: 20px;
        position: absolute;
        top: 0;
        left: 0;
        height: 82%
    }

        .sectionTestimony .slide-int_arrows a + a {
            left: auto;
            right: 0
        }

        .sectionTestimony .slide-int_arrows a span {
            width: 24px;
            height: 50px;
            background: url(../images/sprite-cms2.png) -858px -2891px;
            position: absolute;
            top: 50%;
            margin-top: -25px;
            left: -10px
        }

        .sectionTestimony .slide-int_arrows a.forwardt span {
            background-position: -888px -2891px;
            left: auto;
            right: -10px
        }

@media(max-width:767px) {
    .sectionTestimony .diap {
        padding: 0
    }

    .sectionTestimony .diapimg {
        display: block;
        margin: 0 auto 20px;
        float: none
    }

    .sectionTestimony .diaptxt {
        padding: 0
    }

    .sectionTestimony .slide-int_arrows {
        height: 88px
    }

        .sectionTestimony .slide-int_arrows a span {
            left: 0
        }

        .sectionTestimony .slide-int_arrows a.forwardt span {
            right: 0
        }

    .sectionTestimony .diaptxt .quote.normal {
        height: 43px;
        overflow: hidden;
        display: inline-block;
        min-height: auto
    }

    .sectionTestimony .diaptxt .quote--max {
        height: auto
    }

    .sectionTestimony .diaptxt .readMore, .sectionTestimony .diaptxt .readLess {
        display: inline-block;
        text-decoration: underline
    }

    .sectionTestimony .diaptxt .quote.textComplete {
        display: none
    }

    .sectionTestimony_sliderText_score {
        margin-top: 20px
    }
}

@media(max-width:480px) {
    .sectionTestimony .diaptxt .quote.textMin {
        display: inline-block
    }

    .sectionTestimony .diaptxt .quote.normal {
        display: none
    }
}

.sectionUbication_course {
    padding: 20px 20px 20px 34px;
    margin-bottom: 20px
}

    .sectionUbication_course .row {
        display: table;
        margin: 0 -20px
    }

        .sectionUbication_course .row > div {
            display: table-cell;
            padding: 0 20px;
            float: none
        }

            .sectionUbication_course .row > div:first-child {
                border-right: 1px solid #ddd
            }

.sectionUbication_course_block {
    font: 400 1.091em/1.2 Verdana;
    margin-bottom: 58px
}

    .sectionUbication_course_block p {
        margin-bottom: 16px
    }

    .sectionUbication_course_block .title--icon {
        padding-left: 35px;
        font: 800 1.27em/1.2 Verdana;
        padding-top: 5px;
        margin-bottom: 17px
    }

        .sectionUbication_course_block .title--icon:before {
            width: 35px;
            height: 28px;
            top: 0;
            left: 0
        }

.sectionUbication_course_block--fecha .title--icon:before {
    background-position: -816px -2933px
}

.sectionUbication_course_block--horarios .title--icon:before {
    background-position: -958px -2892px
}

.sectionUbication_course_block--mapa .title--icon:before {
    background-position: -918px -2894px;
    top: 2px
}

.sectionUbication_course_block--horarios dt {
    margin: 0 10px 0 0;
    float: left
}

.sectionUbication_course_block--horarios dd {
    margin-bottom: 10px
}

.sectionUbication_course_block--mapa {
    margin: 0
}

@media(max-width:768px) {
    .sectionUbication_course {
        padding: 20px
    }
}

@media(max-width:480px) {
    .sectionUbication_course {
        padding: 30px 12px
    }

        .sectionUbication_course .row, .sectionUbication_course .row > div {
            display: block;
            margin: 0;
            padding: 0
        }

            .sectionUbication_course .row > div {
                display: block;
                margin-bottom: 29px
            }

                .sectionUbication_course .row > div:first-child {
                    border: none;
                    border-bottom: 1px solid #ddd
                }

                .sectionUbication_course .row > div:last-child {
                    margin-bottom: 0;
                    padding-bottom: 0
                }

    .sectionUbication_course_block {
        margin-bottom: 29px
    }

    .sectionUbication_course_block--mapa {
        margin-bottom: 0
    }
}

.wrapper_landing_cursoMiedo .paragrafo_con_flecha {
    padding-left: 16px;
    position: relative;
    font-size: 1.091em;
    margin-bottom: 40px
}

    .wrapper_landing_cursoMiedo .paragrafo_con_flecha:before {
        width: 9px;
        height: 21px;
        background-position: -623px -2107px;
        top: -2px;
        left: 0
    }

    .wrapper_landing_cursoMiedo .paragrafo_con_flecha a {
        text-decoration: none
    }

.cursoMiedo--form > header {
    position: relative;
    margin-bottom: 25px
}

.cursoMiedo--topo {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #fc0;
    border-radius: 10px;
    padding: 6px 12px 6px 50px;
    font: 400 13px/1.3 'brandonGrotesque-medium',verdana;
    white-space: nowrap;
    color: #000
}

    .cursoMiedo--topo span {
        float: left;
        width: 30px;
        height: 30px;
        background: url(../images/landing_cursoMiedo/pajarito.svg);
        background-size: cover;
        margin-left: -40px
    }

@media(max-width:510px) {
    .cursoMiedo--topo {
        position: static;
        display: block;
        line-height: 30px;
        padding: 6px 12px;
        text-align: center
    }

        .cursoMiedo--topo br {
            display: none
        }

        .cursoMiedo--topo span {
            float: none;
            display: inline-block;
            margin-left: 0;
            margin-right: 10px;
            vertical-align: bottom
        }
}

.wrapper_landing_cursoMiedo .infoBox.alert {
    margin-bottom: 2em
}

.cursoMiedo--form form {
}

.cursoMiedo--helpBirthday {
    clear: both;
    margin: 0 0 16px 8px;
    font-weight: bold
}

    .cursoMiedo--helpBirthday:before {
        display: inline-block;
        font: 16px 'vueling';
        content: "";
        vertical-align: sub;
        margin-right: 5px;
        color: #fc0
    }

.cursoMiedo--infoText {
    color: #999
}

@media(max-width:767px) {
    #modules .modules .cursoMiedo--selectsBirthday.validation_offset--outer:after {
        right: -15px
    }

    .modules .cursoMiedo--selectsBirthday.validation--ko .validation_msg {
        bottom: 40px
    }
}

@media(min-width:768px) {
    .cursoMiedo--helpBirthday {
        clear: none;
        float: left;
        line-height: 40px;
        margin-left: 30px
    }

        .cursoMiedo--helpBirthday:before {
            content: ""
        }
}

@media(min-width:768px) and (max-width:991px) {
    #modules .modules .cursoMiedo--selectsBirthday.validation_offset--outer:after {
        right: auto;
        left: calc(50% + 8px);
        top: 1px
    }
}

@media(min-width:992px) {
    .cursoMiedo--helpBirthday {
        float: none;
        line-height: normal;
        position: absolute;
        top: -30px;
        margin-left: 8px
    }

        .cursoMiedo--helpBirthday:before {
            content: ""
        }
}

.cursoMiedo--form .form--submit {
    padding: 20px 0;
    text-align: center
}

.bannerAdvertising {
    margin-bottom: 20px
}

[class*="visible--"] {
    display: none
}

[class*="hidden--"] {
    display: block
}

@media(max-width:480px) {
    .visible--Mobile {
        display: block
    }

    .hidden--Mobile {
        display: none
    }

    .bannerAdvertising {
        margin-bottom: 0
    }
}

.searcherLanding .searcherLanding_backgroundPrimary {
    width: 100%;
    position: relative;
    background: #fc0;
    color: #666;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px
}

.searcherLanding .buscador_container {
    min-height: 295px;
    padding: 11px 14px 19px;
    position: relative
}

.searcherLanding .buscador_radioTrip [class*="elForm"] > fieldset {
    width: 32.2% !important
}

.searcherLanding .buscador_radioTrip [class*="elForm"] .linkMulticity {
    box-sizing: initial;
    display: table !important;
    width: 100%;
    text-align: center
}

.searcherLanding .textMuliCity {
    display: table-cell;
    vertical-align: middle
}

.searcherLanding .buscador_destinations .elForm_select input {
    background: #fff url("../images/ico/select_arrow_xs.png") no-repeat right 9px center
}

#wrapper .searcherLanding .buscador_pasajeros_infants, #wrapper .searcherLanding .buscador_pasajeros_childs {
    width: 23.5%
}

.searcherLanding [class*="column_"] {
    margin-bottom: 0
}

#wrapper .searcherLanding [class*="btSmall"] {
    margin-bottom: 0
}

.searcherLanding .buscador_calendar label span {
    display: block;
    margin-top: -2px;
    margin-bottom: 4px
}

@media(min-width:481px) and (max-width:768px) {
    .searcherLanding .linkMulticity {
        height: 24px;
        line-height: 24px
    }

    .searcherLanding .wrap_btSmall_arrow {
        text-align: center;
        width: 50%;
        margin: auto
    }
}

@media(max-width:480px) {
    .searcherLanding .buscador_pasajeros em {
        margin-bottom: 10px
    }
}

@media(max-width:768px) {
    #wrapper .searcherLanding .buscador_destinations:last-child .wrapper_dropDown--buscador {
        right: 0 !important
    }
}

@media(max-width:479px) {
    #wrapper .searcherLanding .buscador_destinations .wrapper_dropDown--buscador {
        width: 204%
    }

    .searcherLanding .dropDown--buscador li a {
        white-space: normal
    }

    .searcherLanding .dropDown_footer_content [class*="column_"] {
        width: 50% !important
    }
}

.blockUI.sectionBorder_lightBox.modalCalendar.blockPage.ui-datepicker-divBox.searcherPopUpLanding {
    width: auto
}

.searcherPopUpLanding #ui-datepicker-div h3 {
    font-size: 1.35em !important
}

@media(max-width:767px) {
    .searcherPopUpLanding {
        border-width: 4px 0;
        border-radius: 0;
        margin-left: 2px !important;
        left: 0 !important;
        width: 100% !important;
        font-size: 13px !important
    }

        .searcherPopUpLanding #ui-datepicker-div {
            width: 100% !important;
            border-radius: 0
        }

            .searcherPopUpLanding #ui-datepicker-div h3 {
                border-radius: 0;
                padding: 0 0 5px 0 !important
            }

        .searcherPopUpLanding .header a.bt_cerrarBig span {
            left: -3px;
            top: 3px
        }

        .searcherPopUpLanding a.bt_cerrarBig {
            top: -1px
        }

        .searcherPopUpLanding #ui-datepicker-div .contentSection {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 0 !important
        }

        .searcherPopUpLanding #ui-datepicker-div .ui-datepicker-group {
            width: 42%;
            margin: 0 0 5px 5%
        }

        .searcherPopUpLanding #ui-datepicker-div table td span, #ui-datepicker-div table td a {
            font-size: 11px;
            line-height: 17px !important;
            height: 17px !important;
            width: 17px
        }

        .searcherPopUpLanding #ui-datepicker-div table td span, #ui-datepicker-div table td a {
            font-size: 11px;
            line-height: 26px !important;
            height: 26px !important;
            width: 26px
        }

        .searcherPopUpLanding #ui-datepicker-div .travelTime--end a:before {
            border-color: transparent #fc0 transparent transparent;
            left: -4px;
            top: 50%;
            margin-top: -7px;
            border-width: 7px 7px 7px 0
        }

        .searcherPopUpLanding #ui-datepicker-div .travelTime--start a:after {
            border-color: transparent transparent transparent #fc0;
            right: -4px;
            top: 50%;
            margin-top: -7px
        }

        .searcherPopUpLanding #ui-datepicker-div .travelTime--start a:after, #ui-datepicker-div .travelTime--end a:before {
            border-width: 7px 0 7px 7px
        }

        .searcherPopUpLanding .blockCalendar_footer {
            padding: 7px 0 0
        }

            .searcherPopUpLanding .blockCalendar_footer ul {
                padding: 0 5%
            }

            .searcherPopUpLanding .blockCalendar_footer li span {
                font-size: 11px
            }
}

@media(max-width:479px) {
    .searcherPopUpLanding {
        top: 5% !important
    }

        .searcherPopUpLanding #ui-datepicker-div .ui-datepicker-group-first {
            margin-bottom: 20px
        }

        .searcherPopUpLanding #ui-datepicker-div .ui-datepicker-group {
            width: 90%;
            margin: 0 0 15px 5%
        }

        .searcherPopUpLanding #ui-datepicker-div [class*="travelTime"] {
            background-image: url(../images/calendar_travelTime_bg.png);
            background-position: center;
            background-repeat: repeat-x
        }

        .searcherPopUpLanding #ui-datepicker-div .travelTime--start.travelTime {
            background-repeat: no-repeat;
            background-position: 26px
        }

        .searcherPopUpLanding #ui-datepicker-div .travelTime--end.travelTime {
            background-repeat: no-repeat;
            background-position: -20px
        }

    #ui-datepicker-div table td {
        height: 30px !important;
        padding: 0
    }
}

.landingResponsive .blockUI.sectionBorder_lightBox.blockPage.blockUIPopUpForResidentConditionsBox, .blockUI.sectionBorder_lightBox.blockPage.blockUIPopUpForLargeFamilyConditionsBox {
    margin: 0 -250px !important;
    left: 50% !important
}

.landingResponsive .sectionBorder_lightBox .header {
    padding: 6px 35px 10px 15px
}

.landingResponsive .blockUIPopUpForResidentConditionsBox .contentSection, .landingResponsive .blockUIPopUpForLargeFamilyConditionsBox .contentSection {
    height: 320px !important;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 16px 6px 14px 16px !important;
    padding: 0 15px 0 0 !important
}

@media(max-width:767px) {
    .landingResponsive .blockUI.sectionBorder_lightBox.blockPage.blockUIPopUpForResidentConditionsBox, .blockUI.sectionBorder_lightBox.blockPage.blockUIPopUpForLargeFamilyConditionsBox {
        width: auto !important;
        margin: 10px !important;
        left: 0 !important;
        top: 0 !important
    }
}

.searcherLanding .buscador_pasajeros_adults .elForm_select {
    margin-right: -1px
}

.searcherLanding .buscador_discounts .elForm_select select {
    background: #fff url("../images/ico/select_arrow_xs.png") no-repeat right 9px center
}

@media(max-width:768px) and (min-width:480px) {
    .searcherLanding .buscador_destinations {
        width: 50%;
        float: left;
        margin: 0 !important
    }

    .searcherLanding #firstJourneyMulticity {
        margin: 11px -4px 0
    }

        .searcherLanding #firstJourneyMulticity:after {
            content: "";
            display: table;
            clear: both
        }

    #wrapper .searcherLanding .buscador_pasajeros_adults {
        width: auto
    }

    .searcherLanding .wrapper_elForm_section {
        margin-right: 0
    }

    .searcherLanding .buscador_calendar label span {
        display: inline;
        padding-right: 4px
    }

    .searcherLanding .buscador_calendar label {
        line-height: 18px;
        padding-right: 5px
    }
}

@media(max-width:480px) {
    .searcherLanding .buscador_radioTrip [class*="elForm"] > fieldset:last-child {
        display: none !important
    }

    .searcherLanding .buscador_radioTrip [class*="elForm"] > fieldset {
        width: 49.1% !important
    }

    .searcherLanding .buscador_destinations {
        width: 50%;
        float: left;
        margin: 0 !important
    }

    .searcherLanding #firstJourneyMulticity {
        margin: 11px -4px 0
    }

        .searcherLanding #firstJourneyMulticity:after {
            content: "";
            display: table;
            clear: both
        }

    #wrapper .searcherLanding .buscador_pasajeros_adults {
        width: auto !important
    }

    .searcherLanding .wrapper_elForm_section {
        margin-right: 0
    }

    .searcherLanding .buscador_calendar .column_6 {
        width: 50% !important
    }

    .searcherLanding .buscador_pasajeros_childs {
        width: 25% !important
    }
}

@media(max-width:360px) {
    .searcherLanding .buscador_pasajeros_childs {
        width: 50% !important
    }

    #wrapper .searcherLanding .buscador_pasajeros_adults {
        width: 100% !important
    }

    .searcherLanding .wrapper_elForm_section {
        width: 100%
    }

    #adtSelectorContainer, .buscador_container .buscador_pasajeros_adults a {
        width: 25%
    }
}

.travelDocumentation .tableTypeDocument {
    width: 100%;
    display: table;
    position: relative;
    table-layout: fixed
}

.travelDocumentation .titlesDocuments .documentName.firstDocument {
    width: 15%
}

.travelDocumentation .tableTypeDocument .boxInformation {
    display: table-row;
    height: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .travelDocumentation .tableTypeDocument .boxInformation .itemInformation {
        height: 100%;
        background: #fff;
        margin-left: -4px;
        margin-top: -2px;
        display: table-cell;
        text-align: center;
        padding: 10px;
        vertical-align: middle
    }

.topoffers label.changePrice {
    font-size: .97em
}

.ca-ES .topoffers label.changePrice {
    font-size: .94em
}

.pt-PT .topoffers label.changePrice {
    font-size: .86em
}

.eu-ES .topoffers label.changePrice {
    font-size: .88em
}

.fr-FR .topoffers label.changePrice {
    font-size: .8em
}

#NavInfo_askUs {
    float: left;
    background: #fff;
    margin-right: 15px;
    padding: 3px 4px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

    #NavInfo_askUs img {
        vertical-align: middle;
        padding: 2px
    }

.agenciesCMS .apBar_start {
    height: 27px !important
}

.agenciesCMS .apBar {
    height: 27px !important
}

.grid--mosaicServices .bcgrey07 {
    height: 295px
}

.newsletter .apuntate .error_listOut.container.containerAlta {
    width: 370px
}

.ca-ES .btnNewFare {
    padding-right: 24px !important;
    font-size: 13px;
    margin-left: 14px
}

.it-IT .btnNewFare {
    padding-right: 24px !important;
    font-size: 13px;
    margin-left: 14px
}

.de-DE .btnNewFare {
    padding-right: 33px !important;
    font-size: 13px;
    margin-left: 14px
}

.eu-ES .btnNewFare {
    padding-right: 60px !important;
    font-size: 13px;
    margin-left: 14px
}

.ru-RU #btnCheck-inP.btn {
    width: 222px;
    margin: 10px 0 10px 120px !important
}

.fr-FR #btnCheck-inP.btn {
    width: 230px;
    margin: 10px 0 10px 120px !important
}

.height73 {
    height: 73px !important
}

.width38pc {
    width: 38% !important
}

.module-include .twobox .mb.optLabel {
    border-right: 1px solid #cdcdcd;
    margin-right: 14px !important;
    padding-right: 0 !important;
    width: 178px !important
}

.center9 .grid2.travelInsurancess .box {
    margin-left: 9px !important
}

.benefit-content {
    white-space: normal !important
}

.agenciesCMS .center p, .center li {
    line-height: 1.3em !important
}

.line-yellow .down-box {
    margin-top: -40px !important
}

.sectionDobleRow .sectionDobleRow-colRight .icoPremiumCard-big {
    right: 30px !important
}

.ru-RU .sel .fs_11 {
    font-size: 10px !important
}

.whiteSpaceNormal {
    white-space: normal !important
}

div#countdown + div#buscador {
    -webkit-border-radius: 0 0 10px 10px;
    width: 446px
}

.icon-cms2.ico-bf-recoverPoints .displayInlineBlock {
    white-space: normal
}

.de-DE .talktous .twoColumnsBorder a.btn span span {
    font-size: .91em
}

.eu-ES .calendar .titleDay, .en-GB .calendar .titleDay, .de-DE .calendar .titleDay, .nl-NL .calendar .titleDay, .ru-RU .calendar .titleDay {
    font-size: .82em !important
}

    .ru-RU .calendar .titleDay:nth-child(1), .ru-RU .calendar .titleDay:nth-child(7) {
        font-size: .7em !important;
        padding-bottom: 6px
    }

.icon-cms.icoMsg.floatLeft.title-talk {
    background: url("../images/ico/talk.png") no-repeat top left
}

.infoMsg .FF {
    font-size: 12px
}

#buscador.promotion {
    border-radius: 0
}

#searchBox.promovuelos .wrap_counter {
    position: relative !important
}

.mainContainer .layout-2 .col2 .displayInlineBlock.paddingTop10 {
    white-space: normal
}

.tableTypeDocument p.centerServices {
    font-family: 'DTLProkyonTRegular','Myriad Pro',Verdana,Helvetica
}

.listOk.listOk--big li:before {
    width: 22px;
    height: 22px;
    background: url(../images/sprite-cms2.png) -274px -1758px no-repeat
}

.slider-seat .intro-img .right p, .slider-seat .intro-txt p {
    margin-bottom: 0 !important
}

.specialPassengers .title7 {
    font: bold 1.28em/1.3em "Verdana",Helvetica
}

.specialPassengers .boxContent ul.checklist li p {
    margin-top: 0 !important
}

.specialPassengers .boxContent .row {
    line-height: 1.3em
}

.positionBottom2.positionBottom2 {
    padding-bottom: 1em !important
}

.transport-block {
    padding-top: 40px !important
}

.title-conditions .num-yellow {
    top: -2px
}

.title-conditions {
    font-size: 14px;
    line-height: 1.5em
}

.box.titlebox.module-include {
    margin-top: 20px
}

.titlebox .box-wtl .box-wtr .box-der h2 {
    padding-left: 5px !important
}

.titlebox h1 {
    font-family: 'DTLProkyonTMedium',Myriad Pro,Verdana,Helvetica
}

.titlebox .module-include .mb p {
    font: 14px Verdana,Arial
}

.title2 h1 {
    font-size: 28px !important
}

.headline2 h2 {
    font: normal 20px/1.4em "DTLProkyonTMedium","Myriad Pro",Verdana,Helvetica !important
}

.line-yellow .down-box {
    margin-top: -34px !important
}

.icon-bg-icoPlane {
    padding-left: 38px;
    top: 0 !important
}

[class*="moduleBox_icon--"] .moduleBox_header {
    font-size: 18px !important
}

.rpTable.compareTable .rpTableHead.compareTable_title {
    font-size: 18px !important
}

.punto_como-obtener-punto .sectionSolid_punto_intro h3 {
    padding-left: 52px
}

.punto_como-obtener-punto .icon-cms2:before {
    left: -10px
}

.punto_como-obtener-punto .col_1-2-3 .colIn {
    margin-left: 1.5%
}

.punto_como-obtener-punto .sectionSolid_punto .contentSection .colIn:first-child {
    width: 34%
}

.punto_como-obtener-punto div.colIn:nth-child(2) {
    margin-left: 2%;
    width: 30%
}

.punto_como-obtener-punto div.colIn:nth-child(3) {
    float: right
}

.u-promotion .calendar .offerPrice.exclPrice:before {
    right: 15px;
    top: 1px
}

.u-promotion .calendar .offerPrice.exclPrice:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 17px;
    background: url(../images/sprite-cms2.png) -729px -2084px no-repeat
}

.u-promotion .calendar .offerPrice.exclPrice .priceDay:before {
    width: 9px !important;
    background: none !important;
    top: 0 !important
}

@media(min-width:768px) {
    #inbenta .modal {
        width: auto !important;
        background: none !important;
        border: none !important
    }
}

.ico-bf-my25-big {
    white-space: inherit
}

.de-DE .dashedArrow-content h2 span, .nl-NL .dashedArrow-content h2 span {
    font-size: 1.2em
}

.dashedArrow {
    width: 358px
}

.wrapper_elForm_select .elForm_select.check--FAIL:before, form .wrapper_elForm_select .elForm_select.check--FAIL:before {
    content: '' !important
}

.flightStatus .buscador .sectionBorder_layerSmall {
    width: 140px !important
}

.fr-FR #wrapper .faresCalendar #searchBox .column_6:nth-child(2) .dropDown--buscador, .fr-FR .faresCalendar .column_6:nth-child(2) .wrapper_dropDown--buscador, .nl-NL #wrapper .faresCalendar #searchBox .column_6:nth-child(2) .dropDown--buscador, .nl-NL .faresCalendar .column_6:nth-child(2) .wrapper_dropDown--buscador {
    width: 300px !important
}

.flight-rates_legend_item {
    position: relative;
    display: block;
    float: left;
    min-height: 22px;
    padding: 0 10px 0 22px
}

.searchHorizontal .buscadorCalendarWrap:after {
    left: 209px
}

body {
    overflow: auto !important
}

.icon-ojoPass {
    font-size: 19px;
    margin-bottom: 2px
}

.buscador_pasajeros .buscador_pasajeros_adults .validationErrorDescription {
    z-index: 10
}

.fr-FR .flight-rates_legend_item--notavailable {
    width: 110px !important
}

.table-group--rp tr {
    width: 25%
}

@media screen and (min-width:0\0) {
    #searchBox .buscador .buscador_calendar input, .buscador .buscador_calendar input:focus {
        padding: 10px 2px 10px 55px !important
    }

    .list-benefits-punto_okDot .benefit-content [class*='icon-'] {
        height: 61px !important;
        width: 80px;
        right: 0 !important
    }

        .list-benefits-punto_okDot .benefit-content [class*='icon-'] > span {
            top: 3px
        }

    .list-benefits-punto_okDot .benefit-content .icon-premium-asiento {
        right: -15px !important
    }
}
