@charset "utf-8";
/* CSS Document */
body, html {
  height: 100%;
  font-family: 'Raleway', sans-serif;
/*  text-transform:uppercase;*/
}
/***********branding**************/
video{
  position: absolute;
  width: 100%;
  top:0;
  left: 0;
}

.headline{
    font-size: 7vw;
    text-shadow: 0px 0px 10px rgba(255,255,255,0.3);
    font-weight: 900;
    line-height: 0.9em;
}


.branding-holder{
	width:226px;
	padding-left:20px;
	position:fixed;
	top:0px;
	right:15%;
	vertical-align:bottom;
	
}


.branding-holder-inner{
	width:226px;
	height:62px;
	padding-left:20px;
	position:fixed;
	top:0px;
	left:20px;
	
}



/* .branding{
	font-size:60px;
	line-height:60px;
	font-weight:bold;
} */

.branding-inner{
	position:fixed;
	top:0px;
	left:0px;
}

/* MENU BAR */

.myNav{
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
	width:300px;
	height:100px;
	bottom:20px;
	position: fixed;
	left:40px;
	padding-bottom:20px;
	}

.myNav a{ 
	background:#f9a302; 
	color:#000000; 
	padding-left:10px;
	padding-right:15px; 
	font-size:18px;
	text-decoration:none;
	transition: all .5s;
}

.myNav a:hover{ 
	background:#ffffff; 
	color:#666666; 
	padding-left:8px; 
	padding-right:20px; 
/*	font-size:18px;*/
	text-decoration:none;
}


/***********PARALLAXES**************/


.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}



.hero {
    /* The image used */
    /* background-image: url('images/bg_background.mp4'); */

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.what-i-do {
    /* The image used */
    background-image: url('images/what-i-do.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.production {
    /* The image used */
    background-image: url('images/creative-studio.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.clients{
    /* The image used */
    background-image: url('images/3a.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}


.portfolio{
    /* The image used */
    background-image: url('images/thumbsUp.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}



.portfolioPageHero {    
  background-image: url(images/portfolio.jpg);
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 60px;
  font-weight: bold;
  padding-top: 25%;
  text-align: center;
  line-height: 60px;
  color: #ffffff;
    text-transform: uppercase;
}



/***********STYLES**************/
.content-holder{
	width:100%;
	padding:0px;
}

.full-height{
	height:100%;
}

.hero-content{
	background:#0f1628;
	padding:100px;
	height:100%;
  color: #f53038;
}

.title{
    padding-top: 50px;
	font-size:60px;
	line-height:60px;
	font-weight:700;
  letter-spacing: 1px;
}

.sub-headline{
  font-family: 'Oswald', sans-serif;
  font-size:20px;
	line-height:26px;
	font-weight:300;
  color: #ffffff;
  letter-spacing: .5px;
}

.sub-title{
	font-size:33px;
	line-height:35px;
	font-weight:300;
  text-transform: none;
}

.super-sub{
	font-size:20px;
	line-height:25px;
	font-weight:300;
}

.what-i-do-content{
	background:#0f1628;
	padding:100px;
	height:100%;
}

.footer{
	background:#0f1628;
	color:#f53038;
	padding:100px;
	text-align:right;
  letter-spacing: .5px;
  font-size: 16px;
}

.clients-i-work-for{
	background:#cecece;
	padding:100px;
	height:100%;
}

.img-responsive img{
  padding: 25px;
}
.porfolioContent{
	background:#0f1628;
	padding:100px;
	height:100%;
}

.productionContent{
	background:#0f1628;
	padding:100px;
	height:100%;
}


.clientsLogo{
	background:#0f1628;
	padding:100px;
    height: 100%; 
}

.color-white{
	color:#ffffff;
}

.productionHolder{
	padding:50px 0 0 0;
	text-align:center;}
	
.StandardBannerHolder{
	min-width:320px;
	padding:20px 0 0px 0;
	float:left;
}

.eDMHolder{
	min-width:320px;
	padding:40px 80px;
	float:left;
}

.eDMHolder iframe{
align-content: center;
}

.row{
	margin:0 0 0 0;
}

h1{
	font-size:50px;
}


/***** CONTACT ***********/

.contact{
	/*background:#f6aa21;*/
	padding:100px;
	height:100vh;
	background:#f53830;
	background:url(images/contact.jpg) center no-repeat;
}

.contact .title{
	color:#ffffff;
}

.contact p{
	font-size:30px;
	color:#eeeeee;
}

.contact-text{
  margin-top: 100px;
  font-size: 25px;
  line-height: 40px;
  color: #f53830;
  text-transform: none;
}

.contact-text a{
  color: #f53830;
  text-decoration: none;
}

.website {
  opacity: 1;
  font-size: 16px;
  color: white;
  position: relative;
  text-align: center;
  display: block;
  margin-top: 7%;
  
}

.website a {
  color: white;
}

.carousel-control.right{
	background:none;
}

.carousel-control.left{
	background:none;
}

.top50{
	padding-top:50px;
}


/***** CONTACT ***********/