@import url(https://fonts.googleapis.com/css?family=Raleway);
/* ==================================================================================
   PAGE CONTAINER(s)
   ================================================================================== */

/* ---- psd page width = 1400px 87.5em ---- */
/* ---- grid width = 1185px 74.063em 84.642857142857% (1185px / 1400px) ---- */
/* ---- gutter width = 45px 2.8125em ---- */
/* ---- row height full = 90px 5.625em ---- */
/* ---- row height half = 45px 2.8125em ---- */
/* ---- row height quarter = 22.5px 1.40625em ---- */

*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
html, body {
	height: 100%;
}
.parallax {
    /* The image used */
    background-image: url("../img/home/parallax.jpg");

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#page {
   	min-height: 100%;
	position: relative;
	width: 100%;
	font-family: "Raleway";
	font-style: normal;
    font-weight: 100;
}
hr.sep {
    display: block;
    border: 0;
    border-top: 1px solid #dad9d9; /* light gray */
    margin: 2em 0;
    padding: 0;
}
hr.sep-comments {
    display: block;
    border: 0;
    border-top: 1px solid #ee352a; /* red */
    margin: 2em 0;
    padding: 0;
}


/* ==================================================================================
   FOO GRID - experiment
   ================================================================================== */

/* ---- base (all) ---- */
.foo {margin: 0 1.40625em; /* 22.5px */}
.foo-unit {box-sizing: border-box;display: block;float: left;background: red;width: 100%;margin: 0 auto 1.40625em; /* 22.5px */}
@media screen and (min-width: 40em) { /* 640px */
.foo-unit {width: 50%;}
.foo-c12 {width: 100%;}
}
@media screen and (min-width: 60em) { /* 960px */
.foo-unit {width: 25%;}
}



/* ==================================================================================
   GRID - .grid-wrapper determines relative column (c+) and spacing (s+) widths
   ================================================================================== */

/* ---- base (all) ---- */
.grid-wrapper {
	text-align: left;
	width: 100%;
	max-width: 74.063em !important;/* 1185px (1140px + 22.5px left & right column gutter padding) */
	margin: 0 auto;
	padding: 0 1.40625em;
}
.row {width: 100%; margin: 0 auto;}
.row .row {width: auto; margin: 0 auto;}
.row:before,.row:after,.clearfix:before,.clearfix:after {content:'';display:table;}
.row:after,.clearfix:after {clear:both;}
.row,.clearfix {zoom:1;}
.center {text-align: center;}
.extrafull-top {margin-top: 4.21875em; /* 67.5px */}
.full-top {margin-top: 2.8125em; /* 45px */}
.full-btm {margin-bottom: 2.8125em; /* 45px */}
.push-bottom {margin-bottom: 25px;}
.half-top {margin-top: 1.40625em; /* 22.5px */}
.half-btm {margin-bottom: 1.40625em; /* 22.5px */}
.quarter-top {margin-top: 0.703125em; /* 11.25px */}
.quarter-btm {margin-bottom: 0.703125em; /* 11.25px */}
.no-top {margin-top: 0em;}
.no-btm {margin-bottom: 0em;}
.neg-top {margin-top: -2em;}
.neg-btm {margin-bottom: -2.5em;}
img {max-width: 100%; height: auto; display: block; margin: 0 auto;}
.c1,.c2,.c3,.c4,.c4-footer,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {width: 100%;margin-right: auto;margin-left: auto;margin-bottom: 1.40625em;}
.ls1,.ls2,.ls3,.ls4,.ls5,.ls6,.ls7,.ls8,.ls9,.ls10,.ls11 {width: 100%;margin-right: auto;margin-left: auto;margin-bottom: 1.40625em;}
.rs1,.rs2,.rs3,.rs4,.rs5,.rs6,.rs7,.rs8,.rs9,.rs10,.rs11 {width: 100%;margin-right: auto;margin-left: auto;margin-bottom: 1.40625em;}
.end {float:right} /* Adding the "end" class isn't a must though it does create a smooth right alignment edge to the row */
.hide-mobile-portrait {display: none;}
/* ---- 320 ( + ) smartphones ---- */
@media screen and (min-width: 20em){ /* 320px */
.c3-process {width: 50%; margin: 0 auto; float: left; position: relative;}
.full-width {margin-top: -1.40625em; margin-bottom: 0;}
.full-width-stack {margin-top: 0; margin-bottom: 0;}
.half-width-stack {margin-top: -1.40625em; margin-bottom: 0;}
.mobile-row-stack {margin-top: -0.703125em;} /* for equal squares like logo page */
}
/* ---- 480 ( + ) smartphones ---- */
@media screen and (min-width: 30em){ /* 480px */
.c3-process {width: 25%; margin: 0 auto; float: left; position: relative;}
.full-width,
.full-width-stack {width: 100%; float: left; padding: 0 0.703125em; /* 11.25px (quarter gutter) */;position: relative; margin: 0 auto; }
.half-width,
.half-width-stack {width:50%; float: left;padding: 0 0.703125em;/* 11.25px (quarter gutter) */;position: relative; margin: 0 auto; }
.third-width {width:33.33%; float: left;padding: 0 0.703125em; /* 11.25px (quarter gutter) */;position: relative; margin: 0 auto; }
.quarter-width {width:25%; float: left;padding: 0 0.703125em; /* 11.25px (quarter gutter) */;position: relative; margin: 0 auto; }
.tenth-width {width:16.66%; float: left;padding: 0 0.703125em; /* 11.25px (quarter gutter) */;position: relative; margin: 0 auto;}
.row .row .half-width {width: 100%; margin-bottom: 0.703125em;}
.hide-mobile-portrait {display: inherit;}
.mobile-row-stack {margin-top: 1.40625em;} /* for equal squares like logo page */
}
/* ---- 481 ( + ) ---- */
@media screen and (min-width: 30.0625em){ /* 481px */
}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
.grid-wrapper {text-align: left;padding: 0;}
.row .row {width: auto; margin: 0 -1.40625em /* -22.5px */;}
.extrafull-top {margin-top: 8.4375em; /* 135px */}
.full-top {margin-top: 5.625em; /* 90px */}
.full-btm {margin-bottom: 5.625em; /* 90px */}
.half-top {margin-top: 2.8125em; /* 45px */}
.half-btm {margin-bottom: 2.8125em; /* 45px */}
.quarter-top {margin-top: 1.40625em /* 22.5px */}
.quarter-btm {margin-bottom: 1.40625em /* 22.5px */}
.c1 {width:8.33%}
.c2 {width:16.66%}
.c3, .c3-process {width:25%}
.c4 {width:33.33%}
.c4-footer {width:33.33%}
.c5 {width:41.66%}
.c6 {width:50%}
.c7 {width:58.33%}
.c8 {width:66.66%}
.c9 {width:75%}
.c10 {width:83.33%}
.c11 {width:91.66%}
.c12 {width:100%}
.c1,.c2,.c3,.c3-process,.c4,.c4-footer,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {float: left;padding: 0 1.40625em; /* 22.5px (half gutter) */;position: relative; margin: 0 auto; }
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c3-process,.row .row .c4,.row .row .c4-footer,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12 {width: 100%; margin-bottom: 2.8125em;}
.row .row > div:last-child{margin-bottom:0 !important}
.ls1 {margin-left:8.33%}
.ls2 {margin-left:16.66%}
.ls3 {margin-left:25%}
.ls4 {margin-left:33.33%}
.ls5 {margin-left:41.66%}
.ls6 {margin-left:50%}
.ls7 {margin-left:58.33%}
.ls8 {margin-left:66.66%}
.ls9 {margin-left:75%}
.ls10 {margin-left:83.33%}
.ls11 {margin-left:91.66%}
.rs1 {margin-right:8.33%}
.rs2 {margin-right:16.66%}
.rs3 {margin-right:25%}
.rs4 {margin-right:33.33%}
.rs5 {margin-right:41.66%}
.rs6 {margin-right:50%}
.rs7 {margin-right:58.33%}
.rs8 {margin-right:66.66%}
.rs9 {margin-right:75%}
.rs10 {margin-right:83.33%}
.rs11 {margin-right:91.66%}
}



