@import "stylenew.css";
@import "header.css";
@import "breadcrumb.css";
@import "footer.css";



body{
    margin-bottom: -18px;
}


@media screen and (max-width:768px){
.inline-travel-options{
   margin-bottom:15px;

}

.pscript{
    width: 100%;
}

.long-range-fb #long-range-datepicker .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next{
    top:auto !important;
}

.long-range-fb #long-range-datepicker .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev{
    top:-4% !important;
}

}



.travel-cal-legend{
    background: #f8f8f8;
    height: 70px;
    margin-bottom: -47.9px;
    width: 50%;
    margin-left: 25%;
    margin-top: 7px;
}

@media screen and (max-width: 494px) and (min-width: 471px){
.pop-up .pop-content .row{
     margin-right: 14px!important; 
 }
}

@media screen and (max-width: 532px) and (min-width: 494px){
.pop-up .pop-content .row{
     margin-right: auto!important; 
 }
}

.pop-up .pop-content .row{margin-right: -28px;margin-left: -28px;}
@media screen and (max-width: 312px){
.pop-up .pop-content .row{
   margin-right: 20px;
}
}



 .pop-content .row{
  margin-top: 1px;
}
.full-select .selected-one .select-one-with-label{
  height:29px;
}

.pop-content .row .display-flex{
   padding-bottom: 8px;
}

.row .full-select .selected-one:after{
 content:none !important;
}


@media screen and (max-width:463px){
 .sec-nav>ul.step-1{
     background: transparent
     margin: 15px;
  }

}
.submit{
    text-align: left;
    margin-top: -5px;
}

@media screen and (max-width: 768px){

    .submit{
       margin-left: 15px;
      margin-top: 33px;     
    }

}



.sec-nav{
  margin-bottom: -37px;
}


.sec-nav {
    position: relative;
    z-index: 0;
    text-align: center;
    margin-bottom: -55px;
    text-transform: uppercase;
}
.width-selc{width: 79px;}
.sec-nav .mobile-steps {
    display: none;
    text-align: center;
    font: 14px Arial, Helvetica, Sans-Serif;
    padding: 10px 14px 10px 14px;
    background: #fdfdfd;
    border-bottom: 1px solid #e6e6e6;
    font-weight: bold;
}

@media screen and (min-width: 730px) and (max-width: 767px){
    .travel-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title{
        margin-left: -1.8em !important;
        margin-right: -1.8em !important;
    }
    .travel-options {
        margin-left: 0% !important;
        width: 100% !important;
    }
    .that-select1{
    max-width: 155px!important;
} 
}

@media ( max-width : 695px) {
    .sec-nav .mobile-steps {
        display: block;
    }

}

.sec-nav>ul {
    margin-bottom: 0;
    list-style-type: none;
}

.sec-nav>ul.step-1 {
    background: #c9c9c9;
    margin-top: 25px;
    display: inline-block;
}

.sec-nav>ul.step-1>li {
    margin-right: -4px;
}

.sec-nav>ul.steps {
    background: #fdfdfd;
    border-bottom: 1px solid #e6e6e6;
}

.sec-nav>ul.steps>li {
    font: 14px Arial, Helvetica, Sans-Serif;
    padding: 10px 14px 10px 14px;
    color: #8e8e8e;
}

.sec-nav>ul.steps>li.current {
    color: #00529c;
    font-weight: bold;
    border-bottom: 2px solid #00529c;
}

.sec-nav>ul.steps>li a {
    font: 14px Arial, Helvetica, Sans-Serif;
    padding: 0;
}

.sec-nav>ul.steps>li a:hover {
    background: none;
}

@media ( max-width : 695px) {
    .sec-nav>ul.steps {
        display: none;
    }
}

.sec-nav>ul>li {
    *zoom: 1;
    *display: inline;
    display: inline-block;
}

.sec-nav>ul>li a {
    /*font: 16px 'Oswald', Arial, Helvetica, Sans-Serif;*/
    font-family: 'FiraSans-Regular';
    font-size: 12.12px;
    text-decoration: none;
    color: white;
    padding: 17px 16px 17px 16px;
    display: block;
    background:#b1aeae;
    text-decoration: uppercase;
}

