@charset "utf-8";
/* CSS Document */
/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4	
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Giles-Parscale Inc
Last Modified: 		07.27.2015

*/
/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}
.full_bg {background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ background: #fff; color:#444342; font-size:14px; font-family: 'lato', sans-serif; font-weight:400; line-height:20px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}
h1{ font-size:27px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 700; line-height: 45px;}
h2{ font-size:18px;}
h3{ font-size:15px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:11px;}

p{ color:#444342; font-size:14px; font-weight:400; line-height:20px; margin-bottom:20px;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: disc;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{margin-bottom: 20px; position: relative; padding: 35px 0; display:block; text-align:left; font-family: 'lato', sans-serif; font-weight: 700; font-size: 22px; color: #444342; letter-spacing: .02em; line-height: 34px;}
blockquote:before {position: absolute; top: 0; left: 0; display: block; content: ''; width: 75px; height: 1px; background: #ff8347;}
blockquote:after {position: absolute; bottom: 0; left: 0; display: block; content: ''; width: 75px; height: 1px; background: #ff8347;}
blockquote p{ font-size:13px; font-weight:400; line-height:17px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

/* Google Web Font Smoothing */
html, body, p, a, h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#444342;}
a:hover{color:#ff8347; text-decoration: underline;}
a:active, a.current {color: #ff8347;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:1px solid #dedede; padding:0 15px; color:#666666; font-size:12px; height:36px; }
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:12px; height:60px; resize:none;  font-family: 'lato', sans-serif; line-height:16px;}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#666; color:#fff;}

/* 6. Tables
------------------------------------------------------------------------------*/
table{border-spacing: 0; border-collapse: collapse;}
td{text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%;}
.container{ max-width:1109px; width:100%;}

/* header */
header{position: fixed; z-index: 9999; height: 100vh; width: 90px;  background: rgba(255,255,255,.8); -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
header.active{width: 212px;}
header.after-scroll{background: rgb(255,255,255); border-right: 1px solid #e8e8e8;}
.head-closed{width:90px; height:100vh; opacity: 1; position: absolute; transition:  all 0.4s ease-in-out 0.2s;}
header.active .head-closed{opacity: 0; transition:  all 0.1s ease-in-out 0s;}
.head-closed .small_logo{position: relative; top: 26px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.head-closed .small_logo img{display: block;}
.head-closed .brand-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.head-closed .brand-text span {font-size: 13px; color: #6f6f6f; text-transform: uppercase; transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); display: block; width: 200px; letter-spacing: 0.275em; text-align: center;}
.menu{display: block;width: 20px;height:17px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index:99999;bottom: 26px; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; left: 33px;}
.menu span{width: 100%;height: 3px;display: block;position: absolute;top: 50%;margin-top: -1.5px;left: 0;}
.menu span, .menu span:before, .menu span:after{background: #605f5f;}
.menu span:before, .menu span:after{content: '';position: absolute;top: -8px;left: 0;width: 100%;height: 3px;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
.menu span:after{bottom: -8px;top: initial}
.menu.open span:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 0;}
.menu.open span{background: rgba(0,0,0,0.0) }
.menu.open span:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);bottom: 0;}

.head-open{width: 212px;  height:100vh; position: absolute; left: -212px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
header.active .head-open{left: 0;}
.head-open .logo{position: relative; top: 30px; left: 50%; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);}
.head-open .logo img{display: block;}
.head-open .logo span{font-size: 9px; color: #878787; text-transform: uppercase; letter-spacing: 0.2em;}
.head-open nav{ width:100%; height:auto; position: absolute; display: block; text-align: center; top: 226px;}
 
/* navigation */
nav ul{margin: 0; padding: 0; margin: 0 auto;}
nav ul li {margin: 0; padding: 15px 0; list-style: none; display: block; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
nav ul li a {font-size: 13px; text-transform: uppercase;  color:#444342; padding:0; position: relative; font-weight: bold; letter-spacing: 0.1em;}
nav ul li a:hover, nav .active{}
nav ul li.hover-on{ height: 100px; }
nav ul li a:hover{color:#ff8347; text-decoration: none;}

/* second level menu */
/*nav ul li:hover ul {display: block;}*/
.dropdown-menu {width: 100%; height: auto; display: block; position: absolute; top: 50px; left: 0; text-align: center; border-top: 1px solid #e1e1e1; opacity: 0; visibility: hidden; height: 0;  transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
nav ul li ul {width: 100%; height: auto; position: absolute; top: 0px; left: 50%; margin-left: -470px; text-align: center; }
nav ul li.hover-on .dropdown-menu{ height: 50px; opacity: 1; visibility: visible;}
nav ul li:hover ul li a:after{display: none;}
nav ul li ul li:hover a:after {content:""; width: calc( 100% - 46px ); height: 2px; background: #ff8347; position: absolute; bottom: 20px; left: 23px; display: block;}
nav ul li ul li a.active:after {content:""; width: calc( 100% - 46px ); height: 2px; background: #ff8347; position: absolute; bottom: 20px; left: 23px; display: block;}

/* footer */
footer {width:100%; height: 115px; background:#444342; padding: 33px 0 0 90px; box-sizing: border-box; position: relative; z-index: 15;}
footer .social-bar{width: 100%;}
footer .social-bar .address{float: left; max-width: 70%; margin: 0;}
.address li {padding: 0; font-weight: 700; display: inline-block; position: relative; padding-right: 20px; font-size: 13px; color: #e5e5e5; text-transform: uppercase; letter-spacing: 0.15em;}
.address li a {font-weight: 700; color: #fff;}
footer .social-bar .social-icon {float: right; max-width: 30%; margin: 0;}
.social-icon li {display: inline-block; padding: 0 13px;}
.social-icon li:last-child{padding-right: 0;}
.social-icon li a{display: block;}
.social-icon li a img{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.social-icon li a:hover img{opacity: 0.7;}
.copy-right {width: 100%; font-size: 12px; color: #d1d1d1; padding-top: 7px; display: block; letter-spacing: .075em;}
.copy-right span {margin: 0px 5px;}
.copy-right span a {color: #fff;}
.copy-right span a:hover {color: #fff; text-decoration: none;}

/* home page banner bx-slider  */
.banner {width: 100%; height: 100vh; display: block; overflow: hidden; position: relative;}
.down-arrow{bottom:30px; position:absolute; z-index:999; left:90px; right:0; text-align:center; width:44px; height:34px; margin:0 auto;}
.bx-slider {position: relative; width: 100%; height: 100vh; overflow: hidden; background: #000;}
.bx-slider ul {margin: 0; padding: 0;}
.bx-slider ul li{margin: 0; padding: 0; list-style: none; overflow: hidden; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100vh;}
.bx-slider ul li .banner-caption{position: absolute; top: 50%; left: calc(50% + 45px); max-width: 600px; width: 100%; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.banner-caption:before{content: ""; position: absolute; width: 100%; height: 300px; background:  url(images/site/shadow.png) no-repeat; left: 0; top: 50%; background-size: 100% 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.banner-caption .page-title {position: relative;}
.banner-caption .page-title h2 {text-shadow: 0px 0px 10px rgba(0, 0, 0, .85); margin-bottom: 0; font-size: 25px; color: #fff; position: relative; padding-bottom: 20px; line-height: 25px; letter-spacing: 0.175em; font-weight: 700; text-transform: uppercase;}
.banner-caption .page-title:before{content: ""; position: absolute; width: 210px; height: 1px; background: #fff; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); bottom: 0;}

.bx-slider.home-bx-slider .banner-caption .page-title h2 {line-height: 32px; text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);}

.bx-slider .bx-controls{display: block;width: 100%; height: 43px; top: 50%; margin-top: -5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; z-index: 999;}
.bx-slider .bx-controls-direction .bx-prev{position: absolute; left: 110px; width: 33px; height: 43px; background: url('images/site/white_left.png');}
.bx-slider .bx-controls-direction .bx-next{position: absolute; right: 20px; width: 33px; height: 43px; background: url('images/site/white_right.png');}

/* hide bottom home gallery controls until more images */
.bx-slider_bottom .bx-controls {display: none !important;}

.bx-pager-item:first-of-type:last-of-type { 
    display: none
}

/* banner controls */
.bx-controls {display: none;}

/* no navigation arrows */
/*
.bx-controls.bx-has-controls-direction {position: absolute; top:50%; margin-top: -25px; display: block; width: 100%;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-prev {position: absolute; left: 35px;background: url(../images/site/arrowleft.png) no-repeat center center; width: 30px; height: 50px; line-height: 0; -webkit-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-prev:hover {left: 30px;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-next {position: absolute; right: 35px; background:  url(../images/site/arrowright.png) no-repeat center center; width: 30px; height: 50px; line-height: 0;-webkit-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-next:hover {right: 30px;}
.bx-slider.single-image .bx-controls{display: none;}*/

#content-area{width: calc(100% - 90px); margin-right: 0; padding-left: 90px; overflow: hidden;}

/* we do block */
.we-do-block {padding: 0;}
.we-do-block .top-row {width: 100%; height: auto; display: block; padding: 72px 0; background: #f1f1f1;}
.we-do-block .top-row .left-part {width: 240px; height: auto; display: block; float: left;}
.we-do-block .top-row .right-part {width: 100%; height: auto; display: block;  padding: 0 70px; text-align: center; color: #444342; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.we-do-block .top-row .right-part h1 {color: #444342; margin-bottom: 0; line-height: 45px; letter-spacing: .05em;}

/* sercice list block */
.service-list-block {width: 100%; height: auto; display: block; margin: 72px 0 60px; text-align: center; overflow: hidden;}
.service-list-block h2{font-size: 17px; font-weight: 700; color: #444342; text-align: left; letter-spacing: 0.275em; text-transform: uppercase; padding-bottom: 13px; line-height: 17px; position: relative; margin-bottom: 32px;}
.service-list-block h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}
.service-list-block .service-category-block {width: 25%; height: auto; display: inline-block; vertical-align: top; text-align: left; padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.service-category-block h4{margin-bottom: 15px;}
.service-category-block h4 a{font-size: 17px; font-weight: 700; color:#ff8347; line-height: 24px; text-transform: uppercase; margin-bottom: 0; letter-spacing: 0.08em; padding-right: 16px; position: relative;}
.service-category-block h4 a:before{content: ""; position: absolute; background: url('images/site/right-aerrow.png'); width: 8px; height: 13px; right: 0; bottom: 4px;}
.service-category-block h4.home_services_link_mobile {display: none;}
.service-category-block ul {margin: 0; padding: 0; }
.service-category-block ul li {margin: 0; padding: 0; list-style: none; padding-bottom: 5px; margin-left: 10px; position: relative; line-height: 16px;}
.service-category-block ul li:before {content:""; width: 4px; height: 1px; display: block ; position: absolute; left: -10px; top: 12px;  background: #767574; }
.service-category-block ul li {color:#444342; font-size: 15px; font-weight: 300; line-height: 20px; letter-spacing: 0.03em;}

/* service block */
.two-service-block {width: 100%; height: auto; display: block; clear: both;}
.three-service-block {width: 100%; height: auto; display: block; clear: both; margin-bottom: 35px;}
.single-service-block {width: 100%; height: auto; display: block; float: left; margin-right: 20px;}
a.image-block {width: 100%; height: auto; display: block; margin: 0; padding: 0; overflow: hidden; margin-bottom: 12px;}
a.image-block img {width: 100%; height: auto; display: block; margin: 0; padding: 0;}
a.image-block:hover {cursor: pointer;}
.single-service-block h3 {font-size: 15px; font-weight: 900; letter-spacing: 0.05em; color:#444342; line-height: 23px; text-transform: uppercase; position: relative; margin-bottom: 45px;}
.single-service-block h3 a {font-size: 15px; font-weight: 900; letter-spacing: 0.05em; color:#444342; line-height: 23px; text-transform: uppercase; position: relative; margin-bottom: 45px;}
.single-service-block h3 a:hover {color: #ff8347;}
.single-service-block h3:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: -5px; left: 0;}
.two-service-block .single-service-block {max-width: calc(50% - 27px); margin-right: 27px;}
.two-service-block .single-service-block.last{max-width: 50%;}
.two-service-block .single-service-block .image-block {height: 280px;}
.three-service-block .single-service-block {max-width: calc(33.333% - 27px); margin-right: 27px;}
.three-service-block .single-service-block .image-block {height: 280px;}
.three-service-block .single-service-block.last {max-width: 33.333%;}
.last {margin-right: 0 !important;}


/* news block */
.news-block {background: #f1f1f1; width: 100%; height: auto; display: block; padding: 48px 0 55px;}
.news-block h2{font-size: 17px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.275em; color:#444342; text-align: left; margin-bottom: 45px; color: #444342; line-height: 17px; padding-bottom: 13px; position: relative; letter-spacing: 0.26em;}
.news-block h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}
.news-block .container {max-width: 1100px;  }
.single-news-block {max-width: calc(25% - 20px); margin-right: 20px; float: left; display: block;}
.single-news-block .image-block {height: 160px;}
.single-news-block.last {max-width: 25%;}
.single-news-block h3 {font-size: 13px; font-weight: 700; letter-spacing: 0.075em; color:#444342; text-transform: uppercase; text-align: left; margin-bottom: 9px; margin-top: 7px;}
.single-news-block p {margin-bottom: 10px; letter-spacing: .05em; font-size: 14px; font-weight: 300; line-height: 18px;}

/* bottom banner */
.bx-slider_bottom{width: 100%; height: auto; position: relative; overflow: hidden;}
.bx-slider_bottom ul{margin: 0; padding: 0;}
.bx-slider_bottom ul li{margin: 0; padding: 0; list-style: none; overflow: hidden; height: 616px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bx-slider_bottom .bx-controls{display: block;width: 100%; height: 43px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); position: absolute; z-index: 999;}
.bx-slider_bottom .bx-controls-direction .bx-prev{position: absolute; left: 20px; width: 33px; height: 43px; background: url('images/site/white_left.png');}
.bx-slider_bottom .bx-controls-direction .bx-next{position: absolute; right: 20px; width: 33px; height: 43px; background: url('images/site/white_right.png');}

.follow_us{width: 100%; padding-top: 45px;}
.follow_us h2{font-size: 17px; color: #444342; letter-spacing: 0.275em; text-transform: uppercase; position: relative; padding-bottom: 13px; line-height: 17px; font-weight: 700; margin-bottom: 42px;}
.follow_us h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}
.follow_us figure {max-width: calc(20% - 6px); width: 100%; margin-right: 6px; float: left;}
.follow_us .test {max-width: calc(20% - 6px); width: 100%; margin-right: 6px; float: left;}
.follow_us figure:last-child {margin-right: 0; max-width: 20%;}
.follow_us .test:last-child {margin-right: 0; max-width: 20%;}
.follow_us figure .image {display: block; height: 250px; width: 100%;}
.follow_us .test .image {display: block; height: 250px; width: 100%;}
.follow_us .owl-carousel .image {width: 100%; display: block; height: 250px;}
.follow_us #ifeed .slick-slide {margin: 0 3px;}
.follow_us #ifeed .slick-list {margin: 0 -3px;}
.follow_us #ifeed li a {display: block; height: 250px; width: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.portfoilo h2{font-size: 17px; color: #444342; letter-spacing: 0.275em; text-transform: uppercase; position: relative; padding-bottom: 12px; line-height: 22px; font-weight: 700; margin-bottom: 38px;}
.portfoilo h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}
.inner-banner {width: 100%; height: 100vh; display: block; overflow: hidden; position: relative; background-size: cover;}
.down-arrow{bottom:30px; position:absolute; z-index:999; left:90px; right:0; text-align:center; width:44px; height:34px; margin:0 auto;}
.inner-banner .banner-caption{position: absolute; top: 50%; left: calc(50% + 45px); max-width: 600px; width: 100%; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 999;}
.banner-caption p{position: relative; font-size: 13px; color: #fff; font-weight: bold; margin-top: 15px; text-transform: uppercase; letter-spacing: 0.14em;}


/*--------- about team page ------------*/
/* owners block */
.owners-block {width: 100%; max-width: 1109px; height: auto; display: block;}
.owners-block .owner-part {width: 50%; height: auto; display: block; float: left; position: relative;}
.owner-part img {width: 100%; height: auto; display: block;}
.owner-part .owner-details {width: 100%; height: auto; display: block; position: relative; top: -50px; left: 0; }
.owner-part .owner-details .abt-owner {background: rgba(0,0,0,0.57); padding-left: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%; height: 50px; padding-top: 5px;}
.owner-details h2 {font-size: 15px; font-weight: 700; color:#fff; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0;}
.owner-details h3 {line-height: 14px; font-size: 14px; font-weight: 400; font-style: italic; color:#fff; text-transform: none; letter-spacing: 0.05em; margin-bottom: 0;}
.owner-part .owner-details .abt-description {padding-left: 50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 100%; padding-top: 55px; position: relative}
.owner-part .owner-details .abt-description:before {content: ""; width: 16px; height: 1px; display: block; position: absolute; left: 50px; top:33px; background: #ff8347;}
.owner-details .bdr-bot {width: 100%; display: block;  border-bottom: 5px solid #ff8347;}

/* half part */
.half-part {width: 50%; height: auto; display: block; float: left; padding: 58px 50px 30px 0px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.top-orange-line {position: relative;}
.top-orange-line:after {content: ""; width: 16px; height: 1px; display: block; position: absolute; left: 0; bottom:0px; background: #ff8347;}
.abt-description {position: relative;}


.half-part.top-orange-line {position: relative;}
.half-part.top-orange-line:before {content: ""; width: 16px; height: 1px; display: block; position: absolute; left: 0; top:30px; background: #ff8347;}
.half-part.top-orange-line:after {display: none;}

/* banner part */
.about-banner {width: 100%; max-width: 1109px; height: auto; display: block; background-size: cover !important; overflow: hidden;}
.about-banner img {width: 100%; height: auto;}

/* inner menu list */
ul.inner-sub-menu {width: 100%; height: auto; display: block; margin: 0; padding: 13px 0; text-align: center; border-bottom: 1px solid #595959; border-top: 1px solid #595959; margin-bottom: 30px; background: #fff; z-index: 880; margin-top: 44px;}
ul.inner-sub-menu li {margin: 0; padding: 0; list-style: none; display: inline-block; text-transform: uppercase;}
ul.inner-sub-menu li a{padding: 0 14px 5px 14px; line-height: 13px; display: block; color:#444342; font-weight: 700; letter-spacing: .05em;}
ul.inner-sub-menu li:hover a, ul.inner-sub-menu li a.active, ul.inner-sub-menu li a.current, ul.inner-sub-menu li a.selected {color:#f9844c; text-decoration: none;}

ul.inner-sub-menu.fixed {position: fixed; top:0; left: 0;}

.inner-sub-menu.blog-page li:hover a, .inner-sub-menu.blog-page li a.active, .inner-sub-menu.blog-page li a.current, .inner-sub-menu.blog-page li a.selected {color:#444342; font-weight: 700;}
/* title for blocks */
.title-section {font-size: 17px; padding-top: 15px; letter-spacing: 0.275em; font-weight: 700; text-transform: uppercase; text-align: left; color:#444342; margin-bottom: 15px;}
.title-section h1 {line-height: 18px; font-size: 17px; letter-spacing: 0.275em; font-weight: 700; text-transform: uppercase; text-align: left; color:#444342; margin-bottom: 0;}
.title-section h2{font-size: 17px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.275em; color:#444342; text-align: left; margin-bottom: 45px; color: #444342; line-height: 22px; padding-bottom: 12px; position: relative; letter-spacing: 0.26em;}
.title-section h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}


/* team memners block */
.team-members-box {max-width: 960px; margin: auto; padding: 50px 0;}
ul.team-member {margin: 0; padding: 0; clear: both !important;}
ul.team-member li{background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0; padding: 0; list-style: none; width: calc(25% - 40px); height: 250px; margin-right: 40px; display: block; float: left; position: relative; overflow: hidden;margin-bottom: 35px;}
.team-member-details {width: 100%; height: 100%; position: absolute; top: 250px; left: 0; background: rgba(0,0,0,0.75); display: block; padding: 20px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all; }
.team-member-details .member-name {font-size: 18px; letter-spacing: 0.1em; color:#fff; text-transform: uppercase; text-align: center; line-height: 24px; margin-bottom: 14px; -webkit-transition: 1s ease all;-o-transition: 1s ease all;transition: 1s ease all; position: relative;}
.team-member-details .member-name:after {content: ""; width: 16px; height: 1px; display: block; position: absolute; left: 50%; bottom:0px; background: #ff8347; margin-left: -8px; }
.team-member-details .member-desi {font-size: 14px; letter-spacing: 0.05em; color:#fff; text-transform: none; text-align: center; }
ul.team-member li:hover .team-member-details, ul.team-member li:focus .team-member-details {top: 0; }
ul.team-member li:hover .team-member-details .member-name, ul.team-member li:focus .team-member-details .member-name {padding-top: 40px; padding-bottom: 10px;}

.careers {padding-bottom: 200px;}
.careers.apply {padding-bottom: 30px;}
.careers .title h1 {line-height: 17px; padding-bottom: 7px; font-size: 17px; font-weight: 700; letter-spacing: .275em; position: relative;}
.careers .title h1:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: -5px; left: 0;}
.careers .inner {max-width: 860px; margin: auto;}
.careers .inner .block {width: 40%; }
.careers .inner .block a {color:#ff8347; text-decoration: underline;}
.careers .inner .left {float: left;}
.careers .inner .right {float: right;}

.careers .form {max-width: 580px;}
.careers .form .column {width: 35% !important; min-height: 0;}
.careers .form .dform_element {margin: 5px 0 20px;}
.careers .form .dform_element .dform_element {margin: 5px 0 5px;}
.careers .form input, .careers .form .dform_address input.text {width: calc(100% - 40px) !important; margin-right: 20px;}
.careers .form textarea {width: calc(100% - 40px) !important; margin-right: 20px; padding: 10px;}
.careers .form .dform_container input.text {padding: 2px 10px; height: 24px;}
.careers .form .dform_label {font-weight: 700; text-transform: uppercase; font-size: 12px; letter-spacing: .075em; color: #444342;}
.careers .form .column.column-last .dform_container {padding-top: 29px;}
.careers .form textarea, .careers .form input[type="text"], .careers .form input[type="password"], .careers .form input[type="email"], .careers .form input[type="tel"], .careers .form input[type="search"] {border: 1px solid #bdbdbd;}
.careers .form .dfinput_full label, .careers .form .dfinput_right label, .careers .form .dfinput_left label, .careers .form .dform_desc {font-weight: 300;}
.careers .form input[type="submit"] {padding: 10px 14px; height: auto; line-height: 14px; font-family: 'lato', sans-serif; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: .155em; width: auto !important; display: inline-block; background: #ff8347;}


#careers.details {padding-top: 50px;}
#careers.details .grid {margin: 30px 0px;}
#careers.details .grid h3 {margin-bottom: 10px;}
#careers.details .grid ul {margin: 10px 5px 10px 40px;}
#careers.details .btn h5 {margin-bottom: 0px; background-color: #e05f2b; color: #fff; padding: 7px 9px; max-width: 100px; text-align: center; margin-left: 0; font-size: 12px;}
#careers.details .btn:hover {text-decoration: none;}
#careers.details .apply_links {position: relative; padding-top: 20px;}
#careers.details .apply_links hr {width: 20px; border: 0 #e05f2b solid; border-top-width: 1px; margin-left: 0;}
#careers.details .apply_links span {float: left; margin: 22px 8px 10px 0px;}
#careers.details .apply_links img {width: auto; height: auto; float: left; margin: 15px 5px 7px;}

/* general box for rendom images and content */
.parent-box {width: 100%; height: auto; display: block; text-align: center;}
.box {margin: 10px; display: inline-block; vertical-align: top !important; position: relative; }
.box .content {max-width: 375px; padding: 38px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: inline-block; background: rgba(89,89,89,0.05); text-align: left;}
.box.v-align-mid {vertical-align: middle !important; display: inline-block;}
.box.v-align-bot {vertical-align: bottom !important; display: inline-block;}
.box .content h3 {text-transform: uppercase; font-weight: 700; letter-spacing: 0.08em; border-bottom: 1px solid #ff8347; display: inline-block; text-align: left; padding-bottom: 5px; margin-bottom: 7px;}
.box .content h4 {text-transform: uppercase; }
.box .content a {text-transform: uppercase; font-weight: 700; color:#ff8347; letter-spacing: 0.1em; font-size: 11px;}
.box img {max-width: 100%;}
.p-top {padding-top: 100px;}
.p-bot {padding-bottom: 100px;}

.box.content {max-width: 375px; padding: 38px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: inline-block; /*background: rgba(89,89,89,0.05); */ background: #eee; text-align: left;}
.box.content h3 {text-transform: uppercase; font-weight: 700; letter-spacing: 0.08em; border-bottom: 1px solid #ff8347; display: inline-block; text-align: left; padding-bottom: 5px; margin-bottom: 7px;}
.box.content h4 {text-transform: uppercase; }
.box.content a {text-transform: uppercase; font-weight: 700; color:#ff8347; letter-spacing: 0.1em; font-size: 11px;}

/* center content for random images with caption */ 
.center-content {text-align: center; }
.center-content .awards-title-top {font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding-bottom: 15px; position: relative; margin-bottom: 15px;}
.center-content .awards-title-top:after {content: ""; width: 40px; height: 1px; display: block; position: absolute; left: 50%; bottom:0; margin-left: -20px; background: #ff8347;}
.center-content .awards-title-bottom {font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; padding-top: 15px; position: relative; margin-top: 15px;}
.center-content .awards-title-bottom:before {content: ""; width: 40px; height: 1px; display: block; position: absolute; left: 50%; top:0; margin-left: -20px; background: #ff8347;}
.center-content p {font-size: 15px; font-weight: 400; padding-bottom: 0; letter-spacing: 0.00em;}

.box.center-content {text-align: center !important; max-width: 375px; padding: 38px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; display: inline-block; background: rgba(89,89,89,0.05);}
.box.center-content h3 {font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding-bottom: 15px; position: relative; margin-bottom: 15px; text-align: center;}
.box.center-content h3:after {content: ""; width: 40px; height: 1px; display: block; position: absolute; left: 50%; bottom:0; margin-left: -20px; background: #ff8347;}
.box.center-content h4 {font-size: 15px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.08em; padding-top: 15px; position: relative; margin-top: 15px; text-align: center;}
.box.center-content h4:before {content: ""; width: 40px; height: 1px; display: block; position: absolute; left: 50%; top:0; margin-left: -20px; background: #ff8347;}
.box.center-content p {font-size: 15px; font-weight: 400; padding-bottom: 0; letter-spacing: 0.00em;}

/*--------- portfolio entry page ------------*/
.port-entry {}
.port-entry h1{ text-transform: uppercase; font-weight: 700; padding-bottom: 10px;}
.port-entry h2{font-size: 17px; color: #444342; letter-spacing: 0.275em; text-transform: uppercase; position: relative; padding-bottom: 12px; line-height: 22px; font-weight: 700; margin-bottom: 38px;}
.port-entry h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}
.port-entry .port-list {text-align: right; display: block; text-transform: uppercase;}
.port-entry .port-list a {font-size: 12px; font-weight: 700; letter-spacing: 0.02em;}
.port-entry .port-list small {font-size: 12px; font-weight: 400; letter-spacing: 0.02em; padding-right: 2px;}
.port-entry .port-list a.prev {font-weight: 700; font-size: 11px; display: inline-block; vertical-align: middle; color: rgba(68,67,66,0.48);}
.port-entry .port-list a.next {font-weight: 700; font-size: 11px; display: inline-block; vertical-align: middle; color: rgba(68,67,66,0.48);}
.port-entry .port-list a.prev:hover {text-decoration: none;}
.port-entry .port-list a.next:hover {text-decoration: none;}
.port-entry .box hr {border-color: #ff8347; margin-bottom: 19px;}


/*--------- service page ------------*/
.service-page .half-part {padding-top: 0;}
.service-page {position: relative;}
.service-page .inner-sub-menu {margin-bottom: 30px; top:0; left: 0;}
.service-page .content h3{border-bottom: none; position: relative;}
.service-page .content h3:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: 0px; left: 0;}
#design {clear:both}
.service-page .parent-box {position: relative;}
.service-page .service_mobile_anchor {position: absolute; top: -90px; left: 0; width: 100%; display: block; height: 0;}

/*--------- contact page ------------*/
.contact-map{height:auto; width:100%; display:block; /*position:relative; */overflow: hidden;}
#sales-form {margin-bottom: 100px;}
#sales-form #login {position: relative;top:90px;left:20%;}
#sales-form .hbspt-form{position: relative;top:90px;left: 20%;}
#sales-form .hbspt-form form {max-width: 649px;margin: 0;}
#sales-form .hbspt-form input, #sales-form .hbspt-form select, #sales-form .hbspt-form textarea  {width: 90%; max-width: 400px; padding:10px; border-radius: 0px;}
#sales-form .hbspt-form input .hs-button {width:auto;height:auto;background:#e15e1e;font-size:12px; line-height:normal; padding:5px 10px; text-transform:uppercase; display:block;border:none;cursor:pointer; color:#fff; font-weight:700}

.map-content{width:380px;position:absolute;top:6%;left: 120px;background:#fff;padding:20px;z-index:10;-webkit-box-shadow:0 0 8px rgba(50,50,50,.5);-moz-box-shadow:0 0 8px rgba(50,50,50,.5);box-shadow:0 0 8px rgba(50,50,50,.5)}

.map-content strong{font-weight:900; font-family: 'lato', sans-serif; letter-spacing:0.015em; color:#444342; text-transform:uppercase; font-size:14px; line-height:23px; display:block; margin-bottom:5px;}
.map-content h1{font-weight:600; font-family: 'lato', sans-serif; color:#444342; text-transform:uppercase; font-size:18px; line-height:28px; display:block; margin-bottom:5px;}
.map-content a{color:rgb(255, 131, 71); -webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all;}
#content-area > div > div.map-content.cf > div > p:nth-child(3) {margin-left: -20px;}
#content-area > div > div.map-content.cf > div > p:nth-child(3) strong {display: block;}
#content-area > div > div.map-content.cf > div > p:nth-child(3) small {display: block;}
.map-content a:hover{text-decoration:none; color:#444342;}
.map-content .address-part{margin:0 auto; padding:0; display:block; margin-bottom:20px; padding-left: 30px;} 
.map-content a.derestion-map,.map-content a.parking-map,.map-content .support{text-transform:capitalize; font-family: 'lato', sans-serif; font-weight:400; letter-spacing:normal; font-size:14px;}
.map-content a.derestion-map {position: relative; display: block;}
/*.map-content a.derestion-map:before {content: ""; background: url(../images/site/icon-location.jpg) no-repeat; position: absolute; top: -20px; left: -30px; display: block; width: 25px; height: 30px; }*/
.map-content p.contact-address:before {content: ""; background: url(../images/site/icon-location.jpg) no-repeat; position: absolute; top: 0; left: -30px; display: block; width: 25px; height: 30px;}
.map-content p.contact-address {position: relative; margin-bottom: 0;}

.map-content a.tele-contact {position: relative;}
.map-content a.tele-contact:before {content: ""; background: url(../images/site/icon-phone.jpg) no-repeat; position: absolute; top: -5px; left: -40px; display: block; width: 25px; height: 30px; }
.map-content .address-part .contact-title p:first-child{margin-left: -20px;}
.map-content p{font-size:14px; line-height:18px; font-weight:400; margin-bottom:10px;}
.map-content p span{display:block; line-height:24px; margin-top:5px;}
#contact_form .dform .dform_element{margin-bottom:20px;}
#contact_form .dform_element input.text{background:#f2f2f2;border:1px solid #d5d8db;padding:0 4%;width:100%;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; height:36px;}
#contact_form .dform_element input.text:focus {border: 1px solid #e15e1e;}
#contact_form .dform_element textarea{background:#f2f2f2;border:1px solid #d5d8db;padding:10px 4%;width:100%;height:40px;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box;  height:85px;}
#contact_form .dform_element textarea:focus {border: 1px solid #e15e1e;}
/*
.map-content a{color:rgb(255, 131, 71);}
.map-content a:hover{text-decoration:none}
.map-content .address-part{margin:0 auto; padding:0; display:block; margin-bottom:20px;}
.map-content a.derestion-map,.map-content a.parking-map,.map-content .support{text-transform:uppercase; font-family: 'lato', sans-serif; font-weight:700; letter-spacing:normal; font-size:12px;}
.map-content p{font-size:14px; line-height:18px; font-weight:400; margin-bottom:10px;}
.map-content p span{display:block; line-height:24px; margin-top:5px;}
#contact_form .dform .dform_element{margin-bottom:20px;}
#contact_form .dform_element input.text{background:#fff;border:1px solid #d5d8db;padding:0 4%;width:100%;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; height:36px;}
#contact_form .dform_element textarea{background:#fff;border:1px solid #d5d8db;padding:10px 4%;width:100%;height:40px;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box;  height:85px;}
*/
#contact_form  .submit_button .submit{width:auto;height:auto;background:#e15e1e;font-size:12px; line-height:normal; padding:5px 10px; text-transform:uppercase; display:block;border:none;cursor:pointer; color:#fff; font-weight:700}
#contact_form .dform_element div.dform_element{padding:0;margin:0 0 10px}
#contact_form .dform_element label.dform_label{padding:0 0 2px;margin:0;color:#535353;line-height:23px;width:100%;font-size:14px; text-transform:capitalize; font-weight:700; letter-spacing:0.05em}

#contact_form .dform_element .select-boxs{width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:36px;}
#contact_form .dform_element select{width: 100%; }
#contact_form .dform_element .select-boxs input[type="button"]{background: none;text-align: left; font-weight: 400; font-size: 14px; color:#444;}
#contact_form .dform_element .select-boxs input[type="button"]{background: none;text-align: left; font-weight: 400; font-size: 14px; color:#444;}
#contact_form .dform_element .select-box {border:1px solid #d5d8db; box-sizing: border-box; height: 36px; position: relative}
#contact_form .dform_element .select-box select {width: 100% !important; height: 36px !important;}
#contact_form .dform_element .select-box span {width: 100% !important; padding-left: 5px; padding-top: 1px; text-align: left; font-weight: 400; font-size: 14px; color:#444;}
#contact_form .dform_element .select-box select option { color:#444; font-size: 14px;margin-bottom: 2px;  }    
#contact_form .dform_element .customSelect{background:url(../images/site/select-box-icon.png) no-repeat ;  background-position: 97%; margin-top: 5px; }

.hbspt-form .dform {margin-bottom:20px;}
.hbspt-form .input {margin-right: 0 !important}
.hs-form .form-columns-2 .hs-form-field {width: 100% !important}
.hs-form .form-columns-2 .hs-form-field div {margin: 0 !important}
.hbspt-form  input[type=text], .hbspt-form  input[type=tel], .hbspt-form  input[type=email]{background:#f2f2f2;border:1px solid #d5d8db;padding:0 4%;width:100% !important;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; height:36px;}
.hbspt-form  input[type=text]:focus, .hbspt-form  input[type=tel]:focus, .hbspt-form  input[type=email]:focus {border: 1px solid #e15e1e;}
.hbspt-form  textarea{background:#f2f2f2;border:1px solid #d5d8db;padding:10px 4%;width:100% !important;height:40px;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box;  height:85px;}
.hbspt-form  textarea:focus {border: 1px solid #e15e1e;}
.hbspt-form input[type=submit]{width:auto;height:auto;background:#e15e1e;font-size:12px; line-height:normal; padding:5px 10px; text-transform:uppercase; display:block;border:none;cursor:pointer; color:#fff; font-weight:700}
.hbspt-form  div{padding:0;margin:0 0 20px 0}
.hbspt-form  label {padding:0 0 2px;margin:0;color:#535353;line-height:23px;width:100%;font-size:14px; text-transform:capitalize; font-weight:700; letter-spacing:0.05em}
.hbspt-form  .select-boxs{width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:36px;}
.hbspt-form  select{width: 100%; }
.hbspt-form  .select-boxs input[type="button"]{background: none;text-align: left; font-weight: 400; font-size: 14px; color:#444;}
.hbspt-form  .select-boxs input[type="button"]{background: none;text-align: left; font-weight: 400; font-size: 14px; color:#444;}
.hbspt-form  .select-box {border:1px solid #d5d8db; box-sizing: border-box; height: 36px; position: relative}
.hbspt-form  .select-box select {width: 100% !important; height: 36px !important;}
.hbspt-form  .select-box span {width: 100% !important; padding-left: 5px; padding-top: 1px; text-align: left; font-weight: 400; font-size: 14px; color:#444;}
.hbspt-form  .select-box select option { color:#444; font-size: 14px;margin-bottom: 2px;  }    
.hbspt-form  .customSelect{background:url(../images/site/select-box-icon.png) no-repeat ;  background-position: 97%; margin-top: 5px; }
.hbspt-form  .form-columns-2 .hs-error-msgs {margin: 20px 0 0 0 !important}
.hbspt-form .hs-error-msgs {margin: 0 !important}
.hbspt-form  .hs-error-msgs li {list-style: none; color: #e15e1e}
.hbspt-form  .hs-error-msgs li label {color: rgb(255, 131, 71); font-size: 13px; line-height: 16px}
.hs-form-required {color: #f00}
#map {position: relative !important; width: 100vw; height: 100vh;}
/*#dvMap { height: 500px !important; }*/

/*#dvMap > div > div:nth-child(1) > div:nth-child(1) {transform: matrix(1, 0, 0, 1, 186, -97) !important;}*/
/*#Map > div > div:nth-child(1) > div:nth-child(1) {-webkit-transform: translateX(40%);
-ms-transform: translateX(40%);
-o-transform: translateX(40%);
transform: translateX(40%);}*/


/*--------- portfolio category page ------------*/
/* Client page description  */
.client-name-cat {width: 100%; height: auto; display: block; padding-top: 15px; border-bottom: 1px solid #7c7c7c; padding-bottom: 25px;}
.client-name-cat a {color:#444342;}
.client-name-cat a.c-name {font-size: 15px; font-weight: 900; letter-spacing: 0.05em; text-transform: uppercase; padding-right: 5px; position: relative; padding-bottom: 8px;}
.client-name-cat a.c-cat {font-size: 14px; font-weight: 400; letter-spacing: 0.05em; text-transform: none; font-style: italic;}
.client-name-cat a.c-name:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: 0px; left: 0;}

/* services list */
.services-nav li a.current {color: #444342 !important;}
.port-cat.single-service-block h3 {margin-bottom: 0px;}
.port-cat.single-service-block h3:after {display: none;}
.port-cat.single-service-block h5 {position: relative; margin-bottom: 35px;}
.port-cat.single-service-block h5:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: -5px; left: 0;}

/* list of client */
.client-list-block {width: 100%; height: auto; display: block; border-top: 1px solid #7c7c7c;}
.client-list-block .sorting-client {width: 100%; height: 50px; display: block;}
.client-list-block .sorting-client .select-box {text-transform: uppercase; font-size: 12px; font-weight: 400; letter-spacing: 0.02em; width: 150px; float: right; display: inline-block; height: 40px;}
.client-list-block .sorting-client .select-box select {width: 150px; float: right; display: block; height: 40px;}
.client-list-block .sorting-client .select-box span {display: block;padding: 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.client-list-block .sorting-client .select-box span span {width: 100% !important; padding: 0;}
.client-list-block .sorting-client .customSelect {background:url(../images/site/select-box-icon.png) no-repeat ;  background-position: 97%; margin-top: 5px;  width: 150px; background-size:15px;}

/*.client-list-block ul.one-third {margin: 0; padding: 0;} 
.client-list-block ul.one-third li {margin: 0; padding: 0; list-style: none; max-width: calc( 25% - 30px ); width: 100%; height: auto; display: inline-block; vertical-align: top; margin-right: 37px; padding-top: 18px; padding-bottom: 10px; border-bottom: 1px solid #d9d8d7; min-height: 70px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.client-list-block ul.one-third li a {font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0; color:#444342; }*/

.clients-block { height: auto; display: block; float: left; width: 100%; margin: 46px 0 82px 0;}
.clients-block h2{font-size: 17px; color: #444342; letter-spacing: 0.275em; text-transform: uppercase; position: relative; padding-bottom: 12px; line-height: 22px; font-weight: 700; margin-bottom: 38px;}
.clients-block h2:before{content: ""; position: absolute; width: 15px; height: 1px; left: 0; bottom: 0; background: #ff8347;}
.clients-block ul {margin: 0; padding: 0; float: left; max-width: 50%; width: 100%; }
.clients-block ul li {margin: 0; margin-right: 30px; padding: 0; list-style: none; max-width: calc( 50% - 35px ); width: 100%; height: auto; display: inline-block; vertical-align: top; padding-top: 18px; padding-bottom: 10px; border-bottom: 1px solid #d9d8d7; min-height: 70px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clients-block ul li {font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0; color:#444342; }



/*--------- journal page ------------*/
/* journal categories */
.journal-cats {float: left;}

.journal_title {margin-bottom: 50px;}
.journal_title h1 {line-height: 17px; padding-bottom: 7px; font-size: 17px; font-weight: 700; letter-spacing: .275em; position: relative;}
.journal_title h1:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: -5px; left: 0;}

/* archive select option*/
.journal-archive {float: right;}
.filter {padding: 13px 0 !important;}
.filter .select-box {text-transform: uppercase; text-align: left; font-size: 12px; font-weight: 700; letter-spacing: 0.02em; margin-right: 25px; }
.filter .select-box select {font-family: 'lato', sans-serif !important ;}
.filter .select-box span {display: block; padding: 5px 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
.filter .select-box span span {width: 100% !important; padding: 0;}
.filter .customSelect {border: 1px solid #d9d8d7; background:url(../images/site/select-box-icon.png) no-repeat ;  background-position: 97%; width: 150px; background-size:15px; }

/* journal list masonary */
.journal-list {max-width: 920px;}
.single-service-block.port-cat.journal-page {width: 170px; height: auto; display: block; float: left; margin: 0; margin: 0 30px; border-top: 1px solid #d9d8d7; padding-top: 25px;}
.single-service-block.port-cat.journal-page h5 {margin-bottom: 15px; padding-bottom: 5px;}

/* search box */
.journal-search {position: relative; float: left;}
.journal-search input[type="search"], .journal-search input[type="text"] {font-weight: 700; height: 30px !important; width: 186px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 10px; border:1px solid #d9d8d7;}
.journal-search input[type="search"]::-webkit-input-placeholder {color: #373d48;}
.journal-search input[type="search"]:-moz-placeholder {color: #373d48;}
.journal-search input[type="search"]::-moz-placeholder {color: #373d48;}
.journal-search input[type="search"]:-ms-input-placeholder {color: #373d48;}
.journal-search input[type="submit"] {position: absolute; right: 0; top:0; width: 30px; height: 30px; background: none; display: block;}
.journal-search span.icon-search {position: absolute; right:7px; top:7px; background: none; font-style: normal; display: block;}

/* journal page pagination */
.paginate {text-align: center;  position: relative; padding: 10px;  margin: 50px 0;}
.paginate:before {content: ""; background: #d9d8d7; width: 100%; height: 1px; display: block; position: absolute; top: 20px; left: 0; z-index: -1; }
.paginate .container {background: #ffffff; display: inline-block; margin: 0 auto; text-align: center; max-width: 300px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.paginate a {font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color:#444342; padding: 0 8px;}
.paginate a:hover {color:#ff8347; text-decoration: none;}
.paginate a.active {color:#ff8347; text-decoration: none;}

/* sidebar journal */
.sidebar-journal.fixed {position: fixed; left: 100px; top: 30px;}
.sidebar-journal {padding-left: 30px; width: 30%; height: auto; display: block; float: left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sidebar-journal h5 {text-transform: uppercase;}
.sidebar-journal .social-share-block a {font-size: 17px; color:#636363; display: inline-block; vertical-align: middle; padding: 0 5px; line-height: 16px; -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;}
.sidebar-journal .social-share-block a:hover {text-decoration: none;}
.sidebar-journal .social-share-block a.icon-facebook:hover {color:#3b5998;}
.sidebar-journal .social-share-block a.icon-googleplus:hover {color:#dd4b39;}
.sidebar-journal .social-share-block a.icon-share-twitter:hover {color:#00aced;}
.sidebar-journal .social-share-block a.icon-linkedin:hover {color:#007bb5;}
.sidebar-journal .social-share-block a.icon-mail:hover {color:#ff8347;}
.sidebar-journal b {font-size: 12px; text-transform: uppercase; letter-spacing: .05em;}

/* journal detail right content */
.detail-journal {float: right; max-width: 60%; padding-bottom: 30px; width: 100%; padding-top: 60px; height: auto; display: block; overflow: hidden;}
.detail-journal img {width: 100%; height: auto; display: block; margin-bottom: 25px;}
.detail-journal h4 {text-transform: uppercase; margin-bottom: 0; position: relative; padding-top: 20px; font-weight: 700;}
.detail-journal h4:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; top: 0px; left: 0;}
.detail-journal h5 {text-transform: uppercase; margin-bottom: 0; font-weight: 700; color:#444342; margin-bottom: 50px;}

.blog-banner {height: 400px; margin-bottom: 10px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.no-banner {padding-top: 50px;}

/* portfolio entry page customization */
.port-entry h1 {position: relative; font-size: 17px; letter-spacing: .275em; line-height: 28px;}
.port-entry h1:after {content:""; background: #ff8347; width: 16px; height: 1px; display: block; position: absolute; bottom: 0px; left: 0;}

/* extra page */
.error-page{padding:20px 0;}
.error-page h1{ text-transform: uppercase; font-weight: 700; padding-bottom: 10px; font-size: 17px; letter-spacing: .275em;}
#support_form { max-width: 640px; padding-top: 30px;}
#support_form .dform .dform_element{margin-bottom:20px;}
#support_form .dform_element input.text{background:#fff;border:1px solid #d5d8db;padding:0 10px;width:100%;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; height:36px;}
#support_form .dform_element textarea{background:#fff;border:1px solid #d5d8db;padding:10px;width:100%;height:40px;font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box;  height:85px;}
#support_form  .submit_button .submit{width:auto;height:auto;background:#9b9da0;font-size:12px; line-height:normal; padding:5px 10px; text-transform:uppercase; display:block;border:none;cursor:pointer; color:#fff; font-weight:700}
#support_form .dform_element div.dform_element{padding:0;margin:0 0 10px}
#support_form .dform_element label.dform_label{padding:0 0 2px;margin:0;color:#535353;line-height:23px;width:100%;font-size:12px; text-transform:uppercase; font-weight:900; letter-spacing:0.05em}

#support_form .dform_element .select-boxs{width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; height:36px;}
#support_form .dform_element select{width: 100%; }
#support_form .dform_element .select-boxs input[type="button"]{background: none;text-align: left; font-weight: 400; font-size: 14px; color:#444;}
#support_form .dform_element .select-boxs input[type="button"]{background: none;text-align: left; font-weight: 400; font-size: 14px; color:#444;}
#support_form .dform_element .select-box {border:1px solid #d5d8db; box-sizing: border-box; height: 36px; position: relative}
#support_form .dform_element .select-box select {width: 100% !important; height: 36px !important;}
#support_form .dform_element .select-box span {padding-left: 5px; padding-top: 1px; text-align: left; font-weight: 400; font-size: 14px; color:#444;}
#support_form .dform_element .select-box select option { color:#444; font-size: 14px;margin-bottom: 2px;  }    
#support_form .dform_element .customSelect{background:url(../images/site/select-box-icon.png) no-repeat ;  background-position: 97%; margin-top: 5px; }

#support_form .dfcolumns .column {width:310px !important; margin-right: 20px; min-height: 50px !important;}
#support_form .dfcolumns .column.column-last {margin-right: 0;}

.stButton .facebook {background-image:none !important;}
.stButton .facebook, .stButton .twitter, .stButton .googleplus, .stButton .linkedin, .stButton .email {background-image: none !important; width: 0 !important; }
.stButton {width: 0 !important;}

.sidebar-journal .social-share-block .share span {width: 15px; height: 25px; padding: 0;}
.sidebar-journal .social-share-block span {font-family: "gills-parscale-icon-font" !important;font-style: normal !important;font-variant: normal !important;font-weight: normal !important;line-height: 1;text-transform: none !important;}
.sidebar-journal .social-share-block span {font-size: 17px; color:#636363; display: inline-block; vertical-align: middle; padding: 0 5px; line-height: 16px; -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease; }

.sidebar-journal .social-share-block span:after {-webkit-transition: 0.3s ease all !important;
-o-transition: 0.3s ease all !important;
transition: 0.3s ease all !important;}
.sidebar-journal .social-share-block > span {vertical-align: middle; position: relative; display: inline-block; width: 15px; height: 17px;}
.sidebar-journal .social-share-block > span span {position: absolute; left: 0px; top: 0; width: 13px !important; height: 16px !important; }
/*.sidebar-journal .social-share-block > span span.chicklets {width: 13px !important; height: 16px !important;}*/



.sidebar-journal .social-share-block span.st_facebook{background: url(/images/site/sm_f.png) center center no-repeat;}
.sidebar-journal .social-share-block span.st_googleplus{background: url(/images/site/sm_g.png) center center no-repeat;}
.sidebar-journal .social-share-block span.st_twitter{background: url(/images/site/sm_t.png) center center no-repeat;}
.sidebar-journal .social-share-block span.st_linkedin{background: url(/images/site/sm_l.png) center center no-repeat;}
.sidebar-journal .social-share-block span.st_email{background: url(/images/site/sm_e.png) center center no-repeat;}
.sidebar-journal .social-share-block a:hover {text-decoration: none;}


.sidebar-journal .social-share-block span.st_facebook:hover:after {color:#3b5998 !important;}
.sidebar-journal .social-share-block span.st_googleplus:hover:after {color:#dd4b39 !important;}
.sidebar-journal .social-share-block span.st_twitter:hover:after {color:#00aced !important;}
.sidebar-journal .social-share-block span.st_linkedin:hover:after {color:#007bb5 !important;}
.sidebar-journal .social-share-block span.st_email:hover:after {color:#ff8347 !important;}


.error-inner {color:#f00;}
.req {color:#f00;}

.responsive-design-block {width: 100%; height: auto; display: block; position: relative; padding-top: 10px; padding-bottom: 30px; margin-top: 80px; margin-bottom: 80px;}
.responsive-design-block.gray-bg-parent {background: #eeeeee; }
.responsive-design-block.gray-bg-parent:after {content: ""; background: #dbdbdb; width: 100%; height: 493px; display: block; position: absolute; left: 0; bottom: 0; z-index: 0;}
.responsive-design-block .box {z-index: 9;}
/*.responsive-design-block .box.content {margin-right: 230px;}*/
.responsive-design-block.gray-bg-parent .top-structure-arrow {position: absolute; top:-26px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); display: inline-block;width: 0;height: 0;border-style: solid;border-width: 0 30px 26px 30px;border-color: transparent transparent #eeeeee transparent;}
.responsive-design-block.gray-bg-parent .bottom-structure-arrow {position: absolute; bottom:-26px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); display: inline-block;width: 0;height: 0;border-style: solid;border-width: 26px 30px 0 30px;border-color: #dbdbdb transparent transparent transparent;}
.responsive-design-block a {font-family: 'Lato',sans-serif; font-weight: 600; font-size: 15px; letter-spacing:0.04em; color: #e56d32; /*position: absolute; right: 50px; bottom: 50px;*/}
.responsive-design-block .has-view-image {width: 100%; text-align: center; max-width: 94%; display: block; margin: 0 auto; padding: 35px 0;}

.responsive-design-block.gray-bg-parent .fullwidth_lightgray_left, .responsive-design-block.gray-bg-parent .fullwidth_lightgray_right, .responsive-design-block.gray-bg-parent .fullwidth_medgray_left, .responsive-design-block.gray-bg-parent .fullwidth_medgray_right {position: absolute; width: 100%; z-index: -1;}
.responsive-design-block.gray-bg-parent .fullwidth_lightgray_left, .responsive-design-block.gray-bg-parent .fullwidth_lightgray_right {height: 100%; background: #eee; top: 0;}
.responsive-design-block.gray-bg-parent .fullwidth_lightgray_left {right: 100%;}
.responsive-design-block.gray-bg-parent .fullwidth_lightgray_right {left: 100%;}
.responsive-design-block.gray-bg-parent .fullwidth_medgray_left, .responsive-design-block.gray-bg-parent .fullwidth_medgray_right {height: 493px; background: #dbdbdb; bottom: 0;}
.responsive-design-block.gray-bg-parent .fullwidth_medgray_left {right: 100%;}
.responsive-design-block.gray-bg-parent .fullwidth_medgray_right {left: 100%;}

.noscroll {overflow: hidden;}
#thank_you_popup {display: table; top: 0; left: 0; position: fixed; z-index: 9999; background: rgba(0,0,0,.5); width: 100%; width: 100vw; height: 100%; height: 100vh;}
#thank_you_popup .thank_you_box {width: 100%; display: table-cell; vertical-align: middle;}
#thank_you_popup .thank_you_box .thank_you_box_inner {position: relative; width: 94%; max-width: 660px; -webkit-box-shadow:0 0 8px rgba(50,50,50,.5); -moz-box-shadow:0 0 8px rgba(50,50,50,.5); box-shadow:0 0 8px rgba(50,50,50,.5);}
#thank_you_popup .thank_you_box .thank_you_box_inner .image {width: 100%; height: 280px;}
#thank_you_popup .thank_you_box .thank_you_box_inner .text {text-align: center; box-sizing: border-box; padding: 50px 95px 40px 95px; background: #fff;}
#thank_you_popup .thank_you_box .thank_you_box_inner h2 {border-bottom: 1px solid #f9844c; text-transform: uppercase; line-height: 21px; padding-bottom: 7px; font-size: 17px; font-weight: 700; letter-spacing: .275em; position: relative;}
#thank_you_popup .thank_you_box .thank_you_box_inner a {color: #f9844c; border-bottom: 1px solid #f9844c;}
#thank_you_popup .thank_you_box .thank_you_box_inner a:hover {text-decoration: none;}
#thank_you_popup .thank_you_box .thank_you_box_inner #close {border: none; color: #444342; font-weight: bold; font-size: 30px; position: absolute; right: 10px; top: 10px; text-transform: lowercase;}

/* New Careers Thank You Page */
.thanks {background: rgba(0, 0, 0, 0.37); position: fixed; width: 100%; top: 0; bottom: 0; z-index: 10000;}
.thanks .pop-up {width: 80%; max-width: 650px; background: #fff; margin-top: 15%; text-align: center; box-shadow: 0px 0px 6px 2px rgba(0,0,0,.5);}
.thanks .pop-up .top {background: url(/images/site/careers_response.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.thanks .pop-up .top img {width: 100%;}
.thanks .pop-up .bottom {padding: 15px 90px;}
.thanks .pop-up .bottom h2 {text-transform: uppercase; line-height: 22px; padding-bottom: 5px; font-size: 17px; font-weight: 700; letter-spacing: .275em; margin: 30px auto 5px;}
.thanks .pop-up .bottom hr {border: 0 #ff8347 solid; border-top-width: 1px; clear: both; height: 0; max-width: 94%; margin-bottom: 25px;}
.thanks .pop-up .bottom a {color: #ff8347; text-decoration: underline; font-size: 14px;}


/* Global Content Pages */
.global .title {width: 90%; margin: auto; border-bottom: 1px solid; margin-bottom: 50px;}
.global .title h1 {float: left; margin: 0;}
.global .title p {float: right; margin: 0; line-height: 50px;}
.global .container {width: 80%; max-width: 960px;}
.global .container a {color: #ff8347; font-size: 12px; border-bottom: 1px solid;}
.global .container a:hover {text-decoration: none;}
.global .container h3 {text-transform: uppercase; font-weight: bold;}
.global .container h3 span {margin-right: 10px; padding-bottom: 5px; border-bottom: 1px solid #ff8347;}
.global .container ul {margin: -10px 20px 20px 50px;}
.global .container ul li {color: #444342; font-family: Lato, sans-serif;}


#holiday_17 img {max-width: 95%;}
#holiday_17 section {position: relative; text-align: center; padding: 15px 0px;}
#holiday_17 section .row {margin: 0px auto 20px;}
#holiday_17 section .left, #holiday_17 section .right {width: 50%; float: left;}
#holiday_17 footer {background: #ebdaa9; height: auto;}
#holiday_17 .container {margin: auto; max-width: 768px;}
#holiday_17 .red {background: #d8232a;}
#holiday_17 .red .logo {margin-bottom: 50px;}
#holiday_17 .blue {background: #0c1133;}
#holiday_17 .tan {background: #ebdaa9;}
#holiday_17 .top, #holiday_17 .middle {margin: -5px 0px;}
#holiday_17 .dog {max-width: 100px; width: auto; position: absolute;}
#holiday_17 .dog1 {top: 0; left: 0px; width:20%; max-width: 600px; min-width: 100px;}
#holiday_17 .dog2 {bottom: 6%; right: 0px; max-width: 262px; width: 15%; min-width: 70px;}
#holiday_17 .divider {width: 100%; max-width: 100%; margin: -2px 0px -5px;}