/* ==================================================================================
   PERCENTAGES
   ================================================================================== */

.zero {width: 0;}
.ten {width: 10%;}
.twenty {width: 20%;}
.thirty {width: 30%;}
.forty {width: 40%;}
.fifty {width: 50%;}
.sixty {width: 60%;}
.seventy {width: 70%;}
.eighty {width: 80%;}
.ninety {width: 90%;}
.hundred {width: 100%;}



/* ==================================================================================
   TYPE
   ================================================================================== */
/*
 * Fonts Used:
 * Stratum2
 * Seravek
*/

/* ---- base (all) ---- */
.cream {color: #fcf9c4; /* cream dark */}
.red {color: #ee352a; /* red */}
.gray {color: #666666;}
h1, h4, h5, h6, blockquote {
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 300;
}
h2 {
    font-family: "Raleway";
    font-weight: 300;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: .75s;-moz-animation-delay: .75s;-ms-animation-delay: .75s;-o-animation-delay: .75s;animation-delay: .75s;
}
h3 {
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
}
p a {
    color: #ee352a;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 .1em 0; /* for underline */
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
p a:hover {border-bottom: 1px solid #ee352a; /* red */}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
h2 {font-size: 1.5em; /* 24px */ line-height: 1.4;}
}
tab {
	margin-left: 25px;
}

/* ==================================================================================
   BUTTON(s)
   ================================================================================== */
/* ---- base (all) ---- */
.btn { /* size also controlled in blockquote section */
	border: none;
	font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
	letter-spacing: 1px;
	color: inherit;
	background: none;
	padding: 0.625em 2.8125em;
	margin: 2em 2em;
	display: inline-block;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
}
/* BUTTON 1
   ======================== */
.btn-1 {
    border: 1px solid #fff;
	color: #fcf9c4; /* cream dark */
	background: #ee352a;
	text-decoration: none;
}
.btn-1:hover {
    border: 1px solid #ee352a /* red */;
	color: #ee352a; /* red */
	background: none;
}
/* BUTTON 2
   ======================== */
.btn-2 {
    border: 1px solid #fcf9c4 /* red */;
	color: #fcf9c4; /* cream dark */
	background: none;
	text-decoration: none;
}
.btn-2:hover {
    border: 1px solid #ee352a;
	color: #ee352a;
	background: #fcf9c4; /* cream dark */
}
/* BUTTON 3
   ======================== */
.btn-3 {
    border: 1px solid #fcf9c4 /* red */;
	color: #fcf9c4; /* cream dark */
	background: none;
	text-decoration: none;
}
.btn-3:hover {
    border: 1px solid #fcf9c4;
	color: #ee352a;
	background: #fcf9c4; /* cream dark */
}
/* BUTTON 4
   ======================== */
.btn-4 {
    border: 1px solid #ee352a;
	color: #ee352a;
	background: #ffffff;
	text-decoration: none;
	float: right;
	display: inline-block;
	text-transform: none;
	padding: 0.4em 1em 0.4em 1em;
    margin-top: -2.6em;
    margin-right: 0;
}
.btn-4:hover {
    border: 1px solid #ee352a /* red */;
	color: #fcf9c4; /* red */
	background: #ee352a;
}


/* ================================================================================
   HEADER
   ================================================================================ */

/* ---- base (all) ---- */
.header {background: #192231; /* red */margin: 0 auto;}
.arrow {
    fill: #192231;
    width: 3.75em; /* 60px */
    height: 1em;
    background: transparent url("../img/global/png/bg-arrow.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/bg-arrow.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/bg-arrow.svg");
    margin: 0 auto -1em;
    position: relative;
}

/* LOGO
   ======================== */
/* ---- base (all) ---- */
.logo {
    background-size: 100% 100%;
    width: 5.3125em; /* 85px */
    height: 4.84375em; /* 77.5px */
    display: block;
    position: relative;
}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
.logo {
    width: 8.4375em; /* 135px */
    height: 7.875em; /* 126px */
}
}
/* ---- 1120 ( + ) large desktop ---- */
@media screen and (min-width: 70em){ /* 1120px */
.logo {
    width: 9.6875em; /* 155px */
    height: 9.0625em; /* 145px */
}
}

/* HEADLINE
   ======================== */
/* ---- base (all) ---- */
.headline {
    font-size: 2.125em; /* 34px */
    padding: 0;
    margin: 0;
    line-height: 1.1;
    padding-bottom: 0.5625em; /* 9px */
    font-family: "Raleway";
    font-style: normal;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: .5s;-moz-animation-delay: .5s;-ms-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;
	color: #fcf9c4;
}
.headline-text{
	color: #ee352a;
}
.head-drop {display: inline-block; background-color: #fcf9c4; padding: .1em .3em .2em .3em;}
.head-drop:hover {cursor: pointer;}
.head-drop button {
    border: 0;
    width: 16px;
    height: 8px;
    padding: 0 0 14px 0;
    margin: 0 0 0 7px;
    vertical-align: middle;
    display: inline-block;
    background: transparent url("../img/global/png/head-drop-arrow.png") center top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/head-drop-arrow.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/head-drop-arrow.svg");
}
#insightsExtras {
    display: none;
    position: absolute;
    margin-top: 1px;
    text-align: left;
    z-index:100;
}
.cascadeOptions:first-child {margin-top: 11px; padding-top: 5px;}
.cascadeOptions:last-child {padding-bottom: 15px;}
.cascadeOptions {
    background-color: white;
    font-size: 20px;
    line-height: 1.4;
    color: #ee352a;
    padding: 0 0 0 15px;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
.cascadeOptions:hover {text-decoration: none; color: #666666;}
/* ---- 721 ( + ) ---- */
@media screen and (min-width: 45.0625em){ /* 721px */
.headline {
    clear: both;
    font-size: 3.625em; /* 58px */
    line-height: 1;
    padding: 0 0 0.5625em /* 9px */;
    margin: 0;
}
.head-drop button {width: 27px; height: 14px;}
.cascadeOptions:first-child {padding-top: 12px;}
.cascadeOptions {font-size: 26px; line-height: 1.5;}
}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
.headline {
    clear: both;
    font-size: 5.4375em; /* 87px */
    line-height: 1;
    padding: 0 0 0.5625em /* 9px */;
    margin-top: .75em;
}
.head-drop {padding: 0 .2em .1em .2em;}
}

/* STARS
   ======================== */
/* ---- base (all) ---- */
.stars-cream {
    background: transparent url("../img/global/png/stars-stripes.png") center top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/stars-stripes.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/stars-stripes.svg");
    height: 1.375em; /* 22px */
    overflow: hidden;
    margin: 0 auto;
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: .5s;-moz-animation-delay: .5s;-ms-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;
}
.stars-red {
    background: transparent url("../img/global/png/stars-stripes-red.png") center top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/stars-stripes-red.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/stars-stripes-red.svg");
    height: 1.375em; /* 22px */
    overflow: hidden;
    margin: 0 auto;
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: .5s;-moz-animation-delay: .5s;-ms-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;
}
.stars-gray {
    background: transparent url("../img/global/png/stars-stripes-gray.png") center top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/stars-stripes-gray.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/stars-stripes-gray.svg");
    height: 1.375em; /* 22px */
    overflow: hidden;
    margin: 0 auto;
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: .5s;-moz-animation-delay: .5s;-ms-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;
}
/* ---- 721 ( + ) ---- */
@media screen and (min-width: 45.0625em){ /* 721px */
.stars-cream {padding-bottom: 1.5em;}
}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
.stars-cream {padding-bottom: 3em;}
}

/* NAVIGATION
   ======================== */
/* ---- base (mobile only) ---- */
#outer-wrap {position:relative;overflow:hidden;width:100%;}
#inner-wrap {position:relative;width:100%;}
.nav-btn {
    display: block;
    position: absolute;
    top: 1.5625em; /* 25px */
    left: 1.5625em; /* 25px */
    width: 2.375em; /* 38px */
    height: 2em; /* 32px */
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.75;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nav-btn img {
    display: block;
    width: 2.375em; /* 38px */
    height: 2em; /* 32px */
}
.nav-btn:hover, .nav-btn:focus {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;
}
#nav {
	z-index:200;
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: left;
	margin-top: 0 !important; /* disables .half-top class on mobile screens */
}
#nav .close-btn {display:none;}
#nav .block {
	z-index: 2;
	position: relative;
	padding: 0.75em 1.25em;
}
#nav ul {
	*zoom:1;
	display:block;
	margin:0 !important; /* enables nav to flush left and top on mobile*/
	padding:0 !important; /* enables nav to flush left and top on mobile*/
}
#nav ul:before,#nav ul:after {content:"";display:table;}
#nav ul:after {clear:both;}
#nav li {
	display: block;
	font-family: "stratum-2-web",sans-serif;
}
#nav li a {
	display: block;
	color: #fcf9c4; /* cream dark */
    font-style: normal;
    font-weight: 400;
	font-size: 0.85em;
	line-height: 1.35em;
	text-transform: uppercase;
	letter-spacing: 3px;
	outline: none;
	text-decoration: none;
}
#nav li a:hover {
	color:#ee352a;
	text-decoration:none;
}
/* ---- 720 ( - ) javascript ---- */
@media screen and (max-width: 45em ) { /* MAX-WIDTH 720px */
#nav {position: absolute;top: 0;}
#nav:not(:target) {z-index: 1;height: 0;}
#nav:target .close-btn {display: block;}
#nav .block {position: relative;padding: 0;}
#nav li {position: relative;border-top: 1px solid rgba(255, 255, 255, 0.1);}
#nav li:last-child {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#nav li.is-active:after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-right: 0.625em white solid;
}
#nav li a {
    padding: 1.55714em 1.84286em;
    -webkit-transition: all 0.25s ease-in-out 0s;
    -moz-transition: all 0.25s ease-in-out 0s;
    -ms-transition: all 0.25s ease-in-out 0s;
    -o-transition: all 0.25s ease-in-out 0s;
    transition: all 0.25s ease-in-out 0s;
}
.js-ready #nav {
    height: 100%;
    width: 70%;
    background: #222222; /*rgb(62,57,53);*/
    -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
    box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
}
.js-ready #nav .block {background:transparent;}
.js-ready #nav .close-btn {display:block;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;}
.js-ready #nav .close-btn:focus,.js-ready #nav .close-btn:hover {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.js-ready #nav {left:-70%;}
.js-ready #inner-wrap {left:0;}
.js-nav #inner-wrap {left:70%;}
.csstransforms3d.csstransitions.js-ready #nav {left:0;-webkit-backface-visibility: hidden; /*prevents safari flicker*/-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.csstransforms3d.csstransitions.js-ready #inner-wrap {left:0!important;-webkit-backface-visibility: hidden; /*prevents safari flicker*/-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.csstransforms3d.csstransitions.js-nav #inner-wrap {-webkit-backface-visibility: hidden; /*prevents safari flicker*/-webkit-transform:translate3d(70%,0,0) scale3d(1,1,1);-moz-transform:translate3d(70%,0,0) scale3d(1,1,1);-ms-transform:translate3d(70%,0,0) scale3d(1,1,1);-o-transform:translate3d(70%,0,0) scale3d(1,1,1);transform:translate3d(70%,0,0) scale3d(1,1,1);}
.csstransforms3d.csstransitions.js-ready #nav .block {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7;-webkit-backface-visibility: hidden; /*prevents safari flicker*/-webkit-transition:opacity 300ms 100ms,-webkit-transform 500ms ease;-webkit-transition-delay:ease,0;-moz-transition:opacity 300ms 100ms ease,-moz-transform 500ms ease;-o-transition:opacity 300ms 100ms ease,-o-transform 500ms ease;transition:opacity 300ms 100ms ease,transform 500ms ease;-webkit-transform:translate3d(70%,0,0) scale3d(0.9,0.9,0.9);-moz-transform:translate3d(70%,0,0) scale3d(0.9,0.9,0.9);-ms-transform:translate3d(70%,0,0) scale3d(0.9,0.9,0.9);-o-transform:translate3d(70%,0,0) scale3d(0.9,0.9,0.9);transform:translate3d(70%,0,0) scale3d(0.9,0.9,0.9);-webkit-backface-visibility: hidden; /*prevents safari flicker*/-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0;}
.csstransforms3d.csstransitions.js-nav #nav .block {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-backface-visibility: hidden; /*prevents safari flicker*/-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
}
/* ---- 721 ( + ) ---- */
@media screen and (min-width: 45.0625em){ /* 721px */
.nav-btn {display: none;}
#nav {display: block;text-align: center;padding-bottom: 1em;}
#nav .block {padding: 0;}
#nav ul {text-align: center;white-space: nowrap;}
#nav li {
    display: inline-block;
    color: #fcf9c4; /* cream dark */
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#nav li:last-child {border-right: none;}
#nav li a {
    color: #fcf9c4; /* cream dark */
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1875em; /* 3px */
    font-size: .95em;
    border-bottom: 2px solid #192231;
    padding: 0.42857em 0.15714em 0.22857em 0.15714em;
    margin: 0 0.6em;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#nav li a:hover {border-bottom: 1px solid  #fcf9c4; color: #fcf9c4; /* cream dark */}
}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
#nav {display: inline-block;float: right;position: relative; margin-top: 2.8125em !important; /* enables .half-top class on desktop screens */}
#nav ul {text-align: right;white-space: nowrap;}
#nav li {
    font-weight: 400;
    padding: .3em; /* for spacing */
    border-right: none;
}
#nav li a {
    text-transform: none;
    letter-spacing: 0em;
    font-size: 1.35em;
    padding: 0 0 .3em 0; /* for underline */
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
#nav li a:hover {border-bottom: 1px solid  #fcf9c4; /* cream dark */}
#nav li.is-active a {color: #fff;}
}



