/*
	Theme Name: Bay Digtial - Comet Contiental
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.col-3-full *, .nav *{
	transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

a img{
    border: 0px;
}

a {
	text-decoration:none;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
}

.fl-right{
	float: right;
}

.fl-left{
	float: left;
}

.alignleft{
	float: left;
	margin-right: 10px;
}

.alignright{
	float: left;
	margin-right: 10px;
}


/* ------------------------------------
   STRUCTURE
  ------------------------------------*/


body, html{
	margin: 0;
	padding: 0;
	background: url(img/bg.jpg) repeat;
}

.wrapper{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

#menu-cat{
	display: none;
}


/*------------------------------------*\
   IMAGE
\*------------------------------------*/


img{
	max-width: 100%;
}



/*------------------------------------*\
   SLIDER
\*------------------------------------*/

#slideshow{
	width: 100%;
	display: block;
	border-bottom: 2px solid #222222;
	overflow: hidden;	
}

#top-image-wrapper{
	height: 600px;
	width: 100%;
	display: block;
	position: relative;
}

#top-image{
	height: 100%;
	width: 100%;
	background: no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.royalSlider.rsUni .rsArrow{
	z-index: 9999;
}


.flex-prev:hover, .flex-next:hover{
	color: #333333;
}

/*------------------------------------*\
   HEADER
\*------------------------------------*/
img#tagline{
	position: absolute;
	z-index: 900;
	left: 0;
	bottom: 0;
	display: block;
}

.hideMe{
	display: none;
}

#header-section{
	position: relative;
}

#header{
	position: absolute;
	z-index: 9998;
	width: 100%;
	top: 0;
	background:#ffffff;
	height: 80px;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(40, 40, 40, 0.55);
	-moz-box-shadow:    3px 3px 11px 0px rgba(40, 40, 40, 0.55);
	box-shadow:         3px 3px 11px 0px rgba(40, 40, 40, 0.55);
	margin-top: 80px;	
	
}

#header .wrapper{
	width: 1200px;
}


#slideshow{
	position: relative;
}

.comet{
	  background:rgba(0,0,0,0.7);
	  bottom: 20px!important;	
	  position: absolute!important;
	 left: 0!important;
	 right: 0!important;
	 margin: 0 auto!important;
	 text-align: center !important;
	 width: 800px !important;
	 height: 65px !important;
	 padding: 10px;
	 font-size: 20px !important;

}


.EOFY{
	  background:#f4da00;
	  bottom: 20px!important;	
	  position: absolute!important;
	 left: 0!important;
	 right: 0!important;
	 margin: 0 auto!important;
	 text-align: center !important;
	 width: 100% !important;
	 height: 88px !important;
	 padding: 10px;
	 font-size: 20px !important;
}

.EOFY h3{
	color: #a41f00;
	font-weight: bold;
}

.EOFY a{
  color: #222222;
  font-size: 15px;
  margin-top: -5px;
  display: block;
  font-weight: 500;
}

.EOFY a:hover{
	color: #000000;

}

 /*------------------------------------*\
   LOGO
\*------------------------------------*/

a#logo{
	padding: 55px 20px 30px 20px;
	display: block;
	background: #fefefe;
	float:left;
	position: relative;
	z-index: 9999;
	-webkit-box-shadow: 3px 3px 11px 0px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    3px 3px 11px 0px rgba(50, 50, 50, 0.55);
	box-shadow:         3px 3px 11px 0px rgba(50, 50, 50, 0.55);
	margin-top: -80px;
}

a#logo img{
	max-width: 100%;
}

/*------------------------------------*\
    HEADER CONTACT
\*------------------------------------*/


#header-contact{
	position: absolute;
	z-index: 999999;
	margin-top: -65px;
	right: 0;
}

#header-phone, #header-form{
	display: inline-block;
}

#header-phone{
	margin-right: 60px;
}


