@import url("all.css");

html, body {background: #3d3b3a; overflow-x: hidden;}

iframe {width:100% !important; height:500px !important;}
#header {background: #3d3b3a; width: 100%; height: 160px; text-align: center; padding-top: 58px; padding-left: 15px;} 
#footer { width: 100%; text-align: center; color: #d0d0d0; margin-top: 200px;
background: #fff; padding: 40px 10px 40px 10px; font-size: 10px;}
#footer a {color: #ffde00;}

 
#car_wrap {height: 100%; width: 100%; margin-top:-160px; padding-top: 160px;}

 
#holder {height: 100%;  height: 100%; text-align: center;}

#holder:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
    
 }

#center{
  display: inline-block;
  vertical-align: middle;
  width: 98%;
  position: relative;
}

.car_wrap {height: 100%; width: 100%; margin-top:-160px; padding-top: 160px;}

 
.holder {height: 100%;  height: 100%; text-align: center;}

.holder:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
    
 }

.center{
	position: absolute; top: 0; left: 0; bottom: 0; right:0;
  margin: auto; margin-top: 100px; 
  width: 100%;
}
.caat{width: 52%;margin: 0 auto;}
.caat h1 {color: #fff; font-size: 35px; padding-top: 20%; font-weight: 100;}


#top_nav { width: 1022px; height: 50px; margin: 0 auto; margin-bottom: 70px;}




.tabz {width: 145px; float: left; color: #716f6e; height: 50px; padding-top: 12px;
	margin-left: 1px; 
}

.tabz {background: url("../images/blank.png") no-repeat 50% 100%; padding-bottom: 10px;
cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}


.tabz span { padding: 2px 0 10px 20px; }
#campaign {background:  url("../images/campaign.png") no-repeat;}
#branding {background:  url("../images/branding.png") no-repeat;}
#tvc {background:  url("../images/tvc.png") no-repeat;}
#radio {background:  url("../images/radio.png") no-repeat;}
#print {background:  url("../images/print.png") no-repeat;}
#outdoor {background:  url("../images/outdoor.png") no-repeat;  padding-left: 26px;}
#other {background:  url("../images/other.png") no-repeat;}
.tabz:first-child {margin-right: 0;}

.actives, .tabz:hover { color: #fff;}

.actives{background: url("../images/green.jpg") no-repeat 50% 100%; }



.item {max-width: 1170px; margin: 0 auto; padding:0;}

.img {position: relative; width: 31.3%; float: left; margin: 1%; cursor: pointer; overflow: hidden;}
.item img {width: 100%; display: block;}


.caption {position: absolute; top: 0; width: 100%; text-align: center; left: 0px; font-size: 14px; height: 100%; 
			background: rgba(0,0,0,0.7); padding-top: 27%; opacity: 0;
	-webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.img:hover > .caption {opacity: 1;}





 
.owl-carousel{padding:0; padding: 0 70px 0 70px; margin:0 auto; max-width: 1050px;}
 
.owl-carousel .item img {margin-top: 25px;}


.owl-prev, .owl-next {
	position: absolute; top: 48%;
	
	color: #fff;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	width: 22px;
	height: 31px; background: red;
	-webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.owl-prev {left: 10px; background: url("../images/prev.png") no-repeat;}
.owl-next {right: 10px; background: url("../images/next.png") no-repeat}

.owl-prev:hover, .owl-next:hover{
	opacity: 0.5;
}








.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: transparent;
}

.fancybox-opened {
	z-index: 80300;
}


.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('../js/source/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../js/source/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	
	background: url('../images/close.png')  center center no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position: absolute;
	top: 0;
	right: -35px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	
	width: 22px;
	height: 100%;
	cursor: pointer;
	
	z-index: 8040;
}

.fancybox-prev {
	
	top: 0; left: 0; bottom: 0; right: 0; margin: auto;
	margin-left: -50px;
	background: url('../images/prev.png')  center center no-repeat;
	height: 32px;
}

.fancybox-next {
	top: 0; left: 0; bottom: 0; right: 0; margin: auto;
	margin-right: -50px;
	background: url('../images/next.png')  center center no-repeat;
	height: 32px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */


.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background:rgba(0, 0, 0, 0.3) url('../js/source/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}