/* ================================================================================
   SUBHEADER
   ================================================================================ */

/* ---- base (all) ---- */
.subheader {
    background: #fbfae6; /* cream light */
    margin: 0 auto;
    color: #ee352a; /* red */
    text-transform: uppercase;
    font-family: "Raleway";
}
.process-interior {
    margin: 0 auto;
    color: #ee352a; /* red */
    text-transform: uppercase;
    font-family: "Raleway";
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;
}
.process-odd, .blog-form {background: #ee352a; /* red */margin: 0 auto; color: #fcf9c4; /* cream dark */}
.process-even {background: #fbfae6; /* cream light */margin: 0 auto; color: #ee352a; /* red */}
.article-odd, .contact-form {background: #f8f8f8; margin: 0 auto;}
.article-even {background: #ffffff; margin: 0 auto;}
.article-odd img, .article-even img {max-width: 100%; width: auto;} /* max-width controls photos within the blog section from exploding */
/*.article-odd {background: #ffffff; margin: 0 auto;}
.article-even {background: #f8f8f8; margin: 0 auto;}*/
.process-odd p, .process-even p, .article-odd p, .article-even p {
    font-family: "Raleway";
    font-weight: 300;
    font-style: normal;
    font-size: 1.1em;
    line-height: 1.4;
}
.article-odd p, .article-even p {color: #666666;}
.article-odd p a {color: #e43429; /* slightly darker red */ border-bottom: 1px solid #f8f8f8;}
.article-even p a {color: #e43429; /* slightly darker red */ border-bottom: 1px solid #ffffff;}
.article-odd p a:hover, .article-even p a:hover {border-bottom: 1px solid #ee352a; /* red */}
.arrow-red {
    fill: #ee352a;
    width: 3.75em; /* 60px */
    height: 1em;
    background: transparent url("../img/global/png/bg-arrow.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/bg-arrow.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/bg-arrow.svg");
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.arrow-white {
    fill: #ffffff;
    width: 3.75em; /* 60px */
    height: 1em;
    background: transparent url("../img/global/png/bg-arrow-white.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/bg-arrow-white.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/bg-arrow-white.svg");
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.arrow-cream {
    fill: #fbfae6; /* cream light */
    width: 3.75em; /* 60px */
    height: 1em;
    background: transparent url("../img/global/png/bg-arrow-cream.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/bg-arrow-cream.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/bg-arrow-cream.svg");
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.arrow-gray {
    fill: #f8f8f8; /* light gray */
    width: 3.75em; /* 60px */
    height: 1em;
    background: transparent url("../img/global/png/bg-arrow-gray.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/bg-arrow-gray.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/bg-arrow-gray.svg");
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
.process-odd p, .process-even p, .article-odd p, .article-even p {font-size: 1.4em; line-height: 1.5;}
}

/* CALL TO ACTION
   ======================== */
/* ---- base (all) ---- */
.subheader .cta {
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-size: 2.45em;
    font-weight: 100;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
/* ---- 480 ( + ) smartphones ---- */
@media screen and (min-width: 30em){ /* 480px */
.subheader .cta {font-size: 4em;}
}
/* ---- 721 ( + ) ---- */
@media screen and (min-width: 45.0625em){ /* 721px */
.subheader .cta {font-size: 5.75em;}
}

/* PROCESS + ARTICLE ICONS
   ======================== */
/* ---- base (all) ---- */
.process {
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: 1s;-moz-animation-delay: 1s;-ms-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s;
}
.process img {
    width: 3.75em; /* 60px */
    height: 3.75em; /* 60px */
}
.process .p-transition {
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
 	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.process a:hover .p-transition {
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}
.process .plus {
    position: absolute;
    top: 0.5em; /* 8px */
    right: -6%;
    font-size: 1.65em;
}
.process p {
    font-size: 1.17em;
    margin: 0.35em 0 1em 0;
}
.process a {
    color: #ee352a; /* red */
    text-decoration: none;
}
.article-nav .plus {
    position: absolute;
    top: 0;
    right: -6%;
    font-size: 1.65em;
    color: #dad9d9;
}
.article-nav p {
    font-size: 1.17em;
    margin: 0.35em 0 1em 0;
    color: #ee352a; /* red */
    text-transform: uppercase;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}
.article-nav a {
    color: #ee352a; /* red */
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}
.article-nav a:hover, .article-nav p:hover {color: #666666;}
/* ---- 479 ( - ) smartphones ---- */
@media screen and (max-width: 29.9375em){ /* 479px */ /* MAX-WIDTH used to force plus not to show below 479px */
.process .hide, .article-nav .hide {display: none;}
}
/* ---- 721 ( + ) ---- */
@media screen and (min-width: 45.0625em){ /* 721px */
.process .plus {right: -4%;}
}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
.process .plus {
    top: 0.625em; /* 10px */
    right: -4%;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2em;
}
.process img {width: auto;height: auto;}
.process p {
    font-size: 1.375em;
    font-weight: 400;
    font-style: normal;
}
.article-nav .plus {
    top: -.2em;
    font-style: normal;
    font-weight: 400;
    font-size: 2.2em;
}
}



/* ================================================================================
   CONTENT
   ================================================================================ */

 /* ---- base (all) ---- */
.content {
	color: #666666; 
	margin: 0 auto;
}
.content-fade {
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: 1.15s;-moz-animation-delay: 1.15s;-ms-animation-delay: 1.15s;-o-animation-delay: 1.15s;animation-delay: 1.15s;
}
.masthead {background: none; margin: 0 auto;}
.logos img {width: auto; max-width: 100%; display: inline;}
.news-small-headings {
	font-size: 25px;
}
.justify {
	text-align: justify;
}

/* BASIC IMAGE COLOR HOVERS
   ======================== */
.view {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view a {text-decoration: none;}
.view p {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 300;
    font-size: 2.25em; /* 36px */
    color: #ffffff;
}
.mask {
    width: 100%;
	max-height: 350px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background: #804D7B;
    -webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	
}
.mask:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=80);
    opacity: 0.8;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}
.mask-tall {
	height: 350px;
}
.mask-tall p {margin-top: 55%;}
.mask-med {}
.mask-short {
	height: 350px; 
}
.mask-short p {margin-top: 25%;}
.mask-thumb {
	height: 350px; 
}
.mask-thumb p {
	margin-top: 30%; 
	font-size: 3.75em; /* 60px */
	font-weight: 100;
}
.thumb {
	max-height: 350px;
	max-width: 350px; 
	width: 100% !important;
}


/* ---- 480 ( + ) smartphones ---- */
@media screen and (min-width: 480px) {
.mask-thumb p {
	margin-top: 35%;
	font-size: 16px;
	}
}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 768px) {
.mask-thumb p {
	margin-top: 35%;
	font-size: 35px;
	}
}
/* ---- 960 ( + ) ---- */
@media screen and (min-width: 960px) {
.mask-thumb p {
	margin-top: 35%;
	font-size: 60px;
	}
}

/* TITLES & CAPTIONS
   ======================== */
 /* ---- base (all) ---- */
.title { /* for results thumbnails */
    text-align: center;
    margin-top: .6em;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.1;
    padding-bottom: .2em;
    color: #ee352a; /* red */
    text-transform: uppercase;
}
.title2 {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 300;
    font-size: 2em; /* 32px */
    line-height: 1.1;
    margin-top: -.5em;
    padding-bottom: .2em;
}
.title2 a {
    color: none;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}
.title2 a:hover {color: #666666;}
.title3 { /* for services ul */
    text-align: center;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-size: 1.25em;
    color: #ee352a; /* red */
    text-transform: uppercase;
}
.web {
    text-align: center;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-size: 1.15em;
    color: #ee352a; /* red */
    text-transform: uppercase;
}
.title a, .web a {
    text-decoration: none;
    color: #ee352a; /* red */
    -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}
.title a:hover, .web a:hover {color: #666666;}
.caption {
   text-align: center;
   color: #fcf9c4;
   font-size: 0.9em;
   line-height: 1.3;
}
.caption-review {
   text-align: center;
   color: #222222;
   font-size: 1.1em;
   line-height: 1.3;
}
ul.services {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 300;
    font-size: 1.3125em; /* 21px */
    line-height: 2;
    list-style: none;
    padding: 0;
}
.social {
    margin-top: .8em;
    margin-bottom: .5em;
}
.social-icon {
    background-size: 100% 100%;
    width: 1.625em; /* 26px */
    height: 1.625em; /* 26px */
    display: inline;
    position: relative;
    margin: 0 .2em;
    -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;
}
.social-icon:hover {
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);
    opacity: 0.8;
}
.author, .date, .share {display: inline-block; color: #666666; margin: 0 1.2em .5em 0; clear: both;}
.avatar {
    position: relative;
    float: left;
    display: inline-block;
    margin: -.3em .6em 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 2.15em;
    vertical-align: bottom;
}
img.avatar {max-width: 2.15em;} /* counters the .article-even img, article-odd img max-width to control photos within the blog section */
.article-comments img {width: auto; max-width: 100%; display: inline;} /* for emoticons */
/*.avatar {
    position: relative;
    float: left;
    display: inline-block;
    overflow: hidden;
    visibility: hidden;
    -webkit-transform: rotate(120deg);
       -moz-transform: rotate(120deg);
         -o-transform: rotate(120deg);
            transform: rotate(120deg);
}
.avatar-in1 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
}
.avatar-in2 {
    width: 100%;
    height: 100%;
    visibility: visible;
    -webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
}
.avatar2 {
    width: 2.25em;
    height: 2.5em;
    margin: -.5em .5em 0 0;
    backface-visibility: hidden;
}*/
/* ---- 768 ( + ) ---- */
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em) {
.title {font-size: 1.875em; /* 30px */line-height: 1;padding-bottom: .3em;}
.title2 {font-size: 3em; /* 48px */ margin-top: .4em;}
.title3 {font-size: 1.5625em; /* 25px */}
.web {font-size: 1.875em; /* 30px */}
.caption {font-size: 1.1875em; /* 19px */}
}


/* BLOG & CONTACT FORM FIELDS
   ======================== */
/* ---- base (all) ---- */
input.blog-field {
    background-color: rgb(192,46,34); /* red dark */
    border: 0;
    padding: 0.8em 1em 0.6em 1em;
    margin: 0;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: rgb(252,249,196); /* cream dark */
    width: 100%;
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
textarea.blog-comments {
    background-color: rgb(192,46,34); /* red dark */
    border: 0;
    padding: 0.8em 1em 0.6em 1em;
    margin: 0 .75em .85em 0;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: rgb(252,249,196); /* cream dark */
    width: 100%;
    height: 8.4375em;
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
input.contact-field {
    background-color: #ffffff;
    border: 1px solid #ee352a;
    padding: 0.8em 1em 0.6em 1em;
    margin: 0;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: #ee352a;
    width: 100%;
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
textarea.contact-comments {
    background-color: #ffffff;
    border: 1px solid #ee352a;
    padding: 0.8em 1em 0.6em 1em;
    margin: 0 .75em .85em 0;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: #ee352a;
    width: 100%;
    height: 8.4375em;
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
select.contact-dropdown {
    background-color: #ffffff;
    border: 1px solid #ee352a;
    padding: 0.8em 1em 0.6em 1em;
    margin: 0;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: #ee352a;
    width: 100%;
    /*background: url("../img/global/png/select-arrow.png")  no-repeat;
    background-position: right center;*/
    -webkit-appearance: none;-moz-appearance: none;appearance: none;
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
.project-scope-doc {
    background-color: #ffffff;
    border: 1px solid #ee352a;
    padding: 0.4em 1em 0.4em 1em;
    margin: 0;
    font-family: "stratum-2-web",sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: #ee352a;
    width: 57%;
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
a.comment-edit-link {
    color: #ee352a;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
a.comment-edit-link:hover {color: #666666;}
pre a {color: #ee352a;}
.article-comments-moderation p {color: #ee352a; font-style: italic; font-size: 1.3em;}
/* ---- 480 ( + ) smartphones ---- */
@media screen and (min-width: 30em){ /* 480px */
.project-scope-doc {width: 75%;}
}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
.project-scope-doc {width: 84%;}
}
/* ---- 960 ( + ) ---- */
@media screen and (min-width: 60em) {
input.blog-field,
input.contact-field,
select.contact-dropdown {margin: 0 0 2.03125em 0;}
.project-scope-doc {width: 73%;}
}


/* RESULTS PAGINATION
   ======================== */
/* ---- base (all) ---- */
.arrow-prev {
    width: 0.9375em;
    height: 3.3125em;
    background: url("../img/global/arrow-prev.svg") no-repeat center top;
    float: left;
    display: inherit;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
.arrow-next {
    width: 0.9375em;
    height: 3.3125em;
    background: url("../img/global/arrow-next.svg") no-repeat center top;
    float: right;
    display: inherit;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
.arrow-prev:hover {opacity: 0.3;cursor: pointer;}
.arrow-next:hover {opacity: 0.3;cursor: pointer;}
.grid-dots {
    position: absolute;
    left: 43%;
    width: 2.8125em;
    height: 2.8125em;
    background: transparent url("../img/global/png/grid-dots.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/grid-dots.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/grid-dots.svg");
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
.grid-dots:hover {opacity: 0.3;cursor: pointer;}
/* ---- 481 ( + ) ---- */
@media screen and (min-width: 30.0625em){ /* 481px */
.grid-dots {left: 46%;}
}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
.grid-dots {left: 48%;}
}

/* BLOCKQUOTE TESTIMONIAL
   ======================== */
/* ---- base (all) ---- */
.quotes {
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: 1.5s;-moz-animation-delay: 1.5s;-ms-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s;
}
blockquote.testimonial {font-size: 1.48em;line-height: 1.3;margin: 0 auto;color:#fcf9c4;font-family:"Raleway";}
blockquote.testimonial .btn {font-size: .65em;line-height: 2;}
blockquote.testimonial footer {
    font-family: "Raleway";
    font-size: 0.7em;
    background: transparent url("../img/global/png/stars.png") no-repeat center top;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/stars.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/stars.svg");
    padding-top: 1em;
	color: #6A183E;
}
blockquote.testimonial footer p {margin: 0.2em 0;}
blockquote.testimonial span {display: block;}
blockquote.testimonial footer p:first-child {color: rgb(238,53,42);font-size: 1.48em;}
/* ---- 960 ( + ) large desktop ---- */
@media screen and (min-width: 60em){ /* 960px */
blockquote.testimonial {font-size: 2.48em;margin: 0 auto;}
blockquote.testimonial .btn {font-size: .4em;line-height: 2;font-weight:10px;}
blockquote.testimonial footer {font-family: "Raleway";font-size: 1em;}
blockquote.testimonial footer p {font-size: 0.48em;margin: 0.1em 0;line-height: 1.2;}
blockquote.testimonial footer p:first-child {color: rgb(238,53,42);font-size: 0.85em;}
blockquote.testimonial span {display: inline;}
}

/* BLOCKQUOTE CONTROLS
   ======================== */
/* ---- base (all) ---- */
#arrowPREV {display: none;}
#arrowNEXT {display: none;}
.bx-wrapper {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
/* ---- 481 ( + ) ---- */
@media screen and (min-width: 30.0625em){ /* 481px */
#arrowPREV {
    width: 0.9375em;
    height: 3.3125em;
    background: url("../img/global/arrow-prev.svg") no-repeat center top;
    float: left;
    display: inherit;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
#arrowNEXT {
    width: 0.9375em;
    height: 3.3125em;
    background: url("../img/global/arrow-next.svg") no-repeat center top;
    float: right;
    display: inherit;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;
}
#arrowPREV:hover {opacity: 0.3;cursor: pointer;}
#arrowNEXT:hover {opacity: 0.3;cursor: pointer;}
.bx-wrapper {width: 90%;}
}

/* MAP
   ======================== */
/* ---- base (all) ---- */
#map {display: inherit; height: 200px; width: 100%;}
.contact-info {
    text-align: center;
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.3;
    color: #666666;
}
.contact-info a {
    color: #ee352a;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
    padding: 0 0 .05em 0; /* for underline */
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;

}
.contact-info a:hover {border-bottom: 1px solid #ee352a; /* red */}
/* ---- 768 ( + ) ---- */
@media screen and (min-width: 48em){ /* 768px */
#map {display: inherit; height: 590px;}
.contact-info {text-align: left; font-size: 23px; line-height: 1.3;}
}

/* DRIBBBLE
   ======================== */
/* ---- base (all) ---- */

#shots {padding: 0 0 4.5em 0;}
.shots {
    padding: 0;
    margin: 0 0 40px 0;
    list-style: none;
}
.shots li.shots--shot {
    margin-bottom: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.shots li.shots--shot img {
    width: 100%;
    height: auto;
    max-width: 400px;
}

@media screen and (min-width: 768px){
    .shots {
        font-size: 0;
    }
    li.shots--shot {
        display: inline-block;
        width: 50%;
        padding: 10px;
        background: rgba(238,53,42);
    }
    li.shots--shot:hover {
        /*opacity: .8;*/
    }
}

@media screen and (min-width: 992px){
    li.shots--shot {
        width: 25%;
    }
}


/* ================================================================================
   FOOTER
   ================================================================================ */

/* ---- base (all) ---- */
.footer {background: #192231; /* red */margin: 0 auto;color: rgb(252,249,196); /* cream dark */}
.bx-viewport {overflow:visible !important;}
#hidden-footer-container {
    -webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;
    -webkit-animation-delay: .5s;-moz-animation-delay: .5s;-ms-animation-delay: .5s;-o-animation-delay: .5s;animation-delay: .5s;
}

/* MORE TAB BAR & ARROW
   ======================== */
/* ---- base (all) ---- */
.more-tab {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center;
    width: 9.3125em; /* 149px */
    min-height: 2.625em; /* 42px */
    overflow: hidden;
    margin: -1.3125em /* 21px */auto 0 auto;
    background: url("../img/global/tab-sm.svg") no-repeat 0 0;
    background-size: contain !important /* makes fit when parent is unknown */ 9.3125em /* 149px */ 2.625em /* 21px */;
    z-index: 5000;
}
.more-tab span {
    display: block;
    position: relative;
    width: 2.5em; /* 40px */
    height: 0.75em; /* 12px */
    padding: 0;
    margin: 0.75em auto 0 auto;
    background: transparent url("../img/global/png/tab-arrow.png") no-repeat center bottom;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/tab-arrow.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/tab-arrow.svg");
    z-index: 6000;
}
/* ---- 480 ( + ) smartphones ---- */
@media screen and (min-width: 30em){ /* 480px */
.more-tab {
    width: 18.625em; /* 298px */
    /*background: url("../img/global/tab-lg.svg") no-repeat 0 0;*/
    background: transparent url("../img/global/png/tab-lg.png") no-repeat 0 0;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/tab-lg.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/tab-lg.svg");
    background-size: contain !important /* makes fit when parent is unknown */ 18.625em /* 298px */ 2.625em /* 42px */;
}
}

/* FOOTER TEXT
   ======================== */
/* ---- base (all) ---- */
.footer h2 {
    font-family: "stratum-2-web",sans-serif;
    font-size: 1.7em;
    line-height: 1.2em;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #fcf9c4; /* cream dark */
}
.footer p {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.3em;
    font-style: normal;
    text-align: center;
}
.footer p a {
    font-weight: 400;
    font-style: normal;
    color: rgb(252,249,196); /* cream dark */
    text-decoration: none;
    border-bottom: 1px solid  #fcf9c4; /* cream dark */
    padding: 0 0 .1em 0; /* for underline */
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.footer p a:hover {border-bottom: 1px solid #985E6D; /* sunset red */}
.footer small {font-weight: 400;font-style: normal;text-align: left;}
.footer small a {
    font-weight: 400;
    font-style: normal;
    color: #985E6D; /* cream dark */
    text-decoration: none;
    border-bottom: 1px solid #192231; /* evening dark */
    padding: 0 0 .1em 0; /* for underline */
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.footer small a:hover {border-bottom: 1px solid  #fcf9c4; /* cream dark */}
/* ---- 481 ( + ) ---- */
@media screen and (min-width: 30.0625em){ /* 481px */
.footer h2 {text-align: left;}
.footer p {text-align: left;}
}

/* ICONS
   ======================== */
/* ---- base (all) ---- */
.icons {display: none;}
.footer ul {list-style: none;padding: 0;}
.footer li a {
    display: block;
    background: left top no-repeat;
    padding: 0 0 0.4em 2.7em;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    color: rgb(252,249,196); /* cream dark */
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
 	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.footer li a:hover {color: #222222; /*rgb(62,57,53); /* gray dark */}
/*.footer li.tel a {
    background: url("../img/global/icon-phone.svg") no-repeat 0 0;
}*/
.footer li.tel a {
    background: transparent url("../img/global/png/icon-phone.png") left top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/icon-phone.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/icon-phone.svg");
}
.footer li.twitter a {
    background: transparent url("../img/global/png/icon-twitter.png") left top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/icon-twitter.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/icon-twitter.svg");
}
.footer li.email a {
    background: transparent url("../img/global/png/icon-email.png") left top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/icon-email.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/icon-email.svg");
}
.footer li.address a {
    background: transparent url("../img/global/png/icon-address.png") left top no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/icon-address.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/icon-address.svg");
}
/* ---- 480 ( + ) smartphones ---- */
@media screen and (min-width: 30em){ /* 480px */
.icons {display: inherit;}
}
.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
}
.button4 {
    border: 1px solid #fff;
	color: #fcf9c4; /* cream dark */
	background: #ee352a;
	text-decoration: none;
}
.button4:hover {
    border: 1px solid #ee352a /* red */;
	color: #ee352a; /* red */
	background: none;
}


/* FOOTER EMAIL SIGNUP
   ======================== */
/* ---- base (all) ---- */
.footer button {
    border: 0;
    width: 36px;
    height: 27px;
    vertical-align: center;
    background: transparent url("../img/global/png/arrow1.png") right center no-repeat;
    background-image: -webkit-linear-gradient(transparent, transparent), url("../img/global/arrow1.svg");
    background-image: linear-gradient(transparent, transparent), url("../img/global/arrow1.svg");
}
input.name {
    background-color: rgb(192,46,34); /* red dark */
    border: 0;
    padding: 0.8em 1em 0.6em 1em;
    margin: 0 .75em .85em 0;
    font-family: "Raleway";
    color: rgb(252,249,196); /* cream dark */
    width: 40%;
    width: 37.5%\9; /* IE8 and below */
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
input.signup {
    background-color: rgb(192,46,34); /* red dark */
    border: 0;
    padding: 0.8em 1em 0.6em 1em;
    font-family: "Raleway";
    color: rgb(252,249,196); /* cream dark */
    width: 85%;
    width: 75%\9; /* IE8 and below */
    -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;
}
/*input:focus::-webkit-input-placeholder {color: transparent;}*/
[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.2s 0.2s ease;
  opacity: 0;
}
/* HTML5 placeholder text in input fields has (in the browsers implementing it so far) a light gray color. To style it, you'll need vendor prefix CSS properties. */
::-webkit-input-placeholder {color: rgb(252,249,196);font-family: "Raleway";}
:-moz-placeholder { /* Firefox 18- */color: rgb(252,249,196);font-family: "Raleway";}
::-moz-placeholder {  /* Firefox 19+ */color: rgb(252,249,196);font-family: "Raleway";}
:-ms-input-placeholder {  color: rgb(252,249,196);font-family: "Raleway";    }