/*   
Theme Name: Boss Racing - Custom Theme
Description: Boss Racing - Kent
Author: Form Advertising
Author URI: http://www.formadvertising.com
Version: 1.2.1
*/

/*font-family: 'Open Sans', sans-serif;*/

* { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; }

#homeHead {
	display: block;
	position: relative;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	width: 100%;
  	height: 100vh;
}

#homeVideo {
	display: block; 
	background-color: #000;
	background-image: url("videos/Boss-c400-edited-comp.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	position: absolute; 
	width: 100%; height: 100vh;
	top: 0px;
	left: 0px;
}

#homeVideo video {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; /*z-index: 1;*/ display: block; -webkit-backface-visibility: hidden;}

#homeVideo .videoTint {display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #3b1a17; opacity: 0.45;}


#regHead {	
	display: block;
	position: relative;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	width: 100%;
  	height: 75vh;
}

.downArrow {display: block; position: absolute; background: url("images/down_icon.png") no-repeat center center; width: 40px; height: 30px; bottom: 20px; left: 50%; margin-left: -20px; border: 0px solid yellow}


/* H tags */
#homeHead h1, #regHead h1 {color: #fff; font-size: 62px; line-height: 64px; font-family: 'Oxygen', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 300; display: block; text-align: center; /*margin-top: 22vh;*/ padding: 0px 40px; /*text-shadow: rgb(0, 0, 0) 0px 0px 6px;*/}
#homeHead h2.h1sub, #regHead h2.h1sub {font-family: 'Open Sans', sans-serif; font-weight: 400; color: #fff; font-size: 26px; text-align: center; /*text-shadow: rgb(0, 0, 0) 0px 0px 6px;*/ padding: 0px 40px; margin-bottom: 20px}

