/*
	Theme Name: Abelito Child
	Description: 
	Author: Gold Coast Websites, fixed by Tvoja Matka Coding TM
	Template: abelito
	Version: 2.0
*/


@import url("../abelito/style.css");

@import url("css/pricing.css");


/* ligtbox video*/


#html5-watermark {
    display: none !important;
}
#cstm-lightbox .video-section:nth-last-of-type(1) {
    margin-right: 0 !important;
}
#cstm-lightbox .video-section {
    width: 25%;
    width: calc(25% - ( ( 2% + 2% + 2% ) * 0.25 ) );
    margin-right: 2%;
    float: left;
    margin-bottom: 10px;
}
#cstm-lightbox .video-section .column-wrapper {
    position: relative;
    text-align: center;
}
#cstm-lightbox .video-section .column-wrapper img {
    max-width: 100%;
    height: auto;
}
#cstm-lightbox {
    width: 100% !important;
    display: inline-block;
}
#cstm-lightbox .video-section .column-wrapper a:hover:before {
    background-image: url(/wp-content/uploads/2019/05/play-btn-red.png) !important;
}
#cstm-lightbox .video-section .column-wrapper a:before {
    content: ' ';
    background-image: url(/wp-content/uploads/2019/05/play-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50.5%;
    transition: all 0.4s ease 0s;
    display: block;
    height: 48px !important;
    width: 68px;
    margin-top: -28px;
    margin-left: -35px;
}
#readmore-contain #cstm-lightbox .video-section, #intro #cstm-lightbox .video-section {
    width: 100% !important;
}
#readmore-contain #cstm-lightbox .video-section .column-wrapper, #intro #cstm-lightbox .video-section .column-wrapper {
    margin-right: 0 !important;
}
#cstm-map .map-section .column-wrapper img {
    max-width: 100%;
    height: auto;
}

#truck-move-house.truck-house .pure-u-1.pure-u-md-1-3 {
    width: 36%;
}
#truck-move-house.truck-house .pure-u-1.pure-u-md-1-3 {
    background: url(/wp-content/themes/abelito-child/images/truck-with-boxes-render.png);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
}
#truck-move-house.truck-house .pure-u-1.pure-u-md-2-3 {
    width: 64%;
}
#truck-move-house.truck-house .pure-u-1.pure-u-md-2-3 .truck-house-cont {
    padding: 20px;
}
#truck-move-house.truck-house .pure-u-1.pure-u-md-2-3 .truck-house-cont h3 {
    font-size: 46px;
}
#truck-move-house.truck-house {
    background-image: none !important;
    height: auto !important;
    padding: 0 !important;
}
#truck-move-house.truck-house .container {
    padding: 0 !important;
}


/*  responsive */

@media only screen and (max-width: 959px) {
    
h3.dark-blue, h1.dark-blue {
    font-size: 38px !important;
}
}

@media only screen and (max-width: 800px) {
    
#cstm-lightbox .video-section {
    width: 50%;
    width: calc(50% - ( ( 2% ) * 0.5 ) );
    margin-right: 2%;
}
#cstm-lightbox .video-section:nth-of-type(2) {
    margin-right: 0 !important;
}
}


@media only screen and (max-width: 767px) {
    
header .header-v4-container {
    padding-top: 10px !important;
}
#truck-move-house.truck-house .pure-u-1.pure-u-md-2-3 {
    width: 100% !important;
}
#truck-move-house.truck-house .pure-u-1.pure-u-md-1-3 {
    display: none !important;
}    
#intro .red.red2 {
    text-align: center;
}
}


@media only screen and (max-width: 640px) {
#quote-form .gform_wrapper .gf_step {
    width: auto;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 16px 32px 16px 0;
}
}


@media only screen and (max-width: 600px) {
    
#cstm-lightbox .video-section .column-wrapper {
    margin-right: 0 !important;
}
#cstm-lightbox .video-section {
    width: 100% !important;
    margin-right: 0 !important;
}

}


/* Home 2 Hero */

