@charset "UTF-8";
/*------------------------------------------------------------------------------
Useful Mixins
------------------------------------------------------------------------------ */
/*
 * Create a centered isosceles triangle.
 */
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/*------------------------------------------------------------------------------
CLEAR THE DECKS
------------------------------------------------------------------------------ */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  text-decoration: none;
}

body {
  line-height: 1;
  /* set line-height multiplier to be used with font size*/
  color: black;
  background: white;
}

ol, ul {
  list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

q {
  quotes: "“" "”" "‘" "’";
}

blockquote:before, q:before {
  content: open-quote;
}

blockquote:after, q:after {
  content: close-quote;
}

ol li {
  list-style-type: decimal;
  margin-left: 25px;
}

ul li {
  list-style-type: disc;
  margin-left: 20px;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

div, aside, nav, header, section, footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*--------------
Instead of floats (doesn't collapse the parent like floats)
display: inline-block;
margin-left: -4px; or PREFERRED: set parent to font-size: 0 or display: inline-table
vertical-align: top;
----------------*/
/*------------------------------------------------------------------------------
Basic Highsite Styles and Variables
------------------------------------------------------------------------------*/
/* 
$p-font: 'Proxima N W01 Cd Light';
$i-font: 'ProximaNW01-CdLightIt';
$b-font: 'Proxima N W01 Cd Smbd';
$h-font: 'Proxima N W01 Cd Light';
$h4-font: 'Proxima N W01 Cd Light';
$h1-font: 
 */
/*------------------------------------------------------------------------------
HIGHSITE HTML PREFERENCES
------------------------------------------------------------------------------*/
* {
  font-family: verdana, serif;
}

h1, h2, h3, h4, h5, h6, p {
  margin-bottom: .6em;
}

/* h1, h2, h3 { letter-spacing: -.05em; } */
h1, h2, h3, h4, h5, h6 {
  word-spacing: 0.25px;
}

h1, h2, h3 {
  line-height: 1.10em;
}

h4, h5, h6 {
  line-height: 1.25em;
}

p, a, li, td {
  line-height: 1.5em;
}

/* initial sizes—use /xm_client/editor.css for special TinyMCE editor styling*/
h1 {
  font-size: 3.0em;
}

h2 {
  font-size: 2.0em;
}

h3 {
  font-size: 1.8em;
}

h4 {
  font-size: 1.6em;
}

h5 {
  font-size: 1.4em;
}

h6 {
  font-size: 1.2em;
}

p {
  font-size: 100%;
}

a, i, em, b, strong, span, li, q {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
}

/*------------------------------------------------------------------------------
SITE COLORS FOR REFERENCE
------------------------------------------------------------------------------*/
/*green*/
/*yellow */
a:link, a:visited {
  color: #ef4b25;
}
a:hover {
  color: #8a8c89;
}

b, strong {
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  color: #2a7fa1;
}

p, li, td {
  font-weight: 300;
  color: #777;
}

/*------------------- FOR SITE SPECIFIC CSS OVERRIDE OF CMS XM_DIALOG.CSS AND FORM.CSS---------- */
/*--------------------------- custom colors for buttons if needed----------------------------------- */
a.button, a.small_button, input.button, input.small_button {
  background: #ef4b25;
  font-family: 'interface', Verdana;
  border-bottom: 1px solid #ef4b25;
  /*darker version of background above */
  border-top: 1px solid #ef4b25;
  /*same as background */
}

a.button:hover, a.small_button:hover, input.button:hover, input.small_button:hover {
  background: #ef4b25;
  border-top: 1px solid #ef4b25;
  /*lighter version of border-bottom above */
  border-bottom: 1px solid #ef4b25;
  /*same as background */
}

.label, .blabel {
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  color: #777;
}

textarea {
  max-width: 260px;
}

input[type="text"] {
  max-width: 260px;
}

.error_label {
  color: #c00;
}

.StripeElement {
  border: 2px solid #ccc;
  width: 80%;
  border-radius: 3px;
  float: left;
  padding: 8px;
}

#overlay {
  display: none;
}

/*------------------------------------------------------------------------------
WEB.FONTS
------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  margin-top: .6em;
}

h1 {
  font-size: 2.8em;
  margin-bottom: .1em;
  margin-top: .5em;
  color: #ef4b25;
  letter-spacing: -.02em;
}

h2 {
  font-size: 2.4em;
  color: #ef4b25;
  margin-bottom: .2em;
  letter-spacing: -.02em;
}

h3 {
  font-size: 2em;
  color: #f8b41d;
  margin-bottom: .1em;
}

h4 {
  font-size: 1.7em;
  color: #ef4b25;
  margin-bottom: .1em;
}

h5 {
  font-size: 1.2em;
  color: #ef4b25;
  margin-bottom: .1em;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 600;
  letter-spacing: -.03em;
  text-transform: uppercase;
  margin-top: 1.2em;
}

h6 {
  font-size: 1.5em;
  margin-bottom: .1em;
  color: #8a8c89;
  font-style: italic;
}

p, li {
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  line-height: 1.6em;
  font-size: 1.2em;
}

i, em, caption {
  font-family: proxima-nova-condensed, sans-serif;
  font-style: italic;
  font-weight: 300;
}

b, strong {
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 600;
}

/*------------------------------------------------------------------------------
STICKY FOOTER
--------------------------------------------------------------------------------*/
html, body {
  height: 100%;
}

.container {
  min-height: 100%;
}

section {
  /*overflow:auto;*/
  /*padding-bottom: $footer-height;  must be same height as the footer */
}

footer {
  /*or just footer */
  position: relative;
  /*margin-top: -($footer-height); /* negative value of footer height */
  height: 50px;
  /* same as footer height */
  clear: both;
  color: black;
  background: #ffffff;
  /*url(/xm_client/images/footer-trade-bar.jpg) repeat-x top */
  margin: 0 0 100px 0;
}

ul.social_icons {
  top: 12px;
  left: auto;
  bottom: 100px;
  list-style: none;
}

ul.social_icons li {
  display: inline;
  padding-right: 5px;
}

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

footer .content p {
  font-size: .9em;
}

/*------------------------------------------------------------------------------
SITE-WIDE DIVS
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
SITE-WIDE DIVS
------------------------------------------------------------------------------*/
.container {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  overflow: hidden;
  /* remove if adding clearfix for the absolutely positioned element */
}

/* Add this class to container and remove overflow:auto
for absolutely positioned element
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
 */
.utility {
  float: right;
  width: 800px;
  height: 30px;
  margin: 5px 0 0 0;
}
.utility ul {
  float: left;
  margin: 0 0 0 100px;
}
.utility li {
  float: left;
  list-style: none;
  padding: 9px 20px 0 0;
}
.utility input {
  width: 200px;
}
.utility .search {
  margin: 10px 0 0 0;
  width: 200px;
  height: 15px;
  border: 1px dotted;
}
.utility a img.startsearch {
  vertical-align: -5px;
}

header, section {
  min-height: 20px;
  width: 100%;
}

section {
  margin-bottom: 50px;
}

nav {
  float: right;
  margin: 10px 0 20px 0;
}

.logo {
  float: left;
  margin: 20px 0 0;
  max-width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
}

.slogon {
  /* Path needs to be changed if the image is changed */
   /* max-width: image-width('xm_client/images/slogon.jpg');
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}*/
  /* Wider than breakpoint */
  /*@media (min-width: 767px) {
      .split-logo {
          display: none;
      }
  }
  @media (max-width: 767px) {
      header > img {
          display: none;
      }
      .split-logo {
          display: block;
  
          .logo {
              margin: 0;
          }
      }*/
}

/* must be here for TinyMCE footer editor */
footer p {
  display: inline;
}

footer .content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  overflow: auto;
  text-align: center;
}
@media screen and (max-width: 480px) {
  footer .content {
    width: 90%;
  }
}

.footermenu {
  /* specs here if needed for auto menu */
}

hr {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  border-style: solid;
  border-width: .3px;
  width: 100%;
  color: gray;
}

/*------------- for lists ----------------------*/
.somecontentdiv ol li {
  list-style-type: decimal;
  margin-left: 25px;
}

.somecontentdiv ul li {
  list-style-type: disc;
  margin-left: 20px;
}

/*------------------------------------------------------------------------------
DIVS -- HOME
------------------------------------------------------------------------------*/
.logo {
  float: left;
  width: 300px;
  margin: 0 0 0 20px;
  position: absolute;
  top: 10px;
  z-index: 11;
}
@media (max-width: 405px) {
  .logo {
    width: 250px;
    margin: 5px 10px 0 0;
  }
}
@media (max-width: 380px) {
  .logo {
    width: 220px;
    margin: 10px 10px 0 0;
  }
}

input.button {
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
}

.home .hero img {
  width: 100%;
  min-width: 100%;
  height: auto;
}
@media screen and (min-width: 480px) {
  .home .hero img.hero-mobile {
    display: none;
  }
  .home .hero img.hero-full {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .home .hero img.hero-mobile {
    display: block;
  }
  .home .hero img.hero-full {
    display: none;
  }
}
.home h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
  font-size: 3rem;
  color: #ef4b25;
  line-height: 1em;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (max-width: 1055px) {
  .home h1 {
    margin-left: 20px;
  }
}
.home .intro {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 50px;
}
.home .intro::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 480px) {
  .home .intro {
    padding: 0 20px;
  }
}
.home .cta {
  background-color: #f04c25;
  margin-bottom: 60px;
}
.home .cta .cta_text {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
.home .cta .cta_text::after {
  clear: both;
  content: "";
  display: table;
}
.home .cta .cta_text td {
  padding: 20px;
}
.home .cta .cta_text .button {
  background-color: white;
  padding: 10px;
  color: #ef4b25;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  font-size: 1em;
}
@media screen and (max-width: 480px) {
  .home .cta .cta_text {
    padding: 30px 20px 30px 20px;
  }
  .home .cta .cta_text td {
    display: block;
  }
}
.home .cta .cta_text h1, .home .cta .cta_text h2, .home .cta .cta_text h3, .home .cta .cta_text h4, .home .cta .cta_text h5, .home .cta .cta_text h6, .home .cta .cta_text p {
  color: white;
}
.home .cta .cta_text a {
  font-weight: bold;
  color: white;
}
.home address {
  width: 200px;
  margin: 20px 0 20px 0;
}
.home p.wrap {
  text-align: center;
}
.home p.wrap label, .home p.wrap .button {
  font-size: 18px;
}
.home p.wrap input {
  height: 38px;
}
.home p.wrap input[type="text"]:focus {
  box-shadow: none;
  border-color: #7aa3e8;
}

/*------------------------------------------------------------------------------
DIVS -- SUB--TWO COL
------------------------------------------------------------------------------*/
.subpage header {
  height: 150px;
}
.subpage #sub_banner {
  width: 100%;
  vertical-align: top;
  margin: 0 0 50px 0;
}
.subpage #sub_banner img {
  max-width: 100% !important;
  height: auto !important;
}
.subpage #sub_banner .flex-viewport li {
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 500px;
}
.subpage #sub_banner .flex-control-nav {
  float: right;
  position: relative;
  width: 20%;
}
.subpage #sub_banner #slider ul.slides li.slider_panel {
  margin: 0;
}
.subpage #sub_banner #slider ul.slides li.slider_panel .slider_img img {
  max-width: 100%;
}
.subpage #sub_banner #slick-slider .slider-pane {
  margin: 0;
}
.subpage #sub_banner #slick-slider .slider-pane img {
  max-width: 100%;
}
.subpage #sidebar {
  /*divs are globally set above to display: inline-block and vertical-align: top */
  display: inline-block;
  vertical-align: top;
  margin: 0 40px 0 0;
  width: 250px;
}
.subpage #sidebar h1, .subpage #sidebar p, .subpage #sidebar a {
  text-align: right;
}
.subpage #sidebar a {
  font-family: proxima-nova-condensed, sans-serif;
  font-style: italic;
  font-weight: 300;
  color: #8a8c89;
  font-size: 1em;
  text-align: right;
}
.subpage #sidebar a:hover {
  color: #ef4b25;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .subpage #sidebar {
    width: 100%;
    padding: 0 50px;
  }
  .subpage #sidebar h1, .subpage #sidebar p, .subpage #sidebar a {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .subpage #sidebar {
    width: 100%;
    padding: 0 20px;
  }
  .subpage #sidebar h1, .subpage #sidebar p, .subpage #sidebar a {
    text-align: left;
  }
}
.subpage #main_column {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 700px;
}
.subpage #main_column .why-entry {
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  font-size: 2.8em;
  color: #777;
}
.subpage #main_column label.label, .subpage #main_column label.blabel {
  font-size: 1.2em;
}
.subpage #main_column label.static {
  font-size: 1.7em;
  color: #ef4b25;
  margin-top: 30px;
}
.subpage #main_column textarea {
  width: 400px;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) and (min-width: 768px) {
  .subpage #main_column {
    width: 100%;
    margin: 0;
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .subpage #main_column {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}
.subpage #main_column img {
  max-width: 100%;
  height: auto;
}

