/*
Theme Name: LIMB
Theme URI: https://limb.co
Description: LIMB Theme September 2023
Author: LIMB
Author URI: https://limb.co
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* GENERAL */

@font-face {
  font-family: 'Latin Modern Roman Caps';
  src: url('/fonts/Latin-Modern-Roman/lmromancaps10-regular.otf') format('otf');
}

@font-face {
  font-family: 'Latin Modern Roman';
  src: url('/fonts/Latin-Modern-Roman/lmroman10-regular.otf') format('otf');
}


@font-face {
  font-family: "Limb Social";
  src:url("fonts/limb-social/limb-social.eot");
  src:url("fonts/limb-social/limb-social.eot?#iefix") format("embedded-opentype"),
    url("fonts/limb-social/limb-social.woff") format("woff"),
    url("fonts/limb-social/limb-social.ttf") format("truetype"),
    url("fonts/limb-social/limb-social.svg#limb-social") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Limb Social";
  src:url("fonts/limb-social/limb-social.eot");
  src:url("fonts/limb-social/limb-social.eot?#iefix") format("embedded-opentype"),
    url("fonts/limb-social/limb-social.woff") format("woff"),
    url("fonts/limb-social/limb-social.ttf") format("truetype"),
    url("fonts/limb-social/limb-social.svg#limb-social") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'Giovanni';
	src: url('fonts/giovanni/GiovanniBook.eot');
	src: url('fonts/giovanni/GiovanniBook.eot?#iefix') format('embedded-opentype'),
		url('fonts/giovanni/GiovanniBook.woff2') format('woff2'),
		url('fonts/giovanni/GiovanniBook.woff') format('woff'),
		url('fonts/giovanni/GiovanniBook.ttf') format('truetype'),
		url('fonts/giovanni/GiovanniBook.svg#GiovanniBook') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Flecha L Light';
	src: url('fonts/flecha-l-light/Flecha-L-Light.eot');
	src: url('fonts/flecha-l-light/Flecha-L-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/flecha-l-light/Flecha-L-Light.woff2') format('woff2'),
		 url('fonts/flecha-l-light/Flecha-L-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GT America Thin';
	src: url('fonts/gt-america/GT-America-Standard-Thin.eot');
	src: url('fonts/gt-america/GT-America-Standard-Thin.eot?#iefix') format('embedded-opentype'),
		 url('fonts/gt-america/GT-America-Standard-Thin.woff2') format('woff2'),
		 url('fonts/gt-america/GT-America-Standard-Thin.woff') format('woff'),
		 url('fonts/gt-america/GT-America-Standard-Thin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GT America Light';
	src: url('fonts/gt-america/GT-America-Standard-Light.eot');
	src: url('fonts/gt-america/GT-America-Standard-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/gt-america/GT-America-Standard-Light.woff2') format('woff2'),
		 url('fonts/gt-america/GT-America-Standard-Light.woff') format('woff'),
		 url('fonts/gt-america/GT-America-Standard-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GT America Extended Medium';
	src: url('fonts/gt-america/GT-America-Extended-Medium.eot');
	src: url('fonts/gt-america/GT-America-Extended-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/gt-america/GT-America-Extended-Medium.woff2') format('woff2'),
		 url('fonts/gt-america/GT-America-Extended-Medium.woff') format('woff'),
		 url('fonts/gt-america/GT-America-Extended-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


p {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.6;
    color: #414042;
    font-weight: 300;
}

li ul {
  margin-top: 0.8em;
  margin-bottom: 1em;
}

li {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.2;
    color: #414042;
    margin-bottom: 10px;
}

.content_rows table, .content_rows td {
    border-top: none !important;
	border-right: none !important;
	border-left: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
	white-space: nowrap;
    padding: 1em;
}

.bg-black a {
	color: white !important;
}

.header {
  text-align: center !important;
}

[data-icon]:before {
  font-family: "Limb Social" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "Limb Social" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#menu-social-menu a {
  padding: 0;
  margin-right: 2px;
}

#menu-social-menu a:before {
  font-family: "Limb Social" !important;
  font-size: 22px;
  width: 21px;
  height: 21px;
}

.icon-social-facebook a:before {
  content: "\e000";
}
.icon-social-twitter a:before {
  content: "\e001";
}
.icon-social-linkedin a:before {
  content: "\e002";
}
.icon-social-googleplus a:before {
  content: "\e003";
}
.icon-social-instagram a:before {
  content: "\e004";
}
.icon-social-pinterest a:before {
  content: "\e005";
}
.icon-social-yelp a:before {
  content: "\e006";
}



#site-header {
    background: black;
}

body,
button,
input,
select,
textarea {
	font-family: 'GT America Light',sans-serif;
}

a:hover {
  text-decoration: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.themebutton, button, html input[type="button"], input[type="reset"], input[type="submit"], .themebutton:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  position: relative;
  color: #fff;
  background: #606060;
  /*border-bottom: 6px solid #A5A52B; */
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.themebutton:active, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
  border-bottom: none;
  background: #606060;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hidden-resp {
  display: none !important;
}

.show-menu .menu li a {
  color: #a6a8ab !important;
}

.show-menu .menu .menu-parent .sub-menu {
  position: relative !important;
  background-color: #6d6e70 !important;
  border: none !important;
  margin-bottom: 10px !important;
}

.show-menu .menu .menu-parent .sub-menu li {
  padding: 0 !important;
}

.show-menu .menu .menu-parent .sub-menu li a {
  border: none !important;
  color: #fff !important;
}

.show-menu .menu .menu-parent .sub-menu li a:hover {
  color: #606060 !important;
}

.carousel-control.right, .carousel-control.left {
  top: 50%;
  background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.0) 100%)!important;
}

.carousel-inner {
  background: black;
}

.slider-container {
  background-color: #eeeded;
  width: 100%;
  overflow: hidden;
}

.slider-custom-wrapper {
  height: 194px;
  width: 1200px;
  margin: 0 auto !important;
}

#logo-slider-wraper {
  float: right;
  left: 0 !important;
  width: 862px !important;
  margin-right: 54px !important;
}

.cycle-slideshow {
  height: 54px !important;
  margin: 70px auto 0px !important;
  width: 862px !important;
  overflow: hidden !important;
}

.slide {
  width: 862px !important;
  margin: 0 !important;
}

.trusted-by {
  line-height: 194px;
  float: left;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "proxima-nova",sans-serif;
  color: #929497;
  position: relative;
  margin: 0;
}

#prev {
  margin-right: -54px;
  background-image: url('img/prev.png') !important;
}

#next {
  margin-left: -54px;
  background-image: url('img/next.png') !important;
}

.logo-img {
  height: 54px;
  margin: 0 22px !important;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}

.logo-img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: none; /* Chrome, Safari, Opera */
  filter: none;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

#services-header, #blog-header {
    width: 100%;
    /*height: 415px;*/
    background: #606060;
    margin-bottom: 105px;
  }
  
  
#team-header {
    width: 100%;
    height: 415px;
    background: #606060;
  }

  .site-wrap, .blog-wrap {
    max-width: 1200px;
    margin: 0 auto;
  }

  .page-template-page-services #main-core {
    margin-bottom: 60px;
  }

  #services-header .site-wrap {
    /*height: 415px;*/
    /*background-image: url('img/heade*r-logo.png');*/
    background-repeat: no-repeat;
    background-position: left center;
  }

  #team-header .site-wrap, #blog-header .site-wrap {
    height: 160px;
    /*background-image: url('img/header-logo.png');*/
    background-size: 245px;
    background-repeat: no-repeat;
    background-position: 90% center;
  }

  #services-header .inner-wrap {
    width: 700px;
    /*float: right;*/
    margin: 50px 0 !important;
    color: #fff;
    font-family: 'Crimson Text', sans-serif;
    font-size: 12.5px;
  }

.services-core h2 {
	color: #000000;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 3px;
}

.services-core h3 {
	color: #909090;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 2px;
}

.services-core p, .services-core li {
	font-family: 'Crimson Text';
}

  h1.page-title {
    font-family: 'Crimson Text', sans-serif;
    font-size: 48px;
    letter-spacing: 4px;
    color: #fff;
    margin-bottom: 20px;
  }

  #services-header #intro.option1 {
    margin-bottom: 20px !important;
  }

  #main-content {
    margin: 0;
  }

  #content {
    padding: 10px;
  }

  .home-top-block {
    padding: 50px 0 90px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #a6a8ab;
  }

  .home-top-block p {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 35px;
    font-weight: 100;
    line-height: 1.5;
  }

  .home-profile-block {
    position: relative;
    overflow: hidden;
  }

  .client-port {
    position: relative;
    margin: 0 0 20px 0;
    overflow: hidden;
  }

  .client-port:nth-child(4n+1) { /*1st and every 5th client thereafter*/
    height: 350px;
  }

  .client-port:nth-child(4n+1) img {
    width: 100%;
    position: absolute;
    top: -50%;
  }

  .client-port:nth-child(2n+2) /*every 2nd client*/, .client-port:nth-child(4n+4) /*every 4th client*/ {
    float: left;
    width: 49%;
    height: 400px;
    margin-right: 2%;
  }

  .client-port:nth-child(3n+3) /*every 3rd client*/ {
    position: initial;
    float: right;
    width: 49%;
    height: 820px;
  }

  .client-port:nth-child(3n+3) img {
    position: absolute;
    width: auto;
    height: 820px;
  }

  .client-port a {
    display: block;
  }

  #intro.option1 {
    margin-bottom: 5px;
  }

  #intro.option1 #intro-core {
    padding: 0;
  }

  #intro.option1 #intro-core:before, #intro.option1 #intro-core:after {
    display: none;
  }

  .services-core, .team-core {
    /*margin-bottom: 70px;*/
  }

  .services-core .inner-wrap {
    max-width: 915px;
    width: 100%;
    float: right;
    margin: 0 0 70px 0;
    min-height: 140px;
  }

  .services-core .inner-wrap .service-text {
    max-width: 700px;
    width: 100%;
    float: right;
    font-size: 12.5px;
    font-family: 'Crimson Text', sans-serif;
    color: #6d6e71;
  }

  .services-core .inner-wrap .service-text h2 {
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
  }

  .services-core .inner-wrap .service-text p {
    margin: 0;
  }

  .services-core .inner-wrap .service-img img {
    width: 100%;
  }

  .service-img {
    position: relative;
    width: 140px;
    height: 140px;
    overflow: hidden;
    float: left;
  }

  a.service-img {
    display: block;
  }

  .service-img .block {
    position: absolute;
    top: 0;
    cursor: pointer;
  }

  .service-img .block:nth-child(2) {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .service-img:hover .block:nth-child(2) {
    opacity: 0;
  }

  #team-header {
    height: 160px;
    /*margin-bottom: 80px;*/
  }

  .team-block:nth-child(odd) {
    margin: 80px 0;
}

  .team-block.other .inner-wrap {
    padding: 0;
  }

  .team-block:nth-child(even) {
    background-color: #efefef;
    padding: 80px 0;
  }

  .team-block:nth-child(even) .team-image {
    
  }

  .team-block:nth-child(even) .team-text {
    
  }

  .team-image {
    float: left;
    text-align: right;
  }

  .team-image {
    width: 450px;
    /*border-radius: 50%;*/
    overflow: hidden;
  }
  
  .team-image h1 {
  	color: #606060;
    font-family: "proxima-nova",sans-serif;
    margin-bottom: 10px;
    font-size: 39px;
    font-weight: 700;
  }
  
  .team-image h2 {
  	color: #606060;
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-align: right;
    font-weight: 600;
    letter-spacing: 5px;
  }

  .team-text {
    font-family: 'Crimson Text', sans-serif;
    float: right;
    width: 1000px;
    color: #6d6e71;
  }

  .team-text h1, .team-member h1 {
    font-family: "proxima-nova",sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #a7a9ac;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    line-height: 1;
    letter-spacing: 1px;
  }

  .team-text h2, .team-member h2 {
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 1.5;
    font-size: 20px;
  }

  #team-header #intro.option1 .page-title, #blog-header #intro.option1 h1 {
    line-height: 160px;
  }

  .team-block .inner-wrap {
    max-width: 1560px;
    margin: 0 auto;
  }