#quote-form input[type="text"], #quote-form input[type="tel"], #quote-form input[type="email"], #quote-form select {
    margin: 0;
    padding: 15px 15px!important;
    height: auto!important;
    border: #777 solid 1px;
    color: #444!important;
    outline: none!important;
    transition: all .4s ease-in;
    line-height: 1.2 !important;
    width: 100% !important;
    font-size: 16px !important;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    background: #fff !important;
}
#quote-form {
    position: relative;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding: 20px;
    background: #00adee;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px !important;
}
#quote-form .gf_page_steps {
    text-align: center !important;
}
#quote-form .gf_step_number {
    display: none;
}
#quote-form .gf_step_label {
    font-family: 'Futura' !important;
    font-size: 20px;
    color: #fff;
}
#quote-form h4 {
    text-align: center;
    color: #fff;
    font-family: 'Futura';
    font-size: 32px;
    margin-bottom: 20px;
}
#quote-form .gfield_html {
    font-size: 18px;
    color: #fff;
}
#quote-form .gfield_required {
    display: none;
}
#quote-form .gfield_label {
    font-size: 16px !important;
    color: #fff;
}
#quote-form input[type="button"] {
    background: #033649;
    border: 0 !important;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    outline: none;
}
#quote-form input[type="submit"]:hover, #quote-form input[type="button"]:hover {
    background: #096a8e;
    transition: all ease-in 0.2s;
}
#quote-form input[type="submit"] {
    background: #033649;
    border: 0 !important;
    padding: 15px 30px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0 !important;
    margin-top: 10px;
    outline: none;
}
#quote-form #field_3_15 .gfield_label {
    display: none;
}
#quote-form #field_3_15 #label_3_15_1 {
    font-size: 16px !important;
    padding-left: 15px !important;
    width: 100% !important;
    color: #fff;
    margin-top: 2px !important;
}
#quote-form ul.gform_fields li.gfield input[type=checkbox] {
    margin-left: 6px !important;
    visibility: hidden;
}
#quote-form ul.gfield_checkbox li input[type=checkbox]:checked+label:before {
    background: #033649!important;
    border-color: #033649!important;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-image: url(/wp-content/uploads/2019/05/check.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    background-position: center !important;
}
#quote-form ul.gfield_checkbox li label:after {
    content: "";
    width: 24px;
    height: 24px;
    border: #fff 1px solid;
    position: absolute;
    top: 0;
    left: 0px;
    margin-right: 4px;
}
#quote-form ul.gfield_checkbox li label:before {
    content: "";
    width: 18px;
    height: 18px;
    border: #fff 1px solid;
    position: absolute;
    left: 3px;
    top: 3px;
}
#quote-form select {color: #444 !important;}
#quote-form ::placeholder {color: #444;}
#quote-form :-ms-input-placeholder {color: #444;}
#quote-form ::-ms-input-placeholder {color: #444;}

#ui-datepicker-div.ui-datepicker {
    width: 265px !important;
}
select.ui-datepicker-year, select.ui-datepicker-month {
    color: #333 !important;
}

/* Thank You Page */

#thank-cont {
    text-align: center;
    padding: 60px 20px;
}
#thank-cont h3 {
    font-family: 'Futura', Arial, sans-serif;
    font-size: 40px;
    color: #033649;
    margin-bottom: 20px;
}
#thank-cont p {
    font-size: 18px;
    font-weight: 600;
}
.ac, .text-center {text-align: center;}
.center {margin: 0 auto;}
.al {text-align: left;}
.ar {text-align: right;}

.fl {float: left;}
.fr {float: right;}

.first {margin-left: 0px !important;}
.last {margin-right: 0px !important;}
z
.black {color: #221f1f;}
.red {color: #ec2327;}

.truncate {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;	
}


ul li {list-style: disc;}

#back-to-top {display: none !important;}

.contact-number i {
	font-size: 32px;
	vertical-align: middle;
	height: 36px;
	margin-right: 6px;
}



/* ------------------------------------------------------------------------ */
/* LAYOUT
/* ------------------------------------------------------------------------ */

.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 1em;
}

/* ------------------------------------------------------------------------ */
/* FONTS
/* ------------------------------------------------------------------------ */

/* xs */
h1 {
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

/* sm, md */
@media only screen and (min-width: 768px) {
	h1 {
		font-size: 48px;
	}
	h2 {
		font-size: 32px;
	}
}
/* lg */
@media only screen and (min-width: 1200px) {
	h1 {
		font-size: 64px;
	}
	h2 {
		font-size: 48px;
	}
}

h1, h2, h3, h4, h5, h6 {line-height: 1.2 !important; font-weight: normal;}
h1 {margin-top: 15px;}
h2 {margin: 10px 0 20px;}

p {margin-bottom: 15px !important;}


/* ------------------------------------------------------------------------ */
/* HERO
/* ------------------------------------------------------------------------ */
#hero {
	position: relative;
	padding-top: 15px;
}

#hero .background {
	position: absolute;
	top: 0;
	height: 80%;
	width: 100%;
	background-color: #033649;
}

#hero .rev_slider_wrapper {
	background: transparent !important;
}

.hero-content {
	position: relative;
	max-width: 700px;
	color: #fff;
}

@media only screen and (min-width: 1280px) {
    
#navigation .hd-openhours {
    right: 240px !important;
}
}

@media only screen and (min-width: 960px) {

	#hero {
		padding-top: 30px;
	}

	.hero-content {
		padding-right: 30px;
	}
}

.hero-content h1,
.hero-content h2,
.hero-content span {
	font-family: "Futura";
}

.hero-content .fa-check-square-o {
	font-size: 24px;
	margin-right: 10px;
}

#hero .hero-title {
	color: #fff;
}

.dark-blue {
	color: #033649;
}

.blue {
	color: #096a8e;
}

.red {
	color: #ec2027;
}

#hero .hero-subtitle {
	color: #ec2327;
}

.hero-content span {
	font-size: 24px;
}


.post h1,
#content h1 {
	font-size: 32px;
}