.Podcast #main_column table td + td + td {
  padding: 0 0 0 20px;
}
.Podcast #main_column table td + td + td p {
  font-size: 1.2em;
  line-height: 1.6em;
}

.one_col_sub h6 {
  color: #005b7f;
}

#sitemap p {
  margin: 0;
}

#sitemap p.level_1,
#sitemap p.level_2,
#sitemap p.level_3 {
  font-size: 1.0em;
}

#sitemap p.level_1 a,
#sitemap p.level_2 a,
#sitemap p.level_3 a {
  color: #555;
}

#public_form label.label.static {
  font-size: 1.2em;
  color: #777;
}

/*------------------------------------------------------------------------------
DIVS -- SUB--ONE COL
------------------------------------------------------------------------------*/
.one_col_sub header {
  height: 150px;
}
.one_col_sub #sub_banner {
  width: 100%;
  vertical-align: top;
  margin: 0 0 50px 0;
  text-align: center;
}
.one_col_sub #sub_banner img {
  max-width: 100% !important;
  height: auto !important;
}
.one_col_sub #sub_banner .flex-viewport li {
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 500px;
}
.one_col_sub #sub_banner .flex-control-nav {
  float: right;
  position: relative;
  width: 20%;
}
.one_col_sub #sub_banner #slider ul.slides li.slider_panel {
  margin: 0;
}
.one_col_sub #sub_banner #slider ul.slides li.slider_panel .slider_img img {
  max-width: 100%;
}
.one_col_sub #sub_banner #slick-slider .slider-pane {
  margin: 0;
}
.one_col_sub #sub_banner #slick-slider .slider-pane img {
  max-width: 100%;
}
.one_col_sub #sidebar {
  width: 170px;
  position: fixed;
  y: 390px;
  padding: 0 20px;
}
@media (max-width: 930px) {
  .one_col_sub #sidebar {
    display: none;
  }
}
.one_col_sub #main_column {
  vertical-align: top;
  margin: 0 auto;
  max-width: 650px;
  width: 100%;
  text-align: center;
}
@media (max-width: 650px) {
  .one_col_sub #main_column {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}
.one_col_sub #main_column img {
  max-width: 100%;
  height: auto;
}
.one_col_sub #main_column .narrow {
  max-width: 450px;
  margin: 0 auto;
}
.one_col_sub #main_column .print {
  box-shadow: rgba(0, 0, 0, 0.2) 3px 5px 5px;
}
.one_col_sub #main_column .tint {
  position: relative;
  cursor: pointer;
  line-height: 0;
}
.one_col_sub #main_column .tint a {
  line-height: 0;
}
.one_col_sub #main_column .tint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(239, 75, 37, 0.45);
  transition: all .3s linear;
  line-height: 0;
}
.one_col_sub #main_column .tint:hover:before {
  background: none;
}
.one_col_sub #main_column .t2:before {
  background: rgba(0, 91, 127, 0.45);
  line-height: 0;
}
.one_col_sub #main_column .t2:before a {
  line-height: 0;
}
.one_col_sub #main_column .t3:before {
  background: rgba(248, 180, 29, 0.45);
  line-height: 0;
}
.one_col_sub #main_column .t3:before a {
  line-height: 0;
}
.one_col_sub #main_column li {
  list-style: none;
}
.one_col_sub #main_column .portfolio {
  margin: 0 auto;
}
.one_col_sub #main_column .portfolio td {
  padding: 15px;
}
.one_col_sub #main_column .portfolio td img {
  max-width: 100 !important;
  height: auto !important;
}
@media (max-width: 500px) {
  .one_col_sub #main_column .portfolio td {
    padding: 5px;
  }
}

