/*   
Theme Name: CPI Construction LTD.
Description: CPI Construction LTD. website
Author: Odvod Media
Version: 2
*/



/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:none}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.hide { display: none; }

img { display: block; }

strong { font-family: "futura-pt-bold", sans-serif; font-weight: 700; }
strong + em, em + strong { font-family: "futura-pt-bold", sans-serif; font-style: italic; font-weight: 700; }
em { font-style: italic; }

iframe { border: 1px solid #233848; }

/*** site styles ***/

html, BODY { height: 100%; }
BODY { background: #fff; font-family: "futura-pt", sans-serif; font-size: 18px; line-height: 1.5; color: #233848; font-weight: 500; text-align: center; }

.site { position: relative; display: block; width: 100%; max-width: 1920px; background: #FFF; margin: 0 auto; padding: 110px 0 0; text-align: left; z-index: 9999; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }
.home .site { padding-top: 0; }

.header-wrapper { position: fixed; top: 0; display: block; width: 100%; max-width: 1920px; z-index: 9999; box-sizing: border-box; -moz-box-sizing: border-box; }
.header { position: relative; display: block; max-height: 110px; background: url(images/header-bg.png) center top no-repeat; }
/*.home .header { background-image: url(images/header-home-bg.png); }*/
.header .header-inner { position: relative; display: block; width: 100%; max-width: 1476px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.header .header-left { position: relative; display: block; width: 25.948509%; float: left; }
.logo { position: relative; display: block; margin: 0; padding: 20px 0 0; }
.logo img { position: relative; display: block; max-width: 100%; width: 311px; height: auto; }
.logo h2 { position: absolute; text-indent: -9999px; overflow: hidden; font-size: 1px; }
.header .header-right { position: relative; display: block; width: 64.427083%; height: 110px; float: right; text-align: right; }
.header .header-top { position: relative; display: block; margin: 0 0 5px; padding: 20px 0 0; }

.menu-wrapper { position: relative; display: inline-block; }
.menu { position: relative; display: block; width: auto; margin: 0; padding: 0; z-index: 500; }
.menu .menu-main-menu-container { display: block; float: right; }
.menu ul { margin: 0; padding: 0; }
.menu li { position: relative; list-style-type: none; margin: 0; padding: 12px 0 0; display: block; float: left; white-space: nowrap; letter-spacing: 0; margin: 0 0 0 25px }
.home .menu li.link-home { display: none; }
.menu li:first-child { margin-left: 0; }
.menu li a { display: block; letter-spacing: 0; font-size: 18px; line-height: 1; color: #fff; text-decoration: none; padding: 0 0 2px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.menu li.plan-room { padding-top: 0; }
.menu li.plan-room a { border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; padding: 10px 20px; margin: 0 0 0 40px; line-height: 1; }
.menu li > a:hover, .menu li.current-menu-item > a, .menu li.current-menu-parent > a, .menu li.current-page-ancestor > a, .menu li:hover > a { color: #fff; text-decoration: none; }
.menu li a:after { content: ''; display: block; width: 80%; border-bottom: 2px solid #fff; padding: 4px 0 0; margin: 0 auto; opacity: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.menu li a:hover:after, .menu li.current-menu-item a:after, .menu li.current-menu-parent a:after, .menu li.current-page-ancestor a:after { opacity: 1; }
.menu li.plan-room a:after { display: none; }
.menu li.plan-room a:hover, .menu li.current-menu-item.plan-room > a, .menu li.current-menu-parent.plan-room > a, .menu li.current-page-ancestor.plan-room > a { background: #233848; color: #fff; }

.menu ul.sub-menu { position: absolute; display: none; background: #FFF; padding: 0; margin: 0; width: 190px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 5; }
.menu li:hover > ul.sub-menu { display: block; }
.menu ul.sub-menu li { float: none; white-space: normal; margin: 0; padding: 2px 0 0; }
.menu ul.sub-menu li a { width: auto; background: #fff; color: #233848; line-height: 1.2; padding: 9px 10px 7px; margin: 0; font-size: 16px; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.menu ul.sub-menu li a:hover, #menu ul.sub-menu li.current-menu-item a { color: #FFF; background: #666; }
.menu ul.sub-menu li a:after { display: none; }


.flyout { position: relative; display: none; text-align: right; z-index: 9999; padding: 10px 0 0; float: right; }
.flyout a.icon-menu { position: relative; color: #fff; font-size: 30px; line-height: 1; text-decoration: none; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.flyout a.icon-menu:hover { color: #fff; }
.home .flyout a.icon-menu:hover { color: #000; }

#flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 0; background: #1773cb; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
#flyout-menu .flyout-menu-header { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 60px; z-index: 99; overflow: hidden; }
#flyout-menu .close-btn-wrapper { position: absolute; top: 0; right: 0; display: block; padding: 10px 25px; }
#flyout-menu a.close-btn { font-size: 40px; color: #fff; z-index: 100; }
#flyout-menu a.close-btn:hover { color: #000; }

#flyout-menu ul { margin: 0; padding: 0; }
#flyout-menu ul.menu { display: block; }
#flyout-menu ul ul { display: none; }
#flyout-menu li { margin: 0; padding: 0; display: block; text-align: left; float: none; white-space: normal; }
#flyout-menu li a { display: block; padding: 17px 0; margin: 0; font-style: normal; text-transform: uppercase; font-size: 26px; color: #fff; line-height: 1; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu ul.menu li.plan-room a { border: none; background: none; }
#flyout-menu li a:hover { color: #000; text-decoration: none; background: none; }
#flyout-menu li a:after, #flyout-menu li a:hover:after { display: none; }
#flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; }

#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 90px 100px 40px; background: #1773cb; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; }
#flyout-menu #flyout-menu-sub { display: none; padding-top: 60px; z-index: 90; text-align: center; }
#flyout-menu .top { position: relative; display: block; margin: 0 0 20px; }
#flyout-menu .bottom { position: relative; display: block; border-top: 1px solid #fff; padding: 10px 0 0; }
#flyout-menu .bottom li a { font-size: 16px; }
#flyout-menu .icon { position: relative; display: block; width: 10%; margin: 0 auto; padding: 50px 0 0; }
#flyout-menu .icon .cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 115, 174, .9); z-index: 10; }

#flyout-menu #flyout-menu-sub a { display: block; font-size: 30px; color: #fff; text-align: left; }
#flyout-menu #flyout-menu-sub a:hover { color: #000; }
#flyout-menu #flyout-menu-sub ul { position: relative; display: none; margin-top: 20px; border-top: 1px solid #fff; padding-top: 10px; }
#flyout-menu #flyout-menu-sub li a { font-size: 20px; }

#flyout-menu .contact-info li { font-size: 20px; color: #fff; margin-bottom: 10px; }
#flyout-menu .contact-info li a { display: inline; margin-left: 10px; padding: 0; font-size: 20px; }


.search-wrapper { position: relative; display: inline-block; border-bottom: 2px solid #fff; background: rgba(255, 255, 255, .17); margin: 5px 0 0 30px; float: right; z-index: 999; }
.search-wrapper input[type="text"] { border: none; background: rgba(255, 255, 255, 0); padding: 8px 20px 3px; font-size: 18px; color: #fff; width: 120px; }
.search-wrapper button { border: none; background: rgba(255, 255, 255, 0); color: #fff; font-size: 18px; padding: 3px 10px; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
#flyout-menu .search-wrapper { margin: 0 0 30px; float: none; display: inline-block; }
#flyout-menu .search-wrapper input[type="text"] { width: 300px; display: block; position: relative; bottom: auto; right: auto; border-bottom: none; float: left; }


.header .header-bottom { position: relative; display: block; text-align: right; }
.header .header-bottom .contact-info { position: relative; display: block; }
.header .header-bottom .contact-info ul { margin: 0; padding: 0; }
.header .header-bottom .contact-info ul li { list-style-type: none; margin: 0; padding: 0 0 0 10px; display: inline-block; color: #fff; font-size: 16px; }
.header .header-bottom .contact-info ul li:first-child { padding-left: 0; }
.header .header-bottom .contact-info ul li:before { content: "|"; color: #fff; font-size: 16px; padding: 0 10px 0 0; }
.header .header-bottom .contact-info ul li:first-child:before { display: none; }
.header .header-bottom .contact-info ul li a { color: #fff; cursor: pointer; font-weight: 300; }
.header .header-bottom .contact-info ul li a:hover { color: #fff; text-decoration: none; }


.banner-wrapper { position: relative; display: block; overflow: hidden; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.home .banner-wrapper { max-height: 700px; height: 700px; }
.banner { position: relative; display: block; text-align: center; }
.banner .banner-item { position: absolute; top: 0; left: 0; display: none; width: 100%; text-align: center; }
.banner .banner-item-1 { display: block; }
.banner-item-content-wrapper { position: relative; display: block; height: 100%; width: 100%; max-width: 1476px; margin: 0 auto; padding: 0 20px; text-align: left; opacity: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.banner-item-content { position: absolute; bottom: 50px; display: block; width: 38.617886%; letter-spacing: 0; font-size: 40px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42); line-height: 1.1; text-transform: uppercase; opacity: 0; }
.banner-item-content .banner-link { position: relative; display: block; padding: 100px 0 0; font-size: 24px; font-weight: 300; }
.banner-item-content .banner-link a { color: #fff; }
.banner-item-content .banner-link a span { display: inline-block; padding: 0 0 0 15px; }
.banner-item-content .banner-link a:hover { color: #1773cb; text-decoration: none; }

.cycle-pager { position: absolute; display: none; bottom: 40px; right: 30px; z-index: 9999; text-align: right; line-height: 1; }
.cycle-pager span { width: 10px; height: 10px; display: inline-block; cursor: pointer; background: #1a3a6c; text-indent: -9999px; overflow: hidden; margin-left: 10px; font-size: 1px; color: #1a3a6c; text-align: center; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.cycle-pager span:hover, .cycle-pager span.cycle-pager-active { background: #FFF; color: #ffffff; }

.banner-content-wrapper { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 50%; margin: 0; padding: 0 20px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.banner-content { position: absolute; bottom: 8px; display: block; letter-spacing: 0; font-size: 60px; color: #1a3a6c; line-height: 1; text-transform: uppercase; }




.content-wrapper { position: relative; display: block; padding: 40px 0 0; }
.content { position: relative; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }

.content p { margin: 0; padding: 0 0 20px; line-height: 1.3; }
.content p:last-of-type { padding-bottom: 0; }
.content a { color: #09417a; color: #1072cc; text-decoration: none; }
.content a:hover { color: #000000; text-decoration: none; }
.content ul, .content ol { margin: 0 0 30px 20px; }
.content ul:last-of-type, .content ol:last-of-type { margin-bottom: 0; }
.content p:last-of-type + ul, .content p:last-of-type + ol, .content ul:last-of-type + p, .content ol:last-of-type + p { padding-top: 30px; }
.content p:last-of-type + div { padding-top: 30px; }
.content ul li, .content ol li { list-style-type: disc; margin: 5px 0; padding-left: 0px; }
.content h1.page-title, .content h2.page-title { font-size: 40px; color: #272f68; margin: 0 0 22px; padding: 0 0 20px; line-height: 1.1; text-transform: uppercase; }
.content h3 { font-family: "futura-pt", sans-serif; font-size: 24px; font-weight: 500; color: #233848; margin: 0 0 20px; padding: 0 0 10px; line-height: 1.1; border-bottom: 1px solid #233848; text-transform: uppercase; }
.content h3 strong { font-style: italic; clear: both; display: inline-block; }
.content h4 { font-family: "futura-pt", sans-serif; font-size: 18px; font-weight: 500; color: #233848; margin: 0 0 5px; line-height: 1.1; text-transform: uppercase; }
.content h6 { font-family: "futura-pt", sans-serif; font-size: 16px; font-weight: 400; color: #233848; margin: 0 0 25px; padding: 0; line-height: 1.1; }
.content strong.no-break { clear: none; }
.content .highlight p:first-of-type { font-size: 26px; }

.content .breadcrumbs { position: relative; display: block; font-size: 16px; padding: 10px 0 0; }
.content .breadcrumbs ul { margin: 0; padding: 0; }
.content .breadcrumbs ul li { list-style-type: none; margin: 0; padding: 0 10px 0 0; float: left; }
.content .breadcrumbs ul li:before { display: inline-block; content: '/'; color: #1773cb; padding: 0 10px 0 0; float: left; }
.content .breadcrumbs ul li:first-child:before { display: none; }
.content .breadcrumbs ul li a { color: #1773cb; text-decoration: underline; }
.content .breadcrumbs ul li a:hover { color: #233848; text-decoration: none; }

.content .content-row-wrapper { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row, .content .content-page-title { position: relative; display: block; max-width: 1476px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row .content-row-content-wrap { position: relative; display: block; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row .content-row-inner-wrap-inner { position: relative; display: block; }

.content .content-page-title { padding-bottom: 30px; }
.content .content-page-title h1.page-title { font-family: "futura-pt", sans-serif; font-weight: 500; margin-bottom: 0; padding-bottom: 0; }
.content .content-page-title h1.page-title strong { font-style: italic; }

.title-first-word .content .content-page-title h1.page-title .pt_splitter-1 { font-family: "futura-pt-bold", sans-serif; font-weight: 700; display: inline; font-style: italic; }
.title-first-word .content .content-page-title h1.page-title .pt_splitter-2 { font-family: "futura-pt", sans-serif; font-weight: 500; display: inline; }
.title-first-word-break .content .content-page-title h1.page-title .pt_splitter-1 { font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-style: italic; }
.title-first-word-break .content .content-page-title h1.page-title .pt_splitter-2 { font-family: "futura-pt", sans-serif; font-weight: 500; }
.title-second-word-break .content .content-page-title h1.page-title .pt_splitter-2 { font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-style: italic; }
.title-second-word-break .content .content-page-title h1.page-title .pt_splitter-3 { font-family: "futura-pt", sans-serif; font-weight: 500; }

.content .content-row .list-links ul { margin: 0 0 20px; padding: 10px 0 0; }
.content .content-row .list-links ul li { list-style-type: none; margin: 0 0 10px; padding: 0; }
.content .content-row .list-links ul li a { color: #233848; }
.content .content-row .list-links ul li a:after { content: '\e800'; font-family: "fontello"; font-style: normal; font-weight: normal;display: inline-block; padding: 0 0 0 15px; }
.content .content-row .list-links ul li a:hover { color: #1773cb; }


.content .content-row .content-row-image .content-row-image-inner { position: relative; display: block; overflow: hidden; }

.content .content-row.content-text-image { max-width: none; padding: 0; }
.content .content-row.content-text-image .content-row-content { position: relative; display: block; width: 100%; clear: both; overflow: hidden; background: #fff; }
.content .content-row.content-text-image .content-row-content:after { content: ''; display: block; background: url("images/green-arrow-right.png") no-repeat; position: absolute; top: 0; left: 46.71875%; width: 1200px; height: 1200px; z-index: 10; }
.content .content-row.content-text-image .content-row-content .content-row-image { position: relative; display: block; width: 46.71875%; float: left; background: #cedfe0; padding: 0 0 100px; }
.content .content-row.content-text-image .content-row-content .content-row-content-text { position: relative; display: block; width: 53.28125%; float: right; z-index: 30; padding: 0 0 0 93px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-text-image .content-row-content .content-row-content-text-inner { position: relative; display: block; width: 52.220273%; width: 64.220273%; padding: 50px 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row p.page-link, .content .content-row.content-text-image .content-row-content .content-row-content-text p.page-link { padding-top: 10px; }
.content .content-row p.page-link a, .content .content-row.content-text-image .content-row-content .content-row-content-text p.page-link a { font-size: 24px; color: #233848; text-transform: uppercase; font-weight: 300; }
.content .content-row p.page-link a span, .content .content-row.content-text-image .content-row-content .content-row-content-text p.page-link a span { display: inline-block; padding: 0 0 0 15px; }
.content .content-row p.page-link a:hover, .content .content-row.content-text-image .content-row-content .content-row-content-text p.page-link a:hover { color: #1773cb; text-decoration: none; }

.content .content-row.content-text-image .content-row-content:nth-child(even) { background: #cedfde; }
.content .content-row.content-text-image .content-row-content:nth-child(even):after { background: url("images/grey-arrow-left.png") no-repeat; background-size: 100% auto; left: 53.28127%; margin-left: -1200px; }
.content .content-row.content-text-image .content-row-content:nth-child(even) .content-row-image { float: right; background: #ebebeb; }
.content .content-row.content-text-image .content-row-content:nth-child(even) .content-row-content-text { float: left; padding: 0 93px 0 0; }
.content .content-row.content-text-image .content-row-content:nth-child(even) .content-row-content-text-inner { float: right; }

.content .content-row.content-text-image .content-row-content:last-child .content-row-image { padding-bottom: 0; }


.content .content-row.content-text-image.reverse .content-row-content:after { content: ''; display: block; background: url("images/green-arrow-left.png") no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 53.645835%; width: 1200px; height: 1200px; z-index: 10; margin-left: -1200px; }
.content .content-row.content-text-image.reverse .content-row-content .content-row-image { position: relative; display: block; width: 46.354167%; float: right; background: #cedfe0; }
.content .content-row.content-text-image.reverse .content-row-content .content-row-content-text { position: relative; display: block; width: 53.645833%; float: left; z-index: 30; padding: 0 25px 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-text-image.reverse .content-row-content .content-row-content-text-inner { position: relative; display: block; width: 100%; max-width: 763px; padding: 20px 110px 20px 0; float: right; box-sizing: border-box; -moz-box-sizing: border-box; }

.content .content-row.content-text-image.reverse .content-row-content:nth-child(even) { background: #cedfde; }
.content .content-row.content-text-image.reverse .content-row-content:nth-child(even):after { background: none; background-size: 100% auto; left: 46.71875%; margin-left: 0; }
.content .content-row.content-text-image.reverse.reverse .content-row-content:nth-child(even) .content-row-image { float: left; background: #cedfde; }
.content .content-row.content-text-image.reverse .content-row-content:nth-child(even) .content-row-content-text { width: 53.28125%; float: right; padding: 0 20px; }
.content .content-row.content-text-image.reverse .content-row-content:nth-child(even) .content-row-content-text-inner { width: 100%; max-width: 763px; padding: 20px 0 20px 110px; float: left; }




.content .content-row.content-split-content { padding: 100px 20px 0; }
.content .content-row.content-split-content .content-row-content { position: relative; display: block; width: 50%; float: left; margin: 0 0 100px; }
.content .content-row.content-split-content .content-row-content:nth-child(2n+1) { clear: both; }
.content .content-row.content-split-content .content-row-content h3 { font-style: italic; }
.content .content-row.content-split-content .content-row-content .content-row-content-text-inner { position: relative; display: block; padding: 0 50px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-split-content .content-row-content:nth-child(even) .content-row-content-text-inner { padding: 0 0 0 100px; padding: 0 0 0 50px; }
.content .content-row.content-split-content .content-row-content .content-row-text.content-spacing { padding-top: 57px; }
.content .content-row.content-split-content .content-row-content .content-row-image { position: relative; display: block; margin-bottom: 40px; }
.content .content-row.content-split-content .content-row-content .content-row-map { position: relative; display: block; margin-bottom: 40px; }
.content .content-row.content-split-content .content-row-content .content-row-map .acf-map { width: 100%; height: 320px; border: 1px solid #233848; }
.content .content-row.content-split-content .content-row-content .content-row-map .acf-map img { max-width: inherit !important; }
.content .content-row.content-split-content .content-row-content p.caption { padding-top: 5px; }

.content .content-row.content-background { max-width: none; padding-top: 100px !important; }
.content .content-row.content-background .content-row-content-wrap { max-width: 1476px; }
.content .content-row.content-background h5 { padding-top: 50px; }
.content .content-row.content-background .content-row-text.highlight { position: relative; display: block; padding: 20px 0; }


.content .content-row.content-box-text-image-banner { max-width: none; padding: 0; }
.content .content-row.content-box-text-image-banner .content-row-content { position: relative; display: block; width: 100%; clear: both; overflow: hidden; background: #fff; }
.content .content-row.content-box-text-image-banner .content-row-content:after { content: ''; display: block; background: url("images/green-arrow-left.png") no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 53.645835%; width: 1200px; height: 1200px; z-index: 10; margin-left: -1200px; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-image { position: relative; display: block; width: 46.354167%; float: right; background: #cedfe0; padding: 0; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text { position: relative; display: block; width: 53.645833%; /*font-size: 24px;*/ float: left; z-index: 30; padding: 0 25px 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text-inner { position: relative; display: block; width: 100%; max-width: 763px; padding: 20px 110px 20px 0; float: right; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text p.page-link { padding-top: 10px; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text p.page-link a { font-size: 24px; color: #233848; text-transform: uppercase; font-weight: 300; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text p.page-link a span { display: inline-block; padding: 0 0 0 15px; }
.content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text p.page-link a:hover { color: #1773cb; text-decoration: none; }



.content .content-row.content-box-text-slider { max-width: none; padding: 0; }
.content .content-row.content-box-text-slider .content-row-content { position: relative; display: none; width: 100%; clear: both; overflow: hidden; background: #fff; z-index: 10; }
.content .content-row.content-box-text-slider .content-row-content.current-slide { display: block; z-index: 99; }
.content .content-row.content-box-text-slider .content-row-content:after { content: ''; display: block; background: url("images/green-arrow-right.png") no-repeat; position: absolute; top: 0; left: 46.71875%; width: 1200px; height: 1200px; z-index: 10; }
.content .content-row.content-box-text-slider .content-row-content .content-row-image { position: relative; display: block; width: 46.71875%; float: left; background: #cedfe0; }
.content .content-row.content-box-text-slider .content-row-content .content-row-content-text { position: relative; display: block; width: 53.28125%; float: right; z-index: 30; padding: 0 0 0 75px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-box-text-slider .content-row-content .content-row-content-text-inner { position: relative; display: block; width: 52.220273%; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-box-text-slider .content-row-content .content-row-content-text h3 { font-family: "futura-pt-bold", sans-serif; font-style: italic; font-weight: 700; }
.content .content-row.content-box-text-slider .content-nav { position: absolute; top: 50%; left: 0; width: 100%; display: block; padding: 0 40px; z-index: 200; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-box-text-slider .content-nav a { font-size: 30px; color: #233848; }
.content .content-row.content-box-text-slider .content-nav a:hover { color: #1072cc; }
.content .content-row.content-box-text-slider .content-nav .nav-left { position: relative; display: block; float: left; }
.content .content-row.content-box-text-slider .content-nav .nav-right { position: relative; display: block; float: right; }



.content .content-row.content-testimonial {  }
.content .content-row.content-testimonial .content-row-content { position: relative; display: block; padding: 100px 0; }
.content .content-row.content-testimonial .content-row-content .content-row-content-text { position: relative; display: block; font-size: 26px; }
.content .content-row.content-testimonial .content-row-content .content-row-content-text p.testimonial-credit { padding: 30px 0 0; font-size: 18px; }


.content .content-row.content-section { padding: 100px 20px; }
.content .content-row.content-section .content-row-content-inner { margin: -100px 0 0 -20px; }
/*.content .content-row.content-section h2.page-title { font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-size: 40px; color: #272f68; margin: 0 0 40px; padding: 0; line-height: 1.1; text-transform: uppercase; border: none; }*/
.content .content-row.content-section .content-row-box { position: relative; display: block; width: 33.333%; padding: 100px 0 0 20px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-section .content-row-box:nth-child(3n+1) { clear: both; }
.content .content-row.content-section .content-row-box h3 { border: none; padding: 0; margin-bottom: 0; }
.content .content-row.content-section .content-row-box h3 a { font-size: 24px; text-transform: uppercase; color: #233848; }
.content .content-row.content-section .content-row-box h3 a:hover { color: #1072cc; }
.content .content-row.content-section .content-row-box .content-row-box-inner { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-section .content-row-content { position: relative; display: block; }
.content .content-row.content-section .content-row-content .content-row-text { position: relative; display: block; width: 85%; padding-top: 10px; }
.content .content-row.content-section .content-row-content p.page-link { padding-top: 10px; text-align: right; }
.content .content-row.content-section .content-row-content p.page-link a { font-size: 24px; color: #233848; text-transform: uppercase; font-weight: 300; }
.content .content-row.content-section .content-row-content p.page-link a span { display: inline-block; padding: 0 0 0 15px; }
.content .content-row.content-section .content-row-content p.page-link a:hover { color: #1773cb; text-decoration: none; }


.content .content-row.content-section .content-row-box.box-filter-list {}
.content .content-row.content-section .content-row-box.box-filter-results { width: 66.666% }
.content .content-row.content-section .content-row-box.box-filter-list .content-row-box-inner { width: 73.263158%; }
.content .content-row.content-section .content-row-box.box-filter-list h3 { border-bottom: 1px solid #233848; padding: 0 0 10px; margin-bottom: 15px; }
.content .content-row.content-section .content-row-box.box-filter-list .content-row-text {  }
.content .content-row.content-section .content-row-box.box-filter-list .content-row-text ul { margin: 0; padding: 0; }
.content .content-row.content-section .content-row-box.box-filter-list .content-row-text li { list-style-type: none; margin: 0; padding: 0 0 2px; }
.content .content-row.content-section .content-row-box.box-filter-list .content-row-text a { display: block; color: #fff; background: #1773cb; padding: 10px 15px 8px; }
.content .content-row.content-section .content-row-box.box-filter-list .content-row-text a:hover, .content .content-row.content-section .content-row-box.box-filter-list .content-row-text a.selected { color: #fff; background: #272f68; }

.content .content-row.content-section .content-row-box.box-filter-results .content-row-text { margin: -50px 0 0 -100px; }
.content .content-row.content-section .content-row-box.box-filter-results .filter-item { position: relative; display: block; width: 50%; float: left; }
.content .content-row.content-section .content-row-box.box-filter-results .filter-item.show:nth-child(2n+1) { clear: both; }
.content .content-row.content-section .content-row-box.box-filter-results .filter-item .filter-item-inner { position: relative; display: block; padding: 50px 0 0 100px; }
.content .content-row.content-section .content-row-box.box-filter-results .filter-item h4 { font-family: "futura-pt-bold", sans-serif; font-style: italic; font-weight: 700; font-size: 24px; margin-bottom: 0; }
.content .content-row.content-section .content-row-box.box-filter-results .filter-item h4 a { color: #1c2a38; }
.content .content-row.content-section .content-row-box.box-filter-results .filter-item h4 a:hover { color: #1773cb; }
.content .content-row.content-section .content-row-box .no-positions-available { position: relative; display: none; padding: 50px 0 0 100px; }



.content .content-row.content-section .content-list-wrap { position: relative; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-section .content-list-wrap.has-client-list { position: relative; display: block; width: 48.297429%; float: left; }
.content .content-row.content-section .content-row-box.box-filter-projects h3, .content .content-row.content-section .content-row-box.box-client-list h3 { margin-bottom: 25px; }

.content .content-row.content-section .content-list-wrap .content-row-box.box-filter-list .content-row-box-inner { float: right; }



.content .content-row.content-section .content-row-box.box-filter-projects { width: 66.666% }
.content .content-row.content-section .content-row-box.box-filter-projects .content-row-text { width: auto; margin: -50px 0 0 -50px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item { position: relative; display: block; width: 33.333%; float: left; padding: 50px 0 0 50px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item:nth-child(3n+1) { clear: both; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item .filter-item-inner { position: relative; display: block; overflow: hidden; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a { position: relative; display: block; border: 1px solid #1773cb; color: #1c2a38; background: #fff; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a:hover { color: #fff; background: #1773cb; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a .filter-item-image { position: relative; display: block; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a .filter-item-image:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 54px; content: ''; background: url("images/white-arrow-top.png") no-repeat; background-size: 100% 100%; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a:hover .filter-item-image:after { background: url("images/blue-arrow-top.png") no-repeat; background-size: 100% 100%; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a:hover h4 { color: #fff; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item h4 { font-size: 24px; margin-bottom: 0; padding: 10px 20px; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item .page-link { display: block; padding: 0 20px 20px; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item .page-link { font-size: 24px; text-transform: uppercase; font-weight: 300; }
.content .content-row.content-section .content-row-box.box-filter-projects .filter-item .page-link span { display: inline-block; padding: 0 0 0 15px; }


.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-list { width: 57.194245%; padding-top: 100px; }
.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-list .content-row-box-inner { width: 73.263158%; }
.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-list .content-row-box-inner { float: none; }

.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects { margin-bottom: 70px; width: 100% }
.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects .filter-item { width: 50%; }
.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects .filter-item:nth-child(3n+1) { clear: none; }
.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects .filter-item:nth-child(2n+1) { clear: both; }
.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects + .content-row-box.box-filter-list { padding-top: 0; }


.content .content-row.content-section .content-row-box.box-client-list { width: 44.47533%; float: right; }
.content .content-row.content-section .content-row-box.box-client-list .content-row-text { width: auto; margin: 0 0 0 -50px; }
.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col { position: relative; display: block; width: 50%; padding: 0 0 0 50px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-section .content-row-box.box-client-list.col-count-1 .content-row-text .col { width: 100%; }
.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col ul { margin: 0; padding: 0; }
.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col p:last-of-type + ul { padding-top: 30px; }
.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col li { list-style-type: none; margin: 0 0 10px; padding: 0; }
.content .content-row.content-section .content-row-box.box-client-list.no-client-list .content-row-text .col li { list-style-type: disc; margin-bottom: 5px; margin-left: 20px; }


.content .content-row.content-full { padding: 100px 20px; }
.content .content-row.content-full.content-job-details { padding-bottom: 20px; }
.content .content-row.content-full.content-job-details p { padding-bottom: 20px; }



.content .content-row.content-full.content-project-details { padding-bottom: 100px; }
.content .content-row.content-full.content-project-details .project-details-left { position: relative; display: block; width: 59.068798%; float: left; }
.content .content-row.content-full.content-project-details .project-details-right { position: relative; display: block; width: 36.356498%; float: right; }
.content .content-row.content-full.content-project-details .project-main-image { position: relative; display: block; overflow: hidden; }
.content .content-row.content-full.content-project-details .project-main-image a { display: block; width: 100%; }
.content .content-row.content-full.content-project-details .content-nav { position: absolute; top: 50%; left: 0; display: block; width: 100%; padding: 0 20px; font-size: 40px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999; }
.content .content-row.content-full.content-project-details .content-nav .nav-left { float: left; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); writing-mode: lr-tb; }
.content .content-row.content-full.content-project-details .content-nav .nav-right { float: right; }
.content .content-row.content-full.content-project-details .content-nav a { color: #fff; }
.content .content-row.content-full.content-project-details .content-nav a:hover { color: #000; }

.content .content-row.content-full.content-project-details .project-image-gallery { position: relative; display: block; margin: 0 0 20px; }
.content .content-row.content-full.content-project-details .project-image-gallery ul { margin: -10px 0 0 -10px; padding: 0; }
.content .content-row.content-full.content-project-details .project-image-gallery li { list-style-type: none; width: 33.333%; float: left; padding: 10px 0 0 10px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(3n+1) { clear: both; }


.content .content-row.content-full.content-project-details .project-details-columns { position: relative; display: block; margin: 0 0 0 -30px; padding: 0; }
.content .content-row.content-full.content-project-details .project-details-columns .project-details-col { width: 50%; float: left; padding: 30px 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-full.content-project-details .project-details-columns .project-details-col:nth-child(2n+1) { clear: both; }
.content .content-row.content-full.content-project-details h4 { margin-bottom: 10px; }


.content .navigation { position: relative; display: block; padding: 50px 0 0 20px; text-align: center; }


.content .content-row.no-spacing-top, .content .content-row.content-section .content-row-box.box-filter-list, .content .content-row.content-section .content-row-box.box-filter-results, .content .content-row.content-split-content + .content-row.content-section .content-row-box { padding-top: 0; }
.content .content-row.content-split-content + .content-split-content, .content .content-row.content-full + .content-split-content, .content .content-row.content-full.content-box-1, .content .content-row.content-split-content.content-box-1 { padding-top: 0; }
.content .content-row.content-split-content + .content-section, .content .content-row.content-section + .content-split-content, .content .content-row.content-section + .content-section, .content .content-row.content-full + .content-full, .content .content-row.content-section + .content-full, .content .content-row.content-full + .content-section, .content .content-row.content-split-content + .content-full, .content .content-row.content-split-content + .content-testimonial .content-row-content, .content .content-row.content-testimonial + .content-split-content, .content .content-row.content-section + .content-row.content-testimonial .content-row-content, .content .content-row.content-testimonial + .content-full { padding-top: 0; padding-bottom: 100px; }
.content .content-row.content-box-text-image-banner + .content-text-image, .content .content-row.content-section.project-showcase .content-row-box.box-filter-list { padding-top: 100px; }
.content .content-row.content-split-content + .content-section .content-row-content-inner { margin-top: 0; }


.content .content-row.content-section .content-list-wrap.has-client-listcombine-project-list .box-filter-list { padding-top: 100px !important; }


#logout-btn { position: relative; display: block; float: right; margin: 0 20px; }
#logout-btn a { display: block; padding: 4px 15px 2px; text-transform: uppercase; color: #FFF; font-size: 18px; font-weight: normal; background: #1a3a6c; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
#logout-btn a:hover { background: #0056a7; color: #FFF; }

.content .content-page-title h1.page-title { margin-right: 120px; font-family: "futura-pt-bold", sans-serif; font-weight: 700; }

.content .plan-room-notes { position: relative; display: block; margin: 40px 0 0; border: 1px solid #0e0f0f; }
.content .plan-room-notes-title { position: relative; display: block; padding: 13px 20px 11px; background: #1a3a6c; font-family: "cabinbold", sans-serif; font-size: 30px; font-weight: normal; color: #FFF; text-transform: uppercase; line-height: 1; }
.content .plan-room-notes-content { position: relative; display: block; padding: 30px 20px 15px; background: #fff; }

.content .plan-room-display { position: relative; display: block; overflow: auto; }
.content p + .plan-room-display { padding: 30px 0 0; }
.content .plan-room-display a { position: relative; display: block; width: 46.774194%; background: #1a3a6c; padding: 4px 15px 2px; margin: 0 0 15px; text-transform: uppercase; color: #FFF; font-family: "cabinbold", sans-serif; font-size: 24px; font-weight: normal; float: left; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content .plan-room-display a.even { float: right; }
.content .plan-room-display a:hover { background: #0056a7; color: #FFF; }


.content .plan-room-display table { border-top: 1px solid #999; border-left: 1px solid #999; }
.content .plan-room-display table th { text-transform: uppercase; color: #FFF; font-family: "cabinbold"; background: #1a3a6c; padding: 6px 15px 4px; font-size: 14px; border-bottom: 1px solid #999; border-right: 1px solid #999; }
.content .plan-room-display table td { color: #000; font-family: "cabinregular"; background: #eaeaea; padding: 6px 15px 4px; font-size: 14px; border-bottom: 1px solid #999; border-right: 1px solid #999; }
.content .plan-room-display table td a { width: auto; color: #09417a; background: #eaeaea; padding: 0; margin: 0; text-transform: none; font-size: 18px; font-family: "cabinregular"; }
.content .plan-room-display table td a:hover { color: #000; background: #eaeaea; }
.content .plan-room-display table tr:nth-child(even) td { color: #000; background: #fff; }
.content .plan-room-display table tr:nth-child(even) td a { color: #09417a; background: #fff; }
.content .plan-room-display table tr:nth-child(even) td a:hover { color: #000; background: #fff; }


.content .content-date { position: relative; display: block; padding: 0; margin: -20px 0 20px; }

.content table.file-upload-table { border-top: 1px solid #999; border-left: 1px solid #999; margin: 20px 0 0; }
.content table.file-upload-table th { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 13px 10px 11px; background: #1a3a6c; font-family: "cabinbold", sans-serif; font-size: 22px; font-weight: normal; color: #FFF; text-transform: uppercase; line-height: 1; }
.content table.file-upload-table td { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 8px 10px 6px; background: #FFF; }
.content table.file-upload-table td.field-upload-row-highlight { background: #eaeaea; }
.content table.file-upload-table td a { text-decoration: none; font-size: 18px; }
.content table.file-upload-table td a:hover { text-decoration: none; }
.content table.file-upload-table td input { border: 1px solid #999; background: #C00; color: #FFF; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 3px 15px; }


.content table.gallery-table { border-top: 1px solid #999; border-left: 1px solid #999; margin: 20px 0 0; }
.content table.gallery-table th { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 13px 10px 11px; background: #1a3a6c; font-family: "cabinbold", sans-serif; font-size: 22px; font-weight: normal; color: #FFF; text-transform: uppercase; line-height: 1; }
.content table.gallery-table td { border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 8px 10px 6px; background: #FFF; }
.content table.gallery-table td ul { margin: -20px 0 0 -20px; padding: 0; }
.content table.gallery-table td ul li { list-style-type: none; margin: 0; padding: 20px 0 0 20px; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; }
.content table.gallery-table td ul li:nth-child(4n+1) { clear: both; }

.page-id-22 .content .content-row.content-full.content-box-1 { padding-bottom: 30px; }


/*.single-project .site { padding-top: 80px; }*/
.single-project .content-wrapper { background-repeat: no-repeat; background-position: center center; }
.single-project .content .content-row, .single-project .content .content-page-title { max-width: 1200px; }

.content .content-row.content-section.project-swap { position: relative; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 0; padding-left: 20px; padding-right: 20px; margin-top: -30px; z-index: 88; }
.content .content-row.content-section.project-swap .content-row-content { position: relative; display: block; border-top: 1px solid #233848; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid { position: relative; display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto; gap: 0 40px; margin: 30px 0 0; grid-template-areas: "swap-left bullets swap-right"; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-left { grid-area: swap-left; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-left a span.icon { font-size: 14px; margin-right: 10px; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-right { grid-area: swap-right; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-right a span.icon { font-size: 14px; margin-left: 10px; }

.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-left a .image, .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-right a .image { position: relative; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 0 10px; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-left a .image img, .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-right a .image img { width: auto; height: 80px; opacity: 0; }
            
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets { display: grid; grid-area: bullets; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets ul { display: inline-block; list-style-type: none; margin: 0 auto; padding: 0; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets ul li { list-style-type: none; margin: 0; padding: 0 10px; text-align: center; float: left; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets ul li a { color: #ccc; }
.content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets ul li a:hover, .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets ul li a.selected { color: #1072cc; }


.content .content-row.content-section.project-showcase { position: relative; display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 0; padding-left: 20px; padding-right: 20px; margin-top: -30px; z-index: 40; }
.content .content-row.content-section.project-showcase .box-filter-projects { width: 100%; }
.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; gap: 50px 75px; margin: 0 !important; }

.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type { position: relative; display: block; }
.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr auto; grid-template-rows: auto; gap: 0 0; }
.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a .image { position: relative; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a .image img { opacity: 0; }


.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a .link { position: absolute; top: 0; left: 0; display: grid; width: 100%; height: 0; padding: 0; background: rgba(35, 56, 72, .3); text-transform: uppercase; align-content: center; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; transition: .5s ease; overflow: hidden; }
.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a:hover .link { top: 0; height: 100%; background: rgba(35, 56, 72, .6); }
.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a .link .link-inner { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 5px 20px; color: #fff; padding: 10px; }

.content .content-row.content-section.project-showcase .box-filter-projects .project-types-list .project-type a:hover .link .link-inner { color: #fff; }



.gallery-popup-wrapper { position: fixed; top: 0; left: 0; display: none; width: 100vw; height: 100vh; padding: 110px 120px; box-sizing: border-box; -moz-box-sizing: border-box; }
.gallery-popup-wrapper .gallery-popup-buttons { position: absolute; top: 120px; right: 130px; display: block; z-index: 99; }
.gallery-popup-wrapper .gallery-popup-side-left { position: absolute; top: 48%; left: 130px; display: block; z-index: 99; }
.gallery-popup-wrapper .gallery-popup-side-right { position: absolute; top: 48%; right: 130px; display: block; z-index: 99; }
.gallery-popup-wrapper .gallery-popup-buttons a, .gallery-popup-wrapper .gallery-popup-side-left a, .gallery-popup-wrapper .gallery-popup-side-right a { font-size: 20px; color: #fff; text-decoration: none; }
.gallery-popup-wrapper .gallery-popup-side-left a, .gallery-popup-wrapper .gallery-popup-side-right a { font-size: 30px; }
.gallery-popup-wrapper .gallery-popup-buttons a:hover, .gallery-popup-wrapper .gallery-popup-side-left a:hover, .gallery-popup-wrapper .gallery-popup-side-right a:hover { color: #eaeaea; text-decoration: none; }
.gallery-popup-wrapper .gallery-popup-inner { position: relative; display: grid; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); border: 1px solid #000; text-align: center; padding: 50px 50px; align-content: center; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }
.gallery-popup-wrapper .gallery-popup-inner .gallery-popup { position: relative; display: block; max-width: 100%; max-height: 100%; text-align: center; overflow: hidden; }
.gallery-popup-wrapper .gallery-popup-inner .gallery-popup img { width: auto; height: auto; margin: 0 auto; max-width: 100%; max-height: 100%; }

.no-scroll { margin: 0 !important; height: 100% !important; overflow: hidden !important; }


.footer-wrapper { position: relative; display: block; width: 100%; padding: 40px 20px 0; background: #495965; color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer { position: relative; display: block; background: url("images/footer-bg.png") left bottom no-repeat; max-width: 1436px; min-height: 358px; margin: 0 auto; padding: 0 0 20px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer a { color: #fff; }
.footer a:hover { color: #fff; text-decoration: underline; }
.footer .footer-left { position: relative; display: block; float: left; width: 50.696379%; padding: 0 20px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer .footer-left h2 { font-size: 30px; text-transform: uppercase; line-height: 1.1; margin: 0 0 30px; padding: 0; }
.footer .footer-left ul.menu { margin: 0; padding: 0; }
.footer .footer-left ul.menu li { margin: 0; padding: 0 0 0 20px; float: left; }
.footer .footer-left ul.menu li:first-child { padding-left: 0; }
.footer .footer-left ul.menu li a { display: block; font-size: 20px; color: #fff; margin: 0; padding: 0; }
.footer .footer-left ul.menu li a:hover { color: #fff; }
.footer .footer-left ul.menu li a:after { content: ''; display: block; width: 80%; border-bottom: 2px solid #fff; padding: 4px 0 0; margin: 0 auto; opacity: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.footer .footer-left ul.menu li a:hover:after, .footer .footer-left ul.menu li.current-menu-item a:after, .footer .footer-left ul.menu li.current-page-ancestor a:after { opacity: 1; }

.footer .twitter { position: relative; display: block; width: 66.896552%; padding: 50px 0 0; }
.footer .twitter .twitter-content { position: relative; display: block; }
.footer .twitter .twitter-content h4 { font-size: 24px; text-transform: lowercase; margin: 0; }
.footer .twitter .twitter-content ul { margin: 0; padding: 0; }
.footer .twitter .twitter-content li { list-style-type: none; margin: 0; padding: 0; font-size: 16px; }

.footer .company-name { position: relative; display: block; margin: 0 0 10px; }
.footer .footer-right { position: relative; display: block; float: right; width: 49.303621%; padding: 20px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer .footer-row { position: relative; display: block; margin: 0 0 40px; }
.footer .footer-row:last-child { margin-bottom: 0; }
.footer .footer-row.footer-image img { width: auto; max-width: 100%; }
.footer .footer-row.footer-split .footer-col { width: 65.677966%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer .footer-row.footer-split .footer-col.footer-col-2 { width: 31.214689%; float: right; text-align: center; }
				
.footer .footer-row.footer-split .contact-info-wrapper { position: relative; display: block; margin: -20px 0 0 -20px; }
.footer .footer-row.footer-split .contact-info-wrapper .contact-info { position: relative; display: block; width: 50%; float: left; padding: 20px 0 0 20px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer .footer-row.footer-split .contact-info-wrapper .contact-info h3 { font-family: "futura-pt-bold", sans-serif; font-weight: 700; font-size: 20px; font-style: italic; margin-bottom: 10px; text-transform: uppercase; }
.footer .footer-row.footer-split .contact-info-wrapper .contact-info a.tel { font-size: 18px; color: #fff; cursor: default; }
.footer .footer-row.footer-split .contact-info-wrapper .contact-info a.tel:hover { color: #fff; text-decoration: none; }
.footer .footer-row.footer-split .contact-info-wrapper .contact-info p { margin-bottom: 10px; }
.footer .footer-row.footer-split .contact-info-wrapper .contact-info p:last-child { margin-bottom: 0; }

.footer .footer-row.footer-split .footer-col ul.social-media { margin: 0 auto; padding: 0; display: inline-block; }
.footer .footer-row.footer-split .footer-col ul.social-media li { list-style-type: none; margin: 0; padding: 0 5px; display: inline-block; }
.footer .footer-row.footer-split .footer-col ul.social-media li a { font-size: 36px; color: #2c3237; }
.footer .footer-row.footer-split .footer-col ul.social-media li a:hover { color: #2774b7; text-decoration: none; }

.footer .footer-row.footer-copyright { font-size: 16px; }





.wpcf7 { width: 100%; max-width: 600px; }
.login-form { margin-top: 20px; }
.single-job .wpcf7 { padding-top: 40px; }
.wpcf7-form, .upload-form, .login-form { padding: 20px 20px 0; background: #fff; border: 1px solid #0e0f0f; box-sizing: border-box; -moz-box-sizing: border-box; }
.upload-form, .single-job .wpcf7-form { padding: 0; }
.login-form { padding: 20px; max-width: 600px; }
.content .wpcf7-form h2, .content .login-form h2 { display: block; width: auto; line-height: 1; font-family: "cabinbold", sans-serif; font-size: 30px; color: #fff; font-weight: normal; padding: 15px 20px 14px; margin: 0 0 30px; text-transform: uppercase; background: #1a3a6c; }

.wpcf7-form .field-group { position: relative; display: block; width: 84.90566%; }
.upload-form .field-group { width: auto; padding: 0 20px; }
.wpcf7-form .field-half { margin: 0 0 25px; width: 47.777778%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.wpcf7-form .field-half.even { float: right; }
.content .wpcf7-form p { padding-bottom: 15px; }
.login-form #loginform p { margin-left: 20px; }

.wpcf7-form label { display: block; font-size: 16px; margin: 0 0 8px; }
.wpcf7-form .val label { float: left; }
.login-form label, .upload-form label { width: 20.605%; float: left;  }
.login-form label { width: 50%; }
.wpcf7-form .field-resume label { width: 39.605%; }
.wpcf7-form .field { position: relative; display: block; width: 76.395%; float: right; }
.wpcf7-form .field-resume .field { width: 57.395%; }
.wpcf7-form span { display: block; border: 1px solid #000; background: #FFF; padding: 2px 5px 5px; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="file"], .wpcf7-form select, .wpcf7-form textarea { width: 100%; border: none; outline: 0; padding: 0; margin: 0; line-height: 1; font-family: "cabinmedium", sans-serif; font-size: 16px; color: #000; }
.wpcf7-form textarea { height: 100px; }
.wpcf7-submit, .login-form .button-primary { color: #fff; font-family: "cabinregular", sans-serif; font-size: 16px; padding: 10px 30px 7px; margin: 10px 0 0; outline: 0; border: none; background: #1a3a6c; text-transform: uppercase; }
.upload-form .wpcf7-submit { float: right; }
.login-form input[type="text"], .login-form input[type="password"] { display: block; border: 1px solid #000; background: #FFF; padding: 2px 5px 5px; width: 40%; outline: 0; margin: 0; line-height: 1; font-family: "cabinmedium", sans-serif; font-size: 16px; color: #000; }
.wpcf7-form span.reciep { display: none; }

.wpcf7-form img { width: auto; }
.wpcf7 .ajax-loader { float: right; }

div.wpcf7-validation-errors { background: #FFF; }
.content span.wpcf7-not-valid-tip { font-size: 14px; }

.wpcf7-form input.placeholder, .wpcf7-form textarea.placeholder { color: #fff;  }
::-webkit-input-placeholder { /* WebKit browsers */
	color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #fff;
}

.lost-password { position: relative; display: block; font-size: 14px; float: right; margin: 0 240px 0 0; }

#cboxCurrent { display: none !important; }

.job-list-form { display: none; }

.grecaptcha-badge { display: none !important; }


@media only screen and (max-width: 1475px) {
  
  .search-wrapper input[type="text"] { width: 80px; }
  
}

@media only screen and (max-width: 1420px) {
	
	.header .header-left { width: 20%; }
  .header .header-right { width: 70%; }
	.search-wrapper input[type="text"] { position: absolute; right: 38px; bottom: -2px; display: none; background: #1773cb; border-bottom: 2px solid #fff; }
	.search-wrapper:hover input[type="text"] { display: block; }
	
}

@media only screen and (max-width: 1180px) {
	
	.content h1.page-title, .content h2.page-title { font-size: 36px; }
	
	.menu li { margin-left: 20px; }
	.header { background-position: -360px top; }
	.header .header-left { width: 22%; }
	.header .header-right { width: 74%; }
	.menu li.plan-room a { margin-left: 0; }
	
	.home .banner-wrapper { height: 500px; }
	.banner-item-content { width: 50%; font-size: 36px; }
	.banner-item-content .banner-link { padding-top: 50px; }
	.content .content-row.content-text-image .content-row-content .content-row-content-text-inner, .content .content-row.content-section .content-row-content .content-row-text { width: 100%; }
	.content .content-row.content-section .content-row-content-inner { margin-left: -60px; }
	.content .content-row.content-section .content-row-box { padding-left: 60px; }
	.content .content-row p.page-link a, .content .content-row.content-section .content-row-content p.page-link a, .content .content-row.content-text-image .content-row-content .content-row-content-text p.page-link a, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text p.page-link a { font-size: 20px; }
	.content .content-row.content-section .content-row-box h3 a { font-size: 22px; }
	.content .content-row.content-testimonial .content-row-content .content-row-content-text { font-size: 24px; }
	.content .content-row.content-testimonial .content-row-content .content-row-content-text p.testimonial-credit { padding-top: 0; }
	.content .highlight p:first-of-type, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text { font-size: 22px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item h4, .content .content-row.content-section .content-row-box.box-filter-projects .filter-item .page-link { font-size: 20px; padding-left: 10px; padding-right: 10px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a .filter-item-image::after { height: 15px; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-content-text { padding-left: 40px; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-content-text-inner { width: 80%; }
	.content .content-row.content-section .content-row-box.box-filter-projects .content-row-text { margin: -20px 0 0 -20px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item { padding: 20px 0 0 20px; }
	.content .content-row.content-full.content-project-details .content-nav { top: 40%; }
  
  .gallery-popup-wrapper { padding: 60px 40px; }
  .gallery-popup-wrapper .gallery-popup-buttons { top: 70px; right: 50px; }
  .gallery-popup-wrapper .gallery-popup-side-left { left: 50px; }
  .gallery-popup-wrapper .gallery-popup-side-right { right: 50px; }
  .gallery-popup-wrapper .gallery-popup-inner { padding: 40px 40px; }
	
	.footer .footer-left h2 { font-size: 26px; }
	
}

@media only screen and (max-width: 1020px) {
	
	.site { padding-top: 90px; }
	.menu, .header-top .search-wrapper, .header .header-bottom { display: none; }
	.flyout { display: block; }
	.home .header, .header { height: 90px; }
	.header .header-left { width: 220px; }
	.header .header-right { width: 25%; }
	.banner-item-content { width: 80%; }
	.content-wrapper { padding-top: 50px; }
	.content .content-row.content-text-image .content-row-content .content-row-content-text, .content .content-row.content-text-image.reverse .content-row-content:nth-child(2n) .content-row-content-text-inner { padding-left: 50px; }
	.content .content-row.content-text-image .content-row-content:nth-child(2n) .content-row-content-text, .content .content-row.content-text-image.reverse .content-row-content .content-row-content-text-inner, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text-inner { padding-right: 50px; }
	.content .content-row.content-testimonial .content-row-content, .content .content-row.content-section, .content .content-row.content-full { padding-top: 60px; padding-bottom: 60px; }
	.content .content-row.content-text-image .content-row-content .content-row-image, .content .content-row.content-full.content-project-details { padding-bottom: 60px; }
	.content .content-row.content-split-content, .content .content-row.content-section .content-row-box, .content .content-row.content-box-text-image-banner + .content-text-image, .content .content-row.content-section.project-showcase .content-row-box.box-filter-list { padding-top: 60px; }
	.content .content-row.content-split-content .content-row-content { margin-bottom: 60px; }
	.content .content-row.content-split-content + .content-section, .content .content-row.content-section + .content-split-content, .content .content-row.content-section + .content-section, .content .content-row.content-full + .content-full, .content .content-row.content-section + .content-full, .content .content-row.content-full + .content-section, .content .content-row.content-split-content + .content-full, .content .content-row.content-split-content + .content-testimonial .content-row-content, .content .content-row.content-testimonial + .content-split-content, .content .content-row.content-section + .content-row.content-testimonial .content-row-content, .content .content-row.content-testimonial + .content-full { padding-bottom: 60px; }
	.content .content-row.content-section .content-row-content-inner { margin-top: -60px; }
	.content .highlight p:first-of-type, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text { font-size: 20px; }
	.content .content-row.content-section .content-row-box.box-filter-list .content-row-box-inner, .content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-list { width: 100%; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item h4, .content .content-row.content-section .content-row-box.box-filter-projects .filter-item .page-link { font-size: 18px; }
	.content .content-row.content-background { padding-top: 60px !important; }
	.content .content-row.content-section .content-row-box.box-filter-results .filter-item h4 { font-size: 22px; }
	.content .content-row.content-section .content-row-box.box-filter-results .filter-item .filter-item-inner { font-size: 16px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item { width: 50%; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item:nth-child(3n+1) { clear: none; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item:nth-child(2n+1) { clear: both; }
	.content .content-row.content-full.content-project-details .content-nav { top: 35%; }
	.content .content-row.content-full.content-project-details .project-image-gallery li { width: 50%; }
	.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(3n+1) { clear: none; }
	.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(2n+1) { clear: both; }
	.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col { width: 100%; }
	.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col p:last-of-type + ul { padding-top: 20px; }
	.content .content-row.content-section .content-row-box.box-client-list .content-row-text .col + .col p { padding-top: 20px; }
	
	.footer .footer-row { margin-bottom: 10px; }
	.footer .footer-row.footer-image { margin-bottom: 30px; }
	.footer .twitter { padding-top: 0; width: 90%; }
	.footer .footer-row.footer-split .footer-col { width: 100%; }
	.footer .footer-row.footer-split .footer-col.footer-col-2 { width: 100%; padding-top: 30px; text-align: left; }
	
	.content .plan-room-display a { font-size: 20px; }
  
  .content .content-row.content-section.project-showcase .box-filter-projects .project-types-list { gap: 50px 50px; }
	
}

@media only screen and (max-width: 800px) {
	
	.content h1.page-title, .content h2.page-title { font-size: 32px; margin-bottom: 10px; }
	.content h3 { font-size: 22px; }
	
	.home .banner-wrapper { height: 400px; }
	.banner-item-content { font-size: 30px; }
	.banner-item-content .banner-link { padding-top: 30px; font-size: 20px; }
	.content .content-row.content-testimonial .content-row-content .content-row-content-text { font-size: 22px; }
	.content .content-row.content-text-image .content-row-content .content-row-content-text, .content .content-row.content-text-image.reverse .content-row-content:nth-child(2n) .content-row-content-text-inner { padding-left: 20px; }
	.content .content-row.content-text-image .content-row-content:nth-child(2n) .content-row-content-text, .content .content-row.content-text-image.reverse .content-row-content .content-row-content-text-inner, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text-inner { padding-right: 20px; }
	.content .content-row.content-section .content-row-box h3 a { font-size: 20px; }
	.content .content-row.content-section .content-row-box { width: 50%; }
	.content .content-row.content-section.latest-news .content-row-box:nth-child(3) { display: none; }
	.content .content-row.content-section .content-row-box:nth-child(3n+1) { clear: none; }
	.content .content-row.content-section .content-row-box:nth-child(2n+1) { clear: both; }
	.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects .filter-item, .content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-list .content-row-box-inner { width: 100%; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item a .filter-item-image::after { height: 25px; }
	.content .content-row.content-section .content-list-wrap.has-client-list, .content .content-row.content-section .content-row-box.box-client-list { width: 50%; }
	.content .content-row.content-split-content .content-row-content .content-row-text.content-spacing { padding-top: 55px; }
	.content .content-row.content-split-content .content-row-content .content-row-map .acf-map { height: 250px; }
	.content .content-row.content-section .content-row-box.box-filter-results { width: 50%; }
	.content .content-row.content-section .content-row-box.box-filter-results .filter-item, .content .content-row.content-section .content-row-box .no-positions-available { width: 100%; }
	.content .content-row.content-section .content-row-box.box-filter-results .content-row-text { margin: -30px 0 0; }
	.content .content-row.content-section .content-row-box.box-filter-results .filter-item .filter-item-inner, .content .content-row.content-section .content-row-box .no-positions-available { padding: 30px 0 0; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-content-text { padding-left: 20px; }
	.content .content-row.content-section .content-row-box.box-filter-projects { width: 100%; }
	.content .content-row.content-section .content-list-wrap .content-row-box.box-filter-projects { margin-bottom: 60px; }
	.content .content-row.content-section.project-showcase .content-row-box.box-filter-list { padding-top: 0; }
	
	.footer .footer-left h2 { font-size: 22px; }
	.footer .twitter .twitter-content h4 { font-size: 22px; }
  
  .content .content-row.content-section.project-showcase .box-filter-projects .project-types-list { gap: 40px 30px; }
	
}

@media only screen and (max-width: 768px) {
	
  .gallery-popup-wrapper { padding: 30px 30px; }
  .gallery-popup-wrapper .gallery-popup-buttons { top: 40px; right: 40px; }
  .gallery-popup-wrapper .gallery-popup-side-left { left: 40px; }
  .gallery-popup-wrapper .gallery-popup-side-right { right: 40px; }
  .gallery-popup-wrapper .gallery-popup-inner { padding: 30px 40px; }
	
	.content .plan-room-display a { font-size: 18px; }
	.content table.file-upload-table th { font-size: 20px; }
	.content table.file-upload-table td { font-size: 16px; }
	.content table.file-upload-table td a { font-size: 16px; }
  
  .content .content-row.content-section .content-list-wrap.has-client-listcombine-project-list .box-filter-list { padding-top: 30px !important; }
	
}

@media only screen and (max-width: 667px) {
	
	.content h1.page-title, .content h2.page-title { font-size: 30px; }
	.content h3, .content .content-row.content-section .content-row-box.box-filter-results .filter-item h4 { font-size: 20px; }
	.content .content-row p.page-link a, .content .content-row.content-section .content-row-content p.page-link a, .content .content-row.content-text-image .content-row-content .content-row-content-text p.page-link a, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text p.page-link a { font-size: 18px; }
	.content p { padding-bottom: 20px; }
	.content p + ul, .content p + ol { margin-top: -10px; }
	.content p:last-of-type + ul, .content p:last-of-type + ol { padding-top: 20px; }
	.content .content-row .list-links ul { padding-top: 0; }
	.content p + h4 { padding-top: 10px; }
	
	.content-wrapper { padding-top: 30px; }
	.content .content-row.content-text-image .content-row-content .content-row-image, .content .content-row.content-text-image.reverse .content-row-content .content-row-image, .content .content-row.content-box-text-image-banner .content-row-content .content-row-image { width: 100%; padding-bottom: 0; background: #fff; }
	.content .content-row.content-box-text-image-banner .content-row-content .content-row-image { max-height: 300px; overflow: hidden; }
	.content .content-row.content-text-image .content-row-content .content-row-content-text, .content .content-row.content-text-image.reverse .content-row-content .content-row-content-text, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text { padding-left: 0; padding-right: 0; width: 100%; }
	.content .content-row.content-text-image.reverse .content-row-content:nth-child(2n) .content-row-content-text { padding: 0; width: 100%; }
	.content .content-row.content-text-image .content-row-content .content-row-content-text-inner, .content .content-row.content-text-image.reverse .content-row-content .content-row-content-text-inner, .content .content-row.content-text-image.reverse .content-row-content:nth-child(2n) .content-row-content-text-inner, .content .content-row.content-box-text-image-banner .content-row-content .content-row-content-text-inner { padding: 30px 20px; }
	.content .content-row.content-text-image .content-row-content:after, .content .content-row.content-text-image .content-row-content:nth-child(even):after, .content .content-row.content-text-image.reverse .content-row-content:after, .content .content-row.content-box-text-image-banner .content-row-content::after { display: none; }
	.content .content-row.content-testimonial .content-row-content { padding-top: 30px !important; padding-bottom: 30px !important; }
	.content .content-row.content-testimonial + .content-row.content-split-content, .content .content-row.content-full + .content-row.content-split-content, .content .content-row.content-section .content-row-box, .content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-list { padding-top: 30px; }
	.content .content-row.content-section, .content .content-row.content-full { padding-top: 30px; padding-bottom: 30px; }
	.content .content-row.content-split-content { padding-top: 30px; }
	.content .content-row.content-split-content .content-row-content, .content .content-row.content-section .content-list-wrap .content-row-box.box-filter-projects { margin-bottom: 30px; }
	.content .content-row.content-testimonial .content-row-content .content-row-content-text { font-size: 22px; }
	.content .content-row.content-testimonial .content-row-content .content-row-content-text p.testimonial-credit { font-size: 16px; }
	.content .content-row.content-split-content .content-row-content .content-row-content-text-inner { padding-right: 30px; }
	.content .content-row.content-split-content .content-row-content:nth-child(2n) .content-row-content-text-inner { padding-left: 30px; }
	.content .content-row.content-split-content + .content-section, .content .content-row.content-section + .content-split-content, .content .content-row.content-section + .content-section, .content .content-row.content-full + .content-full, .content .content-row.content-section + .content-full, .content .content-row.content-full + .content-section, .content .content-row.content-split-content + .content-full, .content .content-row.content-split-content + .content-testimonial .content-row-content, .content .content-row.content-testimonial + .content-split-content, .content .content-row.content-section + .content-row.content-testimonial .content-row-content, .content .content-row.content-full.content-project-details, .content .content-row.content-testimonial + .content-full { padding-bottom: 30px; }
	.content .content-row.content-box-text-image-banner + .content-text-image, .content .content-row.content-text-image.content-text-image-double + .content-row.content-split-content { padding-top: 30px; }
	.content .content-row.content-box-text-image-banner + .content-row.content-split-content, .content .content-row.content-box-text-image-banner + .content-row.content-full, .content .content-row.content-full + .content-row.content-split-content, .content .content-row.content-box-text-image-banner + .content-text-image, .content .content-row.content-text-image + .content-row.content-split-content { padding-top: 0; }
	.content .content-row.content-full.content-job-details { padding-bottom: 0; }
	.content .content-page-title { padding-bottom: 30px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .content-row-text, .content .content-row.content-section .content-row-content-inner { margin-top: -30px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item { padding-top: 30px; }
	.content .content-row.content-section .content-list-wrap.has-client-list .content-row-box.box-filter-projects { margin-bottom: 50px; }
	.content .content-row.content-split-content .content-row-content .content-row-text.content-spacing { padding-top: 53px; }
	.content .content-row.content-background h5 { padding-top: 10px; }
	.content .content-row.content-split-content .content-row-content p.caption { font-size: 16px; }
	.content .content-row.content-background { padding-top: 30px !important; }
	.content .content-row.content-box-text-slider .content-row-content { background-color: rgba(255, 255, 255, 0); }
	.content .content-row.content-box-text-slider .content-row-content .content-row-content-text { padding-left: 0; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-image, .content .content-row .content-row-image .content-row-image-inner { width: 100%; max-height: 300px; overflow: hidden; }
	.content .content-row.content-box-text-image-banner.no-img-resize .content-row-content .content-row-image, .content-row.no-img-resize .content-row-image .content-row-image-inner { max-height: none; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-content-text { width: 100%; }
	.content .content-row.content-box-text-slider .content-row-content:after { display: none; }
	.content .content-row.content-box-text-slider .content-nav { padding: 0 20px; top: 23%; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-content-text-inner, .content .content-row.content-full.content-project-details .project-details-left { width: 100%; }
	.content .content-row.content-full.content-project-details .project-details-right { width: 100%; padding-top: 30px; }
	.content .content-row.content-full.content-project-details .project-image-gallery li { width: 33.333%; }
	.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(2n+1) { clear: none; }
	.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(3n+1) { clear: both; }
	
	.footer .footer-left, .footer .footer-right, .footer .twitter { width: 100%; }
	.footer .footer-left { margin-bottom: 20px; padding: 0; }
	.footer .footer-left h2 { margin-bottom: 0; }
	.footer .footer-row.footer-split .contact-info-wrapper .contact-info p { margin-bottom: 5px; }
	
	#logout-btn a { font-size: 16px; }
  
  .content .content-row.content-section.project-swap { margin-top: 0; }
  .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid { grid-template-columns: 1fr 1fr; grid-template-areas:
"swap-left swap-right"; }
  .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-bullets { display: none; }
  .content .content-row.content-section.project-showcase { margin-top: 0; }
  .content .content-row.content-section.project-showcase .box-filter-projects .project-types-list { grid-template-columns: 1fr 1fr; gap: 30px 20px; }
  .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-right { text-align: right; }
  
}

@media only screen and (max-width: 600px) {
	
	#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding-left: 50px; padding-right: 50px; }
	.content .pt_splitter, .content h3 strong { display: inline; }
	
	.content .content-row.content-split-content .content-row-content, .content .content-row.content-section .content-row-box, .content .content-row.content-section .content-row-box.box-filter-results { width: 100%; }
	.content .content-row.content-split-content .content-row-content .content-row-content-text-inner { padding-right: 0; }
	.content .content-row.content-split-content .content-row-content:nth-child(2n) .content-row-content-text-inner { padding-left: 0; }
	.content .content-row.content-split-content .content-row-content .content-row-text.content-spacing { padding-top: 0; }
	.content .content-row.content-section .content-row-box.box-filter-results { padding-top: 30px; }
	
	#logout-btn { float: none; margin-bottom: 30px; }
	.content .content-page-title h1.page-title { margin-right: 0; }
	.login-form label, .login-form input[type="text"], .login-form input[type="password"] { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
	.login-form #loginform p { margin-left: 0; }
  
  .gallery-popup-wrapper { padding: 0 0; }
  .gallery-popup-wrapper .gallery-popup-buttons { top: 10px; right: 10px; }
  .gallery-popup-wrapper .gallery-popup-side-left { left: 10px; }
  .gallery-popup-wrapper .gallery-popup-side-right { right: 10px; }
  .gallery-popup-wrapper .gallery-popup-inner { padding: 20px 40px; }
	
}

@media only screen and (max-width: 480px) {
	
	.site { padding-top: 80px; }
	.header { background-position: -400px top; }
	.home .header, .header { height: 80px; }
	.header .header-left { width: 180px; }
	.header .header-top { padding-top: 15px; }
	.banner-item-content { font-size: 26px; }
	.banner-item-content .banner-link { font-size: 18px; }
	
	#flyout-menu .search-wrapper input[type="text"] { width: 150px; }
	
	.content .content-row.content-section .content-row-content-inner { margin: -60px 0 0; }
	.content .content-row.content-section .content-row-box { width: 100%; padding-top: 60px; padding-left: 0; }
	.content .content-row.content-section.news-listing .content-row-box, .content .content-row.content-section .content-list-wrap.has-client-list + .content-row-box.box-client-list { padding-top: 30px; }
	.content .content-row.content-section .content-list-wrap.has-client-list, .content .content-row.content-section .content-row-box.box-client-list { width: 100%; }
	.content .content-row.content-split-content .content-row-content .content-row-image, .content .content-row.content-split-content .content-row-content .content-row-map { margin-bottom: 20px; }
	.content .content-row.content-split-content.content-background .content-row-content { margin-bottom: 20px; }
	.content .content-row.content-box-text-slider .content-row-content .content-row-image, .content .content-row .content-row-image .content-row-image-inner { max-height: 200px; }
	.content .content-row.content-box-text-image-banner.no-img-resize .content-row-content .content-row-image, .content-row.no-img-resize .content-row-image .content-row-image-inner { max-height: none; }
	.content .content-row.content-box-text-slider .content-nav { top: 16%; }
	.content .content-row.content-box-text-image-banner .content-row-content .content-row-image { max-height: 200px; }
	.content .content-row.content-section .content-row-box.box-client-list h3 { margin-bottom: 15px; }
	.content .content-row.content-section .content-row-box.box-filter-projects .filter-item, .content .content-row.content-full.content-project-details .project-details-columns .project-details-col { width: 100%; }
	.content .content-row.content-full.content-project-details .project-main-image { overflow: hidden; }
	.content .content-row.content-full.content-project-details .project-main-image img { min-height: 200px; width: auto; max-width: 100%; }
	
	.footer .footer-row.footer-image img { max-width: 40%; }
	.footer .footer-left h2 { font-size: 20px; }
	.footer .footer-row.footer-split .contact-info-wrapper .contact-info { width: 100%; }
	.footer .footer-row.footer-split .contact-info-wrapper .contact-info h3 { font-size: 18px; }
	
	.lost-password { margin: 0; }
  
  .content .content-row.content-section.project-showcase .box-filter-projects .project-types-list { grid-template-columns: 1fr; }
  .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-left a .btn-name span, .content .content-row.content-section.project-swap .content-row-content .content-row-content-inner.grid .project-swap-right a .btn-name span { display: none; }
	
}

@media only screen and (max-width: 360px) {
	
	.content h1.page-title, .content h2.page-title { font-size: 26px; }
	.content .content-row.content-section .content-row-box.box-filter-results .filter-item h4 { font-size: 18px; }
	
	.home .banner-wrapper { height: 350px; }
	.banner-item-content { font-size: 22px; }
	#flyout-menu .search-wrapper input[type="text"] { width: 100px; }
	#flyout-menu li a { font-size: 22px; }
	#flyout-menu .contact-info li, #flyout-menu .contact-info li a, #flyout-menu #flyout-menu-sub li a { font-size: 18px; }
	.content .content-row.content-full.content-project-details .project-image-gallery li { width: 50%; }
	.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(3n+1) { clear: none; }
	.content .content-row.content-full.content-project-details .project-image-gallery li:nth-child(2n+1) { clear: both; }
	
	
	.content .plan-room-display { padding-top: 10px; }
	.content .plan-room-display a { width: 100%; }
	.content .plan-room-notes { margin-top: 20px; }
	.content .plan-room-notes-content { padding-top: 15px; }
	
	.footer .footer-row.footer-image img { max-width: 50%; }
	.footer .footer-left h2 br { display: none; }

}

@media only screen and (max-width: 320px) {
	
	.content h1.page-title, .content h2.page-title { font-size: 24px; }
	.content .content-row.content-box-text-slider .content-nav { top: 13%; }
	
}



@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	
}