.post h2 {
	font-size: 24px;
}

.post h3,
.post h4
.post h5 {
	font-size: 18px;
}

/* ------------------------------------------------------------------------ */
/* NAVIGATION
/* ------------------------------------------------------------------------ */


.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, 
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
	background: #EC2327 !important;
}

#shiftnav-toggle-main {
	padding: 0 !important;
}

.shiftnav-open-right #shiftnav-toggle-main:before, 
#shiftnav-toggle-main.shiftnav-toggle-edge-right:before {
	background:#EC2327 !important;
	color:#fff !important; 
	padding: 16px 16px !important;
}

.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, 
.shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, 
.shiftnav.shiftnav-skin-light ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, 
.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item .shiftnav-target {
	background: #EC2327 !important;
}

.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target, 
.shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {
	padding: 5px 25px !important;
	line-height: 25px !important;
}

/* ------------------------------------------------------------------------ */
/* TITLE & CRUMBS
/* ------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------ */
/* CONTENT
/* ------------------------------------------------------------------------ */

.features{background-color:#F2F2F2;padding:5px 20px 5px 40px;margin:0 0 20px 0;}
.features ul{padding:0px;margin:0px 0px 15px 35px;}

.image {
float: right;
margin: 5px 5px 5px 15px;
-webkit-box-shadow: 2px 2px 6px 0px rgba(51,51,51,0.8);
-moz-box-shadow: 2px 2px 6px 0px rgba(51,51,51,0.8);
box-shadow: 2px 2px 6px 0px rgba(51,51,51,0.8);
}
.bullets {
background-image: url('images/family-car.png');
width: 643px;
height: 173px;
-webkit-box-shadow: rgba(51, 51, 51, 0.8) 2px 2px 6px 0;
box-shadow: rgba(51, 51, 51, 0.8) 2px 2px 6px 0;
border: 1px solid #CCC;
margin-bottom: 30px;
}
.bullets ul {
padding: 10px 0px 0px 280px;
}

.panel {
	background: none !important;
	border:none !important;
	padding: 0 !important;
	box-shadow: none !important;
}

/* Affiliate / Partners */
ul.affiliate-holder{padding:0px;margin:10px 0px 0px;float:left;width:100%; list-style: none;}
ul.affiliate-holder li {list-style: none;width: 32.5%;height: 340px;display: block;float: left;background: #eee;border: 1px solid #ccc;border-top: 1px solid #aaa;margin-left: -1px;margin-right: 4px;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}


/* Location Box */
.locationbox {overflow:hidden;background-color:#f1f1f1;border:2px solid #e3e3e3;padding:15px;margin-bottom:40px;}
.openhours, .locationinfo {float:left;overflow:hidden;width:50%;}
.locationbox .subheading {font-weight:bold;font-size:20px;color:#00adee;margin-bottom:10px;}
.infobold {float:left;width:30%;font-weight:bold;}
.inforight {float:left;width:70%;clear:right;}
.op-greenslopes .inforight {width: 65% !important;}
.op-greenslopes .infobold {width: 35% !important;}

.quotesect {
	padding: 10px;
	color: #fff;
	overflow: hidden;
}

.calendar {
	background: #fff url(images/calendar.png) no-repeat right 50% !important;
	border-right: 10px solid transparent;
}

#frmQuote {
	position: relative;
	max-width: 360px;
	margin: 0 auto;
	padding: 20px;
	background: #00adee;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 840px) {
	#frmQuote {
		padding: 20px 10px;
	}
}

#frmQuote label,
#frmQuote legend,
#frmQuote h4 {
	color: #fff;
	font-weight: bold;
}

#age-checkbox {
	text-align: left !important;
	margin-left: 4px;
}

#age-checkbox span {
	margin-left: 8px;
}

#age-checkbox input[type=checkbox]
{
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;
}

#age-error .quote_error {
	padding: 10px;
	border: 1px solid;
}

/* combine input (left) and select (right) to single-like bordered element */
#frmQuote .datetime input {
	width: 100%;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 0;
	background: transparent;
}

.datetime {
	background: #fff;
	margin: .25em 0; /* as pure input */
	border-radius: 4px;
	width: 100%;
}

.datetime input,
.datetime select {
	margin: 0 !important;
	position: relative;
	z-index: 1;
}

.datetime > div {
	position: relative;
}

.datetime i {
	position: absolute;
	color: #096a8e;
}

.datetime .fa-calendar {
	font-size: 17px;
	top: 12px;
	right: 14px;
}

.datetime .fa-clock-o {
	top: 11px;
	right: 19px;
	font-size: 19px;
}


#frmQuote .datetime select {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	background: transparent;
}

#frmQuote label {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

#frmQuote legend {
	border-color: #289dcc;
}

#frmQuote input,
#frmQuote select {
	font-size: 122%; /* sub-pixel height is matched */
}

#frmQuote header {
	text-align: center;
	border-bottom: 1px solid #289dcc;
}

#frmQuote footer {
	padding-top: 10px;
}