.one_col_sub.Slider #main_column {
  max-width: 700px;
}
@media (max-width: 700px) {
  .one_col_sub.Slider #main_column {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.one_col_sub.Slider #main_column ul.slides li {
  margin: 0;
}
.one_col_sub.Slider #main_column .slider_img img {
  max-width: 100%;
  padding: 0;
}
.one_col_sub.Slider #main_column .flex-control-nav {
  width: 100%;
  position: absolute;
  top: 260px;
  /* text-align: center; */
  right: -288px;
}

/*------------------------------------------------------------------------------
DIVS -- PORTFOLIO
------------------------------------------------------------------------------*/
.portfolio header {
  height: 150px;
}
.portfolio .showcase {
  float: right;
  margin-left: 40px;
}
@media screen and (min-width: 1200px) {
  .portfolio .showcase img {
    width: 800px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .portfolio .showcase img {
    width: 400px;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .portfolio .showcase img {
    width: 290px;
    height: auto;
  }
}
.portfolio .portfolio_section1 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}
.portfolio .portfolio_section1::after {
  clear: both;
  content: "";
  display: table;
}
.portfolio .portfolio_section1 img {
  max-width: 100%;
  height: auto;
}
.portfolio .portfolio_section2 {
  background-color: #f8f7f7;
}
.portfolio .portfolio_section2 .s2_content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}
.portfolio .portfolio_section2 .s2_content::after {
  clear: both;
  content: "";
  display: table;
}
.portfolio .portfolio_section2 .s2_content img {
  max-width: 100%;
  height: auto;
  padding: 0 30px 0 30px;
}
@media screen and (max-width: 480px) {
  .portfolio .portfolio_section2 .s2_content img {
    padding: 20px 0 20px 0;
  }
}
.portfolio .portfolio_section3 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 30px 0 30px;
}
.portfolio .portfolio_section3::after {
  clear: both;
  content: "";
  display: table;
}
@media screen and (max-width: 768px) {
  .portfolio .portfolio_section3 img.finalimage {
    display: none;
  }
}
.portfolio .portfolio_section3 img {
  margin: 0 20px 0 20px;
}
@media screen and (max-width: 768px) {
  .portfolio .portfolio_section3 img {
    max-width: 80%;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .portfolio .portfolio_section3 img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
  }
}