/*------------------------------------*\
    NAV / HEADER
\*------------------------------------*/


.nav{
	width:900px;
	float: right;
}

.nav ul, .cart-widget ul{
	margin: 0;
	padding: 0;
}

.nav li, .nav{
	list-style: none;
	display: inline-block;
}

.nav a{
	color: #333333;
	text-transform: capitalize;
	display: inline-block;
	text-align: center;
	padding: 26px 18px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.nav li a:hover{
	color: #ca964c;
}

/* NAV CHILD */


.nav ul ul {
    position:absolute;
    left:-9999px; 
 	width: 360px;
    z-index: 999999;
    background:rgba(0,0,0,0.8);
    margin: 0;
    padding: 0;
}

.nav ul ul li a{
 	display: block;
 	color: #ffffff;
    margin: 0;
    padding: 10px;
}

.nav ul ul li {
	width: 180px; 
 	float: left;
  	 margin: 0;
    padding: 0;

}

.nav ul ul li a:hover{
}

.nav ul li:hover > ul {
 	left:auto;
}

.nav .menu-item-has-children > a:after {
	display: block !important;
	font-family: 'FontAwesome';
	font-size: 100%;
	margin-left: 10px;
	width: 10px;
	font-size: 16px;
	margin-top: -2px;
	content: "\f107" !important;
	float: right;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

a.image-wrap{
	margin-bottom: 10px;
	display: block;
}

.gallery ul, .gallery li{
	list-style: none;
	padding: 0;
	margin: 0;
}

.gallery li{
	margin-left: 12px;
	margin-bottom: 0px;
}

.gallery ul{
	margin-left: -12px;
}


/*------------------------------------*\
    COLUMNS
\*------------------------------------*/




.col-1 img, .col-1-2 img, .col-1-3 img, .col-1-4 img, .col-2-4 img{
	max-width: 100%;
}


/* Full Width */

.col-1{
	width: 100%;
	clear: both;
}

/* Half Width */

.col-1-2.first, .col-1-3.first, .col-2-3.first, .col-2-4.first,  .col-3-4.first, .col-1-4.first{
	margin-left: 0;
}

.col-1-2{
	width: 47%;
	margin-left: 5%;
	float: left;
}

.col-1-2 iframe{
	max-width: 100%;
}

/* Third Width */


.col-1-3{
	width: 31.3%;
	margin-left: 3%;
	float: left;
}

/* Two Thirds Width */

.image-2-3{
	margin-top: 0;
	display: block;
}


.col-2-3{
	width: 64.6%;
	margin-left: 3%;
	float: left;
}

.col-1 , .col-1-2 , .col-1-3, .col-2-3{
	display: block;
}

.col-1-3.images{
	margin-top: 30px;
}


/* Three Col FUll */

.col-3-full{
	background: #000000;
	width: 33.33333%;
	float: left;
	position: relative;
}

.col-3-full img{
	opacity: 0.9;
}

.col-3-full a{
	display: block;
}

#above-footer a:hover span{
	 background:rgba(0,0,0,0.4);
}


/* Four Col */

.col-1-4{
	width: 24%;
	margin-left: 2%;
	float: left;
}

.col-2-4{
	width: 46%;
	float: left;
	margin-left: 4%;
}

.col-3-4{
	width: 70%;
	float: left;
	margin-left: 4%;
	
}

.page-template-template-page-two .col-3-4{
	margin-right: 4%;
}

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

.content{
	padding: 10px 40px;
	background:rgba(27, 27, 27, 0.95);
	margin-top: -50px;
	margin-bottom: 40px;
}

.page .content{
	padding: 30px;
}

.home .content{
	margin-top: 0;
	background: none;
}

.home .gallery img{
	padding: 0 10px 10px 10px;
}


/*------------------------------------*\
   SIDEBAR
\*------------------------------------*/

iframe{
	border: 5px solid #222222;
}

#sidebar-contact, .contact-booking{
	padding: 20px;
	background: #111111;
	border-radius: 5px;
}