#frmQuote footer .pure-button {
	font-size: 150%;
}


#booking-form label.error {
	color: #ec2027;
	background: rgb(252, 232, 232);
	border-radius: 4px;
	border: 1px solid #ffbcbc;
	padding: 4px 10px;
}

#booking-form .pure-checkbox input {
	margin: 5px;
}

.quote_error {background-color: #fff; color: red; padding: 4px;}
.youtubeclips {margin-bottom:15px;text-align:center;}

/* Terms and Conditions */
.tcheading{float:left;width:100%;height:30px;text-align:center;line-height:30px;font-weight:bold;margin-top:50px;color:#00adee;font-size:16px;}
.tccol14{float:left;width:14%;line-height:20px;font-size:12px;display:block;text-align:center;}
.tccol25{float:left;width:25%;line-height:20px;font-size:12px;}
.tccol25 p{ font-size:11px;font-weight:bold;text-align:right;line-height:3px;}
.tccol29{float:left;width:29%;line-height:20px;font-size:12px;padding-left:1%}
.tccol27{float:left;width:27% !important;line-height:20px;font-size:12px;padding-left:1%}
.tccol50{float:left;font-size:14px;float:left;width:50%;line-height:25px;display:block;text-align:center;}
.tccol74{float:left;width:74%;padding-left:1%;line-height:20px;font-size:12px;}
.tccol70{float:left;width:70%;padding-left:1%;line-height:20px;font-size:12px;}
.tcsubheading{background-color:#CCC;font-weight:bold;text-align:center;}
.tcright{text-align:right !important;width:24%;padding-right:1%;}
.tcleft{text-align:left !important;}
.twcol{padding-left:2%;}
.tclist li{border:none !important;font-size:13px;}
.column01 {width:100%; overflow:hidden;}
.vtype {float:left;width:24%;height:25px !important;line-height:25px;font-size:14px !important;}

#toggle-view{list-style:none;font-family:arial;width:100%;margin:0px;padding:0;}
#toggle-view li{margin:10px;border-bottom:1px solid #CCC;/** cursor:pointer; **/position:relative;overflow:hidden;}
#toggle-view h3{font-size:16px;color:#00ADEE;font-weight:bold;margin:15px 0 15px 10px;}
#toggle-view span{position:absolute;right:5px;top:0;color:#ec2327;font-size:18px;margin-right:5%;}

.abelcar {
	position: relative;
	height: 100%;
	border: 2px solid #f1f1f1;
	border-radius: 4px;
	overflow: hidden;
}

.abelcar header, .testimonials .heading {
	background-color: #00adef;
	color: #fff;
	padding: 5px 15px;
	font-size:18px;
	font-weight:bold;
}

.abelcar header {
	min-height: 41px;
}

.abelcar header h3 {
	color: #fff;
	margin: 0;
}


.abelcar footer {
	box-sizing: border-box;
	padding: 10px 15px;
	position: absolute;
	background: #eee;
	bottom: 0;
	width: 100%;
}

.abelcar footer .pure-button {
	margin-top: 13px;
}

.abelcar .not-available {
	margin-top: 8px;
}

.not-available .phone-number {
	color: #ec2327;
	font-weight: bold;
	font-size: 16px;
}

.abelcar .vehicle {
	padding: 15px 0;
	margin-bottom: 80px; /* abelcar footer space */
}

.abelcar .price strong {
	font-size: 24px;
}


#vehiclelist form,
#vehiclelist .column {
	height: 100%;
}

#vehiclelist .pure-u-1 {
	margin-bottom: 20px;
}

/* 
	BOOKING
*/

#booking {
	padding: 10px 0;
	background: #f7f7f7;
}

#booking h1 {
	margin-bottom: 20px;
}

#booking .column {
	border: 2px solid #eee;
	border-radius: 3px;
	background: #fff;
}

#booking .column .booking-widget {
	margin-bottom: 10px;
}

.booking-widget {
	/*border: 2px solid #f1f1f1;*/
	margin-bottom: 0px;
}

.booking-widget > header {
	/*background: #eee;*/
	padding: 10px 15px;
	margin-top: 10px;
}

.booking-widget > header h2 {
	font-size: 18px;
	margin: 0;
}

.booking-widget-content {
	padding: 15px;
}
.booking-widget-content p {
	display:none;
}
.undertp {
	padding:0 15px 15px;
	font-weight: bold;
}

.quote-summary h2 {
	font-size: 16px;
}

.quote-summary h4 {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #66798a;
}

.quote-summary .location {
	margin-bottom: 10px;
}



.quotecomplete .pure-form .pure-u-1 {
	padding-right: 15px;
	box-sizing: border-box;
}

.quotecomplete .pure-form .pure-u-1 input,
.quotecomplete .pure-form .pure-u-1 select {
	width: 100%;
}


@media only screen and (min-width: 768px) {
	#booking .column {
		margin-right: 30px;
	}
}



#thank-you {
	background: #f7f7f7;
	padding: 10px;
}

