a:link,
a:visited,
a:active{
    color           : #BC8A15;
    text-decoration : underline;
    transition      : all .4s;
}

a:hover{
    color           : #C19267;
    text-decoration : none;
}

a.white:link,
a.white:visited,
a.white:active{
    color           : #fff;
    text-decoration : none;
}

a.white:hover{
    color : #f3f3f3;
}

a.dark-grey:link,
a.dark-grey:visited,
a.dark-grey:active{
    color           : #270015;
    text-decoration : none;
}

a.dark-grey:hover{
    color : #C19267;
}

a.btn:link,
a.btn:visited,
a.btn:active,
a.btn:hover{
    text-decoration : none;
}

h2,
h3,
h4{
    font-family    : 'Fjalla One', sans-serif;
    text-transform : uppercase;
    text-align     : center;
}

h3 span{
    display     : block;
    font-size   : .6em;
    line-height : 3em;
}

.no-tickets h2 span,
.no-tickets h2 .error-icon{
    display : block;
}

.no-tickets h2 .error-icon{
    margin : 15px 0;
}

.no-tickets h2 span{
    font-family : 'etihad_altisbook', sans-serif;
    font-size   : .5em;
    margin      : 15px 0;
}

/* HEADER STYLES */

header{
    position      : fixed;
    top           : 0;
    left          : 0;
    width         : 100%;
    z-index       : 4;
    background    : #fff;
    height        : 72px;
    border-bottom : 1px solid #dcdbdb;
}

.header.container{
    max-width : initial !important;
    width     : calc(100% - 120px);
    padding   : 0;
}

header .logo{
    height      : 72px;
    max-width   : none;
    display     : flex;
    align-items : center;
}

header .logo a{
    cursor : pointer;
}

header .logo img{
    height    : auto;
    width     : 190px;
    max-width : none;
}

header .interactions_panel{
    display         : none;
    align-items     : center;
    justify-content : flex-end;
    height          : 0;
}

header .burger{
    display : none;
}

header .main-menu{
    display         : flex;
    align-items     : center;
    flex-direction  : row;
    justify-content : flex-end;
    font-size       : .8em;
    margin          : 0;
    padding         : 0;
    height          : 100%;
    width           : 100%;
    position        : relative;
}

header .main-menu li{
    list-style-type : none;
    height          : 100%;
    width           : fit-content;
    position        : relative;
}

header .main-menu li:not(.on):last-of-type,
header .main-menu li:last-of-type{
    padding-right : 0px;
}

header .main-menu li a:link,
header .main-menu li a:visited,
header .main-menu li a:active{
    text-transform  : uppercase;
    font-family     : 'etihad_altismedium';
    color           : #4e4c4a;
    text-decoration : none;
    height          : 72px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    transition      : all 0s;
    padding         : 0 13px;
    font-size       : .865rem;
}

header .main-menu li a:hover,
header .main-menu li.on a{
    text-transform  : uppercase;
    color           : #000;
    text-decoration : none;
    padding         : 0 13px;
}

header .main-menu li:last-of-type a{
    padding : 0 0 0 13px;
}

header .main-menu li a .fas{
    margin-left : 5px;
}

header .main-menu li a:hover .fas,
header .main-menu li.on a .fas{
    transform : rotate(180deg);
    color     : #bd8b13;
}

header .main-menu ol{
    display    : none;
    position   : absolute;
    border-top : 4px solid #bd8b13;
}

header .main-menu li.on ol{
    display        : flex;
    flex-direction : column;
    padding        : 0;
    background     : #fff;
    width          : 100%;
    min-width      : max-content;
    padding-bottom : 15px;
}

header .main-menu ol li{
    height  : initial;
    margin  : 0;
    height  : initial !important;
    border  : none !important;
    width   : 100%;
    padding : 0 !important;
}

header .main-menu ol li:first-of-type{
    margin-top : 15px;
}

header .main-menu ol li a:link,
header .main-menu ol li a:visited,
header .main-menu ol li a:active{
    height          : initial !important;
    border          : none !important;
    text-transform  : initial !important;
    padding         : 8px 20px;
    text-align      : left;
    justify-content : start;
    color           : #4e4c4a !important;
    font-family     : 'etihad_altismedium';
}

header .main-menu ol li a:hover{
    background : #bd8b13;
    color      : #fff !important;
}

