body { background: url(../img/brand/travelcaster-car-bg.jpg) no-repeat fixed center center; }
body.carhub-page { background: none; }
body.carlanding-page { background: none; }

.top-bar { height: 98px; line-height: 110px; background-color: #c02025; }
.top-bar-logo img { margin-left: 20px; margin-top: 15px; }
.top-bar.expanded { background-color: #c02025; }
.top-bar.expanded .title-area { background-color: transparent; }
.top-bar .toggle-topbar.menu-icon { height: 110px; line-height: 110px; margin-top: -30px; } 
.top-bar .toggle-topbar.menu-icon a { color: #c02025; }
.top-bar .title-area { height: 110px; line-height: 110px; }
.top-bar section ul { margin-top: 20px; }
.top-bar.expanded section ul { margin-top: 0; }
.top-bar-section { background-color: #c02025; color: #fff; }
.top-bar-section li a, .top-bar-section li a:not(.button) { font-family: 'Roboto', Arial !important; background-color: #c02025; color: #fff; font-weight: bold; border-bottom: solid 1px #ffF; }
.top-bar-section li:not(.has-form) a:not(.button) { background-color: #005b93; color: #fff; }
.top-bar-section li:not(.has-form) a:not(.button):hover { background-color: #005b93; color: #fff; }
.top-bar a.phone { background-color:#c02025 !important; }
.top-bar a.skype { background-color:#c02025 !important; }
.top-bar a.mybookings { background-color:#c02025 !important; }
.top-bar a.lang-bar { background-color:#fff !important; color: #333; }
@media only screen and (min-width: 40.063em) {
    .top-bar-section ul { background-color: transparent; }
    .top-bar-section li a, .top-bar-section li a:not(.button) { background-color: transparent !important; color: #fff; border-bottom: none; font-size: 1.2rem; }
    .top-bar-section li a i { font-size: 1.2rem; }
    .top-bar-section li:not(.has-form) a:not(.button) { background-color: transparent !important; color: #fff; }
    .top-bar-section li:not(.has-form) a:not(.button):hover { color: #fff; }
    .top-bar li.phone { padding-top: 12px; }
    .top-bar a.phone { color:#fff !important; line-height: 1 !important; }
    .top-bar a.skype { color:#fff !important; }
    .top-bar a.lang-bar { color:#333 !important; }
    #drop-lang, #drop-phone { max-width: 250px; }
}
#drop-lang li a, #drop-phone li a { padding: 0.5rem 0.5rem; font-family: 'Roboto', Arial !important; font-size: 0.75rem; }
#drop-lang li a img, #drop-phone li a img { vertical-align: baseline; }
#drop-lang li.separator, #drop-phone li.separator { border-bottom: solid 1px #ccc; }
#drop-lang li:last-child, #drop-phone li:last-child { border-bottom: none !important; }
#drop-lang li.active a, #drop-phone li.active a { font-weight: bold; }
#drop-phone li a span { float: right; }

.fonty { font-family: 'Roboto', Arial; }
h3 { color: #005b93 !important; font-family: 'Roboto', Arial; font-weight: 700; font-size: 1.8em; margin-bottom: 20px; }
h3 i { font-size: 0.8em; display: inline-block; margin-right: 5px; }
section p { font-size: 0.875rem; }

.valign-me { position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.wrapper { padding-top: 0px; padding-bottom: 100px; min-height: 700px; }

.home-padding { margin-top: 30px; }
.main-row {  background: url(../img/home_bg1.jpg) no-repeat center center; padding-top: 30px; margin-bottom: 30px; min-height: 600px; border-bottom: solid 10px #ee2c37; }
.main-row h3 { color: #c02025 !important; margin-bottom: 40px; }
.container { padding-top: 30px; }

.landing-row { background: #444 url(none) no-repeat center top; padding-top: 30px; margin-bottom: 30px; min-height: 550px; border-bottom: solid 10px #b3406f; }
.landing-row.landing-MIA .row.first { background-image: url(../img/landing/MIA.jpg); }
.landing-row span.location { position: absolute; top: 10px; left: -15px; color: #fff; display: inline-block; padding: 8px 14px; font-size: 2rem; font-weight: bold; box-shadow: 2px 2px 1px #888888; background-color: #b3406f; }
.landing-row .carSearchCtrl h3 { font-size: 1.6rem; }

.button { font-family: 'Roboto', Arial; font-weight: 700; }
.button.verytiny { padding: 2px 4px; font-size: 0.775rem; line-height: 1rem; }

.product-button { font-size: 1.5em; width: 32%; height: 60px; line-height: 40px; text-align: left; background-color: #fff; color: #c02025 !important; }
.product-button:hover { background-color: #ee2c37; color: #fff !important; }
.product-button.selected { background-color: #c02025; color: #fff !important; }

.action-button { font-size: 1.1em; background-color: #016699; color: #fff !important; }
.action-button:hover { background-color: #0d87b7; color: #fff !important; }
.optional-action-button { background-color: #fff; color: #999 !important; margin: 0; text-decoration: underline; }
.optional-action-button:hover { background-color: #0d87b7; color: #fff !important; }

.button-1 { font-size: 1.1em; line-height: 40px; padding-top: 10px; background-color: #005b93 !important; color: #fff; }
.button-1:hover { background-color: #008ae0 !important; color: #fff !important; }
.button-2 { font-size: 1.1em; line-height: 40px; padding-top: 10px; background-color: #c02025 !important; color: #fff; }
.button-2:hover { background-color: #ee2c37 !important; color: #fff !important; }
.button-3 { font-size: 1.1em; line-height: 40px; padding-top: 10px; background-color: #fff !important; color: #999; }
.button-3:hover { background-color: #999 !important; color: #fff !important; }

.bgcolor-1 { background-color: #005b93; }
.bgcolor-1:hover { background-color: #008ae0; }
.bgcolor-2 { background-color: #c02025; }
.bgcolor-2:hover { background-color: #ee2c37; }

@media only screen and (max-width: 40em) {
	.product-button { font-family: 'Roboto', Arial; font-weight: 700; font-size: 1.2em; display: block; height: 60px; line-height: 35px; text-align: left; background-color: #fff; color: #c02025 !important; }
	.product-button:hover { background-color: #ee2c37; color: #fff !important; }
	.product-button.selected { background-color: #c02025; color: #fff !important; }
}

.panel.searchPanel { background-color:rgba(204,204,204,0.95); }
.panel label { font-weight: bold; font-size: 0.7em; }
.panel label.tip { font-size: 0.725rem; color: #666; display: block; margin-top: 5px; margin-bottom: 10px; font-weight: normal; padding: 0 5px; }

/*


.home-panel label { font-family: 'Roboto', Arial; font-weight: 700; font-size: 1.2em; line-height: 20px; margin-top: 15px; text-align: right; display: block; color: #005b93; }
.flight-panel h3 { color: #005b93; font-family: 'Roboto', Arial; font-weight: 700; font-size: 1.8em; margin-bottom: 20px; }
.flight-panel h3 i { font-size: 0.8em; }
.flight-panel label { font-weight: bold; font-size: 0.7em; }
*/

.price-list { background-color: #fff; margin: 0; padding: 0; min-height: 150px; } 
.price-list h5 { color: #fff; background-color: #005b93; font-family: 'Roboto', Arial; font-weight: 700; padding: 5px; font-size: 1.3em; margin-bottom: 20px; }
.price-list ul { padding: 2px 10px; }

.footer { background-color: #005b93; color: #fff; margin-top: 150px; padding-top: 10px; }
.footer a { color: #fff !important; font-family: 'Roboto', Arial; }

input + span { font-size: 0.775rem; font-weight: bold; }

.nx-results-header { background-color: #fff; padding: 30px 10px 0px 10px; position: relative; }
.nx-results-header i.product-icon { float: left; font-size: 2rem; color: #ee2c37; margin-right: 10px; padding: 5px 10px 25px 0px;  }
.nx-results-header label { font-weight: bold; font-size: 0.775rem; }
.nx-results-header span.location { display: block; font-size: 1.15rem; font-weight: bold; margin-bottom: 10px; }
.nx-results-header span.location small.location-sub { margin-top: -5px; }
.nx-results-header span.date { display: block; font-size: 0.875rem; color: #666; }
.nx-results-header span.p-product { position: absolute; top: 5px; left: -2px; color: #fff; display: inline-block; padding: 3px 6px; font-size: 0.875rem; font-weight: bold; box-shadow: 2px 2px 1px #888888; text-transform: capitalize; }
.nx-results-header span.p-product.car { background-color: #005b93; }
.nx-results-header div { margin-bottom: 10px; }

.nx-results-toolbar { background-color: #eee; padding: 10px 0; font-size: 0.9em; }
.nx-results-toolbar ul.f-list { padding: 5px 0; font-size: 0.675rem; list-style-type: none; }
.nx-results-toolbar ul.f-list-right li { width: 50%; float: left; margin-left: 0; text-transform: uppercase; }
.nx-results-toolbar a.tiny { margin: 0; padding: 5px 20px; }
.nx-results-toolbar-buttons { text-align: right; }

.nx-loader { background-color: #fff; border-top: solid 20px #b3406f; padding: 1rem; font-size: 1.5rem; font-weight: bold; color: #666; text-align: center; margin-top: 1rem; margin-bottom: 1rem; z-index: 50000; }
.nx-loader h3 { font-size: 2rem; }
.nx-loader img { margin: 20px; max-width: 50px; }

.nx-checkout section { background-color: #f5f5f5; margin: 10px 0; padding-bottom: 20px; }
.nx-checkout section h5 { background-color: #2D9EE0; color: #fff; padding: 5px 15px; margin-bottom: 15px; font-family: 'Roboto', Arial; font-weight: 600; font-size: 1.2rem; }
.nx-checkout section label { font-size: 0.725rem; font-weight: bold; color: #666; }
.nx-checkout section label + strong { font-family: 'Roboto', Arial; margin-bottom: 10px; display: block; color: #016699; }
.nx-checkout section input.extraservice + label { font-size: 0.875rem; font-weight: bold; color: #016699; }
.nx-checkout section input.altfare + label { font-size: 0.875rem; font-weight: bold; color: #b3406f; }
.nx-checkout section div.row { padding-left: 15px; padding-right: 15px; }
.nx-checkout section div.row.collapse { padding-left: 0px; padding-right: 0px; }
.nx-checkout section div.row.currentfare { background-color: #f3dde6; }
.nx-checkout section span.location { font-weight: bold; display: inline-block; margin-bottom: 5px;}
.nx-checkout section span.location-sub { font-size: 0.775rem; color: #666; display: inline-block; margin-bottom: 10px;}
.nx-checkout section p.note { margin: 10px 15px; font-size: 0.775rem; line-height: 0.825rem; }
.nx-checkout ul.f-list { padding: 10px 10px 0px 0px; font-size: 0.825rem; list-style-type: none; }
.nx-checkout i.fa-question-circle { color: #016699; font-size: 0.875rem; }

table.fare-table { background-color: none; border: none; margin-top: -15px; margin-bottom: 0; }
table.fare-table tr th { text-align: left; font-weight: bold; font-family: 'Roboto', Arial; font-size: 0.95rem; }
table.fare-table tr td { text-align: right; }
table.fare-table tr.note td { font-size: 0.75rem; }

.nx-checkout-product { margin-top: 30px !important; }
.nx-checkout-product img.p-pic { margin: 10px 20px; /* margin: 20px 10px 10px 10px; */ border: solid 5px #eee; }
.nx-checkout-product strong.p-name { font-size: 1.2rem; display: block; color: #ee2c37; /* margin: 0px 5px 10px 5px; */ }
.nx-checkout-product span.p-details { font-size: 0.675rem; color: #666; }
.nx-checkout-product ul.p-features { margin-top: 20px; }
.nx-checkout-product ul.p-features li { list-style-type: none; font-size: 0.775rem; color: #666; margin-bottom: 3px; }
.nx-checkout-product ul.p-features li i { color: #016699; font-size: 0.825rem; width: 16px; text-align: center; display: inline-block; margin-right: 5px; }

.nx-product-summary h3 { line-height: 1.3rem; font-size: 1.3rem; padding: 10px; color: #fff !important; margin-bottom: 0; background-color: #2D9EE0; }
.nx-product-summary section h5 { font-size: 0.8rem; margin-top: -10px; background-color: #016699; }

.n-switch { -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; text-align: left; display: inline-block; cursor: pointer; line-height: 1rem; font-size: 0.875rem; padding: 7px 0 7px 30px; color: #999; background-color: #eee; border-radius: 5px; font-family: 'Roboto', Arial; position: relative; }
.n-switch i { font-size: 1rem; font-weight: normal; margin-bottom: 5px; color: #ccc; position: absolute; left: 10px; top: 7px; }
.n-switch-on { background-color: #33d545; color: #fff; }
.n-switch-on i { color: #fff; }

label.conditions-label { line-height: 0.875rem; }
label.conditions-label input { margin-bottom: 0.5rem; }

.easy-autocomplete input { border-radius: 0; background-color: #fafafa; color: #000; padding: 0.5rem; }
.easy-autocomplete-container ul { margin-left: 0; }
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category { font-size: 1rem; padding: 0.5rem; }
.carSearchCtrl h3 { font-size: 2.6rem; color: #fff; line-height: 3rem; }
.carSearchCtrl h3 small { font-size: 2rem; color: #fff; }
.carSearchCtrl input.big, .carSearchCtrl select.big { font-size: 1.8rem; font-family: Roboto; height: 3.2rem;    }

.checkbox-unmargin input { margin-bottom: 0; }

.typeahead__container { font-family: Roboto, Arial, Helvetica !important; }
.typeahead__result { position: relative; }
.typeahead__result .airportCode { margin: 0rem 0.3rem; font-weight: bold; display: inline-block; border-radius: 3px; background-color: #333; color: #f5e8a6; width: 3rem; text-align: center; font-size: 0.8rem; padding: 0.2rem 0.5rem; }
.typeahead__result .cityCode { margin: 0rem 0.3rem; font-weight: bold; display: inline-block; border-radius: 3px; background-color: #005b93; color: #fff; width: 3rem; text-align: center; font-size: 0.8rem; padding: 0.2rem 0.5rem; }
.typeahead__result .rentalOffice { margin: 0rem 0.3rem;  font-weight: bold; display: inline-block; width: 3rem; text-align: center; border-radius: 3px; background-color: #ddd; font-size: 0.8rem; padding: 0.2rem 0.3rem 0.2rem 0.2rem; }
.typeahead__result .locationName { margin-left: 0.5rem; }
.typeahead__field input, .typeahead__container button { height: 3rem; }
.typeahead__cancel-button { top: 1rem; }
.typeahead__list > li.typeahead__group.active > a, .typeahead__list > li.typeahead__group > a, .typeahead__list > li.typeahead__group > a:focus, .typeahead__list > li.typeahead__group > a:hover { background-color: #2D9EE0; color: #fff; }

.control-group { display: inline-block; text-align: left; vertical-align: top; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.1); }
.control { 	font-size: 22px; position: relative; display: inline-block; cursor: pointer; width: 24px; height: 24px; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: #e6e6e6; }
.control--radio .control__indicator { border-radius: 50%; }

.control:hover input ~ .control__indicator, .control input:focus ~ .control__indicator { background: #ccc; } /* Hover and focus states */
.control input:checked ~ .control__indicator { background: #eee; } /* Checked state */ 
.control:hover input:not([disabled]):checked ~ .control__indicator, .control input:checked:focus ~ .control__indicator { background: #77fc9a; } /* Hover state whilst checked */
.control input:disabled ~ .control__indicator { pointer-events: none; opacity: .6; background: #e6e6e6; } /* Disabled state */
.control__indicator:after { position: absolute; display: none;  content: ''; } /* Check mark */
.control input:checked ~ .control__indicator:after { display: block; } /* Show check mark */
.control--checkbox .control__indicator:after { top: 4px; left: 9px; width: 6px; height: 12px; transform: rotate(45deg); border: solid #04a12e; border-width: 0 2px 2px 0; } /* Checkbox tick */
.control--checkbox input:disabled ~ .control__indicator:after { border-color: #7b7b7b; } /* Disabled tick colour */
.control--radio .control__indicator:after { top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 50%; background: #04a12e; } /* Radio button inner circle */
.control--radio input:disabled ~ .control__indicator:after { background: #7b7b7b; } /* Disabled circle colour */

#filterPanel > label { background-color: #005b93; color: #fff; display: block; text-transform: uppercase; padding: 10px 10px; cursor: default; position: relative; }
#filterPanel > label a[data-toggle] { display: inline-block; position: absolute; color: #fff; right: 10px; top: 10px; text-align: center; font-size: 1rem; }
#filterPanel > label + ul { display: none; overflow-y: auto; max-height: 400px; }

.filterList  { background-color: #fff; color: #333; margin-left: 0; list-style-type: none; }
.filterList li { font-size: 0.725rem; padding: 0.5rem; border-bottom: solid 1px #888; cursor: pointer; position: relative; }
.filterList li.selected { background-color: #2D9EE0; color: #333; } 
.filterList li:hover { background-color: #74c0ed; color: #333; }
.filterList li strong { vertical-align: top; }
.filterList li > .indicator { position: absolute; right: 10px; top: 10px; }
.filterList li > .indicator.count { font-size: 1rem; color: #005b93; font-weight: bold; }
ul.icono_redes {list-style: none !important; display: flex;justify-content: center;}
ul.icono_redes a {font-size: 29px;padding: 12px 19px 12px 19px; text-align: center; transition: all 0.5s;}
ul.icono_redes a.icon_whatsapp:hover { background-color: #189D0E; border-radius: 10px 10px;}
ul.icono_redes a.icon_instagram:hover { background-color: magenta; border-radius: 10px 10px;}
ul.icono_redes a.icon_facebook:hover { background-color: #fff; border-radius: 10px 10px;color: #006AB9 !important;}
ul.icono_redes a.icon_youtube:hover {background-color: #FF0000; border-radius: 10px 10px;}
@media only screen and (max-width: 48em) {
    #fareGridByProvider { overflow-x: hidden; }
    .car-fare-grid { width: 800px; }
}
@media only screen and (max-width:780px){
div li a.vkwhatsapp, .span_invisible{
    display: none;
  }
}