#thank-you h1 {
	font-size: 48px;
}

#thank-you h2 {
	font-size: 32px;
}

#thank-you h3 {
	font-size: 24px;
	color: #ec2327;
}

#thank-you h4 {
	font-size: 18px;
}

#thank-you h5 {
	font-weight: bold;
}

#thank-you .document {
	background: #fff;
	padding: 20px 36px;
	border: 2px solid #eee;
	border-radius: 4px;
}

#thank-you .document header {
	font-size: 18px;
}

#thank-you .vehicle img {
	margin: 20px 0;
}

.vehicle-features {
	margin: 0;
	padding-left: 15px;
}

.bheading{background-color:#00adef;color:#FFF;padding:5px 10px;font-size:18px;font-weight:bold;}

ul.vehicleextras {
	display: inline-block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.vehicleextras li {
	float: left;
	width: 40px;
	text-align: center;
	padding-top: 25px;
	font-size: 11px;
	list-style: none;
}

li.people {background:url(images/person.png) no-repeat 50% top;}
li.luggage {background:url(images/luggage.png) no-repeat 50% top;}
li.doors {background:url(images/doors.png) no-repeat 50% top;}
li.manual {background:url(images/transmission.png) no-repeat 50% top;}
li.aircon {background:url(images/ac.png) no-repeat 50% top;}

.extralist {overflow:hidden;width:100%;background-color:#FFF;margin-bottom:1px;}

.extraitem {
	padding: 5px 15px;
	overflow: hidden;
}

.extraitem h4 {
	font-size: 14px;
	margin-top: 10px;
}

.extraimg {
	width: 60px;
	height: 60px;
	margin-right: 10px;
}

.extraimg img {
	max-height: 100%;
	max-width: 100%;
}

.calendarik {
	width: 100px;
	margin: 0 auto;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
}

.calendarik > header {
	padding: 2px 0;
	background: #66798a;
	color: #fafafa;
}

.calendarik .body {
	border: 2px solid #d4e2e7;
	color: #74818a;
	border-top: 0;
}

.calendarik .day {
	font-size: 32px;
	line-height: 38px;
}

.calendarik .day-name {
	position: relative;
	top: -4px;
	height: 20px;
}

.calendarik footer {
	background: #ebeff6;
	color: #4a5864;
}



.extrainfo {float:left;width:50%;}
.extrainfo  h2 {font-size:14px;}
.extraprice {text-align:right;}
.pricepoint {font:bold 18px arial,verdana,sans-serif;}

.vehicleinfo {float:left;width:55%;overflow:hidden;}
/*.vehiclepricing {
	border: 1px solid #00adef;
	background-color: #f5fafd;
}*/

.vehiclepricing p {
	margin: 10px !important;
}

.vehiclepricing td {border-bottom:1px solid #d5dadd;padding:5px;}
.pickup {margin-bottom:15px;}
.total-price {font-size: 24px;}
.date_check {
    color: #F00;
}
.but{width:113px !important; height:40px;}
table.editbooking td {
	font-size:12px;
	padding:10px 5px;
	border-bottom:1px solid #CCC;
}
table.editbooking tr > td {font-weight:bold !important;}
table.editbooking {margin-bottom:15px;}

ul.socialmedia {text-align:center;display:block;width:100%;margin:15px 0px;padding:0px;}
ul.socialmedia li {display:inline;list-style-type:none;width:90px;margin:0px;padding:0px 10px;}

.errormessage {
	border:1px solid red;
	background-color:#ffe2e2;
	padding:15px;
}

.cancel_reservation{
	 background: -webkit-linear-gradient(top, #e52125, #8e0506); /* Firefox 3.6+ */ 
	 background: -moz-linear-gradient(top, #e52125, #8e0506); /* IE 10 */ 
	 background: -ms-linear-gradient(top, #e52125, #8e0506); /* Opera 11.10+ */ 
	 background: -o-linear-gradient(top, #e52125, #8e0506); border:0; color:#fff; font-size:15px; font-weight:bold; height:35px; 
	 border-radius:5px; 
	 width:180px;
}

.submit_changes{
	 background: -webkit-linear-gradient(top, #00a7e6, #005b7d); /* Firefox 3.6+ */ 
	 background: -moz-linear-gradient(top, #00a7e6, #005b7d); /* IE 10 */ 
	 background: -ms-linear-gradient(top, #00a7e6, #005b7d); /* Opera 11.10+ */ 
	 background: -o-linear-gradient(top, #00a7e6, #005b7d); border:0; color:#fff; font-size:15px; font-weight:bold; height:35px; 
	 border-radius:5px; 
	 width:160px;
}



#pagination a, #pagination span {
	font-size: 14px !important;
	line-height: 14px !important;
	border-radius: 0px !important;
	color: #333 !important;
}

#pagination a:hover {
	color: #FFF !important
}

#pagination span.current {
	color: #FFF !important;
	background: #ec2327 !important;
}

.blog .post {
	padding: 0 0 20px 0 !important;
	margin: 0 0 20px 0 !important;
}

.post-meta {
	margin: 0px !important;
	font-size: 11px !important;
}

.post-meta span {
	background: #FFF !important;
	padding: 0 !important;
}

.post-title h2 a, .post-title h1 a {
	font-weight: bold !important;
}

.ui-datepicker.ui-datepicker-multi {z-index: 9999 !important;}


/* Locations */

#wpsl-result-list {font-size: 11px;}
#wpsl-result-list strong {font-size: 14px;}
#wpsl-result-list p {margin: 0 !important;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.review-box {
  display: none !important;
}

/* ------------------------------------------------------------------------ */
/* SIDEBAR
/* ------------------------------------------------------------------------ */
#sidebar {
	padding-right: 10px;
}
#sidebar .widget {margin-bottom: 20px;}
#sidebar .testimonial_video iframe {width: 100%;height: 220px;}
#sidebar p {margin: 0 !important;}
#sidebar .box {padding: 5px 5px 11px 5px;}
#sidebar .box h3 {margin: -5px 10px !important;}

#sidebar .box.black {margin: 0 0 25px 0 !important; }
#sidebar .box.black h3{ padding:7px 0px 10px 0px; color: #ec2327 !important;}

#sidebar .box.red {margin: 0 0 15px 0 !important;padding: 0px 10px 15px 10px;}
#sidebar .box.red h3 {font-size: 30px !important;padding: 7px 0px 10px 0px; color: #ec2327 !important; margin: 0px !important; margin-top:-13px !Important;}

#sidebar .widget ul li {background: none !important; padding: 0 !important; list-style: none !important;}

#sidebar .widget_recent_entries,
#sidebar .widget_categories,
#sidebar .widget_tag_cloud {
	background: #f7f7f7;
	padding: 5px !important;
}

#sidebar .widget_recent_entries h3,
#sidebar .widget_categories h3,
#sidebar .widget_tag_cloud h3 {
	padding:7px 0px 10px 0px !important;
	color: #221f1f !important
}

#sidebar .widget_recent_entries .title,
#sidebar .widget_categories .title,
#sidebar .widget_tag_cloud .title {
	border: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

#sidebar .widget_recent_entries .title span,
#sidebar .widget_categories .title span,
#sidebar .widget_tag_cloud .title span {
	border:none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#sidebar .widget_recent_entries a:hover,
#sidebar .widget_categories a:hover,
#sidebar .widget_tag_cloud a:hover {
	
}

#sidebar span.post-date {
	margin: 0;
	display: inline-block;
	width: 100%;
	font-size: 11px;
	color: #221f1f !important;
}

/* ------------------------------------------------------------------------ */
/* FOOTER
/* ------------------------------------------------------------------------ */

#footer {
	padding: 60px 0;
	background: #2e3234;
	color: #747474;
}

#footer a {
	color: #b8b8b8;
	font-weight: 600;
	font-size: 16px;
}

#footer .widget h3 {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 17px;
	font-size: 17px;
	letter-spacing: 1.5px;
	font-weight: 600;
	border: 0;
}