.contact-booking p{
	font-size: 14px;
	margin: 5px 0;
}

.contact-booking p.half{
	width: 47%;
	display: inline-block;
	margin-left: 3%;
}

.contact-booking p.half.first{
	margin-left: 0;
}

.contact-booking{
	padding: 5px 20px;
}

.contact-booking h4{
	margin: 17px 0;
	border-bottom: 1px solid #222222;
	font-size: 19px;
}

.contact-booking textarea{
	height: 100px;
	margin-bottom: 20px;
}

#sidebar-contact div.wpcf7{
	margin: 0;
}

#sidebar-contact p{
	margin: 20px 0 0 0 ;
}

#sidebar-contact p.small{
	line-height: 1.3;
	margin: 0;
}

#sidebar-contact h3{
	font-weight: bold;
	font-size: 25px;
}

#sidebar-contact input, #sidebar-contact textarea, input, textarea{
	width: 100%;
	background: #202020;
	border: #222222;
	color: #ffffff;
}

#sidebar-contact input[type=submit], input[type=submit]{
	float: none;
	width: 160px;
	color: #111111;
	cursor: pointer;
	text-transform: uppercase;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #d9d9d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#d9d9d9 100%); /* W3C */

}

#sidebar-contact input[type=submit]:hover, input[type=submit]:hover{
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #bcbcbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#bcbcbc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#bcbcbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}


div.wpcf7{
	display: block;
}

.wpcf7 i{
	display: block;
	position: absolute;
	z-index: 9999;
	padding: 11px;
	color: #666666;
}


input, textarea{
	padding: 10px;
	display: block;
	border-radius: 2px;
	font-size: 14px;
}

input[type=submit]{
	padding: 13px 30px;
	border-radius: 4px;
}


/*------------------------------------*\
   PAGE
\*------------------------------------*/


.page .wrapper{
	width: 1200px;	
}

.home.page #title-bg{
	display: none;
}

#title-bg{
 position: absolute;
 z-index: 99;
 width: 100%;
 bottom: 0;
 background: rgba(0,0,0,0.4);
 height: 85px;
}


h1.title{
	font-size: 30px;
	color: #ffffff;
	margin: 10px 0 20px 0;
}

div.wpcf7 img.ajax-loader{
	display: none;
}

span.wpcf7-not-valid-tip{
	font-size: 12px;
}


/*------------------------------------*\
   CARS SECTION
\*------------------------------------*/

#content-cars ul{
	margin: 0.5% 1%;
	padding: 0;
}

#content-cars a{
	color: #111111;
	text-align: center;
	display: block;
	margin-top: -10px;
}

#content-cars li{
	list-style: none;
	width: 13%;
	float: left;
	background: #ffffff;
	overflow: hidden;
	margin: 0.5%;
	padding: 15px 10px;
	border-radius: 2px;
}

#content-cars li img{
	transition: all .4s ease-in-out; 
}

#content-cars li:hover img{
	 -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
}

#content-cars span{
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	width: 200px;
	padding: 7px 20px;
	text-align: center;
	border: 1px solid #ffffff;
	color: #2f3131;
	text-transform: uppercase;
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #d9d9d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#d9d9d9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.75);
	border-radius: 2px;
}

#content-cars a:hover span{
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #bcbcbc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#bcbcbc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefefe 0%,#bcbcbc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}



/*------------------------------------*\
   ICON SECTION
\*------------------------------------*/


#icon-section a{
	float: left;
	width: 33.3%;
	display: block;
	text-align: center;
	margin-bottom: 20px;
	position: relative;
}

#icon-section a#feature p{
	color: #ca964c;

}

#icon-section p{
	display: block;
	margin: 0 auto;
	width: 190px;
	line-height: 1.2;
}

#content-icons img.hov, #content-icons img.ico{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 3;
}