.history-block .inner-wrap {
    max-width: 1560px;
    margin: 0 16px;
  }

  .team-member {
    display: inline-block;
    width: 31%;
    margin: 0 1.1%;
    text-align: center;
  }

  .team-member:last-child {
    margin: 0;
  }

  .team-member h1 {
    font-size: 36px;
  }

  .team-member p {
    text-align: left;
    padding-left: 20px;
  }

  .history-core {
    position: relative;
  }

  #parallax_190  {
    top: 0;
    left: 0;
    height: 655px !important;
    background-position: center 82% !important;
    background-size: 2006px 1563px !important;
  }

  #history-header {
    width: 100%;
    height: 135px;
    background: rgba( 168, 170, 54, 0.8 );
    position: absolute;
    bottom: 0;
  }

  #history-header #intro.option1 .page-title {
    line-height: 135px;
    width: 834px;
    float: right;
    text-align: left;
  }

  .history-block {
    position: relative;
    overflow: hidden;
  }

  .history-block:first-child {
    height: 655px;
    overflow: hidden;
  }

  .history-block .outer-wrap {
    margin: 0 auto;
    max-width: 1200px;
  }

  .history-block .inner-wrap {
    padding: 0;
    position: relative;
  }

  .history-block .history-text {
    font-family: 'Crimson Text', sans-serif;
    font-size: 12.5px;
  }

  .history-block .text-wrapper {
    position: relative;
    width: 834px;
    float: right;
    margin: 80px 30px 80px 0;
    line-height: 1.5;
  }

  .history-block .text-wrapper p:last-child {
    margin: 0;
  }

  .history-block .text-wrapper.two {
    width: 630px;
    padding-top: 0;
    float: right;
    margin: 0 120px 0 0;
  }

  .history-block .text-outer-wrap {
    width: 100%;
    float: right;
    margin-bottom: 65px;
  }

  .history-block .text-outer-wrap .text-wrapper {
    margin-bottom: 0;
  }

  .parallax-header {
    display: none;
  }

  .history-text {
    color: #6d6e71;
  }

  .history-block.two .inner-wrap, .history-block.three .inner-wrap {
    position: absolute;
    top: 0;
  }

  .history-block.two .inner-wrap p {
    color: #fff;
  }

  .history-block.three {
    position: relative;
    height: 520px;
    background: #fbfcec;
  }

  .history-block.three .text-wrapper {
    float: left;
    width: 468px;
    margin: 100px 30px 100px 10px;
  }

  .history-block.four .text-wrapper {
    width: 100%;
    float: none;
    text-align: center;
    background: rgba( 109, 110, 113, 0.9);
    position: absolute;
    top: 880px;
    color: #fff;
    padding: 85px calc((100% - 748px) / 2);
    margin-top: 0;
  }

  .history-block.four .text-wrapper span {
    color: #f6ec13;
    font-size: 18px;
  }

  .history-block.four {
    max-height: 1520px;
  }

  .history-block.four h4 {
    font-family: 'Crimson Text';
  }

  .history-block.one {
    overflow: hidden;
  }

  .history-block.one .image-wrapper {
    position: absolute;
    top: -150px;
    left: -330px;
  }

  .history-block.one .image-wrapper img {
    height: 300px;
  }

  .history-block.two {
    height: 690px;
  }

  .history-block.two .image-wrapper {
    position: absolute;
    left: -450px;
  }

  .history-block.two .image-wrapper .inner-wrapper {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
  }

  .history-block.two .image-wrapper img {
    height: 330px;
  }

  .history-block.three .image-wrapper {
    position: absolute;
    width: 535px;
    top: -20px;
    right: -600px;
  }

  #blog-header {
    height: 160px;
    margin-bottom: 0;
  }

  .cat-list {
    position: relative;
    display: block;
    background: #efefef;
    width: 100%;
  }

  .cat-list a {
    display: block;
    float: left;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 30px;
  }

  .site-wrap .inner-wrap {
    margin: 0 36px !important;
    padding: 0 !important;
  }

  .cat-list .inner-wrap {
    line-height: 80px;
  }

  .blog .blog-article, .archive .blog-article {
    background: #fff;
    border: none;
    margin: 0;
    padding: 0;
  }
  .blog .blog-wrap, .archive .blog-wrap {
    padding: 85px 0;
  }

  .blog .blog-article:nth-child(even), .archive .blog-article:nth-child(even) {
    background: #efefef;
  }

  .blog .blog-article .author, .archive .blog-article .author, .more-link.themebutton, .icon-calendar-empty, .icon-folder-open, .place-card {
    display: none;
  }

  .blog-wrap .entry-header {
    width: 274px;
    margin-right: 65px;
    display: inline-block;
  }

  .blog-article:nth-child(even) .blog-wrap .entry-header, .blog-article:nth-child(even) .blog-wrap .blog-thumb {
    float: right;
    margin: 0 0 0 65px;
  }

  .blog-wrap .entry-content {
    width: 840px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
  }

  .blog-wrap p {
    font-family: 'Crimson Text', sans-serif;
    font-size: 13px;
    color: #6d6e71;
  }

  .blog-wrap h2.blog-title {
    font-family: "proxima-nova",sans-serif;
    font-size: 30px;
    text-transform: capitalize;
    color: #a7a9ac;
    font-weight: 600;
    margin: 0;
    line-height: 1;
  }

  .blog-wrap .date, .single-wrap .date  {
    font-family: "proxima-nova",sans-serif;
    color: #606060;
    font-size: 24px;
    letter-spacing: 2px;
  }

  .blog-wrap .category, .blog-links {
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    color: #a6a8ab;
    text-transform: uppercase;
  }
  
  .blog-wrap .category a:hover {
      color: #a6a8ab;
      font-weight: 600;
  }
  
  ul.contact-list > li > a:hover {
      color: #777777;
  }

  .blog-thumb {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 270px;
    height: 270px;
    background-size: cover;
    background-position: center center;
  }

  .post-thumb {
    margin: 0 15px 40px 15px;
    max-width: 1200px;
    max-height: 880px;
    overflow: hidden;
  }

  .single-wrap {
    max-width: 825px;
    margin: 0 auto;
  }

   .blog-links {
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
  }

  .single-wrap h1 {
    font-family: "proxima-nova",sans-serif;
    font-size: 36px;
    color: #a7a9ac;
    font-weight: 600;
    margin: 0;
    line-height: 1;
  }

  .post-categories {
    display: inline-block;
  }

  .single-wrap .entry-content {
    font-family: 'Crimson Text', sans-serif;
    font-size: 13px;
    color: #6d6e71;
  }

  ul.post-categories {
    list-style: none;
    margin-left: 5px;
  }

  .single-wrap .author, .single-wrap .category {
    display: none;
  }

  .google-maps {
    position: relative;
    height: 650px;
    overflow: hidden;
  }

  .google-maps iframe {
    width: 100% !important;
    height: 650px !important;
  }

  #contact-header {
    margin-bottom: 50px;
  }

  #contact-core, #single-core {
    max-width: 1200px;
    margin: 0 auto 50px auto;
  }

  .contact-wrap .contact-info {
    width: 30%;
    float: left;
    line-height: 34px;
    padding-top: 20px;
    margin-right: 50px;
  }

  .contact-wrap .contact-form {
    width: 65%;
    display: inline-block;
  }

  .contact-info, .contact-form h1 {
    font-size: 18px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    line-height: 34px;
    color: #6d6e70;
    text-transform: uppercase;
  }

  .contact-form h1 {
    font-size: 24px;
  }

  .contact-info p {
    line-height: 34px;
  }

  .contact-list {
    position: relative;
    margin-left: 0;
  }

  .contact-list li {
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
    top: 0;
  }

  .contact-list li, .contact-list a {
    height: 34px;
    line-height: 34px;
    display: block;
    margin-left: 55px;
  }

  .contact-list li {
    margin-left: 0;
  }

  .contact-list li:nth-child(n+3) a {
    line-height: 1;
  }

  .contact-list a, .contact-list p {
    width: 280px;
  }

  .c-phone, .c-email, .c-address, .c-hours {
    background: url('img/contact-icons.png') 0 0;
    background-repeat: no-repeat;
    width: 34px;
  }

  .c-phone {
    font-size: 20px;
  }

  .c-email {
    background: url('img/contact-icons.png') -34px 0;
  }

  .c-address {
    background: url('img/contact-icons.png') -68px 0;
  }

  .c-hours {
    background: url('img/contact-icons.png') -102px 0;
  }

  .contact-form h1 {
    color: #a7a9ac;
  }

  .wpcf7-form p {
    margin-bottom: 35px;
  }

  input[type=text], input[type=email], textarea {
    height: 61px;
    padding: 23px;
    font-size: 18px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 600;
    color: #6d6e70;
    text-transform: none !important;
    background: #efefef;
  }

  input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #6d6e70;
  }
  input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, textarea::-moz-placeholder {
    color: #6d6e70;
  }
  input[type=text]:-moz-placeholder, input[type=email]:-moz-placeholder, textarea:-moz-placeholder {   /* Older versions of Firefox */
    color: #6d6e70;
  }
  input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #6d6e70;
  }

  .wpcf7-form textarea {
    height: 261px;
  }

  input[type=text]:focus, input[type=email]:focus, input[type="password"]:focus, textarea:focus {
    background: #6d6e70;
    color: #fff;
  }
  
    fieldset.ft-search > input:focus::-webkit-input-placeholder { color:transparent; }
    fieldset.ft-search > input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
    fieldset.ft-search > input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
    fieldset.ft-search > input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

  div.wpcf7-form-control-wrap {
    margin-bottom: 35px;
  }
.wpcf7 form.sent .wpcf7-response-output {
	border: none;
	border-bottom: 2px solid green; /* Green */
}

  .header {
    position: relative;
  }

  article#no-results {
    margin: 0 36px;
    padding-top: 30px;
  }

  article#no-results > header.entry-header > h1.entry-title {
    font-family: "proxima-nova",sans-serif;
    font-size: 24px;
    text-transform: uppercase;
  }
  
  .white {
      background-color: #fff !important;
  }
  
  .fix-grey {
      background-color: #f1f1f1 !important;
  }
  



.project-content-box {
	background: #f4f4f4;
}

.project-content {
    max-width: 750px;
    margin: 0 auto;
    padding: 3% 0 6%;
}

.project-content p {
    font-family: 'Giovanni';
    font-size: 19px;
    line-height: 29px;
    color: #000000;
}

.project-content h1 {
    font-family: "proxima-nova",sans-serif;
    color: #000000;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.2em;
    margin: 1.8em 0 .8em;
}




/* HEADER */

/* Table of Contents
==================================================
    Styles for each image container...
    #Base 1200 Grid
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */

@media screen and (min-width: 2002px) {
  #parallax_190  {
    background-size: cover !important;
  }
}

@media only screen and (min-width: 1600px) {

.container { position: relative; width: 1560px !important; margin: 0 auto; padding: 0; }

.container .four.columns { width: 520px !important; }
    
.header-core { height: 50px !important; max-width: 100% !important; padding: 0 4%;}

}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

	.header-core {
	  max-width: 100% !important; padding: 0 4%;
	}
  
	.box .caption h3 {
		font-size: 30px !important;
		margin: 30px !important;
		line-height: 35px !important;
	}
.text-slider-container ul, .text-slider-container ul li {
	font-size: 5vw !important;
}

}

/* #Base 1200 Grid
================================================== */
@media only screen and (min-width: 1200px) {



.header {
  height: 150px !important;
  width: 100% !important;
  z-index: 99999;
}

.header-core {
  height: 42px !important;
  max-width: 100% !important; padding: 0 4%;
  margin: 0 auto 0 auto !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.logo {
  float: left;
  height: 60px;
	-webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
}

.logo img {
  height: 60px;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}

.c-hamburger, .c-hamburger--htx {
  display: none !important;
}

.header-links {
  float: right !important;
  font-family: "proxima-nova",sans-serif;
  position: relative;
  margin-top: 14px !important;
}

.menu { 
  float: left;
  line-height: 40px !important;
  height: 40px !important; 
  margin: 0 !important;
}

#header {
	position: absolute;
}

#header .header-links ul li a {
  padding: 10px 30px !important;
}

.menu li,
.sub-menu li {
  list-style: none;
}

#search-wrap {
  display: inline-block;
  height: 26px;
  float: right;
  padding: 5px 0;
  margin-top: 16px !important;
}

.smaller .header-core #search-wrap {
  margin-right: 30px !important;
}

.cust-search input[type="text"] {
  height: 26px;
  margin-right: -30px;
  border: none;
  outline: none;
  color: #FFF;
  padding: 0 40px 0 0;
  width: 0px;
  position: relative;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  text-transform: none;
}

#header-links-inner {
  margin-right: 0px !important;
  float: right;
}

.cust-search input::-webkit-input-placeholder,
.cust-search input:-moz-placeholder,
.cust-search input::-moz-placeholder,
.cust-search input:-ms-input-placeholder { /* WebKit browsers */
  line-height: 26px;
  padding: 0;
  margin: 0;
  font-size: 16px;
}

.cust-search input[type="text"]:focus:hover {
}

.cust-search input[type="text"]:focus {
  width: 243px;
  padding-left: 10px;
  z-index: 1;
  border: 1px solid #a6a8ab;
  cursor: text;
  border-radius: 50px;
  background-color: #a6a8ab;
}

.cust-search input[type="submit"] {
  height: 26px;
  width: 26px;
  display: inline-block;
  color:red;
  float: right;
  background: url("img/search.svg") center center no-repeat;
  text-indent: -10000px;
  border: none;
  right: 0;
  z-index: 2;
  cursor: pointer;
  cursor: pointer;
  transition: opacity .4s ease;
}

.cust-search input[type="submit"]:hover {
  opacity: 0.8;
  background: url("img/search-close.png") center center no-repeat;
}

#header.smaller {
    position:fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    margin-left: 0px;
    margin-top: 0px;
    max-height: 100px;
    background: rgba(255,255,255,1);
}


.header.smaller .header-core .header-links {
  margin-top: 0px !important;
}

.header.smaller .header-core #search-wrap {
  margin-top: 0px !important;
}

.smaller .header-core .logo {
  position: static;
}

.smaller .header-core .logo img {
  height: 50px;
}

/* NAVIGATION */

#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a, 
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
  color: #ffffff !important;
}

#header .header-links > ul > li a{
	color: #ffffff !important;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 15pt;
}

#header .menu > li.current_page_item > a {
  color: #000;
}

#port-filter {
  margin-bottom: 50px;
}

#legend {
  margin-bottom: 20px;
}

#header .header-links .sub-menu {
  display: none;
  float: left;
  position: absolute;
  z-index: 9999;
  background: #f4f4f4;
  border: none;
  padding: 10px 0;
  text-align: left;
}
#header .header-links .sub-menu a {
  border: none;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0 20px !important;
}
#header .header-links .sub-menu li:last-child > a {
  border: 0;
}
#header .header-links .sub-menu a:hover,
#header .header-links .sub-menu .current-menu-item a {
}

#pre-header .sub-menu li,
#header .sub-menu li {
  float: none;
  position: relative;
}
#header .sub-menu li {
  padding: 0 10px;
  color: #a6a8ab;
}
#header .sub-menu li:hover {
  background-color: #606060 !important;
  color: #fff !important;
}

#header .sub-menu li a:hover {
  color: #fff !important;
  padding: 0px 20px 0px 10px !important;
}

.eight.columns {
  overflow: hidden;
}

.six-fix-height {
  max-height: 738px;
  overflow: hidden;
}

.project-container {
  /*margin-top: 30px !important;*/
}

div.post-info-wrap > a:hover > img {
  display: none;
}

div.post-info-wrap > a:hover > img#active {
  display: inherit !important;
  visibility: visible;
}

.capabilities-wrap {
  margin-top: 10px;
  width: 100%;
  text-align: center !important;
}

.post-content-wrap {
  width: 1170px;
  margin: 0 auto 60px;
  display: block;
  text-align: justify;
  font-family: 'Crimson Text';
}

.project-feature-image {
  max-width: 100%;
  max-height: 300px;
  overflow: hidden;
}

.single-project-description {
  width: 1170px;
  text-align: center !important;
  font-weight: bold;
  font-size: 1.5em;
  margin-top: 30px;
  font-style: italic;
  margin: 0 auto;
}

div.project-container > div.row {
  width: 100%;
}

.custom-wrapper {
  display: block-inline;
  position: relative;
}

.homeslider {
	border-bottom: 8px solid #d5e739;
}

/* ESG Page */
.flipbook-right-arrow {
  background: url(https://limbcodev.wpengine.com/wp-content/themes/limb/img/icon-next-white.svg) !important;
  background-size: cover !important;
}
.flipbook-icon-keyboard_arrow_right:before {
  content: '';
}
.flipbook-icon-keyboard_arrow_left:before {
  content: '';
}
.flipbook-left-arrow {
  background: url(https://limbcodev.wpengine.com/wp-content/themes/limb/img/icon-prev-white.svg) !important;
  background-size: cover !important;
}


/* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; overflow: hidden;}

   /* .column, .columns                           { padding-bottom: 0px; } */
  
    /* Base Grid */
    .container .one.column                      { width: 76px;  }
    .container .two.columns                     { width: 176px; }
    .container .three.columns                   { width: 276px; }
    .container .four.columns                    { width: 33.33%; }
    .container .five.columns                    { width: 476px; }
    .container .six.columns                     { width: 571px; }
    .container .seven.columns                   { width: 676px; }
    .container .eight.columns                   { width: 770px; }
    .container .nine.columns                    { width: 876px; }
    .container .ten.columns                     { width: 976px; }
    .container .eleven.columns                  { width: 1068px; }
    .container .twelve.columns                  { width: 100%; }

    .container .one-third.column                { width: 376px; }
    .container .two-thirds.column               { width: 776px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 100px;  }
    .container .offset-by-two                   { padding-left: 200px; }
    .container .offset-by-three                 { padding-left: 300px; }
    .container .offset-by-four                  { padding-left: 400px; }
    .container .offset-by-five                  { padding-left: 500px; }
    .container .offset-by-six                   { padding-left: 600px; }
    .container .offset-by-seven                 { padding-left: 700px; }
    .container .offset-by-eight                 { padding-left: 800px; }
    .container .offset-by-nine                  { padding-left: 900px; }
    .container .offset-by-ten                   { padding-left: 1000px; }
    .container .offset-by-eleven                { padding-left: 1100px; }

  .container .landscape, .container .portrait { position: relative; overflow: hidden; text-align: center; line-height: 0; }

  .container .landscape-half { position: relative; overflow: hidden; text-align: center; height: 357px; }

  .top { margin-bottom: 24px;}

  .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
  /*.column, .columns                           { float: left; display: inline; line-height: 0; width: 100%} */
  .row                                        { margin: 0 !important; display: table !important; width: 100%; }

  .mainwrapper                                { text-align: center; /*margin-bottom: 100px;*/ }
  .box {
    position: relative; 
    overflow: hidden; 
    
  }
  
  .right {
    float: right !important;
  }

  .margin-fix {
    width: 566px;
  }

  .fix-eight {
    width: 756px;
  }

  .box img {
    left: 0;
    height: auto;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
  }

  .box .caption {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    z-index: 2;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
  }

  .box .fade-caption,
  .box .scale-caption {
    opacity: 0;
  }

  .box:hover .fade-caption {
    opacity: 1;
    border-radius: 50%;
  }

  .caption-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  
  .box:hover {
  	border-radius: 50%;
  }
  
  .box:hover img {
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    
  }

	.box .caption h3 {
		color: white;
		font-family: "proxima-nova",sans-serif;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 43px;
		margin: 50px;
		line-height: 48px;
	}
	
	.box .caption .home-case-study-button {
		width: 90px;
		height: 90px;
		border: 1px solid #d5e739;
		display: inline-block;
		font-weight: 600;
		border-radius: 50%;
		padding-top: 26px;
		text-align: center;
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 2px;
		padding-left: 3px;
	}
	
	.box .caption .home-case-study-button:hover {
		width: 90px;
		height: 90px;
		border: 1px solid #d5e739;
		display: inline-block;
		font-weight: 600;
		border-radius: 50%;
		padding-top: 26px;
		text-align: center;
		font-size: 11px;
		line-height: 18px;
		letter-spacing: 2px;
		padding-left: 3px;
		color: black;
		background: #d5e739;
	}

  .project-title {
    color: white;
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
  }

  .box .caption p {
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 14px;
    color: #ffffff;
    font-weight: 600;
  }
  
  .box .caption hr {
  	width: 60px;
  	border: 0;
  	height: 2px;
  	background: #d5e739;
  }

  .blog-date {
    display: block;
    height: 100px;
    width: 100px;
    border: 1px solid white;
    border-radius: 50px;
    text-align: center;
    text-align: center;
    margin: 0 auto 20px auto;
  }

  .blog-date span {
      display: block;
      
  }

  .date-month {
    font-family: "proxima-nova",sans-serif;
    font-size: 17pt;
    margin: 0;
    padding: 0;
    position: relative;
    margin-top: 32px;
    text-transform: uppercase;
  }

  .date-day {
    margin: 0;
    font-size: 28pt;
    letter-spacing: 0.05em;
    margin-top: 35px;
    font-weight: 600;
    font-family: "proxima-nova",sans-serif;
  }

  .home-top-block {
    font-size: 3vw !important;
  }

  .nav-up-wrapper {
    height: 80px;
    width: 100%;
    position: absolute;
    margin: -40px 0 0 0;
    text-align: center;
  }

  .nav-up-out {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    background-color: #eeeded;
    border-radius: 50%;
    padding: 5px;
  }

  .nav-up {
    height: 70px;
    width: 70px;
    margin: 0;
    background-color: #a6a8ab;
    border-radius: 50%;
    font-size: 50px;
    color: #eeeded;
    padding: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }

  .nav-up:hover {
    background-color: #606060;
  }

  .button-nav {
    margin: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    background: none;
    font-size: 50px;
    color: #eeeded;
    border: none;
  }

  .button-nav:hover {
    margin: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    background: none;
    font-size: 50px;
    color: #eeeded;
    border: none;
  }

  .button-nav:focus {
    border: none;
  }

  .nav-up-img {
    vertical-align: top;
    margin-top: 27px;
    width: 26px;
  }

  .icon-social-facebook a:hover {
    color: #669dff !important;
  }

  .icon-social-twitter a:hover {
    color: #33c5ff !important;
  }

  .icon-social-linkedin a:hover {
    color: #0db5ff !important;
  }

  .icon-social-googleplus a:hover {
    color: #ff795f !important;
  }

  .icon-social-instagram a:hover {
    color: #57b3ff !important;
  }

  .icon-social-pinterest a:hover {
    color: #ff4a64 !important;
  }

  .icon-social-yelp a:hover {
    color: #ff6161 !important;
  }

  #services-header .inner-wrap {
    font-size: 14px;
  }

}