/*#footer ul {margin: 0 0 0 40px !important;}*/
#footer ul li {
	background: none !important;
	padding: 0 !important;
	list-style: none !important;
	margin-bottom: 7px;
}



/* ------------------------------------------------------------------------ */
/* REVOLUTION SLIDER
/* ------------------------------------------------------------------------ */

.tp-rightarrow.default,
.tp-leftarrow.default {
	width: 20px !important;
	height: 20px !important;
}

.tp-rightarrow.default {background: url(images/nav-right.png) no-repeat !important;}
.tp-leftarrow.default {background: url(images/nav-left.png) no-repeat !important;}

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover {
	background-color: none !important;
}

/* ------------------------------------------------------------------------ */
/* GRAVITY FORMS
/* ------------------------------------------------------------------------ */
.gform_wrapper {
	margin: 0 !important;
	max-width: 100% !important;
}

.gform_wrapper form {
	margin-bottom: 0px !important;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
	width: 100px !important;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper textarea,
.gform_wrapper select {
	font-size: 13px !important;
	padding: 7px !important;
	margin-bottom: 10px;
	display: inline-block !important;
	border-radius: 0px !important;
	color: #333 !important;
}

.gform_wrapper .gform_footer {
	margin: 0 !important;
	padding: 10px 0 0 120px !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
	background: #00adee !important;
	width: 120px !important;
	color: #FFF;
	border: 0px;
	font-size: 14px;
	font-weight: normal !important;
}

/* Contact Form */

.description.style-1 {
	margin: 15px 0px 15px;
	padding: 20px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 0px !important;
}

.description.style-1 .video-container {
	display: none !important;
}

.gforms_confirmation_message {
  background-color: #008000;
  padding: 20px;
  color: #FFF !important;
  font-weight: bold;
}

.gform_wrapper label {
	font-size: 12px !important; 
	margin: 7px 0 0 0 !important;
}

.gform_wrapper .top_label input.large, 
.gform_wrapper .top_label select.large, 
.gform_wrapper .top_label textarea.textarea {
	width: 75% !important;
}

.gform_wrapper li, .gform_wrapper form li {
	margin-bottom: 10px !important;
}

.gform_wrapper .gfield_required {
	color: #FF0000 !important;
}

.form-left {padding-left: 120px;}

.gform_wrapper p {margin: 0 !important}


::-webkit-input-placeholder {
   color: #111;
}
 
:-moz-placeholder { /* Firefox 18- */
   color: #111;  
}
 
::-moz-placeholder {  /* Firefox 19+ */
   color: #111;  
}
 
:-ms-input-placeholder {  
   color: #111;  
}

.quote_error {
	background-color: rgb(252, 232, 232);
  color: #d20905;
  z-index: 99;
  padding: 0;
  border-radius: 3px;
}

.quote_error > div {
  border-radius: 3px;
  border: #d20905 1px solid;
}

.errors{padding:10px 15px;}



.quote_error div {
  padding: 10px;
  font-weight: bold;
  font-size: 13px;
}

#sidebar .widget .quote_error ul li {
	background: url(images/icon-exc-sml.png) no-repeat 0 3px !important;
   padding-left: 30px !important;
}