header .languages a{
    font-size       : 1rem;
    line-height     : 1.50001;
    font-weight     : 400;
    letter-spacing  : 0;
    font-family     : 'etihad_altismedium';
    color           : #005f96;
    text-transform  : uppercase;
    text-decoration : none;

}

header .header-cart{
    margin-right : 55px;

}

.languages-panel{
    position     : absolute;
    right        : 0px;
    top          : 40px;
    background   : #fff;
    z-index      : 10;
    min-width    : 154px;
    border-color : #dcdbdb;
    box-shadow   : 8px 8px 11px 0 rgba(0, 0, 0, .07);
}

.languages-panel:after{
    bottom              : 100%;
    right               : 7px;
    border              : solid transparent;
    content             : " ";
    height              : 0;
    width               : 0;
    position            : absolute;
    pointer-events      : none;
    border-color        : rgba(136, 183, 213, 0);
    border-bottom-color : #F9F9F9;
    border-width        : 7px;
    margin-left         : -7px;
}

.languages-panel p{
    margin         : 0;
    line-height    : 40px;
    border-bottom  : 1px solid #f3f3f3;
    font-weight    : 600;
    text-transform : uppercase;
}

.languages-panel p:last-of-type{
    border-bottom : none;
}

.languages-panel p a:link,
.languages-panel p a:visited,
.languages-panel p a:active{
    padding         : 0 15px;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    text-decoration : none;
    font-weight     : 600;
    color           : #005f96;
}

