@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family:'sourcesans-regular-webfont';
  src: url('sourcesans-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('sourcesans-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('sourcesans-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('sourcesanspro-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('sourcesans-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('sourcesans-regular-webfont.svg#svgsourcesans-regular-webfont') format('svg'); /* Legacy iOS */}

* {
	  margin: 0;
	  padding: 0;
	  font-size:100%;}
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END OF RESETS */



  	  
a {
	  color: #ffffff;
      text-decoration: none;}
	  
html, body {
	width:100%;
    height:100%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}

body {width:100%;
	  background-color: #808080;
	  font-family: "Source Sans Pro";
	  color: #ffffff;}
	  
.mobile_main, .mphone, #mcontact {display: none;}


	   
.nav_header {
    position: fixed;
    width: 100%;
	padding: .5em 0 .5em 0;
    background-color: #808080;
    z-index: 2;}
	
.contact_icon {
    float: right;
    display: block;
    width: 100%;
}

a.link_icon {color: #FFF;
    text-decoration: none;
    float: right;
    display: block;
    width: 3%;
	max-width: 100%;
	padding-right: 1%;}

#phone_number {
	height:100%;
	float: right;
	padding-right: .5em;
	vertical-align: middle;}
	  
.logo_icon {
	  float:left;
	  padding: .2em 0 .5em 2em;}
	   
.main-img {
	position:absolute;
	width:100%;
	height: 95%;
	}
	  
  #logo {
	  position: absolute;
	  background:#f7941e;
	  margin: 0 0 0 1.5em;
	  padding: 1.5em;
	  width:7%;
	  z-index:3;
	  -webkit-transform:translateZ(3px);
      -moz-transform:translateZ(3px);
      -o-transform:translateZ(3px);
      transform:translateZ(3px);
	  }
	  
.logo {
	  position: relative;
	  width: 100%;
	  }
	  

  h2 {font-weight:900;
	  text-align: center;
	  font-size: 1.75em; }

  #videos {
	  background-color: #f7941e;
	  padding: 5% 0%;
	  }
	  
  .videos {
	width: 80%;
	height: 100%;
	padding: 3% 0 3% 0;
	margin: 0px auto;
	text-align: center;
	overflow:hidden;
	}
	 
	  
  .video {
	  padding-right: .5em;
	  padding-bottom: .5em;
	  width: 32%;}

  .btn_video {
	  padding-top: 3%;}
	  
	  
  .still-image {
	  padding:.5em;
	  width: 100%;
	}
	  
	
   #clipro {
	  color: #f7941e;
	  background-color: #ebebeb;
	  padding: 5% 10% 5% 10%;
	  font-size: 1.25em;
	  font-weight: 400;
	  line-height: 1.5em;
	  text-align:center;
	 }
 #clipro p {
	 padding:0 5% 0 5%} 

.clients {
	  position:relative;
	  width:100%;
	  height:100%;
	  text-align: center;}
	  
.td {
	display:inline-block;
	text-align: center;
	height:7em;
	width: 9em;
	margin:.25em;}
	
.logo-barbie, .logo-boeing, .logo-caesy, .logo-cesar, .logo-espn, .logo-hotwheels, .logo-mattel, .logo-nike, .logo-osu, .logo-raytheon, .logo-toyota, .logo-westfield { 
	border: solid #ebebeb;
	display: block;
    margin-left: auto;
    margin-right: auto;
	vertical-align: middle;}
	
.logo-barbie {
  background: url('../images/logos_gray.gif') no-repeat 2.191% 15.074%;
	width: 98px;
	height: 50px;
	margin-top: 30%;
}
.logo-barbie:hover {
  background: url('../images/logos_orange.gif') no-repeat 2.191% 15.074%;
}

.logo-boeing {
    background: url('../images/logos_gray.gif') no-repeat 29.638% 19.649%;
	width: 158px;
	height: 37px;
	margin-top: 40%;
}
.logo-boeing:hover {
    background: url('../images/logos_orange.gif') no-repeat 29.638% 19.649%;
}

.logo-caesy {
    background: url('../images/logos_gray.gif') no-repeat 66.52% 14.232%;
	width: 146px;
	height: 55px;
	margin-top: 33%;
}
.logo-caesy:hover {
    background: url('../images/logos_orange.gif') no-repeat 66.52% 14.232%;
	}

.logo-cesar {
	background: url('../images/logos_gray.gif') no-repeat 100% 0.463%;
	width: 146px;
	height: 106px;
}
.logo-cesar:hover {
	background: url('../images/logos_orange.gif') no-repeat 100% 0.463%;}

.logo-espn {
    background: url('../images/logos_gray.gif') no-repeat 0 49.147%;
	width: 121px;
	height: 29px;
	margin-top: 30%;
}
.logo-espn:hover {
    background: url('../images/logos_orange.gif') no-repeat 0 49.147%;
}

.logo-hotwheels {
	background: url('../images/logos_gray.gif') no-repeat 29.04% 48.897%;
	width: 173px;
	height: 50px;
	margin-top: 23%;
}
.logo-hotwheels:hover {
	background: url('../images/logos_orange.gif') no-repeat 29.04% 48.897%;}
	
.logo-mattel {
    background: url('../images/logos_gray.gif') no-repeat 65.121% 48.848%;
	width: 104px;
	height: 105px;
	margin-top: 2%;
}
.logo-mattel:hover {
    background: url('../images/logos_orange.gif') no-repeat 65.121% 48.848%;}
	