/* #Base 960
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1199px) {
    .text-slider-container ul, .text-slider-container ul li {
	font-size: 5vw !important;
}
        .container                                  { width: 940px !important; }
        .container .column,
        .container .columns                         { float: left; display: inline; line-height: 0; }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 12px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 12px; }

        .container .one.column                      { width: 56px; }
        .container .two.columns                     { width: 136px; }
        .container .three.columns                   { width: 216px; }
        .container .four.columns                    { width: 33.33%; }
        .container .five.columns                    { width: 376px; }
        .container .six.columns                     { width: 461px; }
        .container .seven.columns                   { width: 536px; }
        .container .eight.columns                   { width: 614px; }
        .container .nine.columns                    { width: 696px; }
        .container .ten.columns                     { width: 776px; }
        .container .eleven.columns                  { width: 856px; }
        .container .twelve.columns                  { width: 940px; }

        .container .one-third.column                { width: 296px; }
        .container .two-thirds.column               { width: 616px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 80px; }
        .container .offset-by-two                   { padding-left: 160px; }
        .container .offset-by-three                 { padding-left: 240px; }
        .container .offset-by-four                  { padding-left: 320px; }
        .container .offset-by-five                  { padding-left: 400px; }
        .container .offset-by-six                   { padding-left: 480px; }
        .container .offset-by-seven                 { padding-left: 560px; }
        .container .offset-by-eight                 { padding-left: 640px; }
        .container .offset-by-nine                  { padding-left: 720px; }
        .container .offset-by-ten                   { padding-left: 800px; }
        .container .offset-by-eleven                { padding-left: 880px; }
    
    .container .five.columns .portrait,
    .container .seven.columns .landscape    { height: 355px; }
    
    .container .six.columns .landscape      {  }
    
    .container .eight.columns .landscape,
    .container .four.columns .portrait      { height: 384px !important; overflow: hidden !important; }
    
    .container .four.columns .landscape     {  }

    .container .landscape, .container .portrait { position: relative; overflow: hidden; text-align: center; line-height: 0; }

    .container .landscape-half { position: relative; overflow: hidden; text-align: center; line-height: 0; }

    .top { margin-bottom: 18px;}

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns,                           
    .row                                        { margin: 0 !important; display: table !important; max-width: 940px !important; }

    .mainwrapper                                { text-align: center; }

.header {
  height: 150px !important;
  width: 940px !important;
  z-index: 99999;
  margin: 0 auto 0 auto;
}

.header.smaller {
  width: 100% !important;
}

.header-core {
  height: 40% !important;
  max-width: 960px !important;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}

.logo {
  float: left;
  height: 50px;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -ms-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
}

.logo img {
    height: 58px;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}

.c-hamburger, .c-hamburger--htx {
  display: none !important;
}

.header-links {
  float: right !important;
  font-family: "proxima-nova",sans-serif;
  position: relative;
}

.menu { 
  line-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  margin-top: 10px !important;
}

.menu li,
.sub-menu li {
  list-style: none;
}

.header-links {
  margin: 0 !important;
  float: right;
}

#header .header-links ul li a {
  padding: 12px 20px !important;
}

#search-wrap {
  display: inline-block;
  height: 26px;
  float: right;
  padding: 5px 0;
  margin-top: 10px;
}

.smaller .header-core #search-wrap {
  margin-top: 0px;
  margin-right: 30px;
}

.smaller .header-core .main-navigation {
  margin-right: 30px;
}

.cust-search input[type="text"] {
  height: 26px;
  border: none;
  outline: none;
  color: #FFF;
  padding-right: 40px;
  width: 0px;
  position: absolute;
  right: 0;
  background: none;
  z-index: 3;
  transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
  cursor: pointer;
  font-size: 17px;
  font-weight: 300;
}

.smaller .header-core #search-wrap .cust-search input[type="text"] {
  margin-right: 30px;
}

.cust-search input::-webkit-input-placeholder { /* WebKit browsers */
  line-height: 1.5em;
}
.cust-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  line-height: 1.5em;
}
.cust-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
  line-height: 1.5em;
}
.cust-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
  line-height: 1.5em;
}

.cust-search input[type="text"]:focus:hover {
}

.cust-search input[type="text"]:focus {
  width: 243px;
  padding-left: 10px;
  z-index: 1;
  border: 1px solid #a6a8ab;
  cursor: text;
  border-radius: 50px;
  background-color: #a6a8ab;
}

.cust-search input[type="submit"] {
  height: 26px;
  width: 26px;
  display: inline-block;
  color:red;
  float: right;
  background: url("img/search.png") center center no-repeat;
  text-indent: -10000px;
  border: none;
  right: 0;
  z-index: 2;
  cursor: pointer;
  cursor: pointer;
  transition: opacity .4s ease;
}

.cust-search input[type="submit"]:hover {
  opacity: 0.8;
  background: url("img/search-close.png") center center no-repeat;
}

#header.smaller {
    position:fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    margin-left: 0px;
    margin-top: 0px;
    max-height: 100px;
    background: rgba(255,255,255,0.95);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.smaller .header-core .logo {
  position: static;
  margin-top: -5px;
  margin-left: 30px;
}

.smaller .header-core .logo img {
  height: 50px;
}

.smaller .header-core .main-navigation .header-links .menu {
  margin-top: 0px !important;
}

.smaller .header-core #search-wrap .cust-search input[type="text"] {
    margin-right: 30px;
}

.smaller .header-core .main-navigation #search-wrap {
  margin-right: 0px !important;
}

/* NAVIGATION */

#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a, 
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
  color: #C4D600;
}

#header .header-links > ul > li a{
  color: #a6a8ab !important;
  font-size: 17px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 17px;
}

#header .menu > li.current_page_item > a {
}

#port-filter {
  margin-bottom: 50px;
}

#legend {
  margin-bottom: 20px;
}

ul.ft-menu > li.ft-field {
  width: 180px;
  border-bottom: 1px solid #a6a8ab;
  margin-right: 50px;
}

.ft-field .field-arrow {
  position: absolute;
  right: -28px;
  width: 30px;
  height: 30px;
  background: url('img/field-arrow.png') center top no-repeat;
}

ul.ft-menu > li.ft-field > span.ft-label:before, ul.ft-menu > li.ft-field > span.ft-label:after, ul.ft-menu > li.ft-field > div.ft-panel:before, ul.ft-menu > li.ft-field > div.ft-panel:after {
  display: none;
}

ul.ft-menu > li.ft-field > span.ft-label {
  display: block;
  font-size: 11px;
  color: #a6a8ab;
  text-transform: uppercase;
  padding-bottom: 3px;
}

ul.ft-menu > li.ft-field > div.ft-panel {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  background-clip: initial;
  left: initial;
  margin: 0;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected {
  padding: 0;
  background: none;
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search {
  background: none;
  margin-bottom: 5px;
  padding: 5px 0;
  border-bottom: 1px solid #a6a8ab;
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input {
  background: #f1f1f2;
  border-radius: 0px;
  box-shadow: none;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 3px;
  padding: 3px 3px 3px 25px;
  width: 160px;
  height: 30px;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags {
  background: #000;
  padding: 10px 10px 20px 20px;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
  font-family: "proxima-nova",sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  color: #a6a8ab;
  font-weight: normal;
  text-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #a6a8ab;
  letter-spacing: 3px;
  background: #000;
  padding: 10px 35px 10px 0;
}

#header .header-links .sub-menu {
  display: none;
  float: left;
  position: absolute;
  z-index: 9999;
  background: #f4f4f4;
  border: none;
}
#header .header-links .sub-menu a {
  border: none;
  font-size: 12px;
  line-height: 32px;
  margin: 0;
  padding: 0 20px 0 10px;
}
#header .header-links .sub-menu li:last-child > a {
  border: 0;
}
#header .header-links .sub-menu a:hover,
#header .header-links .sub-menu .current-menu-item a {
}

#pre-header .sub-menu li,
#header .sub-menu li {
  float: none;
  position: relative;
}
#header .sub-menu li {
  padding: 2px 10px;
  color: #a6a8ab;
}
#header .sub-menu li:hover {
  background-color: #606060 !important;
  color: #fff !important;
}

#header .sub-menu li a:hover {
  color: #fff !important;
}

.box {
  position: relative; 
  overflow: hidden; 
}

.right {
  float: right !important;
}

.six-fix-height a div img {
  height: 596px !important;
  width: 461px !important;
}

.box img {
  left: 0;
  height: auto;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
}

.box .caption {
  background-color: #606060;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -o-transition: all 600ms ease-out;
  -ms-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.box .fade-caption,
.box .scale-caption {
  opacity: 0;
}

.box:hover .fade-caption {
  opacity: 0.95;
}

.caption-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.box:hover img {
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.box .caption h3 {
  color: white;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18pt;
}

.project-title {
  color: white;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
}

.box .caption p {
  font-family: 'Crimson Text';
  text-transform: uppercase;
  font-size: 14pt;
  letter-spacing: 4px;
  line-height: 14pt;
}

.blog-date {
  display: block;
  height: 100px;
  width: 100px;
  border: 1px solid white;
  border-radius: 50px;
  text-align: center;
  text-align: center;
  margin: 0 auto 20px auto;
}

.blog-date span {
    display: block;
    
}

.date-month {
  font-family: "proxima-nova",sans-serif;
  font-size: 17pt;
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: 25px;
  text-transform: uppercase;
}

.date-day {
  margin: 0;
  font-size: 38pt;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.left { margin-right: 18px !important; margin-bottom: 18px !important;  }

.eight.columns {
  max-height: 363px;
  overflow: hidden;
}

.six-fix-height {
  max-height: 596px;
  overflow: hidden;
}

.home-top-block {
  width: 940px !important;
  margin-left: auto;
  margin-right: auto;
  font-size: 3.5vw !important;
}

.slider-container {
  background-color: #eeeded;
  width: 100%;
}

.slider-custom-wrapper {
  height: 194px;
  width: 940px;
  margin: 0 auto !important;
}

#logo-slider-wraper {
  float: right;
  left: 0 !important;
  width: 684px !important;
  margin-right: 54px !important;
}

.cycle-slideshow {
  height: 54px !important;
  margin: 70px auto 0px !important;
  width: 684px !important;
  overflow: hidden !important;
}

.slide {
  width: 684px !important;
  margin: 0 !important;
}

.trusted-by {
  line-height: 194px;
  float: left;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "proxima-nova",sans-serif;
  color: #929497;
  position: relative;
  margin-bottom: 0px;
}

#prev {
  margin-right: -54px;
  background-image: url('img/prev.png') !important;
}

#next {
  margin-left: -54px;
  background-image: url('img/next.png') !important;
}

.logo-img {
  height: 54px;
  margin: 0 22px !important;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}

.logo-img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: none; /* Chrome, Safari, Opera */
  filter: none;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.project-feature-image-full hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.project-feature-image-full p {
	font-size: 36px !important;
    line-height: 1.4em !important;
}

.nav-up-wrapper {
    height: 80px;
    width: 100%;
    position: absolute;
    margin: -40px 0 0 0;
    text-align: center;
  }

  .nav-up-out {
    height: 80px;
    width: 80px;
    margin: 0 auto;
    background-color: #eeeded;
    border-radius: 50%;
    padding: 5px;
  }

  .nav-up {
    height: 70px;
    width: 70px;
    margin: 0;
    background-color: #a6a8ab;
    border-radius: 50%;
    font-size: 50px;
    color: #eeeded;
    padding: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }

  .nav-up:hover {
    background-color: #606060;
  }

  .button-nav {
    margin: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    background: none;
    font-size: 50px;
    color: #eeeded;
    border: none;
  }

  .button-nav:hover {
    margin: 0;
    padding: 0;
    height: 70px;
    width: 70px;
    background: none;
    font-size: 50px;
    color: #eeeded;
    border: none;
  }

  .button-nav:focus {
    border: none;
  }

  .nav-up-img {
    vertical-align: top;
    margin-top: 27px;
    width: 26px;
  }

  #menu-social-menu {
    margin-top: 0px !important;
  }

  #menu-social-menu li {
    margin: 0 !important;
  }

  .footer-sep {
    width: 70px !important;
  }

  .icon-social-facebook a:hover {
    color: #669dff !important;
  }

  .icon-social-twitter a:hover {
    color: #33c5ff !important;
  }

  .icon-social-linkedin a:hover {
    color: #0db5ff !important;
  }

  .icon-social-googleplus a:hover {
    color: #ff795f !important;
  }

  .icon-social-instagram a:hover {
    color: #57b3ff !important;
  }

  .icon-social-pinterest a:hover {
    color: #ff4a64 !important;
  }

  .icon-social-yelp a:hover {
    color: #ff6161 !important;
  }

  body {
    padding: 0;
  }

  #services-header .inner-wrap {
    width: 568px;
  }

  .services-core .inner-wrap {
    margin-right: 0;
    max-width: 768px;
  }

  #services-header #intro.option1 {
    margin-bottom: 20px !important;
  }

  .services-core .inner-wrap .service-text {
    max-width: 564px;
  }

  #team-header .site-wrap, #blog-header .site-wrap {
    padding: 0 10px;
    max-width: 960px;
  }

  .team-image {
    width: 30%;
  }

  .team-text {
    width: 60%;
    float: left;
    margin-left: 50px;
  }

  .site-wrap, .blog-wrap, .single-wrap {
      max-width: 960px;
      margin: 0 auto;
      padding: 0 10px;
  }

  .single-wrap > div.blog-links,
  .single-wrap > h1,
  .single-wrap > article {
    margin-left: 15px;
    margin-right: 15px; 
  }

  .blog .blog-wrap, .archive .blog-wrap {
    padding: 80px 10px;
    max-width: 960px;
  }

  .blog-article:nth-child(odd) .blog-thumb {
    margin-right: 60px;
  }

  .blog-wrap .entry-content {
    width: 57%;
  }

  .cat-list .inner-wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px;
  }

  .contact-wrap {
    width: 90%;
    margin: 0 auto;
  }

  .contact-wrap .contact-form {
    width: 64%;
  }

  .team-block .inner-wrap {
    max-width: 940px;
    margin: 0 auto;
  }

  #parallax_190  {
    background-size: 1200px auto !important;
    background-position: 50% -125px !important;
  }

  .history-block .outer-wrap {
    max-width: 960px;
    width: 100%;
  }

  #history-header #intro.option1 .page-title {
    width: 562px;
    margin-right: 74px;
  }

  .history-block.two {
    height: 760px;
  }

  .history-block.one .image-wrapper {
    top: -130px;
  }

   .history-block .text-wrapper {
    width: 562px;
    margin: 68px 0;
    margin-right: 120px;
  }

  .history-block .text-wrapper.two {
    width: 335px;
    margin-bottom: 60px;
  }

  .history-block.one .image-wrapper {
    left: -220px;
  }

  .history-block.two .image-wrapper {
    left: -390px;
  }

  .history-block.two .inner-wrap, .history-block.three .inner-wrap {
    width: 960px;
  }

  .history-block.three {
    height: 566px;
  }

  .history-block.three .outer-wrap {
    max-width: 805px;
  }

  .history-block.three .text-wrapper {
    margin: 80px 30px 80px 86px;
    width: 353px;
  }

  .history-block.three .image-wrapper {
    top: 0;
    right: -430px;
    width: 409px;
  }

  .history-block.four {
    height: 1290px
  }

  .history-block.four .text-wrapper {
    top: 650px;
  }

  .page-template-page-services #content-core {
    margin: 0 120px 0 auto;
  }

}


