/*
___________________________________________

KeyFrame Animations
___________________________________________
*/

@keyframes bounce {
	0%, 20%, 60%, 100% {
		-moz-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	40% {
		-moz-transform: translate(-50%, -20px);
		-webkit-transform: translate(-50%, -20px);
		transform: translate(-50%, -20px);
	}
	80% {
		-moz-transform: translate(-50%, -10px);
		-webkit-transform: translate(-50%, -10px);
		transform: translate(-50%, -10px);
	}
}

@keyframes zoom {
	0% {
		-moz-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0.2;
	}

	50% {
		opacity: 0.6;
	}

	100% {
		opacity: 1;
	}
}

/*
___________________________________________

General Styling
___________________________________________

*/

body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 20pt;
}

ytag { color: #FED203; }
.shade{ box-shadow: inset 0px 20px 20px -20px rgba(140,140,140,1); }

blockquote,
blockquote p {
	font-size: 40px;
	line-height: 50px;
	padding: 0 50px;
	color: #FED203;
	text-align: center;
	border-left: none;
}

blockquote i.fa-quote-left {
	font-size: 60px;
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
}

blockquote i.fa-quote-right {
	font-size: 30px;
	color: #FFFFFF;
	position: absolute;
	bottom: 95px;
	right: 50px;
}

blockquote p cite {
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

h1 {	
	text-transform: uppercase;
	font-size: inherit;
	margin: 0;
	padding: 0;
	font-weight: inherit;
	line-height: inherit;
}

h2 { 
	text-transform: none;
	font-size: inherit;
	margin: 0;
	padding: 0;
	font-weight: inherit;
	line-height: inherit;
}

h3 { 
	text-transform: none;
	font-size: inherit;
	margin: 0;
	padding: 0;
	font-weight: inherit;
	line-height: inherit;
}

.f36pt,
.f36pt a,
.f36pt a:link,
.f36pt a:visited,
.f36pt a:hover,
.f36pt a:active {
	font-size: 36px;
	line-height: 80px;
}

.f25pt,
.f25pt a,
.f25pt a:link,
.f25pt a:visited,
.f25pt a:hover,
.f25pt a:active { 
	font-size: 25px;
	line-height:30px;
}

p {
	font-size: 14px;
	line-height: 20px;
}

a,
a:link,
a:visited,
a:hover,
a:active {
	text-decoration: none;
	white-space: nowrap;
}

.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }


.parallax-window {
	min-height: 400px;
	background: transparent;
}

/* 
_________________________________

Navigation
_________________________________ 

*/

section.videoContain.stickHead { margin: 0; }
section.stickHead { margin-top: 80px; }

header {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	height: auto;
	width: 100%;
	z-index: 100;
	position: absolute;
	top: 0;
	background-color: #FFFFFF;
	box-shadow: 0px 10px 10px -10px rgba(140,140,140,0.5);
}
	header.home {
		position: fixed;
		top: -95px;		
	}

header .innerHead {
	width: 1024px;
	height: 80px;
	display: block;
	margin: 0 auto;
}

header .innerHead .mLogoL {
	height: 80px;
	width: 80px;
	margin: 0 20px;
	padding: 10px;
	display: inline-block;
}
	header .innerHead .mLogoL svg {
		height: 100%;
		width: 100%;
		margin: 0;
		display: block;
	}

header .innerHead .mLogoL .cmLogo { fill: #000000; }
header .innerHead .mLogoL .cmLogo:hover, header .innerHead .mLogoL .cmLogo:focus { fill: #222222; }

header .innerHead .mobileMenu { display: none; }
header .innerHead nav { display: inline-block; }

	header .innerHead nav ul {
		list-style: none;
		float: left;
		padding: 0;
		margin: 0;
	}	
		header .innerHead nav ul li.mLinkL { display: inline-block; }
		header .innerHead nav ul li.mLinkL:after {
			display:block;
			content: '';
			padding: 0;
			border-bottom: 4px solid #FED203;
			transform: scaleX(0);
			-moz-transform: scaleX(0);
			-webkit-transform: scaleX(0);
			transition: transform 250ms ease-in-out;
		}
		header .innerHead nav ul li.mLinkL:hover:after {
			transform: scaleX(1);
			-moz-transform: scaleX(1);
			-webkit-transform: scaleX(1);
			transition: all .5s ease-in-out;
   			-moz-transition: all .5s ease-in-out;
    		-webkit-transition: all .5s ease-in-out;
		}
			header .innerHead nav ul li.mLinkL a,
			header .innerHead nav ul li.mLinkL a:link, 
			header .innerHead nav ul li.mLinkL a:visited {
			    color: #000000;
			    text-decoration: none;
			    padding: 30px 45px 20px 45px;
			    text-transform: uppercase;
			    margin: 0 auto;
			    display: block;
			    transition: all .5s ease-in-out;
       			-moz-transition: all .5s ease-in-out;
        		-webkit-transition: all .5s ease-in-out;
			}

section {
	position: relative;
	overflow: hidden;
}

/* 
_________________________________

Banner/Title Area
_________________________________ 

*/
			
section.banner {
	width: 100%;
	position: relative;
	display: block;
	background-size: cover;
	height: 600px;
}
section.banner.contact { height: 1000px; }
section.banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
section.banner .innerBanner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	width: 100%;
	z-index: 20;
}

	section.banner .innerBanner a,
	section.banner .innerBanner a:link,
	section.banner .innerBanner a:visited { color: #FFFFFF; }

	section.banner .innerBanner a:hover,
	section.banner .innerBanner a:active { 
		color: #FFFFFF;
		text-decoration: none;
	}

	section.banner .innerBanner h1.heading,
	section.banner .innerBanner h2.heading {
		font-weight: bold;
		font-size: 54px;
		line-height: 60px;
		padding-bottom: 55px;
		color: #FFFFFF;
	}

	section.banner .innerBanner .subHead {
		font-size: 31px;
		line-height: 40px;
		padding-bottom: 32px;
		color: #FFFFFF;
	}

	section.banner .innerBanner .copyTxt p { color: #FFFFFF; }

	section.banner .innerBanner .txt36pt {
		font-size: 36px;
		line-height: 40px;
		padding-bottom: 10px;
		color: #FFFFFF;
	}

	section.banner .innerBanner .txt25pt {
		font-size: 25px;
		line-height: 40px;
		padding-bottom: 10px;
		color: #FFFFFF;
	}

/* 
_________________________________

Video Area
_________________________________ 

*/

section.videoContain {
	width: 100%;
	height: 100vh;
	z-index: 50;
	position: relative;
}

	section.videoContain .video {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%; 
		overflow: hidden;
	}
	section.videoContain .video video {
		min-width: 100%; 
		min-height: 100%; 
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	section.videoContain .videoOverlay { 
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		z-index: 100;
	}

		section.videoContain .videoOverlay .logo { 
			width: 300px;
			height: 300px;
			margin: 0 auto;
			animation: 4s zoom 1s forwards, 4s fadeIn 1s forwards;
			-webkit-animation: 4s zoom 1s forwards, 4s fadeIn 1s forwards;
			-moz-animation: 4s zoom 1s forwards, 4s fadeIn 1s forwards;

			-moz-transform: scale(0.8);
			-webkit-transform: scale(0.8);
			transform: scale(0.8);

			transition: all 250ms ease-out;
	   		-moz-transition: all 250ms ease-out;
	    	-webkit-transition: all 250ms ease-out;
		}
			section.videoContain .videoOverlay .logo svg { 
				fill: #FFFFFF;
				display: block;
				margin: 0 auto;
				width: 100%;
			}

		section.videoContain .videoOverlay .subTitle {
			font-size: 31px;
			line-height: 36px;
			color: #FFFFFF;
			margin-top: 90px;
		}
		section.videoContain a.downChevron {
			font-size: 40px;
			color: #FFFFFF;
			display: block;
			position: absolute;
			bottom: 20px;
			left: 50%;
			transform: translate(-50%, 0);
			-moz-transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			cursor: pointer;
			z-index: 100;
		}
			section.videoContain a.downChevron:hover {
				opacity: 0.8;
				animation: bounce 1s infinite;
				-webkit-animation: bounce 1s infinite;
				-moz-animation: bounce 1s infinite;
			}

/* 
_________________________________

Content Area
_________________________________ 

*/

section.fullBleed {
	width: 100%;
	position: relative;
	padding: 70px 0;
	background-size: cover;
}
	section.fullBleed h2.heading {
		color: #333333;
		font-weight: bold;
		font-size: 54px;
		line-height: 64px;
		margin-bottom: 55px;
	}
	section.fullBleed .subHead {
		color: #333333;
		font-size: 29px;
		line-height: 37px;
		margin-bottom: 32px;
	}
	section.fullBleed .copyTxt { margin-bottom: 35px; }
		section.fullBleed .copyTxt p {
			color: #333333;
			font-size: 16px;
			line-height: 28px;
		}
	section.fullBleed .bleedImg { border: solid 6px #FED203; }
		section.fullBleed .bleedImg img {
			position: relative;
			left: 17px;
			bottom: 20px;
		}

	section.fullBleed a.infoBtnL {
		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
		display: block;  
		color: #333333;
		font-size: 14px;
		line-height: 22px;
		text-transform: uppercase;
		background-color: transparent;
		border: 4px solid #FED203;
		text-align: center;
		padding: 15px;
		width: 200px;
		
		transition: all 250ms ease-out;
   		-moz-transition: all 250ms ease-out;
    	-webkit-transition: all 250ms ease-out;
	}
		section.fullBleed a.infoBtnL:hover {
			background-color: #333333;
			border: 4px solid #333333;
			color: #FED203;

			transition: all 250ms ease-out;
	   		-moz-transition: all 250ms ease-out;
	    	-webkit-transition: all 250ms ease-out;
		}


/* 
_________________________________

White Area
_________________________________ 

*/

section.posterBleed {
	width: 100%;
	position: relative;
	padding: 70px 0;
	border-bottom: solid 20px #FED203;
}
	section.posterBleed .posterHeading {
		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
		display: block;
		width: auto;
		font-size: 170px;
		line-height: 150px;
		margin: 0;
		text-transform: uppercase;
	}
	section.posterBleed .posterCopyTxt {
		width: 433px;
		position: absolute;
		left: 62%;
    	top: 51%;
    	transform: translate(-60%,-50%);
    	-moz-transform: translate(-60%, -50%);
		-webkit-transform: translate(-60%, -50%);
	}
		section.posterBleed .posterCopyTxt p { 
			font-size: 20px; 
			line-height: 28px; 
			padding: 0; 
		}
	section.posterBleed .posterBtn {
		width: 210px;
		position: absolute;
		left: 76%;
		top: 72%;
		transform: translate(-75%,-72%);
		-moz-transform: translate(-75%, -72%);
		-webkit-transform: translate(-75%, -72%);
	}
		section.posterBleed .posterBtn a { 
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			display: block;  
			color: #333333;
			font-size: 14px;
			line-height: 22px;
			text-transform: uppercase;
			background-color: transparent;
			border: 4px solid #FED203;
			text-align: center;
			padding: 15px;

			transition: all 250ms ease-out;
   			-moz-transition: all 250ms ease-out;
    		-webkit-transition: all 250ms ease-out;
		}
			section.posterBleed .posterBtn a:hover {
				background-color: #333333;
				border: 4px solid #333333;
				color: #FED203;

				transition: all 250ms ease-out;
   				-moz-transition: all 250ms ease-out;
    			-webkit-transition: all 250ms ease-out;
			}

section.sliderContainer {  }

	section.sliderContainer .projectSliderPages .item .slide a.infoBtnD {
		display: block;  
		color: #FFFFFF;
		font-size: 14px;
		line-height: 22px;
		text-transform: uppercase;
		background-color: transparent;
		border: 4px solid #FED203;
		text-align: center;
		padding: 15px;
		margin: 20px 0 0 0;
		width: 250px;
		
		transition: all 250ms ease-out;
   		-moz-transition: all 250ms ease-out;
    	-webkit-transition: all 250ms ease-out;
	}
		section.sliderContainer .projectSliderPages .item .slide a.infoBtnD:hover {
			background-color: #FED203;
			border: 4px solid #FED203;
			color: #333333;

			transition: all 250ms ease-out;
	   		-moz-transition: all 250ms ease-out;
	    	-webkit-transition: all 250ms ease-out;
		}

/* 
_________________________________

Dark Background Area
_________________________________ 

*/

section.darkBleed {
	width: 100%;
	position: relative;
	padding: 70px 0;
	color: #FFFFFF;
	background-size: cover;
}
	section.darkBleed .heading {
		font-size: 40px;
		line-height: 44px;
		margin-bottom: 60px;
		color: #FED203;
		text-align: center;
	}
	section.darkBleed .subHead {
		font-size: 31px;
		line-height: 31px;
		padding-bottom: 32px;
	}
		section.darkBleed .subHead a,
		section.darkBleed .subHead a:link,
		section.darkBleed .subHead a:visited {
			font-size: 31px;
			color: #FFFFFF;
		}
		section.darkBleed .subHead a:hover,
		section.darkBleed .subHead a:active { color: #FFFFFF; }

	section.darkBleed .fa.ctrl {
		font-size: 31px;
		color: #FED203;		
	}

	section.darkBleed a.serviceBlocks {
		white-space: normal;
		color: #FFFFFF;
		display: block;
		margin: 40px 0;
	}
	section.darkBleed a.serviceBlocks:hover {
		transition: all 500ms ease-out;
	   	-moz-transition: all 500ms ease-out;
	    -webkit-transition: all 500ms ease-out;
		color: #FED203;
	}
		section.darkBleed a.serviceBlocks .icon {
			font-size: 59px;
			padding-bottom: 20px;
		}

/* 
_________________________________

Individial Work page
_________________________________ 

*/
	
section.indivWork { padding: 0; }
section.indivWork .noPad { padding: 0; }

	section.indivWork .content {
		padding: 15px;
		width: 100%;
		height: 100vh;
		border-bottom: solid 20px #FED203;
		position: relative;
	}
	section.indivWork .content .innerContent {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		width: 90%;
	}
	section.indivWork .content .innerContent .heading {
		font-size: 49px;
		line-height: 60px;
		padding-bottom: 55px;
	}
	section.indivWork .content .innerContent .subHead {
		font-size: 31px;
		line-height: 31px;
		padding-bottom: 32px;
	}
	section.indivWork .content .innerContent .subHead .copyTxt p {
		font-size: 20px; 
		line-height: 30px; 
	}

section.quote {
	width: 100%;
	position: relative;
	padding: 70px 0;
	color: #FFFFFF;
	background-size: cover;
}

	section.quote span.content {
		font-size: 40px;
		line-height: 44px;
		color: #FED203;
		display: block;
		margin: 0 0 0 75px;
	}
		section.quote span.content i.fa-quote-left {
			color: #FFFFFF;
			font-size: 60px;
			position: absolute;
			top: 0;
			left: 0;
		}
		section.quote span.content i.fa-quote-right {
			color: #FFFFFF;
			font-size: 30px;
			position: absolute;
			bottom: 50px;
			right: 0;
		}
	section.quote span.who {
		display: block;
		margin: 50px 0 0 0;
	}

/* 
_________________________________

Our Work Page
_________________________________ 

*/

section.ourWork {
	width: 100%;
	position: relative;
	padding: 0;
	background-size: cover;
}

	section.ourWork .row,
	section.ourWork [class*='col-'] {
		padding: 0;
		margin: 0;
	}

	section.ourWork .work { overflow: hidden; }

	section.ourWork .work a.box {
		position: absolute;
		border: solid 0px #000000;
		width: 100%;
		height: 100%;
		z-index: 1;
		text-align: center;
		overflow: hidden;
		cursor: pointer;

		transition: border 250ms ease-out;
   		-moz-transition: border 250ms ease-out;
    	-webkit-transition: border 250ms ease-out;
	}

	section.ourWork .work a.box:hover {
		border: solid 4px #FED203;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);

		transition: border 250ms ease-out;
   		-moz-transition: border 250ms ease-out;
    	-webkit-transition: border 250ms ease-out;
	}
		section.ourWork .work .box cite  {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			opacity: 0;
			color: #FFFFFF;
			font-size: 31px;
			font-style: normal;
			font-weight: bold;
			cursor: pointer;

			transition: all 500ms ease-out;
   			-moz-transition: all 500ms ease-out;
    		-webkit-transition: all 500ms ease-out;
		}
			section.ourWork .work:hover .box cite  {
				opacity: 1;

				transition: all 500ms ease-out;
   				-moz-transition: all 500ms ease-out;
    			-webkit-transition: all 500ms ease-out;
			}

			section.ourWork .work .box cite ytag {
				display: inline-block;
				transform: scale(0);
				-moz-transform: scale(0);
				-webkit-transform: scale(0);

				transition: all 500ms ease-out;
   				-moz-transition: all 500ms ease-out;
    			-webkit-transition: all 500ms ease-out;
			}
				section.ourWork .work:hover .box cite ytag {
					transform: scale(1);
					-moz-transform: scale(1);
					-webkit-transform: scale(1);
	
					transition: all 500ms ease-out 500ms;
   					-moz-transition: all 500ms ease-out 500ms;
    				-webkit-transition: all 500ms ease-out 500ms;
				}

	section.ourWork .work img {
		transition: transform 500ms ease-out;
   		-moz-transition: transform 500ms ease-out;
    	-webkit-transition: transform 500ms ease-out;
	}

	section.ourWork .work:hover img {
		transform: scale(1.1);
		-moz-transform: translate(1.1);
		-webkit-transform: translate(1.1);

		transition: transform 250ms ease-in;
   		-moz-transition: transform 250ms ease-in;
    	-webkit-transition: transform 250ms ease-in;

	}

section.whiteBleed {
	width: 100%;
	position: relative;
	display: block;
	padding: 100px 0 0 0;
}

	section.whiteBleed a,
	section.whiteBleed a:link,
	section.whiteBleed a:visited { color: #333333; }

	section.whiteBleed a:hover,
	section.whiteBleed a:active {
		color: #333333;
		text-decoration: none;
	}

	section.whiteBleed .heading {
		font-weight: bold;
		font-size: 49px;
		line-height: 60px;
		padding-bottom: 55px;
		color: #333333;
	}
	section.whiteBleed .subHead {
		font-size: 31px; 
		line-height: 40px;
		padding-bottom: 32px;
		color: #333333;
	}
	section.whiteBleed .copyTxt p { color: #333333; }

/* 
_________________________________

Contact
_________________________________ 

*/

section.mapArea {
	position: relative;
	overflow: initial;
}
	section.mapArea .map {
		width: 100%;
		min-height: 700px;
	}
	section.mapArea .address {
		position: absolute;
		right: 5%;
		bottom: -100px;
		padding: 30px;
		background: #FFFFFF;
		color: #333333;
		width: 380px;
		box-shadow: 10px 10px 10px -5px rgba(140,140,140,0.5);
		z-index: 50;
	}
	section.mapArea .address .heading {
		font-size: 35px;
    	line-height: 40px;
    	padding-bottom: 10px;
	}
	section.mapArea .address .subHead {
		font-size: 31px;
		line-height: 40px;
		padding-bottom: 32px;
	}
	section.mapArea .address .copyTxt { margin-bottom: 35px; }
		section.mapArea .address .copyTxt p {
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			font-size: 18px;
			line-height: 26px;
		}

	section.mapArea .address .infoBtnL {
		font-family: 'Montserrat', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		display: inline-block;
		background-color: transparent;
	    border: solid 4px #FED203;
	    font-size: 14px;
	    line-height: 22px;
	    color: #333333;
	    padding: 12px;
	    cursor: pointer;
	    text-align: center;

	    transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
	}
		section.mapArea .address .infoBtnL:hover {
			text-decoration: none;
			background-color: #333333;
			border-color: #333333;
			color: #FED203;

			transition: all .5s ease-in-out;
       		-moz-transition: all .5s ease-in-out;
        	-webkit-transition: all .5s ease-in-out;
		}

	section.mapArea .address .form-group {
		position: relative;
		display: inline-block;
		width: 140px;
		padding: 12px;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		margin: 0 20px 0 0;
	}
		section.mapArea .address .form-group input {
			border: 0;
			width: 100%;
			outline: 0;
		}
	section.mapArea .address .form-group:after {
		content: '';
	  	position: absolute;
		bottom: -2px;
		left: 0;
		width: 0%;
		z-index: 500;
		border-bottom: 3px solid #FED203;
		transition: 1s;
		-webkit-transition: 1s;
		-moz-transition: 1s;
	}
		section.mapArea .address .form-group:hover:after { width: 100%; }

section.contactContent {  }
	section.contactContent .heading {
		font-size: 49px;
		line-height: 60px;
		padding-bottom: 55px;
	}

	section.contactContent form.contact {  }

	section.contactContent form.contact .form-group {
		position: relative;
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 1);
	}
		section.contactContent form.contact .form-group:after {
		  content: '';
		  position: absolute;
		  bottom: -2px;
		  left: 0;
		  width: 0%;
		  z-index: 500;
		  border-bottom: 3px solid #FED203;
		  transition: 1s;
		  -webkit-transition: 1s;
		  -moz-transition: 1s;
		}
		section.contactContent form.contact .form-group:hover:after { width: 100%; }
		section.contactContent form.contact .form-group input[type="text"] {
			background-color: #333333;
			border: none;
			color: #333333;
			width: 100%;
			padding: 20px;
			outline: none;
			background-color: transparent;
			position: relative;
			display: block;
		}
		section.contactContent form.contact .form-group textarea {
			background-color: #333333;
			border: none;
			color: #333333;
			width: 100%;
			height: 170px;
			padding: 20px;
			outline: none;
			background-color: transparent;
		}
		section.contactContent form.contact .infoBtnD {
			font-family: 'Montserrat', Arial, Helvetica, sans-serif;
			display: block;
			color: #333333;
			font-size: 14px;
			line-height: 22px;
			text-transform: uppercase;
			background-color: transparent;
			border: 4px solid #FED203;
			text-align: center;
			padding: 15px;
			width: 200px;
			float: right;
			transition: all 250ms ease-out;
			-moz-transition: all 250ms ease-out;
			-webkit-transition: all 250ms ease-out;
		}
			section.contactContent form.contact .infoBtnD:hover {
				color: #FED203;
				background-color: #333333;
				border-color: #333333;
				cursor: pointer;
				transition: all .5s ease-in-out;
	       		-moz-transition: all .5s ease-in-out;
	        	-webkit-transition: all .5s ease-in-out;
			}

		section.contactContent form.contact .msgGroup {
			display: block;
		}
			section.contactContent form.contact .msgGroup .msgBox {
				background-color: red;
				padding: 20px;
				margin: 0 0 25px 0;
				height: auto;
				width: 100%;
				display: none;
			}
				section.contactContent form.contact .msgGroup .msgBox i.fa {
					margin-right: 20px;
					color: #fff;
					display: inline-block;
					font-size: 22px;
				}
				section.contactContent form.contact .msgGroup .msgBox .msg {
					width: auto;
					color: #fff;
					display: inline-block;
				}
			section.contactContent form.contact .msgGroup .msgBox.success {
				background-color: #4CAF50;
			}
				section.contactContent form.contact .msgGroup .msgBox.success i.fa {
					color: #FFFFFF;
				}

	section.contactContent .contactCompletion {
		padding: 10px;
		background-color: #4CAF50;
		color: #FFFFFF;
		font-size: 22px;
		line-height: 24px;
	}

section.contactContent { padding: 40px 0; }
	section.contactContent .sideText {
		padding: 20px;
		background-color: #f7f7f7;
	}
	section.contactContent .sideText .subHead {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 34px;
	}
	
	section.contactContent .sideText .copyTxt {	margin-bottom: 35px; }
		section.contactContent .sideText .copyTxt p {
			font-size: 20px; 
			line-height: 30px; 
		}

	section.contactContent .sideText .phoneHolder,
	section.contactContent .sideText .emailHolder {
		width: 100%;
		display: block;
		margin: 10px 0;
		color: #333333;
		position: relative;
		font-size: 20px;
	}

	section.contactContent .sideText .phoneHolder span.phoneNo { font-size: 30px; }

	/*section.contactContent .sideText .emailHolder a.emailLink {
		font-size: 18px;
		color: #333333;
	}*/

	section.contactContent .sideText .phoneHolder i,
	section.contactContent .sideText .emailHolder i {
		font-size: 35px;
		margin-right: 10px;
	}
	section.contactContent .sideText .phoneHolder i.fa-mobile { font-size: 50px; }

/* 
_________________________________

Footer
_________________________________ 

*/

footer { 
	font-size: 18px; 
	line-height: 20px; 
}

	footer a,
	footer a:link,
	footer a:visited {
		color: #101010;

		transition: all 250ms ease-in-out;
       	-moz-transition: all 250ms ease-in-out;
        -webkit-transition: all 250ms ease-in-out;
	}

	footer a:hover,
	footer a:active {
		opacity: 0.8;
		text-decoration: none;

		transition: all 250ms ease-in-out;
       	-moz-transition: all 250ms ease-in-out;
        -webkit-transition: all 250ms ease-in-out;
	}

	footer .footBleed {
		width: 100%;
		position: relative;
		background-color: #FED203;
	}

	footer .socialIcons {
		text-align: center;
		padding: 25px 0;
		text-align: left;
	}

	footer .socialIcons a { margin-right: 20px;	}

	footer .emailLink {
		text-align: center;
		padding: 25px;
	}

	footer .phoneLink {
		text-align: center;
		padding: 25px;
	}

	footer a.getInTouch:link,
	footer a.getInTouch:visited {
		background-color: #101010;
		text-align: center;
		padding: 25px;
		display: block;
		color: #FED203;
	}

/* 
_________________________________

Owl Carousel
_________________________________ 

*/

#owlish .item{ text-align: center; }
	#owlish .item img { width: 90%; }

.owlPrev,
.owlNext {
	cursor: pointer;
	color: #FED203;
}

i.fa.ctrl.owlPrev:hover,
i.fa.ctrl.owlNext:hover { color: #FFFFFF; }

/* 
_________________________________

Media Queries
_________________________________ 

*/

@media (max-width: 1200px){
	section.posterBleed .posterHeading {
		font-size: 120px;
		line-height: 120px;
	}
	
	section.contactContent .sideText {
		padding: 0;
		background-color: #ffffff;
	}

	section.posterBleed .posterBtn {
	    width: 210px;
	    position: absolute;
	    left: 70%;
	    top: 73%;
	    transform: translate(-70%,-73%);
		-moz-transform: translate(-70%, -73%);
		-webkit-transform: translate(-70%, -73%);
	}

	footer a.getInTouch:link, 
	footer a.getInTouch:visited { padding: 25px 0; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.ourWork .box cite{
		font-size: 18px;
		visibility: visible;
	}

	.ourWork .box{
		background-color: rgba(0,0,0,.5);
		border: solid 4px #FED203;
	}

}

@media (max-width: 1024px){

	header .innerHead { width: 100%; }

	header .innerHead nav ul li.mLinkL a,
	header .innerHead nav ul li.mLinkL a:link,
	header .innerHead nav ul li.mLinkL a:visited { padding: 30px 20px 20px 20px; }

	.playerContainer iframe { display: none; }

	section.banner .subHead {
		font-size: 20px; 
		line-height: 24px;
		padding-bottom: 32px;
		color: #FFFFFF;
	}

	section.fullBleed h2.heading {
		font-size: 45px;
		line-height: 55px;
	}

	section.contactContent form.contact { margin: 0 0 20px 0; }
		section.contactContent form.contact a.infoBtnD { float: none; margin: 20px 0 20px 0; }

	footer a.getInTouch:link, 
	footer a.getInTouch:visited { padding: 25px 0; }
}


@media (max-width: 990px){
	.playerContainer iframe { display: none; }

	section.posterBleed .posterHeading {
		font-size: 100px;
		line-height: 100px;
	}
	section.posterBleed .posterCopyTxt,
	section.posterBleed .posterBtn {
		position: relative;
		width: 100%;
		left: 0;
		top: 0;
		transform: none;
		margin: 20px 0;
	}
	section.posterBleed .posterBtn {
		width: 210px;
		margin: 0;
	}

	section.fullBleed .bleedImg {
		width: 85%;
		margin: 60px auto 0 auto;
	}

	section.quote span.content i.fa-quote-right { right: 20px; }

	.ourWork .box cite{
		font-size: 18pt;
		visibility: visible;
	}

	.ourWork .box {
		background-color: rgba(0,0,0,.5);
		border: solid 4px #FED203;
	}

	/*footer*/
	footer .socialIcons { text-align: center; }

	footer .socialIcons a { margin: 0 10px;	}
	footer .emailLink { padding: 0; }

}

@media (min-width: 770px) {
	header .innerHead nav { display: inline-block !important; /*jQuery Mobile Nav overrule */ }
}

@media (max-width: 768px){

	header .innerHead { width: 100%; }
	header .innerHead .mLogoL { margin: 0; }
    header .innerHead .mobileMenu {
      display: inline-block;
      position: absolute;
      right: 0;
      overflow: hidden;
      padding: 0;
      width: 60px;
      height: 60px;
      margin: 10px;
      font-size: 0;
      text-indent: -9999px;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      transition: background 0.3s;
      background-color: #FED203;
    }
    header .innerHead .mobileMenu:focus { outline: none; }
    header .innerHead .mobileMenu span {
      display: block;
      position: absolute;
      top: 26px;
      left: 10px;
      right: 10px;
      height: 6px;
      background: #000000;
      transition: background 0s 0.3s;
    }
    header .innerHead .mobileMenu span::before,
    header .innerHead .mobileMenu span::after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 6px;
      background-color: #000000;
      content: "";
      transition-duration: 0.3s, 0.3s;
      transition-delay: 0.3s, 0s;
    }
    header .innerHead .mobileMenu span::before {
      top: -14px;
      transition-property: top, transform;
    }
    header .innerHead .mobileMenu span::after {
      bottom: -14px;
      transition-property: bottom, transform;
    }
    header .innerHead .mobileMenu.is-active span { background: none; }
    header .innerHead .mobileMenu.is-active span::before {
    	top: 0;
	    transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
    }
    header .innerHead .mobileMenu.is-active span::after {
    	bottom: 0;
    	transform: rotate(-45deg);
    	-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
    }
    header .innerHead .mobileMenu.is-active span::before,
    header .innerHead .mobileMenu.is-active span::after { transition-delay: 0s, 0.3s; }
    header .innerHead nav {
        display: none;
        position: relative;
        margin: 0;
        float: none;
        width: 100%;
        text-align: center;
        background-color: #FFFFFF;
    }
        header .innerHead nav ul {
            float: none;
            width: 100%;
        }
        header .innerHead nav ul li.mLinkL {
            width: 100%;
            display: block;
            border: 0;
        }
        header .innerHead nav ul li.mLinkL:after {
        	width: 50%;
        	margin: 0 auto;
        }
           header .innerHead nav ul li.mLinkL a, 
           header .innerHead nav ul li.mLinkL a:link, 
           header .innerHead nav ul li.mLinkL a:visited {
                padding: 20px 0;
                width: 50%;
                margin: 0 auto;
           }

    header.home .innerHead .mLogoL .cmLogo { fill: #000000; }
    header.home .innerHead nav ul li.mLinkL a, 
    header.home .innerHead nav ul li.mLinkL a:link, 
    header.home .innerHead nav ul li.mLinkL a:visited { color: #000000; }

	section.posterBleed .posterHeading {
		font-size: 60px;
		line-height: 60px;
	}

	section.mapArea .address {
		right: 0;
		width: 100%;
		box-shadow: 0px -15px 20px -10px rgba(140,140,140,1);
	}

	section.contactDetails .details .innerDetails {
		padding: 20px 15px;
		position: relative;
		width: 100%;
	}

	section.contactContent form.contact { margin: 20px 0 0 0; }
	
	footer .socialIcons { text-align: center; }

	footer .socialIcons a { margin: 0 10px;	}
	footer .emailLink { padding: 0; }
}

@media (max-width: 480px) {
	section.banner .innerBanner .subHead {
		font-size: 26px;
		line-height: 32px;
	}

	section.videoContain .videoOverlay { width: 100%; }
		section.videoContain .videoOverlay .logo { width: 205px; }
		section.videoContain .videoOverlay .subTitle { font-size: 22px; margin-top:0;	}

	section.posterBleed .posterHeading {
		font-size: 42px;
	 	line-height: 46px;
	}

	section.whiteBleed .heading {
		font-size: 32px;
		line-height: 45px;
	}

	section.banner .innerBanner h1.heading, 
	section.banner .innerBanner h2.heading {
		font-size: 32px;
    	line-height: 40px;
    	padding-bottom: 35px;
	}

	section.fullBleed h2.heading {
		font-size: 28px;
		line-height: 34px;
	}
	section.fullBleed .subHead {
		font-size: 22px;
		line-height: 30px;
	}

	section.darkBleed .subHead {
		font-size: 26px;
		line-height: 30px;
	}

	section.quote span.content {
		margin: 0 0 0 45px;
		font-size: 18px;
		line-height: 30px;
	}

	section.quote span.content i.fa-quote-left {
		font-size: 40px;
		left: 10px;
	}
	
	section.mapArea .address .infoBtnL {
		margin-top: 15px;
	}

	#projectSlider .ctrls {	width: 65px; }

	footer .emailLink {	font-size: 16px; }
}

@media (max-height: 450px) and (orientation: landscape) {
	header .innerHead {	height: 60px; }
	header .innerHead .mLogoL {
		height: 60px;
		width: 60px;
	}
	header .innerHead .mobileMenu {
		height: 40px;
		width: 40px;
	}
		header .innerHead .mobileMenu span {
			height: 4px;
			top: 18px;
		}
		header .innerHead .mobileMenu span::before, 
		header .innerHead .mobileMenu span::after {	height: 4px; }
		header .innerHead .mobileMenu span:before {	top: -8px; }
		header .innerHead .mobileMenu span:after { bottom: -8px; }

	header .innerHead nav ul li.mLinkL a,
	header .innerHead nav ul li.mLinkL a:link, 
	header .innerHead nav ul li.mLinkL a:visited { padding: 10px 0; }
	
	section.stickHead { margin-top: 60px;}
}