/*------------------------------------------------------------------
[ Fonts Import ]
-------------------------------------------------------------------*/

@import url("//hello.myfonts.net/count/351d18");

@font-face {font-family: 'HalisGR-Light';src: url('../fonts/HalisGR/351D18_1_0.eot');src: url('../fonts/HalisGR/351D18_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Book';src: url('../fonts/HalisGR/351D18_6_0.eot');src: url('../fonts/HalisGR/351D18_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_6_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_6_0.woff') format('woff'),url('../fonts/HalisGR/351D18_6_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Medium';src: url('../fonts/HalisGR/351D18_7_0.eot');src: url('../fonts/HalisGR/351D18_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_7_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_7_0.woff') format('woff'),url('../fonts/HalisGR/351D18_7_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Regular';src: url('../fonts/HalisGR/351D18_B_0.eot');src: url('../fonts/HalisGR/351D18_B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_B_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_B_0.woff') format('woff'),url('../fonts/HalisGR/351D18_B_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Bold';src: url('../fonts/HalisGR/351D18_4_0.eot');src: url('../fonts/HalisGR/351D18_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_4_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_4_0.woff') format('woff'),url('../fonts/HalisGR/351D18_4_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-RegularItalic';src: url('../fonts/HalisGR/351D18_9_0.eot');src: url('../fonts/HalisGR/351D18_9_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_9_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_9_0.woff') format('woff'),url('../fonts/HalisGR/351D18_9_0.ttf') format('truetype');}

/*
@font-face {font-family: 'HalisGR-LightItalic';src: url('../fonts/HalisGR/351D18_0_0.eot');src: url('../fonts/HalisGR/351D18_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_0_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_0_0.woff') format('woff'),url('../fonts/HalisGR/351D18_0_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Black';src: url('../fonts/HalisGR/351D18_2_0.eot');src: url('../fonts/HalisGR/351D18_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_2_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_2_0.woff') format('woff'),url('../fonts/HalisGR/351D18_2_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-BlackItalic';src: url('../fonts/HalisGR/351D18_3_0.eot');src: url('../fonts/HalisGR/351D18_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_3_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_3_0.woff') format('woff'),url('../fonts/HalisGR/351D18_3_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-BookItalic';src: url('../fonts/HalisGR/351D18_5_0.eot');src: url('../fonts/HalisGR/351D18_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_5_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_5_0.woff') format('woff'),url('../fonts/HalisGR/351D18_5_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-MediumItalic';src: url('../fonts/HalisGR/351D18_8_0.eot');src: url('../fonts/HalisGR/351D18_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_8_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_8_0.woff') format('woff'),url('../fonts/HalisGR/351D18_8_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-BoldItalic';src: url('../fonts/HalisGR/351D18_A_0.eot');src: url('../fonts/HalisGR/351D18_A_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_A_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_A_0.woff') format('woff'),url('../fonts/HalisGR/351D18_A_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SBlack';src: url('../fonts/HalisGR/351D18_C_0.eot');src: url('../fonts/HalisGR/351D18_C_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_C_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_C_0.woff') format('woff'),url('../fonts/HalisGR/351D18_C_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SBlackItalic';src: url('../fonts/HalisGR/351D18_D_0.eot');src: url('../fonts/HalisGR/351D18_D_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_D_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_D_0.woff') format('woff'),url('../fonts/HalisGR/351D18_D_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SBold';src: url('../fonts/HalisGR/351D18_E_0.eot');src: url('../fonts/HalisGR/351D18_E_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_E_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_E_0.woff') format('woff'),url('../fonts/HalisGR/351D18_E_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SExtraLight';src: url('../fonts/HalisGR/351D18_F_0.eot');src: url('../fonts/HalisGR/351D18_F_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_F_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_F_0.woff') format('woff'),url('../fonts/HalisGR/351D18_F_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SExtraLightItalic';src: url('../fonts/HalisGR/351D18_10_0.eot');src: url('../fonts/HalisGR/351D18_10_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_10_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_10_0.woff') format('woff'),url('../fonts/HalisGR/351D18_10_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SLight';src: url('../fonts/HalisGR/351D18_11_0.eot');src: url('../fonts/HalisGR/351D18_11_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_11_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_11_0.woff') format('woff'),url('../fonts/HalisGR/351D18_11_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SlightItalic';src: url('../fonts/HalisGR/351D18_12_0.eot');src: url('../fonts/HalisGR/351D18_12_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_12_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_12_0.woff') format('woff'),url('../fonts/HalisGR/351D18_12_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SMedium';src: url('../fonts/HalisGR/351D18_13_0.eot');src: url('../fonts/HalisGR/351D18_13_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_13_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_13_0.woff') format('woff'),url('../fonts/HalisGR/351D18_13_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SRegular';src: url('../fonts/HalisGR/351D18_14_0.eot');src: url('../fonts/HalisGR/351D18_14_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_14_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_14_0.woff') format('woff'),url('../fonts/HalisGR/351D18_14_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SMediumItalic';src: url('../fonts/HalisGR/351D18_15_0.eot');src: url('../fonts/HalisGR/351D18_15_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_15_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_15_0.woff') format('woff'),url('../fonts/HalisGR/351D18_15_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-Thin';src: url('../fonts/HalisGR/351D18_16_0.eot');src: url('../fonts/HalisGR/351D18_16_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_16_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_16_0.woff') format('woff'),url('../fonts/HalisGR/351D18_16_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-ThinItalic';src: url('../fonts/HalisGR/351D18_17_0.eot');src: url('../fonts/HalisGR/351D18_17_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_17_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_17_0.woff') format('woff'),url('../fonts/HalisGR/351D18_17_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-ExtraLightItalic';src: url('../fonts/HalisGR/351D18_18_0.eot');src: url('../fonts/HalisGR/351D18_18_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_18_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_18_0.woff') format('woff'),url('../fonts/HalisGR/351D18_18_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-ExtraLight';src: url('../fonts/HalisGR/351D18_19_0.eot');src: url('../fonts/HalisGR/351D18_19_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_19_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_19_0.woff') format('woff'),url('../fonts/HalisGR/351D18_19_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SBoldItalic';src: url('../fonts/HalisGR/351D18_1A_0.eot');src: url('../fonts/HalisGR/351D18_1A_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1A_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1A_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1A_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SBookItalic';src: url('../fonts/HalisGR/351D18_1B_0.eot');src: url('../fonts/HalisGR/351D18_1B_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1B_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1B_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1B_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SBook';src: url('../fonts/HalisGR/351D18_1C_0.eot');src: url('../fonts/HalisGR/351D18_1C_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1C_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1C_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1C_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SRegularItalic';src: url('../fonts/HalisGR/351D18_1D_0.eot');src: url('../fonts/HalisGR/351D18_1D_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1D_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1D_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1D_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SThin';src: url('../fonts/HalisGR/351D18_1E_0.eot');src: url('../fonts/HalisGR/351D18_1E_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1E_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1E_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1E_0.ttf') format('truetype');}
@font-face {font-family: 'HalisGR-SThinItalic';src: url('../fonts/HalisGR/351D18_1F_0.eot');src: url('../fonts/HalisGR/351D18_1F_0.eot?#iefix') format('embedded-opentype'),url('../fonts/HalisGR/351D18_1F_0.woff2') format('woff2'),url('../fonts/HalisGR/351D18_1F_0.woff') format('woff'),url('../fonts/HalisGR/351D18_1F_0.ttf') format('truetype');}
*/



@font-face {
  font-family: 'fontello';
  src: url('../fonts/Fontello/fontello.eot?72296152');
  src: url('../fonts/Fontello/fontello.eot?72296152#iefix') format('embedded-opentype'),
  url('../fonts/Fontello/fontello.woff2?72296152') format('woff2'),
  url('../fonts/Fontello/fontello.woff?72296152') format('woff'),
  url('../fonts/Fontello/fontello.ttf?72296152') format('truetype'),
  url('../fonts/Fontello/fontello.svg?72296152#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?72296152#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-open-big:before { content: '\e800'; } /* '' */
.icon-left-open-big:before { content: '\e801'; } /* '' */
.icon-right-open-big:before { content: '\e802'; } /* '' */
.icon-up-open-big:before { content: '\e803'; } /* '' */
.icon-down-dir:before { content: '\e804'; } /* '' */
.icon-left-dir:before { content: '\e805'; } /* '' */
.icon-right-dir:before { content: '\e806'; } /* '' */
.icon-up-dir:before { content: '\e807'; } /* '' */
.icon-up-open:before { content: '\e808'; } /* '' */
.icon-right-open:before { content: '\e809'; } /* '' */
.icon-left-open:before { content: '\e80a'; } /* '' */
.icon-down-open:before { content: '\e80b'; } /* '' */
.icon-down-open-mini:before { content: '\e80c'; } /* '' */
.icon-left-open-mini:before { content: '\e80d'; } /* '' */
.icon-right-open-mini:before { content: '\e80e'; } /* '' */
.icon-up-open-mini:before { content: '\e80f'; } /* '' */
.icon-clock:before { content: '\e810'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-pinterest-circled:before { content: '\f0d2'; } /* '' */
.icon-pinterest-squared:before { content: '\f0d3'; } /* '' */
.icon-gplus-squared:before { content: '\f0d4'; } /* '' */
.icon-gplus:before { content: '\f0d5'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-google:before { content: '\f1a0'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-pinterest:before { content: '\f231'; } /* '' */
.icon-houzz:before { content: '\f27c'; } /* '' */
.icon-twitter-squared:before { content: '\f304'; } /* '' */
.icon-facebook-squared:before { content: '\f308'; } /* '' */
.icon-instagram-1:before { content: '\f32d'; } /* '' */








/*------------------------------------------------------------------
[ Default/Shared Styles ]
-------------------------------------------------------------------*/

html {
  height: 100%;
  position: relative;
}

body {
  background: #ffffff;
  height: 100%;
  color: #636363;
  font-family: "HalisGR-Light", "Open Sans", Arial, sans-serif;
}

p {
  line-height: 2.2em;
  padding-bottom: 2em;
}

a, a:link, a:visited, a:hover, a:active {
  color: #111111;
}

a:hover, a:link:hover, a:visited:hover, a:active:hover {
  color: #ed1c24;
}

a.icon-red, #contact-header a.icon-red, .scroll-down-arrow a.icon-red {color: #ea1c1c;}
a.icon-red:hover, #contact-header a.icon-red:hover, , .scroll-down-arrow a.icon-red:hover {color: #888888;}

.bg-gray {background-color: #f7f7f7}
.bg-gray-dark {background-color: #5f5f5f;color: #ffffff;}
.bg-gray-dark div.h1, .bg-gray-dark h1, .bg-gray-dark h2, .bg-gray-dark h3 {color: #ffffff}
.bg-gray-dark hr.break-small {background: #ffffff}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #424242;
  margin-bottom: 15px;
  margin-top: 0;
  font-family: "HalisGR-Book", "Open Sans", Arial, sans-serif;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
  color: #474747;
}

h1, .h1 {
  font-size: 2.5rem;
  line-height: 1.5em;
  margin-bottom: 36px;
}

h2, .h2 {
  font-size: 2.25rem;
  margin-bottom: 40px;
}

h3, .h3 {
  font-size: 2.25rem;
  margin-bottom: 20px;
}

h4, .h4 {
  font-size: 1.1rem;
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: 0.9rem;
}
h3.article-name {font-size: 2rem}

hr {margin: 0 auto;max-width: 71.25rem;}

b, strong, .text-strong {
  font-weight: 700;
}

blockquote::before {
  color: #e0e0e0;
  content: "“";
  display: block;
  float: left;
  font-family: georgia;
  font-size: 80px;
  height: 30px;
  left: -40px;
  position: relative;
  top: -20px;
  width: 0;
}

blockquote {
  border: 0;
  font-size: 1rem;
  padding: 0 0 0 40px;
}

iframe {
  display: block;
  margin: 0;
}


/* Tables */

table {
  background: none repeat scroll 0 0 #fff;
  border: 0;
  font-size: 0.85rem;
  line-height: 1.6rem;
}

table tr td, table tr th {
  padding: 10px;
}

table tfoot, table thead {
  background: none repeat scroll 0 0 #f5f5f5;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

table tr:nth-of-type(2n) {
  background: none repeat scroll 0 0 #f5f5f5;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

th {
  border-right: 1px solid #fff;
}

td {
  border-right: 1px solid #fff;
}


/* Breaks */

hr.break {
  border: 0;
  border-top: 1px solid #ed1c24;
  display: block;
  margin: 40px 0;
}

hr.break:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* Small Breaks */

hr.break-small {
  background: #ed1c24;
  border: 0;
  display: inline-block;
  height: 2px;
  margin: 6px 0 32px;
  width: 75px;
}

/*.horz-divider {}
.horz-divider.bot-border {}
.horz-divider.top-border {}*/


/* Mini Breaks */

hr.break-mini {
  background: #ed1c24;
  border: 0;
  display: inline-block;
  height: 2px;
  margin: 6px 0 32px;
  width: 50px;
}



video {
  display: block;
}


/* Buttons */
.button, a.button, a.button:link, a.button:visited {
  font-family: 'HalisGR-Regular';
  font-size: 1em;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #424242;
  display: inline-block;
  padding: 20px 60px;
  min-width: 19em;
  text-align: center;
  transition: all 0.20s linear 0s !important;
  -o-transition: all 0.20s linear 0s !important;
  -ms-transition: all 0.20s linear 0s !important;
  -moz-transition: all 0.20s linear 0s !important;
  -webkit-transition: all 0.20s linear 0s !important;
  background-color: #fff;
  border-radius: 0px;
  border: 1px solid #424242;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input.button {cursor: pointer;}

.button:hover, a.button:hover, a.button:link:hover, a.button:visited:hover {
  border: 1px solid #e50808;
  color: #e50808;
}
.button.navi {
  padding: 10px 40px !important;
  min-width: 0 !important;
  margin-bottom: 1em;
  font-size: 1.5em;
}
.button.navi.back, .button.navi.next {
  line-height: 56px;
  padding: 0 40px !important;
}

.button.article-main {
  background-image: url(../img/icon-thumbnails-gray-2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 48px 24px;
  min-height: 56px;
  min-width: 120px;
  line-height: 56px;
  padding: 0 40px !important;
  transition: all 0.20s ease 0s;
  -o-transition: all 0.20s ease 0s;
  -ms-transition: all 0.20s ease 0s;
  -moz-transition: all 0.20s ease 0s;
  -webkit-transition: all 0.20s ease 0s;
}
.button.article-main span {
  opacity: 0;
  display: block;
  transition: all 0.20s ease 0s;
  -o-transition: all 0.20s ease 0s;
  -ms-transition: all 0.20s ease 0s;
  -moz-transition: all 0.20s ease 0s;
  -webkit-transition: all 0.20s ease 0s;
  font-size: .9em;
}

.button.article-main:hover {
  background-position: center -30px;
}
.button.article-main:hover span {opacity: 1;transition-delay: .15s;}

/*Misc*/

#desktop-header-spacer {height: 80px;display: block;}
.size-1140 .line.line-full {max-width: 100%;padding: 0}
img.image-divider {width: 100%;height: auto;}
.section-bg {
  background-position: 50% 50%;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
.section-bg-inner {
  background-color: #ffffff;
  padding: 90px 45px;
}



input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}


/*------------------------------------------------------------------
[ Image FX ]
-------------------------------------------------------------------*/
.hidden {opacity: 0}
.visible {opacity: 1}



/*------------------------------------------------------------------
[ Header & Top Navs ]
-------------------------------------------------------------------*/

header {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.main-nav,
.main {
  position: relative; 
}
.main-nav {
  z-index: 999;
  /*margin-bottom: -80px;*/
  padding: 0 20px;
  background: rgba(255,255,255,1);

  transition: all 0.30s ease 0s !important;
  -o-transition: all 0.30s ease 0s !important;
  -ms-transition: all 0.30s ease 0s !important;
  -moz-transition: all 0.30s ease 0s !important;
  -webkit-transition: all 0.30s ease 0s !important;
  height: 80px;
  border-bottom: 1px solid #ebebeb;
}

.main-nav-inner {
  background: rgba(255,255,255,1);
  height: 80px;
  padding-right: 0 !important;
  transition: all 0.30s ease 0s !important;
  -o-transition: all 0.30s ease 0s !important;
  -ms-transition: all 0.30s ease 0s !important;
  -moz-transition: all 0.30s ease 0s !important;
  -webkit-transition: all 0.30s ease 0s !important;
  border-bottom: 1px solid #ebebeb;
}

.main-nav a.logo {
  display: block;
  position: relative;
  margin-top: 12px;
  margin-left: 10px;
  width: 190px;
  height: auto;
  transition: all 0.30s ease 0s !important;
  -o-transition: all 0.30s ease 0s !important;
  -ms-transition: all 0.30s ease 0s !important;
  -moz-transition: all 0.30s ease 0s !important;
  -webkit-transition: all 0.30s ease 0s !important;
}
.main-nav a.logo img {
  transition: all 0.30s ease 0s !important;
  -o-transition: all 0.30s ease 0s !important;
  -ms-transition: all 0.30s ease 0s !important;
  -moz-transition: all 0.30s ease 0s !important;
  -webkit-transition: all 0.30s ease 0s !important;
}
.main-nav a.logo img#header-logo {position: relative;opacity: 1}
.main-nav a.logo img#header-mark {position: absolute;top: 0;opacity: 0}

/*Nav Variations After SCROLL*/
.main-nav-scrolled,.main-nav-scrolled .main-nav, .main-nav-scrolled .main-nav-inner {height: 60px;}
.main-nav-scrolled a.logo {margin-top: 6px; }
.main-nav-scrolled a.logo img#header-logo {position: relative;opacity: 0}
.main-nav-scrolled a.logo img#header-mark {position: absolute;top: 0;opacity: 1}
.main-nav-scrolled ul#topNavLarge a {line-height: 64px;}
.main-nav-scrolled ul#topNavLarge li {
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.main-nav-scrolled #topDesktopTrigger {margin-top: 22px; }
.main-nav-scrolled #topDesktopTriggerWrap {
  opacity: 1;
  pointer-events: all;
  -o-transition-delay: .5s;
  -ms-transition-delay: .5s;
  -moz-transition-delay: .5s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}


/*Nav Variations After EXPAND*/

.main-nav-scrolled ul#topNavLarge.expanded{margin-right: 40px; }
.main-nav-scrolled ul#topNavLarge.expanded li {padding: 0 25px; opacity: 1; pointer-events: auto; }

/*Top Navs (Desktop and Mobile)*/
#topNavLargeWrap {
  position: relative;
  width: 100%;
}
#topNavSmallWrap {
  position: relative;
  width: 100%;
  display: none;
}
ul#topNavLarge, ul#topNavSmall {
  right: 10px;
  top: 0px;
  list-style:none;
  position: absolute;
  color: #000;
  margin:0;
  margin-right: 35px;
  padding:0;
  font-family: 'HalisGR-Regular', "Open Sans", Arial, sans-serif;
  
}

ul#topNavLarge a, ul#topNavSmall a {
  display: block;
  color: #424242; 
  text-decoration:none;
  line-height: 80px;
  font-size: .8125em;
  letter-spacing: 1.5px;
  padding: 0px;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear;
  text-transform: uppercase;
  opacity: 1;
}
@media screen and (min-width:1001px) {
  ul#topNavLarge li:last-child{padding-right: 0 }
}
ul#topNavLarge li.hide-nav{display: none; }
ul#topNavLarge a:hover {color: #ed1c24; }
ul#topNavLarge .current-menu-item a {
  background-image: url('../img/1x2_ed1c24.png');
  background-repeat: repeat-x;
  background-position: center 20px;
}
.main-nav-scrolled ul#topNavLarge .current-menu-item a {
  background-position: center 10px;
}


ul#topNavLarge li, ul#topNavSmall li
{
  position:relative;
  float:left;
  margin:0;
  padding:0 30px;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width:1100px) {
  ul#topNavLarge li{padding:0 10px;}
  ul#topNavLarge.expanded li{padding:0 10px;}
  .main-nav-scrolled ul#topNavLarge.expanded li{padding:0 10px;}
}

ul#topNavLarge li:hover {}
ul#topNavLarge ul, ul#topNavSmall ul {
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background: rgba(255,255,255,.95);
  padding:0;
  list-style:none;

  moz-box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.25);;
  webkit-box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.25);;
  box-shadow: 0 7px 7px -7px rgba(0, 0, 0, 0.25);;
  border: 1px solid rgba(0,0,0,.1);
  border-top: none;
}

ul#topNavLarge ul li, ul#topNavSmall ul li {float:none; width:200px }
ul#topNavLarge ul a, ul#topNavSmall ul a {
  padding:10px 15px;
  line-height:40px;
  font-size: .875em;
  padding: 0px 15px;  
  font-weight: 400;
}

ul#topNavLarge ul ul, ul#topNavSmall ul ul{top:0; left:100% }
ul#topNavLarge li:hover > ul {display:block}


@media screen and (max-width:1100px) {
  ul#topNavLarge a {padding: 0px 5px;}
}

#topMobileTriggerWrap, #topDesktopTriggerWrap {
  position: absolute;
  top: 0;
  right: 10px;
}
#topMobileTrigger, #topDesktopTrigger {
  width: 35px;
  height: 40px;
  position: relative;
  margin: 20px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  cursor: pointer;
}
#topDesktopTrigger.menu-is-active{width: 20px;}
#topDesktopTriggerWrap {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
} 
#topDesktopTrigger {margin-top: 31px; margin-bottom: 0; }
#topMobileTrigger span, #topDesktopTrigger span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #959595;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#topMobileTriggerWrap {display: none;}
#topNavLargeOuter {display: block;}
#topNavSmallOuter {display: none;}

@media screen and (min-width:1001px) {
/*  #topNavWrap {display: block;}
#topMobileTriggerWrap {display: none;}*/
}
@media screen and (max-width:1000px) {
  #topNavLargeOuter {display: none;}
  #topNavSmallOuter {display: block;}
  #topMobileTriggerWrap {display: block;}
  #desktop-header-spacer {display: none;}
  .main-nav-inner {border-bottom: none;}
  .mobileNavOuter {width: 100%;}
  #topMobileTriggerWrap {display: block;}
  #topMobileTrigger {
    position: absolute;
    top: 12px;
    right: 10px;
  }
  .main-nav a.logo img { max-width: 220px;}
  header, .main-nav, .main-nav-inner {height: auto;}
  header {padding-top: 0;position: relative;}
  .main-nav {position: relative;}
  .main-nav-inner {min-height: 90px;background: rgba(255,255,255,1);padding-right: 0.625rem !important;}

  ul#topNavSmall {
    position: relative;
    right: auto;
    top: auto;
    padding-top: 22px;
    margin: 0;
  }
  ul#topNavSmall li {
    float: none;
    padding: 0;
  }
  ul#topNavSmall a {
    display: block;
    line-height: 20px;
    font-size: 1em;
    text-align: center;
    padding: 16px 0;
    border-top: 1px solid #ddd;
  }
  ul#topNavSmall ul {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    background: none;
    border: none;
    box-shadow: none;
  }
  ul#topNavSmall ul li {
    float: none;
    width: 100%;
  }
  ul#topNavSmall .current-menu-item a {
    background:none;
    color: #ed1c24;
  }
}