.visit_site {
  border: 1px solid #ef4b25;
  padding: 8px 10px;
}

.one_col_sub h6 {
  color: #005b7f;
}

#sitemap p {
  margin: 0;
}

#sitemap p.level_1,
#sitemap p.level_2,
#sitemap p.level_3 {
  font-size: 1.0em;
}

#sitemap p.level_1 a,
#sitemap p.level_2 a,
#sitemap p.level_3 a {
  color: #555;
}

/*------------------------------------------------------------------------------
NAVIGATION
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
HORIZONTAL MENU
------------------------------------------------------------------------------*/
nav {
  /*position or float*/
  height: 29px;
  display: block;
  width: 100%;
  margin: 15px 0 20px 0;
}

#menu-button {
  position: absolute;
  width: 100%;
  top: 0;
  left: 90%;
  padding: 10px 0 10px 10px;
  color: #777;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  font-size: 24px;
  z-index: 10;
}
@media (min-width: 1000px) {
  #menu-button {
    display: none;
  }
}
@media (max-width: 1000px) {
  #menu-button {
    background: white;
    opacity: .65;
    position: fixed;
    left: 85%;
    padding: 15px 0 10px 10px;
  }
}
@media (max-width: 520px) {
  #menu-button {
    left: 80%;
  }
}
@media (max-width: 400px) {
  #menu-button {
    left: 75%;
  }
}

