@font-face {
    font-family: 'BebasBold';
    src: url('../fonts/bebasneuebold.eot');
    src: url('../fonts/bebasneuebold.eot') format('embedded-opentype'),
         url('../fonts/bebasneuebold.woff') format('woff'),
         url('../fonts/bebasneuebold.ttf') format('truetype'),
         url('../fonts/bebasneuebold.svg#BebasNeueBold') format('svg');
}

@font-face {
    font-family: 'BebasBook';
    src: url('../fonts/bebasneuebook.eot');
    src: url('../fonts/bebasneuebook.eot') format('embedded-opentype'),
         url('../fonts/bebasneuebook.woff') format('woff'),
         url('../fonts/bebasneuebook.ttf') format('truetype'),
         url('../fonts/bebasneuebook.svg#BebasNeueBook') format('svg');
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?it8pcx');
	src:url('../fonts/icomoon.eot?it8pcx#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?it8pcx') format('truetype'),
		url('../fonts/icomoon.woff?it8pcx') format('woff'),
		url('../fonts/icomoon.svg?it8pcx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{	
	/*background:transparent url("../img/bgTile.jpg") 0 0 repeat;
	color:#333;*/
}



a {
	text-decoration: none;
	color:initial;
	margin:0;
	padding:0;
	cursor: pointer;
}

a:link, a:visited {
	text-decoration: none;
	color:initial;
}

a:hover{
	text-decoration: none;
	color:initial;
}

h1
{
	font-size: 8em;
	font-family: "BebasBold";
	text-transform: uppercase;
	/*letter-spacing: 1.34pt;*/
}

h2
{
	font-size: 55pt;
	font-family: "BebasBold";
	letter-spacing: 1.34;
	text-transform: uppercase;
	font-weight: normal;
}

h3
{
	font-size: 34pt;
	font-family: "BebasBook";
	letter-spacing: 1.34pt;
}

h4
{
	font-family: 'Montserrat', sans-serif;
	font-size: 1em;
	letter-spacing: .6pt;
	letter-spacing: 1.3pt;
}

h5
{
	font-size: 2.1em;
	font-family: "BebasBold";
	text-transform: uppercase;
	color: #333;
}

h6
{
	font-size: 4.236em;
	font-family: "icomoon";
}


p{
	font-family: 'Courier Prime', monospace;
	font-size: 1.4em;
	margin: 0px;
	color:#8d8d8d;
}

hr
{
	border-top:2px solid #eee;
}


img
{
	overflow: hidden;
}

button
{
	outline: none;
	border:solid #333;
	border-width: 3pt;
	padding-left: 55pt;
	padding-right: 55pt;
	cursor: pointer;
	margin-right: 8pt;
	background-color: transparent;

	-webkit-transition: background-color .34s ease-out, color .34s ease-out;
    transition: background-color .34s ease-out, color .34s ease-out;
}
button h2
{
	margin-top: 13px;
}

#container{
	padding:0;
}

.bottonNavigationContainer button
{
	border: 0px;
}

.clear
{
	background-color: transparent;
	color:black;
}

.white
{
	font-size: 2.618em;
	font-family: "BebasBold";
	letter-spacing: 1.34;
	text-transform: uppercase;
	font-weight: normal;

    padding:15px 10px 10px 10px;

	background-color: black;
	color:white;
	border-color:white;
}

.white:hover
{
	background-color: white;
	color: black;
}

.black
{
	background-color: black;
	color:white;
}

.black:hover
{
	background-color: transparent;
	color: black;
}


.gray-text
{
	color: #cdcdcd;
}

.fullHeight
{
	height: 100%;
}

.heroContent
{
	padding-top: 89px;
	padding-bottom: 55px;
}
.heroGraphic
{
	margin: 0 auto;
    background: transparent;
}
.logoImage
{
	max-width: 100%;
	height: auto;
}
.heroText
{
	padding-top: 13px;
}

.introContainer
{
	display: table;
}


.intro
{
	display: table-cell;
	vertical-align: middle;
	padding: 89pt 0 89pt 0;
}

.introCoverImgContainer
{
	z-index: 0;
    object-fit: contain;
    object-position: 50% 50%;
}


.intro h1
{
	text-align: center;
}

.intro h1 span {
	font-family: "BebasBook";
	font-size: 89pt;
	color: #333;
}

.intro button{
	margin-top:21pt;
}

.intro button:hover{
	background-color: #333;
	color: white;
	-webkit-transition: background-color .34s ease-out, color .34s ease-out;
    transition: background-color .34s ease-out, color .34s ease-out;
}

.eyebrow {
	text-align: center;
}

.eyebrow h3 {
	margin-top: 0;
}

.headline {
	text-align: center;
}


.heroGraphicContainer
{
	display: table;
	max-height: 100%;
	text-align: center;
	overflow: hidden;
}


.logoImage
{
	margin:0 auto;
	display: inline-block;
	width: 100%;
}

.service
{
	padding: 2em;
}

.serviceDivider
{
	margin: 0 auto;
	width:21%;
	display: block;
	border-style:solid;
	border-bottom:.34pt solid black;
}

.serviceItem
{
	padding-top: 13pt;
	text-align: center;
	/*height:255pt;*/
	margin: 15pt auto;
}

.serviceSubtitle
{
	padding-top: 21pt;
}

.subhead
{

}

.allAwards
{
	margin-bottom: 21px;
	text-align: center;
}

/* work tile area */

.pageContent
{
}

.workTile h2 {
	margin:0;
	padding: 0;
}