/* Burger */

#topMobileTrigger span:nth-child(1), #topDesktopTrigger span:nth-child(1) {
  top: 0px;
}
#topMobileTrigger span:nth-child(2),#topMobileTrigger span:nth-child(3), #topDesktopTrigger span:nth-child(2),#topDesktopTrigger span:nth-child(3) {
  top: 8px;
}
#topMobileTrigger span:nth-child(4), #topDesktopTrigger span:nth-child(4) {
  top: 16px;
}
#topMobileTrigger.open span:nth-child(1), #topDesktopTrigger.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
#topMobileTrigger.open span:nth-child(2), #topDesktopTrigger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#topMobileTrigger.open span:nth-child(3), #topDesktopTrigger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#topMobileTrigger.open span:nth-child(4), #topDesktopTrigger.open span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}


/*------------------------------------------------------------------
[ Footer ]
-------------------------------------------------------------------*/
footer {
  overflow: hidden;
  position: relative;
  z-index: 99;
}
footer h3 {font-family: 'HalisGR-Regular';margin-bottom: 6px;color: #fff;font-size: .875em;text-transform: uppercase;letter-spacing: 2px;line-height: 25px;}
footer a, footer a:link, footer a:visited {color: #fff}
footer a:hover,footer a:link:hover, footer a:visited:hover{color: #989898}

footer .footer-main {
  color: #fff;
  background-color: #464646;
  padding: 4em 0;
  min-height: 275px; 
}
footer p {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: .8125em;
  padding-top: 0px;
  line-height: 2em;
}
footer .footer-legal {
  color: #b9b9b9;
  background-color: #fff;
  font-family: 'HalisGR-Book';
  font-size: .7em;
  line-height:.7em;
  padding: 12px;
}
.footer-left {
  position: absolute;
  left: 0;
  width: auto;
  top: 0;
}
.footer-right {
  position: absolute;
  right: 0;
  width: auto;
  top: 0;
}
.footer-center {
  width: auto;
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 500px;
}

.footer-center hr.break-mini {
  margin-top: 16px;
  background-color: #fff;
  width: 60px;
  margin-bottom: 12px;
}

footer hr.break-small {
  background: #fff;
  height: 1px;
  margin-bottom: 30px;
  margin-top: 20px;
}

@media screen and (max-width:1200px) {
  footer .footer-main {
    padding: 4em 1em;
  } 
}

@media screen and (max-width:768px) {
  .footer-left, .footer-right, .footer-center {
    position: relative;
    margin: 0 auto;
    text-align: center;
  } 
  .footer-center {margin-bottom: 80px;}
  footer p {
    font-size: 1em;
  }
  footer h3 {
    font-size: 1em;
  }
  .footer-break {display: block;}
  .footer-divider {display: none;}
}

/*------------------------------------------------------------------
[ Social Icons ]
-------------------------------------------------------------------*/

.pSocialIcons, .aSocialIcons {text-align: center;margin-bottom: 120px;padding: 0;}

.pSocialIcons li, .aSocialIcons li {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  margin-right: 10px;
}
.pSocialIcons li:last-child, .aSocialIcons li:last-child{margin-right: 0} 

.pSocialIcons li a, .aSocialIcons li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #5c5c5c;
  transition: all 0.20s linear 0s !important;
  -o-transition: all 0.20s linear 0s !important;
  -ms-transition: all 0.20s linear 0s !important;
  -moz-transition: all 0.20s linear 0s !important;
  -webkit-transition: all 0.20s linear 0s !important;
  -o-transition-delay: 0s !important;
  -ms-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
}
.pSocialIcons i, .aSocialIcons i {

  font-size: 24px;
  width: 100%; 
  text-align: center;
}

.pSocialIcons a:hover, .aSocialIcons a:hover {
  color: #ed1c24
}

.pDescription {
  margin-bottom: 50px;
}
.pDescription p {
  font-size: 1.4em;
}
/*.portfolio-detail-figure .pSocialIcons {margin-bottom: 0}
.portfolio-detail-figure .pSocialIcons li, .portfolio-detail-figure .pSocialIcons li a {
  transition: all 0.20s linear 0s !important;
  -o-transition: all 0.20s linear 0s !important;
  -ms-transition: all 0.20s linear 0s !important;
  -moz-transition: all 0.20s linear 0s !important;
  -webkit-transition: all 0.20s linear 0s !important;
  -o-transition-delay: 0s !important;
  -ms-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  -webkit-transition-delay: 0s !important;
  transition-delay: 0s !important;
  }*/
  /*color variation for portfolio images*/
/*.portfolio-detail-figure .pSocialIcons li a {color: #ebebeb;}
.portfolio-detail-figure .pSocialIcons li a:hover {color: #ed1c24}*/

/*color variation for footer*/
.footer-center .pSocialIcons li a {color: #ffffff;}
.footer-center .pSocialIcons li a:hover {color: #989898}



.portfolio-details .pShare .pSocialIcons {margin-bottom: 80px;}


/*------------------------------------------------------------------
[ Back to Top Button ]
-------------------------------------------------------------------*/

a.go-top {
  position: fixed;
  bottom: 2em;
  right: 2em;
  text-decoration: none;
  color: #5b5b5b;
  background-color: rgba(255, 255, 255, 0.9);
  font-size: .65em;
  padding: 30px 0 0 0;
  display: none;
  background-image: url(../img/icon-go-up-arrow.png);
  background-repeat: no-repeat;
  background-position: center top;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.1em;
  letter-spacing: 1px;
  z-index: 0;
}

a.go-top:hover {
  color: #ed1c24;
}



/*------------------------------------------------------------------
[ WP Core ]
-------------------------------------------------------------------*/

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}


/*------------------------------------------------------------------
[ Page-Specific ]
-------------------------------------------------------------------*/

/*Home Page*/
#home-hero {
  height: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#home-content-onload {
  height: 100vh;
  height: calc(100vh- 91px);
  width: 100%;
  z-index: 3;
}
#home-introtext {
  text-align: center;
  color: #464646;
  font-size: 3em;
  padding: 0 3em;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 10%;
  z-index: 3;
  /*  overflow: hidden;*/
}



#home-introtext .inner {
  -webkit-transition: all 5s ease-in;
  -moz-transition: all 5s ease-in;
  -ms-transition: all 5s ease-in;
  -o-transition: all 5s ease-in;
  transition: all 5s ease-in;
  /*  letter-spacing: 2px;*/
  -ms-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3); 
  -o-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3,1.3);
}

