@charset "utf-8"; 
/* CSS Document */
/******** New Classes ********/
.booking-box {}
.lulo {font-family: 'latoregular', Arial, sans-serif; }
.lulo {font-family: 'lulo_cleanone', Arial, sans-serif; }
.luckyowl {font-family: 'native_landregular', Arial, sans-serif; font-size:50px }
.blue {color: #008080 !important}
.orange {color: #f68b32 !important}
.caps {text-transform: uppercase !important}
.f-left {float:left}
.f-right {float: right}

.border-1-round 
{
	border: 1px solid #c9c9c9;
	border-radius: 30px 0 30px 0;
    -moz-border-radius: 30px 0 30px 0;
    -webkit-border-radius: 30px 0 30px 0;
}

/******* Overwrite **********/


/*HEADER AREA **/
a, .head_ph_num {color: #008080}
.head_right_part {width: 100% !important}

.navbar-header {height:auto}

.head_ph_num {font-family: 'lulo_cleanone', Arial, sans-serif !important; font-weight:normal !important; font-size:24px}
.head_ph_icon { margin: 6px 10px 0px 0px;}

.j_rcolumn {background: inherit !important}

a:hover {color: #f68b32 !important}

p {font-family: 'latoregular', Arial, sans-serif ; font-size: 16px !important }

h1, h2, h3, h4 {font-family: 'lulo_cleanone', Arial, sans-serif !important; }

.navbar-default .navbar-nav > li > a {font-family: 'lulo_cleanone', Arial, sans-serif !important; font-size:12px; color: #008080}

.navbar-default .navbar-nav>li>a:hover {color: #f68b32 !important; font-size:12px}

.main_container {width:100%; margin:0; padding:0; background:#fff url(../images/j_top_repeatbg.png) repeat-x left -1px; }


.jsales > a {font-family: 'lulo_cleanone', Arial, sans-serif;color: #008080; font-weight:normal }

.head_right_part {height: inherit; margin-top:51px}

.top_container .pull-right {width:50%}


/* END HEADER AREA **/

/*Globals*/
.welcome_box > h1 {background: none !important; padding:0 !important; font-size:30px}
.welcome_box {width:100%}
.welcome_box > p {text-align: left; margin: 0 auto}
/*End Globals*/

/* Main Navigation */
.navbar-nav 
{
	margin: 30px 0 !important;
    width: 100%;
	text-align: center;
}
.navbar-nav>li {float: none; display: inline-block !important;}


/* End Main Navigation */

/*Home Page*/
body.home .container {max-width:100%}
body.home .navbar-nav { margin: 21px 0 0 !important;    background: rgba(255,255,255, .8); position:absolute; z-index:10}
body.home .home_left_first_block {max-width:100% !important; width: 100% !important}
body.home .top_container, body.home .row {max-width:990px; margin:0 auto !important}


body.home .booking-box {position:absolute; z-index:9; left:0; right:0;margin: 120px 0 0 100px !important;; max-width:500px}

body.home .booking-box form .col-md-4 {width:100%}
body.home .j_slider {width:100%; padding:0;    margin-top: 20px; }
body.home .j_slider .slide .bannerImage img {width:100%; height:auto}

body.home .jpro-car {height: auto}

/*Reservations Plugin*/
body.home .j-Rates, body.home .j-rates_bottom {background:rgba(255, 255, 255, 0.9);}
body.home .j-Rates {font-family: 'lulo_cleanone', Arial, sans-serif; text-align: center; padding: 30px;}
body.home .j-rates_bottom {}
body.home .j-rates_tbox span {color: #333; font-weight:normal !important; font-family: 'latoregular', Arial, sans-serif !important; text-transform: uppercase}
body.home .j-rates_tbox span {}
body.home .form-group .form-control {background: none !important; padding:5px !important; color:#333 !important}
body.home .form-group .datepick_bx {padding:5px !important; background:#008080 !important; color:#fff !important}

.btn {padding: 5px !important}
.jCheck_btn {font-family: 'lulo_cleanone', Arial, sans-serif; padding:10px; background:#008080; color:#fff; border:1px #008080 solid}
.jCheck_btn:hover {background: none; color:#008080}



body.home .book_text {float: none; width:100%; text-align:center}
.book_text > a, .book-now {font-family: 'lulo_cleanone', Arial, sans-serif; padding:10px !important; background:#008080; color:#fff !important; border:1px #008080 solid; line-height:inherit !important; margin: 35px auto !important; display: inline-block; font-size:20px; float:none !important; text-decoration:none !important}
.book_text > a:hover, .book-now:hover {background: none; color:#008080 !important; }

.book-option {background:none; width:100%}
.book-option ul li {color:#f68b32 !important}
.book-option ul li .luckyowl {text-transform:capitalize; font-size:36px}
.book-option > ul {display: inherit; text-align:center;margin-top: 35px;}
.book-option > ul > li {background:none; float:none; padding:0; display:inline-block; width:33%; font-size: 18px; text-transform: uppercase; color: #008080}

.book_ban {width: 100% !important}

.jpro-img {padding-top:0 !important}
.jpro-car { border-top: 1px solid #f68b32;background: #fff;}
.jpro-car > p {color: #f68b32; font-weight: normal !important; font-family: 'latoregular', Arial, sans-serif !important; font-size:12px !important; text-align:left }


/*** Contact Page ****/
.jc_fb_bottom > div > p {font-family: 'latoregular', Arial, sans-serif !important; font-weight:normal; color: #008080 }

.physical-address {font-family: 'latoregular', Arial, sans-serif !important; font-weight:normal; font-size:14px; margin-top:85px }
.physical-address .luckyowl {}
.physical-address .orange {text-transform: uppercase}

.jc_fb_header {background: none; color: #008080; text-transform:uppercase; font-family: 'lulo_cleanone', Arial, sans-serif !important; text-align: center; font-weight:normal}
.jc_fb_bottom {border:none !important}


/**** RESERVATIONS *****/
body.reservations .container {max-width:100%;}
body.reservations .navbar-nav { margin: 21px 0 0 !important;    background: rgba(255,255,255, .8); position:absolute; z-index:10}
body.reservations .home_left_first_block {max-width:100% !important; width: 100% !important}
body.reservations .top_container, body.home .row {max-width:990px; margin:0 auto !important}
body.reservations .caret_resv {margin-left: -2px}
body.reservations .reservationBG { background:url('../images/LO_Reservations_BG-2.jpg') no-repeat center bottom; background-size:cover; height:860px; position:relative }




body.reservations .booking-box form .col-md-4 {width:100%}
body.reservations .j_slider {width:100%; padding:0;    margin-top: 20px; }
body.reservations .j_slider .slide .bannerImage img {width:100%; height:auto}


body.home .j-rates_bottom {background:rgba(255, 255, 255, 0.9);}
body.reservations .j-Rates {background:none}
body.reservations .j-Rates {font-family: 'lulo_cleanone', Arial, sans-serif; text-align: center; padding: 30px;}
body.reservations .j-rates_bottom {}
body.reservations .j-rates_tbox span {color: #333; font-weight:normal !important; font-family: 'latoregular', Arial, sans-serif !important; text-transform: uppercase}
body.reservations .j-rates_tbox span {}
body.reservations .jpick-up_box {margin:0}
body.reservations .form-group .form-control {background: none !important; padding:5px !important; color:#333 !important}
body.reservations .form-group .datepick_bx {padding:5px !important; background:#008080 !important; color:#fff !important}

.agent-box {max-width: 300px;position:absolute; margin-top:120px; right:100px}
.agent_box {background:rgba(255,255,255,.8); padding: 15px 25px 15px 0px;}
.agent_header
{
	text-shadow: inherit;
    -moz-text-shadow: inherit;
    -webkit-text-shadow: inherit;
	font-family: 'lulo_cleanone', Arial, sans-serif;
	font-weight:bold;
	color:#008080;
	font-size:18px;
	border-bottom:none;
}
.agent_input > span
{
    color: #333;
    font-weight: normal !important;
    font-family: 'latoregular', Arial, sans-serif !important;
    text-transform: uppercase;
	
	
}
.agent_text
{
    padding: 5px !important;
    border: 1px solid #008080 !important;
    background: none;
    color: #fff !important;
	font-family: 'latoregular', Arial, sans-serif !important;
}


body.reservations .booking-box
{
	border-radius: 30px 0 30px 0;
    -moz-border-radius: 30px 0 30px 0;
    -webkit-border-radius: 30px 0 30px 0;	
	background:rgba(255, 255, 255, 0.8);
	padding-bottom:30px;
	position:absolute;
	margin-top:120px;
	left:100px;
	max-width:500px;
	z-index:10;
}

body.reservations .booking-box .pick_left span 
{
	 color: #333;
    font-weight: normal !important;
    font-family: 'latoregular', Arial, sans-serif !important;
    text-transform: uppercase;
	background:none

}
body.reservations .booking-box .jpick-up_box > .pick_left {padding-top:27px}
.p-input_right > div.btn-group > button.btn-default, .p_date_right > div.form-group > div.btn-group > button.btn-default {outline: none }

.p_date_right > div.form-group > input.form-control
{
    padding: 5px !important;
    background: #008080 !important;
    color: #fff !important;
}

body.reservations #frm_avail .col-lg-7 {width:100%}
body.reservations #frm_avail .p-input_right > div.form-group > input.form-control {background:none !important; border: 1px solid #4180cc !important;}


/*** Locations ***/
.panel-default > .panel-heading 
{
	background:none !important; 
	background-color:transparent !important;
	border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.panel-title
{
    background: none;
    color: #008080 !important;
    text-transform: uppercase;
    font-family: 'lulo_cleanone', Arial, sans-serif !important;
    text-align: center;
    font-weight: normal !important;
    padding: 8px 20px;
    margin-top: 15px;
}

.hato_add, .panel-group .panel-heading+.panel-collapse>.panel-body {border:none !important}

.panel-group .panel {
    border-radius: 30px 0 30px 0 !important;
    -moz-border-radius: 30px 0 30px 0 !important;
    -webkit-border-radius: 30px 0 30px 0 !important;	
	margin-bottom:50px; 
}
.hato_add_h {background: none}
.hato_add_h > span {color: #008080; font-family: 'lulo_cleanone', Arial, sans-serif;}
.hato_add_h p {font-size: 14px}

/**** Fleet Page *****/
.jpro-car h2 a
{
    font-size: 14px;
    font-family: 'lulo_cleanone', Arial, sans-serif !important;
    color: #008080;
    font-weight: bold;
    text-align: left;
    padding: 15px 0;
    margin: 0;
}

.jpro-img img {width:100%; height:auto}
.jpro-car {height:186px; position:relative}
.jpro-car div {position: absolute; bottom:10px}
.jpro-car > p > span {color: #f68b32 !important}
.jbooknow {border:1px #008080 solid; font-weight:normal; background:#008080}
.jbooknow:hover {background: none; color:#008080}

/** Booking Page ***/
.j-eco_box > span {font-family: 'latoregular', Arial, sans-serif}
.j_topbox > span 
{
	font-family: 'native_landregular', Arial, sans-serif !important;
	font-size: 50px;
    font-weight: normal !important;
    top: 14px;
    right: 56px;
    left: inherit;
}

.j-eco_box > strong 
{
	font-family: 'native_landregular', Arial, sans-serif !important;
    font-size: 48px;
    font-weight: normal;
	color:#008080
}

.bsummary_box > .bs_top, .bsummary_box > .bs_bettom, .bsc_bottom {    background: #d6d6d6; font-family: 'lulo_cleanone', Arial, sans-serif !important; font-size: 26px; padding: 25px; color:#333}
.bsc_bottom {padding: 0px 25px 25px 25px }

.bs_bottom {color:#008080}

.j-Economy > .j_eheader 
{ 
	background-image: none;  
	padding: 10px 0 10px 30px; 
	font-family: 'lulo_cleanone', Arial, sans-serif !important; 
	color:#008080; 
	font-weight:normal; 
	background-color:inherit !important
}

.j-Economy > .j_ebottom { border:none !important}

.bs_bettom > .bs_header {font-family: 'lulo_cleanone', Arial, sans-serif; color:#333}

.j-Economy
{
	border:1px #ddd solid;
	border-radius: 30px 0 30px 0 !important;
    -moz-border-radius: 30px 0 30px 0 !important;
    -webkit-border-radius: 30px 0 30px 0 !important;
}

.jb_drop > div.form-group > input.form-control
{
	padding:5px !important;
	font-size: 11px; font-family: 'latoregular', Arial, sans-serif
}

.bs_check > span { color:#333 }
.bs_btn {width:48%; margin:10px 2px}

.btn-default {color:#333 !important}

.j_ebottom > .j_eb_left {border:none}

.j_eb_iconbox img {width:30px; height:auto}

.jb_drop > div.form-group > div.btn-group > button.btn {padding:5px !important;} 	
.j_ebottom .j-economy .jCheck_btn {font-family: 'lulo_cleanone', Arial, sans-serif; padding:10px; background:#008080; color:#fff; border:1px #008080 solid}
.j_ebottom .j-economy .jCheck_btn:hover {background:none; color:#008080;}
.j_ebottom .j-economy .jbook_btn {font-family: 'lulo_cleanone', Arial, sans-serif; padding:10px; background:#f68b32; color:#fff; border:1px #f68b32 solid; margin-left:0; font-weight:normal}
.j_ebottom .j-economy .jbook_btn:hover {background:none; color:#f68b32; }
.bsc_bottom > ul > li {border: none}
.bsc_bottom > ul > li a {font-weight: normal; color:#333; font-family: 'latoregular', Arial, sans-serif; }
.j_eb_right > .j_eb_header, .j_eb_right > .j_eb_header a {font-family: 'latoregular', Arial, sans-serif;}
.j_eb_right > .j_eb_header {color: #333; padding-bottom:10px}



#reservation_time1_select_val, #reservation_time2_select_val {font-size: 11px; font-family: 'latoregular', Arial, sans-serif}
.dropdown-toggle {width:95px} 	


/** Confirm Page **/

.et_left_txt1, et_left_txt3, .et_left_txt3  {color:#333}
.bsummary_box > .cf_bettom {background: #d6d6d6}
.cf_bettom > .cf_header {font-family: 'lulo_cleanone', Arial, sans-serif; color:#333}
.j_pu-inform,.cf-veh_header > span {color:#333; font-weight:normal; font-size: 11px; font-family: 'latoregular', Arial, sans-serif; font-size:14px}
.cf-veh_header {font-family: 'latoregular', Arial, sans-serif; font-weight:normal; font-size:14px}
.j_pu-inform > span {color:#008080}

.cf_vicon img {width:30px; height:auto}
.cf-veh_text {background:none}

.cf_bettom > p {color:#008080}

.cf_eheader, .cf_compack, .j_luxery, .cf_driver, .cf_eng
{
	background-image: none;
    padding: 10px 0 10px 30px;
    font-family: 'lulo_cleanone', Arial, sans-serif !important;
    color: #008080;
    font-weight: normal;
    background-color: inherit !important;
}
.cf_ebottom {border:none}

.ren_box > span, 
.cf_Protec_left > span, 
.cf_Protec_right, 
.cf_d_box > p, 
.cf_divform > p,
.cf_divform > span,
.book_engservice > p
 {font-family: 'latoregular', Arial, sans-serif !important; font-weight: normal !important; font-size:14px !important}


.cf_divdropdown > div.btn-group > button.btn-default,
.cf_divform > div.form-group > input.form-control,
.verify-inform > span,
.verify-inform
 {font-family: 'latoregular', Arial, sans-serif; font-weight: normal; font-size:14px !important; padding:5px !important; color:#333}
 
 
 /*** Verify Order ****/
 .cf_bot-bot {    border-top: 1px solid #008080;}
 .cf_driver {text-align:center}
.j-Economy {/* max-width: 600px; margin:0 auto; */ padding:25px 0 }
.verify_header > span {font-size: 24px}
.verify_header {margin-bottom: 25px}
.verify_header > span {font-family: 'lulo_cleanone', Arial, sans-serif !important; font-weight:normal}
.verify-button #confb 
 { 
    font-family: 'lulo_cleanone', Arial, sans-serif;
    padding: 10px;
    background: #f68b32;
    color: #fff;
    border: 1px #f68b32 solid;
    margin-left: 0;
    font-weight: normal;
}
.verify-button #confb:hover {background: none; color: #f68b32;}
form .verify-button #submit 
 { 
    font-family: 'lulo_cleanone', Arial, sans-serif;
    padding: 10px;
    background: #008080;
    color: #fff;
    border: 1px #008080 solid;
    margin-left: 0;
    font-weight: normal;
}
form .verify-button #submit:hover {background: none; color: #008080;}


/** FAQ **/
body.faq .j-Economy {padding: 50px; max-width: 990px; margin:0 auto; width:100%}
body.faq h2 {color:#008080; line-height:inherit; font-size:20px; font-weight:bold}
body.faq .answer {font-weight: normal; font-family: 'lulo_cleanone', Arial, sans-serif !important;}
body.faq p {margin-bottom: 60px}
body.faq p strong {text-transform: uppercase; color:#f68b32}


/** REVIEWS **/
#yelp {width:100% !important; }
#yelpheader {padding-bottom: 55px; border-bottom: 1px #333 solid;}
#yelpheader #yelptitle,.reviewername {font-family: 'lulo_cleanone', Arial, sans-serif !important; font-size: 14px !important}
#yelpheader img {}
#yelpheader #numreviews {font-size:12px;}
#recentreviews {font-family: 'lulo_cleanone', Arial, sans-serif !important;
    color: #008080;
    font-size: 16px;
    margin: 25px auto;
    padding-bottom: 25px;}
#yelp #businessimg, .yelpreviewimg {margin-right: 25px !important}
#yelpstarrating {margin-top:10px; margin-bottom: 10px}
#yelpbutton {margin-bottom: 10px}
.yelpreview {margin-bottom: 25px}
.yelpreview div {font-family: 'latoregular', Arial, sans-serif; font-size: 12px}
.yelpreview div a {display:inline-block; font-family: 'lulo_cleanone', Arial, sans-serif !important; border: 1px #008080 solid; padding: 5px; background: #008080; text-decoration: none; color: #fff; margin-top:10px;  }
.yelpreview div a:hover {background: none; color: #008080 !important}
.more-reviews-section {text-align: center;}
a.more-reviews {font-family: 'lulo_cleanone', Arial, sans-serif !important; border: 1px #f68b32 solid; padding: 5px; background: #f68b32; text-decoration: none; color: #fff; margin-top:10px; font-size: 12px }
a.more-reviews:hover {background: none; color: #f68b32 !important}


/* Footer */
.footer-logo {    width: 100%; max-width:990px;   background: url(../images/social_bor.png) repeat-x left 14px; margin:80px auto 0; text-align:center}
.footer-logo img {width: 20%; margin: -48px auto 0; background:#fff}
.jsocial_box {background:none}
.jsocial_icon {text-align: center; max-width:990px; margin: 22px auto !important;}
.jsocial_icon-b {display:inline-block}
.jsocial_icon-b img {width: 28px; height:28px}
/* End Footer */

/*** MOBILE NAV **/
.navbar-collapse.in {overflow: inherit; top: 0px; border: none !important; background: #fff}
.navbar-collapse.in .navbar-nav {background: #fff; position: relative;}
.navbar-collapse.in .navbar-nav > li {display: block !important}


@media screen and ( max-width:1200px){ 
body.home .booking-box {margin: 80px 0 0 100px !important;}

}
 
@media screen and ( max-width:1100px){ 
body.home .j-Rates { padding: 15px 0 0px;}

}


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



body.home .navbar-nav {position:inherit}
.navbar-default .navbar-nav > li > a {padding: 10px;}
body.home .booking-box 
{
	position: inherit;
  /*  background: url('../images/LO_WebHeader_B.jpg') no-repeat center right; */
    display: inline-block;
    background-size: cover;
    margin: 30px 0 0 !important;
    max-width: 100%;
	padding: 50px 0;
	
}

body.home .booking-box  form {width: 80%; margin: 0 auto !important;}

body.home .j_slider { display: none}

body.reservations .booking-box {max-width: 330px; display: inline-block; position: inherit; float: left;}
.agent-box {position: inherit;
    float: left;
    margin-left: 10px;
    margin-top: 90px;}

}

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

.book-option, body.home .book_text {width:100% !important}
.book_text > a, .book-now {text-align:center !important; width:100% !important}
.book-option ul li {width: 100%;  }	

}

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

.navbar-default .navbar-collapse {background: none !important}
.navbar-nav {background: #fff !important; position: relative !important;top: 0px;}
.navbar-nav > li {display: block !important}
.top_container .pull-right {width:100%; float:none}

body.reservations .booking-box {margin-top: 0; max-width: 100%}
.agent-box {margin-top:10px;}

.head_ph_icon {display:none !important}
.jsales, .head_ph_num {width:100%; text-align:center}
.jsales > a {text-align: center}
}

@media screen and (max-width:550px){
.navbar-brand {width: 80%}
.navbar-brand img {width :100%; height:auto}
}

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

.navbar-collapse {margin-top:0 !important;}

}