/*CONTROLS ALL LISTS*/
ul#menuh {
  list-style: none;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  position: fixed;
  right: -110%;
  background: white;
  background: rgba(255, 255, 255, 0.85);
  padding: 20px;
  top: 60px;
  bottom: 0;
  z-index: 10;
  height: auto;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (orientation: landscape) {
  ul#menuh {
    overflow-y: auto;
  }
}
ul#menuh.open {
  right: 0;
}
ul#menuh li {
  margin: 0;
  list-style: none;
}
@media (min-width: 1000px) {
  ul#menuh {
    list-style: none;
    width: 100%;
    background: transparent;
    text-align: right;
    position: static;
    padding: 0;
    bottom: initial;
    overflow-y: hidden;
    /*----- BELOW THREE DIVS CONTROL ALL LIST ITEMS -----*/
  }
  ul#menuh li {
    margin: 0;
    list-style: none;
    display: inline;
  }
  ul#menuh li a {
    font-size: 14px;
    line-height: 18px;
    /*set vert spacing between li's and the main UL... */
    text-transform: uppercase;
    /*...from the top of the nav div and the top of the... */
    letter-spacing: .05em;
    /*...flydown from bottom of the top ul, and left and right... */
    color: #555;
    /*...distances between edges of type and left of li */
    text-decoration: none;
    background-color: none;
  }
  ul#menuh li a:hover {
    color: #999;
  }
  ul#menuh li a.current_top_menu_item {
    color: #ef4b25;
  }
}