.quote_error ul {margin:10px 0;}
.contact-number-mobile {display: none !important;}
/* ------------------------------------------------------------------------ */
/* RESPONSIVE
/* ------------------------------------------------------------------------ */

	/* ------------------------------------------------------------------------ */
	/* Smaller than standard 960 (devices and browsers) */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 767px) {
            #shiftnav-toggle-main, #shiftnav-main {display: none;}
    }
	@media only screen and (max-width: 959px) {

		.header-widgets {width: 240px !important;margin-top: 52px !important;margin-left: 40px !important;}

	}

	/* ------------------------------------------------------------------------ */
	/* Tablet Portrait size to standard 960 (devices and browsers) / 1. Step */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.header-widgets {margin-top: 60px;width: 240px !important;}
		#header-v4 #navigation ul#nav > li > a {padding: 0 11px; font-size: 13px !important;}

		.bullets {width: 100%;}
		.bullets ul {font-size: 12px;padding: 20px 0px 0px 230px;}

		#back-to-top {display: none !important;}

		#sidebar .widget h3 {font-size: 21px !important;}
		

	} /* ENDS media only screen and (min-width: 768px) and (max-width: 959px) */

	/* ------------------------------------------------------------------------ */
	/* All Mobile Sizes (devices and browser) / all under Tablet */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 767px) {
	.contact-number-mobile {display: block !important; color: #000 !important; text-align:center !important; font-size:24px !important; margin-top:8px !important; margin-bottom:8px !important; font-weight:bold !important;}

		.bullets {width: 100%; height: auto; background-repeat: no-repeat;}
		.bullets ul {padding: 0;margin-top: 180px;}

		#footer .widget_nav_menu {width: 45% !important;}
		#footer #nav_menu-2 {margin-right: 5% !important;}
		#footer h3 {margin: 0 !important;}
		#footer ul {margin: 0 !important;}

		#sidebar {margin: 0 !important;}

		#livechat-eye-catcher img {display: none !important;}

		.infobold {width: 100%;}

		#sidebar .widget_black_studio_tinymce,
		#sidebar .side-testimonials {
			display: none !important;
		}

		.image {
			float: left;
			margin: 0 0 10px;
			width: 100%;
		}

		#footer-logo {float: none !important;}

		div#ui-datepicker-div {
			width: 260px !important;
		}
		.ui-datepicker-multi .ui-datepicker-group {
			float: none !important;
			width: 100% !important;
		}

		.gform_wrapper .top_label input.large,
		.gform_wrapper .top_label textarea.textarea {
			width: 94% !important;
			margin: 0 0 5px 0 !important;
		}

		.gform_wrapper .top_label select.large, 
		.gform_wrapper .top_label select.small {
			width: 100% !important;
			margin: 0 0 5px 0 !important;
		}

		.form-left {padding-left: 0 !important;}

		.gform_wrapper label {
			width: 100% !important;
		}

		.gform_wrapper .gform_footer {
			padding: 0 !important;
		}

		.page-id-6 .description .video-container {
			display: none !important;
		}

		.faq-list {
			padding: 0;
			margin-right: 20px;
		}

		.extraquantity {width: 60%;}

		.extrainfo h2 {margin-bottom: 0px !important;}


	} /* ENDS media only screen and (max-width: 767px) */

	/* ------------------------------------------------------------------------ */
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 2. Step */
	/* ------------------------------------------------------------------------ */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#footer .widget_nav_menu {width: 45% !important;}
		#footer #nav_menu-2 {margin-right: 5% !important;}
		#footer h3 {margin: 0 !important;}
		#footer ul {margin: 0 !important;}

	} /* ENDS media only screen and (min-width: 480px) and (max-width: 767px) */

	/* ------------------------------------------------------------------------ */
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 3. Step */
	/* ------------------------------------------------------------------------ */
	@media only screen and (max-width: 479px) {

		#footer .widget_nav_menu {width: 45% !important;}
		#footer #nav_menu-2 {margin-right: 5% !important;}
		#footer h3 {margin: 0 !important;}
		#footer ul {margin: 0 !important;}

	} /* * ENDS media only screen and (max-width: 479px) */