/* #Tablet (Portrait)
================================================== */

  /* Note: Design for a width of 768px */

  @media only screen and (min-width: 768px) and (max-width: 959px) {
  .text-slider-container ul, .text-slider-container ul li {
	font-size: 5vw !important;
}
  .project-feature-image-full hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.project-feature-image-full p {
	font-size: 36px !important;
    line-height: 1.4em !important;
}

div.project-feature-image-full {
    padding: 70px 100px 0 !important;
}

.project-content {
    padding: 3% 5% 6% !important;
}

  .container                                  { width: 704px !important;    padding-right: 0;    padding-left: 0; }
  .container .column,
  .container .columns                         { max-width: 704px; }
  .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 12px; }
  .column.omega, .columns.omega               { margin-right: 0; margin-left: 12px; }

  .container .one.column                      { width: 40px; }
  .container .two.columns                     { width: 104px; }
  .container .three.columns                   { width: 168px; }
  .container .four.columns                    { width: 230px; }
  .container .five.columns                    { width: 296px; }
  .container .six.columns                     { width: 345px; }
  .container .seven.columns                   { width: 424px; }
  .container .eight.columns                   { width: 460px; }
  .container .nine.columns                    { width: 552px; }
  .container .ten.columns                     { width: 616px; }
  .container .eleven.columns                  { width: 680px; }
  .container .twelve.columns                  { width: 744px; }

  .container .one-third.column                { width: 232px; }
  .container .two-thirds.column               { width: 488px; }

  /* Offsets */
  .container .offset-by-one                   { padding-left: 64px; }
  .container .offset-by-two                   { padding-left: 128px; }
  .container .offset-by-three                 { padding-left: 192px; }
  .container .offset-by-four                  { padding-left: 256px; }
  .container .offset-by-five                  { padding-left: 320px; }
  .container .offset-by-six                   { padding-left: 384px; }
  .container .offset-by-seven                 { padding-left: 448px; }
  .container .offset-by-eight                 { padding-left: 512px; }
  .container .offset-by-nine                  { padding-left: 576px; }
  .container .offset-by-ten                   { padding-left: 640px; }
  .container .offset-by-eleven                { padding-left: 704px; }
  
  .container .five.columns .portrait,
  .container .seven.columns .landscape    { height: 280px; }
  
  .container .six.columns .landscape      { height: 230px; }
  
  .container .eight.columns .landscape,
  .container .four.columns .portrait      { height: 287px; }
  
  .container .four.columns .landscape     { height: 142px; }

  .mainwrapper {
    padding: 0 !important;
  }

  .row {
    width: 704px !important;
    margin: 0 !important;
    margin-bottom: 14px !important;
  }

  .left {
    float: left !important;
  }

  .right {
    float: right !important;
    margin-left: 14px !important;
  }

  #header {
    display: block;
    width: 100%;
  }

  .header {
    min-height: 122px !important;
    z-index: 99999;

  }

  #header-links {
    float: none;
    display: block !important;
  }

  .header-core {
    max-width: 704px !important;
    position: relative;
    padding-top: 32px;
  }

  .logo {
    float: left;
    height: 60px;
    margin-left: 0px !important;
    -webkit-transition: margin 0.3s ease-in-out;
    -moz-transition: margin 0.3s ease-in-out;
    -ms-transition: margin 0.3s ease-in-out;
    -o-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
    z-index: 9999;
  }

  .logo img {
      height: 60px;
      -webkit-transition: max-height 0.3s ease-in-out;
      -moz-transition: max-height 0.3s ease-in-out;
      -ms-transition: max-height 0.3s ease-in-out;
      -o-transition: max-height 0.3s ease-in-out;
      transition: max-height 0.3s ease-in-out;
  }

  #search-wrap {
    margin-top: 10px !important;
    display: inline-block;
    height: 26px;
    float: right;
    padding: 5px 0;
    z-index: 9999;
  }

  .cust-search input[type="text"] {
    height: 26px;
    border: none;
    outline: none;
    color: #FFF;
    padding-right: 40px;
    width: 0px;
    position: absolute;
    right: 50px;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    font-size: 17px;
    font-weight: 300;
  }

  .cust-search input::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
  }
  .cust-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
  }
  .cust-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
  }
  .cust-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 26px;
  }

  .cust-search input[type="text"]:focus:hover {
  }

  .cust-search input[type="text"]:focus {
    width: 243px;
    padding-left: 10px;
    z-index: 1;
    border: 1px solid #a6a8ab;
    cursor: text;
    border-radius: 50px;
    background-color: #a6a8ab;
  }

  .cust-search input[type="submit"] {
    height: 26px;
    width: 26px;
    display: inline-block;
    color:red;
    float: right;
    background: url("img/search.png") center center no-repeat;
    text-indent: -10000px;
    border: none;
    right: 0;
    z-index: 2;
    cursor: pointer;
    cursor: pointer;
    transition: opacity .4s ease;
  }

  .cust-search input[type="submit"]:hover {
    opacity: 0.8;
    background: url("img/search-close.png") center center no-repeat;
  }
  
  .c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    background-color: transparent;
    float: right;
    margin: 17px 0px 0px 26px !important;
    z-index: 9999;
  }

  .c-hamburger:focus {
    outline: none;
  }

  .c-hamburger span {
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
    height: 1px;
    background: #6d6e70;
  }

  .c-hamburger span::before,
  .c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #6d6e70;
    content: "";
  }

  .c-hamburger span::before {
    top: -9.5px;
  }

  .c-hamburger span::after {
    bottom: -9.5px;
  }

  .c-hamburger--htx {
    
  }

  .c-hamburger--htx:hover {
    background: transparent;
    border: none;
  }

  .c-hamburger--htx span {
    transition: background 0s 0.3s;
  }

  .c-hamburger--htx span::before,
  .c-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
  }

  .c-hamburger--htx span::before {
    transition-property: top, transform;
  }

  .c-hamburger--htx span::after {
    transition-property: bottom, transform;
  }

  /* active state, i.e. menu open */
  .c-hamburger--htx.is-active {
  }

  .c-hamburger--htx.is-active span {
    background: none;
  }

  .c-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .c-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }

  .c-hamburger--htx.is-active span::before,
  .c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
    background: #606060;
  }

  .hidden-resp {
    display: block !important;
  }

  .menu {
    display: none !important;
    margin-top: 40px !important;
    margin-bottom: 42px !important;
    padding: 8px 0 !important;
    margin-left: 0;
  }

  .show-menu {
    width: 100vw;
  }

  .show-menu .menu {
    display: block !important;
    background-color: #f4f4f4 !important;
  }

  .sub-menu {
    margin-left: 0;
  }

  .menu li a {
    text-transform: uppercase !important;
    padding: 10px 0 !important;
    font-size: 15px !important;
    letter-spacing: 1.2px;
  }

  .menu li a:hover,
  .sub-menu li a:hover {
    color: #606060 !important;
  }

  .sub-menu li {
    list-style: none;
  }

  .sub-menu li a {
    color: #fff !important;
    background-color: #6d6e70 !important;
  }

  .home-top-block {
    width: 704px !important;
    margin-left: auto;
    margin-right: auto;
    font-size: 3.3vw !important;
  }

  .header.smaller {
    width: 100% !important;
  }

  .smaller .header-core #search-wrap {
    margin-right: 0px !important;
  }

  .smaller .header-core #search-wrap .cust-search input[type="text"] {
    margin-right: 26px !important;
  }

#header.smaller {
    position:fixed;
    z-index: 9999;
    width: 100%;
    left: 0;
    margin-left: 0px;
    margin-top: 0px;
    max-height: 80px;
    min-height: 80px !important;
    background: rgba(255,255,255,0.95);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.smaller .header-core {
  padding-top: 20px !important;
}

.header.smaller .header-core .header-links {
  margin-top: 0px !important;
}

.header.smaller .header-core #search-wrap {
  margin-top: 0px !important;
}

.smaller .header-core .logo {
  position: static;
  margin-top: 0;
  margin-left: 24px !important;
}

.smaller .header-core .logo img {
  height: 40px;
}

.smaller .header-core .main-navigation .c-hamburger {
  margin-top: 6px !important;
  margin-right: 24px !important;
}