.sec-nav>ul>li a:hover,.sec-nav>ul>li a.selected
    {
    /*color: black;*/
    background: #868686;
    text-decoration: uppercase;
}

.selectedTab
{
    font-family: 'FiraSans-ExtraBold' !important;
    font-size: 14.12px;
    background: #868686 !important;
    
}

.datepicker {
    z-index: 1;
    position: relative;
    *zoom: 1;
    clear: both;
}

.datepicker .datecell-popover .heading{
    font-size: 12.1px;
    text-align: left;
    font-family: 'FiraSans-Book';
    font-weight: 100;
    /* padding: 15px 20px; */
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-right: 20px;
    background: white;
    color: black;
    margin: -6px -6px 6px;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;    
    }

.datepicker .datecell-popover .offer_left {
    *zoom: 1;
    color: #ceb866; 
    display: inline-block;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 2px;
    font-family: 'FiraSans-Light';
    font-size: 20px;
}

.datepicker .datecell-popover .offer_right {
    *zoom: 1;
    color: black;
    font-family: 'FiraSans-Medium';
    font-size: 12.1px;
    word-break: break-all;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 3px;
}

.close-popover{
    position:absolute;
    top:6px;
    right:8px;
    font-size: 25px;
    color:#A4A4A4;
}

.close-popover:hover{
    text-decoration: none;
}

@media screen and (max-width: 646px){
    .hidden-sm{
        display:none;
    }
    
    .with-airport {
        /*width: 45%;*/
    }
    .static-gray {
        /*margin-left: 10%;*/
    }
    .inline-travel-options .promo-items{
        width: 100%;
        text-align: left;
    }
    /*.inline-travel-options .promo-items li{
        width: 45%;
    }*/
    .inline-travel-options .promo-items .full-select{
        width: 80%;
        text-align: center;
    }
    .full-select2{
        width: 100%!important;
    }
    .inline-travel-options .promo-items .full-select-without-label{
        width: 100%;
        text-align: center;
    }
        .that-select1{
            max-width: 188px!important;
        }
}

@media screen and (max-width: 463px){
  .sec-nav>ul.step-1{
     margin-bottom:15px;
  }
  
}