.workTile h3
{
	margin:0;
	padding: 0;
}

.workTile
{
	cursor: pointer;
	display: table;
	text-align: center;
	overflow: hidden;
	min-height: 340pt;
	height: 45vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0;

	/*background: rgba(255,255,255,.89);*/
	/*color: #333;*/
	/*transition: background .34s ease-out, color .34s ease-out;
	-webkit-transition: background .34s ease-out, color .34s ease-out;*/

}


.fadeOut
{
	opacity: 0;
	animation: fadeOut 2s;
	-webkit-transition: fadeOut 2s;
	-moz-transition: fadeOut 2s;
	-ms-transition: fadeOut 2s;
	-o-transition: fadeOut 2s;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

.workThumb
{
	width:  100%; /*or 70%, or what you want*/
	height: 300pt; /*or 70%, or what you want*/
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}



/*
.workTile:hover
{
	background: rgba(0,0,0,0);
	color:rgba(0,0,0,0);
	transition: background .34s ease-out, color .34s ease-out;
	-webkit-transition: background .34s ease-out, color .34s ease-out;
}
*/
.workTileContainer
{
	position: relative;
	display: table-cell;
	vertical-align: middle;
    margin: auto;
    z-index: 10;
    background-color: white;
    opacity: 0;
}

.workTitle
{
	display: inline;
	vertical-align: middle;
	z-index: 10;
}

.workDivider
{
	margin: 5pt auto 13pt auto;
	width:21%;
	display: block;
	border-style:solid;
	border-bottom:.34pt solid black;
	z-index: 10;
}
.workThumbBG
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	min-height:100%;
}

.parallax-mirror
{

	/*opacity: .21 !important;*/
}

.whiteCover
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: white;
	width: 100%;
	min-height:100%;
	opacity: .89;
}



/* Case Study  */

.caseStudyIntro{
	text-align: center;
}

.caseStudy {
	position: relative;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	height: 55vh;
	min-height: 360pt;
	text-align: center;
	margin-top: 34pt;
}

.caseStudy:hover {
	background-color: white;
}

.caseStudyCTA {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-top: 55pt;
	margin-bottom: 89pt;
}

.caseStudyTextWrapper {
	opacity: 1;
}

.caseStudy:hover > .caseStudyTextWrapper {
	opacity: 1;
	animation-duration: 5000ms;
	transition: opacity .34s ease-out;
	-webkit-transition: opacity .34s ease-out;
}

.caseStudyImg {
	background-size: cover;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	opacity: 1;
	border-radius: 34pt;
	transition: opacity .21s ease-out, border-radius .21s ease-out;
	-webkit-transition: opacity .21s ease-out, border-radius .21s ease-out;
}

.caseStudy:hover > .caseStudyImg {
	opacity: .13;
	border-radius: 89pt;
	transition: opacity .21s ease-out, border-radius .21s ease-out;
	-webkit-transition: opacity .21s ease-out, border-radius .21s ease-out;
}


/*
#soa
{
	background:transparent url('../img/home/workThumbs/soaThumb.jpg') 0 0 no-repeat;
	background-position: 50% center;
	background-color:rgba(0, 0, 0, 0.21);
	background-size: cover;
}

#lbar
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/lbarThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#chipIt
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/chipitThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#johnWick
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/johnwickThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#bookOfLife
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/bookOfLifeThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#kneeDeep
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/kneeDeepThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#ironTruth
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/ironTruthThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#santaSpotter
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/santaSpotterThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#rapidBoot
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/rapidBootThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#bigBoss
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/bigBossThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}

#app
{
	display: table;
	min-height: 300pt;
	text-align: center;
	background:transparent url('../img/home/workThumbs/appThumb.jpg') 0 0 no-repeat;
	background-position: center center;
	background-size: cover;
}
*/

.brandContainer
{
	padding: 55pt 34pt 89pt 34pt;
	text-align: center;
}


.pink
{
	background-color:pink;
}

.heroCTA
{
	width: 100%;
}


.infoDivider
{
	height: 1pt;
	border-bottom: solid #ccc;
	border-width: 3pt;
	width: 100%;
	margin:17pt 0;
}

.serviceRow
{
	padding:17pt 0;
}

.password
{
	border-style: solid;
	border-width:  3pt;
	width:100%;
	padding:18pt 21pt;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.618em;
	letter-spacing: 1.3pt;
}

.black
{
	font-size: 2.618em;
	font-family: "BebasBold";
	letter-spacing: 1.34;
	text-transform: uppercase;
	font-weight: normal;
	border-color: black;

    padding:15pt 10pt 8pt 10pt;
	background-color: black;
	color:white;
}

.login
{
	display: table-cell;
	vertical-align: middle;
	padding: 55pt 0 21pt 0;
	text-align: center;
}
.login p{
	margin-top: 15pt;
	text-align: left;
}
.loginForm
{
	margin-top: 20pt;
	margin-bottom: 20pt;
}
.noPassword
{
	margin-top: 21pt;
	margin-bottom: 34pt;
}

.awardContainer {
	text-align: center;
}





@media only screen
and (min-device-width: 320px)
and (max-device-width: 900px)
{
	.introContainer
	{
	}
	.heroCTA
	{
		text-align: center;
	}
	button
	{
		border-width: 5pt;
		padding:20pt 55pt
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
  {
	.workTile .parallax
	{
		opacity: .21 !important;
	}
	button > h2
	{
		font-size: 2.618em;
	}


}