.languages-panel p a:hover{
    color : #9d6c40;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 812px)
and (orientation : portrait), only screen
and (min-device-width : 813px)
and (max-device-width : 900px)
and (orientation : portrait), only screen
and (min-device-width : 1024px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) , only screen
and (max-aspect-ratio : 13/9)
and (max-device-width : 1023px){
    .m-padding{
        padding-left  : 20px;
        padding-right : 20px;
    }

    .header.container{
        max-width : initial !important;
        width     : calc(100% - 40px);
        padding   : 0;
    }

    header.opened{
        z-index : 10;
    }

    header .interactions_panel{
        height        : 60px;
        border-bottom : 1px solid #dcdbdb;
    }

    header .burger,
    header .burger:focus{
        background         : url(https://boscdn.vivaticket.com/yba/burger-icon.svg) no-repeat center center;
        height             : 100%;
        min-width          : auto;
        width              : 27px;
        display            : block;
        position           : absolute;
        right              : 20px;
        border             : none;
        outline            : 0px auto -webkit-focus-ring-color;
        border-radius      : 0;
        -webkit-appearance : none;
        outline            : none;
    }

    header .burger .icon.icn-close-white{
        display : none;
    }

    header .burger.open{
        background : #fff url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2228px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2028%2027%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20transform%3D%22translate%28-336.000000%2C%20-47.000000%29%22%20fill%3D%22%23333333%22%3E%3Cg%20transform%3D%22translate%28350.000000%2C%2060.500000%29%20rotate%28-45.000000%29%20translate%28-350.000000%2C%20-60.500000%29%20translate%28332.000000%2C%2043.000000%29%22%3E%3Crect%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3Crect%20transform%3D%22translate%2818.000000%2C%2017.500000%29%20rotate%28-90.000000%29%20translate%28-18.000000%2C%20-17.500000%29%20%22%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E') no-repeat no-repeat center center;
        width      : 15px;
    }

    header .burger.open .icon.icn-close-white{
        display : block;
    }

    .menu-panel-container{
        position       : absolute;
        top            : 72px;
        left           : 0;
        width          : 100%;
        background     : #fff;
        flex           : 0 0 100%;
        max-width      : 100%;
        display        : flex;
        flex-direction : column;
    }

    header .main-menu{
        flex-direction  : column;
        justify-content : flex-start;
        position        : inherit;
    }

    header .main-menu li{
        padding       : 0;
        position      : relative;
        width         : 100%;
        border-bottom : 1px solid #dcdbdb;
    }

    header .main-menu li:last-of-type{
        border-bottom : none;
    }

    header .main-menu li:not(.on):last-of-type, header .main-menu li:last-of-type{
        width : 100%;
    }

    header .main-menu li a:link, header .main-menu li a:visited, header .main-menu li a:active{
        justify-content : space-between;
        height          : 60px;
        padding         : 0;
    }

    header .main-menu ol{
        position   : initial;
        border-top : none;
        border-top : 1px solid #dcdbdb;
    }

    header .main-menu ol li a:link, header .main-menu ol li a:visited, header .main-menu ol li a:active{
        padding : 8px 0px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1280px)
and (orientation : landscape){
    header .main-menu li a:link,
    header .main-menu li a:visited,
    header .main-menu li a:active{
        padding : 0 15px;
    }
}

/* LAYOUT STYLES */

html, body{
    font-family      : 'etihad_altisbook', sans-serif;
    margin           : 0;
    padding          : 0;
    background-color : #F9F9F9;
    color            : #270015;
}

#map-container{
    max-width: 100%;
}

body.block{
    overflow : hidden;
    height   : 100%;
    width    : 100%;
}

.container{
    max-width : 1280px;
}

.layout{
    max-width : 1170px;
    height    : calc(100vh - 71px);
}

section{
    position   : relative;
    min-height : 100vh;
    overflow   : hidden;
    display    : block;
    width      : 100%;
}

.landscape{
    position        : fixed;
    display         : none;
    align-items     : center;
    justify-content : center;
    width           : 100%;
    height          : 100%;
    top             : 0;
    left            : 0;
    background      : #fff;
    z-index         : -999999999;
}

.landscape h2{
    font-family    : 'etihad_altisbook';
    font-weight    : 700;
    font-size      : 1.1em;
    text-transform : uppercase;
    text-align     : center;
}

.landscape h2 span{
    display : block;
}

.landscape h2 .fas{
    display   : block;
    margin    : 0 auto 30px;
    font-size : 2.5em;
    animation : spin 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

/*--------------
    BUTTONS
--------------*/
.btn{
    font-family     : 'etihad_altisbook';
    color           : #fff;
    line-height     : 40px;
    text-transform  : uppercase;
    font-size       : .8em;
    display         : block;
    font-weight     : 700;
    position        : relative;
    text-align      : center;
    text-decoration : none;
    transition      : background .4s ease;
    padding         : 0 15px 0 15px;
    border-radius   : 0;
    border          : none;
    width           : fit-content;
    min-width       : 150px;
    letter-spacing  : .07em;
}

.btn-block{
    min-width : 100% !important;
    width     : 100% !important;
}

.btn-large{
    font-weight : 700;
    font-size   : 1em;
    line-height : initial;
    padding     : 10px 20px 10px 20px;
}

.off{
    opacity        : .5;
    pointer-events : none;
}

.btn.focus,
.btn:focus,
.form-control:focus{
    outline    : 0;
    box-shadow : 0 0 0 0rem rgba(0, 123, 255, 0);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance : none;
    margin             : 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number]{
    -moz-appearance : textfield; /* Firefox */
}

a:hover{
    text-decoration : none;
}

/*--------------
   SCROLLER COMPONENTS
--------------*/
.iscroll-wrapper{
    position     : absolute;
    top          : 48px;
    /*position: relative;*/
    /*top: 0;*/
    z-index      : inherit;
    bottom       : 0px;
    width        : 100%;
    background   : transparent;
    overflow     : hidden;
    touch-action : manipulation !important;
    /*border: 1px solid yellow;*/
}

.scroller{
    padding                     : 0px;
    position                    : absolute;
    /*position: relative;*/
    z-index                     : inherit;
    -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
    width                       : 100%;
    -webkit-transform           : translateZ(0);
    -moz-transform              : translateZ(0);
    -ms-transform               : translateZ(0);
    -o-transform                : translateZ(0);
    transform                   : translateZ(0);
    -webkit-touch-callout       : none;
    -webkit-user-select         : none;
    -moz-user-select            : none;
    -ms-user-select             : none;
    user-select                 : none;
    -webkit-text-size-adjust    : none;
    -moz-text-size-adjust       : none;
    -ms-text-size-adjust        : none;
    -o-text-size-adjust         : none;
    text-size-adjust            : none;
    padding-bottom              : 65px;
}

.separator{
    height : 3px;
    width  : 100%;
}

/*--------------
    ALERTS
--------------*/

.alert-danger{
    background    : #ED1B2E;
    color         : #fff;
    font-family   : "CRP_bold";
    border        : none;
    border-radius : 1px;
    box-shadow    : inset 0px 0px 10px rgba(0, 0, 0, .6);
    text-align    : center;
}

/*--------------
    SPINNERS
--------------*/
#loader{
    position         : fixed;
    z-index          : 9999999999;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : rgba(0, 0, 0, .8);
    display          : flex;
    align-items      : center;
    justify-content  : center;
}

#loader .loader,
.inset-loader{
    margin        : auto;
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

.inset-loader,
.inset-loader.red{
    width         : 150px;
    height        : 150px;
    margin-bottom : 30px;
}

.inset-loader.element-loader{
    width         : 30px;
    height        : 30px;
    margin-bottom : 0px;
}

.inset-loader{
    border     : 2px solid rgba(255, 255, 255, 0);
    border-top : 2px solid #fff;
}


.inset-loader.grey{
    border     : .1rem solid rgba(255, 255, 255, 0);
    border-top : .1rem solid #504F3E;
}

#loader h2{
    font-family : 'Poppins', sans-serif;
    font-weight : 900;
    margin      : 15px auto;
    font-size   : 1.3em;
    color       : #fff;
}

#loader_seats{
    position         : fixed;
    z-index          : 9999999999;
    width            : 100%;
    height           : 100%;
    top              : 0;
    left             : 0;
    background-color : rgba(0, 0, 0, 0.1);
    display          : flex;
    align-items      : center;
    justify-content  : center;
}

#loader_seats .loader{
    margin        : auto;
    width         : 100px;
    height        : 100px;
    border-radius : 50%;
    border        : 4px solid rgba(255, 255, 255, 0);
    border-top    : 4px solid #fff;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}

#loader_seats h2{
    font-family : 'Poppins', sans-serif;
    font-weight : 900;
    margin      : 15px auto;
    font-size   : 1em;
    color       : #fff;
}