.home #menuh li a {
  padding: 7px 15px 6px 10px;
}

.subpage #menuh li a {
  padding: 7px 15px 7px 10px;
  background-color: none;
}

.portfolio #menuh li a {
  padding: 7px 15px 7px 10px;
  background-color: none;
}

.one_col_sub #menuh li a {
  padding: 7px 15px 7px 10px;
  background-color: none;
}

#menuh ul li a:hover {
  background-color: white;
}

/*CONTROLS SECOND-LEVEL LIST ITEMS OR FLY-DOWNS*/
#menuh ul {
  float: left;
  padding: 0;
  list-style: none;
  height: 20px;
  width: 180px;
  /* can be anything AFAIK, but it has to be there*/
}
#menuh ul li {
  float: left;
  margin: 0;
  padding: 0;
}
#menuh ul li a {
  font-size: 14px;
  line-height: 18px;
  /*set vert spacing between li's and the main UL... */
  text-transform: uppercase;
  /*...from the top of the nav div and the top of the... */
  letter-spacing: .05em;
  /*...flydown from bottom of the top ul, and left and right... */
  color: #555;
  /*...distances between edges of type and left of li */
  text-decoration: none;
  background-color: none;
}
#menuh ul li a:hover {
  color: #999;
}
#menuh ul li ul {
  position: absolute;
  margin: 0 0 0 0;
  padding: 0;
  left: -999em;
  z-index: 1;
}

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
#menuh li ul li ul {
  margin: -22px 0 0 180px;
  /* the -top px vertically positions the right flyout */
}
#menuh li ul li ul li a:hover {
  color: #999;
}

/*...and the left margin is ul-li-a horiz spacing+width+1/0 */
/* lists nested under hovered list items */
#menuh li:hover ul ul, #menuh li:hover ul ul ul, #menuh li:hover ul ul ul ul {
  left: -999em;
}

#menuh li:hover ul, #menuh li li:hover ul, #menuh li li li:hover ul, #menuh li li li li:hover ul {
  left: auto;
}

/* ----- footer menu --- */
.footer_menu {
  float: left;
  min-height: 100px;
  width: 850px;
  margin: 30px 0 0 0;
}