#home-introtext.animated .inner {
  -ms-transform: scale(1.0, 1.0);
  -moz-transform: scale(1.0, 1.0); 
  -o-transform: scale(1.0, 1.0);
  -webkit-transform: scale(1.0, 1.0);
  transform: scale(1.0,1.0);
  /*  letter-spacing: 0;*/
  text-align: center;
}

/*#home-introtext .inner .text {    height: 70px;
  display: inline-block;
  vertical-align: top;
}
#home-introtext .inner .arrow {
  height: 70px;
  display: inline-block;
  vertical-align: top;
  padding-top: 19px;
  padding-left: 10px;
}
#home-introtext .inner .arrow img {
  height: 40px;
  }*/

  #home-introtext.animated .inner img {margin: 0 auto; }

  #home-content-slideshow {
    position: absolute;
    width: 100%;
    height: 100%;
    height: 100vh !important;
    top: 0;
    left: 0;
    z-index: 4;
  }

  @media screen and (max-width:480px) {
    #home-introtext {
      font-size: 2em;
      padding: 0em;
      height: 20%;
    }

    #home-introtext .inner {
      padding: 0 1.5em;
      letter-spacing: 0px;
    }

    #home-introtext.animated .inner {
      letter-spacing: 0px;
    }

  } 

  @media screen and (max-width:340px) {
    #home-introtext {
      font-size: 1.75em;
      height: 30%;
    }
  } 



  .scroll-down-arrow {
    position: absolute;
    width: 100%;
    bottom: 5%;
    pointer-events: none;
    height: 20px;

    position: absolute;
    bottom: 2em;
    left: 0;
    font-size: 2em;
    width: 100%;
    text-align: center;
    z-index: 5;

  }


  .scroll-down-arrow a {
    display: block;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -18px;
    padding: 8px 0 0;
    width: 100px;
    height: 35px;
    opacity: 1;
    pointer-events: auto;
    color: #fff;
  }

  .scroll-down-arrow:hover {
    color: #ed1c24;
  }

  .scroll-down-arrow .icon {
    display: block;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: initial;
    animation-timing-function: initial;
    -webkit-animation-delay: initial;
    animation-delay: initial;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: initial;
    animation-direction: initial;
    -webkit-animation-fill-mode: initial;
    animation-fill-mode: initial;
    -webkit-animation-play-state: initial;
    animation-play-state: initial;
    transition: opacity 0.27s ease;
    margin-top: -10px;
  }

  .scroll-label{
    text-transform: uppercase;
    font-size: .7em;
    font-size: .4em;
    letter-spacing: 1px;
    font-family: 'HalisGR-Regular', "Open Sans", Arial, sans-serif;
  }


  @-webkit-keyframes pulse{
    0%{
      -webkit-transform:translate(0,-7px);
      transform:translate(0,-7px)
    }
    50%{
      -webkit-transform:translate(0,8px);
      transform:translate(0,8px)
    }
    100%{
      -webkit-transform:translate(0, -7px);
      transform:translate(0, -7px)
    }
  }
  @keyframes pulse{
    0%{
      -webkit-transform:translate(0,-7px);
      transform:translate(0,-7px)
    }
    50%{
      -webkit-transform:translate(0,8px);
      transform:translate(0,8px)
    }
    100%{
      -webkit-transform:translate(0,-7px);
      transform:translate(0,-7px)
    }
  }