.smaller div .menu {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.box {
  position: relative; 
  overflow: hidden; 
}

.top {
  margin-bottom: 14px !important;
}

.box img {
  left: 0;
  height: auto;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .caption {
  background-color: #606060;
  color: #fff;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.box .fade-caption,
.box .scale-caption {
  opacity: 0;
  padding: 15px;
}

.box:hover .fade-caption {
  opacity: 0.9;
}

.box:hover img {
  -moz-transform: scale(1.4);
  -o-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.box .caption h3 {
  color: white;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 3vw;
  margin-top: 1vw;
}

.project-title {
  margin-top: 20%;
  color: white;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 3vw;
}

.box .caption p {
  font-family: 'Latin Modern Roman Caps', serif;
}

.blog-date {
  display: block;
  width: 30%;
  margin-left: 35%;
  border: 2px solid white;
  border-radius: 50px;
  text-align: center;
  margin-top: 3vw;
}

.blog-date span {
    display: block;
}

.date-month {
  margin: 2vw auto;
  font-size: 2vw;
  text-transform: uppercase;
}

.date-day {
  margin: 2vw auto;
  margin-bottom: 3vw;
  font-size: 4vw;
}

.six-fix-height {
  height: 445px !important;
  overflow: hidden;
}

.slider-container {
  background-color: #eeeded;
  width: 100%;
}

.slider-custom-wrapper {
  height: 150px;
  width: 704px;
  margin: 0 auto !important;
}

#logo-slider-wraper {
  float: none;
  left: 0 !important;
  width: 596px !important;
  margin: 0 auto !important;
}

.cycle-slideshow {
  height: 40px !important;
  margin: 0 0 0 0 !important;
  width: 596px !important;
  overflow: hidden !important;
}

.slide {
  width: 596px !important;
  margin: 0 !important;
}

.trusted-by {
  width: 100%;
  text-align: center;
  font-size: 15pt;
  line-height: 15pt;
  margin-top: 30px;
  float: left;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "proxima-nova",sans-serif;
  color: #929497;
  position: relative;
  margin-bottom: 28px;
}

.slider-controls {
  width: 596px !important;
}

#prev {
  margin-right: -54px;
  background-image: url('img/prev.png') !important;
}

#next {
  margin-left: -54px;
  background-image: url('img/next.png') !important;
}

.logo-img {
  height: 40px;
  margin: 0 20px !important;
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}

.logo-img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: none; /* Chrome, Safari, Opera */
  filter: none;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.nav-up-wrapper {
    height: 56px;
    width: 100%;
    position: absolute;
    margin: -28px 0 0 0;
    text-align: center;
  }

  .nav-up-out {
    height: 56px;
    width: 56px;
    margin: 0 auto;
    background-color: #eeeded;
    border-radius: 50%;
    padding: 5px;
  }

  .nav-up {
    height: 46px;
    width: 46px;
    margin: 0;
    background-color: #a6a8ab;
    border-radius: 50%;
    font-size: 50px;
    color: #eeeded;
    padding: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
  }

  .nav-up:hover {
    background-color: #606060;
  }

  .button-nav {
    margin: 0;
    padding: 0;
    height: 46px;
    width: 46px;
    background: none;
    border: none;
  }

  .button-nav:hover {
    margin: 0;
    padding: 0;
    height: 46px;
    width: 46px;
    background: none;
    border: none;
  }

  .button-nav:focus {
    border: none;
  }

  .nav-up-img {
    vertical-align: top;
    margin-top: 18px;
    width: 18px;
  }

  #menu-social-menu {
    margin-top: 0px !important;
    display: inline !important;
  }

  #menu-social-menu li {
    margin: 0 !important;
  }

  .footer-sep {
    width: 45px !important;
  }

  #footer {
    padding-top: 50px !important;
  }

  #sub-footer {
    padding-bottom: 36px !important;
  }

  #sub-footer-core {
    width: 704px;
    height: 50px;
  }

  #sub-footer-core div, 
  #sub-footer-core div a {
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    float: none !important;
  }

  #footer-core,
  #footer-col1,
  .fca_eoi_form + input {
    height: 36px !important;
  }

  #fca_eoi_form_46 .fca_eoi_layout_0 input {
    width: 200px !important;
    height: 36px !important;
    padding: 9px !important;
  }

  .footer-sep {
    height: 13px !important;
    line-height: 13px;
    font-size: 13px;
    display: inline-block;
    float: none !important;
  }

  .footer-sep-hide {
    display: none;
  }

  .my-social-icons-wrapper {
    width: 704px;
    float: none;
  }

  #footer-menu {
    width: 704px !important;
  }

  #sub-footer-core .menu-item a {
    float: none !important;
  }

  #menu-social-menu a:before {
    font-family: "Limb Social" !important;
    font-size: 20px;
    width: 20px;
    height: 20px;
  }

  .icon-social-facebook a:hover {
    color: #669dff !important;
  }

  .icon-social-twitter a:hover {
    color: #33c5ff !important;
  }

  .icon-social-linkedin a:hover {
    color: #0db5ff !important;
  }

  .icon-social-googleplus a:hover {
    color: #ff795f !important;
  }

  .icon-social-instagram a:hover {
    color: #57b3ff !important;
  }

  .icon-social-pinterest a:hover {
    color: #ff4a64 !important;
  }

  .icon-social-yelp a:hover {
    color: #ff6161 !important;
  }

  h1.page-title {
    font-size: 36px !important;
  }

  .page-template-page-services #main-core {
    margin-bottom: 35px;
  }

  #services-header {
    height: 377px;
    margin-bottom: 60px;
  }

  #services-header .site-wrap {
    height: 377px;
  }

  #services-header .inner-wrap {
    margin-top: 45px !important;
    width: 400px;
  }

  .services-core .inner-wrap {
    max-width: 568px;
    margin-bottom: 60px;
  }

  .services-core .inner-wrap .service-text {
    max-width: 400px;
    font-size: 13px;
  }

   .services-core .inner-wrap .service-text h2 {
    font-size: 21px;
  }

  .service-img {
    width: 100px;
    height: 100px;
  }

  #team-header {
    height: 115px;
    margin-bottom: 60px;
  }

  .team-block {
    margin-bottom: 60px;
  }

  .team-block:nth-child(even) {
    padding: 60px 0;
  }

  #team-header .site-wrap {
    height: 115px;
    background-size: 153px;
  }

  #team-header #intro.option1 .page-title {
    line-height: 115px;
  }

  .team-member {
    display: block;
    width: 92%;
    margin: 40px 30px;
    text-align: left;
  }

  .team-core {
    margin-bottom: 0;
  }

  .team-member:last-child {
    margin: 40px 30px;
  }

  .team-member p {
    padding-left: 0;
  }

  .team-block.other {
    padding: 20px 0;
    margin-bottom: 0;
  }

  .team-text {
    max-width: none;
  }

  .team-text h1, .team-member h1 {
    font-size: 36px;
  }

  #blog-header {
    height: 115px;
  }

  #team-header #intro.option1 .page-title, #blog-header #intro.option1 h1 {
    line-height: 115px;
  } 

  #blog-header .site-wrap {
    background-size: 153px;
    height: 115px;
  }

  .blog-wrap .entry-header {
    margin-right: 50px;
  }

  .blog-article:nth-child(even) .blog-wrap .entry-header, .blog-article:nth-child(even) .blog-wrap .blog-thumb {
    margin: 0 0 0 50px;
  }

  .blog-wrap {
    width: 90%;
    margin: 0 auto;
  }

   .blog-wrap .entry-content {
    width: calc(100% - 339px);
  }

  .blog-article:nth-child(even) .blog-wrap .entry-content {
    margin: 0;
  }

  .blog-article {
    padding: 0 32px;
  }

  .blog-links {
    font-size: 14px;
  }

  .single-wrap h1 {
    font-size: 30px;
  }

  .single-wrap {
      max-width: 960px;
      margin: 0 auto;
      padding: 0 10px;
  }

  .single-wrap > div.blog-links,
  .single-wrap > h1,
  .single-wrap > article {
    margin-left: 15px;
    margin-right: 15px; 
  }

  .contact-wrap {
    width: 90%;
    margin: 0 auto;
  }

  .contact-wrap .contact-form {
    width: 52%;
    float: right;
  }

  #parallax_190  {
    height: 413px !important;
    background-attachment: scroll;
    background-position: 50% -185px !important;
    background-size: 100% auto !important;
  }

  .history-block.two .inner-wrap {
    max-width: 720px;
    width: 100%;
    right: 0;
  }

  .history-block.three .inner-wrap {
    max-width: 720px;
    width: 100%;
    left: 0;
  }

  .history-block.two .image-wrapper {
    left: -366px;
  }

  .history-block.two .image-wrapper img {
    height: 320px;
  }

  .history-block.three .image-wrapper {
    width: 347px;
  }

  .history-block:first-child {
    height: 413px;
  }

  #history-header {
    top: 328px;
    height: 85px;
  }

  #history-header #intro.option1 .page-title {
    line-height: 85px;
    font-size: 32px;
    width: 460px;
    text-align: left;
    margin-right: 16px;
  }

  .history-block.two {
    height: 762px;
  }

  .history-block.one .image-wrapper {
    left: -250px;
  }

  .history-block .text-wrapper {
    width: 460px;
    margin: 50px;
    font-size: 13px;
  }

  .history-block .text-wrapper.two {
    width: 320px;
    margin-right: 50px;
  }

  .history-block .history-text {
    font-size: 13px;
  }

  .history-block.three {
    height: 520px;
  }

  .history-block.three .outer-wrap {
    max-width: 691px;
    margin: 0 auto;
  }

  .history-block.three .text-wrapper {
    margin: 60px 23px 60px 36px;
    width: 320px;
  }

  .history-block.three .image-wrapper {
    top: 35px;
    right: -370px;
  }

  .history-block.four {
    height: 840px;
  }

  .history-block.four .text-wrapper {
    padding: 52px calc((100% - 664px) / 2);
    top: 438px;
    margin: 0;
  }

  .history-block.four h4 {
    font-size: 15px;
  }

  .history-block.four .text-wrapper span {
    font-size: 15px;
  }

  .page-template-page-services #content-core {
    margin: 0 120px 0 auto;
  }

  .team-image {
    width: 30%;
  }

  .team-text {
    width: 60%;
    float: left;
    margin-left: 50px;
  }

  #team-header .site-wrap {
    padding: 0 36px;
  }

  #blog-header .site-wrap {
    padding: 0;
  }

}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 568px) and (max-width: 767px) {
    
    
.text-slider-container ul, .text-slider-container ul li {
	font-size: 5vw !important;
}

        body { padding: 0; }
        
          .project-feature-image-full hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.project-feature-image-full p {
	font-size: 30px !important;
    line-height: 1.4em !important;
}

div.project-feature-image-full {
    padding: 70px 40px 0 !important;
}

.project-content {
    padding: 3% 8% 6% !important;
}

.project-content p {
    font-size: 16px;
    line-height: 1.4em;
}

.project-content h1 {
    font-size: 30px;
}

        .container { width: 464px; padding-right: 0;    padding-left: 0;}
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 100%; }

        .row { max-width: 100% !important; }
    
    .container .work-grid { height: 238px; width: 376px; margin: 0 auto; }

    .mainwrapper {
      width: auto !important;
      padding: 0 !important;
      margin: 0 52px !important;
    }

    #header {
      display: block;
      width: 100%;
      padding: 0 !important;
    }

    .header {
      min-height: 122px !important;
      z-index: 99999;
    }

    #wpadminbar {
        position: fixed; 
    }

    #header-links {
      float: none;
      display: block !important;
    }

    .header-core {
      position: relative;
      padding-top: 32px;
      margin: 0 52px !important;
    }

    .logo {
      float: left;
      height: 60px;
      margin-left: 0px !important;
      -webkit-transition: margin 0.3s ease-in-out;
      -moz-transition: margin 0.3s ease-in-out;
      -ms-transition: margin 0.3s ease-in-out;
      -o-transition: margin 0.3s ease-in-out;
      transition: margin 0.3s ease-in-out;
      z-index: 9999;
    }

    .logo img {
        height: 60px;
        -webkit-transition: max-height 0.3s ease-in-out;
        -moz-transition: max-height 0.3s ease-in-out;
        -ms-transition: max-height 0.3s ease-in-out;
        -o-transition: max-height 0.3s ease-in-out;
        transition: max-height 0.3s ease-in-out;
    }

    #search-wrap {
      margin-top: 10px !important;
      display: inline-block;
      height: 26px;
      float: right;
      padding: 5px 0;
      z-index: 9999;
    }

    .cust-search input[type="text"] {
      height: 26px;
      border: none;
      outline: none;
      color: #FFF;
      padding-right: 40px;
      width: 0px;
      position: absolute;
      right: 50px;
      background: none;
      z-index: 3;
      transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
      cursor: pointer;
      font-size: 17px;
      font-weight: 300;
    }

    .cust-search input::-webkit-input-placeholder { /* WebKit browsers */
      color: #fff;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.5em;
    }
    .cust-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: #fff;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.5em;
    }
    .cust-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: #fff;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.5em;
    }
    .cust-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
      color: #fff;
      font-size: 17px;
      font-weight: 300;
      line-height: 1.5em;
    }

    .cust-search input[type="text"]:focus:hover {
    }

    .cust-search input[type="text"]:focus {
      width: 243px;
      padding-left: 10px;
      z-index: 1;
      border: 1px solid #a6a8ab;
      cursor: text;
      border-radius: 50px;
      background-color: #a6a8ab;
    }

    .cust-search input[type="submit"] {
      height: 26px;
      width: 26px;
      display: inline-block;
      color:red;
      float: right;
      background: url("img/search.png") center center no-repeat;
      text-indent: -10000px;
      border: none;
      right: 0;
      z-index: 2;
      cursor: pointer;
      cursor: pointer;
      transition: opacity .4s ease;
    }

    .cust-search input[type="submit"]:hover {
      opacity: 0.8;
      background: url("img/search-close.png") center center no-repeat;
    }
    
    .c-hamburger {
      display: block;
      position: relative;
      overflow: hidden;
      margin: 0;
      padding: 0;
      width: 24px;
      height: 24px;
      font-size: 0;
      text-indent: -9999px;
      appearance: none;
      box-shadow: none;
      border-radius: none;
      border: none;
      cursor: pointer;
      transition: background 0.3s;
      background-color: transparent;
      float: right;
      margin: 17px 0px 0px 26px !important;
      z-index: 9999;
    }

    .c-hamburger:focus {
      outline: none;
    }

    .c-hamburger span {
      display: block;
      position: absolute;
      top: 10px;
      left: 0px;
      right: 0px;
      height: 1px;
      background: #6d6e70;
    }

    .c-hamburger span::before,
    .c-hamburger span::after {
      position: absolute;
      display: block;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #6d6e70;
      content: "";
    }

    .c-hamburger span::before {
      top: -9.5px;
    }

    .c-hamburger span::after {
      bottom: -9.5px;
    }

    .c-hamburger--htx {
      
    }

    .c-hamburger--htx:hover {
      background: transparent;
      border: none;
    }

    .c-hamburger--htx span {
      transition: background 0s 0.3s;
    }

    .c-hamburger--htx span::before,
    .c-hamburger--htx span::after {
      transition-duration: 0.3s, 0.3s;
      transition-delay: 0.3s, 0s;
    }

    .c-hamburger--htx span::before {
      transition-property: top, transform;
    }

    .c-hamburger--htx span::after {
      transition-property: bottom, transform;
    }

    /* active state, i.e. menu open */
    .c-hamburger--htx.is-active {
    }

    .c-hamburger--htx.is-active span {
      background: none;
    }

    .c-hamburger--htx.is-active span::before {
      top: 0;
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }

    .c-hamburger--htx.is-active span::after {
      bottom: 0;
      transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }

    .c-hamburger--htx.is-active span::before,
    .c-hamburger--htx.is-active span::after {
      transition-delay: 0s, 0.3s;
      background: #606060;
    }

    .menu {
      display: none !important;
      margin-top: 40px !important;
      margin-bottom: 42px !important;
      padding: 8px 0 !important;
      margin-left: 0;
    }

    .hidden-resp {
      display: block !important;
    }

    .show-menu {
      width: 100vw;
    }

    .show-menu .menu {
      display: block !important;
      background-color: #f4f4f4 !important;
    }

    .sub-menu {
      margin-left: 0;
    }

    .menu li a {
      text-transform: uppercase !important;
      padding: 10px 0 !important;
      font-size: 15px !important;
      letter-spacing: 1.2px;
    }

    .menu li a:hover,
    .sub-menu li a:hover {
      color: #606060 !important;
    }

    .sub-menu li {
      list-style: none;
    }

    .sub-menu li a {
      color: #fff !important;
      background-color: #6d6e70 !important;
    }

    .home-top-block {
      margin-left: 52px;
      margin-right: 52px;
      font-size: 3.8vw !important;
    }

    .box {
      position: relative; 
      overflow: hidden; 
      margin-bottom: 14px;
    }

    .box img {
      width: 100%;
      left: 0;
      height: auto;
      -webkit-transition: all 300ms ease-out;
      -moz-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      -ms-transition: all 300ms ease-out;
      transition: all 300ms ease-out;
    }

    .box .caption {
      display: none;
    }

    .header.smaller {
      width: 100% !important;
    }

    .smaller .header-core #search-wrap {
      margin-right: 0px !important;
    }

    .smaller .header-core #search-wrap .cust-search input[type="text"] {
      margin-right: 26px !important;
    }

    #header.smaller {
      position:fixed;
      z-index: 9999;
      width: 100%;
      left: 0;
      margin-left: 0px;
      margin-top: 0px;
      max-height: 80px;
      min-height: 80px !important;
      background: rgba(255,255,255,0.95);
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
      }

      .smaller .header-core {
      padding-top: 20px !important;
      }

      .header.smaller .header-core .header-links {
      margin-top: 0px !important;
      }

      .header.smaller .header-core #search-wrap {
      margin-top: 0px !important;
      }

      .smaller .header-core .logo {
      position: static;
      margin-top: 0;
      margin-left: 24px !important;
      }

      .smaller .header-core .logo img {
      height: 40px;
      }

      .smaller .header-core .main-navigation .c-hamburger {
      margin-top: 6px !important;
      margin-right: 24px !important;
      }

      .smaller div .menu {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

    .slider-container {
      background-color: #eeeded;
      width: 100%;
    }

    .slider-custom-wrapper {
      height: 150px;
      width: 464px;
      margin: 0 auto !important;
    }

    #logo-slider-wraper {
      float: none;
      left: 0 !important;
      width: 356px !important;
      margin: 0 auto !important;
    }

    .cycle-slideshow {
      height: 40px !important;
      margin: 0 0 0 0 !important;
      width: 356px !important;
      overflow: hidden !important;
    }

    .slide {
      width: 356px !important;
      margin: 0 !important;
    }

    .trusted-by {
      width: 100%;
      text-align: center;
      font-size: 15pt;
      line-height: 15pt;
      margin-top: 30px;
      float: left;
      text-transform: uppercase;
      font-weight: normal;
      font-family: "proxima-nova",sans-serif;
      color: #929497;
      position: relative;
      margin-bottom: 28px;
    }

    .slider-controls {
      width: 356px !important;
    }

    #prev {
      margin-right: -54px;
      background-image: url('img/prev.png') !important;
    }

    #next {
      margin-left: -54px;
      background-image: url('img/next.png') !important;
    }

    .logo-img {
      height: 40px;
      margin: 0 20px !important;
      filter: gray; /* IE6-9 */
      -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
      filter: grayscale(100%);
    }

    .logo-img:hover {
      filter: none; /* IE6-9 */
      -webkit-filter: none; /* Chrome, Safari, Opera */
      filter: none;
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -ms-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out;
    }

    .nav-up-wrapper {
        height: 52px;
        width: 100%;
        position: absolute;
        margin: -28px 0 0 0;
        text-align: center;
      }

      .nav-up-out {
        height: 52px;
        width: 52px;
        margin: 0 auto;
        background-color: #eeeded;
        border-radius: 50%;
        padding: 5px;
      }

      .nav-up {
        height: 42px;
        width: 42px;
        margin: 0;
        background-color: #a6a8ab;
        border-radius: 50%;
        font-size: 50px;
        color: #eeeded;
        padding: 0;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
      }

      .nav-up:hover {
        background-color: #606060;
      }

      .button-nav {
        margin: 0;
        padding: 0;
        height: 42px;
        width: 42px;
        background: none;
        border: none;
      }

      .button-nav:hover {
        margin: 0;
        padding: 0;
        height: 46px;
        width: 46px;
        background: none;
        border: none;
      }

      .button-nav:focus {
        border: none;
      }

      .nav-up-img {
        vertical-align: top;
        margin-top: 15px;
        width: 18px;
      }

      #menu-social-menu {
        margin-top: 0px !important;
        display: inline !important;
      }

      #menu-social-menu li {
        margin: 0 !important;
      }

      .footer-sep {
        width: 45px !important;
      }

      #footer {
        padding-top: 50px !important;
      }

      #sub-footer {
        height: auto !important;
        padding-bottom: 36px !important;
      }

      #sub-footer-core {
        width: 568px;
        height: 50px;
      }

      #sub-footer-core div, 
      #sub-footer-core div a {
        font-size: 12px !important;
        line-height: 12px;
        display: inline-block;
        float: none !important;
      }

      #footer-menu {
        display: inline-block !important;
      }

      #footer-core,
      #footer-col1,
      .fca_eoi_form + input {
        height: 36px !important;
      }

      #fca_eoi_form_46 .fca_eoi_layout_0 input {
        width: 200px !important;
        height: 36px !important;
        padding: 9px !important;
      }

      .footer-sep {
        height: 13px !important;
        line-height: 13px;
        font-size: 13px;
        display: inline-block;
        float: none !important;
      }

      .footer-sep-hide {
        display: none;
      }

      .my-social-icons-wrapper {
        width: 568px;
        float: none;
      }

      #footer-menu {
        width: 568px !important;
      }

      #sub-footer-core .menu-item a {
        float: none !important;
      }

      #menu-social-menu a:before {
        font-family: "Limb Social" !important;
        font-size: 20px;
        width: 20px;
        height: 20px;
      }

      #services-header {
        height: 340px;
        margin-bottom: 50px;
      }

      #services-header .site-wrap {
        background-position: center center;
        height: 340px;
        background-size: 324px;
      }

      #services-header .inner-wrap {
        width: 460px;
        margin: 45px auto 0 auto !important;
        float: none;
        padding: 0;
      }

      #intro.option1 .page-title {
        font-size: 36px;
      }

      .services-core .inner-wrap {
        float: none;
        margin: 0 auto 50px auto;
        padding: 0;
        max-width: 460px;
      }

      .services-core .inner-wrap .service-text {
        max-width: 320px;
      }

      #team-header {
        margin-bottom: 40px;
      }

      .team-block {
        margin-bottom: 40px;
        padding: 0 30px;
      }

      .team-block:nth-child(even) {
        padding: 40px 44px;
      }

      .team-image, .team-block:nth-child(2) .team-image {
        width: 250px;
        float: none;
        margin: 0 auto;
      }

      .team-text {
        width: 100%;
        max-width: 100%;
        margin: 0;
      }

      .team-text h1, .team-member h1, .team-text h2, .team-member h2 {
        text-align: center;
        font-size: 36px;
      }

      .team-member {
        width: 100%;
      }

      .blog .blog-wrap, .archive .blog-wrap {
        padding: 50px 10px;
      }

      .blog .blog-article .blog-wrap .blog-thumb, .archive .blog-article .blog-wrap .blog-thumb {
        width: 220px;
        height: 220px;
        margin: 0 auto;
        margin-right: auto;
        float: none;
      }

      .blog-wrap .entry-header, #main-core .blog-article:nth-child(even) .blog-wrap .entry-header {
        float: none;
        width: 100%;
        margin: 0;
      }

      .blog .blog-article .blog-wrap .entry-content, .archive .blog-article .blog-wrap .entry-content {
        width: auto;
        float: none;
        margin: 30px 54px 0 54px;
        display: block;
      }

      .blog-wrap h2.blog-title {
        font-size: 24px;
      }

      .cat-list {
        height: auto;
        padding: 28px 10px;
      }

      .cat-list a {
        float: none;
        line-height: 2;
      }

      .post-thumb {
        margin: 0 50px 25px 50px;
      }

      #blog-header {
        height: 115px;
      }

      #team-header #intro.option1 .page-title, #blog-header #intro.option1 h1 {
        line-height: 115px;
      } 

      #blog-header .site-wrap {
        background-size: 153px;
        height: 115px;
      }

      .blog-links {
        font-size: 14px;
      }

      .single-wrap {
        padding: 0 50px;
      }

      .single-wrap h1 {
        font-size: 24px;
      }

      .contact-wrap {
        width: 90%;
        margin: 0 auto;
      }

      .contact-info, .contact-wrap .contact-form {
        width: 100%;
      }

      .contact-wrap .contact-info {
        padding-top: 0;
        margin-bottom: 30px;
      }

      .contact-info, .c-phone {
        font-size: 14px;
      }

      #parallax_190  {
        height: 305px !important;
        background-position: 50% -170px !important;
        background-size: 100% auto !important;
      }

      #history-header {
        height: 62px;
        top: 243px;
      }

      #history-header #intro.option1 .page-title {
        line-height: 62px;
        width: 100%;
        padding-left: 0;
        margin: 0;
        font-size: 28px !important;
        text-align: center;
      }

      .history-block:first-child {
        height: 305px;
      }

      .history-block .text-wrapper {
          width: auto;
          padding: 0;
          margin: 35px 54px;
          float: none;
      }

      .history-block.two .text-outer-wrap {
        margin-left: 0;
      }

      .history-block.one .image-wrapper {
        left: -48px;
        top: -61px;
        width: 180px;
        height: 180px;
      }

      .history-block.one .image-wrapper img {
          height: auto;
      }

      .history-block.two .inner-wrap, .history-block.three .inner-wrap {
        right: initial;
      }

      .history-block.two .image-wrapper .inner-wrapper {
        width: 310px;
        height: 310px;
        float: none;
        margin: 0 auto;
        left: 0;
      }

      .history-block .text-wrapper.two {
        width: 300px;
        padding: 0;
        margin: 630px auto 0 auto;
        float: none;
      }

      .history-block.two .image-wrapper {
        left: 0;
        top: -370px;
      }

      .history-block.two {
        height: 1110px;
      }

      .history-block.three {
        height: 775px;
      }

      .history-block.three .outer-wrap {
        width: 300px;
        margin: 32px auto;  
      }

      .history-block.three .text-wrapper {
        width: 300px;
        margin: 290px auto 32px auto;
      }

      .history-block.three .image-wrapper {
        top: -250px;
        right: -30px;
        width: 348px;
      }

      .history-block.four,
      section#parallax_416 {
        height: 800px !important;
      }

      .history-block.four .text-wrapper {
        padding: 60px 50px;
        top: 310px;
        margin-left: 0;
      }

      .history-block.four .text-wrapper span {
        font-size: 15px;
      }

       .history-block.two .image-wrapper .inner-wrapper {
        height: 310px;
        width: 310px;
        left: 0;
      }

      .history-block.two .image-wrapper img {
        height: 310px;
      }

      .service-img {
          width: 100px;
          height: 100px;
      }

      #intro.option1 .page-title {
          font-size: 36px !important;
      }

      .services-core .inner-wrap .service-text h2 {
          font-size: 21px;
      }

      #team-header .site-wrap {
        padding: 0 50px;
      }

      #blog-header .site-wrap {
          padding: 0;
      }

      #team-header {
        height: 115px;
      }

      #team-header .site-wrap {
        height: 115px;
        background-size: 153px;
      }

      #team-header #intro.option1 .page-title, #blog-header #intro.option1 h1 {
          line-height: 115px;
      }

      .team-member {
        display: block;
        width: 92%;
        margin: 40px 30px;
        text-align: left;
      }

      .team-core {
        margin-bottom: 0;
      }

      .team-member:last-child {
        margin: 40px 30px;
      }

      .team-member p {
        padding-left: 0;
      }

      .team-block.other {
        padding: 20px 0;
        margin-bottom: 0;
      }

      .team-text h2, .team-member h2 {
          font-family: "proxima-nova",sans-serif;
          text-transform: uppercase;
          letter-spacing: 2px;
          line-height: 1.5;
          font-size: 24px;
      }

      .team-text h1, .team-member h1, .team-text h2, .team-member h2 {
        text-align: center;
      }

      .team-block:nth-child(even) {
          padding: 30px;
      }

    }

    /*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 567px) {

.text-slider-container ul, .text-slider-container ul li {
	font-size: 5vw !important;
}

        body { padding: 0; min-width: 320px;}
        
                  .project-feature-image-full hr {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.project-feature-image-full p {
	font-size: 22px !important;
    line-height: 1.4em !important;
}

div.project-feature-image-full {
    padding: 70px 40px 0 !important;
}

.project-content {
    padding: 3% 12% 6% !important;
}

.project-content p {
    font-size: 14px;
    line-height: 1.4em;
}

.project-content h1 {
    font-size: 22px;
}

        .container { padding: 0; margin: 0 38px;}
        .columns, .column { margin: 0; padding: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { max-width: 100%; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

        .container .work-grid { height: 190px; }

        .row { margin: 0; padding: 0;}

        #header {
          display: block;
          width: 100%;
          padding: 0 !important;
        }

        .header {
          min-height: 90px !important;
          z-index: 99999;
        }

        #header.smaller {
            position: fixed;
            z-index: 9999;
            width: 100%;
            left: 0;
            margin-left: 0px;
            margin-top: 0px;
            max-height: 80px;
            min-height: 80px !important;
            background: rgba(255,255,255,0.95);
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

        #wpadminbar {
            position: fixed;
        }

        #header-links {
          float: none;
          display: block !important;
        }

        .header-core {
          position: relative;
          padding-top: 25px;
          margin: 0 38px !important;
        }

        .logo {
          float: left;
          height: 40px;
          margin-left: 0px !important;
          -webkit-transition: margin 0.3s ease-in-out;
          -moz-transition: margin 0.3s ease-in-out;
          -ms-transition: margin 0.3s ease-in-out;
          -o-transition: margin 0.3s ease-in-out;
          transition: margin 0.3s ease-in-out;
          z-index: 9999;
        }

        .logo img {
            height: 40px;
            -webkit-transition: max-height 0.3s ease-in-out;
            -moz-transition: max-height 0.3s ease-in-out;
            -ms-transition: max-height 0.3s ease-in-out;
            -o-transition: max-height 0.3s ease-in-out;
            transition: max-height 0.3s ease-in-out;
        }

        #search-wrap {
          margin-top: 2px !important;
          display: inline-block;
          height: 26px;
          float: right;
          padding: 5px 0;
          z-index: 9999;
        }

        #search-wrap.is-active {
          position: absolute !important;
          width: 240px;
          right: 0 !important;
          height: 40px;
          padding: 0;
          margin: 0 !important;
        }

        #search-wrap.is-active .cust-search input[type="text"] {
          height: 40px;
          width: 240px;
          border-radius: 0;
          right: 0;
        }

        #search-wrap.is-active .cust-search input[type="submit"] {
          background: url("img/search-close.png") center center no-repeat;
          margin-top: 8px !important;
        }

        .cust-search input[type="text"] {
          height: 26px;
          border: none;
          outline: none;
          color: #FFF;
          padding-right: 40px;
          width: 0px;
          position: absolute;
          right: 50px;
          background: none;
          z-index: 3;
          transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
          cursor: pointer;
          font-size: 17px;
          font-weight: 300;
        }

        .cust-search input::-webkit-input-placeholder { /* WebKit browsers */
          color: #fff;
          font-size: 17px;
          font-weight: 300;
          line-height: 1.5em;
        }
        .cust-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
          color: #fff;
          font-size: 17px;
          font-weight: 300;
          line-height: 1.5em;
        }
        .cust-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
          color: #fff;
          font-size: 17px;
          font-weight: 300;
          line-height: 1.5em;
        }
        .cust-search input:-ms-input-placeholder { /* Internet Explorer 10+ */
          color: #fff;
          font-size: 17px;
          font-weight: 300;
          line-height: 1.5em;
        }

        .cust-search input[type="text"]:focus:hover {
        }

        .cust-search input[type="text"]:focus {
          width: 100%;
          padding-left: 10px;
          z-index: 1;
          border: 1px solid #a6a8ab;
          cursor: text;
          border-radius: 50px;
          background-color: #a6a8ab;
        }

        .cust-search input[type="submit"] {
          height: 26px;
          width: 26px;
          display: inline-block;
          color:red;
          float: right;
          background: url("img/search.png") center center no-repeat;
          text-indent: -10000px;
          border: none;
          right: 0;
          z-index: 2;
          cursor: pointer;
          cursor: pointer;
          transition: opacity .4s ease;
        }

        .cust-search input[type="submit"]:hover {
          opacity: 0.8;
          background: url("img/search-close.png") center center no-repeat;
        }
        
        .c-hamburger {
          display: block;
          position: relative;
          overflow: hidden;
          margin: 0;
          padding: 0;
          width: 24px;
          height: 24px;
          font-size: 0;
          text-indent: -9999px;
          appearance: none;
          box-shadow: none;
          border-radius: none;
          border: none;
          cursor: pointer;
          transition: background 0.3s;
          background-color: transparent;
          float: right;
          margin: 10px 0px 0px 26px !important;
          z-index: 9999;
        }

        .c-hamburger:focus {
          outline: none;
        }

        .c-hamburger span {
          display: block;
          position: absolute;
          top: 10px;
          left: 0px;
          right: 0px;
          height: 1px;
          background: #6d6e70;
        }

        .c-hamburger span::before,
        .c-hamburger span::after {
          position: absolute;
          display: block;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #6d6e70;
          content: "";
        }

        .c-hamburger span::before {
          top: -9.5px;
        }

        .c-hamburger span::after {
          bottom: -9.5px;
        }

        .c-hamburger--htx {
          
        }

        .c-hamburger--htx:hover {
          background: transparent;
          border: none;
        }

        .c-hamburger--htx span {
          transition: background 0s 0.3s;
        }

        .c-hamburger--htx span::before,
        .c-hamburger--htx span::after {
          transition-duration: 0.3s, 0.3s;
          transition-delay: 0.3s, 0s;
        }

        .c-hamburger--htx span::before {
          transition-property: top, transform;
        }

        .c-hamburger--htx span::after {
          transition-property: bottom, transform;
        }

        /* active state, i.e. menu open */
        .c-hamburger--htx.is-active {
        }

        .c-hamburger--htx.is-active span {
          background: none;
        }

        .c-hamburger--htx.is-active span::before {
          top: 0;
          transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
        }

        .c-hamburger--htx.is-active span::after {
          bottom: 0;
          transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
        }

        .c-hamburger--htx.is-active span::before,
        .c-hamburger--htx.is-active span::after {
          transition-delay: 0s, 0.3s;
          background: #606060;
        }

        .menu {
          display: none !important;
          margin-top: 40px !important;
          margin-bottom: 0 !important;
          padding: 8px 0 !important;
          margin-left: 0;
        }

        .hidden-resp {
          display: block !important;
        }

        .show-menu {
          width: 100vw;
          margin: 0 !important;

        }

        .show-menu .menu {
          display: block !important;
          background-color: #f4f4f4 !important;
        }

        .sub-menu {
          margin-left: 0;
        }

        .menu li a {
          text-transform: uppercase !important;
          padding: 10px 0 !important;
          font-size: 15px !important;
          letter-spacing: 1.2px;
        }

        .menu li a:hover,
        .sub-menu li a:hover {
          color: #606060 !important;
        }

        .sub-menu li {
          list-style: none;
        }

        .sub-menu li a {
          color: #fff !important;
          background-color: #6d6e70 !important;
        }

        .home-top-block {
          margin-left: 38px;
          margin-right: 38px;
          font-size: 3.7vw;
        }

        .box {
          position: relative; 
          overflow: hidden; 
          margin-bottom: 14px;
        }

        .box img {
          width: 100%;
          left: 0;
          height: auto;
          -webkit-transition: all 300ms ease-out;
          -moz-transition: all 300ms ease-out;
          -o-transition: all 300ms ease-out;
          -ms-transition: all 300ms ease-out;
          transition: all 300ms ease-out;
        }

        .box .caption {
          display: none;
        }

        .slider-container {
          background-color: #eeeded;
          width: 100%;
        }

        .slider-custom-wrapper {
          height: 150px;
          width: 320px;
          margin: 0 auto !important;
        }

        #logo-slider-wraper {
          float: none;
          left: 0 !important;
          width: 136px !important;
          margin: 0 auto !important;
        }

        .cycle-slideshow {
          height: 40px !important;
          margin: 0 0 0 0 !important;
          width: 136px !important;
          max-width: 136px !important;
          overflow: hidden !important;
        }

        .slide {
          width: 136px !important;
          margin: 0 !important;
        }

        .trusted-by {
          width: 100%;
          text-align: center;
          font-size: 15pt;
          line-height: 15pt;
          margin-top: 30px;
          float: left;
          text-transform: uppercase;
          font-weight: normal;
          font-family: "proxima-nova",sans-serif;
          color: #929497;
          position: relative;
          margin-bottom: 28px;
        }

        .slider-controls {
          width: 136px !important;
          left: 0 !important;
        }

        #prev {
          margin-right: -54px;
          background-image: url('img/prev.png') !important;
        }

        #next {
          margin-left: -54px;
          background-image: url('img/next.png') !important;
        }

        .logo-img {
          height: 40px;
          margin: 0 20px !important;
          filter: gray; /* IE6-9 */
          -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
          filter: grayscale(100%);
        }

        .logo-img:hover {
          filter: none; /* IE6-9 */
          -webkit-filter: none; /* Chrome, Safari, Opera */
          filter: none;
          -webkit-transition: all 0.8s ease-in-out;
          -moz-transition: all 0.8s ease-in-out;
          -ms-transition: all 0.8s ease-in-out;
          -o-transition: all 0.8s ease-in-out;
          transition: all 0.8s ease-in-out;
        }

        .nav-up-wrapper {
            height: 52px;
            width: 100%;
            position: absolute;
            margin: -28px 0 0 0;
            text-align: center;
          }

          .nav-up-out {
            height: 52px;
            width: 52px;
            margin: 0 auto;
            background-color: #eeeded;
            border-radius: 50%;
            padding: 5px;
          }

          .nav-up {
            height: 42px;
            width: 42px;
            margin: 0;
            background-color: #a6a8ab;
            border-radius: 50%;
            font-size: 50px;
            color: #eeeded;
            padding: 0;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            -ms-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
          }

          .nav-up:hover {
            background-color: #606060;
          }

          .button-nav {
            margin: 0;
            padding: 0;
            height: 42px;
            width: 42px;
            background: none;
            border: none;
          }

          .button-nav:hover {
            margin: 0;
            padding: 0;
            height: 46px;
            width: 46px;
            background: none;
            border: none;
          }

          .button-nav:focus {
            border: none;
          }

          .nav-up-img {
            vertical-align: top;
            margin-top: 15px;
            width: 18px;
          }

          #menu-social-menu {
            margin-top: 0px !important;
            display: inline !important;
          }

          #menu-social-menu li {
            margin: 0 !important;
          }

          .footer-sep {
            width: 45px !important;
          }

          #footer {
            padding-top: 50px !important;
            height: 146px !important;
          }

          #sub-footer {
            padding-bottom: 36px !important;
          }

          #sub-footer-core {
            width: 100%;
            height: 50px;
          }

          .limb-footer-info {
            display: block !important;
            float: none !important;
            font-size: 12px !important;
          }

          .social-label {
            display: none !important;
          } 

          #sub-footer-core div a {
            font-size: 12px !important;
            line-height: 12px;
            display: inline-block;
            float: none !important;
          }

          #footer-menu {
            display: inline-block !important;
          }

          #footer-core {
            height: 85px !important;
            width: 240px !important;
          }

          #footer-col1,
          .fca_eoi_form + input {
            height: 36px !important;
          }

          #fca_eoi_form_46 .fca_eoi_layout_0 input {
            width: 240px !important;
            height: 36px !important;
            padding: 9px !important;
            margin-right: 0 !important;
          }

          .footer-sep {
            display: none !important;
          }

          .my-social-icons-wrapper {
            width: 278px !important;
            float: none;
            margin-top: 10px !important;
          }

          #footer-menu {
            width: 278px !important;
          }

          #sub-footer-core .menu-item a {
            float: none !important;
          }

          #menu-social-menu a:before {
            font-family: "Limb Social" !important;
            font-size: 20px;
            width: 20px;
            height: 20px;
          }

          #sub-footer-core div a {
            margin: 0 !important;
          }

          #intro.option1 .page-title {
            font-size: 28px;
          }

          #services-header, #services-header .site-wrap {
            height: 500px;
            margin-bottom: 40px;
          }

          #services-header .site-wrap {
            background-position: center -10px;
          }

          #services-header .inner-wrap {
            max-width: 240px;
            padding: 0;
            margin: 0 auto !important;
            padding-top: 45px !important;
            float: none;
          }

          h1.page-title {
            font-size: 28px;
          }

          .service-img {
            margin: 0 auto;
            height: 100px;
            width: 100px;
            float: none;
            margin-bottom: 25px;
          }

          .services-core .inner-wrap {
            padding: 0;
          }

          .services-core .inner-wrap .service-text h2 {
            text-align: center;
          }

          .services-core .inner-wrap .service-text {
            max-width: 242px;
            margin: 0 auto;
            float: none;
          }

          .team-block {
            padding: 0 30px;
          }

          #blog-header {
            height: 115px;
          }

          #team-header #intro.option1 .page-title, #blog-header #intro.option1 h1 {
            line-height: 115px;
          } 

          #blog-header .site-wrap {
            background-size: 153px;
            height: 115px;
          }

          .blog .blog-wrap, .archive .blog-wrap {
            padding: 40px 0;
            margin: 0 36px;
          }

          .blog-wrap .entry-header {
            width: 100%;
            margin-right: 0;
          }

          .blog-thumb {
            height: 248px;
            width: 248px;
            display: block;
            margin: 0 auto;
          }

          #intro.option1 .page-title {
            font-size: 28px !important;
          }

          .blog .blog-article .blog-wrap .entry-content,  .archive .blog-article .blog-wrap .entry-content {
            width: 100%;
          }

          .blog-article:nth-child(even) .blog-wrap .entry-header, .blog-article:nth-child(even) .blog-wrap .blog-thumb {
              float: none;
              margin: 0 auto;
          }

          .blog-wrap h2.blog-title {
            font-size: 24px;
          }

          #blog-header .site-wrap {
              padding: 0;
          }

          .cat-list a {
            float: none;
            line-height: 2;
          }

          .cat-list {
              height: auto;
              padding: 28px 10px;
          }

          .single-wrap {
              max-width: 960px;
              margin: 0 auto;
              padding: 0 10px;
          }

          .single-wrap > div.blog-links,
          .single-wrap > h1,
          .single-wrap > article {
            margin-left: 15px;
            margin-right: 15px; 
          }

          .single-wrap h1 {
              font-size: 24px;
          }

          #parallax_190 {
            height: 172px !important;
            background-position: 50% -100px !important;
            background-size: 100% auto !important;
          }

          .history-block:first-child {
            height: 172px;
          }

          #history-header {
            top: 110px;
            height: 62px;
          }

          #history-header .site-wrap {
            text-align: left;
            max-width: 240px;
            margin: 0;
          }

          #history-header #intro.option1 .page-title {
            text-align: left;
            float: none;
            line-height: 62px;
          }

          .history-block .text-wrapper, .history-block.two .text-wrapper, .history-block.four .text-wrapper, .history-block.three .text-wrapper {
            width: 240px;
            margin: 40px auto;
            font-size: 12px;
            float: none;
          }

          #history-header .site-wrap .inner-wrap {
              margin: 0 40px !important;
          }

          .history-block.one .image-wrapper {
              position: absolute;
              top: -70px;
              left: -40px;
              width: 180px;
              height: 180px;
          }

          .history-block.one .image-wrapper img {
              height: auto;
          }

          .history-block.two .inner-wrap, .history-block.three .inner-wrap {
            left: calc((100% - 240px) / 2);
          }

          .history-block .text-outer-wrap {
            margin-bottom: 0;
          }

          .history-block.three .image-wrapper {
            width: 274px;
          }

          .history-block.two .image-wrapper {
            position: relative;
            left: inherit;
            top: inherit;
            margin-bottom: 40px;
          }

          .history-block.two .image-wrapper .inner-wrapper {
            height: 240px;
            width: 240px;
          }

          .history-block.two .image-wrapper img {
            height: 240px;
          }

          .history-block.two {
            height: 1200px;
          }

          .history-block .text-wrapper.two {
            margin-top: 0;
          }

          .history-block.three, .history-block.four {
            height: 800px;
          }

          .history-block.three .outer-wrap {
            max-width: 240px;
          }

          .history-block.three .text-wrapper {
            margin-top: 250px;
          }

          .history-block.three .image-wrapper {
            top: -210px;
            right: -15px;
          }

          .history-block.four .text-wrapper {
            width: 100%;
            top: 150px;
            padding: 60px 40px;
          }

          .history-block.four .text-wrapper span {
            font-size: 12px;
          }

          .history-block.four h4 {
              font-family: 'Crimson Text';
              font-size: 12px;
          }

        #team-header .site-wrap {
          padding: 0;
        }

        #team-header {
          height: 115px;
        }

        #team-header .site-wrap {
          height: 115px;
          background-size: 153px;
        }

        #team-header #intro.option1 .page-title, #blog-header #intro.option1 h1 {
            line-height: 115px;
        }

        .team-image, .team-block:nth-child(even) .team-image {
          width: 250px;
          float: none;
          margin: 0 auto;
          display: block;
        }

        .team-text,
        .team-block:nth-child(2) .team-text {
            width: 100%;
            max-width: 100%;
            margin: 0;
            float: none;
        }

        .team-text h2, .team-member h2 {
            font-family: "proxima-nova",sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            line-height: 1.5;
            font-size: 24px;
        }

        .team-text h1, .team-member h1, .team-text h2, .team-member h2 {
          text-align: center;
        }

        .team-text h1, .team-member h1 {
          font-size: 32px;
        }

        .team-block:nth-child(even) {
            padding: 80px 30px;
        }

        .contact-wrap {
            width: 100%;
            margin: 0;
            overflow: hidden;
            padding: 0 8px;
        }

        .contact-info, .contact-wrap .contact-form {
          width: 100%;
        }

        .contact-wrap .contact-info {
          padding-top: 0;
          margin-bottom: 30px;
        }

        .contact-info, .c-phone {
          font-size: 14px;
        }

        div.wpcf7-form-control-wrap > div > div > div {
          max-width: 100%;
        }

        .rc-anchor-normal .rc-anchor-checkbox-label {
            width: 102px !important;
        }

        .rc-anchor-normal .rc-anchor-content {
            width: 174px !important;
        }

        .rc-anchor-normal {
            width: 285px !important;
        }

        .team-member {
          display: block;
          width: auto;
          margin: 70px 30px;
          text-align: left;
        }

        .team-core {
          margin-bottom: 0;
        }

        .team-member:last-child {
          margin: 70px 30px;
        }

        .team-member p {
          padding-left: 0;
        }

        .team-block.other {
          padding: 20px 0 !important;
          margin-bottom: 0;
        }

        .team-text h2, .team-member h2 {
            font-family: "proxima-nova",sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
            line-height: 1.5;
            font-size: 24px;
        }

        .team-text h1, .team-member h1, .team-text h2, .team-member h2 {
          text-align: center;
        }

        .team-block:nth-child(even) {
            padding: 80px 30px;
        }

    }