h3  {color: #fff !important; font-size: 34px; font-family: 'Oxygen', sans-serif;}



/* HOME PAGE BITS */
.col4-flex {display: flex; flex-direction: row; flex-wrap: wrap; border: 0px solid blue;}

h3.newsTitle {display: block; width: 100%; color: #ee2e2b !important; text-align: center; text-transform: uppercase; padding: 26px;}

.homeSubBlock {display: block; position: relative; width: 25%; text-align: center; color: #fff; font-weight: 400; padding: 30px 0 80px;}
.homeSubBlock .paneCTAOutline {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}

.vertCenter {display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; border: 0px solid green; padding: 0px; text-align: center}
.noPad {padding: 0px !important;}

#homeHead .vertCenter {display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding-bottom: 0px; border: 0px solid green;}
#regHead .vertCenter {display: block; position: absolute; top: 55%; transform: translateY(-50%); width: 100%; border: 0px solid pink;}
.homeSubBlock h2.btitle, .homeSubBlock h3.btitle, .homeSubBlock h4.btitle, .homeSubBlock h5.btitle { color: #fff !important; display: inline-block; position: relative; font-size: 34px; line-height: 36px; font-family: 'Oxygen', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 300; display: inline-block; margin: 10px; text-align: center;}

p.btext, p.bxtext {display: block; font-size: 20px; line-height: 26px; color: #fff; text-align: center; border: 0px solid blue; margin: 10px auto 20px; width: 80%; opacity: 0.9;}
p.bxtext {font-size: 26px; line-height: 28px; }
p.bxxtext, .bxxtext {font-size: 52px; line-height: 56px; }
p.stext {display: block; font-size: 14px; line-height: 20px; color: #fff; text-align: center; border: 0px solid blue; margin: 10px auto 20px; width: 90%}


.picBlock p.btext {color: #fff; text-shadow: rgb(0, 0, 0) 0px 0px 3px;}

.orangeBlock {background: #ee2e2b;}

.newsSubBlock {display: block; position: relative; width: 25%; padding: 0px 40px 80px 40px; border-right: 0px solid #ee2e2b; text-align: center; color: #292929;}
.newsSubBlock .newsSubImage {background: #292929; width: 100%; height: 150px; margin-bottom: 10px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} 
.newsSubBlock .blogTitle {font-size: 20px; line-height: 26px;}
.newsSubBlock .paneCTAOrange {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.newsSubBlock .paneCTAOrange:hover {border: 2px solid #ee2e2b;}

.newsSubBlock .blogDate {opacity: 0.4; font-weight: 600}


/* HOME PAGE BITS ENDS */




/* HOME PAGE SIGN UP PANE */
.homeSignup, .aboutQuotes, .carTerms, .contactForm {display: block; background: #292929; margin-bottom: 0px; color: #fff; padding-top: 40px; clear: both; text-align: center; border: 1px solid transparent}
.homeSignup p {display: block; font-size: 16px; text-align: center; font-weight: bold; font-size: 16px; line-height: 20px; width: 70%; margin: 0px auto}

/* HOME PAGE SIGN UP PANE ENDS */
a, .red { color: #ee2e2b; text-decoration: none; outline: 0; }

/* Header elements */
.header { height:85px; }
#homeHead .header, #homeHead .nav, #regHead .header, #regHead .nav { background: url("images/home_nav_bg.png") top left; }
.logo { margin: 20px 0px 0px 0px; }

/* Navigation elements */
.nav { border-bottom: 1px solid #fff; margin: 0px !important; }
#nav { list-style-type:none; display: inline-block; margin:0px 0px 1px 0px; padding:0; text-align: center; }
#nav li { display:inline-block; margin-right: 15px; line-height: 2.5em;}
#nav a { color: #fff; font-family: 'Open Sans', sans-serif; text-align: left; font-weight: 700; font-size: 14px; }
#nav a:hover { color: #ee2e2b;!important; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}

/* Header contact details and social link elements */
.straps, .straps .tel { padding-top: 20px; font-family: 'Open Sans', sans-serif; font-size: 14px !important; line-height: 20px; font-weight: bold !important; color: #ee2e2b;}
.straps a, .straps .tel {color: #fff; bottom: 4px;}
.straps a:hover {color: #000; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}
.straps a:hover {color: #ee2e2b;}

.straps img {display: inline-block; margin-right: 10px; margin-bottom: -4px; height: 18px; width: 18px; }


/* Background colours */
.orangeBg1 {background: #e22523; border: 1px solid transparent}
.orangeBg2 {background: #ee2e2b;}
.orangeBg3 {background: #fd3b38;}


/* Button links */

a.paneCTAOutline, a.paneCTAOrange {display: inline-block; background: none; position: relative; width: 180px; font-weight: bold; color: #fff; height: 38px; font-size: 18px; line-height: 34px; margin-right: 10px; margin-bottom: 10px; border: 2px solid white; text-align: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}

a.paneCTAOrange:last-of-type {margin-right: 0px;} 

a.paneCTAOutline:hover {background: #fff; color: #ee2e2b; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}

a.paneCTAOrange {background: #ee2e2b; color: #fff; border: 2px solid #ee2e2b;}
a.paneCTAOrange:hover {background: #fff; color: #ee2e2b; border: 2px solid #fff;}


/* Quad block */
.quadBlock {display: flex; margin: 0px; overflow: hidden}
.quadSubBlock { display: block; position: relative; text-align: center; width: 25%; padding: 20px; float: left; color: #fff; }

/* Quint block */
.quintBlock {display: flex;}
.quintSubBlock { display: block; position: relative; text-align: center; width: 20%; padding: 20px; float: left; color: #fff; }


/* Triple block */
.tripleBlock {display: flex;}
.tripleSubBlock { display: block; position: relative; text-align: center; width: 33.33%; padding: 20px; float: left; color: #fff; }
.tripleDoubleSubBlock { display: block; position: relative; text-align: center; width: 66.65%; padding: 20px; float: left; color: #fff; }

.page-id-191 .tripleSubBlock:nth-child(1) {background: #e22523;}
.page-id-191 .tripleSubBlock:nth-child(2) {background: #ee2e2b;}
.page-id-191 .tripleSubBlock:nth-child(3) {background: #fd3b38;}
.page-id-191 .tripleSubBlock .aboutIcon { margin-top: 10px; margin-bottom: 10px; }
.page-id-191 .tripleSubBlock .paneCTAOutline {position: absolute !important; bottom: 40px; left: 50%; margin-left: -90px;} 


/* Double block */
.doubleBlock {display: flex;}
.doubleSubBlock { display: block; position: relative; text-align: center; width: 50%; padding: 20px 40px 40px 40px; float: left; color: #fff; }
.doubleSubBlock:nth-child(even) {border: 0px solid blue}


/* About us Testomonials styles */
.aboutQuotes {overflow: hidden; padding-bottom: 20px;}
.aboutQuotes .slides {min-height: 200px; padding-bottom: 20px; margin: 0px;}
.aboutQuotes .slides .slide {display: none;}
.aboutQuotes .slides li p {color: #fff; font-size: 18px; line-height: 30px; font-family: 'Oxygen', sans-serif; padding: 0px 20%;}
.aboutQuotes .slides .quoteMark {display: inline-block; position: relative; width: 50px; height: 20px;} 
.aboutQuotes .slides li p em {position: absolute; display: block; left: 10px; bottom: -30px; text-align: center; color: #ee2e2b; font-size: 60px; line-height: 50px; font-style: normal; font-family: Georgia,Times,Times New Roman,serif; }
.aboutQuotes .slides li p.testominialName { font-weight: 600;  margin-bottom: 2px; }

/* about us page */
.page-id-191 #regHead {background: url("images/main_about_bg.jpg") no-repeat center center;}

.page-id-191 .tripleSubBlock { padding: 20px 40px 100px 40px;}
.aboutPic01, .aboutPic02 {height: 330px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.aboutPic01 {background: url("images/about_pic01.jpg") no-repeat center center;}
.aboutPic02 {background: url("images/about_pic02.jpg") no-repeat center center;}

/* services page */
.page-id-9 #regHead {background: url("images/main_services_bg.jpg") no-repeat center center;}
.page-id-9 .doubleSubBlock ul li {display: inline-block; width: 50%; float: left; font-size: 16px; line-height: 18px; margin-bottom: 5px;}
.page-id-9 .servicesPic {}

/* Corporate page styles */
.page-id-7 #regHead {background: url("images/main_corp_bg.jpg") no-repeat center center;}
.page-id-7 .doubleSubBlock { padding: 20px 40px 50px 40px;  }
.page-id-7 .whatsInc { padding: 20px 20px 30px 20px; }
.corporate .quadSubBlock {padding: 0px; overflow: hidden; margin: 0px;}
.corporate .quadSubBlock .cars {width: 100%; height: auto; margin: 0px; vertical-align: bottom; }
.corpGenPic1 {background: #ee2e2b url("images/corp_gen_image.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}


/* Car selection page styles */
.page-id-11 #regHead {background: url("images/main_cars_bg.jpg") no-repeat center center;}
.page-id-11 .carTerms p {display: block; font-size: 14px; line-height: 20px; color: #fff; text-align: center; border: 0px solid blue; margin: 10px auto 20px; width: 90%}
.page-id-11 .carTerms table {margin: 0px auto;}
.page-id-11 .carPic {padding: 0px;}
.page-id-11 .quadBlock .btext {margin: 0px auto 0px;}


/* Tracks page styles */
.page-id-13 #regHead {background: url("images/main_tracks_bg.jpg") no-repeat center center;}
.page-id-13 .trackPic {padding: 20px 20px 20px 20px;}
.page-id-13 .trackPic img {width: 100%; height: auto;}


/* FAQ page styles */
.page-id-198 #regHead {background: url("images/main_faq_bg.jpg") no-repeat center center;}
.page-id-198 .faqLink {display: block; color: #fff; font-size: 16px; line-height: 20px; margin-bottom: 10px; text-decoration: none; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}
.page-id-198 .faqLink:hover {color: #000; text-decoration: underline}
.page-id-198 .btext {margin-bottom: 0px; border-top: 1px solid #fd3b38; padding-top: 20px;}


/* Race results page styles */
.page-id-1455 #regHead {background: url("images/main_results_bg.jpg") no-repeat center center; height: 50vh; background-size: cover}
.page-id-1455 .h1sub {display: block; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 20px; line-height: 22px; text-align: center; padding: 0px 40px; margin-bottom: 40px; margin-top: 0px;}

#raceResults .resultsBlock {display: flex; border-bottom: 10px solid #fff;}
#raceResults .resultsBlock:nth-child(even) {display: flex; flex-flow: row-reverse nowrap;}
#raceResults .resultsBlock .doubleSubBlock {display: flex; position: relative; width: 33.333%; padding: 40px 40px; justify-content: center; align-items: center; flex-flow: nowrap;}

#raceResults .resultsTable {margin: 20px auto; padding-top: 20px;}
#raceResults .resultsTable td {padding: 10px 10px; opacity: 0.8; border-bottom: 1px solid #e22523;}
#raceResults .resultsTable tr:last-of-type td {border-bottom: none;}
#raceResults .resultsTable .bossDriver td {font-weight: bold; font-size: 1.1em; opacity: 1;}

#raceResults .resultsBlock .raceDate {font-weight: bold; margin-bottom: 5px;}
#raceResults .resultsBlock .raceName {font-size: 34px; line-height: 36px; font-weight: 400; margin-top: 5px; font-family: 'Oxygen', sans-serif;}
#raceResults .resultsBlock .raceLocation {font-size: 24px; line-height: 26px; font-weight: 400;}
#raceResults .resultsBlock .raceCopy {margin-top: 20px; border-top: 1px solid #ee2e2b; padding-top: 20px;}

#raceResults .resultsBlock .legal {color: #f8d9d7; font-size: 0.9em; }
#raceResults .resultsBlock .legal a {color: #f8d9d7; text-decotation: underline;}
#raceResults .resultsBlock .legal a:hover {color: #fff;}

#raceResults .resultsBlock a.resultsLink {color: #fff; text-decotation: none;}
#raceResults .resultsBlock a.resultsLink:hover {text-decoration: underline;}

/* Blog page styles */
.category-blog #regHead, .single-post #regHead, .archive #regHead {background: url("images/main_blog_bg.jpg") no-repeat center center; height: 50vh;}
.category-blog .eight, .single-post .eight, .archive .eight {padding-right: 40px; margin-top: 20px;}
.category-blog p.bxtext, .single-post p.bxtext, .archive p.bxtext {text-align: left; margin: 0px; width: 100%; font-size: 30px;}
.category-blog p.bxtext a, .single-post p.bxtext a, .archive p.bxtext a {color: #000 !important;}
.category-blog p.bxtext a:hover, .single-post p.bxtext a:hover, .archive p.bxtext a:hover {color: #ee2e2b !important;}
.category-blog .bdate, .single-post .bdate, .archive .bdate {display: inline-block; font-size: 14px; line-height: 16px; font-weight: bold; color: #fff; text-align: left; padding: 4px; background: #ee2e2b; margin-top: 10px}
.category-blog .stext p, .single-post .stext p, .archive .stext p {display: block; font-size: 14px; line-height: 20px; color: #fff; text-align: left; color: #000; margin: 10px auto 20px; }
.category-blog hr, .archive hr {display: block; background: #ee2e2b; height: 1px; border: 0px; margin: 40px 0px 20px 0px;}
.category-blog h4, .single-post h4, .archive h4 {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc}
.category-blog ol, .category-blog ul, .single-post ol, .archive ul, .archive ol, .single-post ul { margin-left: 14px; }
.category-blog li, .single-post li, .archive li { color: #ccc; font-size: 12px }

.category-blog .sidebar, .single-post .sidebar, .archive .sidebar {margin-top: 20px; padding-left: 30px; border-left: solid 4px #ee2e2b}







/* Contact page styles */
.page-id-21 #regHead {background: url("images/main_contact_bg.jpg") no-repeat center center;}
.page-id-21 .contactDetails a {color: #fff; text-decoration: none;}
.page-id-21 .contactDetails a:hover {text-decoration: underline;}
.page-id-21 .contactMap iframe {border:0; position: absolute; height: 100%; left: 0px}
.page-id-21 .conactGenPic1 {background: #ee2e2b url("images/corp_gen_image.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}



.tripleInfoPanes .paneCTAOutline {width: 240px; margin-top: 20px}

.body {
	margin-top: 1em;
	border: 0px solid pink;
}


.rsBullets {
	display: none !important;
	visibility: hidden !important;
	border: 2px solid pink;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.banner {
	background: #910101 url('/img/maingrad.png') repeat-x left top;
	height: 240px;
}

.bannerhome {
	background: #910101 url('/img/maingrad.png') repeat-x left top;
/*	height: 360px;*/
}

.redbar {
	height: 10px !important;
	background-color: #ee2e2b;
}

.blackbar {
	height: 10px !important;
	background-color: #000;
}


.SubQuoteBar {padding: 26px; text-align: center; color: #000; background-color: #fff;}
.SubQuoteBar p {color: #000 !important; font-size: 34px; font-family: 'Oxygen', sans-serif; }





.gradientbox {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,207,207,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(209,207,207,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,207,207,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,207,207,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,207,207,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(209,207,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1cfcf', GradientType=0 );
}

.greyborder {
	border: 1px solid #e6e7e8;
}




li.lastnav {
	margin-right: 0px !important;
}



.bigbutton {
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 20px 30px 20px 30px;
	font-family: Abel, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.smallbutton {
	background: #000;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	font-family: Abel, Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.bottommargin, .marginbottom {
	margin-bottom: 2em;
}

.marginbottomsmall {
	margin-bottom: 1em;
}

.margintopsmall {
	margin-top: 1em;
}

.margintop {
	margin-top: 2em;
}


/* Footer styles */

.footer { background: #000; font-size: 12px !important; min-height: 200px; padding-top: 40px; color: #fff;}
.footer p {display: inline-block; font-size: 16px; line-height: 26px; color: #fff; text-align: left; border: 0px solid blue;}
.footer .icn {display: inline-block; margin-right: 10px; margin-bottom: -7px; height: 26px; width: 26px; }
.footer a {color: #fff}
.footer a:hover {color: #ee2e2b; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out}
.footer .twelve {margin-top: 30px; text-align: center;}
.footer .formadvertising {display: block; width: 100px; height: auto; margin: 10px auto; text-align: center; }

.homebutton {
	width: 278px;
}

.linkspanner { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
} 

.clearFloats {display: block; width: 100%; height: 0px; clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.resShow {display: none;}



.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 967px) {
	.category-blog .eight .post img, .single-post .eight .post img, .archive .eight .post img {width: 100%; height: auto; border: solid 0px #ee2e2b}

	/* home page news and features blocks */
	.col4-flex .newsSubBlock {border: 0px solid blue; width: 50%;}
	.col4-flex .homeSubBlock {border: 0px solid blue; width: 50%;}


	/* Race results page styles */
	#raceResults {display: block; position: relative; margin-bottom: 20px;}
	#raceResults .resultsBlock {display: block; position: relative; border-bottom: 10px solid #fff; margin-bottom: 20px;}
	#raceResults .resultsBlock:nth-child(even) {display: block; flex-flow: none}
	
	#raceResults .resultsBlock .doubleSubBlock {display: block; position: relative; width: 100%; padding: 40px 40px; justify-content: center; align-items: center; flex-flow: nowrap;}
	#raceResults .servicesPic {height: 250px;}




}

@media (max-width: 767px) {
	#homeHead, #regHead {text-align: center}
	#homeHead h1, #regHead h1  {font-size: 34px; line-height: 34px; margin-top: 50px; }
	#homeHead p.h1sub, #regHead p.h1sub {font-size: 22px; margin-bottom: 22px}
	
	#regHead { height: auto; }
	
	#homeHead .vertCenter, #regHead .vertCenter { position: relative; top: 0%; transform: translateY(0%); padding-bottom: 60px; margin: 10px 0px 0px 0px; }

	.SubQuoteBar p {font-size: 30px; line-height: 32px; text-align: center }
	
	.logo {margin: 20px auto;}
	#nav { margin:0px 0px 10px 0px; }
	#nav li { line-height: 1.6em; }

	
	/* home page news and features blocks */
	.col4-flex .newsSubBlock {border: 0px solid blue; width: 100%;}
	.col4-flex .homeSubBlock {border: 0px solid blue; width: 100%;}


	.aboutQuotes .slides li p {padding: 0px 5%;}
	
	
	.picBlock2 {border-bottom: 7px solid #fff}
	
	.testominialBox { padding: 30px 30px 30px 90px; }
	
	
	
	.resHide {display: none;}
	.resShow {display: block;}
	
	.tripleBlock {display: block;}
	.tripleSubBlock, .tripleDoubleSubBlock { width: 100%; float: none; border: 1px solid transparent}

	.doubleBlock {display: block;}
	.doubleSubBlock { width: 100%; float: none; padding: 20px 10px 40px 10px;}
	
	.quadBlock {display: block;}
	.quadSubBlock {width: 50%; padding: 10px;}
	
	.quintBlock {display: block;}
	.quintSubBlock { padding: 10px;/*width: 100%; float: none;*/}
	
	/* about us page */
	.page-id-191 .tripleSubBlock { padding: 20px 10px 100px 10px; }
	
	/* corp page */
	.page-id-7 .quadBlock {display: block;}
	.page-id-7 .quadSubBlock {width: 100%}
	.page-id-7 .corpGenPic1 {display: none;}
	.page-id-7 .quintBlock {display: block;}
	.page-id-7 .quintSubBlock {width: 50%;}
	.page-id-7 .quintSubBlock:nth-child(5) {width: 100%;}
	.page-id-7 .doubleSubBlock { padding: 20px 10px 50px 10px; }
	
	/* cars page */
	.page-id-11 .carPic {height: 30vh}
	.page-id-11 table {width: 90%; }
	
	/* services page */
	.page-id-9 .servicesPic {height: 25vh}


	/* contact page */
	.page-id-21 .contactAddress .vertCenter {position: relative; top: 0; transform: translateY(0%);}
	.page-id-21 .contactMap {height: 230px}
	.page-id-21 .conactGenPic1 {display: none;}
	
	.footer { padding-top: 40px;}

  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}





.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}