/*
Blender Styles
*/

/*============== Base ==============*/
body {
font-family: 'Lato', sans-serif;
}
a{text-decoration: none; transition: all 0.25s ease-in-out; color: #286fb7;}
a:visited{color: #286fb7;}
.container{max-width: 1250px; padding: 0px 15px; margin: auto;}
img {transition: all 0.25s ease-in-out;}
h1 {font-size: 50px;line-height: 48px; font-weight: 900; letter-spacing: 1px;}
h2 {font-size: 33px;line-height: 33px; font-weight: 900; letter-spacing: 1px;}
h3 {font-size: 21px;line-height: 32px; font-weight: 900; letter-spacing: 1px;}
h4 {font-size: 14px;line-height: 21px; font-weight: 900; letter-spacing: 1px;}
p, li {font-size: 18px;line-height: 28px; font-weight: 400; letter-spacing: 1px;}
::-moz-selection {background: #148ab8; color: #ffffff;}
::selection {background: #148ab8; color: #ffffff;}
::-moz-selection {background: #148ab8; color: #ffffff;}
.select p::-moz-selection, .select strong::-moz-selection, 
.select em::-moz-selection, .select td::-moz-selection, 
.select div::-moz-selection, .select h1::-moz-selection, 
.select h2::-moz-selection, .select h3::-moz-selection, .select h4::-moz-selection {background: #ffffff !important; color: #000000 !important;}
.select p::selection, .select strong::selection, 
.select em::selection, .select td::selection, 
.select div::selection, .select h1::selection, 
.select h2::selection, .select h3::selection, .select h4::selection {background: #ffffff !important; color: #000000 !important;}
.select p::-moz-selection, .select strong::-moz-selection, 
.select em::-moz-selection, .select td::-moz-selection, 
.select div::-moz-selection, .select h1::-moz-selection, 
.select h2::-moz-selection, .select h3::-moz-selection, .select h4::-moz-selection {background: #ffffff !important; color: #000000 !important;}
#ipCheck {display: none;}		

/*========================================== Reusable Styles ==========================================*/
.button {
 padding: 10px 25px;  
 border-radius: 30px;
 color: #ffffff; 
 font-size: 13px;
 text-transform: uppercase;
 transition: all 0.25s ease-in-out;
 font-weight: 700;
 position: relative;
 display: inline-block;
}
.button.white {
 border-width: 2px; 
 border-style: solid; 
 border-color: #ffffff; 
}
.button.white:hover {
 border-color: #ffffff;
 color: #000000;
 background-color: #ffffff; 
}
.button.white.solid {
 border-width: 2px; 
 border-style: solid; 
 border-color: #ffffff;
 background-color: #ffffff;
 color:#000000;  
}
.button.white.solid:hover {
 border-color: #ffffff;
 color: #ffffff;
 background-color: #000000; 
 border-color: #000000;
}
.salmon {background-color: #FF604E;}
.button.salmon {
 color: #ffffff;
 background-color: #FF604E;
 border-color: #ffffff;
 border-width: 2px; 
 border-style: solid; 
}
.button.salmon:hover {
 color: #FF604E;
 background-color: #ffffff; 
 border-color: #FF604E;
}
.button.blue {
 color: #ffffff;
 background-color: #148AB8;
 border-color: #ffffff;
 border-width: 2px; 
 border-style: solid; 
}
.button.blue:hover {
 color: #148AB8;
 background-color: #ffffff; 
 border-color: #148AB8;
}
.button.blender-blue {
 color: #ffffff;
 background-color: #1171BC;
 border-color: #ffffff;
 border-width: 2px; 
 border-style: solid; 
}
.button.blender-blue:hover {
 color: #1171BC;
 background-color: #ffffff; 
 border-color: #1171BC;
}
.button.orange {
 color: #ffffff;
 background-color: #FF8A00;
 border-color: #ffffff;
 border-width: 2px; 
 border-style: solid; 
}
.button.orange:hover {
 color: #FF8A00;
 background-color: #ffffff; 
 border-color: #FF8A00;
}
.button.solid {border: none;}
.button.square {border-radius: 0px;}
.button.blender-blue.square {margin: 0px 2px 2px 0px; padding: 20px 25px;}
.link-container {position: relative;}
.link-container a, .button a {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
input, textarea, select {-webkit-appearance: none !important; border-radius:0 !important !important;}
textarea:focus, input:focus{outline: none;}
.left, .right {float: left; width: 50%; box-sizing: border-box;}
.right {float: right;}
.full {width: 100%; box-sizing: border-box;}
.mobile-show {display: none;}
.desktop-show {display: block;}
.banner-tag {background-color: #fff; text-align: center; color: #000000; padding: 50px 0px;}
.banner-tag h2 {font-size: 33px; line-height: 42px; font-weight: 900; margin: 0px;}
.banner-tag p {font-size: 21px; line-height: 33px; font-weight: 400; margin: 0px;}
.plus-sign div{
 background:#000000;
 width:10px;
 height:26px;
 position:relative;
 margin-left:10px;
}
.plus-sign div:before {
 background:#000000;
 content:"";
 width:26px;
 height:6px;
 position:absolute;
 top:10px;
 left:-10px;
}
.cover {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.clear {clear: both;}
.clearset:after { content:" "; visibility:hidden; display:block; height:0; clear:both; }
.hidden {display: none;}
.bg {background-position: center center; background-size: cover; background-repeat: no-repeat; /*background-color: #000000;*/ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1280px;	max-height: 720px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 1280px; max-height: 720px;}
.embed-container .video-thumb {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center center; background-size: cover;}
.embed-container:hover .video-thumb {display: none;}
.tutorial {background-image: url(../../../../_resources/tutorial-thumbnail.jpg); }
.hide {display: none; width: 0px; height: 0px;}
.csstable {display: table; width: 100%;}
.csstable .row {display: table-row;}
.csstable .cell {display: table-cell; vertical-align: top;}
.no-bot {margin-top: 0px !important;}
.two-column {overflow:hidden;}
.two-column div {width: 50%; float: left; box-sizing: border-box;}
.two-column div:first-child {padding-right: 20px;}
.two-column div:last-child {padding-left: 20px;}

/*========================================== Standard Page Styles ==========================================*/
body.page-template-page-standard-php #banner {background-color: #000000; height: 620px; width: 100%; position: relative; overflow: hidden;}
body.page-template-page-standard-php #banner .bg {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/default-page-bg.jpg); z-index: 1;}
body.page-template-page-standard-php #banner h1 {padding-top: 280px; margin: 0px; color: #ffffff; text-align: center; font-size: 54px; line-height: 60px;}
body.page-template-page-standard-php #banner .container {z-index: 2; position: relative; max-width: 850px;}
body.page-template-page-standard-php #main .container {max-width: 850px;}
body.page-template-page-standard-php #main {border-bottom: solid #CDCDCD 1px; padding-top: 100px; }

/*========================================== Header Styles ==========================================*/
#nav-hold { position: fixed; top:0px; z-index: 1000; height: 80px; width: 100%; /*background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8);*/ transition: all 0.25s ease-in-out;}
#nav-hold.no-bg {background-color: transparent;}
#nav-over {width: 100%; height: 80px; position: absolute; top: 0px; display: none; background-color: #000000;}
#logo-b {width: 32px; height: 43px; background-image: url(../img/logo.png); background-position: top left; background-repeat: no-repeat; background-color: transparent !important; background-size: 100% 100%; margin-top: 20px;}
#logo-full {/*opacity:0;*/ z-index: 1001;}
#logo-full div {display: inline-block;}
/*#logo-full .b {-webkit-animation-delay: .00s; -moz-animation-delay: .00s; -o-animation-delay: .00s; -ms-animation-delay: .00s; animation-delay: .00s;}
#logo-full .l {-webkit-animation-delay: .20s; -moz-animation-delay: .20s; -o-animation-delay: .20s; -ms-animation-delay: .20s; animation-delay: .20s;}
#logo-full .e {-webkit-animation-delay: .40s; -moz-animation-delay: .40s; -o-animation-delay: .40s; -ms-animation-delay: .40s; animation-delay: .40s;}
#logo-full .n {-webkit-animation-delay: .60s; -moz-animation-delay: .60s; -o-animation-delay: .60s; -ms-animation-delay: .60s; animation-delay: .60s;}
#logo-full .d {-webkit-animation-delay: .80s; -moz-animation-delay: .80s; -o-animation-delay: .80s; -ms-animation-delay: .80s; animation-delay: .80s;}
#logo-full .e2 {-webkit-animation-delay: 1.00s; -moz-animation-delay: 1.00s; -o-animation-delay: 1.00s; -ms-animation-delay: 1.00s; animation-delay: 1.00s;}
#logo-full .r {-webkit-animation-delay: 1.20s; -moz-animation-delay: 1.20s; -o-animation-delay: 1.20s; -ms-animation-delay: 1.20s; animation-delay: 1.20s;}*/
#logo-full div img {height: 23px;}
#logo-full div img:hover {opacity: 0.6;}
#top-right {float: right; margin-top: 20px; z-index: 1000; position: relative;}
#logo-b, #logo-full {float: left; z-index: 1000; position: relative;}
#search, #connect {float: left; color: #ffffff; font-size: 24px; line-height: 43px; padding-right: 15px; cursor: pointer;}
#search:hover {color: #fec310;}
#project-button {text-transform: none; float: left;}
#nav-hold .container {padding-bottom: 17px; overflow: hidden;}
.entry-content {margin: 0px;}

/*============== Navigation Styles ==============*/
#nav-over .container {padding-top: 29px;}
#site-navigation {float: left; clear: none; width: auto; padding-top: 5px; padding-left: 120px;}
#site-navigation li {padding-right: 35px;}
#site-navigation li a {font-weight: 900; color: #ffffff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;}
#site-navigation li a:hover {color: #fec310;}

/*============== Subscribe Styles ==============*/
#subscribe {background-color: #fff; width: 100%; overflow: hidden; display: none; padding-bottom: 20px;}
#subscribe .box {float: left; box-sizing: border-box; width: 33%;}
.social-icons a {color: #000000;}
#subscribe .hold {width: 294px; margin: auto;}
#subscribe .latest .hold {margin-left: 0px;}
#subscribe .social {text-align: right;}
#subscribe .social .hold {margin-right: 0px; text-align: left;}
#subscribe h1 { font-size: 36px; font-weight: 900; letter-spacing: 1px; line-height: 36px; margin: 40px 0px; text-align: left;}
#subscribe .box a, #subscribe .box {font-size: 18px; font-weight: 900; color: #000000; line-height: 28px;}
#subscribe h4.lcp_post a {line-height: 20px;}
#subscribe .box a:hover {color: #ff604e;}
#subscribe .box a:hover img {opacity: 0.6;}
#subscribe h4 {margin-bottom: 0px;}
#top-form {margin-top: -7px;}
#top-form input.wpcf7-text {border:0px; border-bottom: solid #000000 2px; width: 294px; font-size: 18px; padding-left: 0px; padding-top: 0px;}
#form-website { display: none; }
#top-form p.submit {margin-top: 30px; margin-bottom: 10px;}
form .hidden {display: none;}
input.wpcf7-submit {
 padding: 12px 30px 10px 30px;  
 border-radius: 30px !important;
 color: #000000; 
 font-size: 12px;
 text-transform: uppercase;
 transition: all 0.25s ease-in-out;
 font-weight: 900;
 border-width: 2px; 
 border-style: solid; 
 border-color: #000000 !important;
 background-color: #fff;
 text-shadow: none !important;
 box-shadow: none !important;
}
input.wpcf7-submit:hover {
 border-color: #ffffff;
 color: #ffffff;
 background-color: #000000 !important; 
 box-shadow: none !important;
}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok {border: 0px !important; padding: 0px !important; color: #FF604E; margin-left: 0px !important; margin-right: 0px !important; margin-top: 20px !important;}
.wpcf7-mail-sent-ok {color: #398f14;}
#top-form .your-email .wpcf7-not-valid-tip {margin-bottom: -30px;}
#subscribe .wpcf7-validation-errors, #subscribe .wpcf7-mail-sent-ok, #subscribe .wpcf7-not-valid-tip {font-size: 15px !important; line-height: 15px !important; color: #FF604E;}
#subscribe .social ul {padding: 0px; margin: 0px; list-style: none;}
#subscribe .social div.tweet-time {display: none;}
#subscribe .social .tweeple {margin-bottom: 40px; margin-top: -7px; width: 250px;}
#subscribe .social .tweeple a {color: #ff604e;}
#subscribe .social .tweeple a:hover {text-decoration: underline;}

/*============== Search Styles ==============*/
#searchpop {position: fixed; top: 0; left: 0; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 10000; color: #ffffff; display: none;}
#searchpop .hold {max-width: 770px; padding: 0px 15px 0px 15px; margin: 300px auto 0px auto; box-sizing: border-box;}
#searchpop .searchsubmit {display: none;}
#searchpop .s {background-color: transparent; border: 0px; font-size: 60px; color: #ffffff;}
#searchpop fieldset {padding: 0px; border: 0px;}
#searchpop .close {background-color: #000000; color: #ffffff; position: absolute; right: 0px; font-size: 30px; font-weight: 900; padding: 5px 15px; transition: all 0.25s ease-in-out; cursor: pointer;}
#searchpop .close:hover {background-color: #ffffff; color: #000000;}
/*============== Mobile Navigation Styles ==============*/
#widthcheck {position: relative; z-index: 0;}
#mobile-nav {display: none; background-color: #000000; position: relative; clear: both; padding-left: 15px; overflow-y: scroll;}
div.nav-break {border-bottom: 2px solid #ffffff; margin-bottom: 40px; padding-bottom: 40px; clear: both; width: 150px;}
div.nav-break.first {padding-bottom: 0px;}
#mobile-nav ul {list-style: none;padding-left: 0px; margin-bottom: 0px; margin-left: 0px;}
#mobile-nav li {padding-bottom: 25px; line-height: 15px;}
#mobile-nav li a {font-weight: 900; color: #ffffff; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; line-height: 15px;}
#mobile-nav li a:hover {color: #fec310;}
#mobile-nav li.menu-item-4393 {display: none;}
#mobile-nav li.menu-item-4388 {padding-bottom: 0px;}
.social-icons i {font-size: 23px;}
.social-icons a {margin-right: 20px;}
#mobile-nav .social-icons a {color: #ffffff;}
#mobile-nav .social-icons a:hover {color: #fec310;}
#mobile-project-button {text-align: center; color: #ffffff; font-size: 20px; letter-spacing: 1px; font-weight: 900; padding: 55px 0px; background-color: #FF8A00; position: relative; transition: all 0.25s ease-in-out; margin-left: -15px; text-transform: uppercase; margin-top: 55px;}
#mobile-project-button a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#mobile-project-button:hover {color: #FF8A00; background-color: #ffffff;}
#menu-icon{
 width: 29px;
 height: 24px;
 position: relative;
 transition: 0.5s ease-in-out;
 cursor: pointer;
 top: 8px;
 right: 0px;
 z-index: 1;
 display: none;
}
#menu-icon span{
 display: block;
 position: absolute;
 height: 4px;
 width: 100%;
 background: #ffffff;
 /*border-radius: 4px;*/
 opacity: 1;
 right: 0;
}
#menu-icon span:nth-child(1) {
 top: 0px; 
 transition: 0.25s ease-in-out;
}
#menu-icon span:nth-child(2) {
 top: 8px; 
 transition: 0.5s ease-in-out;
}
#menu-icon span:nth-child(3) {
 top: 16px; 
 transition: 0.75s ease-in-out;
}
#menu-icon.open span:nth-child(1) {opacity: 0; right: -16px;}
#menu-icon.open span:nth-child(2) {opacity: 0; right: -16px;}
#menu-icon.open span:nth-child(3) {opacity: 0; right: -16px;}
#mobile-close {float: right; width: 24px; height: 24px; position: relative; top: 0; margin-top: -8px; opacity: 0.0; transition: 0.75s ease-in-out;}
#mobile-close.on {opacity: 1.0;}
#mobile-close span {
 display: block;
 position: absolute;
 height: 4px;
 width: 100%;
 background: #ffffff;
 /*border-radius: 4px;*/
 opacity: 1;
 right: 0;
}
#mobile-close span:nth-child(1) {
 top: 0px;
 -webkit-transform: rotate(50deg);
 transform: rotate(50deg);
}
#mobile-close span:nth-child(2) {
 top: 0px;
 -webkit-transform: rotate(-50deg);
 transform: rotate(-50deg);
}

/*========================================== Footer Styles ==========================================*/
#foot-signup {padding: 40px 0px; background-color: #fff; color: #000000; font-size: 25px; font-weight: 900; line-height: 33px; letter-spacing: 1px;}
#foot-signup .container {overflow: hidden; padding: 0px 60px;}
#foot-signup .hold {max-width: 800px; margin: auto;}
#foot-signup .button {float: left; line-height: 12px; font-size: 12px; padding: 17px 45px; letter-spacing: 2px; margin-right: 50px; margin-top: 8px;}
#popupform {position: fixed; top: 0; left: 0; background-color: #FF604E; width: 100%; height: 100%; z-index: 10000; color: #ffffff; display: none;}
#popupform .hold {max-width: 820px; padding: 0px 15px 0px 15px; margin: 0px auto; box-sizing: border-box;}
#popupform .row {overflow: hidden; height: 94px; margin-bottom: 0px;}
#popupform h1 {font-size: 27px; line-height: 35px; text-align: center; color: #ffffff;}
#popupform input {width: 300px; border-radius: 3px !important; background-color: #DC5344; border-color: #BA473A; color: #ffffff; font-size: 15px; font-weight: 400; padding: 20px 25px;}
#popupform input.left {margin-right: 20px;}
/*#footer-form p {margin: 0px;}*/
#popupform p#mc4wp-checkbox {width: 320px; display: inline-block;}
#popupform p.submit {text-align: center;margin-top: -15px;}
#popupform input.wpcf7-submit {width: auto; background-color: #fff; color: #000000; border-color: #fff !important; padding: 20px 55px; font-size: 13px; font-weight: 700;}
#popupform input.wpcf7-submit:hover {background-color: #DC5344 !important; color: #ffffff; border-color: #BA473A !important;}
#popupform ::-webkit-input-placeholder {color: #ffffff;}
#popupform :-moz-placeholder {color: #ffffff;}
#popupform ::-moz-placeholder {color: #ffffff;}
#popupform :-ms-input-placeholder {color: #ffffff;}
#popupform input[type='checkbox'] {margin: 0; clear: none; cursor: pointer; background: url(../img/checkbox.png) left top no-repeat; background-position: 0px 8px; height: 24px; width: 24px !important; float: left; margin-left: 10px; border: 0px;}
#popupform input[type='checkbox']:checked {background-image: url(../img/checkbox-checked.png);}
#popupform #mc4wp-checkbox label {font-size: 15px; line-height: 20px;}
#footer-form {max-width: 300px; margin: 35px auto 0px auto;}
#popupform #cancel {line-height: 30px; font-size: 15px; text-decoration: underline; margin: auto; width: 100px; margin-bottom: 50px;}
#popupform #cancel a {color: #ffffff;}
#popupform #cancel span {background-color: #fff; color: #FF604E; font-weight: 900; padding: 3px 7px; text-decoration: none; margin-right: 15px;}
#popupform .row .wpcf7-not-valid-tip {position: absolute; top: 61px; width: 300px; color: #BA473A; font-weight: 700;}
#popupform .wpcf7-response-output {color: #BA473A; font-weight: 700; text-align: center; margin-top: -30px !important;}
#popupform div.wpcf7 img.ajax-loader {display: block; margin: 15px auto 0px auto;}
/* iPad/iPhone adjustments ==========================================*/
#foot-signup #popupform {position: relative; display: block; color: #000000; background-color: transparent; z-index: 1;}
#foot-signup #popupform .hold {max-width: 100%; padding: 0px; opacity: 0; transition: opacity 0.25s ease-in-out;}
#foot-signup #popupform .row {overflow: hidden; height: 94px; margin-bottom: 0px;}
#foot-signup #popupform h1 {color: #000000;}
#foot-signup #popupform h1 span {display: none;}
#foot-signup #popupform input {width: 100%; background-color: #CDCDCD; border-color: #696969; color: #000000; margin-bottom: 20px;}
#foot-signup #popupform input.left {margin-right: 0px;}
/*#footer-form p {margin: 0px;}*/
#foot-signup #popupform p#mc4wp-checkbox {width: 100%; margin-bottom: 0px;}
/*#foot-signup #popupform p.submit {text-align: center;margin-top: -15px;}*/
#foot-signup #popupform input.wpcf7-submit {width: auto; background-color: #FF604E; color: #ffffff; border-color: #FF604E !important; margin-top: 0px; margin-bottom: 0px !important}
#foot-signup #popupform input.wpcf7-submit:hover {background-color: #ffffff !important; color: #FF604E; border-color: #FF604E !important;}
#foot-signup #popupform ::-webkit-input-placeholder {color: #000000;}
#foot-signup #popupform :-moz-placeholder {color: #000000;}
#foot-signup #popupform ::-moz-placeholder {color: #000000;}
#foot-signup #popupform :-ms-input-placeholder {color: #000000;}
#foot-signup #popupform input[type='checkbox'] {background: url(../img/checkbox-grey.png) left top no-repeat; background-position: 0px 0px; margin-bottom: 0px;}
#foot-signup #popupform input[type='checkbox']:checked {background-image: url(../img/checkbox-checked-grey.png);}
/*#foot-signup #popupform #mc4wp-checkbox label {font-size: 15px; line-height: 20px;}*/
#foot-signup #footer-form {max-width: 650px; margin: 35px auto 0px auto;}
#foot-signup #popupform #cancel {display: none; margin-top:-20px;}
#foot-signup #popupform span.wpcf7-form-control-wrap {position: relative;}
#foot-signup #popupform span.wpcf7-form-control-wrap span {position: absolute; right: 20px; top:0px;}
#foot-signup #popupform .row .wpcf7-not-valid-tip {position: absolute; top: 17px; right: 20px; text-align: right; width: 300px; color: #000000; font-weight: 700; font-size: 15px;}
#foot-signup #popupform .wpcf7-response-output {color: #FF604E; font-weight: 700; margin-top: -30px !important; font-size: 15px; line-height: 20px;}

/*============================*/
#foothold {display: none;}
body .footbox {width: 100%; color: #ffffff; font-size: 21px; line-height: 28px; font-weight: 900; height: 100%;}
body .footbox .text {max-width: 470px; padding: 100px 15px; box-sizing: border-box; margin: auto; z-index: 2; position: relative; pointer-events: none; letter-spacing: 1px;}
body .footbox span {text-transform: uppercase; font-size: 11px; line-height: 11px; letter-spacing: 2px;}
body .footbox.orange a {background-color: rgb(255,138,0); background-color: rgba(255,138,0,0.8);}
body .footbox.black a {background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8);}
body .footbox.teal a {background-color: rgb(7,196,200); background-color: rgba(7,196,200,0.8);}
body .footbox.purple a {background-color: rgb(101,97,255); background-color: rgba(101,97,255,0.8);}
body .footbox.grey a {background-color: rgb(75,75,75); background-color: rgba(75,75,75,0.8);}
body .footbox.salmon a {background-color: rgb(255,96,78); background-color: rgba(255,96,78,0.8);}
body .footbox.yellow a {background-color: rgb(254,195,17); background-color: rgba(254,195,17,0.8);}
body .footbox.white {color: #000000;}
body .footbox.blue a {background-color: rgb(13,189,249); background-color: rgba(13,189,249,0.8);}
body .footbox.darkBlue a {background-color: rgb(40,111,183); background-color: rgba(40,111,183,0.8);}
body .footbox.white a {background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.8);}
body .footbox {background-size: cover; background-position: center center; background-repeat: no-repeat;}
body .footbox.blog, body .footbox.services {background-image: url(../img/bg-blog.jpg);}
body .footbox.guide {background-image: url(../img/bg-guide.jpg);}
body .footbox.team, body .footbox.stuff, body .footbox.project {background-image: url(../img/bg-team.jpg);}
body .footbox.careers, body .footbox.work, body .footbox.contact {background-image: url(../img/bg-contact.jpg);}
/*============================*/
#copyright {color: #868686; font-size: 11px; font-weight: 900; background-color: #303030; text-transform: uppercase; padding: 30px 0px; letter-spacing: 1px; clear: both;} 
#copyright span a {color: #148ab8;}
#copyright .right {text-align: right;}
#copyright .right a {color: #868686;}
#copyright .container {overflow: hidden;}

/*========================================== Home Unique Styles ==========================================*/
body.home {background-color: #414141;} 
body.home .entry-header {display: none;}
/*============== Slider Styles ==============*/
#slidecheck {position: relative; z-index: 0;}
body .hentry {margin: 0px;}
.flexslider {border-radius: 0px; border: 0px; background-color: transparent; margin: 0px; overflow:hidden;}
/*body.home .flexslider li {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 769px; position: relative; overflow: hidden;}
body.home .flexslider li#slide1 {background-image: url(../img/home-slide1.jpg);}
body.home .flexslider li#slide2 {background-image: url(../img/home-slide2.jpg);}*/
.overlay {height: 100%; width: 200%; position: absolute; top: 0px; right: 100%;}
.overlay .rectangle {height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); margin-right: 444px; box-sizing: border-box; }  
.overlay .triangle {width: 0; height: 0; border-style: solid; border-width: 0px 444px 769px 0px; border-color: transparent transparent #000000 transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent; float: right;}
/*.overlay {height: 100%; width: 100%; position: absolute; top: 0px;}
.overlay .rectangle {height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); box-sizing: border-box; opacity: 0;}
body.home .flexslider .text {position: absolute; bottom: 70px; width: 455px; color: #ffffff; padding-left: 55px; box-sizing: border-box; display: none;}
body.home .flexslider .text h1 {font-size: 39px; font-weight: 900; line-height: 49px; letter-spacing: 1px;}
body.home .flexslider .text p {font-size: 18px; line-height: 28px;}
body.home .flexslider .button {padding: 20px 74px;}
body.home .flexslider ul.flex-direction-nav {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
body.home .flexslider ul.flex-direction-nav .flex-nav-prev {display: none;}
body.home .flexslider ul.flex-direction-nav .flex-nav-next {}
body.home .flexslider ul.flex-direction-nav a.flex-next {background-color:#000000; background-color:rgba(0,0,0,0.85); color: transparent; text-shadow: none; 
	 font-size: 12px; top: initial; bottom:0px; transition: all 0.25s eas-in-out; width: 70px; height: 70px; line-height:70px;}
body.home .flexslider ul.flex-direction-nav a.flex-next:before {content: '\f105'; color: #ffffff; font-size: 35px; padding-right: 0px;}
body.home .flexslider ul.flex-direction-nav a.flex-next:hover {background-color:rgba(0,0,0,0.60);}*/
/*============== New Banner Styles ==============*/
body.home #banner {position: relative; height: 769px; background-color: #000000; overflow: hidden;}
body.home #banner .bg {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/home-banner2.jpg); z-index: 1;}
body.home #banner .container {position: relative; z-index: 2; max-width:720px;}
body.home #banner h1 {padding-top: 270px; margin: 0px; color: #ffffff; text-align: center; font-size: 54px; line-height: 60px;}
body.home #banner div.button {width: 235px; margin: 40px auto 0px auto; text-align: center; display: block; padding: 20px 0px; letter-spacing: 2px;}
/*============== NEW Slider Styles ==============*/
#homeslider.flexslider {border-radius: 0px; border: 0px; background-color: transparent; margin: 0px; overflow:hidden;}
#homeslider.flexslider ul.slides li {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 769px; position: relative; overflow: hidden;}
#homeslider.flexslider ul.slides li#slide1 {background-image: url(../img/home-banner2.jpg);}
#homeslider.flexslider ul.slides li#slide2 {background-image: url(../img/home-banner3.jpg);}
#homeslider.flexslider .text {max-width: 700px; width:100%; top:50%; left: 50%; transform: translate(-50%,-50%); position: absolute;}
#homeslider.flexslider .text h1 {margin: 0px; color: #ffffff; text-align: center; font-size: 54px; line-height: 60px;}
#homeslider.flexslider .text div.button {width: 235px; margin: 40px auto 0px auto; text-align: center; display: block; padding: 20px 0px; letter-spacing: 2px; line-height: 1.5;}
#homeslider.flexslider .flex-control-nav {bottom:60px; z-index: 2;}
#homeslider.flexslider .flex-control-paging li a {background: #fff; background: rgba(255, 255, 255, 0.5);}
#homeslider.flexslider .flex-control-paging li a.flex-active {background: #fff; background: rgba(255, 255, 255, 0.9);}
/*============== Portfolio Styles ==============*/
#port-left, #port-right {width: 50%; box-sizing: border-box; float: left;}
body.home #portfolio img {display: none;}
body.home #portfolio .post {background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; height: 100%; text-align: center; color: #ffffff; position: relative; overflow: hidden;}
body.home #portfolio .post a {color: #ffffff; pointer-events:none;}
body.home #portfolio .post h4 {margin: 0px; padding: 0px 10px;}
body.home #portfolio .post h4 a {font-size: 14px; text-transform: uppercase; font-weight: 900; line-height: 14px; letter-spacing: 2px;}
body.home #portfolio .post p {margin: 2px 0px 30px 0px; font-size: 13px; font-weight: 400; line-height: 16px; padding: 0px 10px;}
body.home #portfolio .post .button {font-size: 11px; padding: 9px 36px;}
body.home #portfolio .post .text {display: block; z-index: 1; position: relative; /*position: absolute; top: 50%; left:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); */opacity:0;}
body.home #portfolio #port-left .post {width: 50%; float: left; box-sizing: border-box;}
/*body.home #portfolio .overlay {height: 100%; width: 200%; position: absolute; top: 0px; right: 100%;}
body.home #portfolio .overlay .rectangle {height: 100%; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8);}
body.home #portfolio .overlay .triangle {width: 0; height: 0; border-style: solid; border-color: transparent transparent #000000 transparent; border-color: transparent transparent rgba(0,0,0,0.8) transparent; float: right;}*/
body.home #portfolio .overlay {height: 100%; width: 100%; position: absolute; top: 0px; right:0px; bottom: 0px; left: 0px; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); opacity: 0; transition: opacity 0.25s ease-in-out;}
/*============== Latest Post Styles ==============*/
#latest-posts {background-color: #000000; padding: 100px 35px; width: 100%; clear: both; overflow: hidden; text-align: center;}
#latest-posts .hold {max-width: 1298px; margin: auto;}
#latest-posts .post {width: 33.33%; float: left; padding: 0px 15px; text-align: left;}
#latest-posts .posthold {background-color: #fff; max-width: auto; position: relative;}
#latest-posts .posthold .text {padding: 38px 50px 100px 50px;}
#latest-posts .posthold img {max-width: 100%;}
#latest-posts .posthold:hover img {opacity: 0.6; -webkit-backface-visibility: hidden;}
#latest-posts .posthold .text .cat, #latest-posts .posthold .text .date {float: left; font-size: 11px; line-height: 11px; color: #148ab8; text-transform: uppercase; font-weight: 900;}
#latest-posts .posthold .text .cat a {color: #148ab8;}
#latest-posts .posthold .text .cat.orange a {color: #FF8A00;}
#latest-posts .posthold .text .cat a:hover {opacity: 0.6}
#latest-posts .posthold .text .date {float: right; color: #8b8b8b;}
#latest-posts .posthold .text h4 {clear: both; margin: 26px 0px 0px 0px;}
#latest-posts .posthold .text h4 a {color: #000000; font-size: 21px; font-weight: 900; line-height: 27px; letter-spacing: 1px;}
#latest-posts .post .button-hold {position: absolute; bottom: 35px; left: 45px;}

/*========================================== 404 Page Styles ==========================================*/
body.error404 {background-color: #FEC310;}
body.error404 #latest-posts {background-color: #FEC310; padding: 45px 35px 100px 35px; width: 100%; clear: both; overflow: hidden; text-align: center;}
#error404 {text-align: center; padding-top: 80px;}
#error404 img {max-width: 90%;}

/*========================================== About Page Styles ==========================================*/
body.page-id-8 #banner {background-color: #5957FF; height: 620px; width: 100%; margin-bottom: 250px; position: relative; overflow: visible;}
body.page-id-8 #banner .image {background-image: url(../img/about-banner-sm.png); background-position: top -110px center; width: 100%; height: 972px; position: absolute; background-repeat: no-repeat;}
body.page-id-8 #icon-hold {clear: both; overflow: hidden; padding-bottom: 80px;}
body.page-id-8 #icon-hold div.box {opacity: 0; transition: opacity 0.5s ease-in-out; font-size: 21px; line-height: 33px; color:#000000; width: 33.33%; height: 480px; float: left;}
body.page-id-8 #icon-hold div.box span {color:#286fb7; font-weight: 900;}
body.page-id-8 #icon-hold div.box img {}
body.page-id-8 #post-8 .container {max-width: 840px;}
body.page-id-8 #post-8 h1, body.page-template-page-marketing h1 {text-align: center; font-size: 50px; line-height: 49px; letter-spacing: 2px; margin: 45px 0px 55px 0px; color: #000000;}
body.page-id-8 .tagline, body.page-template-page-marketing .tagline {margin-bottom: 130px; /*overflow: hidden;*/ font-size: 21px; line-height: 32px; letter-spacing: 0px; margin-top: 2px; text-align: center;}
/*body.page-id-8 .tagline .left {font-size: 31px; line-height: 42px; letter-spacing: 1px;}
body.page-id-8 .tagline .right {font-size: 21px; line-height: 32px; letter-spacing: 0px; margin-top: 2px;}*/
body.page-id-8 .tagline strong, body.page-template-page-marketing .tagline strong {font-weight: 900;}
body.page-id-8 #count0, body.page-id-8 #count3 {padding-right: 30px;}
body.page-id-8 #count1, body.page-id-8 #count4 {padding-right: 30px; padding-left: 30px;}
body.page-id-8 #count2, body.page-id-8 #count5 {padding-left: 30px;}
body.page-id-8 #post-8 .button-hold {display: none; width: 138px; margin: -140px auto 80px auto;}
body.page-id-8 #post-8 .button {text-transform: none; /*padding: 0px 25px; margin: 30px auto 100px auto;*/}
body.page-id-8 #post-8 .button:hover {background-color: #fff; border-color: #5957FF; color: #5957FF;}
body.page-id-8 #classy {background-color: #FF604E; position: relative; z-index: 1;}
body.page-id-8 #classy .container {padding: 25px 0px 46px 0px; text-align: center;}
/*body.page-id-8 #classy .container {display: table;}
body.page-id-8 #classy #mockup {width: 579px; box-sizing: border-box; display: table-cell; height: auto; vertical-align: bottom;}
body.page-id-8 #classy #mockup img {margin-top: -50px; margin-bottom: -6px; display: none;}
body.page-id-8 #classy .text {width: auto; box-sizing: border-box; display: table-cell; height: auto; vertical-align: top; color: #ffffff; padding-top: 50px;}
body.page-id-8 #classy .text h3 {font-size: 12px; line-height: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px;}
body.page-id-8 #classy .text p {font-size: 21px; line-height: 32px; max-width: 450px;}
body.page-id-8 #classy .text .button {background-color: #fff; color: #000000; font-size: 11px; line-height: 12px; letter-spacing: 2px; font-weight: 900; padding: 17px 30px;}
body.page-id-8 #classy .text .button:hover {background-color: #000000; color: #fff;}
*html body.page-id-8 #classy #mockup {float: left;}*/
body.page-id-8 #classy .text {color: #ffffff;}
body.page-id-8 #classy .text h2 {font-size: 33px; line-height: 42px; font-weight: 900; text-transform: capitalize; letter-spacing: 2px; margin-bottom: 0px;}
body.page-id-8 #classy .text p {font-size: 21px; line-height: 32px; margin-top: 1px; margin-bottom: 34px;}
body.page-id-8 #classy .logos {width: 100%; display: table;}
body.page-id-8 #classy .logos .hold {width: 33%; display: table-cell; vertical-align: middle; height: 100px;}
body.page-id-8 #classy .logos .hold a {opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-id-8 #classy .logos .hold:hover a {opacity: 0.6;}
#award .item {height: 150px; background-position: center center; background-repeat: no-repeat; position: relative;}
#award .item a {position: absolute;	top:0px; right: 0px; left: 0px; bottom: 0px;}
#award.owl-theme .owl-dots .owl-dot span {background: #FF9487;}
.awards #award.owl-theme .owl-dots .owl-dot span {background: #E4E5E7;}
#award.owl-theme .owl-dots .owl-dot.active span, #award.owl-theme .owl-dots .owl-dot:hover span {background: #FFFFFF;}
body.page-id-8 #team {position: relative; z-index: 2; background-color: #ffffff;}
body.page-id-8 #bios {background-color: #000000; position: relative; z-index: 2; overflow: hidden; box-sizing: border-box;}
body.page-id-8 #bios .bio {width: 16.6667%; height: 610px; float: left; background-position: center top; background-repeat: no-repeat; background-color: rgb(0,0,0); background-size: cover; position: relative; overflow: hidden; padding: 0px 60px;}
body.page-id-8 #bios .overlay .rectangle {margin-right: 353px;} /* divide height by 1.73207 to get side value */
body.page-id-8 #bios .overlay .triangle {border-width: 0px 353px 610px 0px;}
body.page-id-8 #bios .purple .triangle {border-color: transparent transparent rgb(89,87,255) transparent; border-color: transparent transparent rgba(89,87,255,0.8) transparent;}
body.page-id-8 #bios .purple .rectangle {background-color: rgb(89,87,255); background-color: rgba(89,87,255,0.8);}
body.page-id-8 #bios .lightBlue .triangle {border-color: transparent transparent rgb(13,189,249) transparent; border-color: transparent transparent rgba(13,189,249,0.8) transparent;}
body.page-id-8 #bios .lightBlue .rectangle {background-color: rgb(13,189,249); background-color: rgba(13,189,249,0.8);}
body.page-id-8 #bios .yellow .triangle  {border-color: transparent transparent rgb(254,195,16) transparent; border-color: transparent transparent rgba(254,195,16,0.8) transparent;}
body.page-id-8 #bios .yellow .rectangle {background-color: rgb(254,195,16); background-color: rgba(254,195,16,0.8);}
body.page-id-8 #bios .salmon .triangle  {border-color: transparent transparent rgb(255,96,78) transparent; border-color: transparent transparent rgba(255,96,78,0.8) transparent;}
body.page-id-8 #bios .salmon .rectangle {background-color: rgb(255,96,78); background-color: rgba(255,96,78,0.8);}
body.page-id-8 #bios .orange .triangle {border-color: transparent transparent rgb(255,138,0) transparent; border-color: transparent transparent rgba(255,138,0,0.8) transparent;}
body.page-id-8 #bios .orange .rectangle {background-color: rgb(255,138,0); background-color: rgba(255,138,0,0.8);}
body.page-id-8 #bios .bio.marika {background-image: url(../img/bios2/mika.jpg);}
body.page-id-8 #bios .bio.andree {background-image: url(../img/bios2/andree.jpg);}
body.page-id-8 #bios .bio.alex {background-image: url(../img/bios2/alex.jpg);}
body.page-id-8 #bios .bio.anthony {background-image: url(../img/bios2/anthony.jpg);}
body.page-id-8 #bios .bio.arash {background-image: url(../img/bios2/arash.jpg);}
body.page-id-8 #bios .bio.damian {background-image: url(../img/bios2/damian.jpg);}
body.page-id-8 #bios .bio.ehren {background-image: url(../img/bios2/ehren.jpg);}
body.page-id-8 #bios .bio.jason {background-image: url(../img/bios2/jason.jpg);}
body.page-id-8 #bios .bio.julian {background-image: url(../img/bios2/julian.jpg);}
body.page-id-8 #bios .bio.jessl {background-image: url(../img/bios2/jess.jpg);}
body.page-id-8 #bios .bio.jesss {background-image: url(../img/bios2/shirra.jpg);}
body.page-id-8 #bios .bio.justin {background-image: url(../img/bios2/justin.jpg);}
body.page-id-8 #bios .bio.pooya {background-image: url(../img/bios2/pooya.jpg);}
body.page-id-8 #bios .bio.ryan {background-image: url(../img/bios2/ryan.jpg);}
body.page-id-8 #bios .bio.tony {background-image: url(../img/bios2/tony.jpg);}
body.page-id-8 #bios .bio.heather {background-image: url(../img/bios2/heather.jpg);}
body.page-id-8 #bios .bio.dan {background-image: url(../img/bios2/dan.jpg);}
body.page-id-8 #bios .bio.drew {background-image: url(../img/bios2/drew.jpg);}
body.page-id-8 #bios .bio.dustin {background-image: url(../img/bios2/7.2.jpg);}
body.page-id-8 #bios .bio.simi {background-image: url(../img/bios2/simi2.jpg);}
body.page-id-8 #bios .bio.matt {background-image: url(../img/bios2/matt2.jpg);}
body.page-id-8 #bios .bio.christos {background-image: url(../img/bios2/chris.jpg);}
body.page-id-8 #bios .bio.tracy {background-image: url(../img/bios2/tracy.jpg);}
body.page-id-8 #bios .bio .text {opacity:0.0;}
body.page-id-8 #bios .bio .text, body.page-id-8 #bios .bio .text a, body.page-id-8 #bios .bio .text p {color: #ffffff; font-size: 18px !important; line-height: 28px !important; letter-spacing: 1px; font-weight: 400;}
body.page-id-8 #bios .bio .text p a {text-decoration: underline;}
body.page-id-8 #bios .bio.yellow .text, body.page-id-8 #bios .bio.yellow .text a {color: #000000;}
body.page-id-8 #bios .bio .text strong {font-weight: 900;}
body.page-id-8 #bios .bio .text .social {height: 32px;}
body.page-id-8 #bios .bio .text .social a:hover {opacity:0.6;}
body.page-id-8 #numbers .box-hold {overflow: hidden; clear:both;}
body.page-id-8 #numbers .box {width: 33.33%; float: left; text-align: center; height: 300px; color: #ffffff; font-size: 21px; line-height: 33px;}
body.page-id-8 #numbers .box h2 {font-size: 72px; line-height: 33px; letter-spacing: 3px; font-weight: 900; margin-top: 90px; margin-bottom: 30px;}
body.page-id-8 #numbers .box.a, body.page-id-8 #numbers .box.c, body.page-id-8 #numbers .box.e {background-color: #0DBDF9;}
body.page-id-8 #numbers .box.b, body.page-id-8 #numbers .box.d, body.page-id-8 #numbers .box.f {background-color: #0097CB;}
body.page-id-8 #numbers .box.e {position: relative; transition: all 0.25s ease-in-out; cursor: pointer;}
body.page-id-8 #numbers .box.e:hover {opacity:0.6;}
body.page-id-8 #numbers #lines-code {position: relative; height: 280px; text-align: center; overflow: hidden;}
body.page-id-8 #numbers #lines-code h2 {color: #ffffff; font-size: 72px; line-height: 33px; letter-spacing: 3px; font-weight: 900; margin: 85px 0px 0px 0px;}
body.page-id-8 #numbers #lines-code {color: #ffffff; font-size: 21px; line-height: 33px;}
body.page-id-8 #numbers #lines-code .text {position: absolute; top:20px; z-index: 100; text-align: center; width: 100%;}
body.page-id-8 #numbers #lines-code .text p {margin: 30px 0px 0px 0px;}
/* Community Slider Styles */
#communitySlider, #communitySlider ul.slides {width: 100%; color: #ffffff;}
#communitySlider ul.slides li {height: 690px; background-position: center right; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
#communitySlider ul.slides li#cs-slide1 {background-image: url(../img/community-slide2b.jpg);}
#communitySlider ul.slides li#cs-slide2 {background-image: url(../img/community-slide3b.jpg);}
#communitySlider ul.slides li#cs-slide3 {background-image: url(../img/community-slide1b.jpg);}
#communitySlider ul.flex-direction-nav {display: none;}
#communitySlider ol.flex-control-nav {bottom: 100px; z-index: 5; pointer-events: none;}
#communitySlider ol.flex-control-paging li a {background: #808080;  background: rgba(255, 255, 255, 0.5); pointer-events: all;}
#communitySlider ol.flex-control-paging li a.flex-active {background: #E6E6E6;  background: rgba(255, 255, 255, 0.9);}
#communitySlider ol.flex-control-paging li a {background: #B3B3B3; background: rgba(255, 255, 255, 0.7);}
#communitySlider div.text {width: 700px; margin: 120px 0px 0px 105px; z-index: 3; position: relative; z-index: 6;}
#communitySlider div.text h1 {font-size: 33px; line-height: 42px;}
#communitySlider div.text p {font-size: 21px; line-height: 33px;}
#communitySlider div.text p a {color: #ffffff; font-weight: 700;}
#communitySlider div.overlay {position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px; background-color: #000000; opacity: 0; z-index: 2;}
#communitySlider .desktop {display: block;}
#communitySlider .mobile {display: none;}

/* video styles */
.homepage-hero-module {border-right: none; border-left: none; position: relative; background-image: url(../img/Hello-World.gif); background-size: cover; background-position: center center;}
.no-video .video-container video,
.touch .video-container video {display: none;}
.no-video .video-container .poster,
.touch .video-container .poster {display: block !important;}
.video-container {position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000;}
.video-container .poster img {width: 100%; bottom: 0; position: absolute; display: none;}
.video-container .filter {z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%;}
.video-container video {position: absolute; z-index: 0; top: 0; left:0;}
.video-container video.fillWidth {width: 100%;}
#videocheck {z-index: 0; position: relative; display: none;}

/*========================================== Contact Page Styles ==========================================*/
body.page-id-18 #content {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/vancouver-bg2.jpg); transition: all 0.25s ease-in-out;}
body.page-id-18 #content.toronto, body.page-id-18 #widthcheck {background-image: url(../img/toronto-bg.jpg);}
#contact-form textarea:focus, #contact-form input:focus {
 outline: none !important;
 border: 1px solid #148ab8 !important;
 box-shadow: 0 0 5px 0px #148ab8 !important;
}
body.page-id-18 #content .container {max-width: 1010px; color: #ffffff; overflow: hidden;}
body.page-id-18 #project {margin: 230px 0px 95px 0px; text-align: center;}
body.page-id-18 #project h1 {color: #ffffff; font-size: 50px; line-height: 45px; margin: 0px 0px 55px 0px; font-weight: 700;}
body.page-id-18 #project h1 .mobile {display: none;}
body.page-id-18 #project .button {text-transform: none; font-size: 18px; letter-spacing: 1px; padding: 11px 45px;}
body.page-id-18 #locations {width: 100%; transition: all 0.25s ease-in-out;}
body.page-id-18 #locations .left {width: 34%; float: left; color: #ffffff;}
body.page-id-18 #locations .left a {opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-id-18 #locations .left a:hover {opacity: 0.6;} 
body.page-id-18 #locations .right {width: 66%; float: left;}
body.page-id-18 #locations .location {width: 50%; float: left; color: #ffffff; background-color: rgb(4,31,50); background-color: rgba(255,255,255,0.2); text-transform: uppercase; padding: 48px 55px; box-sizing: border-box; cursor: pointer; transition: all 0.25s ease-in-out; opacity 1.0;}
body.page-id-18 #locations .location:hover {opacity: 0.6;}
body.page-id-18 #locations .location .code {font-size: 57px; font-weight: 700; line-height: 45px;}
body.page-id-18 #locations .location .time {margin-bottom: 27px; margin-top: 3px;}
body.page-id-18 #locations .location .time, body.page-id-18 #locations .location .town {font-size: 21px; line-height: 30px; font-weight: 900;}
body.page-id-18 #locations .location .phone {font-size: 13px; line-height: 24px; font-weight: 900; letter-spacing: 2px;}
body.page-id-18 #locations .location.active {color: #000000; background-color: rgb(255,255,255);}
body.page-id-18 #locations .location.active:hover {opacity: 1.0;}
body.page-id-18 #locations .location.active .code, body.page-id-18 #locations .location.active .phone span {color: #286fb7;}
body.page-id-18 #locations h3 {font-size: 33px; line-height: 33px; margin: 40px 0px 30px 0px; letter-spacing: 1px;}
body.page-id-18 #locations .address, body.page-id-18 #locations .address p {font-size: 13px; line-height: 24px; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;}
body.page-id-18 #locations .address .mobile {display: none;}
body.page-id-18 #locations .social-icons {margin-top: 40px;}
body.page-id-18 #locations .social-icons a {color: #ffffff;}
body.page-id-18 #center-form p {font-size: 11px; line-height: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px;}
body.page-id-18 #center-form .left {width: 34%; float: left;}
body.page-id-18 #center-form .right {width: 66%; float: left;}
body.page-id-18 #center-form h3 {font-size: 25px; line-height: 25px; text-transform: none; letter-spacing: 1px; margin-top: 55px;}
body.page-id-18 #center-form span {color: #fec310;}
body.page-id-18 #center-form a {color: #ffffff; opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-id-18 #center-form a:hover {opacity: 0.6;} 
body.page-id-18 #center-form .input-hold {width: 50%; box-sizing: border-box; padding: 0px 25px 25px 0px; height: 80px; float: left;}
body.page-id-18 #center-form form input {
 width: 100%; height: 55px; line-height: 55px; font-size: 18px; color: #000000; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.7); font-weight: 400; 
 border-style: none; padding-left: 30px; border-radius: 3px !important; border: 1px solid #ffffff !important; /*box-shadow: 0 0 5px 0px #ffffff !important;*/}
body.page-id-18 #center-form form input::-webkit-input-placeholder {color: #000000;}
body.page-id-18 #center-form form input:-moz-placeholder {color: #000000;}
body.page-id-18 #center-form form input::-moz-placeholder {color: #000000;}
body.page-id-18 #center-form form input:-ms-input-placeholder {color: #000000;}
body.page-id-18 #center-form form input.wpcf7-submit {
 background-color: #286FB7; color: #ffffff; font-weight: 900; text-transform: uppercase; font-size: 12px; line-height: 55px; padding: 0px 0px 0px 30px; text-align: left; letter-spacing: 2px; border: none !important; box-shadow: none !important;}
body.page-id-18 #center-form form input.wpcf7-submit:hover {background-color: #ffffff !important; color: #286FB7;}
body.page-id-18 #center-form span.wpcf7-not-valid-tip, body.page-id-18 #center-form .wpcf7-validation-errors {color: #FF604E; text-transform: none;}
body.page-id-18 #center-form .right {margin-bottom: 65px;}

/*========================================== Careers Styles ==========================================*/
body.page-id-14 {color: #000000;}
body.page-id-14 #banner {position: relative; height: 640px; background-color: #000000; overflow: hidden;}
body.page-id-14 #banner .bg {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/careers-bg.jpg); z-index: 1;}
body.page-id-14 #banner .container {position: relative; z-index: 2;}
body.page-id-14 #banner h1 {padding-top: 300px; margin: 0px; color: #ffffff; text-align: center; font-size: 54px; line-height: 60px;}
body.page-id-14 h2 {font-size: 50px; line-height: 48px; text-align: center; margin: 30px 0px;}
body.page-id-14 p {font-size: 21px; line-height: 32px; text-align: center; margin: 0px;}
body.page-id-14 li {font-size: 21px; line-height: 32px;}
body.page-id-14 #top-form p {text-align: left;}
body.page-id-14 #spirit {padding: 90px 0px;}
body.page-id-14 #spirit .container {max-width: 680px;}
body.page-id-14 #carousel {background-color: #F1F1F1; padding: 10px 0px;}
body.page-id-14 #carousel .item {position: relative;}
body.page-id-14 #carousel .item .carousel-overlay {background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.8); opacity: 0; transition: all 0.25s ease-in-out; padding: 20px; pointer-events: none;}
body.page-id-14 #carousel .item:hover .carousel-overlay {opacity: 1;}
body.page-id-14 #carousel .item .carousel-overlay p {color: #ffffff; text-align: left;}
body.page-id-14 #havoc {padding: 90px 0px;}
body.page-id-14 #havoc h2, body.page-id-14 #havoc p {max-width: 830px; margin: auto;}
body.page-id-14 #havoc h2 {margin: 30px auto;}
body.page-id-14 #havoc #boxes {text-align: left; margin: 120px auto 80px auto;}
body.page-id-14 #havoc #boxes h3 {color: #ffffff; font-size: 33px; line-height: 36px; letter-spacing: 0px; margin: 0px 0px 15px 0px;}
body.page-id-14 #havoc #boxes p {text-align: left; color: #ffffff;}
body.page-id-14 #havoc #boxes .hold {float: left; width: 33%; padding: 15px;}
body.page-id-14 #havoc #boxes .box {background-color: #FEC310; padding: 70px 48px 70px 48px;}
body.page-id-14 #havoc #openings {clear: both; padding: 70px 0px 0px 0px;}
body.page-id-14 #havoc #jobs {max-width: 1050px; margin: 60px auto auto auto;}
body.page-id-14 #havoc #jobs .description {display: none; text-align: left; padding: 50px 120px;}
body.page-id-14 #havoc #jobs .description p, body.page-id-14 #havoc #jobs .description li, body.page-id-14 #havoc #jobs .description td {/*font-size: 14px; line-height: 20px; */max-width: none; text-align: left; }
body.page-id-14 #havoc #jobs .description p, body.page-id-14 #havoc #jobs .description ul {margin-bottom: 25px;}
body.page-id-14 #havoc #jobs .title {position: relative; font-size: 21px; line-height: 32px; font-weight: 900; padding: 35px 120px;}
/*body.page-id-14 #havoc #jobs .job.last .title {border-bottom: 1px solid #000000;}*/
body.page-id-14 #havoc #jobs .job {border-top: 1px solid #F1F1F1;}
body.page-id-14 #havoc #jobs .job.last {border-bottom: 1px solid #F1F1F1;}
body.page-id-14 #havoc #jobs .title .plus-sign {bottom: 36px; right: 115px; position: absolute;}
body.page-id-14 #havoc #jobs .title .plus-sign div{width:6px; height:26px; margin-left:10px;}
body.page-id-14 #havoc #jobs .title .plus-sign div:before {width:26px; height:6px; top:10px; left:-10px;}
body.page-id-14 #havoc #jobs .title.active .plus-sign {bottom: 46px; right: 105px;}
body.page-id-14 #havoc #jobs .title.active .plus-sign div{width:26px; height:6px;}
body.page-id-14 #havoc #jobs .title.active .plus-sign div:before {display: none;}
body.page-id-14 #squad .row {width: 100%; position: relative; overflow: hidden;}
body.page-id-14 #squad .box {width: 50%; height: 550px; background-size: cover; background-position: center center; background-repeat: no-repeat; float: left; opacity: 1; transition: all 0.25s ease-in-out; position: relative; display: none;}
body.page-id-14 #squad .box:hover {opacity: 0.6;}
body.page-id-14 #squad .box.a {background-image: url(../img/careers1.jpg);}
body.page-id-14 #squad .box.b {background-image: url(../img/careers3.jpg);}
body.page-id-14 #squad .box.c {background-image: url(../img/careers4.jpg);}
body.page-id-14 #squad .box.d {background-image: url(../img/careers2.jpg);}
body.page-id-14 #squad .squad-triangle {
 position: absolute; bottom: 0px; right: 0px; border-top: solid transparent 360px; border-left: solid transparent 765px; border-bottom: solid rgb(254,195,16) 360px; border-bottom: solid rgba(254,195,16,0.87) 360px; z-index: 2; pointer-events: none; display: none;}
body.page-id-14 #squad .squad-title {position: absolute; z-index: 3; right: 50px; bottom: 40px; display: none;}
body.page-id-14 #squad .squad-title h2 {color: #ffffff; text-transform: uppercase; margin: 0px;}

/*========================================== Services Styles ==========================================*/
body.page-id-12 {color: #000000;}
body.page-id-12 #main .box {padding: 90px 0px 70px 0px; color: #ffffff;}
body.page-id-12 #main .container {max-width: 865px;overflow: hidden;}
body.page-id-12 #banner {position: relative; height: 640px; background-color: #000000; overflow: hidden;}
body.page-id-12 #banner .bg {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/services-bg.jpg); z-index: 1;}
body.page-id-12 #banner .bg video {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: auto; height: auto; min-height: 100%; min-width: 100%;}
body.page-id-12 #banner .container {position: relative; z-index: 3;}
body.page-id-12 #banner .darken {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #000000; opacity: 0.75; z-index: 2;}
body.page-id-12 #banner h1 {padding-top: 280px; margin: 0px; color: #ffffff; text-align: center; font-size: 54px; line-height: 60px;}
body.page-id-12 #services .container {overflow: visible;}
body.page-id-12 #services h1 {overflow: hidden; color: #000000; font-size: 50px; line-height: 48px; text-align: center; margin: 30px 0px;}
body.page-id-12 #services p {text-align: center; color: #000000; margin: auto; max-width: 707px;}
/*body.page-id-12 #services .hold {display: none;}
body.page-id-12 #services .left {padding-right: 10px; color: #000000;}
body.page-id-12 #services .right {padding-left: 10px; color: #000000;}*/
body.page-id-12 p {font-size: 21px; line-height: 32px; margin-top: 0px; letter-spacing: normal;}
body.page-id-12 .box h2 {margin: 0px 0px 35px 0px;}
body.page-id-12 .box p {max-width: 610px;}
body.page-id-12 #websites {background-color: #FF8A00; margin-top: 20px;}
body.page-id-12 #website_maintenance {background-color: #5957FF;}
body.page-id-12 #branding {background-color: #0DBDF9;}
body.page-id-12 #content_strategy {background-color: #FF604E;}
body.page-id-12 #video_production {background-color: #313131;}
body.page-id-12 .hold {margin-top: 50px; overflow: hidden;}
body.page-id-12 #services .hold {margin-top: 0px;}
body.page-id-12 .iconhold {width: 25%; text-align: center; float: left; min-height: 181px;}
body.page-id-12 .iconbox {text-align: center;}
body.page-id-12 .iconbox img {width: 95px; height: auto;}
body.page-id-12 .iconbox p {font-size: 11px; line-height: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; text-align: center; padding-top: 30px; padding-bottom: 20px;}

/*========================================== Start a Project Styles ==========================================*/
body.page-id-4372 #main {background-color: #F86751; color: #ffffff; text-align: center;}
body.page-id-4372 #main .container {max-width: 650px;}
body.page-id-4372 #main h1 {font-size: 30px; line-height: 36px; letter-spacing: 1px; margin: 190px 0px 38px 0px;}
body.page-id-4372 #main p {font-size: 21px; line-height: 32px; font-weight: 900;}
body.page-id-4372 #main p.intro {font-size: 21px; line-height: 32px; max-width: 485px; margin: auto auto 26px auto; font-weight: 400;}
body.page-id-4372 #main p.small {color: #b04337; font-size: 11px; line-height: 12px; text-transform: uppercase; font-weight: 900; margin-bottom: 25px;}
body.page-id-4372 #main p span {font-weight: 400; color: #b24438;}
body.page-id-4372 #main p.small span {font-weight: 900;}
body.page-id-4372 #main p.wide {margin: auto -105px auto -105px;}
body.page-id-4372 form#start-project {padding-bottom: 70px;}
body.page-id-4372 form#start-project input[type=text], body.page-id-4372 form#start-project input[type=email], body.page-id-4372 form#start-project input[type=tel], body.page-id-4372 form#start-project textarea {
 width: 100%; background-color: #DC5344; border: solid 2px #B04337; border-radius: 3px !important; color: #ffffff; padding: 24px 40px; font-size: 21px; margin-top: 36px; line-height: 21px;}
body.page-id-4372 form#start-project input::-webkit-input-placeholder {color: #ffffff;}
body.page-id-4372 form#start-project input:-moz-placeholder {color: #ffffff;}
body.page-id-4372 form#start-project input::-moz-placeholder {color: #ffffff;}
body.page-id-4372 form#start-project input:-ms-input-placeholder {color: #ffffff;}
body.page-id-4372 form#start-project input[type='checkbox'] {margin: 0; clear: none; background: url(../img/check.jpg) left top no-repeat; background-position: 0px 5px; height: 31px; width: 21px !important; margin-right: 10px; border: 0px; cursor: pointer;}
body.page-id-4372 form#start-project input[type='checkbox']:checked {background-image: url(../img/checked.jpg);}
body.page-id-4372 form#start-project span.wpcf7-list-item-label {color: #ffffff; margin-right: 30px; vertical-align: top; cursor: pointer;}
body.page-id-4372 form#start-project .wpcf7-list-item.last span.wpcf7-list-item-label {margin-right: 0px;}
body.page-id-4372 form#start-project hr {background-color: #DC5344; margin: 45px auto 50px auto;}
body.page-id-4372 form#start-project .bottom {}
body.page-id-4372 form#start-project #uiSlider {margin-bottom: 25px; border-radius: 3px; border: 2px solid #AA493B; height: 33px; padding: 0px 12px;}
body.page-id-4372 form#start-project .noUi-background {background-color: #D55948; box-shadow: none;}
body.page-id-4372 form#start-project .noUi-marker {background-color: #D55947; height: 20px; width: 1px;}
body.page-id-4372 form#start-project .noUi-pips-horizontal {padding: 2px 0px 20px 0px;}
body.page-id-4372 form#start-project .noUi-connect {background-color: #ffffff; border-radius: 3px; box-shadow: none; top: 5px; bottom: 5px;}
body.page-id-4372 form#start-project .noUi-handle:after, body.page-id-4372 form#start-project .noUi-handle:before {width:0px;}
body.page-id-4372 form#start-project .noUi-handle {border: 3px solid #ffffff; border-radius: 50%; background: #AF4B3D; height: 21px; width: 21px; cursor: default; box-shadow: none;}
body.page-id-4372 form#start-project .noUi-handle-upper {top:4px; left:-10px;}
body.page-id-4372 form#start-project .noUi-handle-lower {top:-1px; left:-9px;}
body.page-id-4372 form#start-project #rangeHold div {color:#b04337; font-size: 11px; font-weight: 900; font-family: 'Lato', sans-serif;}
body.page-id-4372 form#start-project #rangeHold div.lower {float: left; text-align: left;}
body.page-id-4372 form#start-project #rangeHold div.upper {float: right; text-align: right;}
body.page-id-4372 form#start-project #valueHold {font-size: 21px; font-weight: 900; padding-top: 35px; padding-bottom: 8px;}
body.page-id-4372 form#start-project p.timeframe {margin-top: 60px; margin-bottom: 0px;}
body.page-id-4372 form#start-project p.typeOfProject {margin-top: 68px;}
body.page-id-4372 form#start-project p.budget {margin-bottom: 83px;}
body.page-id-4372 form#start-project p.wide {padding-top: 26px;}
body.page-id-4372 form#start-project p.attachments {padding-top: 19px;}
body.page-id-4372 form#start-project .textarea {margin-top: 17px;}
body.page-id-4372 form#start-project textarea {height: 166px;}
body.page-id-4372 form#start-project #uploadHold {position: relative; width: 100%; height: 100px; border: solid 2px #B04337; border-radius: 3px !important; margin-bottom: 75px;}
body.page-id-4372 form#start-project #uploadHold p {margin: 0px; line-height: 96px; font-weight: 400; text-align: left; padding-left: 40px;}
body.page-id-4372 form#start-project #uploadHold .plus-sign {position: absolute; right: 45px; top:35px;}
body.page-id-4372 form#start-project #uploadHold .plus-sign div {background-color: #ffffff; width: 8px; height: 28px;}
body.page-id-4372 form#start-project #uploadHold .plus-sign div:before {background-color: #ffffff; height: 8px; width: 28px; }
body.page-id-4372 form#start-project #fileUpload, body.page-id-4372 form#start-project #uploadHold span {position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;}
body.page-id-4372 form#start-project #uploadHold p.files span {color: #ffffff; position: relative;}
body.page-id-4372 form#start-project #uploadHold p.files span.desktop {display: inline;}
body.page-id-4372 form#start-project #uploadHold p.files span.mobile {display: none;}
body.page-id-4372 form#start-project #fileUpload {width: 100%; opacity:0;}
body.page-id-4372 form#start-project input.wpcf7-submit {
 width: 100%; background-color: #fff; color: #000000; border-color: #B04337 !important; border-width: 5px; 
 padding: 24px 0px; font-size: 21px; font-weight: 900; text-align: center; border-radius: 3px !important; text-transform: none; margin-top: 50px;}
body.page-id-4372 form#start-project input.wpcf7-submit:hover {background-color: #DC5344 !important; color: #ffffff; border-color: #BA473A !important;}
body.page-id-4372 form#start-project span.wpcf7-not-valid-tip {font-size: 16px !important; color: #ffffff !important; font-weight: 700;}
body.page-id-4372 form#start-project .wpcf7-mail-sent-ok {color: #ffffff;}
body.page-id-4372 form#start-project .wpcf7-validation-errors, body.page-id-4372 form#start-project .wpcf7-mail-sent-ok {color: #ffffff;}
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-name, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-email, 
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-phone, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.timeframe, 
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.about, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-company, 
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-how-hear {position: relative;}
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-name span, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-email span, 
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-phone span, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-company span {position: absolute; right: 20px; top:0px;}
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.timeframe span, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.about span, 
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-how-hear span {position: absolute; right: 20px; top:-80px;}

/*========================================== Blog Styles ==========================================*/
#banner.blog {background-position: center center; background-size: cover; background-repeat: no-repeat; height: 620px; position: relative; overflow: hidden;}
#banner.blog .overlay {background-color: rgba(0,0,0,0.40); right: 0px; width: 100%; z-index: 1;}
#banner.blog h1 {text-align: center; max-width: 700px; margin: 0px auto 0px auto; padding-top: 200px; color: #ffffff !important; font-size: 50px; line-height: 48px; letter-spacing: 0px;  z-index: 999; position: relative;opacity: 0; transition: opacity 0.01s ease-in-out;}
#banner.blog div.entry-meta {text-align: center; position: absolute; bottom: 0px; left: 0px; right: 0px; margin-bottom: 50px;  z-index: 2;}
#banner.blog img {width: 65px; height: 65px;}
#banner.blog .text, #banner.blog .text a {font-style: italic; font-size: 14px; line-height: 21px; color: #ffffff;}
#banner.blog span.Uncategorised {display: none;}
body.single-post.group-blog #main h1, body.single-post.group-blog #main h2, body.single-post.group-blog #main h3 {color: #ee584a;}
body.single-post.group-blog h1.title {font-size: 33px; line-height: 33px; margin: 105px 0px 50px 0px;}
body.single-post.group-blog a {color: #286fb7;}
body.single-post.group-blog .entry-content .container {max-width: 850px;}
body.single-post.group-blog #author .avatar-hold {float: left; padding-right: 65px; padding-bottom: 45px;}
body.single-post.group-blog #author hr {clear: both; margin: 50px 0px;}
body.single-post.group-blog #author h3 {margin: 0px 0px 3px 0px;}
body.single-post.group-blog #author p {margin: 0px 0px 8px 0px;}
body.single-post.group-blog #author a {color: #ee584a; font-size: 17px;}
body.single-post.group-blog #similar-posts {padding-bottom: 65px; overflow: hidden;}
body.single-post.group-blog #similar-posts h3 {margin-bottom: 35px;}
body.single-post.group-blog #similar-posts .post {width: 33.33%; box-sizing: border-box; float: left; padding: 0px 11px;}
body.single-post.group-blog #similar-posts .post a {color: #000000; font-size: 18px; line-height: 28px;}
body.single-post.group-blog #similar-posts .post a:hover {opacity: 0.6;}
body.single-post.group-blog #similar-posts .post h4 {margin-top: 23px;}
body.single-post.group-blog #similar-posts .post:nth-child(1) {padding-left: 0px; padding-right: 22px;}
body.single-post.group-blog #similar-posts .post:nth-child(2) {padding-left: 11px; padding-right: 11px;}
body.single-post.group-blog #similar-posts .post:nth-child(3) {padding-right: 0px; padding-left: 22px;} 
body.single-post.group-blog #main {border-bottom: solid #CDCDCD 1px;}
body.single-post.group-blog #main h4 {font-size: 20px; color: #000000; line-height: 30px;}
/*body.single-post.group-blog #foot-signup {background-color: #FF604E; color: #ffffff;}
body.single-post.group-blog #foot-signup .button.salmon {color: #000000; background-color: #ffffff; border-color: #ffffff; font-weight: 900; padding: 20px 45px 17px 45px;}
body.single-post.group-blog #foot-signup .button.salmon:hover {color: #ffffff; background-color: #FF604E; border-color: #ffffff; font-weight: 900;}*/
body.single-post.group-blog #main blockquote {border-left: solid #00D5D9 8px; padding-left: 30px;}
body.single-post.group-blog #main blockquote:nth-of-type(2n) {border-left: solid #ee584a 8px;}
body #blog-tags p {color: #9c9c9c;}
body #blog-tags a {color: #9c9c9c;}
body #blog-tags a:hover {color: #FF604E;}
/*=============== Landing ===============*/
body.page-template-page-blog #posts .subtitle h1{margin-left: 11px;}
body.page-template-page-blog #posts .post {width: 33.33%; box-sizing: border-box; float: left; padding: 0px 11px;}
body.page-template-page-blog #posts .post:nth-child(3n+1) {clear: left;}
body.page-template-page-blog #posts .post .text {padding: 25px 35px 66px 50px;}
body.page-template-page-blog #posts .post .date {color: #ff604e; font-size: 11px; font-weight: 900; letter-spacing: 2px; text-transform: uppercase;}
body.page-template-page-blog #posts .post h4 {margin: 5px 0px 0px 0px;}
body.page-template-page-blog #posts .post a {color: #000000; font-size: 18px; line-height: 28px; font-weight: 900;}
body.page-template-page-blog #posts .post img {opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-template-page-blog #posts .post:hover img {opacity: 0.6;}
body.page-template-page-blog #posts #pagination {text-align: center; clear: both; background-color: #ECECEC; padding: 35px 0px 25px 0px; margin-top: 50px; }
body.page-template-page-blog #posts #pagination:empty {display: none;}
body.page-template-page-blog #posts #pagination ul.lcp_paginator {clear: both; margin: 0px; padding: 0px;}
body.page-template-page-blog #posts #pagination ul.lcp_paginator li {border: 0px; background-color: #FFFFFF; color: #000000; font-size: 18px; font-weight: 900; padding: 14px 20px; margin: 0px 5px 10px 5px; position: relative;}
body.page-template-page-blog #posts #pagination ul.lcp_paginator li a {color: #828282; font-size: 18px; font-weight: 900;}
body.page-template-page-blog #posts #pagination ul.lcp_paginator li a.pagination {position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px;}
body.page-template-page-blog #posts #pagination ul.lcp_paginator li:hover {background-color: #000000;}
body.page-template-page-blog #posts #pagination ul.lcp_paginator li:hover a, body.page-template-page-blog #posts #pagination ul.lcp_paginator li:hover {color: #ffffff;}
body.page-template-page-blog #top {background-position: center center; background-size: cover; background-repeat: no-repeat; height: 620px; position: relative; /*background-attachment: fixed !important;*/ background-color: #000000;}
body.page-template-page-blog #top .overlay {background-color: rgba(0,0,0,0.40); right: 0px; width: 100%; z-index: 1;}
body.page-template-page-blog #top .text {position: relative; z-index: 3; max-width: 700px; padding-top: 300px; text-align: center; margin: 0px auto;opacity: 0; transition: opacity 0.01s ease-in-out;}
body.page-template-page-blog #top h3 {color: #ffffff; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; margin: 0px 0px 22px 0px;}
body.page-template-page-blog #top h2 {font-size: 50px; line-height: 48px; margin: 0px 0px 44px 0px;}
body.page-template-page-blog #top a {color: #ffffff;}
body.page-template-page-blog #top .button {text-transform: none; padding: 9px 54px; font-size: 17px; font-weight: 700;}
body.page-template-page-blog #posts .post .date {color: #ff604e;}
body.page-template-page-blog #posts .post .default-image {position: relative;}
body.page-template-page-blog #posts .post .default-image a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
body.page-template-page-blog #top .post img {display: none;}
body.page-template-page-blog div.subtitle {padding-top: 37px;}
body.page-template-page-blog h1.popular, body.page-template-page-blog div.subtitle h1, body.page-template-page-blog div.subtitle h1 {font-size:30px; line-height: 30px; padding: 65px 0px 40px 0px; margin: 0px; text-transform: capitalize;}
/*=============== Popular slider */
body.page-template-page-blog #popular.flexslider li {background-size: cover;}
.flex-direction-nav a {opacity: 1.0; width: 45px; height: 45px; background-color: #ffffff; line-height: 48px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);}
.flex-direction-nav a.flex-prev {box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);}
.flex-direction-nav a:before {font-family: "FontAwesome"; /*content: '\f060';*/ content: '\f177'; color: rgba(0, 0, 0, 1.0); font-size: 25px;}
.flex-direction-nav a.flex-next:before {/*content: '\f061';*/ content: '\f178';}
.flex-direction-nav .flex-prev {left: 0px; opacity: 1.0;}
.flex-direction-nav .flex-next {right: 0px; opacity: 1.0;}
.flex-direction-nav a.flex-prev:before  {padding-left: 8px;}
.flex-direction-nav a.flex-next:before  {padding-right: 8px;}
.flexslider:hover .flex-direction-nav .flex-prev {opacity: 1.0; left: 0px;}
.flexslider:hover .flex-direction-nav .flex-next {opacity: 1.0; right: 0px;}
body.page-template-page-blog #popular.flexslider ul.slides li {position: relative;}
body.page-template-page-blog #popular.flexslider ul.slides li .fade {position: absolute; top: 0; right: 0; bottom: 0; left:0; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.5); z-index: 1; transition: all 0.25s ease-in-out; /*opacity:0;*/}
/*body.page-template-page-blog #popular.flexslider ul.slides li:hover .fade {opacity: 1.0;}*/
body.page-template-page-blog #popular.flexslider ul.slides li .date {display: none;}
body.page-template-page-blog #popular.flexslider ul.slides li .hold {max-width: 300px; margin: auto; text-align: center; opacity:0; position: relative; transition: opacity 0.01s ease-in-out; z-index: 2;}
/*body.page-template-page-blog #popular.flexslider ul.slides li:hover .hold {opacity: 1.0;}*/
body.page-template-page-blog #popular.flexslider ul.slides li .title {font-weight: 900; color: #ffffff; font-size: 21px; line-height: 32px;}
body.page-template-page-blog #popular.flexslider ul.slides li .button {border-width: 2px; border-style: solid; border-color: #ffffff; padding: 7px 45px; margin-top: 10px; text-transform: none;}
body.page-template-page-blog #popular.flexslider ul.slides li .button:hover {border-color: #ffffff; color: #000000; background-color: #ffffff;}
/*body.page-template-page-blog #popular.flexslider li:hover .title {opacity: 1.0;}*/

/*========================================== Portfolio Styles ==========================================*/
body.single.single-type-portfolio .container.title {text-align: center;}
body.single.single-type-portfolio h1.title {text-align: center; font-size: 50px; line-height: 48px; color: #000000; max-width: 800px; margin: 112px auto 100px auto;}
body.single.single-type-portfolio h2.tagline {text-align: center; font-weight: 900; font-size: 50px; line-height: 60px; padding: 110px 0px 0px 0px; margin: 0px;}
body.single.single-type-portfolio div.tagline {display: inline-block; overflow: hidden;}
body.single.single-type-portfolio .content {padding-top: 30px;}
body.single.single-type-portfolio .content h2 {font-weight: 400;}
body.single.single-type-portfolio .content p.sub-heading{font-weight: 900; font-size: 21px;}
body.single.single-type-portfolio .content .container {max-width: 890px; overflow: hidden;}
body.single.single-type-portfolio .content .container .left {padding-right: 15px; padding-bottom: 70px;}
body.single.single-type-portfolio .content .container .right {padding-left: 15px; padding-bottom: 70px;}
body.single.single-type-portfolio .content .button.salmon.portfolio-btn {/*float: left; */line-height: 12px; font-size: 12px; padding: 17px 45px; letter-spacing: 2px; margin: 8px 0px 30px 0px;}
body.single.single-type-portfolio .content .full-bleed-container {background-color: #E3E3E3; overflow: hidden; margin: 40px 0px 40px 0px;}
body.single.single-type-portfolio .content .grey-bg {width: 100%; background-color: #eeeeee; padding: 45px 0px 55px 0px;}
body.single.single-type-portfolio .content .port-image {background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #E3E3E3; position:relative;}
body.single.single-type-portfolio .content .port-image img {display: none;}
body.single.single-type-portfolio .content .port-image.left {clear: left; background-color: #F6F7F9;}
body.single.single-type-portfolio .content .port-image-full {height: 550px; background-position: center center; background-repeat: no-repeat; background-size: cover; clear: both; background-color: #EEEEEE; margin: 30px 0px 60px 0px; overflow: hidden; position:relative;}
body.single.single-type-portfolio .content .thin {max-width: 1166px; margin: 60px auto 60px auto; /*height: auto;*/}
body.single.single-type-portfolio .content .port-image video, body.single.single-type-portfolio .content .port-image-full video {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
body.single.single-type-portfolio .content .color-hold {width: 100%;}
body.single.single-type-portfolio .content .port-image.lighter {background-color: #EEEEEE;}
body.single.single-type-portfolio .content hr.short {background-color:#e5e5e5; width:40px; margin-left:0px; height:2px;}
body.single.single-type-portfolio .content .no-bot {margin-bottom: 0px;}
body.single.single-type-portfolio .content .no-top {margin-top: 0px;}
body.single.single-type-portfolio .content .awards {background-color: #C8CDD1; padding: 105px 0px; margin-bottom: 60px;}
body.single.single-type-portfolio .content .awards .logo {padding-bottom: 50px;}
body.single.single-type-portfolio .content .awards.horizontal {display: table; width: 100%;}
body.single.single-type-portfolio .content .awards.horizontal .logo {display: table-cell; padding-bottom: 0px; padding-right: 50px; vertical-align: top;}
body.single.single-type-portfolio .content .awards.horizontal .logo img {max-width: initial;}
body.single.single-type-portfolio .content .awards.horizontal .text {display: table-cell; vertical-align: top;}
body.single.single-type-portfolio .content .awards .text {font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 1px;}

/*=============== Landing ===============*/
body.page-template-page-portfolio #banner {background-color: #01D5D8; height: 624px; width: 100%; color: #ffffff;}
body.page-template-page-portfolio #banner .left {background-position: right 45px top 0px; background-image: url(../img/portfolio-bg.png); background-repeat: no-repeat; height: 624px;}
body.page-template-page-portfolio #banner .text {max-width: 471px; padding-right: 15px;opacity: 0; transition: opacity 0.01s ease-in-out;}
body.page-template-page-portfolio #banner h1 {font-size: 50px; line-height: 50px; font-weight: 900; margin: 0px 0px 30px 0px;}
body.page-template-page-portfolio #banner p {font-size: 21px; line-height: 32px; font-weight: 700; margin: 0px;}
body.page-template-page-portfolio #posts .post {width: 50%; height: 375px; background-size: cover; background-position: center center; box-sizing: border-box; float: left; position: relative; overflow: hidden; text-align: center; background-color: #000000;}
body.page-template-page-portfolio #posts .post .bg {/*-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); */opacity: 0.75;}
body.page-template-page-portfolio #posts .post img.wp-post-image {display: none;}
body.page-template-page-portfolio #posts .post a {color: #ffffff;}
body.page-template-page-portfolio #posts .post h4 {margin: 0px;}
body.page-template-page-portfolio #posts .post h4 a {font-size: 14px; text-transform: uppercase; font-weight: 900; line-height: 14px; letter-spacing: 2px;}
body.page-template-page-portfolio #posts .post p {margin: 2px 0px 30px 0px; font-size: 13px; font-weight: 400; line-height: 12px; color: #ffffff;}
body.page-template-page-portfolio #posts .post .button {font-size: 11px; padding: 9px 36px;}
body.page-template-page-portfolio #posts .post .text {display: block; position: relative; z-index: 1; opacity: 0;}
body.page-template-page-portfolio #posts .post .logo {position: absolute; top: 0px; width: 100%; text-align: center; opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-template-page-portfolio #posts .post .logo img {box-sizing: border-box; opacity: 0; transition: opacity 0.01s ease-in-out;}
body.page-template-page-portfolio #posts .post.active .logo {opacity: 0;}
body.page-template-page-portfolio #posts .post .overlay {height: 100%; width: 100%; position: absolute; top: 0px; right:0px; bottom: 0px; left: 0px; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); opacity: 0; transition: opacity 0.25s ease-in-out;}
body.postid-4784 h1.entry-title {text-transform: uppercase;}
body.page-template-page-portfolio #posts .post .award {width: 67px; height: 100px; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0px; top: 30px;}
body.page-template-page-portfolio #posts .post .award.Winning {background-image: url(../img/award-winning.png);}
body.page-template-page-portfolio #posts .post .award.Nominated {background-image: url(../img/award-nominated.png);}
/*========================================== Marketing Guide Styles ==========================================*/
body.single.single-marketing-guide #similar-posts {padding-bottom: 65px; overflow: hidden;}
body.single.single-marketing-guide #similar-posts h3 {margin-bottom: 35px;}
body.single.single-marketing-guide #similar-posts .post {width: 33.33%; box-sizing: border-box; float: left; padding: 0px 11px;}
body.single.single-marketing-guide #similar-posts .post a {color: #000000; font-size: 18px; line-height: 28px;}
body.single.single-marketing-guide #similar-posts a:hover {opacity: 0.6;}
body.single.single-marketing-guide #similar-posts .post h4 {margin-top: 23px;}
body.single.single-marketing-guide #similar-posts .post:nth-child(1) {padding-left: 0px; padding-right: 22px;}
body.single.single-marketing-guide #similar-posts .post:nth-child(2) {padding-left: 11px; padding-right: 11px;}
body.single.single-marketing-guide #similar-posts .post:nth-child(3) {padding-right: 0px; padding-left: 22px;}
body.single.single-marketing-guide .entry-content {background-color: #ECECEC;}
body.single.single-marketing-guide .entry-content .container {max-width: 850px;}
body.single.single-marketing-guide #banner .container {max-width: 890px;}
body.single.single-marketing-guide #banner .thumbnail {padding-right: 70px; float: left; position: relative; z-index: 2;}
body.single.single-marketing-guide #banner .thumbnail img {width: auto; height: auto;}
body.single.single-marketing-guide #banner .text {float:left; position: relative; z-index: 2; font-size: 18px; line-height: 32px; font-weight: 700; padding-top: 220px; font-style: normal;}
body.single.single-marketing-guide #banner .content .mobile-show  h1 {font-size: 30px !important; line-height: 40px !important; margin-bottom: 20px !important;}
body.single.single-marketing-guide #banner .content .mobile-show  ul {display: block !important; padding-left: 0px !important; font-size: 16px; line-height: 26px;}
body.single.single-marketing-guide #banner.blog .text h1 {padding-top: 0px; text-align: left; font-size: 50px; line-height: 50px; font-style: normal; max-width: none; margin-bottom: 45px; opacity: 1.0;}
body.single.single-marketing-guide #banner.blog .text ul {padding-left: 295px;}
body.single.single-marketing-guide #banner.blog .text ul li span {position: relative; left: 70px;}
body.single.single-marketing-guide #banner.blog .overlay {background-color: rgba(0,0,0,0.60);}
body.single.single-marketing-guide #download-form {background-color: #2D2D2D; color: #ffffff; padding: 80px 0px 32px 0px;}
body.single.single-marketing-guide #download-form .container {max-width: 930px;}
body.single.single-marketing-guide #download-form .hold {position: relative; text-align: center;}
body.single.single-marketing-guide #download-form div.row {overflow: hidden; padding-bottom: 10px;}
body.single.single-marketing-guide #download-form div.row div:first-child {float: left;}
body.single.single-marketing-guide #download-form div.row div:last-child {float: right; text-align: justify; width: 260px; padding-top: 4px;}
body.single.single-marketing-guide #download-form h2 {margin:0px; padding-bottom: 20px;}
body.single.single-marketing-guide #download-form input {width: 435px; border-radius: 3px !important; background-color: #3A3A3A; border-color: #727272; color: #ffffff; font-size: 20px; font-weight: 400; padding: 20px 25px;}
body.single.single-marketing-guide #download-form input.name, body.single.single-marketing-guide #download-form input.email {margin-right:30px;}
body.single.single-marketing-guide #download-form input.name, body.single.single-marketing-guide #download-form input.company {margin-bottom: 25px;}
body.single.single-marketing-guide #download-form input::-webkit-input-placeholder {color: #ffffff;}
body.single.single-marketing-guide #download-form input:-moz-placeholder {color: #ffffff;}
body.single.single-marketing-guide #download-form input::-moz-placeholder {color: #ffffff;}
body.single.single-marketing-guide #download-form input:-ms-input-placeholder {color: #ffffff;}
body.single.single-marketing-guide #download-form .wpcf7-submit {background-color: #FF604E; color: #ffffff; border-radius: 3px !important; border-color: #FF604E !important; line-height: 28px;}
body.single.single-marketing-guide #download-form .wpcf7-submit:hover {background-color: #ffffff !important; color: #FF604E;}
body.single.single-marketing-guide #download-form input[type='checkbox'] {margin: 0; clear: none; cursor: pointer; background: url(../img/checkbox.png) left top no-repeat; 
 background-position: 0px 0px; height: 24px; width: 24px !important; float: left;  border: 0px; max-width: none !important; margin-right: 0px; margin-top: 6px;}
body.single.single-marketing-guide #download-form input[type='checkbox']:checked {background-image: url(../img/checkbox-checked.png);}
body.single.single-marketing-guide #download-form #mc4wp-checkbox {margin-top: -5px;}
body.single.single-marketing-guide #download-form #mc4wp-checkbox label {font-size: 12px; line-height: 18px; font-weight: 400; max-width: 310px; margin: 0px auto 0px auto; font-style: italic;}
body.single.single-marketing-guide #download-form span.wpcf7-not-valid-tip {position: absolute; bottom: -110px; text-align: center; display: none;}
body.single.single-marketing-guide #download-form .wpcf7-response-output {text-align: center; color: #ffffff;}

/*=============== Landing ===============*/
body.page-template-page-marketing #main {border-bottom: solid #CDCDCD 1px;}
body.page-template-page-marketing #main > .container {max-width:720px; padding-top: 65px;}
body.page-template-page-marketing .tagline {margin-bottom: 0px;}
body.page-template-page-marketing #posts {margin-top: 65px;}
body.page-template-page-marketing #posts .container {max-width: 813px; overflow: hidden;}
body.page-template-page-marketing #posts .post {width: 33%; box-sizing: border-box; float: left; padding: 0px 12px;}
body.page-template-page-marketing #posts .post:nth-child(3n+1) {clear: left;}
body.page-template-page-marketing #posts .post .text {padding: 15px 0px 60px 0px;}
body.page-template-page-marketing #posts .post h4 {margin: 5px 0px 0px 0px;}
body.page-template-page-marketing #posts .post a {color: #000000; font-size: 18px; line-height: 28px; font-weight: 900;}
body.page-template-page-marketing #posts .post img {opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-template-page-marketing #posts .post:hover img {opacity: 0.6;}
body.page-template-page-marketing #top {background-position: center center; background-size: cover; background-repeat: no-repeat; height: 620px; position: relative; /*background-attachment: fixed !important;*/ background-color: #000000;}
body.page-template-page-marketing #top .overlay {background-color: rgba(0,0,0,0.40); right: 0px; width: 100%; z-index: 1;}
body.page-template-page-marketing #top .text {position: relative; z-index: 3; max-width: 700px; padding-top: 300px; text-align: center; margin: 0px auto;opacity: 0; transition: opacity 0.01s ease-in-out;}
body.page-template-page-marketing #top h3 {color: #ffffff; font-size: 10px; line-height: 10px; letter-spacing: 2px; text-transform: uppercase; margin: 0px 0px 22px 0px;}
body.page-template-page-marketing #top h2 {font-size: 50px; line-height: 48px; margin: 0px 0px 44px 0px;}
body.page-template-page-marketing #top a {color: #ffffff;}
body.page-template-page-marketing #top .button {text-transform: none; padding: 9px 54px; font-size: 17px; font-weight: 700;}
body.page-template-page-marketing #posts .post .date {color: #ff604e;}
body.page-template-page-marketing #posts .post .default-image {position: relative;}
body.page-template-page-marketing #posts .post .default-image a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
body.page-template-page-marketing #top .post img {display: none;}

/*========================================== Sort Search Styles ==========================================*/
#sort {width: 100%; height: 75px; box-sizing: border-box; background-color: #2D2D2D; font-size: 18px; font-weight: 900; line-height: 28px; color: #ffffff; position: relative; z-index: 50;}
#sort .categories, #sort .search {width: 50%; float: left; line-height: 73px; position: relative; box-sizing: border-box; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#sort .search {z-index: 40;}
#sort .categories {border-right: 1px solid #ffffff; border-left: 1px solid #2D2D2D; cursor: pointer;}
#sort .categories ul.dropdown {/*display: none;*/ visibility: hidden; font-size: 18px; line-height: 57px; position: absolute; top:73px; left: 0px; margin-left: 0px; padding-left: 0px; background-color: #ffffff; width: 100%; border: solid 2px #FF604E; z-index: 50; opacity:0; transition: all 0.25s ease-in-out;}
#sort .categories .hold {padding-left: 50px; transition: all 0.25s ease-in-out;}
#sort .categories.on {border: 0px;}
#sort .categories.on .hold {background-color: #ffffff; color: #FF604E; border: 2px solid #FF604E;}
#sort .categories.on ul.dropdown {/*display: block;*/ visibility: visible; opacity: 1.0;}
#sort .categories ul.dropdown li {color: #000000; position: relative; list-style: none; padding-left: 50px; transition: all 0.25s ease-in-out;}
#sort .categories ul.dropdown li:hover {background-color: #FF604E; color: #ffffff;}
#sort .categories ul.dropdown li a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
#sort .categories ul.dropdown li:first-child {padding-top: 30px;}
#sort .categories ul.dropdown li:last-child {padding-bottom: 30px;}
#sort .icon-hold {float: right; padding-right: 55px; line-height: 75px; font-weight: 400; color: #FF604E; font-size: 35px; position: relative;}
#sort .search .icon-hold {font-size: 22px; overflow: hidden;}
#sort .search input[type=submit] {opacity: 0; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
#sort .search input[type=search] {background: none; border:0px; color: #ffffff; font-size: 18px; font-weight: 900; line-height: 28px; padding-left: 50px; line-height: 68px;}
#sort .search fieldset {padding: 0px; border: 0px;}
#sort .search ::-webkit-input-placeholder {color: #ffffff;}
#sort .search :-moz-placeholder {color: #ffffff;}
#sort .search ::-moz-placeholder {color: #ffffff;}
#sort .search :-ms-input-placeholder {color: #ffffff;}


/*========================================== Search Page Styles ==========================================*/
body.search {color: #000000;}
body.search #banner {position: relative; height: 640px; background-color: #000000; overflow: hidden;}
body.search #banner .bg {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/search-bg.jpg); z-index: 1;}
body.search #banner .container {position: relative; z-index: 2;}
body.search #banner h1 {padding-top: 300px; margin: 0px; color: #fec310; text-align: center; font-size: 54px; line-height: 60px;}
body.search h2 {font-size: 50px; line-height: 48px; margin: 30px 0px;}
body.search p {font-size: 18px; line-height: 32px; margin: 0px;}
body.search #banner .darken {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: #000000; opacity: 0.2; z-index: 2;}
body.search h1.page-title {text-transform: uppercase; font-size: 18px; line-height: 32px; border-bottom: 2px solid #D9D9DC; padding: 60px 0px 30px 0px;}
body.search h2.entry-title a {color: #000000; font-size: 33px; line-height: 33px;}
body.search footer.entry-footer {display: none;}
body.search article {border-bottom: 2px solid #D9D9DC; padding: 30px 0px 68px 0px;}
body.search article h2.entry-title {margin-bottom: 20px;}
body.search article div.entry-meta {display: none;}
body.search article div.entry-summary {margin-top: 14px;}
body.search div.nav-links {padding-top: 30px;}
body.search div.nav-links a {color: #000000; font-size: 18px; line-height: 32px;}
body.search #main form {color: #ffffff; padding-top: 10px;}
body.search #main form  fieldset {border: 0px; border-bottom: 2px solid #D7D7DA; padding-bottom: 40px;}
body.search #main form input[type='search'] {width: 275px; padding: 0px 15px 0px 40px; border-radius: 25px 0px 0px 25px !important; border-color: #D5D5D5 !important; border-width:2px; 
height: 59px; line-height: 59px; background-color: #F5F5F5; border-right-width: 0px; font-size: 1rem; box-sizing: border-box; display: block; float: left;}
body.search #main form input::-webkit-input-placeholder {color: #000000;}
body.search #main form input:-moz-placeholder {color: #000000;}
body.search #main form input::-moz-placeholder {color: #000000;}
body.search #main form input:-ms-input-placeholder {color: #000000;}
body.search #main form input[type='submit'] {padding:0px 40px; background-color: #FF604E; color: #ffffff; border-radius: 0px 25px 25px 0px !important; border-color: #D5D5D5 !important; text-transform: uppercase;
border-width:2px; height: 59px; line-height: 59px; border-left-width: 0px; margin-left: -3px; box-shadow: none; box-sizing:border-box; font-size: 12px; display: block; float: left; transition: background-color 0.25s ease-in-out, border-color 0.05s ease-in-out;}
body.search #main form input[type='submit']:hover {background-color: #ffffff !important; color: #FF604E; border-color: #FF604E !important; border-left-width: 2px; padding: 0px 40px 0px 37px;}
body.search #main span.wpcf7-not-valid-tip {position: absolute; bottom: -110px; text-align: center; display: none;}
body.search #main .wpcf7-response-output {text-align: center; color: #ffffff;}


/*========================================== Foosball Page Styles ==========================================*/
body.page-id-4374 #banner .bg {background-image: url(../img/foosball-bg.jpg);}
body.page-id-4374 #main {background-color: #01D5D8; color: #ffffff; padding-bottom: 100px;}
body.page-id-4374 #main h1 {text-align: center;}
body.page-id-4374 #main p {text-align: center; font-size: 21px; line-height: 32px;}
body.page-id-4374 #main #foos-hold {font-size: 21px; line-height: 75px; font-weight: 900; padding-top: 30px;}
body.page-id-4374 #main #foos-hold .cell:nth-child(1){text-align: center; width: 105px; box-sizing:border-box;}
body.page-id-4374 #main #foos-hold .cell div{background-color: #00BDC0; margin-right: 30px; margin-bottom: 30px;}
body.page-id-4374 #main #foos-hold .cell:nth-child(2) div {padding-left: 50px; cursor: pointer;}
body.page-id-4374 #main #foos-hold .first {font-size: 35px;cursor: pointer;}
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span {float: right; padding-left: 32.5px; padding-right: 32.5px;border-left: 4px solid #01D5D8; position: relative;}
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span.snowflake {padding: 0px 29px;}
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span.mountain, 
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span.star {padding-left: 30px; padding-right: 30px;}
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span.star i {color: #CCAC00;}
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span span.notifications { box-sizing: content-box; background: #00BDC0; border: 2px solid #f9f9f9; border-radius: 15px; font-size: 16px; font-weight: bold; left: 102%; line-height: 22px; margin: -24px 0 0 -24px; position: absolute; text-align: center; top: 11px;  float: none; padding: 0px 6.5px 0px 6px; box-shadow: 1px 1px 3px #7f8c8d;}



/*========================================== CMS Tutorial Styles ==========================================*/
body.page-id-5596 #main img {padding-bottom: 30px;}
div.hold.cms .button.blender-blue.square {margin: 0px 1.33% 10px 0px; padding: 20px 0px; width: 24%; box-sizing: border-box; float:left; text-align: center;}
div.hold.cms .button.blender-blue.square:nth-child(4n) {margin: 0px 0px 10px 0px;}
a.time-link {cursor: pointer;}
ul.cms { margin: 0 0 1.5em 0;}

/*========================================== Sign Up Page Styles ==========================================*/
body.page-template-page-sign-up {background-color: #FF604E;}
body.page-template-page-sign-up #popupform {position: relative; display: block; z-index: 1; padding-top: 125px;}
body.page-template-page-sign-up #popupform #cancel {display: none;}

/*=============== Table Sorter ===============*/
table.tablesorter {
 font-family:arial;
 background-color: #CDCDCD;
 margin:10px 0pt 15px;
 font-size: 12px;
 width: 100%;
 text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
 background-color: #e6EEEE;
 border: 1px solid #FFF;
 font-size: 12px;
 padding: 4px;
 border: 1px solid #A5A5A7;
}
table.tablesorter thead tr .header {
 background-image: url(bg.gif);
 background-repeat: no-repeat;
 background-position: center right;
 cursor: pointer;
}
table.tablesorter tbody td {
 color: #3D3D3D;
 padding: 4px;
 background-color: #FFF;
 vertical-align: top;
 border: 1px solid #A5A5A7;
}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}
#tablesort .header {width: auto !important; display: table-cell !important; height: auto !important; background-size: initial !important;}

/* Random Additions */
#selectionSharerPopover-inner ul {margin: 0px;}
#selectionSharerPopover-inner ul li {fill: #ffffff;}
body a.tweet, body a.linkedin, body a.email {transition: all 0.25s ease-in-out; opacity: 1.0;}
body a.tweet:hover, body a.linkedin:hover, body a.email:hover{opacity: 0.6;}
table.blogchart , .blogchart th, .blogchart td {border: 3px solid #eee; padding: 35px;}


/*========================================== Testing Page ==========================================*/
/*body.page-id-5424*/
body.page-id-18 #contact-form2 p {font-size: 11px; line-height: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px;}
body.page-id-18 #contact-form2 .left {width: 34%; float: left;}
body.page-id-18 #contact-form2 .right {width: 66%; float: left;}
body.page-id-18 #contact-form2 h3 {font-size: 25px; line-height: 25px; text-transform: none; letter-spacing: 1px; margin-top: 55px;}
body.page-id-18 #contact-form2 span {color: #fec310;}
body.page-id-18 #contact-form2 a {color: #ffffff; opacity: 1.0; transition: all 0.25s ease-in-out;}
body.page-id-18 #contact-form2 a:hover {opacity: 0.6;} 
body.page-id-18 #contact-form2 .input-hold {width: 50%; box-sizing: border-box; padding: 0px 25px 25px 0px; height: 80px; float: left;}
body.page-id-18 #contact-form2 .input-hold.wide {width: 100%; height: 110px; margin-bottom: 25px;}
body.page-id-18 form #contact-form2 input, body.page-id-18 form #contact-form2 textarea {
 width: 100%; height: 55px; line-height: 55px; font-size: 18px; color: #000000; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.7); font-weight: 400; 
 border-style: none; padding-left: 30px; border-radius: 3px !important; border: 1px solid #ffffff !important; /*box-shadow: 0 0 5px 0px #ffffff !important;*/}
body.page-id-18 form #contact-form2 textarea {height: 110px;}
body.page-id-18 form #contact-form2 input::-webkit-input-placeholder, body.page-id-18 form #contact-form2 textarea::-webkit-input-placeholder {color: #000000;}
body.page-id-18 form #contact-form2 input:-moz-placeholder, body.page-id-18 form #contact-form2 textarea:-moz-placeholder {color: #000000;}
body.page-id-18 form #contact-form2 input::-moz-placeholder, body.page-id-18 form #contact-form2 textarea::-moz-placeholder {color: #000000;}
body.page-id-18 form #contact-form2 input:-ms-input-placeholder, body.page-id-18 form #contact-form2 textarea:-ms-input-placeholder {color: #000000;}
body.page-id-18 form #contact-form2 input.wpcf7-submit {
 float: left;
 line-height: 12px;
 font-size: 12px;
 padding: 17px 45px;
 letter-spacing: 2px;
 margin-right: 50px;
 margin-top: 8px;
 color: #ffffff;
 background-color: #FF604E;
 border-color: #FF604E !important;
 border-width: 2px !important;
 border-style: solid;
 text-transform: uppercase;
 transition: all 0.25s ease-in-out;
 font-weight: 700;
 position: relative;	
 border-radius: 30px !important;
 width: auto !important;
 height: auto;
}
body.page-id-18 form #contact-form2 input.wpcf7-submit:hover {background-color: #ffffff !important; color: #FF604E;}
body.page-id-18 #contact-form2 .input-hold.wide.submit {margin-bottom: 0px; height: auto;}
body.page-id-18 #contact-form2 span.wpcf7-not-valid-tip, body.page-id-18 #contact-form2 .wpcf7-validation-errors {color: #FF604E; text-transform: none;}
body.page-id-18 #contact-form2 .right {margin-bottom: 65px;}

/*========================================== Piknic Page ==========================================*/
body.postid-6054 #foot-signup .hold { max-width: 900px;}
body.postid-6054 #foot-signup .hold .text { padding-top: 15px; }
body.postid-6054 #foot-right, body.postid-6054 #foot-left { display: none; }

/*========================================== Responsive Adjustments ==========================================*/
@media (max-width: 2399px) {
body.page-id-8 #bios .bio {width: 20%;}
}
@media (max-width: 1999px) {
body.page-id-8 #bios .bio {width: 25%;}
}
@media (max-width: 1599px) {
body.page-id-8 #bios .bio {width: 33.33%;}
#communitySlider div.text {width: 600px;}
}
@media (max-width: 1599px) {
#communitySlider div.text {width: 450px;}
}
@media (max-width: 1299px) {
#communitySlider ul.slides li {height: 500px;}
#communitySlider ol.flex-control-nav {bottom: 40px;}
#communitySlider div.text {margin: 60px 0px 0px 55px;}
#communitySlider div.text h1 {font-size: 25px; line-height: 33px;}
#communitySlider div.text p {font-size: 18px; line-height: 30px;}
}
@media (max-width: 1250px) {
#site-navigation {padding-left: 85px;}	
}
@media (max-width: 1200px) {
#slidecheck {z-index: 1;}
body.page-id-14 #squad .box {height: 400px;}
body.page-id-14 #squad .squad-triangle {border-top: solid transparent 300px; border-left: solid transparent 637px; border-bottom: solid rgb(254,195,16) 300px; border-bottom: solid rgba(254,195,16,0.87) 300px;}
}
@media (max-width: 1150px) {
#site-navigation {padding-left: 30px;}	
body.single.single-type-portfolio .content .port-image-full.nova {height: 500px;}
}
@media (max-width: 1100px) {
#site-navigation li {padding-right: 25px;}	
#latest-posts .posthold .text {padding: 38px 25px 100px 25px;}
}
@media (max-width: 1080px) {
#communitySlider div.overlay {opacity: 0.6;}
}
@media (max-width: 1020px) {
#site-navigation li {padding-right: 15px;}	
#site-navigation {padding-left: 20px;}	
}
@media (max-width: 1007px) {
body.postid-6054 #foot-signup .hold .text { padding-top: 0px; }
}
@media (max-width: 999px) {
body.page-id-8 #bios .bio {width: 50%;}
body.page-id-14 #havoc #boxes .hold {width: 50%;}
body.single.single-marketing-guide #banner .thumbnail {padding-right: 0px; float: none; text-align: center;}
body.single.single-marketing-guide #banner .text {float: none;}
body.single.single-marketing-guide #banner.blog .text h1 span {display: none;}
body.single.single-marketing-guide #banner .thumbnail img {width: 200px;}
body.single.single-marketing-guide #banner .text {padding-top: 25px;}
body.single.single-marketing-guide #banner.blog .text ul {display: none;}
body.single.single-marketing-guide #banner.blog {height: 620px;}
}
@media (max-width: 950px) { /* Mobile Break ==============*/
.mobile-show {display: block;}
.desktop-show {display: none;}
#search, #project-button, #site-navigation, #logo-b, #connect {display: none;}
#widthcheck {z-index: 1;}
#nav-over, #menu-icon, #logo-full {display: block;}
#subscribe {display: none;}
#foot-signup .button {margin-right: 0px;}
#slidecheck {z-index: 2;}
/*body.home .flexslider li {height: 500px;}*/
#homeslider.flexslider ul.slides li {height: 500px;}
#homeslider.flexslider .flex-control-nav {bottom:40px;}
body.home #banner {height: 500px;}
body.home #banner h1 {padding-top: 160px;font-size: 40px; line-height: 44px;}
body.home #banner .container {max-width: 520px;}
body.home #banner div.button {padding: 15px 0px;}
#homeslider.flexslider, #homeslider.flexslider ul.slides li {height: 500px;}
#homeslider.flexslider h1 {font-size: 40px; line-height: 44px;}
#homeslider.flexslider .container {max-width: 520px;}
#homeslider.flexslider .text div.button {padding: 15px 0px;}
#home-slider .overlay .rectangle {margin-right: 346px;}
#home-slider .overlay .triangle {border-width: 0px 346px 600px 0px;}
#latest-posts {padding: 75px 15px;}
#latest-posts .post {width: 100%;}
#latest-posts .posthold {max-width: 600px; margin: 25px auto;}
#latest-posts .post .button-hold {left: 23px;}
#content {margin-top: 80px;}
body.page-id-8 #banner .image { height: 672px; background-size: auto 100%;}
body.page-id-8 #banner {height: 320px;}
body.page-id-8 #classy {height: auto;}
body.page-id-8 #classy #mockup {display: block; width: auto;}
body.page-id-8 #classy #mockup img {display: block; margin: 0px -100px 0px 0px;}
body.page-id-8 #classy .text {display: block; padding-bottom: 30px;}
body.page-id-8 #classy .text p {max-width: 800px;}
body.page-id-14 #banner {height: 440px;}
body.page-id-14 #banner h1, body.page-id-12 #banner h1 {padding-top: 200px;}
body.page-id-14 #havoc #jobs .description {padding: 50px;}
body.page-id-14 #havoc #jobs .title .plus-sign {right: 50px;}
body.page-id-14 #havoc #jobs .title.active .plus-sign {right: 40px;}
body.page-id-14 #havoc #jobs .title {padding: 35px 50px;}
body.single.single-type-portfolio .content .port-image-full {height: 400px;}
body.single.single-type-portfolio .content .port-image-full.nova {height: 400px;}
body.page-template-page-blog #popular.flexslider ul.slides li .hold {max-width: 220px;}
body.page-template-page-blog #popular.flexslider ul.slides li .title {font-size: 16px; line-height: 24px;}
#numbers video {display: none;}
#numbers .video-container {background-color: transparent;}
body.single.single-marketing-guide #download-form div.row {margin-bottom: 20px; padding-bottom: 0px;}
body.single.single-marketing-guide #download-form div.row div:first-child {float: none; padding-bottom: 10px;}
body.single.single-marketing-guide #download-form div.row div:last-child {float: none;}
body.single.single-marketing-guide #download-form #mc4wp-checkbox {margin-bottom: 0px;}
body.single.single-marketing-guide #download-form input.name, body.single.single-marketing-guide #download-form input.email {margin-bottom: 30px; margin-right: 0px;}
body.single.single-marketing-guide #download-form input.company {margin-bottom: 10px;}
body.single.single-marketing-guide #download-form .container {max-width: 495px;}
body.single.single-marketing-guide #download-form input {width: 100%;}
body.page-template-page-sign-up #popupform {padding-top: 50px;}
body.page-template-page-sign-up #popupform h1 {font-size: 22px; line-height: 30px;}
}
@media (max-width: 850px) {
body.page-id-14 #carousel .item:hover .carousel-overlay {opacity: 0;}
body.page-id-4372 #main p.wide {margin: auto;}
body.page-id-4372 form#start-project #uploadHold p.files span.desktop {display: none;}
body.page-id-4372 form#start-project #uploadHold p.files span.mobile {display: inline;}
#sort .icon-hold {padding-right: 50px;}
#sort .search input[type=search], #sort .categories .hold {padding-left:35px;}
}
@media (max-width: 800px) {body.single.single-type-portfolio .content .port-image-full.nova {height: 350px;}}
@media (max-width: 767px) { /* Phone Break ==============*/
#slidecheck {z-index: 3;}
#videocheck {z-index: 1;}
/*body.home .flexslider .text {bottom: 100px; width: 280px; padding-left: 0px;}
body.home .flexslider li {height: 450px;}*/
#homeslider.flexslider, #homeslider.flexslider ul.slides li {height: 450px;}
#home-slider .overlay .rectangle {margin-right: 259px;}
#home-slider .overlay .triangle {border-width: 0px 259px 450px 0px;}
/*body.home .flexslider .text h1 {font-size: 26px; line-height: 32px;}
body.home .flexslider .text p {font-size: 16px; line-height: 24px;}*/
#homeslider.flexslider .text h1 {font-size: 26px; line-height: 32px;}
#port-left, #port-right {width: 100%;}
body.page-id-8 #post-8 .container {padding: 0px 30px;}
body.page-id-8 #banner {display: none;}
body.page-id-8 #post-8 h1 {background-color: #5957FF; margin: auto -30px; color: #ffffff; font-size: 30px; line-height: 40px; padding: 100px 30px 160px 30px;}
body.page-id-8 #post-8 h1 .button-hold {display: block;}
body.page-id-8 .tagline .left, body.page-id-8 .tagline .right {width: 100%;}
body.page-id-8 .tagline .left {padding: 55px 0px 30px 0px;}
body.page-id-8 .tagline {margin-bottom: 70px; padding-top: 60px;}
body.page-id-8 #icon-hold div.box {width: 100%; text-align: center; float: none; height: auto; padding: 0px 0px 65px 0px;}
body.page-id-8 #icon-hold div.box .text {text-align: left; padding-top: 40px;}
#nav-hold, #nav-over {height: 57px;}
#nav-hold .container {padding-bottom: 0px;}
#nav-over .container {padding-top: 17px; padding-bottom: 15px;} 
#top-right {margin-top: 17px;}
#menu-icon {top: 0px;}
#content {margin-top: 53px;}
#mobile-close {top:-5px;}
body.page-id-8 #numbers .box {width: 100%;}
body.page-id-8 #numbers #lines-code h2 {font-size: 45px; letter-spacing: 3px; margin: 15px 0px 0px 0px;}
body.page-id-8 #numbers #lines-code .text p {margin: 15px 0px 0px 0px;}
body.page-id-8 #numbers #lines-code {height: 145px;}
body.page-id-18 #project {background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(../img/vancouver-bg2.jpg); margin: 0px -15px; padding:115px 0px;}
body.page-id-18 #content {background-color: #fff; background-image: none;}
body.page-id-18 #project h1, body.page-id-18 #locations h3 {font-size: 30px; line-height: 40px; }
body.page-id-18 #project h1 {margin: 0px 0px 34px 0px;}
body.page-id-18 #project h1 .mobile {display: block;}
body.page-id-18 #locations .right {display: none;}
body.page-id-18 #locations .left {color: #000000; float: none; width: 100%;}
body.page-id-18 #locations .social-icons a {color: #000000; margin-right: 40px;}
body.page-id-18 #locations .address .mobile {display: block;}
body.page-id-18 #locations .address,body.page-id-18 #locations .address p {font-weight: 900; text-transform: uppercase;}
body.page-id-18 #locations .address span {color: #ff604e;}
body.page-id-18 #content {padding-bottom: 30px;}
body.page-id-18 #center-form .right, body.page-id-18 #center-form .left {float: none; width: 100%; color: #000000;}
body.page-id-18 #center-form a {color: #000000;}
body.page-id-18 #center-form span {color: #ff604e;}
body.page-id-18 #center-form form input, body.page-id-18 #center-form form textarea {background-color: #F4F4F4; border: 1px #B7B7B7 solid;}
body.page-id-18 #center-form form input.wpcf7-submit {border: solid 1px #FF604E !important;}
body.page-id-18 #foot-signup {display: none;}
body.page-id-18 h3 {margin: 50px 0px 33px 0px;}
body.page-id-14 #havoc #boxes .hold {width: 100%;}
body.page-id-14 #banner h1, body.page-template-page-blog #top h2, #banner.blog h1, body.page-template-page-marketing #top h2, body.page-id-12 #banner h1, body.page-id-14 #havoc h2, body.page-id-8 #post-8 h1, body.page-template-page-marketing h1,
body.single.single-type-portfolio h2.tagline, body.single-post.group-blog #main h1, body.page-id-12 #services h1, body.page-id-12 .box h2, body.page-id-14 h2 {font-size: 30px; line-height: 40px;}
/*body.page-id-14 h2 {font-size: 40px; line-height: 38px;}*/
body.single.single-type-portfolio .content h2{font-size: 25px; line-height: 25px;}
body.page-id-14 #spirit {padding: 60px 0px;}
body.page-id-14 #havoc {padding: 60px 0px;}
body.page-id-14 #havoc #boxes {margin: 90px auto 50px auto;}
body.page-id-14 #havoc #boxes .box {padding: 40px 28px 40px 28px;}
body.page-id-14 #havoc #boxes h3 {font-size: 28px; line-height: 31px;}
body.page-id-14 p {font-size: 18px; line-height: 29px;}
body.page-id-4372 form#start-project input[type=text], body.page-id-4372 form#start-project input[type=email], body.page-id-4372 form#start-project input[type=tel], body.page-id-4372 form#start-project textarea {
 padding: 24px 15px; font-size: 16px;}
body.page-id-4372 form#start-project #uploadHold p {font-size: 16px; padding-left: 20px;}
body.page-id-4372 #main h1 {margin: 100px 0px 38px 0px;}
/*body.page-id-12 #banner h1 {padding: 130px 0px 150px 0px;}*/
body.page-template-page-blog #posts .post {width: auto; max-width:450px; margin: 0px auto; float: none; padding: 0px 0px;}
body.page-template-page-blog #posts .post:nth-child(3n+1) {clear: none;}
body.page-template-page-blog #popular.flexslider ul.slides li .hold {max-width: 300px;}
body.page-template-page-blog #popular.flexslider ul.slides li .title {font-size: 21px; line-height: 32px;}
body.page-template-page-marketing #posts .post {width: auto; max-width:247px; margin: 0px auto 30px auto; float: none; padding: 0px 0px;}
body.page-template-page-marketing #posts .post:nth-child(3n+1) {clear: none;}
body.page-template-page-marketing #posts .post .text {padding: 15px 0px 30px 0px;}
body.page-template-page-portfolio #banner {height: 424px;}
body.page-template-page-portfolio #banner .left {display: none;}
body.page-template-page-portfolio #banner .right {width: 100%; text-align: center; padding: 0px 15px; margin: 0px auto;}
body.page-template-page-portfolio #banner .text {margin: 0px auto; max-width: 430px;}
body.page-template-page-portfolio #banner h1 {font-size: 30px; line-height: 40px; margin: 0px 0px 20px 0px;}
body.page-template-page-portfolio #banner p {font-size: 18px; line-height: 28px;}
body.single.single-type-portfolio .content video {display: none;}
#sort .categories, #sort .search {width: 100%;}
#sort .categories {border-bottom: 1px solid #ffffff; border-right: 0px;}
#sort {height: 150px;}
body.page-template-page-portfolio #posts .post .logo {transition: all 0s ease-in-out;}
body.page-id-8 #classy .logos .hold {width: 100%; display: table-row; height: 80px;}
body.page-id-8 #classy .container {padding: 25px 0px 20px 0px;}
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-name span, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-email span, 
body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-phone span, body.page-id-4372 form#start-project span.wpcf7-form-control-wrap.your-company span {width: 150px; font-size: 8px; text-align: right; line-height: 16px; right:10px;}
body.home .flexslider ul.flex-direction-nav {display: none;}
body.page-id-8 #post-8 .button-hold {display: block;}
#communitySlider ul.slides li {height: 450px; background-position: center left;}
#communitySlider div.overlay {opacity: 0;}
#communitySlider div.text {margin: 60px 0px; width: 100%; box-sizing: border-box; padding: 0px 30px;}
#communitySlider .desktop {display: none;}
#communitySlider .mobile {display: block;}
#communitySlider ol.flex-control-nav {bottom: 40px;}
.two-column div {width: 100%; float: none; padding: 0px !important;}
body.page-id-6250 div.two-column div:first-child ul {margin-bottom: 0px;}
}
@media (max-width:676px) {
body.page-id-14 #banner h1 {padding-top: 150px;}
}
@media (max-width: 670px) { 
#popupform input {width: 273px; margin: 0px 0px 20px 0px;}
#popupform .row {margin-bottom: 0px;} 
#footer-form {width: 273px;}
#popupform .hold {margin: 0px auto 0px auto;}
/*#popupform h1 {font-size: 12px; line-height: 14px;}*/
#popupform {overflow-y: auto; -webkit-overflow-scrolling: touch;}
#popupform p {margin: 0px 0px 1.3em 0px;}
#popupform p.submit {margin-top: 20px;}
#popupform {margin-bottom: 50px;}
.right, .left {width: 100%; float: none;}
body.single.single-type-portfolio .content .container .left {padding-right: 0px;}
body.single.single-type-portfolio .content .container .right {padding-left: 0px;}
body .footbox .text {padding: 50px 15px;}
#copyright .right {text-align: left; padding-top: 10px;}
#foot-signup .container {padding: 0px 15px;}
#popupform .row .wpcf7-not-valid-tip {position: relative; top: -20px; width: 273px; color: #BA473A; font-weight: 700;}
body.page-id-18 #center-form .input-hold {width: 100%; padding: 0px 0px 25px 0px;}
body.home #portfolio #port-left .post {width: 100%; float: left;}
body.page-id-4372 form#start-project .wpcf7-list-item {display: block; margin-left: 0px;}
body.page-id-4372 form#start-project span.wpcf7-list-item-label {margin-right: 0px;}
body.single-post.group-blog #author .avatar-hold {float: none; padding-right: 65px; padding-bottom: 0px;}
#similar-posts .post {float: none !important; max-width: 265px; width: auto !important; margin: 0px auto !important; padding: 0px 0px 30px 0px !important;}
#banner.blog .entry-meta img, #banner.blog span.first {display: none;}
#banner.blog div.entry-meta {position: relative; bottom: initial; left: initial; right: initial;}
/*#banner.blog h1 {font-size: 35px; line-height: 40px;}*/
#banner.blog .text, #banner.blog .text a {font-size: 20px; line-height: 26px;}
#banner.blog {height: 500px;}
body.single.single-type-portfolio .content .port-image-full {height: 280px;}
#foot-signup #popupform input[type='checkbox'] {margin-bottom: 30px;}
#foot-signup #popupform .wpcf7-response-output {margin-top: -5px !important;}
#foot-signup #popupform .row .wpcf7-not-valid-tip {top: 2px; width: 240px; background-color: #CDCDCD;}
div.hold.cms .button.blender-blue.square {margin: 0px 1.5% 10px 0px; width: 32%;}
div.hold.cms .button.blender-blue.square:nth-child(4n) {margin: 0px 1.5% 10px 0px;}
div.hold.cms .button.blender-blue.square:nth-child(3n) {margin: 0px 0px 10px 0px;}
}
@media (max-width:600px) {
body.page-id-8 #bios .bio {width: 100%;}
body.page-id-14 #havoc #jobs .description {padding: 35px 0px;}
body.page-id-14 #havoc #jobs .title .plus-sign {right: 15px;}
body.page-id-14 #havoc #jobs .title.active .plus-sign {right: 5px;}
body.page-id-14 #havoc #jobs .title {padding: 35px 0px;}
body.page-id-12 .iconhold {width: 50%; text-align: center;}
body.page-id-12 .iconhold:nth-child(3) {clear: left;}
/*body.page-id-12 .iconbox.third {clear: left;}*/
body.page-id-4374 #main #foos-hold #foosball-table .ui-sortable-handle span {display: none;}
}
@media screen and (max-width: 600px){#wpadminbar {position: fixed;}}
@media (max-width: 550px) {
body.page-id-8 #post-8 h1 {padding: 100px 30px 160px 30px;}
body.single.single-marketing-guide #download-form .wpcf7-email {width: auto; padding: 0px 15px 0px 40px; border-radius: 25px 25px 25px 25px !important; display: block; margin: 0px auto 30px auto; max-width: 100%;}
body.single.single-marketing-guide #download-form .wpcf7-submit {width: auto; padding: 0px 40px 0px 40px; border-radius: 25px 25px 25px 25px !important; display: block; margin: 0px auto;}
body.single.single-marketing-guide #download-form .hold p {margin-bottom: 0px;}
body.single.single-marketing-guide #download-form {padding: 48px 0px 32px 0px;}
body.single.single-marketing-guide #download-form #mc4wp-checkbox label {text-align: left;}
body.single.single-marketing-guide #download-form input[type='checkbox'] {margin-bottom: 30px;}
}
@media (max-width: 500px) {
#latest-posts {padding: 25px 15px;}
#latest-posts .posthold {margin: 13px auto;}	
body.page-id-14 #squad .box {width: 100%; height: 300px;} 
body.page-id-14 #squad .squad-title {right: 10px; bottom: 310px;}
body.page-id-14 #squad .squad-triangle {border-top: solid transparent 150px; border-left: solid transparent 475px; border-bottom: solid rgb(254,195,16) 150px; border-bottom: solid rgba(254,195,16,0.87) 150px;}
body.page-id-14 #squad .squad-triangle {bottom: 300px;}
div.hold.cms .button.blender-blue.square {margin: 0px 2% 10px 0px; width: 49%;}
div.hold.cms .button.blender-blue.square:nth-child(4n) {margin: 0px 2% 10px 0px;}
div.hold.cms .button.blender-blue.square:nth-child(3n) {margin: 0px 2% 10px 0px;}
div.hold.cms .button.blender-blue.square:nth-child(2n) {margin: 0px 0px 10px 0px;}
}
@media (max-width: 460px) {
#videocheck {z-index: 2;}
#popupform p#mc4wp-checkbox {width: 270px;}
body.page-id-8 #numbers #lines-code .text h2 {margin: 20px 0px 0px 0px;}
body.page-id-8 #numbers #lines-code .text p {font-size: 16px; line-height: 18px;}
#popupform input[type='checkbox'] {margin-bottom: 40px;}
body.page-template-page-blog #popular.flexslider ul.slides li .title {font-size: 16px; line-height: 24px;}
body.page-id-4374 #main #foos-hold {font-size: 18px; line-height: 56px; padding-top: 30px;}
body.page-id-4374 #main #foos-hold .cell:nth-child(1){width: 80px;}
body.page-id-4374 #main #foos-hold .cell div{margin-right: 22px; margin-bottom: 22px;}
body.page-id-4374 #main #foos-hold .cell:nth-child(2) div {padding-left: 15px;}
body.page-id-4374 #main #foos-hold .first {height: 56px;}
body.home #banner {height: 400px;}
body.home #banner h1 {padding-top: 130px;font-size: 25px; line-height: 30px;}
body.home #banner div.button {padding: 15px 0px; margin: 30px auto 0px auto;}
#homeslider.flexslider, #homeslider.flexslider ul.slides li {height: 400px;}
#homeslider.flexslider h1 {font-size: 25px; line-height: 30px;}
#homeslider.flexslider .text div.button {padding: 15px 0px; margin: 30px auto 0px auto;}
body.single.single-type-portfolio .content .awards.horizontal .logo {display: block; padding-bottom: 50px; padding-right: 0px;}
body.single.single-type-portfolio .content .awards.horizontal .text {display: block;}
}
@media (max-width: 370px) {
#award .item.long {background-size: 210px auto;}
}