/* BODY */

.main-content {
  margin: 0;
  width: 100%;
  padding: 0;
  z-index: -1;
}

.content-core {
  margin: 0 auto 0 auto;
  width: 100% !important;
  max-width: 100% !important;
}

.main-intro {
  width: 100%;
  padding: 40px 0 20px 0;
  background-color: #d6de23;
}

.intro-core {
  max-width: 1560px !important;
  margin: 0 auto !important;
}

h1.page-title {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "proxima-nova",sans-serif;
  font-size: 46px;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 700;
}

.port-filter {
  width: 100%;
  padding: 80px 0 30px;
  background-color: #d6de23;
  margin-bottom: 0px !important;
}

.ft-menu {
  max-width: 1560px;
  margin: 0 auto !important;
  text-align: center !important;
}

ul.ft-menu > li.ft-field {
  width: 288px;
  margin: 0 50px !important;
  border: none !important;
}

.ft-field .field-arrow {
  position: absolute;
  right: -28px;
  width: 30px;
  height: 30px;
  background: url('img/field-arrow.png') center top no-repeat;
}

ul.ft-menu > li.ft-field > span.ft-label:before, ul.ft-menu > li.ft-field > span.ft-label:after, ul.ft-menu > li.ft-field > div.ft-panel:before, ul.ft-menu > li.ft-field > div.ft-panel:after {
  display: none;
}