@keyframes spin{
    0%{
        transform : rotate(0deg);
    }
    100%{
        transform : rotate(360deg);
    }
}

@keyframes slide_in{
    0%{
        overflow : initial;
        height   : auto;

    }
    100%{
        overflow : hidden;
        height   : 0;
    }
}

.map_zoom{
    width           : 100px;
    height          : 50px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    position        : absolute;
    z-index         : 1;
    background      : #fff;
    border-radius   : 100px;
    border          : 1px solid #c4c4c4;
}

.widgets .map_zoom{
    top  : 15px;
    left : 15px;
}

.map_zoom .button{
    width           : 50px;
    height          : 50px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    color           : #888;
    cursor          : pointer;
    font-size       : .8em;
}

.map_zoom .button:first-of-type{
    border-top-left-radius    : 100px;
    border-bottom-left-radius : 100px;
}

.map_zoom .button:last-of-type{
    border-top-right-radius    : 100px;
    border-bottom-right-radius : 100px;
    border-left                : 1px solid #c4c4c4;
}

.sorter{
    list-style-type : none;
    display         : flex;
    flex-direction  : column;
    padding         : 0;
    margin          : 0;
}

.sorter .referrer{
    display  : none;
    position : fixed;
    z-index  : -9999999999999;
}

/*  SMARTPHONES
    Portrait
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 812px)
and (orientation : portrait), only screen
and (min-device-width : 813px)
and (max-device-width : 900px)
and (orientation : portrait){
    .crp-podium{
        height : 40vh;
    }

    .iscroll-wrapper,
    .iscroll-wrapper.vip,
    .scroller{
        position                    : relative;
        top                         : inherit;
        touch-action                : manipulation !important;
        z-index                     : inherit;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
        -webkit-transform           : inherit;
        -moz-transform              : inherit;
        -ms-transform               : inherit;
        -o-transform                : inherit;
        transform                   : inherit;
        -webkit-touch-callout       : inherit;
        -webkit-user-select         : inherit;
        -moz-user-select            : inherit;
        -ms-user-select             : inherit;
        user-select                 : inherit;
        -webkit-text-size-adjust    : inherit;
        -moz-text-size-adjust       : inherit;
        -ms-text-size-adjust        : inherit;
        -o-text-size-adjust         : inherit;
        text-size-adjust            : inherit;
        /*border: 1px solid red;*/
    }

    #login .iscroll-wrapper,
    #socios-login .iscroll-wrapper{
        position : absolute;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 812px)