#content-icons img.ico{
	z-index: 4;
}

#content-icons img.hov{
	opacity: 0;
		transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}


 #content-icons .feat-icons{
 	position: relative;
 	height: 216px;
 	margin-bottom: 5px;
 }

 #content-icons .feat-icons:hover img.hov{
	opacity: 1;
}

#content-icons #feature  .feat-icons:hover img.hov{
	z-index: 6;
}

#content-icon-bg{
	background:rgba(27, 27, 27, 0.95);
	padding: 40px 0 45px 0;
	margin-bottom: 40px;
}


/*------------------------------------*\
    QUOTES
\*------------------------------------*/

#content-quote-bg{
	background: rgba(27, 27, 27, 0.95);
	margin-bottom: 40px;
	padding: 40px 0;
	min-height: 210px;
}

#content-quote li{
	}

#content-quote span{
	height: 70px;
	width: 70px;
	margin-right: 20px;
	display: block;
	background: url(img/quote.png) no-repeat left;
	float: left;
}

#content-quote em{
	margin-top: -15px;
	display: block;
	font-size: 18px;
	float: left;

}


/*------------------------------------*\
    FAQ
\*------------------------------------*/

.page-template-template-faq .content strong{
	color: #ca964c;
	margin-bottom: -15px;
	display: block;
}

.page-template-template-faq .content p{
	line-height: 1.4;
	margin-bottom: 35px;
}


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


#footer{
	color: #222222;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
} 

#footer .wrapper{
	border-bottom: 1px solid #e0dada;
	padding: 50px 0;
}

#copyright{
	float: left;
}

#footer li, #footer ul{
	margin: 0;
	padding: 0;
}

#footer ul.sub-menu{
	padding-top: 10px;
}

#footer ul > li{
	width: 145px;
	padding: 3px 0;
	display: inline-block;
	vertical-align: text-top;
}

#footer li li{
	margin-left: -10px;
}

#footer ul ul li:before{
	display: block !important;
	font-family: 'FontAwesome';
	font-size: 100%;
	margin-left: 10px;
	width: 10px;
	height: 35px;
	font-size: 16px;
	content: "\f105" !important;
	float: left;
	color: #000000;
}

#footer li a, #footer p{
	font-size: 15px;
	color:#333333;
}

#footer h3{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0dada;
}

#footer .hide{
	display: none;
}

li.current_page_item a{
	font-weight: 600;
}

.contact-details-2 div{
	display: inline-block;
}

.contact-details-2 div img, 
.contact-details-1 img{
	vertical-align: middle;
	margin-right: 7px;
	margin-left: 25px;
}

.contact-details-1 img{
	margin-left: 0;
}

.contact-details-1 span{
	margin-left: 55px;
	margin-top: -45px;
  	display: block;
  	line-height: 1.4;
}




/*------------------------------------*\
    BELOW FOOTER
\*------------------------------------*/

.below-footer{
	background: #fefefe;
	padding-top: 5px;
	padding-bottom: 40px;
}

.below-footer a, .below-footer p{
	color: #353739!important;
	font-size: 13px;
}


.below-footer a:hover{
	color: #353739;
}


/*------------------------------------*\
    BUTTONS
\*------------------------------------*/

#buttons{
	margin-left: 45px;
	margin-top: 55px;
}

a.cta-button.gold{
	padding: 10px 50px 10px 60px;
}

a.cta-button{
	display: block;
	padding: 10px 35px 10px 45px;
	color: #ffffff;
	font-weight: 600;
	border-radius: 6px;
	position: relative;
}

a.cta-button:hover{
	color: #ffffff;
}

a.cta-button img{
	position: absolute;
	left: -45px;
	top: -10px;
}