ul.ft-menu > li.ft-field > span.ft-label {
  display: block;
  font-size: 11px;
  color: #a6a8ab;
  text-transform: uppercase;
  padding-bottom: 3px;
}

ul.ft-menu > li.ft-field > div.ft-panel {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  background-clip: initial;
  left: initial;
  margin: 0;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected {
  padding: 0;
  background: none;
  display: none !important;
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search {
    background: none;
    padding: 10px 0;
    border-bottom: 1px solid #a6a8ab;
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input {
  background: #f1f1f2;
  border-radius: 0px;
  box-shadow: none;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 3px;
  padding: 3px 3px 3px 25px;
  width: 160px;
  height: 30px;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags {
  background: rgba(255, 255, 255, 0.05);
  padding: 20px 30px;
  border: none;
  max-height: 230px !important;
  list-style: none;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight {
    color: #9e9c36;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
    font-family: "proxima-nova",sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    color: #6d6e70;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    border: none;
    letter-spacing: 1px;
    background: none;
    padding: 10px 35px 10px 0;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:after {
    background: #606060;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after {
    content: attr('data-count');
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 28%;
    text-align: center;
    margin-top: -9px;
    padding: 3px 6px;
    color: white;
    background: #838383;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 50%;
    box-shadow: none;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
}

fieldset.ft-search > input::-webkit-input-placeholder,
fieldset.ft-search > input:-moz-placeholder,
fieldset.ft-search > input::-moz-placeholder,
fieldset.ft-search > input:-ms-input-placeholder {
   color: #6d6e70;
}

fieldset.ft-search > input:focus ::-webkit-input-placeholder,
fieldset.ft-search > input:focus :-moz-placeholder,
fieldset.ft-search > input:focus ::-moz-placeholder,
fieldset.ft-search > input:focus :-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.05);
}

ul.ft-menu > li.ft-field > span.ft-label {
  text-align: center;
  padding: 0 !important;
}

ul.ft-menu > li.ft-field > span.ft-label > div.ft-label-text {
  font-family: "proxima-nova",sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff;
  line-height: 18px;
  text-transform: uppercase;
}

span.ft-label > div {
  display: inline-block;
}

.arrow-down {
    display: none;
}

span.ft-label > div.ft-label-text:after {
    position: relative;
    content: "\f105";
    font-family: fontawesome;
    padding-left: 12px;
}

span.ft-opened > div.ft-label-text:after {
    content: "\f107";
}

ul.ft-menu > li.ft-field > div.ft-panel {
  background-color: rgba(255,255,255,0.95);
  width: 288px;
  top: 48px;
  z-index: 1 !important;
}

.projects-container-wrapper {
  width: 100%;
  margin: 0;
  background-color: #f1f1f1;
  padding: 25px 0 60px 0;
}

.filter-container {
  max-width: 1560px;
  margin: 0 auto;
  color: #6d6e70;
  height: auto;
  margin-bottom: 25px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 100;
}

div.filter-container > ul.ft-selected > li:after {
  content: " \00D7";
  color: #838383;
  font-size: 20px;
}

div.filter-container span {
  margin-right: 18px;
}

ul.ft-selected.filters {
  display: inline-block !important;
  margin: 0 !important;
  margin-right: -5px !important;
}

ul.ft-selected.filters li {
  background: #fff !important;
  margin: 0 10px 0 0 !important;
  padding: 0 12px!important;
  color: #838383 !important;
  font-size: 14px !important;
  border: none !important;
  display: inline-block !important;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.ft-selected.filters li:hover {
  background: #d6de23 !important;
  cursor: pointer;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.adjust {
  display: inherit !important;
}

.projects-container {
  max-width: 1182px;
  margin: 0 auto;
  padding-left: 8px;
}

div.portfolio {
    display: inline-block;
    margin: 0 7px 16px;
    vertical-align: top;
}

div.portfolio.last {
    margin-right: 7px !important;
}

.project-wrap {
  width: 375px !important;
  height: 497px;
  margin: 0;
}

div.project-wrap > a > div.project-image {
    opacity: 0.8;
}

div.project-wrap:hover > a > div.project-image {
    opacity: 1;
}

div.project-image {
  width: 375px;
  height: 375px;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
}

div.project-image img {
  height: 100%;
  width: 100%;
}

.project-info {
  background: #ffffff;
  height: 120px;
  font-family: "proxima-nova",sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
  padding-top: 7px;
  text-transform: uppercase;
  color: #606060;
  padding: 12px 20px 0;
}

.proj-title {
  color: #606060 !important;
  font-weight: 600;
  line-height: 17px;
  font-size: 17px;
  letter-spacing: 1px;
  text-transform: initial;
}

span > strong {
    margin-right: 5px;
}

.project-details {
    color: #6D6E70;
    font-size: 12px;
    text-align: left;
    line-height: 18px;
    text-transform: capitalize;
    letter-spacing: 0px;
    font-weight: 300;
}

#content {
  padding: 0;
}

.home-top-block {
  margin-bottom: 20px;
  border-bottom: 1px solid #a6a8ab;
  border-top: 1px solid #a6a8ab;
}

.home-top-block p {
  margin: 0 auto;
  text-align: center;
  font-weight: 100;
  line-height: 1.5;
}

.home-profile-block {
  position: relative;
  overflow: hidden;
}

.client-port {
  position: relative;
  margin: 0 0 20px 0;
  overflow: hidden;
}

.client-port:nth-child(4n+1) { /*1st and every 5th client thereafter*/
  height: 350px;
}

.client-port:nth-child(4n+1) img {
  width: 100%;
  position: absolute;
  top: -50%;
}

.client-port:nth-child(2n+2) /*every 2nd client*/, .client-port:nth-child(4n+4) /*every 4th client*/ {
  float: left;
  width: 49%;
  height: 400px;
  margin-right: 2%;
}

.client-port:nth-child(3n+3) /*every 3rd client*/ {
  position: initial;
  float: right;
  width: 49%;
  height: 820px;
}

.client-port:nth-child(3n+3) img {
  position: absolute;
  width: auto;
  height: 820px;
}

.client-port a {
  display: block;
}

h1.page-title {
  font-size: 48px;
  letter-spacing: 2px;
}

#intro.option1 {
  margin-bottom: 5px;
}

#intro.option1 #intro-core {
  padding: 0;
}

#intro.option1 #intro-core:before, #intro.option1 #intro-core:after {
  display: none;
}

/* FOOTER */

#footer {
  background: #6d6e70;
  border-top: none;
  border-bottom: none;
  padding: 60px 10px 0;
  padding-bottom: 30px;
}

#footer-core {
  height: 48px;
  overflow: hidden;
}

#footer-core h3 {
  border: none;
  box-shadow: none;
}

#footer-menu li:after {
  content: "";
}

.fca_eoi_layout_0_headline_copy_wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.fca_eoi_form_input_element {
  font-family: "proxima-nova",sans-serif;
  font-weight: bold;
  font-size: 14pt;
  height: 48px;
}

footer .fca_eoi_form p {
  position: relative;
  display: inline-block;
  height: auto;
  border: none;
  margin: 0;
}

footer #fca_eoi_form_46 .fca_eoi_layout_0 input {
  width: 270px;
  height: 48px;
  margin: 0;
  border: none;
  margin-right: 30px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  padding: 16px;
}

footer #fca_eoi_form_46 input.fca_eoi_form_button_element {
  margin: 0;
  border-bottom: 6px solid #A5A52B;
}

footer #fca_eoi_form_46 input.fca_eoi_form_button_element:hover {
  margin: 0;
  background-color: #A5A52B;
  border-bottom: 6px solid #606060;
}

#sub-footer {
  background: #606060;
  border-top: none;
  padding: 50px 0;
}

#sub-footer-core, #sub-footer-core a {
  font-size: 12px;
  color: #fff;
}

.icon-social-facebook a:hover {
  color: #669dff !important;
}

.icon-social-twitter a:hover {
  color: #33c5ff !important;
}

.icon-social-linkedin a:hover {
  color: #0db5ff !important;
}

.icon-social-googleplus a:hover {
  color: #ff795f !important;
}

.icon-social-instagram a:hover {
  color: #57b3ff !important;
}

.icon-social-pinterest a:hover {
  color: #ff4a64 !important;
}

.icon-social-yelp a:hover {
  color: #ff6161 !important;
}

#sub-footer-core .menu-item a {
  font-size: 26px;
}

#sub-footer-core {
  margin: 0 auto !important;
}

#sub-footer-core * {
  height: 20px;
}

#sub-footer-core div,
#sub-footer-core span,
#sub-footer-core div a {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-family: "proxima-nova",sans-serif;
    font-size: 11px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 300;
}

#sub-footer-core div a {
  margin: 0 3px;
}

#sub-footer-core > div > a:hover {
  color: #fff !important;
}