and (orientation : portrait), only screen
and (min-device-width : 813px)
and (max-device-width : 900px)
and (orientation : portrait), only screen
and (max-aspect-ratio : 13/9)
and (max-device-width : 1023px){
    .iscroll-wrapper,
    .iscroll-wrapper.vip,
    .scroller{
        position                    : relative;
        top                         : inherit;
        touch-action                : manipulation !important;
        z-index                     : inherit;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
        -webkit-transform           : inherit;
        -moz-transform              : inherit;
        -ms-transform               : inherit;
        -o-transform                : inherit;
        transform                   : inherit;
        -webkit-touch-callout       : inherit;
        -webkit-user-select         : inherit;
        -moz-user-select            : inherit;
        -ms-user-select             : inherit;
        user-select                 : inherit;
        -webkit-text-size-adjust    : inherit;
        -moz-text-size-adjust       : inherit;
        -ms-text-size-adjust        : inherit;
        -o-text-size-adjust         : inherit;
        text-size-adjust            : inherit;
        /*border: 1px solid green;*/
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1280px)
and (orientation : landscape), only screen
and (min-device-width : 1024px) /* Tablet; When modifying remember to modify also settings.js */
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2){
    .container{
        max-width : 904px;
    }

    .iscroll-wrapper,
    .iscroll-wrapper.vip{
        position     : absolute;
        z-index      : inherit;
        bottom       : 0px;
        width        : 100%;
        background   : transparent;
        overflow     : hidden;
        touch-action : manipulation !important;
        /*border: 1px solid blue;*/
    }

    .scroller,
    .scroller.vip{
        overflow-y                  : scroll;
        overflow-x                  : hidden;
        height                      : 100%;
        position                    : absolute;
        z-index                     : inherit;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
        width                       : 100%;
        -webkit-transform           : inherit;
        -moz-transform              : inherit;
        -ms-transform               : inherit;
        -o-transform                : inherit;
        transform                   : inherit;
        -webkit-touch-callout       : inherit;
        -webkit-user-select         : inherit;
        -moz-user-select            : inherit;
        -ms-user-select             : inherit;
        user-select                 : inherit;
        -webkit-text-size-adjust    : inherit;
        -moz-text-size-adjust       : inherit;
        -ms-text-size-adjust        : inherit;
        -o-text-size-adjust         : inherit;
        text-size-adjust            : inherit;
    }

    #login .iscroll-wrapper{
        position : absolute;
    }


    #login .scroller{
        overflow-y                  : inherit;
        padding                     : 0px;
        position                    : absolute;
        z-index                     : inherit;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
        width                       : 100%;
        -webkit-transform           : translateZ(0);
        -moz-transform              : translateZ(0);
        -ms-transform               : translateZ(0);
        -o-transform                : translateZ(0);
        transform                   : translateZ(0);
        -webkit-touch-callout       : none;
        -webkit-user-select         : none;
        -moz-user-select            : none;
        -ms-user-select             : none;
        user-select                 : none;
        -webkit-text-size-adjust    : none;
        -moz-text-size-adjust       : none;
        -ms-text-size-adjust        : none;
        -o-text-size-adjust         : none;
        text-size-adjust            : none;
    }
}

@media only screen
and (min-device-width : 1366px)
and (max-device-width : 1366px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio : 2){
    .iscroll-wrapper{
        top          : 92px;
        overflow     : auto;
        touch-action : none !important;
    }

    .landscape{
        display : none;
        z-index : -999999999;
    }
}

@media only screen
and (min-width : 480px)
and (max-width : 1023px)
and (orientation : landscape){
    .landscape{
        display : flex;
        z-index : 999999999;
    }

    .iscroll-wrapper{
        position     : absolute;
        z-index      : inherit;
        bottom       : 0px;
        top          : 75px;
        width        : 100%;
        background   : transparent;
        overflow     : hidden;
        touch-action : manipulation !important;
        /*border: 1px solid orange;*/
    }

    .scroller{
        overflow-y                  : scroll;
        overflow-x                  : hidden;
        height                      : 100%;
        padding                     : initial;
        position                    : absolute;
        z-index                     : inherit;
        -webkit-tap-highlight-color : rgba(0, 0, 0, 0);
        width                       : 100%;
        -webkit-transform           : inherit !important;
        -moz-transform              : inherit;
        -ms-transform               : inherit;
        -o-transform                : inherit;
        transform                   : inherit;
        -webkit-touch-callout       : inherit;
        -webkit-user-select         : inherit;
        -moz-user-select            : inherit;
        -ms-user-select             : inherit;
        user-select                 : inherit;
        -webkit-text-size-adjust    : inherit;
        -moz-text-size-adjust       : inherit;
        -ms-text-size-adjust        : inherit;
        -o-text-size-adjust         : inherit;
        text-size-adjust            : inherit;
    }

    .img_vista_container{
        position  : fixed;
        top       : 0;
        left      : 0;
        width     : 100%;
        max-width : 100% !important;
        height    : 100%;
        z-index   : 99999999999999999999999999999999999999;
    }
}