/*------------------------------------------------------------------
[ Content Splits ]
-------------------------------------------------------------------*/
.split-wrap {width: 100%}
.split-col {width: 50%;display: block;float: left;}
.split-col.right {float: right;}
@media screen and (max-width:1100px) {
  .split-col {width: 100%;float: none;}
  .split-col.right {float: none;}
  .split-img.project-map {height: 80vh;}
  section#welcome.full-width-text, section#contact-header {background-color: #fff;}
  }

  .split-6-6 {}
  .split-7-5 {}

  .split-text {
    text-align: center;
    padding:8em 4em 6em 4em;
  }
  .split-text-inner {
    margin: 0 auto;
    max-width: 440px;
  }
  .split-text-inner .h2 {margin-bottom: 32px;}
  .split-text p {padding-bottom: 3em;}
  .split-gfx {
  }
  .split-img {
    height: 100%;
    /*  background-color: #e3e3e3;*/
/*  background-size: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;*/
}
.split-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------------
[ Widget Styles ]
-------------------------------------------------------------------*/
.border-top {border-top: 1px solid #ebebeb}
.border-bottom {border-bottom: 1px solid #ebebeb}

/*Full Width Text*/
section.full-width-text {padding: 180px 0px}
.full-width-text p {font-size: 1.2em;}
.full-width-text p:last-child {padding-bottom: 70px}


section#contact-header{padding: 100px 0px}
#contact-header.full-width-text p {font-size: 1.25em;}
#contact-header .h1 {
  font-family: 'HalisGR-Regular';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.25em;
  margin-bottom: 30px;
}
#contact-header a {color: #636363}
#contact-header a:hover {color: #ea1c1c}

/*Single Button*/
section.single-button {padding: 135px 0px}
section.single-button .button {
  background-repeat: no-repeat;
  background-position: 60px center;
  padding: 20px 60px 20px 100px;
}
section.single-button .button.view-all {
  background-image: url(../img/icon-thumbnails-gray.png);
}
section.single-button .button.view-all:hover {
  background-image: url(../img/icon-thumbnails-red.png);
}

/*------------------------------------------------------------------
[ Project Map/Locations ]
-------------------------------------------------------------------*/
.project-map {
/*  width: 100%;
height: 100%;*/
background-color: #e3e3e3;
}
#project-map {width: 100%;height: 100%;}

/*------------------------------------------------------------------
[ Portfolio List ]
-------------------------------------------------------------------*/
.portfolio-list-wrap {}
.portfolio-list-wrap article {margin-bottom: 10em;}
.portfolio-list-wrap article:last-child {margin-bottom: 0em;}
.portfolio-list-wrap .project-title {font-family: 'HalisGR-Bold';margin-bottom: 22px;}
.portfolio-list-wrap .project-title .pName {color: #111111;text-transform: uppercase;}
.portfolio-list-wrap .project-title .pArrow{color: #ed1c24;}
.portfolio-list-wrap .project-title .pCategory{color: #111111;font-family: 'HalisGR-RegularItalic'}

.portfolio-list-text {padding: 5em 0em 4em 3em;}
.portfolio-list-text.right  {padding: 5em 3em 4em 0em;text-align: right;}
.portfolio-list-text p {padding-bottom: 32px;line-height: 1.8em;}
a.project-link {font-size:1em;color: #686868;font-family: Georgia, Times, "Times New Roman", serif;font-style: italic;}
a.project-link .pArrow {color: #ed1c24;font-family: 'HalisGR-Regular';}


.portfolio-item-wrap {width: 100%}
.portfolio-item-split-col {display: block;float: left;}
.portfolio-item-split-col.portfolio-list-text {width: 42%;}
.portfolio-item-split-col.portfolio-list-gfx {width: 58%;}
.portfolio-item-split-col.right {float: right;}
@media screen and (max-width:1100px) {
  .portfolio-item-split-col.portfolio-list-text, .portfolio-item-split-col.portfolio-list-gfx {
    width: 100%;
    float: none;
    max-width: 800px;
    margin: 0 auto;
  }
  .portfolio-item-split-col.portfolio-list-text.right, .portfolio-item-split-col.portfolio-list-gfx.right {float: none;}
  .portfolio-list-wrap article {margin-bottom: 4em;}
}


/*------------------------------------------------------------------
[ Portfolio Detail ]
-------------------------------------------------------------------*/

.portfolio-details {color: #474747}
.portfolio-details .pName {text-transform: uppercase;font-size: 1.3125em;margin-bottom: 12px;text-align: center;letter-spacing: .1em;}
.portfolio-details .pCategory {font-size:1.25em;font-family: Georgia, Times, "Times New Roman", serif;font-style: italic;margin-bottom: 40px;}
.portfolio-details .pShare {}
.portfolio-details .pShare hr.break-mini{width: 40px;margin-bottom: 12px;}
.portfolio-details .pShareTitle {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-transform: uppercase;letter-spacing: .2em;margin-bottom: 26px;font-size: .875em}
/*.portfolio-detail-figure hr.break-mini{width: 32px;margin-bottom: 12px;background: #ebebeb;}
.portfolio-detail-figure .pShareTitle {margin-bottom: 4px;color: #ebebeb}*/
.portfolio-photos {}
.portfolio-detail-outer-caption {padding: 0 20%;margin-bottom: 150px;}
.portfolio-detail-outer-caption hr.break-mini {
  width: 40px;
  margin-top: 10px;
  margin-bottom: 12px;
  background: #ed1c24;
}

/*------------------------------------------------------------------
[ Image Hover Effects ]
-------------------------------------------------------------------*/


.portfolio-grid-figure, .bio-figure, .article-figure {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.portfolio-grid-figure *,
.portfolio-grid-figure *:before,
.portfolio-grid-figure *:after,
.bio-figure *,
.bio-figure *:before,
.bio-figure *:after,
.article-figure *,
.article-figure *:before,
.article-figure *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}

.portfolio-grid-figure:before, .bio-figure:before, .article-figure:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  background-color: rgba(0,0,0,.6);
  background-blend-mode: multiply;
  opacity: 0;
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
/*    -o-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -webkit-transform: scale(0.1);
  transform: scale(0.1);*/
  transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
}

.portfolio-grid-figure img, .bio-figure img, .article-figure img {
  max-width: 100%;
  vertical-align: top;
}

.portfolio-grid-figure figcaption, .bio-figure figcaption, .article-figure figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  padding: 0 30px;
}

.portfolio-grid-figure h3, .bio-figure h3, .article-figure h3 {
  margin: 0 0 6px;
  text-transform: uppercase;
  font-size: 1.1em;
  letter-spacing: 2px;
  color: #fff;
  padding: 20px 60px;
  border: 1px solid #fff;
  font-family: 'HalisGR-Book';
  font-size: .875em;
}
.portfolio-grid-figure h3:hover, .bio-figure h3:hover, .article-figure h3:hover {
  background-color: #000;
}
.portfolio-grid-figure a, .bio-figure a, .article-figure a {
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: 1;
}

.portfolio-grid-figure:hover:before,
.portfolio-grid-figure.hover:before,
.bio-figure:hover:before,
.bio-figure.hover:before,
.article-figure:hover:before,
.article-figure.hover:before {
  opacity: 1;
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.portfolio-grid-figure:hover figcaption,
.portfolio-grid-figure.hover figcaption,
.bio-figure:hover figcaption,
.bio-figure.hover figcaption,
.article-figure:hover figcaption,
.article-figure.hover figcaption {
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  opacity: 1;
}

.portfolio-detail-figure {margin-bottom: 150px;}
.portfolio-detail-figure.has-caption {margin-bottom: 40px;}

.article-figure {margin-bottom: 40px;}

/*------------------------------------------------------------------
[ Team Member Grids ]
-------------------------------------------------------------------*/

.team-grid {margin-top: -60px;}
.team-grid-title {}
.team-grid-title h2{
  font-size: 1em;
  text-transform: uppercase;
  padding-bottom: 15px;
  letter-spacing: .09em;
}
.team-member {}
.team-member-text {text-align: center;padding-top: 35px;color: #424242;font-family: 'HalisGR-Regular';}
.team-member-name {font-size: 1.1em; color: #424242; text-transform: uppercase; letter-spacing: .07em;} 
.team-member-title {font-size:.875em;;color: #424242;margin-bottom: 20px;}
.no-bios .team-member-title {margin-bottom: 45px;}
.team-member-link {margin-bottom: 100px;}
a.bio-link {font-size:1em;color: #686868;font-family: Georgia, Times, "Times New Roman", serif;font-style: italic;}
a.bio-link .pArrow {color: #ed1c24;font-family: 'HalisGR-Regular';}


/*------------------------------------------------------------------
[ Insights Articles Lists ]
-------------------------------------------------------------------*/

.article-grid {margin-top: 80px;}
.article-grid-title {}
.article-grid-title h2{
  font-size: 1.3125em;
  text-transform: uppercase;
  padding-bottom: 15px;
}
.article-grid-wrap {}
.article-grid-wrap article {
  margin-bottom: 40px;
  border-bottom: 1px solid #ebebeb;
}
.article-meta-wrap {padding-right: 50%;margin-bottom: 40px;}
/*.article-meta {font-family: 'HalisGR-Regular'; text-transform: uppercase; color: #111111;margin-bottom: 22px;}
.article-meta .article-category {margin-right: 10px; display: inline-block; height: 25px; vertical-align: top;}
.article-meta hr {border-top: 1px solid #424242; width: 50px; display: inline-block; height: 5px; margin-right: 10px; vertical-align: top; margin-top: 13px;} 
.article-meta .article-clock {width: 15px; height: 25px; display: inline-block; margin-right: 10px; padding-top: 5px; vertical-align: top;} 
.article-meta .article-date {display: inline-block;vertical-align: top;}*/

.article-meta {margin-bottom: 22px;font-family: 'HalisGR-Regular';text-transform: uppercase;color: #111111;height: 40px;display: table;}
.article-meta-inner {display: table-row;}
.article-meta .article-category {padding-right: 10px;display: table-cell;vertical-align: middle;}
.article-meta .article-rule {width: 50px; padding-right: 10px; vertical-align: middle; display: table-cell;} 
.article-meta .article-rule hr {border-top: 1px solid #424242;width: 50px;height: 1px;}
.article-meta .article-clock {width: 25px;display: inline-block;padding-right: 10px;padding-top: 1px;display: table-cell;vertical-align: middle;} 
.article-meta .article-clock img {width: 15px;} 
.article-meta .article-date {display: inline-block;vertical-align: top;display: table-cell;vertical-align: middle;}


.article-link a {font-size:.875em;color: #686868;font-family: Georgia, Times, "Times New Roman", serif;font-style: italic;}
.article-link a .pArrow {color: #ed1c24;font-family: 'HalisGR-Regular';}

@media screen and (max-width:1000px) {
  .article-meta-wrap {padding-right: 0;}
} 

/*------------------------------------------------------------------
[ Insights Article Page ]
-------------------------------------------------------------------*/

#article-header-onload {
  height: 100%;
  width: 100%;
  display: table;
  z-index: 5;
  position: relative;
  background-color: rgba(0,0,0,.35);
}
#article-header-title-wrap {
  height: 100%;
  width: 100%;
  display: table-row;
  z-index: 5;
}
h1#article-header-title-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
  font-size: 3em;
  padding: 0 3em;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  text-transform: uppercase;
  line-height: 1em;
  margin: 0;
}


section.article-contents {padding: 2rem 0rem 6rem 0rem}
.article-contents p {font-size: 1.25em;line-height: 2em;padding-bottom: 3em;}
.article-contents img {}
.article-contents h2 {font-size: 1.875em;margin-bottom: 16px;}
.article-contents h3 {font-size: 1.5em;margin-bottom: 16px;}
.article-contents h4 {font-size: 1.25em;margin-bottom: 16px;}

.aShare {}
.aShare .aShareTitle {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: .875em;
  display: inline-block;    
  height: 40px;
  line-height: 40px;
  vertical-align: top;
}
.aShare .aSocialIcons {display: inline-block;margin-bottom: 0;vertical-align: top;}
/*.aMeta {margin-bottom: 80px;font-family: 'HalisGR-Bold'; text-transform: uppercase; color: #111111;height: 40px;line-height: 40px;vertical-align: top;}
.aMeta .article-category {margin-right: 10px; display: inline-block; height: 40px; vertical-align: top;}
.aMeta hr {border-top: 1px solid #424242; width: 50px; display: inline-block; height: 5px; margin-right: 10px; vertical-align: top; margin-top: 21px;} 
.aMeta .article-clock {width: 15px; height: 40px; display: inline-block; margin-right: 10px; padding-top: 14px; vertical-align: top;} 
.aMeta .article-date {display: inline-block;vertical-align: top;}
*/
.aMeta {margin-bottom: 80px;font-family: 'HalisGR-Regular';text-transform: uppercase;color: #111111;height: 40px;display: table;}
.aMeta-inner {display: table-row;}
.aMeta .article-category {padding-right: 10px;display: table-cell;vertical-align: middle;}
.aMeta .article-rule {width: 50px; padding-right: 10px; vertical-align: middle; display: table-cell;} 
.aMeta .article-rule hr {border-top: 1px solid #424242;width: 50px;height: 1px;}
.aMeta .article-clock {width: 25px;display: inline-block;padding-right: 10px;padding-top: 1px;display: table-cell;vertical-align: middle;} 
.aMeta .article-clock img {width: 15px;} 
.aMeta .article-date {display: inline-block;vertical-align: top;display: table-cell;vertical-align: middle;}


.aSocialIcons li {margin-right: 0}
/*------------------------------------------------------------------
[ Process ]
-------------------------------------------------------------------*/
.process-design-nav, .process-build-nav {
  width: 300px;
  /*  margin-top: 100px;*/
  margin-right: 0;
  float: left;
  overflow: hidden;
  font-family: sans-serif;
}
.process-design-wrap .process-title, .process-build-wrap .process-title {
  color: #ea1c1c;
  text-transform: uppercase;
  font-family: 'HalisGR-Regular';
  font-size: 1.25em;
  margin-bottom: 10px;
  padding-left: 22px;
}
.process-design-nav ul, .process-build-nav ul {
  list-style: none;
  padding: 0;
  padding-top: 10px;
  display: block;
}
.process-design-nav ul li, .process-build-nav ul li {
  font-size: 1em;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0px;
  margin: -18px 0;
  display: block;
}
.process-design-nav ul li .arrow, .process-build-nav ul li .arrow {
  content: url(../img/bella-vista-arrow-right.png);
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  opacity: 0;
  margin-top: 6px;
}
.process-design-nav ul li.active .arrow, .process-build-nav ul li.active .arrow {opacity: 1}

.process-design-nav ul li a, .process-build-nav ul li a {
  color: #777777;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  height: 30px;
}

.process-design-content, .process-build-content {
  margin-left: 320px;
  overflow: hidden;
}

@media screen and (min-width:1000px) {
  .process-design-content, .process-build-content {width: calc(85% - 320px);}
}   

.process-design-content section {
  padding: 100px 0 150px 0;
}
.process-design-content section#process-design-intro, .process-build-content section#process-design-intro {
  padding: 0 0 150px 0;
}

.process-design-content section#process-design-intro p, .process-build-content section#process-build-intro p, .process-text p {
  font-size: 1.12em;
  line-height: 2em;
}

.process-design-content section p:last-child, .process-build-content section p:last-child {padding-bottom: 0}

.process-design-inner, .process-build-inner {
  max-width: 71.25rem;
  margin: 0 auto;
  padding: 0 0.625rem;
}

.process-image-wrap {}
.process-image-wrap img {display: inline-block;}
.process-image-pad {padding-top:100px}
.process-image-caption {text-align: center;padding-top: 40px;}

@media screen and (max-width:768px) {
  .process-design-content, .process-build-content {
    margin-left: 0px;
  }
}

@media screen and (min-width:550px) {
  .process-image-wrap img {max-width: 550px}
}


/*------------------------------------------------------------------
[ Partner Logos ]
-------------------------------------------------------------------*/

.partner-logos {text-align: center;}
.partner-logo {display: inline-block;text-align: center;margin: 0 20px 20px 20px;}
.partner-logo-caption {font-size: .75em}
.partner-logo-image img {max-height: 60px;max-width:250px; margin-bottom: 5px;display: inline-block;}

/*------------------------------------------------------------------
[ Contact Form Stylized Dropdown Menus ]
-------------------------------------------------------------------*/

.selectfx .placeholder {
  border-bottom: 2px solid #474747;
  cursor: pointer;
  color: #ea1c1c;
  padding-left: 30px;
  background-image: url(../img/downarrow_red.jpg);
  background-repeat: no-repeat;
  background-position: 11px 50%;
  padding-right: 10px;
  padding-top: 5px;
}
.selectfx .placeholder:hover {
  color: #888888;
}
.selectfx {
  padding-top: 1.1em;
  font-size: 1.4em;
  letter-spacing: .06em;
}

.selectfx a {
  color: #585858;
  text-decoration: none;
}

.selectfx .list {
  display: inline-block;
  position: relative;
}
.selectfx .list ul {
  text-align: left;
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  display: none;
  width: 320px;
  background-color: #fff;
  z-index: 999;
  border: 2px solid #636363;
}
.selectfx .list ul .active {
  display: block;
}
.selectfx .list li {
  list-style: none;
}
.selectfx .list li:first-child a {
  color: #ea1c1c;
}
.selectfx .list a {
  -webkit-transition: all .4s;
  transition: all .4s;
  color: #585858;
  position: relative;
  padding: 5px 20px 5px 20px;
  background-color: #fff;
  display: block;
}
.selectfx .list a:hover {
  cursor: pointer;
  color: #ea1c1c;
  background-color: #f7f7f7;
}


/*------------------------------------------------------------------
[ Contact Form Fields ]
-------------------------------------------------------------------*/

.field-group {padding: 7em 0 0 0;}
.field-group .field-wrapper{
  border-bottom: 2px solid #474747;;
  text-align: left;
  padding: 0px 10px;
  margin-bottom: 25px;
}

.field-group .field-wrapper label{
  display: inline-block;
  color: #474747;
  font-size: 1.25em;
  padding: 10px 0px;
}
.field-group .field-wrapper input{
  display: inline-block;
  color: #636363;
  font-family: "HalisGR-Book", "Open Sans", Arial, sans-serif;
  border: none;
  min-width: 80%;
  font-size: 1.25em;
  padding: 10px 0px;
  padding: 10px 0px;
  outline: none;
  outline-width: 0;
}

.field-group .field-wrapper.field-error{
  border-bottom: 2px solid #ed1c24;
}
.field-group .field-wrapper.field-error label{
  color: #ed1c24;
}


/*------------------------------------------------------------------
[ Modal Windows ]
-------------------------------------------------------------------*/


.modalWindow {
  position: fixed;
  bottom: -50%;
  height: 50%;
  width: 100%;
  background:#fff;
  transition: bottom 0.5s ease;
  -o-transition: bottom 0.5s ease;
  -ms-transition: bottom 0.5s ease;
  -moz-transition: bottom 0.5s ease;
  -webkit-transition: bottom 0.5s ease;
  overflow: auto;
  z-index: 2001;
}


.modalWindow .section {padding: 0rem 0rem 3rem 0rem}

.modalWindow.active {
  position: fixed;
  bottom: 0;
}


#modalBg {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5);
  z-index: 2000;
  display: none;
}
#modalBg.active {display: block;}

.modalCloseOuter {position: relative;height: 60px;}
/*.modalClose {
  position: absolute;
  top: -15px;
  right: 0;
  background-image: url(../img/icon-close-x.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px 24px;
  padding-right: 20px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  text-indent: -100px;
  overflow: hidden;
}
.modalClose:hover {
  background-image: url(../img/icon-close-x-red.png);
  }*/

  .modalClose {
    height: 25px;
    width: 25px;
    top: 30px;
    right: 30px;
    position: absolute;
    box-sizing: border-box;
    line-height: 50px;
    display: block;
    padding: 0;
    margin: 0;
  }
  .modalClose:before,
  .modalClose:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 0%;
    margin-top: 0px;
    margin-left: 0px;
    display: block;
    height: 2px;
    width: 25px;
    background-color: #474747;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }
  .modalClose:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modalClose:hover:after{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    background-color: #ed1c24;
  }
  .modalClose:hover:before{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ed1c24;
  }

  #bio-container {text-align: center;}
  #bio-container .h2 {
    margin-bottom: 5px;
    font-size: 1.875em;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 30px;
  }
  #bio-container .bio-title {
    margin-bottom: 40px;
    color: #ed1c24;
    font-size: .875em;
  }


  @media screen and (max-width:768px) {
    #modalConservation .districts {text-align: center;}
  }



/*------------------------------------------------------------------
[ Responsive Variations ]
-------------------------------------------------------------------*/

/* -1120px version */
@media screen and (max-width:1120px) {
}

/* -768px version */
@media screen and (max-width:768px) {
  .size-1140 .line.line-full {
    padding: 0 0.625rem;
  }
  .main-nav-inner {border: none;}
  #home-hero {
    height: calc(100% - 91px);
    height: calc(100vh - 91px);
  }
  #home-introtext .inner .text {
    height: auto;
    display: inline;
  }
  #home-introtext .inner .arrow {
    height: auto;
    display: inline;
    padding-top: 19px;
  }
  #home-introtext .inner .arrow img {
    height: 18px;
    display: inline;
  }
  .aMeta hr {
    width: 20px;
  }

  h1#article-header-title-text {
    font-size: 3em;
    padding: 0 .5em;
  }
  .article-contents p {
    padding-right: 10%;
  }
  .pSocialIcons, .aSocialIcons {
    margin-bottom: 50px;
  }
  footer .footer-legal {
    line-height: 1.5em;
  }

  .modalWindow {
    height: 90%;
    bottom: -90%;
  }
  .modalClose {
    top: 10px;
    right: 10px;
  }
  .field-group .field-wrapper input {
    min-width: 65%;
  }

}  

/* -480px version */
@media screen and (max-width:480px) {
  p {line-height: 2.0em;
    font-size: 1.15em;}

    .button, a.button, a.button:link, a.button:visited {
      min-width: 0;
      width: 100%;
    }

    h1, .h1 {
      font-size: 1.75rem;
      line-height: 1.25em;
      text-align: left;
    }

    h2, .h2 {
      font-size: 1.75rem;
      line-height: 1.25em;
      text-align: left;
    }
    h2.hr-next, .h2.hr-next {
      margin-bottom: 12px;
    }
    .full-width-text p {
      font-size: 1.15em;
    }
    .split-text {
      padding: 4em 0em 3em 0em;
    }

    .portfolio-list-text.right, .portfolio-list-text, section.full-width-text, .split-text {
      text-align: left !important;
    }

    .full-width-text h1, .full-width-text .h1 {
      margin-bottom: 10px;
    }
    .full-width-text hr.break-small {
      margin-bottom: 10px;
    }
    section.full-width-text {
      padding: 60px 0px;
    }
    section#welcome.full-width-text, section#contact-header {
      padding: 60px 0px;
    }
    section#welcome.full-width-text h1, section#welcome.full-width-text .h1 {
      margin-bottom: 10px;
    }
    section#welcome.full-width-text hr.break-small {
      margin-bottom: 10px;
    }
    .full-width-text p:last-child {
      padding-bottom: 35px;
    }

    .split-text-inner h2, .split-text-inner .h2 {
      margin-bottom: 10px;
    }
    .split-text-inner hr.break-mini {
      margin-bottom: 10px;
    }

    #process-finishes hr.break-mini {
      margin-bottom: 10px;
    }

    .portfolio-list-text {
      padding: 2em 0em 2em 0em;
    }
    .portfolio-list-wrap article {
      border-bottom: none;
      margin-bottom: 1em;
      padding-top: 3em;
    }
    .button, a.button, a.button:link, a.button:visited {
      display: block;
    }
    .portfolio-detail-figure {margin-bottom: 80px;}
    .portfolio-detail-outer-caption {
      padding: 0 5%;
      margin-bottom: 80px;
    }

    a.go-top {
      display: none !important
    }

    h1#article-header-title-text {
      font-size: 2.5em;
    }
    .article-contents p {
      font-size: 1em;
      line-height: 1.6em;
    }
    .process-design-content, .process-build-content {
      padding-right: 5px;
    }

    .process-design-inner-block .h2 br {
      display: none;
    }
    .process-design-inner-block.text-center {
      text-align: left !important
    }
    .process-design-content section#process-design-intro, .process-build-content section#process-design-intro {
      padding: 0 0 50px 0;
    }
    .process-design-content section#process-design-intro p, .process-build-content section#process-build-intro p, .process-text p {
      font-size: 1.15em;
    }
    .process-text .h2 {margin-bottom: 20px;}
    .process-design-content section {
      padding: 50px 0 50px 0;
    }

    .process-image-pad {
     padding-top: 25px; 
   }
   .section-bg-inner {
    background-color: #ffffff;
    padding: 60px 20px;
    text-align: center;
  }
  .section-bg-inner h1, .section-bg-inner .h1 {
    text-align: center;
  }

  .bio-name{padding-right: 20px;padding-left: 10px;}
  .bio-title{padding-right: 20px;padding-left: 10px;}
  .bio-text{padding-right: 20px;padding-left: 10px;}
  .modalClose {right: 30px;}
  #contact-header .h1 {text-align: center;}

  .selectfx {
    text-align: center;
  }

  .selectfx .list {
    display: block;
  }

  .selectfx .list ul {
    text-align: center;
    width: 100%;
  }

  .field-group .field-wrapper {
    text-align: center;
  }
  .field-group .field-wrapper input {
    min-width: 100%;
    text-align: center;
  }
  .text-center-s, section.text-center-s {
    text-align: center !important;
  }
  .text-center-s h1, .text-center-s .h1, .text-center-s h2, .text-center-s .h2 {
    text-align: center;
  }


  .field-group .field-wrapper input::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
  }
  .field-group .field-wrapper input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
 }
 .field-group .field-wrapper input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
 }
 .field-group .field-wrapper input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
 }


}