@media screen and (max-width: 729px){
    


    .datecell-popover {
        margin-top: 8px;
    }
    .close-popover{
        color:black !important;
        font-weight: lighter !important;
        font-size: 60px;
        margin-left: 2%;
        font-family: 'FiraSans-Light' !important;
        top: 16px;
        right: 10px;
    }
    .datepicker .datecell-popover .heading{
        float: left;
        font-family: 'FiraSans-Light' !important;
        font-size: 20.33px;
        font-weight: lighter;
        width: 100%;
        padding-top: 5px !important;
        padding-left: 5%;
        padding-bottom: 10px;
    }
    .datepicker .datecell-popover .offer_left{
        float: left;
        margin-bottom: 5px;
        font-size: 16px;
        padding-bottom: 1px;
        margin-top: 5px;
        padding-left: 3%;
    }
    .datepicker .datecell-popover .offer_right{
        float:left;
        text-align: left;
        font-weight: normal !important;
        margin-left: 8px;
        font-size: 14px;
        font-family: 'FiraSans-Regular' !important;
    }
    .datepicker .datecell-popover hr{
        display: none;
    }
    .datepicker .datecell-popover .heading br{
        display: none;
    }
    .travel-calendar{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-group{
        padding: 0px !important;
    }
    .travel-calendar .years {
        width: 50%;
        padding-top: 2px;
        float: left;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        display: none;
    }

    .travel-calendar .reset {
        background: #f2dea3;
        width: 34%;
        /*float: right;*/
        border-radius: 2px !important;
        /*margin-top: -9%;
        margin-right: 6%;*/
        padding: 6px;
        margin-bottom: 30px !important;
        /*margin-right: 10%;*/
        margin-left: 33%;
    }
    .travel-calendar .reset a {
        color: black !important;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
        /*margin-left: 0em !important;
        margin-right: 0em !important;
        padding-left: 34%;*/
        display: -webkit-box;
        /*padding-left: 34%;
        padding-right: 34%;*/
        width: 100%;
        margin:0 auto;
        display: block;
        margin-left:auto !important;
        margin-right: auto !important;
    }
    .ui-datepicker-year{
        display: inline-block !important;
        /*width: 21%;*/
    }
    .ui-datepicker-year:before{
        content: "-\00a0" !important;
    }
    .travel-cal-legend{
        width: 72%;
        margin-left: 14.5%;
        height: 85px;
        padding-left: 15%;
        margin-bottom: -62px;
        /*width: 100%;*/
        /*margin-left: 15%;*/
        /*padding-left: 15%;*/
    }
    .travel-cal-legend ul{
        text-align: left !important;
    }
    .travel-cal-legend ul li{
        padding-left: 14px;
        padding-right: 0px;
        width: 151px;
    }
    .travel-cal-legend ul li .legend.unavail-blk {
        border-radius: 2px !important;
    }
    .travel-cal-legend ul li .legend.stay-blk {
        border-radius: 2px !important;
    }
    .travel-cal-legend ul li .legend.promos-blk {
        border-radius: 2px !important;
    }
    .travel-cal-legend ul li .legend.selected-travel-blk {
        border-radius: 2px !important;;
    }
    div.all-wrap.fixed-width{
        /*width: 100%;*/
        /*left: 0px !important;
        right: 0px !important;*/

    }
    #next-step.enabled{
        width: 100% !important;
        padding-bottom: 2%;
        padding-top: 2%;
        color: #2f2f2f;
    }
    
    .sec-nav>ul.step-1 {
        background: white;
    }
    .travel-options{
        border-top: 2px solid #5d5b5b;
        padding-top: 7% !important;
        margin-top: 4% !important;
        margin-left: 0% !important;
        width: 100% !important;
    }
    .travel-options-left {
        width: 97% !important;
        margin-left: 2% !important;
    }
    .travel-options-right {
        width: 97% !important;
        margin-left: 2% !important;
        margin-top: 0px !important;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-calendar{
        width: 90%;
        margin-left: 5%;
    }
}
@media screen and (max-width: 600px){
    .travel-cal-legend {
        padding-left: 10%;
    }
}
.travel-calendar {
    padding: 30px 15px 0;
    *zoom: 1;
    clear: both;
    margin-bottom: 0em !important;
}

.ui-datepicker-year{
    /*display: none;*/
}
.ui-datepicker-year:before{
    content: "- "
}

.travel-calendar .reset
{
    text-align: center;
    margin-bottom: -2.3em;
    z-index: 2;
    position: relative;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}

.travel-calendar .years
{
    font-family: 'FiraSans-Regular' !important;
    font-size: 24.2px;
    margin-top: -32px;
    margin-bottom: 10px;
    border-bottom: 1em;
    height: 40px;
    text-align: center;
    position: relative;
    z-index: 2;
    display: none;
}

.travel-calendar .reset a
{
    font-family: 'FiraSans-SemiBold' !important;
    font-weight: lighter;
    color: #aa964c;
    text-decoration: none;
    font-size: 12.1px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td {
    width: 14.285714285714286%;
    background: white;
    text-align: center;
    vertical-align: top;
    font-family: 'FiraSans-SemiBold' !important;
    /*font*/
    height: 50px;
    position: relative;
    padding: 0;
    margin: 0;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td.date-range-selected a.ui-state-default
{
    background: #ceb865;
    font-family: 'FiraSans-SemiBold' !important;
    color: black !important;
    margin-top: 5px;
    padding-top: 10px;
    height: 45px !important;
    margin-bottom: 5px;
    font-size: 24.2px;
    border-radius: 0px !important;

}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td.date-range-selected a.ui-state-default-red
{
    background: white !important;
    font-family: 'FiraSans-SemiBold' !important;
    color: #b62f35 !important;
     margin-top: 5px;
    padding-top: 8px;
    height: 45px !important;
    margin-bottom: 5px;
    font-size: 24.2px;
    border-radius: 0px;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td.date-range-selected a.ui-state-default-edges
{
    background: #fce9a4 !important;
    font-family: 'FiraSans-SemiBold' !important;
    color: black !important;
     margin-top: 5px;
    padding-top: 8px;
    height: 45px !important;
    margin-bottom: 5px;
    font-size: 24.2px;
    border-radius: 0px;
}

.promos .lowest-rate-wrap .lowest-rate, .date-range-selected .lowest-rate-wrap .lowest-rate{
    pointer-events: none;
    font-family: 'FiraSans-Medium' !important;
    font-size: 11.07px;
    text-align: center;
    vertical-align: middle;
    color: white;
    position: absolute;
    background-color: green;
    border-radius: 2px;
    width: 55%;
    left: 25%;
    bottom: 0;
    cursor: pointer;
    padding-top: 0%;
    padding-bottom: 0%;
}

.lowest-rate-wrap .lowest-rate {
    pointer-events: none;
    font-family: 'FiraSans-Medium' !important;
    font-size: 11.07px;
    text-align: center;
    vertical-align: middle;
    color: white;
    position: absolute;
    background-color: #ccc;
    border-radius: 2px;
    width: 55%;
    left: 25%;
    bottom: 0;
    cursor: pointer;
    padding-top: 0%;
    padding-bottom: 0%;
}


.lowest-rate-wrap .lowest-rate-green{
    pointer-events: none;
    font-family: 'FiraSans-Medium' !important;
    font-size: 11.07px;
    text-align: center;
    vertical-align: middle;
    color: white;
    position: absolute;
    background-color: green;
    border-radius: 2px;
    width: 55%;
    left: 25%;
    bottom: 0;
    cursor: pointer;
    padding-top: 0%;
    padding-bottom: 0%;
}

.lowest-rate-wrap .lowest-rate-green:before {
    content: '$';
}

.lowest-rate-wrap .lowest-rate-gray{
    pointer-events: none;
    font-family: 'FiraSans-Medium' !important;
    font-size: 11.07px;
    text-align: center;
    vertical-align: middle;
    color: white;
    position: absolute;
    border-radius: 2px;
    width: 55%;
    left: 25%;
    bottom: 0;
    cursor: pointer;
    background-color: #6b6d73;
    padding-top: 0%;
    padding-bottom: 0%;
    
}

.lowest-rate-wrap .lowest-rate-gray:before {
    content: '$';
}

.lowest-rate-wrap .lowest-rate-white{
    color: black;
    background-color: #f5f5f5;
    pointer-events: none;
    font-family: 'FiraSans-Medium' !important;
    font-size: 11.07px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    border-radius: 2px;
    width: 55%;
    left: 25%;
    bottom: 0;
    cursor: pointer;
    padding-top: 0%;
    padding-bottom: 0%;
}

.lowest-rate-wrap .lowest-rate-white:before {
    content: '$';
}

.lowest-rate-wrap .lowest-rate-hidden {
    visibility: hidden;
}

table.ui-datepicker-calendar {
    border-collapse: collapse !important;
}

table.ui-datepicker-calendar thead{
    text-transform: uppercase;
} 

.travel-calendar {
    padding: 30px 15px 0;
    padding-top: 10px;
    *zoom: 1;
    clear: both;
    margin-bottom: 2em;
}

.travel-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title{
    /*font: 18px 'Oswald', Arial, Helvetica, Sans-Serif;*/
    font: 15.87px 'FiraSans-Medium';
    text-align: center;
    text-transform: uppercase;
    background: #d7d7d7;
    padding-bottom: 2%;
    padding-top: 2%;
    margin-left: -2.8em;
    margin-right: -2.8em;
    margin-bottom: 1em;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td {
    padding-top: 10px;
    height: 58px;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td.promos a, td.unavail2 span, td.unavail2 a, .travel-calendar .ui-datepicker .ui-datepicker-calendar td.reg a {
    background: white !important;
    font-family: 'FiraSans-Regular';
    color: black !important;
    margin-top: 5px !important;
    padding-top: 13px  !important;
    padding-top: 10px  !important;
    height: 45px !important;
    margin-bottom: 5px  !important;
    font-size: 24.2px  !important;
    border-radius: 0px  !important;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td.unvail a{
    /*AQUINO*/
    /*background: white !important;
    font-family: 'FiraSans-Regular' !important;
    color: #b62f35 !important;
    margin-top: 5px;
    padding-top: 10px;
    height: 45px !important;
    margin-bottom: 5px;
    font-size: 24.2px;
    border-radius: 0px;*/

    background: white !important;
    font-family: 'FiraSans-Regular' !important;
    font-size: 24.2px;
    color: #b62f35 !important;
    height: 38px !important;
    width: 48%;
    margin-top: 5px;
    margin-right: 50%;
    margin-left: 30%;
    margin-bottom: 6px;
    padding-top: 10px;
    padding-left: 3%;
    padding-right: 9%;
    border-radius: 0px;
    border-bottom: 2px solid #b62f35;

}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-highlight {
    color: #7a7a7a;
    background: white;
}

/*.travel-calendar .ui-datepicker .ui-datepicker-calendar td.unavail span.ui-state-default {
    background: white;
    color: white;
}*/

.travel-calendar .ui-datepicker .ui-datepicker-calendar td.unavail span.ui-state-default, .ui-datepicker-unselectable.unavail2 span.ui-state-default{
    background: white !important;
    font-family: 'FiraSans-Regular' !important;
    font-size: 24.2px;
    color: #b62f35 !important;
    height: 45px !important;
    width: 48% !important;
    margin-top: 5px;
    margin-right: 50%;
    margin-left: 30%;
    margin-bottom: 6px;
    padding-top: 10px;
    padding-left: 3%;
    padding-right: 9%;
    border-radius: 0px;
    border-bottom: 2px solid #b62f35;
}



.travel-options{
    background: #e8e7e7;
    display: inline-block;
    /*position: relative;*/
    z-index: 0;
    width: 104%;
    margin-left: -2%;
}


.travel-options-left {
    margin-top: 3%;
    float: left;
    position: relative;
    width: 66%;
    margin-left: 11%;
}

.travel-options-right {
    margin-top: 4%;
    position: relative;
    float: left;
    width: 10%;
}

#content {
    padding-bottom: 0px !important;
}

.datepicker .datecell-popover hr{
    margin-top: -6px;
    margin-bottom: 2px;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar th{
    font: 10.8px 'FiraSans-Medium';
    text-align: center;
}

.travel-cal-legend ul li{
    font-family: 'FiraSans-Regular';
    font-size: 12px;
}

.travel-cal-legend ul li .legend.unavail-blk {
    font-family: 'FiraSans-Regular';
    font-size: 10.85px;
    background: #b62f35;
    border-radius: 100px;
}

.travel-cal-legend ul li .legend.stay-blk {
    font-family: 'FiraSans-Regular';
    font-size: 10.85px;
    background: #6b6d73;
}

.travel-cal-legend ul li .legend.no-arrive-blk {
    font-family: 'FiraSans-Regular' !important;
    font-size: 10.85px !important;
    background: #635A62;
}

.travel-cal-legend ul li .legend.promos-blk {
    font-family: 'FiraSans-Regular';
    font-size: 10.85px;
    background: #389f33;
}

.travel-cal-legend ul li .legend.selected-travel-blk {
    font-family: 'FiraSans-Regular';
    font-size: 10.85px;
    background: #ceb866;
}

.inline-travel-options {
    /*text-align: center;*/
}

.inline-travel-options li {
    /*display: inline-block;*/
}

.inline-travel-options li.with-select {
    min-width: 50px;
}

/*.inline-travel-options li input {
    height: 30px;
    float: left;
    border-radius: 1px;
}*/

/*Form*/

input[type="text"],input[type="url"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="tel"],textarea{
    border: 1px solid #868686 !important;
    font-family: 'FiraSans-Regular' !important;
    font-size: 12.13px !important;
    font-style: normal !important;
}

.static-airport {
    font-family: 'FiraSans-Regular';
    font-size: 12.13px;
    float: left;
    padding: 5px;
    padding-left: 8px;
    padding-right : 9px;
    height: 30px;
    border: 1px solid #868686;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    background: white;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.static-gray{
    font-family: 'FiraSans-Medium';
    font-size: 12.13px;
    font-weight: normal;
    background: #868686;
    color: white;
    float: left;
    height: 33px;
    border-bottom-left-radius: 1px;
    border-top-left-radius: 1px;
    padding: 6px;
}

#next-step {
    font-family: 'FiraSans-Medium';
    font-size: 18.2px;
    width: 135px;
    height: 55px;
    color: white;
    padding: 10px 14px;
    background: #e4e4e4 url('../images/right-arrow-white.png') no-repeat 90%
        center;
    border: 0;
}

#next-step.enabled {
    background-color: #ceb866;
    text-transform: uppercase;
    white-space: inherit;
    font-weight: normal;
    border-radius: 1px;
    line-height: 21px;
    height: auto;
}

#next-step.enabled:hover{
    background: #eac555 !important;
    transition: all 0.2s linear;
}

/*End Form*/

/*footer#footer {
    padding: 0 15px;
    color: white !important;
    background: #2f2f2f;
}*/

/*@media only screen and (max-width: 750px) {
    .travel-calendar .reset
    {
        text-align: center;
        margin-bottom: 0em !important;
        z-index: 2;
        position: relative;
    }
}*/

@media only screen and (max-width: 480px) {
    .inline-travel-options li {
        display: block;
        margin-bottom: 10px;
        *zoom: 1;
        clear: both;
    }
    .inline-travel-options li:before,.inline-travel-options li:after {
        content: "";
        display: table;
        line-height: 0;
    }
    .inline-travel-options li:after {
        clear: both;
    }
}

.inline-travel-options .promo-input {
    font-style: italic;
    color: #949494;
}



.full-select {
    display: block;
    position: relative;
    width: auto;
    border: 1px solid #868686;
    margin-bottom: -8px;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    cursor: pointer;
    background: rgba(255,255,255,.15) url(../images/mini-arrow-down2.png) no-repeat      right center;
    right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:linear-gradient(45deg, transparent 51%, white 50%),      linear-gradient(135deg, white 49%, transparent 50%),      linear-gradient(to right, gray, gray);
    background-position:calc(100% - 11px) calc(0.8em + 1px),      calc(100% - 6px) calc(0.8em + 1px),      100% 0;
    background-size:6px 6px,      6px 6px,      2em 3em;
    background-repeat: no-repeat;
    padding-right:30px;
    padding-left:5px;
}








.full-select-without-label {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.inline-travel-options .full-select {
    margin-bottom: 0;
    height: 33px;
    float: left;
    /* background: transparent!important; */
    border-radius:2px;
}
.select-airline{
    width: 100px;
}
.inline-travel-options .full-select .selected-one {
    padding: 9px 10px 5px 10px;
    font-family: 'FiraSans-Regular';
    font-size: 12.13px;
    background: #e8e7e7;
}

.inline-travel-options .full-select .selected-one:after {
    /*content: "\00A0\25BC";*/
    content: url('../images/flecha_abajo_btn.png');
    margin-left: 5px;
    float: right;
}

.inline-travel-options .full-select .select-choices {
    top: 28px;
}

.submit {
    text-align: left;
}

/*.date-range-selected.ui-datepicker-current-day a{
    background: #e2d7af !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
*/

.last-day-calendar{
    background: #e2d7af !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

.travel-calendar .ui-datepicker .ui-datepicker-calendar td a.ui-state-default:hover{
    background: #fce9a4;
    text-decoration: none;
}

body{
    background-color: #F0EDE6;
}
.all-wrap { 
    background-color: #FFF;
}

.promo-input{
    background: #e8e7e7;
}

.static-airport{
    background: #e8e7e7;
}

.airport-input{
    background: #e8e7e7;
}

@media (min-width: 768px){
    .col-md-auto{
        margin-left: -2% !important;
        margin-right: -1% !important;
    }
    .row{
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 768px){
    .inline-travel-options li{
        width: 100%;
         display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        margin-bottom: 2%;
    }
   .inline-travel-options .full-select {
        width: -webkit-fill-available;
    }
    .static-airport{
        width: -webkit-fill-available;
    }
    .ui-front{
        width: 100%;
    }
    .advanced_search{
        width: 100%;
    }
    .submit {
        margin-left: 15px;
    }
    .lowest-rate-wrap .lowest-rate:before {
        display:none;
    }
    /*.travel-calendar .years {
        font-size: 29.44px !important;
    }
    .travel-calendar .reset a {
        font-size: 17.66px !important;
        font-family: 'FiraSans-Medium' !important;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title{
        font: 23.55px 'FiraSans-Medium' !important;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-calendar th{
        font: 17.66px 'FiraSans-Regular' !important;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-calendar td.promos a{
        font-family: 'FiraSans-Light' !important;
        font-size: 40.98px;
    }
    .travel-calendar .ui-datepicker .ui-datepicker-calendar td.date-range-selected a.ui-state-default{
        font: 40.98px 'FiraSans-Medium' !important;
    }
    .date-range-selected.ui-datepicker-current-day a{
        font: 40.98px 'FiraSans-Medium' !important;
    }*/
}

@media screen and (max-width: 995px){
    div.all-wrap.fixed-width{
        /*right: 36px;*/
    }
}

.datepicker .dp-pag-pop-up-link.long-next, .datepicker .dp-pag-pop-up-link.long-prev{
    top: 9px;
}


.datepicker .dp-pag-pop-up-link.long-prev:hover{
    background-image: url('../images/cal-left.png');
}

.datepicker .dp-pag-pop-up-link.long-next:hover{
    background-image: url('../images/cal-right.png');
}

input[type=text]{
    color: #2f2f2f !important;
}

.ui-datepicker-month{
    text-transform: uppercase;
}

.long-range-fb #long-range-datepicker .ui-datepicker .ui-datepicker-group:hover{
    border: 3px solid black;
}

.long-range-fb #long-range-datepicker .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-next{
    background: #ffffff url('../images/cal-right.png') no-repeat center center;
    height: 48px;
    top:50%;
}

.long-range-fb #long-range-datepicker .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-prev{
    background: #ffffff url('../images/cal-left.png') no-repeat center center;
    height: 48px;
    top:50%;
}

.ui-datepicker-group-first{
    border-right: 1px solid #f1f1f1;
}

.btn-gold{
    /*background: #ceb866 !important;*/
    font-size: 15px !important;
    /*text-transform: uppercase;*/
    font-family: FiraSans-Regular !important;
    font-weight: normal !important;
}

.btn-gold:hover{
    /*background: #eac555 !important;*/
    transition: all 0.2s linear;
}

.input-text{
    color: #2f2f2f !important;
    height: 30px;
}

.selected-one:after{
    content: url('../images/flecha_abajo_btn.png');
    margin-left: 5px;
    float: right;
}

.select-with-label{
    width: -webkit-fill-available;
    height: 30px;
}

.display-flex{
    display: flex;
}

.select-one-with-label{
    padding: 5px 5px !important;
}

.travel-options{
    padding: 15px;
}
.breadcrumb {
    display: inline-flex;
}

.travel-options-left ul.inline-travel-options li input, 
.travel-options-left ul.inline-travel-options li>strong, 
.travel-options-left ul.inline-travel-options li>div{
    height: 33px;
}

@media screen and (max-width: 1200px){
    .datepicker .dp-pag-pop-up-link{
        top: 6px !important;
    }
}

@media screen and (max-width: 992px){
    .datepicker .dp-pag-pop-up-link{
        top: 4px !important;
    }
}

@media screen and (max-width: 692px){
    .datepicker .dp-pag-pop-up-link{
        top: 1% !important;
    }
    .that-select2 { }
}

@media (min-width: 768px){
    .djs{
        max-width: 150px;
    }
}

@media screen and (max-width: 530px){
    .travel-cal-legend {
        padding-left: 0%;
    }
}

@media screen and (max-width: 463px){
    .travel-cal-legend {
        margin-left: 0%;
        height: 147px;
        /*padding-left: 17%;*/
        margin-bottom: -119px;
        width: 100%;
    }
    .sec-nav>ul.step-1{
        background: transparent;
    }
    .travel-cal-legend ul {
        text-align: center !important;
    }
}

@media screen and (max-width: 430px){
    .datepicker .dp-pag-pop-up-link{
        top: 0.5% !important;
    }
}