@supports ((position:-webkit-sticky) or (position:sticky)){
    .sticky-top{
        position : -webkit-sticky;
        position : sticky;
        top      : 0;
        z-index  : 4;
    }
}

.accelerator{
    display         : none;
    position        : absolute;
    z-index         : 99;
    min-height      : 60px;
    background      : #270015;
    color           : #fff;
    font-family     : 'Poppins', sans-serif;
    font-weight     : 500;
    box-shadow      : 0 4px 4px rgba(0, 0, 0, .06);
    align-items     : center;
    justify-content : center;
    padding         : 0 15px;
}

.accelerator p{
    margin : 0;
}

.accelerator:after{
    top              : 100%;
    left             : 50%;
    content          : " ";
    height           : 0;
    width            : 0;
    position         : absolute;
    pointer-events   : none;
    border           : 10px solid rgba(136, 183, 213, 0);
    border-top-color : #270015;
    margin-left      : -10px;
}

.container-coupon-error.accelerator{
    margin    : -58px 0 0 0px;
    font-size : .8em;
    position  : relative;
    width     : 100%;
}

.container-coupon-error.accelerator .fas{
    margin-right : 7px;
    font-size    : 1.1em;
    cursor       : pointer;
    transition   : all .4s;
}

.container-coupon-error.accelerator .fas:hover{
    color : #c19267;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 812px)
and (orientation : portrait), only screen
and (min-device-width : 813px)
and (max-device-width : 900px)
and (orientation : portrait), only screen
and (min-device-width : 1024px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) , only screen
and (max-aspect-ratio : 13/9)
and (max-device-width : 1023px){
    .accelerator{
        max-width           : initial;
        min-height          : initial;
        width               : 100%;
        background-color    : #270015;
        background-image    : url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20width%3D%2228px%22%20height%3D%2227px%22%20viewBox%3D%220%200%2028%2027%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cg%20transform%3D%22translate%28-336.000000%2C%20-47.000000%29%22%20fill%3D%22%23ffffff%22%3E%3Cg%20transform%3D%22translate%28350.000000%2C%2060.500000%29%20rotate%28-45.000000%29%20translate%28-350.000000%2C%20-60.500000%29%20translate%28332.000000%2C%2043.000000%29%22%3E%3Crect%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3Crect%20transform%3D%22translate%2818.000000%2C%2017.500000%29%20rotate%28-90.000000%29%20translate%28-18.000000%2C%20-17.500000%29%20%22%20x%3D%2217%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2235%22%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
        background-repeat   : no-repeat;
        background-position : 97% 0.2em;
        background-size     : 1.1em; /* line height is 1.5 */
    }

    .accelerator p{
        max-width : 80%;
    }

    .accelerator p span{
        font-size : 1em !important;
    }

    .accelerator:after{
        display : none;
    }
}

/* FOOTER STYLES */

footer{
    width      : 100%;
    position   : relative;
    overflow   : hidden;
    background : #fff;

}

.footer.container{
    max-width : initial !important;
    width     : calc(100% - 120px);
    padding   : 0;
}

footer .row.main{
    padding : 30px 0;
}

footer .row.inst{
    border-top : 1px solid #dcdbdb;
    padding    : 30px 0;
}

footer .copy p{
    margin      : 0;
    font-family : 'etihad_altisbook';
    font-size   : .8em;
}

footer .copy p span{
    font-size : .75rem;
}


footer .terms{
    display         : flex;
    justify-content : center;
}

footer .terms ul{
    display        : flex;
    flex-direction : row;
    margin         : 0;
    padding        : 0;
}

footer .terms ul li{
    list-style-type : none;
    padding         : 0;
    margin          : 0;
    font-size       : .75em;
}

footer .terms ul li a{
    padding         : 0 15px;
    color           : #4e4c4a;
    font-family     : 'etihad_altismedium';
    text-decoration : none;
}

footer .terms ul li a:hover{
    text-decoration : underline;
}

footer .socials{
    display         : flex;
    justify-content : flex-end;
}

footer .socials div{
    padding : 0 15px;
    cursor  : pointer;
}

footer .socials div:last-of-type{
    padding-right : 0;
}

footer .sponsors{
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
}

footer .sponsors .col{
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding-right   : 45px;
}

footer .sponsors .col img{
    margin-right : 80px;
    max-height   : 57px;
}

footer .sponsors .col:last-of-type img{
    margin-right : 0px;
}

footer .phone{
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
}

footer .phone p{
    font-size   : .8em;
    color       : #4e4c4a;
    font-family : 'etihad_altismedium';
    margin      : 0;
}

footer .phone h2 a{
    color           : #4e4c4a;
    text-decoration : none;
    font-family     : 'etihad_altisbook';
}

footer .phone h2 a:hover{
    text-decoration : underline;
}

footer .logos{
    padding : 60px 15px;
}

footer .logos div img{
    width     : auto;
    height    : auto;
    max-width : 230px;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 375px)
and (orientation : portrait)  , only screen
and (max-aspect-ratio : 13/9){
    footer .sponsors .col img{
        margin-right : initial;
        margin       : 0 auto 20px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 812px)
and (orientation : portrait), only screen
and (min-device-width : 813px)
and (max-device-width : 900px)
and (orientation : portrait), only screen
and (min-device-width : 1024px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) , only screen
and (max-aspect-ratio : 13/9)
and (max-device-width : 1023px){
    footer .row.main{
        padding : 30px 0 15px 0;
    }

    .phone{
        padding-left : 30px;
    }

    .footer.container{
        width : initial;
    }

    footer .row.inst{
        border-top : 1px solid #dcdbdb;
        padding    : 30px 0 0 0;
    }

    footer .socials{
        justify-content : center;
        font-size       : 1.5em;
        min-height      : 60px;
    }

    footer .terms{
        min-height : 60px
    }

    footer .terms ul li a{
        padding : 0 7px;
    }

    footer .copy{
        display         : flex;
        justify-content : center;
        min-height      : 60px;
    }

    footer .phone{
        display         : flex;
        align-items     : center;
        justify-content : flex-start;
    }

    footer .sponsors{
        padding-top : 30px;
    }

    footer .sponsors .col{
        margin-bottom : 15px;
    }
}

@media only screen
and (min-device-width : 700px)
and (max-device-width : 768px)
and (orientation : portrait) , only screen
and (min-device-width : 1024px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio : 2) , only screen
and (max-aspect-ratio : 13/9)
and (max-device-width : 1023px){
    footer .sponsors{
        justify-content : center;
    }
}

@media only screen
and (min-device-width : 700px)
and (max-device-width : 768px)
and (orientation : portrait){
    footer .sponsors .col img{
        margin       : initial;
        margin-right : 80px;
    }
}

@media only screen
and (min-device-width : 769px)
and (max-device-width : 1024px)
and (orientation : landscape) , only screen
and (min-device-width : 2048px)
and (max-device-width : 2048px)
and (orientation : landscape){
    footer .sponsors .col img{
        margin       : initial;
        margin-right : 80px;
    }
}

@media screen and (max-width : 769px){
    .back-to-sectors{
        margin : 0 0px;
        width  : 40px;
        height : 40px;
    }

    .map_zoom{
        width  : 83px;
        height : 40px;
    }

    .map_zoom .button:last-of-type{
        height : 40px;
    }
    .iscroll-wrapper{
        bottom: 0px !important;
    }
}

@media only screen and (max-device-width : 1280px){
    .iscroll-wrapper {
        bottom: 84px;
    }
}

/* COLORS */

.btn-primary,
a.btn-primary:active,
a.btn-primary:visited,
a.btn-primary:link{
    color            : #fff;
    background-color : #c19267;
}

.btn-primary:hover{
    color            : #fff;
    background-color : #d1ad71;
}

.btn-primary-gold,
a.btn-primary-gold:active,
a.btn-primary-gold:visited,
a.btn-primary-gold:link{
    color            : #fff;
    background-color : #BC8A15;
    border           : 2px solid #BC8A15;
}

.btn-primary-gold-outline,
.btn.btn-primary-gold-outline,
a.btn-primary-gold-outline:active,
a.btn-primary-gold-outline:visited,
a.btn-primary-gold-outline:link{
    color            : #BC8A15;
    background-color : #fff;
    border           : 2px solid #BC8A15;
}

.btn-primary-gold:hover,
.btn-primary-gold-outline:hover,
a.btn-primary-gold-outline:hover{
    color            : #fff;
    background-color : #BC8A15;
    border           : 2px solid #BC8A15;
}

.btn-primary-dark,
a.btn-primary-dark:active,
a.btn-primary-dark:visited,
a.btn-primary-dark:link{
    color            : #fff;
    background-color : #270015;
}

.btn-primary-white,
a.btn-primary-white:active,
a.btn-primary-white:visited,
a.btn-primary-white:link{
    color      : #BC8A15;
    border     : 2px solid #fff;
    background : #fff;
}

.btn-primary-white:hover,
a.btn-primary-white:hover{
    color            : #fff;
    background-color : #BC8A15;
    border           : 2px solid #BC8A15;
}


.btn-primary-dark:hover{
    color            : #184a87;
    background-color : #f3f3f3;
}

.btn-secondary-grey,
a.btn-secondary-grey:active,
a.btn-secondary-grey:visited,
a.btn-secondary-grey:link{
    color            : #184a87;
    background-color : #f3f3f3;
}

.btn-secondary-grey:hover{
    color            : #184a87;
    background-color : #fff;
}

.btn-secondary-light,
a.btn-secondary-light:active,
a.btn-secondary-light:visited,
a.btn-secondary-light:link{
    color            : #184a87;
    background-color : #f9f9f9;
}

.btn-secondary-light:hover{
    color            : #184a87;
    background-color : #fff;
}

.btn-secondary,
a.btn-secondary:active,
a.btn-secondary:visited,
a.btn-secondary:link{
    color            : #fff;
    background-color : #9d6c40;
}

.btn-secondary-light:hover{
    color            : #fff;
    background-color : #c19267;
}

.btn-secondary-blue,
a.btn-secondary-blue:active,
a.btn-secondary-blue:visited,
a.btn-secondary-blue:link{
    color            : #fff;
    background-color : #08192e;
}

.btn-secondary-blue:hover{
    color            : #fff;
    background-color : #102b4e;
}

.gradient.tr,
.bg_gradient.tr{
    color      : #d1ad71;
    background : rgb(209, 146, 103);
    background : -moz-linear-gradient(left, rgba(209, 146, 103, 1) 0%, rgba(193, 146, 103, 1) 100%);
    background : -webkit-linear-gradient(left, rgba(209, 146, 103, 1) 0%, rgba(193, 146, 103, 1) 100%);
    background : linear-gradient(to right, rgba(209, 146, 103, 1) 0%, rgba(193, 146, 103, 1) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ad71', endColorstr='#c19267', GradientType=1);
}

.gradient_vip.tr,
.bg_gradient_vip.tr{
    color      : #d1ad71;
    background : rgb(209, 146, 103);
    background : -moz-linear-gradient(left, rgba(209, 146, 103, 1) 0%, rgba(193, 146, 103, 1) 100%);
    background : -webkit-linear-gradient(left, rgba(209, 146, 103, 1) 0%, rgba(193, 146, 103, 1) 100%);
    background : linear-gradient(to right, rgba(209, 146, 103, 1) 0%, rgba(193, 146, 103, 1) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ad71', endColorstr='#c19267', GradientType=1);
}

.gradient.tl,
.bg_gradient.tl{
    color      : #c19267;
    background : rgb(193, 146, 103);
    background : -moz-linear-gradient(left, rgba(193, 146, 103, 1) 0%, rgba(209, 146, 103, 1) 100%);
    background : -webkit-linear-gradient(left, rgba(193, 146, 103, 1) 0%, rgba(209, 146, 103, 1) 100%);
    background : linear-gradient(to right, rgba(193, 146, 103, 1) 0%, rgba(209, 146, 103, 1) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#c19267', endColorstr='#d1ad71', GradientType=1);
}

.gradient.tr,
.gradient.tl,
.gradient-eliminar{
    -webkit-background-clip : text;
    -webkit-text-fill-color : transparent;
    width                   : fit-content;
}

.bg_white{
    background-color : #fff;
}

.bg_grey{
    background-color : #F9F9F9;
}

.bg_grey_dark{
    background-color : #F3F3F3;
}

.cart_header:not(:last-child) .cart{
    display : none;
}

.js-external > img{
    width  : 20px;
    height : 20px;
}

.sort-icon{
    transition : transform 0.3s ease;
}

.sort-icon.down{
    transform : rotate(180deg);
}