#sidebar .box.black h3 {
	font-size:22px !important;
}

.contact-number {
	font-size: 20px !important;
    color: #EC2327 !important;
    float: right !important;
    font-weight: bold !important;
    background: #FFF;
    padding: 4px 10px 0 10px;
    border-radius: 4px;
    margin-top: 6px;
	position: relative;
}

.contact-number .question{
	font-size: 12px;
	line-height: 1px;
	color: #000 !important;
	margin: 10px 0 0 35px;
}

/* ------------------------------------------------------------------------ */
/* GLOBAL CONTENT STYLE
/* ------------------------------------------------------------------------ */

body {
	font-size: 14px;
}

blockquote p {
	border-color: #ec2327;
	color: #666;
}

.column {
	padding: 0 10px;
}

.container {
	padding: 0 10px;
	max-width: 1400px;
	width: auto;
	margin: 0 auto;
}

.container.narrow {
	max-width: 768px;
}

.container.wrap {
	padding-top: 20px;
}

section.content {
	padding: 50px 0;
}

@media only screen and (min-width: 960px) {
	.container {
		padding: 0 0 0 50px;
	}

	section.content {
		padding: 35px 0;
	}
	
}


@media only screen and (min-width: 1200px) {
	.container {
		padding: 0 0 0 80px;
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1275px) {
	
	.opening-hours {
	min-width: 250px;
	
}

}

@media only screen and (min-width: 992px) and (max-width: 1090px) {
	#header-v4 .logo img {
	margin-top: 20px;	
	width: 322px;
	height: auto	
		
	}
	
}

@media only screen and (min-width: 992px) and (max-width: 1139px) {
	.uspWrapper .usp li strong {
    font-size: 14px;
    		
	}
	
}

section.content h1 {
	font-family: 'Futura', Arial, sans-serif;
	color: #033649;
	font-weight: 600;
	font-size: 48px;
	text-decoration: italics;
	
}

section.content h3 {
	font-family: 'Futura', Arial, sans-serif;
	font-size: 48px;
}

section.content h3.dark {
	color: #666;
}

section.content h3.dark strong {
	color: #ec2327;
}

/*#content {
	margin-top: 20px;
}*/


/* Check list */

ul.checklist {
	margin: 0;
	padding: 0;
}

ul.checklist li {
	list-style: none;
	font-size: 16px;
}

ul.checklist li p {
	margin-left: 35px;
}

ul.checklist li i {
	float: left;
	font-size: 24px;
	color: #096a8e;
	line-height: 26px;
}

/*
.button-primary {
	font-size: 150%;
	background: #ec2027;
	color: #fff;
}

.button-primary:hover {
	background: #ec2327;
	color: #fff;
}
*/
.button-secondary {
	color: #fff;
	background: #033649;
}

.button-secondary:hover {
	background: #096a8e;
	color: #fff;
}

.button-secondary:focus {
	color: #eee;
}

.button-large {
	font-size: 110%;
}
.button-xlarge {
	font-size: 125%;
}

.pure-button-primary,
a.pure-button-primary {
	background: #ec2327;
}

.pure-button-primary:hover,
.pure-button-primary:focus,
a.pure-button-primary:hover,
a.pure-button-primary:focus {
	color: #eee;
}


.content.passive {
	background: #f7f7f7;
}

/* ------------------------------------------------------------------------ */
/* LANDING
/* ------------------------------------------------------------------------ */

#page-landing p {
	font-size: 18px;
	line-height: 28px;
}


#intro h4 {
	font-family: "Futura";
	font-size: 28px;
}

#why-abel h4 {
	font-size: 28px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

#why-abel i {
	font-size: 64px;
	color: #096a8e;
	margin: 20px 0;
}

#why-abel a {
	color: #ec2327;
}

#why-abel a:hover {
	color: #cb1f23;
	text-decoration: underline;
}

#why-abel p {
	padding: 0 5px;
}


#truck-move-house {
	background-image: url(./images/truck-with-boxes-render.png);
	background-color: #f0f1f2;
	/*height: 360px;*/
	background-size: auto 100%;
	background-position: -300px bottom;
	background-repeat: no-repeat;
}

#page-landing #accessories {
	height: 360px;
	background-image: url(./images/trolley-render.png), url(./images/trolley-bg.png);
	background-size: auto 100%, 100% 100%;
	background-position: 0px bottom, right bottom;
	background-repeat: no-repeat;
}


@media only screen and (min-width: 768px) {
	
	#truck-move-house {
		background-position: -100px bottom;
	}

	#page-landing #accessories {
		background-position: right bottom;
	}

	#sidebar {
		padding-right: 20px;
	}

}