
/*========= Rental Pricing ===========*/
.owl-nav { display:none }
.van-intro { padding:4px 0 22px }
.van-intro p { font-size:1.7em; margin-bottom:25px }
.hire-van p { font-size:1.36em; margin-bottom:8px }

.car-van-hire figure { background:#e6e7e8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e7e9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #e6e7e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%,#e6e7e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%,#e6e7e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e9',GradientType=1 ); /* IE6-9 */
}
.car-van-hire h2 { margin:8px 0 5px; font-family:'OpenSansRegular' }
.car-van-hire h2 a { color:#de1f25; text-decoration:none }
.car-van-hire figure:hover h2 a { color:#0A0A6D }
.car-van-hire h2 a:hover { color:#0A0A6D }
.car-van-hire p { margin-bottom:10px; padding-right:10px; font-size:1.5em; color:#404040 }
.car-van-hire ul, .booking-enquiry ul { list-style:none; overflow:hidden; padding:3px 0 9px; margin-bottom:30px }
.car-van-hire li, .booking-enquiry li { float:left; margin-right:36px; font-family:'OpenSansRegular'; font-size:1.5em; color:#0a0a6d }
.car-van-hire li strong, .booking-enquiry li strong { display:block; font-family:'OpenSansSemibold'; font-size:1.3em; color:#de1f26; font-weight:normal }

.features { padding:11px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e7e9+0,ffffff+100 */
	background: #e6e7e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6e7e9 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e6e7e9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e6e7e9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.features ul { overflow:hidden; list-style:none }
.features li { text-align:center; float:left; width:50%; font-size:1.4em; min-height:60px; margin-bottom:10px; padding:0 6px }
.features.twocolumn li:nth-child(odd) { clear:left }
.features li strong { display:block; color:#0a0a6d; margin:2px 0 0; line-height:100% }

.home-content .features li { min-height:80px }

.icon-speed, .icon-trolly, .icon-fuel, .icon-box, .icon-clndr, .icon-tool, .icon-watch, .icon-car, .icon-blkt, .icon-flag { height:25px }
.icon-speed { width:40px; background-position:-32px 0 }
.icon-trolly { background-position:-22px -23px; background-size:175px 175px; width:30px }
.icon-fuel { width:25px; background-position:-16px -41px; background-size:140px 140px }
.icon-box { background-position:-20px -85px; background-size:175px 175px; width:30px }
.icon-clndr { width:34px; background-position:-14px -107px; background-size:160px 160px }
.icon-tool { width:40px; background-position:-14px -144px; background-size:170px 170px }
.icon-watch { width:30px; background-position:-45px 0; background-size:155px 155px }
.icon-car { width:40px; background-position:-79px -51px }
.icon-blkt { width:40px; background-position:-41px -47px; background-size:140px 140px }
.icon-flag { width:40px; background-position:-79px -140px }


/* Customer Reviews */
.features hr { margin:10px 0; border-top:1px solid #ccc }
.reviewus { padding-bottom:15px; text-align:center }

.schedule { padding:13px 0 0 }
.title { border-bottom:10px solid #b2b2b2; overflow:hidden; font-family:'OpenSansRegular'; font-size:1.8em; line-height:1.3; padding-bottom:5px }
.title, .title a { color:#0a0a6d }
.title a { float:right }
.title.active { border-bottom:10px solid #0a0a6d }
.title span { float:left }
.schedule-blocks { margin:0 0 24px 0 }
.schedule-blocks a { text-decoration:none }
.schedule ul { list-style:none; margin:0; font-size:1.2em; /*padding:7px 0 0*/ }
.content .schedule ul li { margin-bottom:0; line-height:170% }

/*.schedule li { margin-bottom:9px }*/
.day { font-family:'OpenSansRegular'; color:#0a0a6d; margin-right:10px; display:inline-block; min-width:83px }
.schedule address, .dir { font-size:1.4em }
.schedule address { float:left; margin:9px 0 0; width:68% }
.dir { font-family:'OpenSansRegular'; color:#de1f26; float:right; margin:15px 0 0; text-align:center; width:70px }
.dir span { display:block }
.icon-dir { width:22px; height:32px; background-position:-79px -174px }

.schedule-blocks .xmas-opening { float:right; width:100%; margin:10px 0 10px }



/*========= Vehicle Page ===========*/
.banner-vehicle .owl-nav { display:block; position:absolute; width:100%; top:50%; left:0 }
.banner-vehicle .owl-nav .owl-prev, .banner-vehicle .owl-nav .owl-next { width:37px; height:37px; display:inline-block; text-indent:-9999px; margin-top:-19px }
.banner-vehicle .owl-nav .owl-prev { background:url(../images/arrow.png) 0 0 no-repeat; background-size:100% 100%; float:left; margin-left:20px }
.banner-vehicle .owl-nav .owl-prev:hover { background:url(../images/arrow-left-hover.png) 0 0 no-repeat; background-size:100% 100% }
.banner-vehicle .owl-nav .owl-next { background:url(../images/arrow-right.png) 0 0 no-repeat; background-size:100% 100%; float:right; margin-right:20px }
.banner-vehicle .owl-nav .owl-next:hover { background:url(../images/arrow-hover.png) 0 0 no-repeat; background-size:100% 100% }
.banner-vehicle .owl-dots { display:none }
.banner-vehicle { position:relative }
.banner-vehicle:after { content:""; position:absolute; top:100%; left:0; background:url(../images/strip.jpg) 0 0 no-repeat; width:100%; height:20px; background-size:cover }
.banner-vehicle figcaption { display:none }

.flag { position:absolute; right:0; top:0; z-index:9; width:86px }

.van-name { padding:15px 0 24px }
.van-name h3 { margin:27px 0 15px }
.van-name table { font-size:1.5em; line-height:1.4 }
/*.van-name-text span { display:block; font-size:1.7em; line-height:1.4; padding-right:5px; margin-bottom:25px }*/
.van-name-text p { font-size:1.4em }
.van-name-text { margin-bottom:27px }

.specification th, .specification td { font-size:80% }

.booking-enquiry { overflow:hidden; border-radius:10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6e7e8+100 */
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e7e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e7e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e7e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e8',GradientType=0 ); /* IE6-9 */
}
.booking-enquiry ul { margin:0; padding-bottom:0 }
.booking-enquiry li { margin:0; padding:4px 5px; width:33.33%; text-align:center; font-size:1.9em }
.booking-enquiry li strong { font-size:2.5em; line-height:1.2; position:relative }
.booking-enquiry li strong small { font-family:'OpenSansLight'; font-size:66% }

.finance { overflow:hidden; border-radius:10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 15px;
	margin-top:5px;
}

a.btn-enquiry { text-decoration:none }
/*.btn-enquiry { border-radius:10px; text-align:center; color:#0a0a6d; display:block; font-family:'OpenSansSemibold'; font-size:2.0em; padding:5px; background:#d9d9d9 }*/
.btn-enquiry { width:50%; border-radius:10px; text-align:center; color:#fff; display:block; font-family:'OpenSansSemibold'; font-size:2.0em; margin:10px auto 20px; padding:12px 0 10px; background:#de1f25; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.3) }
.btn-enquiry.quote { background:#0a0a6d }
.icon-enqry { width:23px; height:23px; background-position:-164px -63px }
/*.btn-enquiry:hover { color:#de1f25 }*/
a.btn-enquiry:hover { color:#fff; background:#0a0a6d }
a.btn-enquiry.quote:hover { color:#fff; background:#de1f25 }


.form-section { padding-bottom:17px; margin-bottom:30px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e6e7e8+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #e6e7e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#e6e7e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ffffff 0%,#e6e7e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e7e8',GradientType=1 ); /* IE6-9 */
}
.form-section h4 { margin-bottom:10px }
.form-section ul { list-style:none; margin:0; font-size:0.7em }
label { margin-bottom:0; margin-top:5px; line-height:1 }
.pure-form fieldset { padding:0 }
.form-section input[type="text"], .form-section input[type="password"], .form-section input[type="email"], .form-section textarea { margin:0 0 5px; color:#333 }
.form-section input[type="radio"] { margin:0 5px 0 0 }
.form-section select { height:28px; font-size:1.1em; width:100%; padding:0 7px; color:#333 }
.form-section select.select-box { margin-bottom:3px; margin-right:2px; width:131px }
.form-section button[type="submit"] { background-color:#0a0a6d; color:#fff; font-size:1.6em; margin:7px 0 0; padding:0px 14px 1px; border-radius:3px }
.form-section .instruction { margin-bottom:15px; font-size:80%; line-height:1 }
.form-section .input-wrap label { width:50% }

.form-section button.pure-button { padding:10px 12px; font-family:'OpenSansSemibold'; font-size:1.2em; border-radius:10px; background:#de1f25 }
.form-section button.pure-button:hover { background:#0a0a6d }
.form-section button.pure-button.blue { background:#0a0a6d }
.form-section button.pure-button.blue:hover { background:#de1f25 }

.booking-form-note p { font-size:85% }

/*========= Improved date time input ===========*/
.date-time-timeslots { position:absolute; width:100%; z-index:3; /*left:0; top:246px;*/ width:19rem; margin-left:-19rem; margin-top:2rem; background:#fff; padding:1rem; box-shadow:rgba(0,0,0,0.2) 1px 1px 3px 1px }
.date-time-timeslots-top { margin-bottom:1rem; display:flex }
.date-time-timeslots-am-pm-button { width:100%; background:#fff; box-shadow:rgba(0,0,0,0.3) 1px 1px 4px 1px; border:0; font-weight:bold; font-size:0.8rem; color:#de1f26 }
.date-time-timeslots-am-pm-button.active { color:#fff; background:#de1f26 }
.date-time-timeslots-list { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:1rem; row-gap:1rem }
.date-time-timeslots-time { background:#fff; border:solid 1px #888; font-weight:bold }
.date-time-timeslots-time:hover { background:#0a0a6d; color:#fff; border-color:#0a0a6d }
.date-time-timeslots-time.active { background:#de1f26; color:#fff; border-color:#de1f26 }
.date-time-improved-input {  }
.date-time-buttons { display:flex; /*position:relative*/ }
html input[type="text"].date-time-button-date { background:#fff }
.form-section input[type="text"].date-time-button-time { margin-left:1em; background:#fff }
.date-time-dropdowns {}
.date-time-improved-input {}
.date-time-buttons {}
.date-time-button-date {}
.date-time-button-time {}


/*========= Homepage ===========*/
.home-header { position:static }
#wrapper.home-wrapper { padding-top:0 }
.slide-bg { height:86px; overflow:hidden }
.owl-carousel .owl-item .slide-bg img { max-width:100%; width:100% }
.home-header .banner { padding:10px 0; position:relative }
.flag-country { position:absolute; right:0; top:10px; z-index:9; width:80px }
.flag-country img { display:block }
.home-header .logo { position:absolute; top:0; text-align:left; padding:13px 0 13px }

.home-content h1 { margin:0; padding:17px 5px 11px 0 }

.video-block { position:relative; margin:0 0 27px }
.video-block a { position:absolute; left:0; right:0; margin:0 auto; top:50%; width:50px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%) }

.home-content .van-intro p { font-size:1.45em; margin-bottom:6px }
.home-content .van-intro p:last-child { margin-bottom:0 }
.more-btn { font-size:1.3em; /*font-weight:600;*/ color:#4d4d4d }
.icon-add { width:14px; height:14px; background-position:-134px 0 }

.hire-section { padding:12px 0 0 }
.hire-fig { position:relative; padding:0 0 0 4px }
.hire-fig:after { position:absolute; content:""; width:100%; height:56px; bottom:0; left:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,808080+100 */
	background:#808080; /* Old browsers */
	background:-moz-linear-gradient(top,  #ffffff 0%, #808080 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #ffffff 0%,#808080 100%); /* Chrome10-25,Safari5.1-6 */
	background:linear-gradient(to bottom,  #ffffff 0%,#808080 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
}
.hire-fig-wrap { display:block; width:69.5%; position:relative; z-index:1 }
.hire-text-wrap { text-align:right }
.hire-text { display:inline-block }
	.hire-text h2 { font-family:'OpenSansBold'; font-size:2.1em; margin:0; line-height:24px }
	.hire-text h2 a { color:#0a0a6d; text-decoration:none }
	.hire-text span { font-size:1.3em; line-height:13px }
	.hire-price { display:inline-block; font-family:'OpenSansBold'; font-size:3.6em; line-height:46px; margin-left:8px; color:#de1f26 }
.hire-block-3 .hire-fig-wrap { width:75% }
.hire-block { margin:0 0 6px }

.home-content .schedule { padding:8px 0 28px }

.section-three { padding:3px 0 37px }
.section-head { position:relative; margin:0 0 10px }

.icon-twitter { width:26px; height:22px; background-position:-134px -30px; margin-right:2px }
a.twitter-btn { font-size:2.05em; color:#0a0a6d; text-decoration:none }
.tweet { padding:13px 0 0; border-top:5px solid #e5e5e5; margin:0 0 31px }
.twitter-text { display:inline-block; width:calc(100% - 133px); font-size:1.4em; line-height:140%; vertical-align:top }
.twitter-text .date { margin:0 0 5px; font-family:'OpenSansSemibold'; display:block }
.twitter-text .date a { text-decoration:none }
.twitter-text .date a:hover { text-decoration:none }
.twitter-text a { margin-right:4px; color:#0A0A6D }
.twitter-text a:hover { text-decoration:underline }
.twitter-fig { display:inline-block; width:130px; overflow:hidden; vertical-align:top }
.twitter-fig img { display:block }
.phone, .social-icons { position:relative; z-index:9 }
.home-slide .logo a { display:block; margin:0 0 5px }


/* --- Generic and Landing Pages --- */
.staticimage a { text-decoration:none }
.staticimage a figcaption { margin:5px 0 30px; font-size:150% }



/*========= Misc ===========*/
.recentlyviewed { margin:20px auto 40px }
.recentlyviewed h4 { text-align:center }
.viewed { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e7e9+0,ffffff+100 */
	background: #e6e7e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #e6e7e9 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e6e7e9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e6e7e9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.viewed figure { padding-bottom:10px }
.viewed figure h2 { font-size:200% }


