/*
Theme Name: Red Olive
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both;}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/***
** Responsive Default Styles (overrides at bottom)
***/

.block {width:100%; display:block; position: relative; float: left; clear: both; background-size:cover; background-repeat:no-repeat; background-position:center top; background-size:cover;}
.column {display:block; float:left; height:100%; width:25%; position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.col2 {width:50%;}
.col3 {width:75%;}
.col33 {width:33.33%;}
.wrapper {margin: 0px auto; max-width: 1100px; width:100%; position: relative; height: inherit;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;}
.wrapper .column {width:50%;}
.wrapper .col33 {width: 33.33%;}
.wrapper .column:first-of-type {padding-right:14px;}
.wrapper .column:last-of-type {padding-left:14px;}
.text-left {text-align: left;}
img {max-width:100%; height: auto;}
a {color: #ec2028;}
/*video {filter: brightness(108.5%); -webkit-filter: brightness(108.5%); -moz-filter: brightness(108.5%); background-color: #fff;}*/

/***
** Site Styles
***/

/*** GLOBAL ***/
	body, a, img, div, span, h1, h2, h3, p, input, select, textarea {margin: 0; padding: 0; text-decoration: none; border: none;}
	body {font: 16px "Lato"; color: #414142; letter-spacing:-.02em; overflow-x:hidden;}
	h2 {font-weight: 300; font-size: 55px; text-transform: uppercase; text-align: center;}
	h3 {font-weight: 300; font-size: 38px; color:inherit;}
	p {font:500 16px/28px "Lato"; color:inherit; padding:0 1% 30px;}
	p a {color:#888;}
	p a:hover {text-decoration:underline;}
	strong {font-weight:700;}
	h2 sup,
	h3 sup {vertical-align:super; font-size:20px;}

	/*forms*/
	::-webkit-input-placeholder {color: #ec2028;}
	:-moz-placeholder {color: #ec2028;}
	::-moz-placeholder {color: #ec2028;}
	:-ms-input-placeholder {color: #ec2028;}

	.field-wrap { width:50%; padding: 0 1% 15px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:left;}
	.field-wrap.half-wrap {width:25%;}
	.field-wrap.right {float:right;}
	.field-wrap.require-message,
	input[type="text"],
	select,
	textarea {background:transparent; padding-left:26px; width:100%; font:500 14px/14px "Lato"; color:#ec2028; border:1px solid #ec2028; height:49px; border-radius:0;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	.field-wrap.require-message { border: none; }
	.field-wrap.submit {padding-top:1.25em;}
	textarea {text-align:left; height:100px; padding-top:25px;}
	input[type="text"]:focus,
	select:focus,
	textarea:focus {outline:none;}
	input[type="submit"] {cursor:pointer; background:none; color:inherit;}
	label {color:inherit; text-align:left; padding-bottom:8px; display:block;}
	.cb-wrap {width:25%; float:left; display:inline-block; padding-top:8px;}
	.cb-label {padding: 0 5px 0 5px;}
	.required p {float:left; clear:left; padding:10px 0 0; font:12px/12px "Lato";}
	.validation-msg {float:right; opacity:0; padding-right:0px; color:#000; font-variant:small-caps;
		transition:.25s;
		-webkit-transition:.25s;
		-moz-transition:.25s;}
	.validation-msg.invalid {opacity:1; padding-right:10px;}
	/*ninja forms*/
	.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {height:49px !important;}
	.ninja-forms-required-items {padding-bottom:15px;}
	#ninja_forms_form_25 .field-wrap input {vertical-align: middle;}
	#ninja_forms_form_25 .field-wrap input, #ninja_forms_form_25 .field-wrap select, #ninja_forms_form_25 .field-wrap textarea {height: auto !important; padding: 8px; vertical-align: middle;}

	#ninja_forms_field_156_label {display: none;}
	#ninja_forms_form_25_all_fields_wrap > .field-wrap:nth-child(2n+2) {clear: both;}
	#ninja_forms_field_156_options_span {margin-top: 30px; display: block;}


	.error-holder {
		clear: both;
	}

	/*classes*/
	.box-link {text-transform:uppercase; font:700 14px/14px "Lato"; border:2px solid #fff; padding:17px 35px; display:inline-block; color:#fff; cursor:pointer;
		transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;}
	.box-link:hover {color:#ec2028; background-color:#fff;}
	.box-link.red {border-color:#ec2028;}
	.box-link.red:hover {color:#fff !important; background-color:#ec2028;}
	.box-link.white {border-color: #fff; color: #fff;}
	.box-link.white:hover {color: #ec2028; background-color: #fff;}
	.circle-link {width:204px; height:204px; padding-top:131px; border:1px solid #ec2028; display:inline-block; font:700 18px/18px "Lato"; color:#ec2028; text-transform:uppercase; border-radius:50%; text-align:center;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;}
	.hidden {display: none;}
	.red {color:#ec2028 !important;}

	.ro-info {width: 104px; height: 104px; border: 1px solid #fff; border-radius: 50%; display: inline-table; position: relative; vertical-align: middle; margin-right: 20px; line-height:1;
		font-size: 19px; text-align:center;
	}
	.ro-info.last {margin-right: 0px;}
	.ro-info > div {display: table-cell; vertical-align: middle;}
	.gmnoprint img {max-width: none;}
	.gm-style img {max-width:none;}
	.showbull {list-style:disc;}
	.showbull li {padding-bottom:8px;}

	/*page hero*/
	.hero {color:#fff; height:960px; background-color:#CCC; text-transform:uppercase;}
	.hero .static-img {display: block;}
	.hero-fade {position:absolute; top:0; left:0; height:100%; width:100%; background-size:cover; opacity:0; background-position:center top;}
	.hero-content {position:absolute; margin-top:20px; padding-top:170px; opacity:0; text-align:center; width:100%; height:100%; font:500 17px/17px "Lato";
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;}
	.hero-title {font:300 63px/63px "Lato"; word-spacing:10px; padding:30px 0 25px;}
	.hero-scroll {text-align:center; font:700 18px/18px "Lato"; bottom: 80px; width:100%; position:absolute; cursor:pointer;}

	/*contact us cta*/
	.contactUs-cta {padding:100px 0; font:300 45px/54px "Lato"; color:#414142; text-align:center; text-transform:uppercase;}
	.contactUs-cta .circle-link {position: relative; overflow: hidden; padding-top: 46px; margin-top:75px;}
	.contactUs-cta .icon-mobile {font-size: 62px; color: inherit; position: relative; padding-right: 10px;}
	.contactCta-bg {width: inherit; height: inherit; border-radius: inherit; background-color: #ec2028; position: absolute; top: 100%; left: 0;}
	.contactCta-copy {position: relative; width: 100%; display: block; padding-top: 25px;}
	.svg-wrapper {position: absolute; top: 28px; left: 0; width: inherit; height: inherit;}
	.svg-wrapper svg {width: 100%;}
	.contactCta-bubble {height: 40px;}
	.contactCta-dots {height: 34px; position: absolute; top: 3px;}
	.contactCta-pointer {margin-top: -21px;}

	/*3 column image rows - overrides responsive*/
	.img-row .column {width:33.33%;}
	.img-row img {display:block;}

	/*2 column table fade in*/
	.fade-columns {padding-top:100px; color:#424243; text-align:center;}
	.fade-columns p {padding: 10px 0;}
	.fade-columns .desc-block {border-bottom:1px solid #ec2028; padding:65px 0 50px; height:auto; width:100%; display:table; text-align:left;}
	.fade-columns .desc-block.first {border-top:1px solid #ec2028;}
	.fade-columns .desc-block img {position:relative; top:0; right:0; left:0; bottom:0; margin:auto;}
	.fade-columns .column {display: table-cell; vertical-align: top; float: none;}
	.fade-columns .desc-block .left {left:0; text-align: center;}
	.fade-columns .desc-block .right {right:0;}
	.fade-columns .desc-block .desc-title {font:300 38px/38px "Lato"; color:#ec2028; padding-bottom:30px; text-transform: none; text-align: left;}
	.fade-columns .desc-block .desc-copy {font:16px/28px "Lato";}
	.fade-columns .line-top {border-bottom:1px solid #ec2028;}
	.fade-columns .line-top img {display:block; margin:0 auto;}

/*** HEADER ***/
	/*global*/
	.header {z-index:50; color:#fff; transition: 0.25s; -webkit-transition: 0.25s;}
	.header .wrapper {display:table; height:inherit;}
	.header a {display:table-cell; vertical-align:middle; text-align: center; text-transform: uppercase;}
	.header .navigation {height:inherit;}
	.header .navigation a {color:inherit; padding: 0 15px;}
	.header .child-link {background-position:40px center; background-repeat:no-repeat;}
	.header .child-link a {text-align:left; padding-left:95px;}
	.header.activated .logo-color {display: none !important;}
	.header.activated .logo-white {display: block !important;}

	/*desktop nav*/
	.header {height:98px; position: fixed; top: 0; left: 0; background:transparent url(/assets/uploads/elements/header-bg-def.png) repeat-x;}
	.header .logo-color {display: none;}
	.mobile-hamburger {display:none;}
	.navigation {float:right;}
	.navigation .menu {height:inherit;}
	.navigation li {float: left; height:100%; cursor:pointer;
		transition:background-color .3s;
		-moz-transition:background-color .3s;
		-webkit-transition:background-color .3s;}
	.navigation li:hover {background-color: #ec2028;}
	.navigation .menu-item {  position:relative; z-index:2; display: table; height: inherit; }
	.navigation #rfq-open-desktop {width: 99px; float:left; cursor:pointer;}
	.navigation .request-quote-mobile {display:none;}
	.navigation .request-quote {line-height:1; display:table;}
	.navigation .request-quote a {display:table-cell; vertical-align:middle;}
	.navigation .request-quote span {font-size: 13px; display: block; color:inherit;}
	.sub-menu {width:600px; position:absolute; left:50%; margin-left:-300px; display: none; opacity:0; margin-top:3px; padding-top:28px; top:100%; z-index:1; background:transparent url(/assets/uploads/elements/submenu-bg.png) no-repeat center 10px;}
	.sub-menu .menu-item {float:left; height:98px; width:299px; background-color:#ec2028; margin: 0; padding:0; border:1px solid #ce171f; border-left:none; border-top:none;}
	.sub-menu .menu-item:nth-of-type(even) {border-right:none;}
	.sub-menu .menu-item:hover {background-color:#ce171f;}

	/*styles for after page scroll*/
	.header.activated {background: rgba(65, 65, 66, .8); height:60px;}
	.header.activated .head-logo img {width:160px;}
	.header.activated .navigation a {color: #fff;}

	/*request for quote element*/
	.rfq-wrap {width:96%; color:#fff; background:#ec2028 url(/assets/uploads/rfq-bg.png) no-repeat right center; padding:0 2% 50px; z-index:55; position:relative; display:none; float:left; clear:both;}
	.rfq-wrap .close-wrap {float:right; width:100%; display:block;}
	.rfq-wrap .close {display:inline-block; font:900 25px/25px Arial, Helvetica, "Lato"; padding:16px; cursor:pointer; float:right; z-index:100;}
	.rfq-wrap .intro {font:80px/80px "Lato"; padding:0 0 40px 15px; float:left; display:block; width:100%;}
	.rfq-wrap .intro-text {float:left;}
	.rfq-wrap .ro-info {float:right;}
	.rfq-wrap .first p {padding:30px 0 40px;}
	.rfq-wrap input[type="text"],
	.rfq-wrap select,
	.rfq-wrap textarea {color:#fff; border:1px solid #fff; height:49px; margin-bottom:8px;}
	.rfq-wrap textarea {height:165px; padding-top:25px;}
	.rfq-wrap option {background:#ec2028;}
	.rfq-wrap .half-wrap {width:25%; float:left;}
	.list-dropdown-wrap.half-wrap {width:25%;}
	.text-wrap.half-wrap {}
	.rfq-wrap .checkbox-wrap {float:left; width:148px; padding:0 0 14px 48px; font-size:14px;}
	.rfq-wrap .checkbox-message p {padding:22px; font:14px/14px "Lato"; text-transform:uppercase;}
	.rfq-wrap .checkbox-message p span {font-size:10px;}
	.rfq-wrap .submit-wrap {clear: left; padding-top:5px;}
	.rfq-wrap .spam-wrap {margin-top:8px; clear:both;}
	.rfq-wrap .required {clear:left;}
	.ninja-forms-req-symbol {color:inherit !important;}
	#ninja_forms_form_3_cont {clear:both; float:left;}

	/*NEW RFQ form*/
	.rfq-wrap-2 {background-color: #676767; overflow-y:auto; height: 100%; padding: 10px 70px; width: 565px; display: none; float: left; position: fixed; right: 0; top: 0; z-index: 50; color: #fff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;}
    .rfq-wrap-2 .intro {font:20px 'Lato', sans-serif; text-transform: uppercase; padding-left: 0; padding-bottom: 18px;}
    .rfq-wrap-2 .intro .phone {float: right; font-size: 16px;}
    .rfq-wrap-2 .close-wrap {position: absolute; right: 15px; top: 15px; cursor: pointer;}
    .rfq-wrap-2 .field-wrap {width: 100%; float: left; padding: 0 1% 5px;}
    .rfq-wrap-2 .field-wrap.half {width: 50%;}
    .rfq-wrap-2 .field-wrap.quarter {width: 25%;}
    .rfq-wrap-2 .cb-wrap {width: 33.33%;}
    .rfq-wrap-2 input[type="text"],
    .rfq-wrap-2 select,
    .rfq-wrap-2 textarea {height: 32px; border-color: #fff; color: #fff; padding-left: 10px;}
    .rfq-wrap-2 textarea {height: 85px; padding-top: 10px;}
    .rfq-wrap-2 option {background-color: #676767;}
    .rfq-wrap-2 label {padding-bottom: 4px;}
    .rfq-wrap-2 input[type="submit"] {padding: 9px 60px;}
    .rfq-wrap-2 .submit {padding-top: 15px;}
    .rfq-wrap-2 .submit img {max-height: 32px;}
    .rfq-wrap-2 .validation-msg {color: yellow;}
	.rfq-wrap-2 .g-recaptcha { margin-bottom: 20px; float: left; }

/*** FOOTER ***/
	.footer {background:#bab8b8 url(/assets/uploads/2014/09/footer-logo.jpg) center 66% no-repeat fixed; color: #fff; text-align:center; font-weight: 300; background-size:auto; padding:65px 0 50px;}
	.footer .wrapper {max-width: 800px;}
	.footer .info-wrap {float:left; width:35%;}
	.footer .info-wrap.right {float:right;}
	.footer .ro-info {float: left;}
	.footer .info-wrap.right .ro-info {float:right;}
	.footer .info-wrap.spacer {margin-right:30%;}

	.soc-nav {text-align: center; padding: 80px 0 15px; margin:0 auto; position: relative; clear:both;}
	.soc-link {display: inline-block; width: 50px; height: 37px; padding-top: 13px; border:2px solid #a6a6a6; border-radius: 50%; float: left; margin-right: 3px;}
	.soc-link img {vertical-align: middle;}
	.responsive-break {display: inline-block;}
	.copyright {font-size: 12px;}
	.footer-links { padding-bottom: 5px; }
	.footer-links a { font-size: 12px; color: white; }


#slides {clear: both;}

/***
** PAGES
***/

/*** AGENCY ***/
	/*hero*/
	.agency-hero .hero-title {padding:75px 0 0;}
	/*team members*/
	.agency-team {}
	.agency-team .column {height:665px; background-size:cover; background-position:center top;}
	.agency-team .profile {width:50%; height:50%; float:left; display:block; position:relative; color:#fff; background-size:cover; background-position:center top; min-height:333px;}
	.agency-team img {display:block;}

	/*hover styles*/
	.profile .teaser-hover {width:100%; height:100%; background-color:rgba(236, 32, 40, .79); position: absolute; z-index:2; top:0; opacity:0; color:#fff; text-align:center;
		transition: .5s;
		-webkit-transition:.5s;
		-moz-transition:.5s;}
	.profile .teaser-info {position:absolute; top:53%; width:100%; font:36px/24px "Lato";
		transition: .5s;
		-webkit-transition:.5s;
		-moz-transition:.5s;}
	.profile .subtext {text-transform:none; font:14px/24px "Lato"; padding:10px 0 45px;}

	.profile.hovered .teaser-info {top:50%;}
	.profile.hovered .teaser-subtext {display:none;}
	.profile.hovered .teaser-icon {top:-25%;}
	.profile.hovered .teaser-hover {opacity:1;}
	/*awards*/
	.agency-awards {padding:75px 0 120px; background-image:url(/assets/uploads/2014/09/agency-awards-bg.jpg); color:#fff; text-align:center;}
	.agency-awards span {vertical-align:top;}
	.agency-awards .multiply {line-height:435px; height:100%; display:inline-block;}
	.agency-awards h2 {padding-bottom:60px;}
	/*awards counter*/
	.agency-awards p {padding:0 25% 30px;}
	.agency-awards .counter-wrap {margin:0 auto; font:500 114px/133px "Lato"; height:435px;}
	.agency-awards .count-viewer {position: relative; width:140px; height:140px; margin-top:160px; display:inline-block; overflow:hidden;}
	.agency-awards .count-num {width:65px; height:114px; text-align:center; position:absolute; top:0; left:65px;}
	.agency-awards .count-num:first-of-type {left:0;}
	.agency-awards .award-img-wrap {width:275px; height:100%; position:relative; display:inline-block;}
	.agency-awards .award-img {position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; opacity:0;
		transition:1s;
		-webkit-transition:1s;
		-moz-transition:1s;
	}
	.agency-awards .award-img.activated {opacity:1;}
	/*timeline*/
	.agency-timeline {padding:120px 0;}
	.agency-timeline h2 {padding: 80px 0 30px;}
	.agency-timeline h3 {padding-top:30px;}

/*** BLOG GLOBAL ***/
	/*search/cat filter*/
	.blog-filters {padding-top:60px;}
	.blog-filters label,
	.widget-title {display:none;}
	.blog-filters input[type='text'],
	.blog-filters select {width:48%; float:left;}
	.blog-filters input[type='text'] {margin-right:3%; padding-right:30px;}
	.blog-filters input[type="submit"] {background:transparent url(/assets/uploads/icon-search.png) no-repeat center center; width:40px; height:49px; display:block; position:absolute; right:52%;
		text-indent:-200px; cursor:pointer;}
	/*date box*/
	.blog-date {text-align:center; font:300 47px/30px "Lato"; width:116px; height:90px; padding-top:26px; border:2px solid #ec2028; text-transform:uppercase; vertical-align:middle;}
	.blog-month {font-size:25px;}
	.blog-title {color:#ec2028;}
	/*author info*/
	.author-name {font:500 20px/32px "Lato"; padding-bottom:20px; text-transform:uppercase;}
	.author-img {width:97px; height:97px; border-radius:50%;}
	/*pagination*/
	.blogListing-pagination {float:left; clear:both; padding:70px 0 120px; text-align:center; width:100%; display:block;}
	.page-numbers {font:300 40px "Lato"; color:#ec2028; margin:0 16px;}
	.page-numbers.current {color: #414142;}

/*** BLOG DETAIL ***/
	/*hero*/
	.blogDetail-hero {height:0px;}
	/*2 column body*/
	.blogDetail-body {padding:175px 0 125px;}
	.blogDetail-body .column {width:66%;}
	.blogDetail-body .column:first-of-type {width:33%; text-align: center;}
	.blogDetail-body h1 {font:300 38px/38px "Lato"; padding:30px 0 65px;}
	.blogDetail-body h3 {font: 24px/28px "Lato"; color: #999; margin: 40px 0 20px; }
	.blogDetail-body p {color:#414142;}
	.blogDetail-body .blog-date {margin:0 auto;}
	.blogDetail-body .author-name {margin:50px 0 25px;}
	.blogDetail-body .column ul {
	   list-style-type: disc;
	   list-style-position: outside;
	   line-height: 1.4;
	   margin-left: 30px;
	}
	.blogDetail-body .column ol {
	   list-style-type: decimal;
	   list-style-position: outside;
	   line-height: 1.4;
	   margin-left: 30px;
	}
	.blogDetail-body .column ul ul, ol ul {
	   list-style-type: circle;
	   list-style-position: outside;
	   margin-left: 15px;
	}
	.blogDetail-body .column ol ol, ul ol {
	   list-style-type: lower-latin;
	   list-style-position: outside;
	   margin-left: 15px;
	}

	.blogDetail-body .column pre {
		padding: 20px;
		background: #eee;
		white-space: pre-line;
		border: thin solid #ccc;
	}

	.blogDetail-body a.btn {
		border: thin solid #414142;
		padding: 15px 30px;
	}

	.single .blog-filters input[type="submit"] {background:transparent url(/assets/uploads/icon-search.png) no-repeat center center;}
	.single .blog-filters input[type="text"],
	.single .blog-filters select {color:#ec2028; border-color:#ec2028;}
/*** BLOG LISTING ***/
	/*hero*/
	.blogListing-hero {height:510px;}
	.blogListing-hero .hero-content {padding-top:150px;}
	/*blog posts*/
	.blogListing-post {padding:95px 0; border-bottom:1px solid #ec2028; color:#ec2028; float: left; clear:both; width:100%; display:block;}
	.blogListing-title {padding-bottom:63px;  width:100%; display: block; float:left;}
	.blogListing-title h3 {}
	.blogListing-title .blog-date {float:left; margin:0 5%;}
	.post-img {text-align:center;}
	.post-img img{height:auto;}
	.blogListing-info {padding-top:68px; width:100%;}
	.blogListing-info .author-block {width:35%; text-align:center; float:left;}
	.blogListing-info .copy {width:65%; float:left; color:#414142;}

	.blogListing-hero {margin-bottom: -240px;}
    .blog-filters input[type='text'],
    .blog-filters select {border:2px solid #fff; color: #fff;}
    .blog-filters option {color: #333;}
    .blog-filters input[type="submit"] {background-image: url(https://www.redolive.com/assets/uploads/elements/icon-search-white.png);}

    .blog-post {background-color: #f3f3f3; display: table; margin: 60px 0; color: #ec2028; width:100%;}
    .blog-post .column {float: none; display: table-cell; vertical-align: top; background-size: cover; background-position: center center;}
    .blog-post .content,
    .blog-post .column:last-of-type {padding: 50px;}
    .blog-post h3 {font:400 25px/1 "Lato", sans-serif; padding-bottom: 25px;}
    .blog-post .date {font:300 15px/1 "Lato", sans-serif; padding-bottom: 24px;}
    .blog-post .copy {font:400 15px/25px "Lato", sans-serif; color: #414142; padding-bottom: 25px;}
    .blog-post .continue-reading {font:700 14px/1 "Lato", sans-serif; text-transform: uppercase;}

/*** Case Study ***/
	/*hero*/
	.caseStudy-hero {height:960px;}
	.caseStudy-hero .hero-subtitle {text-align:center; padding-top:65px;}
	.caseStudy-hero .cs-circle {width:224px; height:224px; border:1px solid #fff; border-radius:50%; display:inline-block; position:relative; margin-right:45px;}
	.caseStudy-hero .cs-circle:last-of-type {margin-right:0;}
	.cs-circle .icon img {position:absolute; top:0; left:0; right:0; bottom:40px; margin:auto;}
	.cs-circle .title {padding:155px 35px 0;}
	/*intro block*/
	.caseStudy-intro {text-align:center; padding-top:120px;}
	.caseStudy-intro h3 {padding-bottom:60px; color:#ec2028;}
	.caseStudy-intro p {max-width:690px; margin:0 auto;}

/*** Case Study scrolling area***/
	/*scroll box*/
	.caseStudy-scroll {padding-bottom:400px; overflow:hidden;}
	.caseStudy-scroll-mbl {display:none;}
	/*nav*/
	.scroll-nav-wrap.column {width:10%; max-width:150px; position:absolute; top:0; left:0; min-height:100px;}
	.scroll-nav {width:150px; position:relative; left:10px;}
	.scroll-link {text-align:center; font:500 12px/14px "Lato"; color:#ec2028; text-transform:uppercase; padding:50px 25px 25px 30px; background-repeat:no-repeat; overflow:hidden;}
	.scroll-link .title {position:relative; left:-150%;
		transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		-webkit-transition:.3s;}
	.scroll-link:hover,
	.scroll-link.activated {background-position:-147px top;}
	.scroll-link:hover .title,
	.scroll-link.activated .title {left:0;}
	/*scrolling area*/
	.scrolling-wrap.column {text-align:center; width:100%; padding:15% 55% 0 11.5%;}
	.scrolling-wrap .scroll-separator {padding:30px 0 40px;}
	.scrollingBlock {font:500 16px/28px "Lato"; color:#414142;}
	.scrollingBlock h3 {color:#ec2028; padding-bottom:40px;}
	/*scroll graphic*/
	.scroll-graphic-block.column {width:55%; text-align:center; position:absolute; top:0; right:0;  min-height:100px;}
	.scroll-graphic-wrap {position:relative; padding-top:150px;}
	.scroll-graphic {right:-40px; position:absolute; opacity:0; width:100%;
		transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		-webkit-transition:.3s;}
	.scroll-graphic img {max-width:75%;}
	.scroll-graphic.activated {opacity:1; right:0;}

	/*scrollbox activated*/
	.caseStudy-scroll.activated .scroll-nav-wrap,
	.caseStudy-scroll.activated .scroll-graphic-block {position:fixed;}
	.caseStudy-scroll.bottom .scroll-nav-wrap,
	.caseStudy-scroll.bottom .scroll-graphic-block {position:absolute; top:auto; bottom:0;}

/*** CONTACT ***/
	/*hero*/
	.contact-hero {height:740px;}
	.contact-hero .hero-content {padding-top:350px;}
	/*contact body*/
	.contact-body {text-align:center; color:#ec2028;}
	.contact-body h3 {padding-top:83px;}
	.contact-body .column {background-color:rgba(255,255,255, .8); z-index:5;}
	.contact-body .intro-text {font:16px/28px "Lato"; max-width:445px; margin:30px auto;}
	.contact-body .addresswrapper {margin:0px auto; display:inline-block; color:#444;}
	.contact-body .addresscolumn {float:left; padding:5px 0 20px 30px;text-align:left;}
	.contact-body .addresscolumn:first-of-type {padding-left:0;}
	/*form*/
	.contact-form {padding-bottom:40px; position:relative;}
	.contact-form .field-wrap {padding-right:10%; padding-left:10%; width:100%;}
	.contact-form .field-wrap.submit {padding-bottom:45px;}
	.contact-form .box-link {float:right; border:2px solid #ec2028;}
	.contact-form .g-recaptcha { float: left; }
	/*map*/
	#map {width:100%; height:100%; position:absolute; top:0; z-index:1;}

/*** HOME ***/
	/*hero block*/
	.home-hero {height: 899px; background:url(/assets/uploads/elements/home-hero.jpg) no-repeat center top; background-size:cover; z-index: 1; text-transform:uppercase; font:16px 'Montserrat', sans-serif;
		color:#fff; text-align:center; line-height:1;}
	.home-hero .viewer {position:relative; letter-spacing: 1px;}
	.home-hero .lined {font:20px 'Montserrat', sans-serif;}
	.home-hero .digital {font-size:50px; letter-spacing: 5px;}
	.home-hero .sees-diff {padding-top:8px; font-size:20px;}
	.home-hero .scroll-cta {padding:28px 0 26px; background:rgba(255,255,255,.76); width:86px; position:absolute; bottom:0; left:50%; margin-left:-43px; opacity:0; cursor:pointer;}
	.home-hero .scroll-cta div {padding-top:9px; font:700 15px/15px "Lato"; color:#ec2028;}
	/*red expansion blocks*/
	.home3 {background: #c0c0c0; z-index: 2; text-transform: uppercase;}
	.home3 .column {background-size: cover; background-position:center; text-align: center; color: #fff; height: 901px;}
	.home3-content {width: 270px; height: 270px; padding-top: 70px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: rgba(236,32,40,.84);
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.home3-content.active {width: 100%; height: 100%;}

	.home3 .link-title {line-height: 82px; font-size: 18px;}
	.home3 .link-more {font-size: 64px; font-weight: 300; position: absolute; bottom: 50px; left: 0; right: 0; margin:auto; line-height: .5;}
	/*recent news*/
	.recentNews {text-align: center; padding-bottom:100px;}
	.recentNews h2 {padding-top: 100px;}
	.news-tagLine {font-size: 23px; color: #ec2028; padding-top: 5px;}
	.news-nav {padding-top: 75px; width: inherit; float: left;}
	.news-nav .news-link {width: 33%; float: left; font-weight: 300; font-size: 22px; line-height: 24px; display:block; text-align:center; color:#464c4e;}
	.news-nav .news-link .post-img {width:200px; height:200px; border-radius:50%; background-size:cover; display:inline-block; background-position:center;}
	.news-title {padding-top: 50px; display:block;}

/*** HOME - what we do ***/
	/*global*/
	.whatWeDo { background-color:#fff; z-index: 3; padding-top:98px; text-align:center;}
	.whatWeDo h2 {padding-bottom:10px;}
	.whatWeDo h3 {padding-bottom:25px; clear:both;}
	.whatWeDo p {margin:0 auto; max-width:725px;}

	.whatWeDo .wrapper {position:absolute; bottom:auto; top:98px; right:0; left:0; margin:auto;}
	.wwd-icon-wrap {position: absolute; left:50%; margin-left:-456px; height: 630px; width: 912px; max-width:100%;}
	.wwd-icon {width: 270px; height: 270px; padding-top: 150px; border: 1px solid #ec2028; border-radius: 50%; position: absolute; z-index:5;
		text-align: center; font-size: 22px; color: #ec2028; text-transform: uppercase; overflow: hidden;
		background:#fff url(/assets/uploads/wwd-sprite-design.png) left 58px no-repeat; background-size: 540px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		transition:width .5s, height .5s, left .5s, top .5s, background-size .5s, background-position .5s, background-color .5s;
		-moz-transition-duration:width .5s, height .5s, left .5s, top .5s, background-size .5s, background-position .5s, background-color .5s;
		-webkit-transition-duration:width .5s, height .5s, left .5s, top .5s, background-size .5s, background-position .5s, background-color .5s;
	}
	.wwd-icon.top,
	.wwd-icon.bottom {left: 318px;}
	.wwd-icon.top {}
	.wwd-icon.left {background-image:url(/assets/uploads/wwd-sprite-strategy.png); left: 30px; top: 173px;}
	.wwd-icon.right {background-image:url(/assets/uploads/wwd-sprite-seo.png); left: 606px; top: 173px;}
	.wwd-icon.bottom {background-image:url(/assets/uploads/wwd-sprite-develop.png); left: 318px; top: 340px;}
	.wwd-icon .plus {font-weight: 300; font-size: 64px; padding-top: 10px;}
	.wwd-video {padding:70px 0 20px; opacity:0; display:none; z-index:1;}
	.wwd-video video {display:none; max-width:100%; height:100%;-webkit-filter: brightness(108.5%);}
	.wwd-copy {position:relative; opacity:0; z-index:1; display:none;}
	.wwd-copy .copy {opacity:0; margin-top:25px; position:absolute; margin:auto; left:0; right:0; transition-duration:.5s; -webkit-transition-duration:.5s; -moz-transition-duration:.5s;}

	/*animation activated styles*/
	.whatWeDo.activated .wrapper {position:fixed;}
	.whatWeDo.activated.bottom .wrapper {position:absolute; bottom:0; top:auto;}
	.whatWeDo.activated .wwd-icon {width:50px; height:50px; padding-top: 0px; top: 0px; background-size:260px; background-position: -41px 50%; text-indent:-800px;}
	.whatWeDo.activated .wwd-icon.left {left:350px;}
	.whatWeDo.activated .wwd-icon.top {left:407px;}
	.whatWeDo.activated .wwd-icon.bottom {left:463px;}
	.whatWeDo.activated .wwd-icon.right {left:520px;}
	.whatWeDo.activated .wwd-icon.activated {background-position:-171px !important; background-color:#ec2028;}
	.whatWeDo.activated .wwd-video {opacity:1; display:block;}
	.whatWeDo.activated .wwd-copy {opacity:1; display:block;}
	.wwd-video video.activated {display:inline-block; z-index:4;}
	.wwd-copy .copy.activated {opacity:1; margin-top:0px; z-index:4;}


/*** JOBS - Listing ***/
	/*hero*/
	.jobs-hero {height:740px;}
	.jobs-hero .hero-content {padding-top:377px;}
	/*content*/
	.jobs-body {padding:80px 0 50px; text-align:center;}
	.jobs-body h3 {padding-bottom:35px;}
	.jobs-body .available-jobs {display:inline-block; margin:0 auto 35px;}
	.jobs-body .available-jobs .circle-link {width:77px; height:77px; padding:0; background-size:60%; background-position:center; background-repeat:no-repeat; margin-left:18px;}
	.jobs-body .available-jobs .circle-link:first-of-type {margin-left:0;}
	.jobs-body p {font:500 15px/28px "Lato";}
	.jobs-body .wrapper {text-align:left; margin-top:30px;}
	.jobs-body .column:first-of-type {padding-right:94px;}
	.jobs-body .job-wrap {width:100%; display:block; float:left; clear:both; min-height:120px;}
	.jobs-body .job-wrap .icon {width:67px; height:100%; float:left; display:block; padding-right:20px; text-align:center;}
	.jobs-body .job-wrap .icon img {width:30px;}
	.jobs-body .job-wrap .desc-block {float:left; color: #414142;}
	.jobs-body .job-wrap .title {font:700 18px/18px "Lato"; padding-bottom:10px;}
	.jobs-body .job-wrap .type {font:700 15px/15px "Lato";}
	.jobs-body .job-wrap .box-link {float:right;}
	.jobs-subscribe {font:700 18px/18px "Lato"; padding-bottom:10px;}

/*** Jobs - Detail ***/
	/*hero*/
	.jobsDet-hero {height:740px;}
	/*detail stylse*/
	.jobs-detail {padding-top:60px; color:#414142;}
	.jobs-detail label {color:#ec2028;}
	.jobs-detail h3 {color:#ec2028; padding-bottom:35px;}
	.jobs-detail .benefit-item {width:50%; display:inline-block; float:left; padding-bottom:10px;}
	/*form*/
	.jobs-detail .field-wrap,
	.jobs-detail .checkbox-message,
	.jobs-detail .required {width:50%; padding:0 1%; float:left; margin-bottom:8px;}
	.jobs-detail .submit-wrap {float:right; clear:both; padding:25px 1% 150px;}
	.jobs-detail input[type="submit"] {float:right;}
	.jobs-detail .upload-wrap {font:500 14px/14px "Lato"; color:#ec2028; padding-top:21px; text-transform:uppercase;}

/*** QUOTE ***/
	.quote-body {padding:75px 0 50px; color:#ec2028;}
	.quote-body .box-link {border-color:#ec2028;}
	.quote-body .box-link:hover {background-color:#ec2028; color:#fff;}


/*** SERVICES ***/
	/*ping pong intro*/
	.services-intro {text-align:center; padding:120px 0 85px; color:#414142;}
	.services-intro p {max-width:424px; margin:0 auto;}
	.services-intro h2 {padding:60px 0;}
	/*cta blocks*/
	.services-cta-wrap {}
	.services-cta-wrap .column {border:1px solid #ec2028; border-left:none; border-bottom:none; text-align:center; padding-bottom:47px;}
	.services-cta-wrap .column:nth-of-type(4n) {border-right:none;}
	.services-cta-wrap .cta-title {font:22px/22px "Lato"; color:#ec2028;}
	.services-cta-wrap p {padding:0 50px; font:16px/23px "Lato"; height:115px;}
	.services-cta-wrap .box-link {}

	.service-link {overflow: hidden; height: 437px; color: #ec2028;}
	.service-link .bg-slide-up {width: 100%; height: 100%; position: absolute; top: 100%; background-color: #ec2028;}
	.service-link .bg-icon {font-size: 60px; color: #ec2028; position: absolute; top: 0; left: 0; width: 100%; padding-top: 60px;}
	.service-link .service-link-content {display: table; position: relative; z-index: 5; width: 100%; height: inherit;}
	.service-link .cta-title {padding-top: 60px;}
	.service-link .tcell {display: table-cell; vertical-align: middle; padding-top: 50px;}
	/*our approach*/
	.services-approach {color:#fff; padding:137px 0; background:url(/assets/uploads/2014/09/services-approach-bg.jpg) no-repeat; background-size:cover; text-align:center;}
	.services-approach h2 {padding-bottom:40px;}
		/*steps default*/
	.services-approach .steps-wrap {position:relative; width:754px; height:743px; margin:0px auto;}
	.services-approach .step-bg {position:absolute; top:0; left:0;}
	.services-approach .step {width:346px; height:295px; padding-top:51px; border:2px solid #fff; border-radius:50%; float:left; text-transform:uppercase;
		transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
	}
	.services-approach .step hr {background-color:#fff; width:81px; height:1px; border:none;}
	.services-approach .step-num {font:300 120px/91px "Lato"; padding-bottom:20px;}
	.services-approach .step-title {font:23px/23px "Lato"; padding-bottom:26px;}
	.services-approach .step-desc {font:16px/24px "Lato"; padding-top:20px;}
	.services-approach .step1 {margin-right:53px; margin-bottom:45px;}
	.services-approach .step2 {margin-bottom:45px;}
	.services-approach .step3 {margin-right:53px;}
	.services-approach .step4 {}
		/*steps activated*/
	.services-approach .step.activated {background-color:#fff; color:#ec2028;}
	.services-approach .step.activated hr {background-color:#ec2028;}

/*** SERVICES - Detail ***/
	/*hero*/
	.services-single-hero {height:738px;}
	.services-single-hero .hero-scroll {bottom: auto;}
	.services-hero-mobile {display: none;}
	/*white what/how we do blocks*/
	.servSing-desc {padding:125px 0; color:#414142;}
	.servSing-desc h2 {padding-bottom:40px; text-align:left; font-size:35px;}
	.servSing-desc h3 {color:#ec2028; padding-bottom:20px;}
	.servSing-desc ul {padding:20px; list-style:disc;}
	/*stuff we're good at*/
	.servSing-stuff {color:#fff; background:url(/assets/uploads/2014/09/services-approach-bg.jpg) no-repeat; background-size:cover; padding:135px 0; text-align:center;}
	.servSing-stuff p {max-width:723px; padding:1%; margin:40px auto 75px;}
	.servSing-stuff .column {width:33%;}
	.servSing-stuff .stuff-item {font:20px/23px "Lato"; color:#fff; height:50px; display:inline-block;}
	.servSing-stuff .stuff-item a {color:inherit;}
	.servSing-stuff .stuff-item a:hover {text-decoration:underline; color:#eee;}
	.ro-two-col {column-count:2; -webkit-column-count:2; -moz-column-count:2;}

    .single-services .header {color:#ec222b; background-image: none;}
    .single-services .header .logo-white {display: none;}
    .single-services .header .logo-color {display: block;}
    .single-services .navigation .menu-item:hover {color:#fff;}

    .single-services .header.activated {color: #fff;}
    .single-services .header.activated .logo-white {display: block;}
    .single-services .header.activated .logo-color {display: none;}

    .page-template-page-pay .header {color:#ec222b; background-image: none;}
    .page-template-page-pay .header .logo-white {display: none;}
    .page-template-page-pay .header .logo-color {display: block;}
    .page-template-page-pay .navigation .menu-item:hover {color:#fff;}

    .page-template-page-pay .header.activated {color: #fff;}
    .page-template-page-pay .header.activated .logo-white {display: block;}
    .page-template-page-pay .header.activated .logo-color {display: none;}
    .page-template-page-pay .servSing-desc {padding-top: 120px;}


    .page-template-default .navigation .menu-item:hover {color:#fff;}
	.hero.review-us-hero {height: 500px;}
	#ro-social-container {padding-top: 0;}

    .page-template-default .header.activated {color: #fff;}
    .page-template-default .header.activated .logo-white {display: block;}
    .page-template-default .header.activated .logo-color {display: none;}

    .services-single-hero {background-color: #fff; color: #ec222b; text-align: center; padding-top: 120px; height: 700px;}
    .services-single-hero p {max-width: 600px; margin: 0 auto; color: #414142; text-transform: none;}
    .services-single-hero .hero-content {padding-top: 20px; position: static; height: auto;}

    .serv-we-do {padding: 100px 0; min-height: 570px; color: #fff; text-align: center;}
    .serv-we-do .squeeze {max-width: 780px;}
    .serv-we-do .column {width: 33.33%; padding: 0 1%;}
    .serv-we-do .title {font:300 38px/1 "Lato", sans-serif; padding-bottom: 45px;}
    .serv-we-do .copy p {margin: 0 auto; max-width: 540px;}
    .serv-we-do .three-col-wrap {text-align: left;}
    .serv-we-do .col-title {font:300 28px/1 "Lato", sans-serif; padding-bottom: 65px; padding-top: 20px; opacity: 0;}
    .serv-we-do ul {list-style:url(/assets/uploads/elements/icon-redarrow-right.png);}
    .serv-we-do li {padding-bottom: 24px; margin-left: -20px; opacity: 0;}
    .serv-we-do li span {font:300 18px/1 "Lato", sans-serif; left: 50px;}

	@media( min-width: 768px ){
	.serv-we-do .flex {display: flex; justify-content: center;}
	.serv-we-do .flex > div {width: 275px;}
	}
	@media( max-width: 768px ){
	.serv-we-do .flex {margin: auto; width: 280px;}
	}

    .serv-grey-anim {padding-top: 50px; background: url(https://www.redolive.com/assets/uploads/2014/09/services-approach-bg.jpg); color: #fff; font:300 33px/56px "Lato", sans-serif;}
    .serv-grey-anim .wrapper {display: table; table-layout: fixed;}
    .serv-grey-anim .column {float: none; display: table-cell; vertical-align: bottom;}
    .serv-grey-anim .column img {max-width: none; display: block; margin-left: -350px;}
    .serv-grey-anim .column.copy {vertical-align: middle;}

    .single-services .fade-columns .desc-block {height: auto; float: none; display: table;}
    .single-services .fade-columns .desc-block img {position: relative;}
    .single-services .fade-columns .column {display: table-cell; vertical-align: top; float: none;}
    .single-services .fade-columns .column.left {text-align: center;}
    .single-services .fade-columns p {padding: 10px 0;}

    .work_gallery {text-align: center; padding: 105px 0 50px;}
    .work_gallery .title {color: #ec222b; padding-bottom: 50px;}
    .work_gallery .work-block {padding-right: 15px; padding-bottom: 70px; cursor: pointer;}
    .work_gallery .work-block:nth-of-type(even) {padding-right: 0; padding-left: 15px;}
    .work_gallery .work-block .heading {padding-top: 20px; font-size: 20px;}

    .work-block .img {
        height: 300px; position: relative; background-position: center top;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .work-block .play-icon {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

    .single-services .overlay {position: fixed; height: 100%; width: 100%; background-color: rgba(0,0,0,0.8); z-index: 50; display: none;}
    .single-services .overlay .wrapper {display: table; overflow: hidden;}
    .single-services .overlay .center {display: table-cell; vertical-align: middle; position: relative;}

    .single-services .overlay .gallery-slider {display: table; height: 75%; table-layout: fixed;}
    .single-services .overlay .gallery-slider .work-block {display: table-cell; position: relative; vertical-align: bottom;}
    .single-services .overlay .gallery-slider .work-block .img {height: 100%;}
    .single-services .overlay video { position: absolute; top: 0;left: 0;
        height: 100%;
        width: 100%;
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .single-services .overlay iframe {width: 100%; height: 100%;}
    .single-services .overlay .slider-nav {background-color: #fff; padding: 14px; display: table; width: 100%; text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .single-services .overlay .slide-title {font-size: 20px;}
    .single-services .overlay .col {display: table-cell; vertical-align: middle;}
    .single-services .overlay .slide-nav {width: 60px; height: 60px; background-color: #ec2028; color: #fff; cursor: pointer;}
    .single-services .overlay .slide-nav img {line-height: 60px; height: 20px;}

    .single-services .overlay .close {text-align: right; color: #fff; padding: 18px; line-height: 28px;}
    .single-services .overlay .close span {cursor: pointer; font-size: 14px; text-transform: uppercase; display: inline-block;}
    .single-services .overlay .close i {font-size: 16px; padding-left: 14px; vertical-align: middle; line-height: 20px;}

/*SEO PAGES */
	.seo-hero {height:700px;}
    .page-template-page-seo-fancy .header {color:#ec222b; background-image: none;}
    .page-template-page-seo-fancy .header .logo-white {display: none;}
    .page-template-page-seo-fancy .header .logo-color {display: block;}
    .page-template-page-seo-fancy .navigation .menu-item:hover {color:#fff;}

/*** Work Detail - portfolio ***/
	/*hero-block*/
	.portfolio-hero {height:739px; float:none;}
	/*3 column image row*/
	.portfolio-img-row img {display:block; width:100%;}
	/*portfolio information*/
	.portfolio-content {padding:145px 0 120px; text-align:center; color:#414142;}
	.portfolio-content .title {font:300 38px/38px "Lato"; color:#ec2028; padding-bottom: 60px;}
	.portfolio-content .circle-link {background:url(/assets/uploads/2014/09/web-link-bg.png) no-repeat center 53px; margin-bottom: 69px;}
	.portfolio-content .devices-block {height:755px; position: relative;}
	.portfolio-content .devices-block img {position:absolute;}
	.portfolio-content .devices-block .desktop {top:0; left:0; right: 0; margin: auto; opacity: 1 !important;}
	.portfolio-content .devices-block .desktop.center {position:relative;}
	.portfolio-content .devices-block .tablet {top:215px; right:0;}
	.portfolio-content .devices-block .mobile-wrap {bottom:0; left:470px; position:absolute;}
	.portfolio-content .devices-block .mobile-wrap img {position:relative;}
	/*site images*/
	.site-img-wrap {padding-top:100px;}
	.site-img-wrap .site-img {margin-bottom:30px; border:1px solid #d7d7d7; max-width:50%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;}

	.text-center {text-align: center; margin: 40px 0;}
	.text-center a {text-transform: uppercase; font: 700 14px/48px "Lato"; border: 2px solid #ec2028; padding: 0; display: inline-block; color: #ec2028; cursor: pointer; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; width: 170px; text-align: center; margin: 0 5px;}
/*** Work Detail - portfolio V2 ***/
	.single-work-portfolio h3 {color: #ec2028; padding-bottom: 10px;}
	.single-work-portfolio .box-link {background-color: #ec2028; color: #fff; border-color: #ec2028;}
	.single-work-portfolio .box-link:hover {color: #ec2028; background-color: #fff; border-color: #fff;}

    .single-work-portfolio .intro-block {background-color: #161616; color: #fff; padding: 60px 0;}
    .single-work-portfolio .intro-block .wrapper {display: table;}
    .single-work-portfolio .intro-block .cell {display: table-cell; vertical-align: middle;}
    .single-work-portfolio .video-player {width: 635px;}
    .single-work-portfolio .vid-screen { position: relative;}
    .single-work-portfolio .vid-wrap {width: 480px; height: 300px; position: absolute; top: 22px; left: 76px;}
    .single-work-portfolio .vid-wrap img,
    .single-work-portfolio .vid-wrap video {
    	    height: auto;
		    width: 100%;
		    display: block;
		    -o-object-fit: cover;
		    object-fit: cover;
    }

    .single-work-portfolio .work-scroll-wrap .wrapper {position: relative;}
    .single-work-portfolio .screen-wrap {position: absolute; display: table;}
    .single-work-portfolio .screen-wrap .cell {display: table-cell; vertical-align: middle;}
    .single-work-portfolio .screen-wrap .scroll-img {
        padding: 4% 12% 5%; position: absolute; top: 0; left: 0; opacity: 0; width: 480px; height: 300px;
        -webkit-transition: opacity 0.25s; /* Safari */
        transition: opacity 0.25s;
    }
    .single-work-portfolio .screen-wrap .scroll-img.active {opacity: 1;}
    .single-work-portfolio .screen-wrap .scroll-img img {display: block; width: inherit; height: inherit;}

    .single-work-portfolio .scrolling-wrap {display: table;}
    .single-work-portfolio .scrolling-wrap .scroll-element {display: table-row;}
    .single-work-portfolio .scrolling-wrap .scroll-element .img-wrap {display: none;}
    .single-work-portfolio .scrolling-wrap .cell { padding-left: 658px; display: table-cell; vertical-align: middle;}


    .work-scroll-wrap.stuck .screen-wrap {position: fixed; bottom: 0;}
    .work-scroll-wrap.stuck.bottom .screen-wrap {position: absolute;}

    .single-work-portfolio .img-split-row {background-color: #f0f0f0; padding: 110px 0;}
    .single-work-portfolio .img-split-row .copy {padding-right: 65px; box-sizing: border-box;}
    .single-work-portfolio .img-split-row .img-block {
        position: absolute; top: 0; right: 0; width: 50%; height: 100%;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

	.single-work-portfolio .red-row {text-align: center; padding: 25px 0; background-color: #ec2028;}
    .single-work-portfolio .red-row h3 {color: #fff;}

/*     .related-posts-row {
    	display: inline-block; height: 600px;
    	-webkit-background-size: cover;
    	background-size: cover;
    } */

/*** WORK LISTING ***/
	.workListing-hero {height:100%;}
	.workListing-hero .wl-ico-wrap {padding-bottom:45px;}
	.portfolio-teaser {text-transform:uppercase; color:#fff; font: 18px/18px "Lato"; text-align:center; height:440px; background-size:cover; background-position:center center;}
	.portfolio-teaser .teaser-icon {position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; z-index:3; max-height:90px;
		transition: .25s;
		-webkit-transition:.25s;
		-moz-transition:.25s;}
	.portfolio-teaser .teaser-subtext {position:absolute; margin:auto; top:50%; left:0; right:0; z-index:3; padding-top:75px;
		transition: .8s;
		-webkit-transition:.8s;
		-moz-transition:.8s;}
	/*hover styles*/
	.portfolio-teaser .teaser-hover {width:100%; height:100%; background-color:rgba(236, 32, 40, .79); position: absolute; z-index:2; top:0; opacity:0;
		transition: .5s;
		-webkit-transition:.5s;
		-moz-transition:.5s;}
	.portfolio-teaser .teaser-info {position:absolute; top:50%; width:100%;}
	.portfolio-teaser .work-type {text-transform:none; font:14px/14px "Lato"; padding:10px 0 45px;}

	.portfolio-teaser.hovered .teaser-subtext {display:none;}
	.portfolio-teaser.hovered  .teaser-icon {top:-150px;}
	.portfolio-teaser.hovered  .teaser-hover {opacity:1;}
	/*slider*/
	#slides {display: none; position: relative;}
	#slides .box-link {background-color: #ec2028; color: #fff; border: none;}
	.slidesjs-control,
	.slidesjs-container {height:100% !important;}
	.slidesjs-navigation {display: block; position: absolute; top: 45%; width: 50px; height: 50px; text-indent: -9999px; z-index: 25; }

	.slidesjs-previous {left: 40px; background: url(/assets/uploads/elements/arrow-left.svg) no-repeat center center;}
	.slidesjs-next {right: 40px; background: url(/assets/uploads/elements/arrow-right.svg) no-repeat center center;}
	.vertAlign {position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}
	.vertAlign > div {display: table; height: 100%; width: 100%;}
	.vertAlign > div > div {display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
	.bigText {font-size: 60px; font-weight: 200; margin-bottom: 40px; line-height: 1; width:50%;}

	.bx-wrapper { position: relative;}
	.bx-viewport {margin-bottom: 30px;}
	.slider img {width: 100%;}
	.bx-controls-direction a {display: block; position: absolute; top: 45%; width: 50px; height: 50px; text-indent: -9999px; z-index: 100; }
	.bx-prev {left: 10px; background: url(/assets/uploads/elements/arrow-left-red.svg) no-repeat center center;}
	.bx-next {right: 10px; background: url(/assets/uploads/elements/arrow-right-red.svg) no-repeat center center;}



	.default-pad {padding-top: 120px; padding-bottom: 40px;}

/***
** Responsive Media Queries
***/

@media (min-width: 768px){
	.table {display: table; width: 100%; table-layout: fixed;}
	.table .cell {display: table-cell;}
}


@media (min-width: 1024px){
	#slides .wrapper {padding: 0 80px;}
}

@media (max-width: 1024px){
	.column {width:50%;}
	.col33 {width:50%;}
	.col2 {width:100%;}
	.wrapper {width:100%; padding:0 .5%;}
	.workListing-hero {text-align:center;}
	.fill-img {display:none;}

	/*global*/
	.hero {display:table;}
	.hero .hero-content {display:table-cell; vertical-align:middle;}
	.hero-content {position:relative; padding:0;}
	.hero-scroll {bottom:20px;}
	.fade-columns {}
	.fade-columns .desc-block {height:auto; text-align:center;}
	.fade-columns .desc-block img {position:relative; margin-top:15px;}

	#slides .bigText {text-align: center; width: 100%;}
	/*mobile nav*/
	.header {height:86px; background: none; position: absolute;}
	.header .navigation a {color:#fff;}
	.header a {display:block;}
	.navigation {width:100%; position:absolute; top:86px; left:0; display:none;}
	.navigation.show {display:block;}
	.header .head-logo {height:inherit; text-align:left; width:200px; display:inline-block;}
	.head-logo img {max-height:42px; position:absolute; top:0; bottom:0; left:2%; margin:auto;}

	.mobile-hamburger {width:80px; height:inherit; display:block; background: url(/assets/uploads/elements/nav-mobile.png) no-repeat center; position: absolute; top:0; right:0;-webkit-background-size: 30px;
	background-size: 30px;}
	.single-services .mobile-hamburger,
	.page-template-page-seo-fancy .mobile-hamburger { background: url(/assets/uploads/elements/nav-mobile-gray.png) no-repeat center; }
	.page-template-page-pay .mobile-hamburger { background: url(/assets/uploads/elements/nav-mobile-gray.png) no-repeat center; }
	.page-template-default .mobile-hamburger { background: url(/assets/uploads/elements/nav-mobile-gray.png) no-repeat center; }
	.mobile-hamburger.expanded {background-color: #ec2028;}
	.single-services .mobile-hamburger.expanded,
	.page-template-page-seo-fancy .mobile-hamburger.expanded {background-image: url(/assets/uploads/elements/nav-mobile.png); }
	.page-template-page-pay .mobile-hamburger.expanded {background-image: url(/assets/uploads/elements/nav-mobile.png); }
	.page-template-default .mobile-hamburger.expanded {background-image: url(/assets/uploads/elements/nav-mobile.png); }
	.mobile-hamburger.open {background-color:#ce171f;}
	.menu-menu-1-container {float:none;}

	.navigation .menu-item {width:100%; line-height:88px; height:auto; background-color:#ec2028; border-bottom:1px solid #ce171f; padding:0; display:block;}
	.navigation .sub-menu {display:none; width:100%; position:relative; left:0; margin:0; padding:0; top:0; opacity:1;}
	.navigation .sub-menu .menu-item {width:100%; background-color:#ce171f; border-bottom:1px solid #ec2028; position:relative;}
	.navigation .request-quote span {display:inline-block; font-size:inherit; padding-right:8px;}
	.navigation .request-quote {display:none !important;}
	.navigation .request-quote-mobile {display:block;}
	.rfq-wrap {padding-top:20px;}

	/*agency*/
	.agency-hero {display:block;}
	.agency-hero .hero-content {display:block;}
	.agency-hero .site-logo {height:50%; padding:5%;}
	.agency-hero .site-logo img {height:100%;}
	.agency-hero .hero-title {padding:0;}
	.site-img-wrap {text-align:center;}
	.agency-team .column {height:auto;}
	.fade-columns .desc-block .desc-title {padding-top:15px;}
	.fade-columns .desc-block .desc-copy {padding:2%;}

	/*blog*/
	.blogListing-hero .hero-content {padding:0;}
	.blogDetail-body {padding-top:50px;}

	/*contact*/
	.contact-hero .hero-content {padding:0;}
	.contact-body {background:none; height:auto;}
	#ninja_forms_form_2 {max-width:100%; padding-bottom:20px;}
	#ninja_forms_form_2 .field-wrap,
	#ninja_forms_form_2 .required{width:50%; padding:1%; float:left;}
	#ninja_forms_form_2 .required,
	#ninja_forms_form_2 .submit-wrap {float:left; clear:left; padding-bottom:25px;}
	#ninja_forms_form_2 .box-link {margin:0; float:left;}
	#map {position:relative; height:450px;}

	.field-wrap.submit {width:100%;clear:left;}

	/*home*/
	.home-hero {display:block; background-position: center top;}
	.home-hero .wrapper {display:block; padding-top:20px;}
	.home-hero .viewer {max-width:100%; bottom:30px; position:absolute; left:0; right:0; margin:auto;}
	.home-hero .digital {font-size:60px;}
	.home-hero .scroll-cta {display:none;}

	.whatWeDo {padding-top:45px;}
	.whatWeDo .wrapper {position:relative; top:10px;}
	.whatWeDo .wwd-icon-wrap {position:relative; height:100px;}
	.whatWeDo .wwd-icon {width:50px; height:50px; padding-top: 0px; top: 0px; background-size:260px; background-position: -41px 50%; text-indent:-800px;}
	.whatWeDo .wwd-icon.left {left:350px;}
	.whatWeDo .wwd-icon.top {left:407px;}
	.whatWeDo .wwd-icon.bottom {left:463px;}
	.whatWeDo .wwd-icon.right {left:520px;}
	.whatWeDo .wwd-icon.activated {background-position:-171px !important; background-color:#ec2028;}

	.whatWeDo .wwd-copy {padding-bottom:40px; opacity:1; display:block;}
	.wwd-copy .copy {opacity:1; position:relative;}
	.whatWeDo .wwd-video {display:none;}
	.home3 .column {width:50%; height:480px;}

	/*work - case study*/
	.site-img-wrap {padding-bottom:30px;}
	.site-img-wrap .site-img {max-width:100%;}
	.caseStudy-hero .hero-subtitle {display:none;}
	.caseStudy-scroll {display:none;}
	.caseStudy-scroll-mbl {display:block; text-align:center; padding:0 8%; width:84%;}
	.caseStudy-scroll-mbl p {text-align:left;}
	.scrollingBlock {padding-top:45px;}
	.scrollingBlock h3 {text-align:center; padding:40px 0 20px;}

	/*work - portfolio*/
	.portfolio-content {padding:0;}
	.portfolio-content .devices-block {height:auto;}
	.portfolio-content .devices-block img {position:relative; top:0;}
	.portfolio-content .devices-block .tablet {top:0;}
	.portfolio-content .devices-block .mobile-wrap {position:relative; left:0;}

	/*services*/
	.services-hero {display:block;}
	.services-hero .hero-content {display:block;}
	.services-hero .site-logo {height:50%; padding:5%;}
	.services-hero .site-logo img {height:100%;}
	.services-intro img {max-width:80%;}
	.services-approach {display:none;}
	.services-howitworks {border-top:1px solid #ec2028;}
	.fade-columns .desc-block .right {text-align:left;}
	.bx-wrapper {display:none;}

	.serv-grey-anim .column {display: block; float: left; width: 100%;}

	.services-single-hero {padding-top: 80px; display: block;}
	.services-single-hero .hero-content {display: block;}
	.services-single-hero .banner-vid {display: none;}
	.services-single-hero .hero-scroll {display: none;}
	.single-services .anim-graphic-wrap {display: none;}
	.single-services .serv-we-do .col-title {opacity: 1;}
	.single-services .serv-we-do li {opacity: 1; margin-left: 0;}
	.single-services .serv-grey-anim .column.copy {padding: 0 2% 50px;}
	.single-services .fade-columns .column {display: block; width: 100%; clear: left; float: left; text-align: center; padding-left: 0;}
	.single-services .fade-columns .column.left {padding-bottom: 25px;}
	.single-services .fade-columns .desc-block .desc-title {text-align: center;}
	.work_gallery .wrapper .work-block {width: 50%; padding-bottom: 70px;}
	.single-services .overlay .wrapper {width: 94%; padding: 0;}
	.services-hero-mobile {display: block;}

	/*** Work Detail - portfolio V2 ***/
	.single-work-portfolio .img-split-row .copy {width: 50%;}

	/*footer*/
	.footer {padding-top:75px; background-size:180px;}
	.footer .info-wrap {width:50%;}
	.footer .info-wrap.spacer {margin-right:0;}
	.footer .soc-nav {padding-top:30px;}
	.footer .ro-info {margin-right:0; margin-bottom:15px;}
}

@media (max-width: 768px){
	.col33 {width:100%;}
	.wrapper .column {width:100%; padding:0 2%;}
	/*global*/
	.rfq-wrap .intro-text {float:none;}
	.rfq-wrap .ro-info {float:left;}
	.fade-columns .wrapper .column {width:50%;}
	.cb-wrap {width:50%;}
	.field-wrap.submit {width:100%;clear:left;}

	/*home*/
	.home3 .column {width:100%;}
	.news-nav {float:none; height:auto;}
	.news-nav .news-link {width:100%; padding:0 0 40px;}
	/*blog*/
	.blogDetail-body .blog-date {float:left;}
	.blogDetail-body .column {width:100% !important;}
	.blogDetail-body .author-block {float:right; padding-right:20px;}
	.blogDetail-body .author-name {padding:0; margin:0;}
	.blogDetail-body .post-img {text-align:center; padding-top:20px;}

	.blog-post .column {width: 100%; display: block; min-height: 375px;}
	/*contact*/
	#ninja_forms_form_2 {max-width:100%;}

	.serv-we-do ul {padding-left: 30px;}
	.single-services .fade-columns .column {width: 100%;}
	.work_gallery .wrapper .work-block {width: 100%;}

	/*** Work Detail - portfolio V2 ***/
	.single-work-portfolio .intro-block .cell {display: block; padding: 50px 0; text-align: center;}
	.single-work-portfolio .video-player {width: 100%;}
	.single-work-portfolio .vid-wrap {bottom: 0; right: 0; margin: auto; top: -22px; left: 2px;}
	.single-work-portfolio .scrolling-wrap .cell {display: block; padding-left: 0;}
	.single-work-portfolio .scrolling-wrap .scroll-element .img-wrap {display: block; padding: 40px 0;}
	.single-work-portfolio .screen-wrap {display: none;}
	.single-work-portfolio .img-split-row .img-block {display: none;}
	.single-work-portfolio .img-split-row .copy {width: 100%;}
}
@media (max-width: 480px){
	/*grid*/
	.column {width:100%;}
	.fade-columns .wrapper .column {width:100%;}
	.fade-columns .desc-block .desc-title {text-align:center;}
	.wrapper {width:100%; padding:0 .5%;}
	.wrapper .column:first-of-type {padding-right:0;}
	.wrapper .column:last-of-type {padding-left:0;}

	/*global*/
	body {overflow-x:hidden;}
	h2 {font-size:35px;}
	h3 {font-size:25px;}
	.hero-content {padding-top:0;}
	.hero-logo {max-height:40%; padding:2%;}
	.hero-logo img {max-height:100%;}
	.hero-title {font:300 40px/40px "Lato"; padding:15px 0;}
	.hero-scroll {font-size:12px; line-height:10px; bottom:10px;}
	.contactUs-cta {padding-top:50px;}
	.field-wrap,
	.field-wrap.half-wrap {width:100%; float:none;}
	.field-wrap input[type="submit"] {margin-top:15px; width:100%;}

	/*request for quote*/
	.rfq-wrap {width:96%; right:0; padding-top:0; overflow:hidden;}
	.rfq-wrap .field-wrap, .rfq-wrap .checkbox-message, .rfq-wrap .required {width:100%;}
	.rfq-wrap .intro-text {display:block; width:100%; font-size:50px; line-height:50px; padding-bottom:15px;}
	.rfq-wrap .column {width:100%; padding:0 0 30px;}
	.rfq-wrap .column.first {display:none;}
	.rfq-wrap .checkbox-wrap {width:50%;}
	.rfq-wrap .ro-info {float:none;}

	/*request for quote NEW*/
	.rfq-wrap-2 {width:98%; padding: 15px 2%; right:1%; overflow:hidden; top: 5px; position: absolute; height: auto !important; overflow-y: scroll;
		box-shadow: 0 0 8px #000;
		-webkit-box-shadow: 0 0 8px #000;
		-moz-box-shadow: 0 0 8px #000;}
	.rfq-wrap-2 .field-wrap,
	.rfq-wrap-2 .checkbox-message,
	.rfq-wrap-2 .required,
	.rfq-wrap-2 .field-wrap.half,
	.rfq-wrap-2 .field-wrap.quarter {width:100%;}
	.rfq-wrap-2 .intro-text {display:block; width:100%; font-size:30px; line-height:50px; padding-bottom:5px;}
	.rfq-wrap-2 .intro .phone {float: left; padding-bottom: 15px;}
	.rfq-wrap-2 .column {width:100%; padding:0 0 30px;}
	.rfq-wrap-2 .column.first {display:none;}
	.rfq-wrap-2 .cb-wrap {width:50%;}
	.rfq-wrap-2 .ro-info {float:none;}
	.rfq-wrap-2 input[type="checkbox"] {background-color: #fff; color: #fff;}

	/*agency*/
	.agency-team .profile {width:100%;}
	.agency-awards {padding-top:0;}
	.agency-awards .counter-wrap {height:auto;}
	.agency-awards .award-img-wrap {width:100%; height:435px;}
	.agency-awards .multiply,
	.agency-awards .count-viewer {display:none;}
	.agency-awards h2 {padding-bottom:15px;}
	.agency-awards p {padding:0 1% 20px;}

	/*blog*/
	.blog-filters input[type='text'],
	.blog-filters select {width:100%;}
	.blog-filters input[type='text'] {margin-bottom:15px;}
	.blog-filters input[type="submit"] {right:5%;}
	.blogListing-title .blog-date {width:auto; display:block; float:none; margin-bottom:25px;}
	.blogListing-info {padding-top:15px;}
	.blogListing-info .author-block {width:100%; text-align:left;}
	.blogListing-info .copy {width:100%;}

	/*contact*/
	#ninja_forms_form_2 .field-wrap,
	#ninja_forms_form_2 .required{width:100%; padding:2%; float:left;}
	#ninja_forms_form_2 .submit-wrap {padding-bottom:25px;}
	.contact-body .addresscolumn {float:none; padding:5px 0 20px 0px;width:100%;}
	.contact-body .addresscolumn:first-of-type {padding-left:5px 0 20px 0px;}


	/*home*/
	/*.home-hero {background-position: center -100px;}*/
	.home-hero .digital {font-size:28px; padding-top:8px;}
	.home-hero .sees-diff {font-size:14px;}
	.home-hero .lined {font-size:16px;}

	/*services*/
	.services-cta-wrap .column {border-right:none;}
	.servSing-desc {padding-top:25px;}

	/*jobs*/
	.jobs-body .available-jobs {display:none;}
	.job-wrap .icon {padding-right:5px;width: 40px;}
	.jobs-body .job-wrap .box-link { clear:left; margin:15px 0 60px; border: none; float: left; padding: 0px 84px;}
	.jobs-detail .field-wrap, .jobs-detail .checkbox-message, .jobs-detail .required {width:100%; }
	.jobs-detail h3 {padding:25px 0 10px;}
	.jobs-detail .wrapper .column {padding:0;}

	.footer {background-image: none; padding: 50px 0;}
	.footer .info-wrap .ro-info {margin: 10px;}
	.footer .info-wrap.spacer .ro-info {float: right;}
	.footer .info-wrap.right .ro-info {float: left;}

	/*** Work Detail - portfolio V2 ***/
	.single-work-portfolio .vid-wrap {position: relative; width: auto;}
	.single-work-portfolio .screen-img {display: none;}
	.single-work-portfolio .vid-wrap {top: 0; left: 0; height: auto;}
	.single-work-portfolio .vid-wrap img,
	.single-work-portfolio .vid-wrap video {width: auto; height: auto;}
	.single-work-portfolio .intro-block {padding-bottom: 0;}
	.single-work-portfolio .intro-block .cell {padding: 40px 0 0px;}
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    video{ -webkit-filter: brightness(108.5%); }
}


.comments {
	list-style: none;
}
.comment {
	padding: 15px 0;
	margin-bottom: 15px;
	list-style: none;
	border-bottom: thin solid #ccc;
}
.comment-body {
	padding: 15px 25px;
}
.comment.even {
	background: #eee;
}
.comment.odd {
	background: #e3e3e3;
}
.comment p {
	padding-left: 0;
}
.comment-author {
	display: inline;
	margin-right: 15px;
}
.comment-meta {
	display: inline;
}
.comment-meta + p {
	margin-top: 30px;
}