a.cta-button.green{
	background: #98bb1b; /* Old browsers */
	background: -moz-linear-gradient(top,  #98bb1b 0%, #6f8e01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98bb1b), color-stop(100%,#6f8e01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98bb1b 0%,#6f8e01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98bb1b 0%,#6f8e01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98bb1b 0%,#6f8e01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #98bb1b 0%,#5b8e01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bb1b', endColorstr='#6f8e01',GradientType=0 ); /* IE6-9 */
}

a.cta-button.green:hover{
	background: #98bb1b; /* Old browsers */
	background: -moz-linear-gradient(top,  #98bb1b 0%, #588200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98bb1b), color-stop(100%,#588200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #98bb1b 0%,#588200 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #98bb1b 0%,#588200 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #98bb1b 0%,#588200 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #98bb1b 0%,#588200 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98bb1b', endColorstr='#588200',GradientType=0 ); /* IE6-9 */

}


a.cta-button.gold{
	background: #cfa058; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfa058 0%, #aa731b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfa058), color-stop(100%,#aa731b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfa058 0%,#aa731b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfa058 0%,#aa731b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfa058 0%,#aa731b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfa058 0%,#aa731b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfa058', endColorstr='#aa731b',GradientType=0 ); /* IE6-9 */
}

a.cta-button.gold:hover{
	background: #cfa058; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfa058 0%, #a86700 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfa058), color-stop(100%,#a86700)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfa058 0%,#a86700 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfa058 0%,#a86700 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfa058 0%,#a86700 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfa058 0%,#a86700 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfa058', endColorstr='#a86700',GradientType=0 ); /* IE6-9 */
}



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


html,
button,
select,
p, h1, h2, h3, h4{
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

strong{
	font-weight: 600;
}

p, span, body{
	font-size: 17px;
	line-height: 1.9;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a{
	margin: 0;
	padding:0;
	font-weight: normal;
	color: #ffffff;
}

h1{
	font-size: 38px;
}

h2{
	font-size: 25px;
	color: #ca964c;
	line-height: 1.2;
}

h3{
	font-size: 22px;
}

h4{
	font-size: 18px;
}

h5{
	font-size: 14px;
}

hr{
	background: url(img/hr.png) no-repeat left;
}

a {
	color:#ffffff;
	text-decoration:none;
	border-style:none;
}

.home strong{
	font-size: 20px;
}


a:hover {
	color:#ffffff;
}


/*------------------------------------*\
    MEDIA QURIES
\*------------------------------------*/

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

	img#tagline{
	bottom: 50px;
	}

	.home img#tagline{
		bottom: 0;
	}

}


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

	#header .wrapper, .page .wrapper{
		width: 100%;
		margin: 0;
		padding: 0;
	}	

	/* Logo */

	a#logo{
		width: 220px;
		margin-left: 20px;
	}

	/* Footer */

	.wrapper, .wrapper-above-footer, #contact-details, #site-map{
		width: 100%;
		margin: 0;
	}

	.wrapper{
		padding: 0 40px;
	}

	.nav {
	  width: 850px;
	  float: right;
	}

	.nav a{

		padding: 26px 14px;

	}

	#buttons #header-form{
		margin-top: 20px;
	}


}


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

	
	#above-footer, #above-footer .col-3-full{
		height: 250px;
		overflow: hidden;
	}


	#content-cars-bg .wrapper{
		width: 100%;
	}

}

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

	 #tagline{
	 	display: none!important;
	 }

	/* Logo */

	a#logo{
		padding: 10px;
		width: auto;
		margin-left: 10px;
	}

	.rsUni.rsHor .rsArrowLeft, .rsUni.rsHor .rsArrowRight{
		display: none!important;
	}

	.rsContainer{
		pointer-events: none;
	}


	/* Homepage Cars */

	#content-cars a{
	  font-size: 15px;
	  line-height: 15px;
	  padding: 15px 0;
	}

	#content-cars li{
		height: 145px;
	}


	/* Above Footer */


	#above-footer .col-3-full{
		height: 170px;
	}

	#above-footer{
		height: 170px;
		overflow: hidden;
	}

	#above-footer span{
		left: 20px;
	}


	/* Footer */

	#footer{
		padding: 30px;
	}

	#footer .wrapper{
		padding: 0;
	}

	#site-map{
		margin-bottom: 40px;
	}

	.below-footer .fl-right{
		width: 100%;
		display: block;
	}



	#content-quote-bg{
		padding: 40px;
	}

	#footer .wrapper{
		padding-bottom: 30px;
	}

	.below-footer{
		padding: 0 30px;
	}

	.below-footer .fl-right{
		margin-top: 0;
	}

	#header{
		height: 90px;
	}

	.nav{
		display: none;
	}

	#menu-cat{
		display: block;		
	}

	#menu-dropdown{
		position: absolute;
		top: 90px;
		background: #2b2b2b;
		width: 100%;
		z-index: 999;
		display: none;
	}


	#menu-dropdown > ul{
		margin: 0 ;
		padding: 0;
		list-style:none;
		width: 100%;

	}

	#menu-dropdown > ul li a{
		padding: 15px;
		display: block;
		color: #ffffff;
		width: 100%;
		border-bottom: 1px solid #222222;
	}

	#menu-dropdown > ul li li a{
		padding: 10px;
	}

	#menu-dropdown ul li a:hover{
		color:#ca964c;

	}

	#menu-dropdown ul ul{
		padding: 0 0 15px 30px;
	
	}

	#menu-dropdown ul ul li{
		border: none;
	}

	#menu-dropdown ul li.menu-item-has-children:before{
		display: block !important;
		font-family: 'FontAwesome';
		width: 20%;
		height: 58px;
		font-size: 20px;
		padding: 15px;
		background: #333333;
		color: #ffffff;
		content: "\f105" !important;
		float: right;
		text-align: center;	
		cursor: pointer;
	}

	#menu-dropdown ul li.menu-item-has-children.menu-dropdown-down:before{
		content: "\f107" !important;
	}

	#menu-dropdown > ul li:first-child a{

	}

	.sub-menu{
		list-style: none;
		display: none;
	}

	#menu-dropdown-toggle{
		color: #444444;
		font-size: 30px;
		padding: 16px;
		text-align: center;
		cursor: pointer;
		margin-top: 10px;	
		display: block;
		width: 70px;
		height: 70px;
		float: right;
		line-height: 36px;
		margin-right: 10px;
		z-index: 99999999;
		border-radius: 3px;
		background: #fefefe; /* Old browsers */
		background: -moz-linear-gradient(top,  #fefefe 0%, #d9d9d9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefefe 0%,#d9d9d9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fefefe 0%,#d9d9d9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
		z-index: 999999;
	}



	/* Columns */

	.col-1-3{
	  width: 47%;
	  margin-left: 3%;
	}

	.col-1-3.third, .col-1-3.images, .col-2-3{
		margin-left: 0;
		width: 100%;
	}

	.col-2-4, .col-1-4, .col-3-4{
		margin-bottom: 30px;
		margin-left: 0;
		width: 100%;
	}

	/* Gallery */

	.gallery, #sidebar-contact{
		display: none;
	}

	/* Feature Icons */

	a.feat-icons-wrap{
		display: block;
		padding: 20px;
		height: auto;
	}

	#icon-section p{
		width: auto;
	}
}



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

	/* Header */

	#header-contact #header-form{
		display: none;
	}

	#header-phone{
		margin-right: 10px;
	}

	/* Slideshow */

	.comet{
		width: 100%!important;
		height: 100px!important;
	}

	/* Footer */

	.contact-details-2 div img{
		margin-left: 0;
	}

	.fl-right.contact-details-2{
		float: left;
		clear: both;
		margin-top: 20px;
	}

	/* Buttons */

	#buttons #header-form{
		clear: both;
		margin-left: 40px;
	}

	.EOFY {
	  top: 367px!important;
	  height: 135px !important;
	   bottom: auto!important;
	}

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


	#content-cars-bg{
		display: none;
	}

}


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



	/* Above Footer */

	.col-3-full, .col-3-full img{
		width: 100%;
	}

	#above-footer .col-3-full{
		height: 350px;
	}

	.col-1-3.third, .col-1-3.images, .col-2-3, .col-1-3, .col-1-2, .col-1-2.first{
		margin: 0;
		width: 100%;
	}

	#above-footer{
		height: auto;
	}

	/* Nav */

	.nav{
		width: 100%;
	}

	/* Feature Images */

	#content-cars a{
		width: 400px;
		display: block;
		margin: 0 auto;
		float: none;
	}

	#buttons a{
		margin-bottom: 25px;
	}


	#icon-section a{
		width: 48%;
		float: none;
		display: inline-block;
	}


	#content-cars img{
		max-width: 125%;
	}

	/* Footer */

	.fl-right.contact-details-2{
		float: left;
		margin-top: 20px;
	}

}


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

	#header-phone{
		margin-right: 10px;
	}


}


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

	/* Slider */

	#new-royalslider-1{
		 pointer-events: none;
	}

	/* Buttons */

	#buttons #header-phone, #buttons #header-form{
		margin-left: 0;
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}

}


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

	.EOFY {
		display: none!important
	}


	#header{
		margin-top: 35px;
	}

		
	.comet{	
		display: none!important;
	}

	#slideshow{
		max-height: 500px;
		overflow: hidden;
	}


	/* Above Footer */


	#above-footer .col-3-full{
		height: 250px;
	}

	/* Logo */

	#header{
		height: 85px;
	}

	a#logo{
		width: 200px;
	}

	/* Nav */

	#menu-dropdown-toggle{
		font-size: 22px;
		height: 60px;
		width: 60px;
		line-height: 27px;
	}

	#menu-dropdown{
		position: absolute;
		top: 90px;
		background: #2b2b2b;
		width: 100%;
		z-index: 999;
		display: none;
		right: 0;
		top: 85px;
	}

	#menu-dropdown ul li{
		border-bottom: 1px solid #282828;
	}


	#menu-dropdown ul li a:hover{
		background: #111111;
		color: #ffffff;
	}

	/* Slider */

	#slider{
		height: 300px;
		overflow: hidden;
	}


	#header-phone{
		margin: 125px auto 25px auto;
		display: block;
		width: 280px;
	}


	a#logo{
		margin-top: -20px;
	}

	#header-contact{
		margin-top: 0;
		left: 0;
		z-index: 8;
	}

	#menu-dropdown-toggle{
		z-index: 99999;
		position: absolute;
		right: 10px;
		margin-right: 0;
	}


	#menu-dropdown ul li{
		border-bottom: 1px solid #222222;
	}


}


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

	#content-icons .feat-icons{
		height: 190px;
	}

}


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


	#header-phone{
		margin: 125px 0 25px 50px;
		display: block;
		width: 262px;
	}


 	.even{
 		clear: both;
 	}

	#content-icons .feat-icons{
		height: 150px;
	}

	#icon-section a{
		width: 50%;
	}

	.contact-details-2 div, .contact-details-1 div{
		width: 100%;
		margin: 10px 0;
	}

	.contact-details-2 div img, .contact-details-1 img{
		margin-left: 0;
	}

	.fl-right{
		float: left;
	}


	.below-footer p{
		padding: 0 20px;
	}



	.content{
		margin-top: 0;	
	}

	a.cta-button.gold{
		padding: 10px 40px 10px 50px;
	}

	#header{
		margin-top: 30px;
	}

	/* Home Feature */


	#content-cars a{
		width: 100%;
	}

	#icon-section a{
		width: 49%;
	}


}

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

	#content-icons .feat-icons{
		height: 120px;
	}

	}