.menu2 {
  display: inline;
  width: 850px;
}
.menu2 li {
  float: left;
  margin: 0;
  list-style: none;
}
.menu2 li.top a {
  text-transform: uppercase;
  color: #555;
  font-weight: bold;
}
.menu2 li a {
  display: block;
  font-size: 13px;
  line-height: 18px;
}
.menu2 li a:hover {
  color: #999;
}
.menu2 li ul {
  position: relative;
  left: 0;
  list-style: none;
}
.menu2 ul {
  float: left;
  margin: 0;
  padding: 0;
  width: 140px;
}
.menu2 ul li a {
  display: block;
  text-transform: capitalize !important;
  text-align: left;
  padding: 0;
  width: 100px;
  line-height: 15px;
  margin: 5px 0 0 0;
  font-weight: normal !important;
}
.menu2 ul li a:hover {
  color: #999;
}

/*------------------------------------------------------------------------------
HIGHSITE ONLY -- keep at end of file
------------------------------------------------------------------------------*/
.error_page h1 {
  margin: 40px 0 10px 40px;
}

.error_page p {
  margin: 10px 40px;
}

p.edit_link_block {
  background: none !important;
}

p.edit_link_block a.edit_link {
  color: #9a4446 !important;
  font-weight: normal !important;
  font-size: 9px !important;
  text-decoration: none !important;
}

p.edit_link_block a.edit_link:hover {
  text-decoration: underline !important;
}

.multidiv {
  /* for separating multiple sections */
  position: relative;
  margin: 0 0 20px 0;
  border-bottom: 2px dotted #999;
  padding-bottom: 20px;
}

/*------------------------------------------------------------------------------
INSTA-SEARCH
------------------------------------------------------------------------------*/
#is_search {
  display: inline-block;
}

#search_response {
  box-shadow: 0 0  10px #bbb;
}
#search_response li p {
  font-size: 15px;
  line-height: 20px;
}
#search_response li h5 {
  font-size: 16px;
}
#search_response li h3 {
  font-size: 18px;
}

input#is_search_text {
  width: 200px;
  height: 20px;
}

/* add to head jQuery
$('input[type=submit]').addClass('button');
$('input[type=submit]').val('Go');
 */
/*------------------------------------------------------------------------------
Fancy Grid
------------------------------------------------------------------------------*/
#fancybox-wrap {
  box-sizing: content-box;
}

/*------------------------------------------------------------------------------
BLOG
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
BLOG
------------------------------------------------------------------------------*/
/* 
#ef4b25; red
#8a8c89; ltgray
#545459; dkgray
#5f8450; green
#e3b43e; yellow
#de8161; salmon
 */