.footer-sep {
  width: 46px;
  text-align: center;
}

#sub-footer-core div:last-child {
  margin: 0;
}

#sub-footer-core .social-label {
  display: none;
}

#menu-social-menu li {
  display: inline-block !important;
  margin: 0;
}

body { min-width: 320px; }

.active {
  font-weight: 800;
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search:before {
    display: none !important;
}

ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* HEADER SECTION */

#header .sub-menu li:hover {
    background-color: #f4f4f4 !important;
}

#header .sub-menu li:hover > a,
#header .sub-menu li a:hover {
    color: #C4D600 !important;
}

/* BODY SECTION */

.portfolio-intro-row {
    background-color: #606060;
}

.portfolio-intro-wrapper {
    /*background-image: url('img/header-logo.png');*/
    background-size: 245px;
    background-repeat: no-repeat;
    background-position: right center;
    width: 1156px;
    margin: 0 auto;
}

div.filter-container {
    width: 1156px;
}

.main-intro, .port-filter {
    background: none;
}

a:focus,
input#search_submit,
input.fca_eoi_form_input_element {
    outline: none !important;
    text-decoration: none !important;
}

.home-top-block {
    margin-bottom: 40px;
    border-bottom: 1px solid #a6a8ab;
    border-top: 1px solid #a6a8ab;
    padding: 50px 0 50px 0;
}

input.fca_eoi_form_input_element:focus {
    background: #fff;
    color: #AAA;
}

div.client-name > a:hover {
    color: #C4D600;
}

div.project-feature-image-full {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center center;
  padding: 20% 10% 0;
  position: relative;
}

.project-feature-image-full hr {
	width: 50px;
    margin-left: 5px;
    margin-top: 40px;
    border: 0px;
    height: 2px;
    text-align: left;
    margin-bottom: 80px;
    background: #ffffff;
}

.project-feature-image-full p {
	color: #ffffff;
    font-family: "proxima-nova",sans-serif;
    font-weight: 700;
    font-size: 65px;
    line-height: 85px;
    letter-spacing: 2px;
}

.project-capabilities {
  width: 100%;
  margin: 60px auto;
  text-align: center;
}

.project-capabilities > a {
  display: inline-block;
  margin: 0 18px;
}

.project-capabilities > a > img {
  width: 62px;
  height: 62px;
}

.project-capabilities > a:hover > img#normal {
  display: none;
}

.project-capabilities > a:hover > img#active {
  display: inherit !important;
  visibility: visible;
  width: 62px;
  height: 62px;
}

div.client-description > h3 {
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  color: #9c9ea1;
  font-size: 24px;
  letter-spacing: 3px;
  margin-bottom: 16px;
  line-height: 24px;
}

.project-capabilities > a > span {
  display: block;
  margin-top: 12px;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #9d9fa2;
}

div.capability-title {
  background: url('img/capability-bg.png') center center no-repeat;
  height: 102px;
}

div.capability-title > h3 {
  background: white;
  width: auto;
  display: initial;
  padding: 0px 20px;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  color: #6d6e70;
  letter-spacing: 3px;
  line-height: 102px;
}

.client-feature-image {
  width: 100% !important;
  height: 600px;
  background-size: cover;
  background-position: center center;
}

.client-info-wrap {
  width: 1170px;
  text-align: justify;
  margin: 60px auto 24px;
  position: relative;
  font-family: 'Crimson Text';
  font-size: 15.5px;
  letter-spacing: 1px;
  color: #6d6e71;
  display: block;
}

.client-description {
  width: 65%;
  display: inline-block;
}

.client-name-industry {
  width: 30%;
  display: inline-block;
  margin-left: 4.5%;
  position: inherit;
  vertical-align: top;
}

.client-name h3 {
  margin-bottom: 5px;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 15.5px;
  font-weight: 600;
  color: #9c9ea1;
  letter-spacing: 3px;
}

.client-industry {
  margin-top: 20px;
}

.client-industry h3 {
  margin-bottom: 5px;
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  font-size: 15.5px;
  font-weight: 600;
  color: #9c9ea1;
  letter-spacing: 3px;
}

body.single-projects div.mainwrapper {
   /*margin-bottom: 0px !important;*/
}

div.project-container > div.row > div.columns > div > img {
    width: 100%;
}

ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0px;
    box-shadow: none;
    font-family: "proxima-nova",sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 3px;
    padding: 3px 3px 3px 30px;
    width: 100%;
    height: 30px;
}

ul.ft-menu > li.ft-field:first-child {
    margin-left: 0 !important;
}

ul.ft-menu > li.ft-field:last-child {
    margin-right: 0 !important;
}

div.project-details > span > a {
    font-weight: 600;
}

ul.ft-menu ::-webkit-scrollbar {
    width: 5px !important;
}

ul.ft-menu ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; 
    border-radius: 10px !important;
    background: #fff !important;
}

ul.ft-menu ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    background: #838383 !important;
}

div.holder {
    width: 100%;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "proxima-nova",sans-serif;
    margin-top: 38px;
    margin-bottom: 18px;
}

div.holder > a {
    padding: 0 8px;
}

div.holder > a.jp-current {
    font-weight: 600;
}

div.holder > a:hover {
    color: #606060;
}

div.page-adjust {
    padding: 0 16px;
    text-align: center;
}

div.affiliation {
    width: 100%;
    background: rgba(77,76,77,0.8);
    position: absolute;
    z-index: 3;
}

div.affiliation > div.container {
    margin-bottom: 0;
}

div.affiliation > div.container > ul {
    margin: 20px 0;
    list-style: none;
    text-align: center;
}

div.affiliation > div.container > ul > li {
    display: inline-block;
    max-width: 15%;
    margin: 2%;
}

div.close-affiliation {
    position: absolute;
    right: 20px;
    top: 5px;
}

div.close-affiliation > a.affiliation-close-btn {
    font-size: 24px;
    color: #fff;
}

.post-content-wrap {
    width: 1170px;
    margin: 0 auto 60px;
    display: block;
    text-align: justify;
    font-family: 'Crimson Text';
}

.post-feature-image {
  display: inline-block;
  width: 30% !important;
  height: 220px;
  background-size: cover;
  background-position: center center;
  vertical-align: top;
}

.post-info-wrap {
  display: inline-block;
  width: 65% !important;
  margin: 0 0 0 4.7%;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 26px;
}

div.post-info-wrap > a > h3 {
  font-family: "proxima-nova",sans-serif;
  text-transform: uppercase;
  color: #9c9ea1;
  font-size: 24px;
  letter-spacing: 3px;
  margin-bottom: 16px;
  line-height: 24px;
}

div.post-info-wrap > a:hover > h3 {
  color: #ccd423;
}

div.post-info-wrap > a > span {
  text-transform: uppercase;
  font-family: "proxima-nova",sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #9c9ea1;
  margin: 0 40px 0 10px;
  letter-spacing: 3px;
}

.capability-img {
  width: 4em;
}

@media only screen and (max-width: 1199px) {
    
    .projects-container {
        max-width: 940px;
        padding-left: 0;
    }
    
    div.portfolio {
        margin: 0 6px 14px 6px;
    }
    
    .project-wrap {
        width: 220px !important;
        height: 388px;
        margin: 0;
        overflow: hidden;
    }
    
    div.project-image {
        width: 220px;
        height: 276px;
    }
    
    .proj-title {
        font-size: 13px;
        line-height: 13px;
    }
    
    .project-details {
        font-size: 12px;
    }
    
    div.project-feature-image-full {
        height: 500px;
    }
    
    div.project-capabilities {
        margin: 50px auto 36px;
    }
    
    .project-capabilities > a > img,
    .project-capabilities > a:hover > img#active {
        width: 50px;
        height: 50px;
    }
    
    .project-capabilities > a > span {
        font-size: 10px;
        letter-spacing: 1px;
    }
    
    .client-info-wrap {
        width: 940px;
    }
    
    .client-description {
        width: 620px;
        text-align: left;
        font-size: 13px;
        line-height: 20px;
    }
    
    div.client-description > h3 {
        font-size: 19px;
        letter-spacing: 2px;
        margin-bottom: 5px;
    }
    
    .client-name-industry {
        width: 272px;
        margin-left: 36px;
        font-size: 13px;
    }
    
    .client-name > h3,
    .client-industry > h3 {
        font-size: 13px;
    }
    
    div.capability-title > h3 {
        font-size: 13px;
    }
    
    div.project-container > div.row {
        margin-bottom: 18px !important;
        width: 940px;
    }
    
    ul.ft-menu {
        width: 928px;
        margin: 0 auto !important;
        padding: 0px;
    }
    
    ul.ft-menu > li.ft-field {
        width: 288px;
        margin: 0 13px !important;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel {
        width: 288px;
    }
    
    .portfolio-intro-wrapper,
    div.filter-container {
        width: 916px;
    }
  
    ul.ft-menu {
        width: 100%;
    }
    
    ul.ft-menu > li.ft-field > span.ft-label:before,
    ul.ft-menu > li.ft-field > span.ft-label:after,
    ul.ft-menu > li.ft-field > span.ft-label.ft-opened:after {
        content: " ";
    }
    
    .post-content-wrap {
        width: 940px;
    }
    
    .post-info-wrap {
        width: 64% !important;
        font-size: 13px;
        line-height: 20px;
        text-align: left;
    }
    
    div.post-info-wrap > a > h3 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .post-feature-image {
        height: 208px;
    }

.history-block .inner-wrap {
margin: 0 auto;
}

}

@media only screen and (max-width: 959px) {
    
    div.project-container > div.row {
        max-width: 704px;
        margin-bottom: 14px !important;
    }
    
    .projects-container {
        max-width: 740px;
    }
    
    div.portfolio {
        margin: 0 10px 20px 10px;
    }
    
    div.project-feature-image-full {
        height: 372px;
    }
    
    .client-info-wrap {
        width: 700px;
        margin-bottom: 0px;
    }
    
    .client-description {
        width: 450px;
    }
    
    .client-name-industry {
        width: 208px;
    }
    
    div.capability-title {
        text-align: center;
        height: 90px;
    }
    
    div.capability-title > h3 {
        line-height: 93px;
    }
    
    div.project-container > div.row > div.columns {
        display: inline-block;
        margin-left: 0 !important;
    }
    
    div.project-container > div.row > div.columns > div.right,
    div.project-container > div.row > div.columns > div.landscape, 
    div.project-container > div.row > div.columns > div.portrait {
        margin-left: 0 !important;
        height: auto !important;
    }
    
    div.fix-four {
        max-height: 296px;
        overflow: hidden;
    }
    
    .portfolio-intro-wrapper,
    div.filter-container {
        width: 728px;
    }
    
    li.ft-field,
    ul.ft-menu > li.ft-field > div.ft-panel {
        width: 236px !important;
    }
    
    li.ft-field {
        text-align: center;
    }
    
    ul.ft-menu > li.ft-field {
        margin: 0 3px !important;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags {
        padding: 20px 26px;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
        font-size: 15px;
    }
    
    .team-block .inner-wrap, .history-block .inner-wrap {
        width: 748px;
    }
    
    .team-block:nth-child(even) .team-image,
    .team-image {
        width: 224px;
        height: 224px;
    }
    
    .team-image > img {
        width: 224px;
    }
    
    
}

@media only screen and (max-width: 767px) {
    
    div.project-feature-image-full {
        height: 400px;
    }
    
    .home-top-block {
        margin-left: 0;
        margin-right: 0;
        padding: 30px 0 30px 0;
    }
    
    .home-top-block p {
        font-size: 30px;
    }
    
    .projects-container {
        max-width: 484px;
    }
    
    div.client-info-wrap {
        width: auto;
        padding: 0 !important;
        margin: 0 52px;
    }
    
    div.client-description,
    div.client-name-industry {
        width: 100%;
        display: block;
        margin-left: 0;
    }
    
    div.fix-four {
        max-height: inherit;
    }
    
    div.projects-container-wrapper {
        padding: 20px 0 60px 0;
    }
    
    div.project-container > div.row {
        margin-bottom: 0 !important;
    }
    
    div.project-container > div.row > div.columns {
        /*margin-bottom: 14px !important;*/
    }
    
    body.single-projects div.mainwrapper {
        /*margin-bottom: 60px !important;*/
    }
    
    div.project-container > div.row > div.columns {
        display: block;
    }
    
    .portfolio-intro-wrapper {
        background-size: 300px;
        background-position: 80% -30px;
        width: 100%;
        margin: 0;
    }
    
    div.filter-container {
        width: 100%;
        padding: 0 52px;
    }
    
    .main-intro {
        width: 100%;
        padding: 40px 0 20px 52px;
    }
    
    .port-filter {
        width: 100%;
        padding: 27px 0;
        margin-bottom: 0px !important;
    }
    
    ul.ft-menu > li.ft-field {
        margin: 0 !important;
        display: block;
        width: 100% !important;
        text-align: left;
        padding: 0;
    }
    
    ul.ft-menu > li.ft-field > span.ft-label {
        text-align: left;
        padding: 13px 52px !important;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel {
        width: 100% !important;
        position: relative;
        top: 0;
        background: #6d6e70;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search {
        display: none;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags {
        background: none;
        padding: 20px 50px;
        border: none;
        max-height: none !important;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li {
        color: #FFF;
    }
    
    ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight {
        color: #d6de23;
    }
    
    body.page-template-template-projects h1.page-title {
        font-size: 36px;
    }
    
    div.portfolio-intro-wrapper > div.main-intro {
        padding: 23px 0 0px 52px;
    }
    
    div.port-filter {
        padding: 3px 0;
    }
    
    .team-block .inner-wrap, .history-block .inner-wrap {
        width: 100%;
    }
}

@media only screen and (max-width: 567px) {
    
    div.project-feature-image-full {
        height: 400;
    }
    
    .home-top-block p {
        font-size: 16px;
    }
    
    .projects-container {
        max-width: 240px;
    }
    
    ul.ft-selected.filters li {
        margin: 0 10px 10px 0 !important;
    }
    
    .filter-container {
        margin-bottom: 20px;
    }
    
    div.project-container > div.row {
        width: auto;
    }
    
    body.single-projects div.mainwrapper {
        margin: 0 38px 60px !important;
    }
    
    div.holder {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    
    div.holder > a {
        padding: 0 6px;
    }
}

/* Parallax Fix */

section#parallax_414  {
  background-position: 50% calc(((33% - 320px) * 1.5) + 351px) !important;
  background-size: 100% !important;
  height: 655px !important;
}

@media screen and (max-width: 1199px) {
    section#parallax_414 {
      background-position: 50% calc(((33% - 320px) * 1.5) + 410px) !important;
    }
}

@media screen and (max-width: 959px) {
    section#parallax_414 {
      background-position: 50% calc(((33% - 320px) * 1.5) + 284px) !important;
    }
}

@media screen and (max-width: 767px) {
    section#parallax_414 {
      background-position: 50% calc(((33% - 320px) * 1.5) + 242px) !important;
    }
}

@media screen and (max-width: 567px) {
    section#parallax_414 {
      background-position: 50% calc(((33% - 320px) * 1.5) + 214px) !important;
      background-size: 110% !important;
    }
}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    
    div.port-filter > ul.ft-menu > li.ft-field:nth-child(3) ul.ft-tags > li:after {
      display: none !important;
    }

/* Approach Page CSS */

.container2 {
  display: block; 
  padding-left: 4%; 
  padding-right: 4%;
}

.columnleft {
  width: 60%; 
  float: left;
}

.columnright {
  width: 30%; 
  float: left; 
  margin-left: 10%; 
  margin-bottom: 60px;
}

.hgreendivider {
  border-bottom: 2px solid #d5e739; 
  width: 70px; 
  margin-bottom: 40px;
}

.vgreendivider {
  border-left: 2px solid #d5e739; 
  height: 180px; 
  float: left;
}

.columnrightmargin {
  margin-left: 18%;
}

#bgimage {
  background-position: center;
  background-repeat: no-repeat;
}

#topPhoto {
  background-position: bottom;
  background-size: cover;
  margin-bottom: 60px;
  width: 100%;
  background-repeat: no-repeat;
  height: 600px;
}

.bgimagecontainer {
  height: 700px; 
  line-height: 600px; 
  text-align: center; 
  padding: 40px; 
  background-color: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 768px) {

        .columnleft {
          width: 100%; 
          float: left;
        }

        .columnright {
          width: 100%; 
          float: left; 
          margin-left: 0%; 
          margin-bottom: 40px;
        }

        .vgreendivider {
          display: none;
        }

        .columnrightmargin {
          margin-left: 0%;
        }

}



@media only screen and (max-width: 959px) {

  img.wbenclogo {
    margin-top:50px!important; 

  }
}