/* common css*/
#hotel-adult .form-control {font-size: 14px !important;height: 32px !important;}
.marg-right-15 { margin-right:15px !important;}
.marg-right-10 { margin-right:10px !important;}
.marg-top-15 { margin-top:15px !important;}
span.marg-top-20 { margin-top:20px !important;}
.marg-bottom-20 { margin-bottom:20px; }
h1.marg-20, .marg-20 { margin:20px 0;}
#flight h1, #hotel h1, #car h1,
.ie_search_box.widget #flight h2,
.ie_search_box.widget #hotel h2,
.ie_search_box.widget #car h2,
.ie_search_box.widget #flight h2.flightHeading,
.ie_search_box.widget #hotel h2.hotelHeading,
.ie_search_box.widget #car h2.carHeading {
    color: #fff;
    font-size: 30px;
    margin-top: 0;
    padding-left: 14px;
}

.banner-txt h1, .banner-txt h1 small { color:#fff;}
.mainGroup{ margin-top:12px;}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn{ border-radius:0}
.search-box {height: auto; padding: 23px 0 7px; }
.pro-code p b{ color:#f6cb01}
i.fa-map-marker, i.fa-calendar{ color: #6e6e6e !important;font-size: 140%; float:left;}
form span {color: #fff;}
.input-group > span { color:#333 !Important; line-height:19px;}
.input-group { width:100% !Important;}  
.form-control { height:36px !important; font-size:14px !important; } 
.radio-inline { color:#fff !important;}
.PaddNone { padding:0 !important;}
.RoomNo {font-size:14px; color:#ffffff !important; font-family:'Roboto', sans-serif, Arial;}
.RoomPaddLeft{padding-left: 0 !important; padding-right: 8px !important;}
.RoomPaddRight{padding-right: 0 !important; padding-left:5px !important}
span.ChildNo {font-family:'Roboto', sans-serif, Arial; font-size:12px; color:#fff;}
.hideDiv { padding:0 !Important;   height: 0 !important; line-height: 0 !important; }
.RoomNo strong { font-size:16px;}
h1.BannerText { font-size:250%; color:#fff; font-weight:600; text-shadow:1px 1px 1px #333; margin-top:5.5%;}
i.fa-caret-down{background: #eeeeee none repeat scroll 0 0;border-left: 1px solid #ddd;color: #6e6e6e;cursor: pointer;font-size: 138%;position: absolute;right: 0;z-index: 10;height: 35px;padding-top: 10px;width: 35px;text-align: center;}
i.fa-times-circle-o{color: #6e6e6e;font-size: 120%;position: absolute;right: 2%;top: 27%;z-index: 10; cursor:pointer}
i.fa-times-circle-o:hover, i.fa-calendar:hover{color: #999}
.returnText{margin-top: 7px;}
.returnText label{ font-size:73%!important}
.returnText input{float: left; margin-right: 5px; margin-top: 3px;}
.search-btn-bg { 
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 144, 0, 1) 100%) repeat scroll 0 0;
background: -moz-linear-gradient(bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 144, 0, 1) 100%);
background: -webkit-linear-gradient(bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 144, 0, 1) 100%);
background: -o-linear-gradient(bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 144, 0, 1) 100%);
background: -ms-linear-gradient(bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 144, 0, 1) 100%);
background: linear-gradient(bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 144, 0, 1) 100%);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
border: 1px solid #4c6f00;border-radius: 6px !important; color: #fff;font-size: 139% !important; line-height: 35px; padding: 0 40px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); font-weight:600; font-family: 'Roboto', sans-serif !important;}
.search-btn-bg:hover {    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 144, 0, 1) 0%, rgba(255, 174, 0, 1) 100%) repeat scroll 0 0 !important;
                          background: -moz-linear-gradient(bottom, rgba(255, 144, 0, 1) 0%, rgba(255, 174, 0, 1) 100%);
                          background: -webkit-linear-gradient(bottom, rgba(255, 144, 0, 1) 0%, rgba(255, 174, 0, 1) 100%);
                          background: -o-linear-gradient(bottom, rgba(255, 144, 0, 1) 0%, rgba(255, 174, 0, 1) 100%);
                          background: -ms-linear-gradient(bottom, rgba(255, 144, 0, 1) 0%, rgba(255, 174, 0, 1) 100%);
                          background: linear-gradient(bottom, rgba(255, 144, 0, 1) 0%, rgba(255, 174, 0, 1) 100%);
                          -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
                          -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
                          box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    border: 1px solid #4c6f00; border-radius: 6px !important; color: #fff; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); font-size: 139% !important; line-height: 35px; padding: 0 40px;}
.options label{ font-size:87%}
.options label input{ float: left;margin-right: 5px;margin-top: 2px;}
.btn-padding { padding-top:20px; -webkit-padding-before:22px;}
/*.customGroup .input-group{ background:#eeeeee url(/travelresources/Images/newhomepage/arrowh.png) no-repeat 86% 50%; padding-right:33%}
.customGroup .input-group:after{ padding-right:2px}
.customGroup select{-moz-appearance:none; background:#fff}*/
.preferredClass i.fa-caret-down{}
span#advancedIcon { background:url(/travelresources/Images/homepage/advance.png) no-repeat 0 -2px; padding-left:27px; color:#fff; cursor:pointer;}
.plusIcon { margin-top:30px;}
.subtractIcon { margin-top:0 !important; position:relative;}
.subtractIcon span#advancedIcon { background:url(/travelresources/Images/homepage/advance1.png) no-repeat 0 -2px !important;}
.subtractIcon:after { border-top: 1px solid #ffffff;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; left: 0;
        width: 29%;
        z-index: 0;}
.subtractIcon:before { border-top: 1px solid #ffffff;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; right: 0;
        width: 29%;
        z-index: 0;}
.ChildRowNo { background:rgba(0, 0, 0, 0.3); float:none; display:table; padding:5px 10px; display:table; width:100%; margin-bottom:15px;}
.ChildRowNo.category { display:table-cell; float:none; position:relative;} 
.ChildRowNo:before {  width: 0;height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent;
                       content:""; position:absolute; z-index:9;display: block; right: 55px; position: absolute;  bottom:91px; }                                                                                                    
#ui-datepicker-div{ z-index:10!important}
.customGroup select option { background:#fff; border-bottom:1px solid #f0eeee; font-size: 90%; padding: 3px 10px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background:#fff}
/*.form-control{ padding-right:25px!important}*/
.form-control::-moz-placeholder { /* Firefox 19+ */  color: #999; font-family:Arial;}
.banner-txt h1{font-weight: bold;padding-top: 6%;font-size: 305%;}
#ddlAdultCount, #ddlSeniorCount, #ddlChildCount, #FlightClass, .drop-select, .HotelClass{background:#fff url(/travelresources/Images/newhomepage/dropDown.png) no-repeat right center!important;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
#mainErrorCover { background-color: #ffffb7; margin: 5px; padding: 0 0 0 1%;}
#mainErrorCover Span { color: #d43f3a !important; display: block; font-size: 12px; font-weight: 500;}
h4.promoCode { color:#fff; font-weight:normal !important; font-size:115%;}
h4.promoCode span { color:#ffea00 !important; text-decoration:underline; position:relative; cursor:pointer;}
i.calenderIcon { position:absolute; float:right; top:22%; right:2%; z-index:99;}
/* Banner ToolTip */
#BannerToolTip { width:300px; background:#fff; border-radius:15px; position:absolute; z-index:9999; padding:0 15px 10px 15px; left:-206px; bottom:28px;}

.aa { width:300px; background:#fff; border-radius:15px; position:absolute; z-index:9999; padding:0 15px 10px 15px; left:-206px; bottom:28px;
}
.bb { width:300px; background:#fff; border-radius:15px; position:absolute; z-index:9999; padding:0 15px 10px 15px; left:-206px; bottom:-200px !important;
}
.aaArow {width:15px; height:7px;border:none; position:absolute; bottom:-9px; right:30px;
}
.bbArow {width:15px; height:7px;border:none; position:absolute; bottom:171px !important; right:30px;transform: rotate(180deg);
}
#BannerToolTip a#TooltipDealClose {background:url(/travelresources/Images/Deals/Close.jpg) no-repeat; float:right; width:14px; height:14px;  margin:1% -4% 0 0; padding:0; cursor:pointer;}
#BannerToolTip .arrow {position:relative;}
#BannerToolTip .arrow span.DownArrow { width:15px; height:7px;border:none; position:absolute; bottom:-9px; right:30px;}
#BannerToolTip h4 { margin:2% 0; color:#131313; text-align:center; font-weight:500; font-size:125%;}
#BannerToolTip h4 span.borwn {color: #9e0b0f !important; text-decoration:none;}
#BannerToolTip input[type='text'] { width:100%; color:#737373; height:22px; font-size:65%;  margin-bottom:10px;}
#BannerToolTip input[type='button'] { width:95%; color:#737373; height:26px; font-size:75%; border: solid 1px #ce4e02  ; border:none; color:#fff; border-radius:4px; background:#eb5802; margin-bottom:10px;}
#BannerToolTip p { font-size:70%; color:#2c2c2c; line-height:16px; text-align:justify;}
#BannerToolTip small { color:#737373; margin-top:10%; font-size:68% !important; }
/*.NoneStopFlight { vertical-align:middle ; margin-top:-3px !important;}*/
.selectDefault .input-group{width:100%}
.borderLine{ position:relative; z-index:1; display:block;}
/*.borderLine:after { border-top: 1px solid #ffffff;
        content:"";
        margin: 0 auto; 
        position: absolute; 
        top: 50%; left: 0; right: 0; bottom: 0;
        width: 95%;
        z-index: -1;}*/
    .borderLine span {background:rgba(0, 0, 0, 0.8) !important; padding:0 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .form-control { font-size: 14px !important;}
    .safari_select {line-height:25px !important;}
     .tabs-bg  { line-height:22px !Important;}
     
     }
a.advanced{ color:#fff!important; font-size: 88%; font-weight: bold; padding-left:15px}
a.advanced:hover, a.advanced:focus { text-decoration:none!important}
a.advanced i.fa-caret-down{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #fff; font-size: 109%; padding: 0; position: relative;width:20px}
.preferred{display:none}
.preferred input{border-radius: 0;}
i.fa-search{color: #999; cursor: pointer; position: absolute; right: 24px;top: 11px;z-index: 10;}
.subChild{background: #4b494a; margin-top:0;padding-bottom: 3%;}
.subChild .input-group i.fa-caret-down{}
.selectChild{height: 68px;}
/*.selectChild:hover{ background:#4b494a}*/
.input-group input:focus{ background:#fff; outline:none;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* date picker UI changes */
.ui-datepicker-group .ui-widget-header{background: #036c9b none repeat scroll 0 0; border: 0 none; color:#fff}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{height: 28px !important;width: 50px !important;top: 0 !important;}
a.ui-datepicker-prev span.ui-icon{ background:url(/travelresources/Images/newhomepage/datepicker-arrow.png) no-repeat 9% 3%!important;height: 21px;width: 22px;}
a.ui-datepicker-next span.ui-icon{ background:url(/travelresources/Images/newhomepage/datepicker-arrow.png) no-repeat 89% 3%!important;height: 21px;width: 22px;}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover { background:none!important; cursor:pointer; border:0;}
.ui-datepicker-next:hover {right:0 !important;}
.headCode{width:100px;height:100px;background:#141414;}
.ui-datepicker-calendar .ui-state-active{ background:#dd6e03!important; color:#fff!important}
.ui-datepicker-multi .ui-datepicker-group table {
    border: 1px solid #ccc!important;
    margin: 8% auto 0.4em!important;
    width: 89%!important;
}
 .ui-datepicker td {
    border: 1px solid #ccc!important;
    padding: 0!important;
}
#ui-datepicker-div{ padding-bottom:2%!important; padding-top:3%; border-color:#ddd;}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: rgba(0, 0, 0, 0) none repeat scroll 0 0; text-align:center;
    border: 0 none!important;}
 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.5!important;
}
.ui-datepicker table thead {background: #036c9b none repeat scroll 0 0;
    color: #fff;}
.ui-datepicker th{padding: 0.4em 0.3em!important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:0!important}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{ border:0!important}
.input-group-addon > span{ color:#333}
.ui-widget{ font-family: Arial!important;}
.ui-datepicker .ui-datepicker-buttonpane{ width: 99%;position: absolute;top: 0; border-top:0; margin:0!important}
.ui-datepicker .ui-datepicker-buttonpane button{ background:transparent!important;color:#036c9b}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{color: #333;font-family: open sans;font-size: 93%;margin-top: 7px;padding-left: 8px;}
input[type="text"]
   {
      height: 38px;
      font-size: 15pt;
   }
input.reset{
     display: none;
   }
input.reset
   {
      background: url(/travelresources/Images/newhomepage/closeIcon.png) #fff no-repeat 60% 3%!important;
      background-position: center center;
      background-repeat: no-repeat;
      width: 23px;
      border: none;
      background-color: transparent;
      cursor: pointer;right: 0px;
      position: absolute;
      top: 10px;z-index: 10; margin-right:1px;
     
   }
#BindPreferedairlines{ margin:0 0 4%!important}
span.mapMaker{padding: 6px 16px;}
.searchBtn{ margin-top:0!important}
#RoundMultiOnewayTrip {margin-left: 11px;}


span.reset{
     display: none;
   }
span.reset
   {
      background: url(/travelresources/Images/newhomepage/closeIcon.png) #fff no-repeat 60% 3%!important;
      background-position: center center;
      background-repeat: no-repeat;
      width: 23px;
      border: none;
      background-color: transparent;
      cursor: pointer;right: 0px;
      position: absolute;
      top: 10px;z-index: 10; margin-right:1px; height:16px;
     
   }



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  /* IE10+ specific styles go here */  
  span#resetOrigin, span#resetDestination{ display:none!important}
  ul.topNav li small.callUs{ float:none}
  .search-box{ padding-top:48px}

}


/* widget responsive CSS*/
@media only screen and (min-width:320px) and (max-width:767px) {
    .ui-tabs{ padding:0!important}
    #flight h1, #hotel h1, #car h1{font-size: 126%; font-weight: bold;padding-left: 4px;}
    .padd-right-10 {padding-right:0 !important;}
    .marg-top-15 { margin-top:0 !important;}
    .banner-txt-height { height:auto;}
    .widgetBg { background: #036c99 none repeat scroll 0 0; min-height: 482px;margin-top: 2% !important;}
    #tabs-1 {background: #1e85b2;}
    .widget{ padding:0!important}
    #flight{background: #004765!important; padding: 4% 0 0 !important;}
    span.font12{font-size: 12px;}
    .search-box{padding: 0;}
    .widgetBg{ padding:0;min-height: 413px;}
    .mainGroup .col-xs-6, .mainGroup .col-xs-12 .col-xs-4, .mainGroup .col-xs-4, .mainGroup .col-xs-12{ padding:0 5px}
    span.font12, label.font12 { font-size: 12px!important; font-weight:bold}
i.fa-map-marker{font-size: 169%; padding-left: 3px; padding-right: 3px;}
i.fa-calendar{font-size: 157%;padding-right:0}
.input-group-addon{font-size: 11px;}
i.fa-caret-down{ }
.preferredClass i.fa-caret-down {}
.form-control::-moz-placeholder { /* Firefox 19+ */  color: #999;}
.search-box .ui-widget input, .search-box .ui-widget select, search-box .ui-widget textarea, search-box .ui-widget button {font-size: 87% !important;}
select#FlightClass{padding: 6px 2px;}
input#btnSearchsubmit{width: 100%;font-size: 141% !important; line-height: 42px;}
.preferred { padding-left: 5px;  padding-right: 5px;}
 i.fa-search{ top: 9px;}
 .msearch{ padding:0 5px}
 input[type="radio"]{ line-height: normal; margin: 4px 0 0 4px;}
#tabs-1 ul.ui-tabs-nav {background: #036c99!important;padding-left: 2% !important;padding-top: 3% !important;}
#tabs-1 .ui-state-active, .ui-state-active {background: #004765 none repeat scroll 0 0 !important;}
#tabs-1 ul.trbs-ul li.ui-state-default, ul.trbs-ul li.ui-widget-header{ background:none}
#hotel{ background:#004765!important; }
.ui-tabs{ padding-top:0!important}
ul.trbs-ul li a {font-size: 95%;  font-weight: bold;}
ul.trbs-ul li a.flight, ul.trbs-ul li a.hotel {background-size: 109% auto!important; padding-left:33px!important; line-height: 15px;font-size: 85%;}
ul.trbs-ul li a.flight{ background-position:9px -68px!important}
ul.trbs-ul li a.hotel{ background-position:9px -93px!important}
.mainGroup { margin-top: 6px;}
.form-control{height: 33px !important;  padding: 6px 4px;}
.input-group > span{padding: 5px 7px;}
i.fa-caret-down {height: 32px;}
.ui-tabs .ui-tabs-nav li{width:25%}
.advancedM{margin-top: 15px;}
.ui-datepicker-group-last{ display:none}
#ui-datepicker-div {width: auto !important;padding: 0 4%;}
.ui-datepicker .ui-datepicker-buttonpane{width:92%}
#flight .searchBtn { padding-top: 4%;}
a.advanced{padding-left: 5px;}
.offer_tab_bg{margin-top: 0;}
.deals{ padding-bottom:4%}
.input-group .form-control{ background:transparent; border:none; border-bottom:1px solid #fff;}
.input-group .form-control:focus{border-bottom:1px solid #ccc;}
.input-group-addon{ background:none;border:none; border-bottom:1px solid #fff;}
i.fa-map-marker, i.fa-calendar{color:#fff;}
#ddlAdultCount, #ddlSeniorCount, #ddlChildCount, #FlightClass, .drop-select, .HotelClass{background:url(/travelresources/Images/newhomepage/dropDown.png) no-repeat right center!important;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;}
.input-group input:focus{ background:none; outline-color:transparent}
.mainGroup span.font12{ font-size: 10px !important; padding-left:11%}

}
@media only screen and (min-width:320px) and (max-width:991px) {
.offer_tab_bg {background: #036c99 none repeat scroll 0 0;padding: 0 10px !important;margin-top: 3%;}
.offer_tab_bg .pro-code{padding: 0 !important;margin-top: 0!important; background:none!important;} 
.pro-code p{ color: #ffffff !important;font-size: 11px!important;padding: 5px 0!important; text-align: center;}
.offer_tab_bg .pro-code p small{font-size: 81%!important;color: #fff;}
}

@media only screen and (min-width:768px) and (max-width:900px) {
    .offer_tab_bg {background-position: center !Important;}
     #ui-datepicker-div{padding-top: 5%;}
}


@media only screen and (min-width:768px) and (max-width:991px) {
.offer_tab_bg{ margin-top: 1%; background:none}
.pro-code p{ color: #666 !important;font-size: 16px !important;}
.offer_tab_bg .pro-code p small { color: #666 !important;}
.search-box{ padding-bottom:5px}
.pro-code p b { color: #333;}
}

@media only screen and (min-width:901px) and (max-width:991px) {
 
}


@media only screen and (min-width:992px) and (max-width:1200px) {
    .input-group-addon{ padding:6px}
    .banner-txt-height { height:275px; }
    .pro-code p {font-size:13px; text-align:center;}
    .search-box .offer_tab_bg{ width:35%; padding:0!important}
     /*.search-box .widget{ width:65%}*/
     .banner-txt h1 {font-size: 258%;}
     .pro-code{ margin-top: 49px!important;}
     /*.search-box {height: auto;padding: 80px 0 16px;}*/
}
@media only screen and (min-width:450px) and (max-width:767px) {
    a.logo img { width: 68%;}
}












/* ----------------------------------------------------------- common css close ------------------------------------------------------------------  */

#tabs-1 { background:none; border:none !important; }
ul.trbs-ul { background-color:transparent; border:none !important;}
.tabs-bg { background:rgba(0, 0, 0, .70) !important; margin-top:1px;}
select#FlightClass option { width:100%;}
.form-padd { padding:1em !important;}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {margin-left: 0 !important;}
.checkbox-inline, .radio-inline { padding-left:0 !important;}
.ui-tabs ul.trbs-ul li a{ font-weight:bold}
.ui-tabs ul.trbs-ul li a.flight { background:url(/travelresources/Images/homepage/new-homepage-icon.png) no-repeat scroll 9px -115px; padding-left:42px; color:#fff;}
.ui-tabs ul.trbs-ul li a.hotel { background:url(/travelresources/Images/homepage/new-homepage-icon.png) no-repeat scroll 9px -157px; padding-left:42px; color:#fff;}
.ui-tabs .ui-tabs-nav {padding:0 !important;}
.ui-state-active,  .ui-state-active {background :rgba(0, 0, 0, 0.70) !important;}
ul.trbs-ul li.ui-state-default,   ul.trbs-ul li.ui-widget-header {background: rgba(32, 145, 207, 0.75)  ; background-image:none !important;}
span.font12,label.font12 { font-size:13px; font-weight:bold;}
.pro-code { padding:10px !important; background:rgba(0, 0, 0, 0.7); margin-top:196px; }
.pro-code p { color: #ffffff; font-size: 16px; margin: 0; padding: 5px 0;}
.pro-code p small { color: #bebebe !important;  font-size: 70%; text-align:center; display:block;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius:0 !important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius:0 !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:0 !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius:0 !important;}
/*safari*/
*|html[xmlns*=""] .pro-code  { margin-top:0px !Important;}
html[xmlns*=""] .pro-code  { margin-top:0px !Important;}
html[xmlns*=""] .pro-code  { margin-top:0px !Important;}




/*----------------------------- Hotel css ------------------*/
.advance_options a {color: #fff !important;font-size: 88%;font-weight: bold;}

#hotel .searchBtn{ padding-top:4%}

@media only screen and (min-width:320px) and (max-width:767px) {
    #hotel{padding: 1em 5px;}
#hotel .mainGroup .col-xs-12{ padding-left:5px; padding-right:5px}
#hotel h1{ display:none}
}


/* xxxxxxxxxxxxxxxxxxxxxxxx  ----------------------------------------------------  HOTEL  ------------------------------------------- xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx   */

.travel_person { width:250px !important;
}
.trvlr-hotel-ero { background: url(/travelresources/Images/down-aro.png) #fff no-repeat 188px 17px; /* background-position:right */}
#hotel-adult {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #f0f0f0 #c5cfd6;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    color: #4f616d;
    display: none;
    float: left;
    padding: 0 11px 11px;
    text-align: left;
    width: 335px;
    z-index: 9999;
    position:absolute;
    border:1px solid #ccc;
    border-top:none;
}
#hotel-adult fieldset {
    padding: 8px 0 0;
}
.travel-sec {
    background: #b6c6cb none repeat scroll 0 0;
    float: left;
    width: 15%;
}
.top-destination-outer, .top-destination-rating-outer{
    margin: 0;
    padding: 0.5% 0;
    width: 100%;
}

.top-destination-outer .search-box h2 {
    border: medium none;
    color: #6d6e6e;
    font-size: 190%;
    line-height: 150%;
    margin: 0;
    padding: 25px 0 15px;
  
}
 .top-destination-outer .search-box .top-destination-hotel {
    position:relative; display:block;
        margin-right:3.2%; float:left; width:100%;
}
 .top-destination-outer .search-box .last {margin-right:0;
}
.top-destination-outer .search-box .top-destination-hotel img {
        position:relative; top:0; left:0; width:100%;
    }
 .top-destination-hotel p {
        position:absolute; 
        top:0; 
        left:0; 
        background:#027ec8; 
        width:99.4%; 
        z-index:1; 
        color:#fff!important; 
        font-size:160%; 
        text-align:center;
        line-height:250%;
        
    }
    .top-destination-hotel:last-child {
    margin-right:0;
    }
.top-destination-rating-outer li {
    border:1px solid #ccc;
    list-style-type:none;
  width: 100% !important;
   display:inline-table;
    display:inline-table;
    margin-right: 3.2%;
    margin-bottom:2%;
    float:left;
}
    .top-destination-rating-outer li:last-child {
        margin-right:0;
    }
 .hotel-name{
        display:table-cell;
        margin:0;
        border-right:1px solid #b7b7b7;
        padding: 3%;
        vertical-align:top;
        
       }
    .hotel-name span {
    font-size:120%
    }
        .hotel-name .rating-star-1 {
        background: url("/travelresources/Images/rating-icons.png") no-repeat 0 0; width:91px; height:18px;
        }
        .hotel-name .rating-star-2 {
        background: url("/travelresources/Images/rating-icons.png") no-repeat -20px 0; width:91px; height:18px;
        }
        .hotel-name .rating-star-3 {
        background: url("/travelresources/Images/rating-icons.png") no-repeat -37px 0; width:91px; height:18px;
        }
.hotel-name b {
    display:block;
    font-size:170%;
}
.hotel-name-rating {
    
     background:#f5f5f5;
    text-align:center;
    display:table-cell;
     font-size: 277%;
     padding: 5% 0 0;
     color:#1172d5;
}
.top-destination-rating-outer .search-box h3 {
color:#03649e ;
}
.top-destination-rating-outer .search-box p {
 padding-bottom:20px;
}
.mainAdvanced-hotel-name {width: 35%;float: left;

}
.main-advanced-hotel-name-input{ width:86%!important;
}
.hotel-rating {width:71% !important;}
#HotelClass > option {
    padding: 5px;
}
.input-group span { /*width:30%!important;padding-bottom: 10px;*/}
.input-group { /*width:100%!important;*/}
.why-us-sec-outer .search-box .pro-code { display :none;
}
.top-destination-outer .search-box > p {
    text-align: justify;
}
.top-destination-outer .search-box ul{ margin:0; padding:0;
    
}
.top-destination-outer .search-box ul li {
    float: left; list-style-type:none; width: 31%; margin-right:3%
    
}
 .top-destination-outer .search-box ul li:last-child { margin-right:0;
    }
.minor-travelers div span { width:50%!important;
}
#Child1-1, #Child1-2, #Child1-3, #Child1-4, #Child1-5, #Child1-6, #Child1-7, #Child1-8, #Child2-1, #Child2-2, #Child2-3, #Child2-4, #Child3-1, #Child3-2, #Child3-3, #Child3-4, #Child4-1, #Child4-2, #Child4-3, #Child4-4, #Child5-1, #Child5-2, #Child5-3, #Child5-4, #Child6-1, #Child6-2, #Child6-3, #Child6-4, #Child7-1, #Child7-2, #Child7-3, #Child7-4, #Child8-1, #Child8-2, #Child8-3, #Child8-4  { height: 26px;
    padding: 0 0 0 12px;
    width: 85px;
}
sup { top: -0.7em !important; font-size:50% !important;}
    /* touchspin css*/

#adult {
 
  background: #d4d5d5 none repeat scroll 0 0;
  border-color: -moz-use-text-color #f0f0f0 #c5cfd6;
  border-image: none;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  color: #4f616d;
  float: left;
  left: -345px;
  padding: 3px;
  text-align: left;
  width: 380px;
  z-index: 9;
  display:none;
  border: solid 1px #ccc;
}
.traveller-type-drpdwn {
    float: left;
    left: 0;
    position: absolute;
    top: 47px;
}
fieldset label span {
    color: #333;
    font-weight: normal;
}
ul.Flight-fare {}
ul.Flight-fare li { font-size:1em !important;}
ul.Flight-fare li a {border-bottom: 1px solid #ddd !important; }
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;	
	border-bottom: 15px solid #f7f7f7; position:absolute; top:-10px; right:260px;
    
}
.modal-body { padding:0 !important;}

/* touchspin close*/

.input-group-btn { font-size:13px !important;}
.input-group .form-control {width:100%;}
.input-group-addon { background: #eeeeee none repeat scroll 0 0 !important;}
.font-20 { font-size:20px !important; font-weight:normal;}
.font-color {color:#5c5c5c !important;}
.font-12 { font-size:12px !important; font-weight:normal; color:#5c5c5c;}
.font-13 { font-size:13px !important; font-weight:normal; color:#5c5c5c;}
strong.black { color:#000;}
.btn_height { height:54px;}
.btn_height:hover { height:54px;}

.pls-mns-btns,
 .pls-mns-btns:hover{ color:#fff;}
.flight-text{
    background: rgba(41, 130, 172, 0.8) none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 15px;
    text-align: center;
    text-decoration: none;
}
.pro-code p {
    color: #ffffff !important;
    font-size: 16px;
    margin: 0;
    padding: 5px 0;
}
.pro-code { padding:3px 0;}
.code-highlight {
    color: #f6cb01;
}

/*Car UI Start*/

.ui-tabs ul.trbs-ul li a.car {
    background: url(/travelresources/Images/homepage/carwhite-Icon.png) no-repeat scroll 15px;
    padding-left: 57px;
    color: #fff;
}
.mainInput{ margin-bottom:20px;}
.carDropdown{background:#fff url(/travelresources/Images/newhomepage/carDropdown.png) no-repeat 115px center !IMPORTANT;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;}
.carRental{ background-position:151px center!important;}
.carSize{background-position:182px center!important;}
a.advance{ color:#fff!important;}
/*#car input[placeholder], #car select option{ color:#e7e7e7;}*/
.specifyDrop {    padding-bottom: 10px;font-size: 13px;}
.specifyDrop label{ padding-right:15px;}
.specifyDrop label input {margin-left: -17px!important; }
#car{ padding:1em;}
#car input#btnSearchsubmit.search-btn-bg{border-radius:4px!important; padding:0; background:#f5891d /*url("/TravelResources/Images/WebKar/btnRepeat.jpg") repeat-x scroll 0 0*/;}
#car input#btnSearchsubmit.search-btn-bg:focus{ color: #fff; border: 0 none; outline: 0;}
.air-search-widget-btn input {background:#ff9d00;}
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px !important;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}
/*.input-group select {
    width:200px !important;
}*/
.input-group select option {
    background: #fff !important;
    border-bottom: 1px solid #f0eeee;
    font-size: 90%;
    padding: 3px 10px; 
}


/*Car UI End*/
/*Hotel CSS Start*/
.widget-heading h2 { color:#fff;}
    .widget-heading h2.hotelHeading { margin-top:0; margin-bottom:20px; padding:0 15px;color:#fff;}

    .advance_options a {color: #fff !important;font-size: 88%;font-weight: bold;}

#hotel .searchBtn{ padding-top:4%}

@media only screen and (min-width:320px) and (max-width:767px) {
    #hotel {
        padding: 1em 5px;
    }

        #hotel .mainGroup .col-xs-12 {
            padding-left: 5px;
            padding-right: 5px;
        }

        #hotel h1 {
            display: none;
        }
}
a.advance{ color:#fff!important;}
.plusIcon { margin-top:30px;}
span#advancedIcon { background:url(/travelresources/Images/homepage/advance.png) no-repeat 0 -2px; padding-left:27px; color:#fff; cursor:pointer;}
.plusIcon { margin-top:30px;}
.subtractIcon { margin-top:0 !important; position:relative;}
.subtractIcon span#advancedIcon { background:url(/travelresources/Images/homepage/advance1.png) no-repeat 0 -2px !important;}
.subtractIcon:after { border-top: 1px solid #ffffff;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; left: 0;
        width: 29%;
        z-index: 0;}
.subtractIcon:before { border-top: 1px solid #ffffff;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; right: 0;
        width: 29%;
        z-index: 0;}
.ChildRowNo { background:rgba(0, 0, 0, 0.3); float:none; display:table; padding:5px 10px; display:table; width:100%; margin-bottom:15px;}
.ChildRowNo.category { display:table-cell; float:none; position:relative;} 
.ChildRowNo:before {  width: 0;height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; 
                       content:""; position:absolute; z-index:9;display: block; right: 55px; position: absolute;  bottom:91px; }                                                                                                    
#ui-datepicker-div{ z-index:10!important}
.customGroup select option { background:#fff; border-bottom:1px solid #f0eeee; font-size: 90%; padding: 3px 10px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{ background:#fff}
/*.form-control{ padding-right:25px!important}*/
.form-control::-moz-placeholder { /* Firefox 19+ */  color: #999; font-family:Arial;}
.banner-txt h1{font-weight: bold;padding-top: 6%;font-size: 305%;}
#ddlAdultCount, #ddlSeniorCount, #ddlChildCount, #FlightClass, .drop-select, .HotelClass{background:#fff url(/travelresources/Images/newhomepage/dropDown.png) no-repeat right center!important;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
#mainErrorCover { background-color: #ffffb7; margin: 5px; padding: 0 0 0 1%;}
#mainErrorCover Span { color: #d43f3a !important; display: block; font-size: 12px; font-weight: 500;}
h4.promoCode { color:#fff; font-weight:normal !important; font-size:115%;}
h4.promoCode span { color:#ffea00 !important; text-decoration:underline; position:relative; cursor:pointer;}
i.calenderIcon { position:absolute; float:right; top:22%; right:2%; z-index:99;}
/* Banner ToolTip */
#BannerToolTip { width:300px; background:#fff; border-radius:15px; position:absolute; z-index:9999; padding:0 15px 10px 15px; left:-206px; bottom:28px;}


.PaddNone { padding:0 !important;}
.paddLeftright10 {
    padding-left: 5px !important;
    padding-right: 8px !important;
}
.hideDiv {
    padding: 0 !Important;
    height: 0 !important;
    line-height: 0 !important;
}
.hideDiv {
    padding: 0 !Important;
    display: none;
    height: 0 !important;
    line-height: 0 !important;
}
.padd-top-15 {
    padding-top: 15px;
}

/*Hotel New Search*/
.highlight-search{color:#000;font-weight:bold}
.ui-menu-item{border-top:0px !important;border-bottom:0px !important}
.ui-last-line{height:100%;background-color:#aaa;border-top:0px;border-bottom:0px;content:'Keep typing your filter'}
.ui-last-line:hover{height:100%;background-color:#aaa;border-top:0px;border-bottom:0px}
.Header-Hotel{border-top:0px;border-bottom:0px}
.Header-Hotel:before{content:url('/travelresources/Images/HtlSearch.png');border-top:0px;border-bottom:0px;position:absolute;background:#fff;}
.Header-Hotel:hover{background:#fff !important;border-top:0px;border-bottom:0px}
.Header-City{border-top:0px;border-bottom:0px}
.Header-City:before{content:url('/travelresources/Images/City.png');border:0 0 0 0;position:absolute;background:#fff;}
.Header-City:hover{background:#fff !important;border-top:0px;border-bottom:0px}
.Header-Place{border-top:0px;border-bottom:0px}
.Header-Place:before{content:url('/travelresources/Images/Place.png');border-top:0px;border-bottom:0px;position:absolute;background:#fff;}
.Header-Place:hover{background:#fff !important;border-top:0px;border-bottom:0px}
.Header-Airport{border-top:0px;border-bottom:0px}
.Header-Airport:before{content:url('/travelresources/Images/Airport.png');border-top:0px;border-bottom:0px;position:absolute;background:#fff;}
.Header-Airport:hover{background:#fff !important;border-top:0px;border-bottom:0px}
.Content{background:#fff;color:black;border-top:0px;border-bottom:0px}
.Content:hover,.Content:focus{background:#036c99 !important;color:White !important;border-top:0px;border-bottom:0px}
.HotelAutosearchLoader{background:#fff url('/travelresources/Images/HtlAutoSuggestLoader.gif') no-repeat right center !important;z-index:20 !important}
/*Hotel New Search End*/