.logo-nike {
	background: url('../images/logos_gray.gif') no-repeat 97.684% 49.091%;
	width: 125px;
	height: 47px;
	margin-top: 20%;
}
.logo-nike:hover {
	background: url('../images/logos_orange.gif') no-repeat 97.684% 49.091%;}

.logo-osu {
    background: url('../images/logos_gray.gif') no-repeat 2.381% 100%;
	width: 96px;
	height: 113px;
}
.logo-osu:hover {
    background: url('../images/logos_orange.gif') no-repeat 2.381% 100%;}

.logo-raytheon {
	background: url('../images/logos_gray.gif') no-repeat 29.613% 86.806%;
	width: 161px;
	height: 34px;
	margin-top: 20%;
}
.logo-raytheon:hover {
	background: url('../images/logos_orange.gif') no-repeat 29.613% 86.806%;}

.logo-toyota {
    background: url('../images/logos_gray.gif') no-repeat 65.314% 95.299%;
	width: 107px;
	height: 88px;  
}
.logo-toyota:hover {
    background: url('../images/logos_orange.gif') no-repeat 65.314% 95.299%;}
	
.logo-westfield {
	background: url('../images/logos_gray.gif') no-repeat 100% 88.645%;
	width: 145px;
	height: 49px;
	margin-top: 15%;
}
.logo-westfield:hover {
	background: url('../images/logos_orange.gif') no-repeat 100% 88.645%;}
	
  footer {
	  padding: 10px 30px;
	  font-size: .3em;
	  font-weight: 900;
	  height: 50px;
	  text-align: center;
	  letter-spacing:.1em;
	  background-color:#f7941e;
	  }
	  
  .top {
	  font-size: 2em;}
	
   .copyright {
	  font-weight:400;
	  padding: 15px;
	  font-size: 1.75em;
}

@media only screen and (max-width: 768px) {
	  
.videos {
	width: 100%;
	height: 100%;
	display:inline-block;
	text-align: center;
	}
	
 .video {
	  padding-right: .5em;
	  padding-bottom: .5em;
	  width: 48%;}

 .td {
	 -webkit-transform:scale(0.75, 0.75);
      -moz-transform:scale(0.75, 0.75);
      -o-transform:scale(0.75, 0.75);
      transform:scale(0.75, 0.75);
	  }	  
}
	  
	    
	  
@media only screen and (max-width: 480px) {
	  
.mphone {
	display:inline-block;}
	
.mnav_header {
	  position:fixed;
      width: 100%;
	  height: 16%;
	  background-color: #808080;
	  z-index:2;
	  -webkit-transform:translateZ(2px);
      -moz-transform:translateZ(2px);
      -o-transform:translateZ(2px);
      transform:translateZ(2px);
	  display: block;
  	  text-align:center;
	  padding-top: .5em;
	  padding-bottom: .5em;
	  }
	  
#mcontact { position:relative;
	max-width:100%;
    max-height:100%;
	display: inline-block;
    margin-left: auto;
    margin-right: auto;

}
	
img.mcontact_icon {
	padding-left:.25em;
	padding-right:.25em;
	max-width:100%;
    max-height:100%;}
	  
img.mobile_main {max-width: 100%;
	display: block;}  
	
#logo, img.logo, #contact {
	display:none;}
	  
.videos {
	width: 100%;
	height: 100%;
	display:inline-block;
	text-align: center;
	}
	
 .video {
	  padding-right: .5em;
	  padding-bottom: .5em;
	  width: 90%;}
	  
 #clipro {
	  padding: 10% 0 10% 0;
	 }	
	  
 #clipro p {
	 padding:0 5% 0 5%}
	 
 .clients {
	 padding:0 0 10% 0;
	 margin:0;}
	 
 .td {
	  margin:-2% -5% -2% -5%;
	  padding:0;
	  -webkit-margin:0 2% 0 2%;
	  -webkit-padding:0;
	 -webkit-transform:scale(0.5, 0.5);
      -moz-transform:scale(0.5, 0.5);
      -o-transform:scale(0.5, 0.5);
      transform:scale(0.5, 0.5);
	  }
}

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

.mnav_header {
	  height: 8%;
	  }
img.mcontact_icon {
	padding-left:.15em;
	padding-right:.15em;
	  
}
.td {
	  margin:-15%;
}
}
/**
 * Nicks Edits
 */
 
#voverlay {	  	
      -webkit-transform:translateZ(10px);
      -moz-transform:translateZ(10px);
      -o-transform:translateZ(10px);
      transform:translateZ(10px);
	  } 
a.phonenumber {display: block;margin-top: 1%;}
@media (max-width: 1280px) {
.nav_header a.phonenumber {margin-top: 0.5%;}	
}
@media (max-width: 600px) {
a.phonenumber {margin-top: inherit !important;}	
#intro {padding: 15% 10%;}
img.mcontact_icon {max-width:40px;}

}
#owl-demo .item {padding-left: 1em;}
.mnav_header {width:100% !important;height: inherit;}
body {font-family: 'Source Sans Pro', sans-serif; !important;}
.quickclearb, .quickclear, .quickclearc {display:none;}
@media (min-width: 955px) {
.quickclear {clear:both;display:block !important;}
}
@media (max-width: 955px) {
.quickclearb {clear:both;display:block !important;}}
@media (max-width: 500px) {
.quickclearc, .quickclearb, .quickclear {clear:both;display:block !important;}}