.blog {
  /*629b00*/
}
.blog #intro {
  padding: 0;
  margin-top: 4px;
  margin-bottom: 44px;
}
.blog header:first-child {
  height: 29px;
}
.blog header nav {
  margin: 0;
}
.blog #intro header {
  height: auto;
}
.blog #intro header p {
  margin: 0;
  line-height: 0;
}
.blog #intro header img {
  max-width: 100%;
  height: auto;
}
.blog #intro header {
  position: relative;
  left: 0;
  font-family: proxima-nova-condensed, sans-serif;
  font-size: 60px;
  color: #8a8b8c;
  letter-spacing: .3em;
}
.blog #intro header span {
  color: #bbb;
}
.blog #intro header span + span {
  color: #8a8b8c;
}
.blog #intro .logo {
  top: -18px;
  left: 80px;
}
.blog .left_column {
  max-width: 100%;
}
.blog .left_column h1 {
  font-family: proxima-nova-condensed, sans-serif;
  margin: 0 0 40px;
  letter-spacing: -.02em;
  color: #2a7fa1;
  font-size: 2.8em;
}
.blog .left_column h3 {
  margin: 12px 0 6px 0;
  color: #5f8450;
  font-size: 1.5em;
  color: #2a7fa1;
}
.blog .left_column h4 {
  font-size: 1.2em;
}
.blog .left_column p, .blog .blog .right_column p {
  color: #777;
  font-family: proxima-nova-condensed, sans-serif;
  font-size: 18px;
  margin-bottom: 12px;
}
.blog .blog .right_column p {
  margin-bottom: 0;
}
.blog .left_column ul, .blog .blog .left_column ol {
  margin: 0 0 12px 20px;
}
.blog .left_column img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .blog .left_column {
    width: 100%;
    margin: 0;
    float: none;
    padding: 0 20px;
  }
  .blog .right_column {
    margin: 0;
    float: none;
    padding: 0 20px;
  }
}
.blog .listings h6 {
  font-size: 18px;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 700;
  letter-spacing: 0em;
  color: #ef4b25;
  margin: 20px 0 0 0;
}
.blog .listings p.category {
  font-size: 16px;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  margin: 0 0 0 0;
  color: #777;
  cursor: pointer;
}
.blog .arrows {
  font-size: 12px;
  color: #ccc;
  cursor: pointer;
}
.blog .listings ul {
  list-style: none;
  margin-bottom: 0;
}
.blog .listings ul li {
  font-size: 18px;
  line-height: 22px;
}
.blog .listings p.category + ul {
  display: none;
  margin-bottom: 0;
  margin-left: 15px;
}
.blog .listings {
  margin-bottom: 40px;
}
.blog .right_column img {
  margin-bottom: 40px;
  width: 220px;
}
.blog .meta {
  background: beige;
  padding: 5px 12px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.blog .meta p {
  font: 12px/18px Verdana;
}
.blog #disqus_thread {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.blog section#intro header {
  margin: 100px 0 100px 0;
}
.blog .left_column {
  float: left;
  width: 600px;
  margin: 0 40px 0 0;
  max-width: 100%;
  /* padding-bottom: 80px; */
}
.blog .right_column {
  float: left;
  width: 280px;
  margin: 0 0 0 80px;
  max-width: 100%;
  /* padding-bottom: 80px; */
}
@media screen and (max-width: 480px) {
  .blog .right_column {
    margin: 0;
  }
}
.blog .right_column img {
  margin-bottom: 40px;
  width: 220px;
}
.blog .listings {
  margin-bottom: 40px;
}
.blog .listings h6 {
  font-size: 18px;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 300;
  letter-spacing: .1em;
  color: #2a7fa1;
}
.blog .listings p.category {
  font-weight: bold;
  margin: 0 0 0 0;
  color: #777;
  cursor: pointer;
  font-size: 18px;
}
.blog .listings ul {
  list-style: none;
  margin-bottom: 0;
}
.blog .listings p.category + ul {
  display: none;
  margin-bottom: 0px;
  margin-left: 15px;
}
.blog .arrows {
  font-size: 12px;
  color: #ccc;
  cursor: pointer;
}
.blog #disqus_thread {
  float: left;
  width: 680px;
  margin: 20px 0;
  max-width: 100%;
}
.blog .frameworks h6 {
  font-size: 1.2em;
  color: #005b7f;
}
.blog .frameworks tr:nth-of-type(even) {
  background-color: #e6eff7;
}
.blog .frameworks td {
  padding: 0 10px;
}
@media screen and (max-width: 480px) {
  .blog .frameworks td:first-child {
    display: none;
  }
  .blog .frameworks td {
    padding: 10px;
  }
}

#home_blogfeed {
  vertical-align: top;
  width: 100%;
  max-width: 800px;
  margin: 30px auto 50px;
}

#home_blogfeed ul.feed {
  margin-top: 10px;
}

#home_blogfeed ul.feed li {
  margin: 5px 0 0 0;
  list-style: none;
  font-size: 1.2em;
}

#home_blogfeed ul.feed li span.blog_title {
  color: #6A7C8A;
  margin: 5px 0 0 0;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 600;
}

#home_blogfeed ul.feed li a {
  color: #6A7C8A;
  margin: 5px 0 0 0;
  font-family: proxima-nova-condensed, sans-serif;
  font-weight: 600;
}
#home_blogfeed ul.feed li a:hover {
  color: #acbbc7;
}

#home_blogfeed span.blog_teaser:after {
  content: '”';
}

#home_blogfeed span.blog_teaser:before {
  content: '“';
}

/* 
	#home_blogfeed span.blog_title a {
	  font-family: "UniversLTW01-47LightCn";
	  font-size: 15px;
	}
 */