/*!
Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Catapult Creative
Author URI: http://launchcatapult.com
Description: A custom child theme Built by Catapult Creative specifically for X.
Version: 1.0.0
Template: x
*/
/* =============================
	   Structure Mixins
=============================== */
/**
 *
 * Sets height of div to full viewport height
 * sets fallback
 * has optinal value for vh offset
 *
 * In the future, use rem/px conversion for this function
 * in IE 9 cannot use calc with background size
 *
 * you have to specify a unit (i.e px, em, rem, %, vh, vw)
 * for each param
 */
/* =============================
	   Utility Mixins
=============================== */
/* =============================
	RESPONSIVE MIXINS
=============================== */
/*------------------------------
	* Responsive Breakpoints | VARS
	*------------------------------*/
/*------------------------------
* Responsive Max-Width | Mixin
* @author Christopher Hahn
*------------------------------*/
/*------------------------------
* Responsive Max-Width | Mixin
* @author Christopher Hahn
*------------------------------*/
.x-text._max-large {
  max-width: 81.25em; }

.x-text._max-x-medium {
  max-width: 58.75em; }

.x-text._max-medium {
  max-width: 50em; }

.x-text._max-small {
  max-width: 34.375em; }

.x-text._center {
  margin-left: auto;
  margin-right: auto; }

.x-text._left {
  margin-left: 0;
  margin-right: auto; }

.x-text._right {
  margin-left: auto;
  margin-right: 0; }

._full-width {
  width: 100%; }

._bottom-margin {
  margin-bottom: 60px; }

._no-margin {
  margin-top: 0 !important; }

._no-bmargin {
  margin-bottom: 0 !important; }

._remove-bar span {
  border-color: transparent !important; }
  ._remove-bar span::after {
    display: none !important; }
  @media only screen and (max-width: 48em) {
    ._remove-bar span {
      font-size: 22px; } }

@media only screen and (max-width: 74.125em) {
  ._extend-width .x-column.x-1-2 {
    width: 100%; } }

@media only screen and (max-width: 64em) {
  ._break-img .x-column.x-1-2 {
    width: 100%; }
    ._break-img .x-column.x-1-2 img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 60%; } }
    @media only screen and (max-width: 64em) and (max-width: 767px) {
      ._break-img .x-column.x-1-2 img {
        max-width: 100%; } }

@media only screen and (max-width: 74.125em) {
  ._invisible {
    display: none; } }

/**
 * NAME : TYPOGRAPGY
 *
 * This page contains all of our typography settings
 * and builds!
 *
 */
/*-------------------------------------------
	 Type  | Build
*------------------------------------------*/
h1 {
  margin-bottom: 0; }
  h1.-white {
    color: white; }

.x-text > h1, .x-text h2, .x-text h3 {
  font-size: 220% !important; }
  @media only screen and (max-width: 1280px) {
    .x-text > h1, .x-text h2, .x-text h3 {
      font-size: 190% !important; } }
  @media only screen and (max-width: 1200px) {
    .x-text > h1, .x-text h2, .x-text h3 {
      font-size: 176% !important; } }
  @media only screen and (max-width: 64em) {
    .x-text > h1, .x-text h2, .x-text h3 {
      font-size: 155% !important; } }
  @media only screen and (max-width: 980px) {
    .x-text > h1, .x-text h2, .x-text h3 {
      font-size: 140% !important; } }
  @media only screen and (max-width: 55em) {
    .x-text > h1, .x-text h2, .x-text h3 {
      font-size: 115% !important; } }

.x-text > h4, .x-text h5 {
  letter-spacing: 3px; }

@media only screen and (max-width: 480px) {
  .x-text p {
    font-size: 16px !important; } }

.x-text.-l-blue > h1, .x-text.-l-blue h2, .x-text.-l-blue h3, .x-text.-l-blue h4, .x-text.-l-blue h5, .x-text.-l-blue h6 {
  color: #3894d1; }

.x-text.-blue > h1, .x-text.-blue h2, .x-text.-blue h3, .x-text.-blue h4, .x-text.-blue h5, .x-text.-blue h6 {
  color: #225ba8; }

.x-text.-white > h1, .x-text.-white h2, .x-text.-white h3, .x-text.-white h4, .x-text.-white h5, .x-text.-white h6, .x-text.-white p {
  color: white; }

.x-text.-uppercase > p {
  text-transform: uppercase;
  font-weight: lighter;
  letter-spacing: 3px; }

.x-navbar.-top {
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  margin-bottom: -2.8125em; }
  @media only screen and (max-width: 80.3125em) {
    .x-navbar.-top {
      background-image: none !important;
      background-color: #3894d1 !important; } }
  @media only screen and (max-width: 40em) {
    .x-navbar.-top {
      display: none; } }
  .x-navbar.-top a {
    font-size: 14px !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white !important;
    padding-top: 1em !important; }
  .x-navbar.-top .nav-locations.current-menu-item > a > span {
    box-shadow: none !important; }
    .x-navbar.-top .nav-locations.current-menu-item > a > span:hover {
      box-shadow: 0 2px 0 0 #272727 !important; }

.x-social-global {
  display: inline;
  position: absolute;
  left: 17%;
  width: 50%;
  margin-top: -2px; }
  @media only screen and (max-width: 90em) {
    .x-social-global {
      left: 0; } }
  @media only screen and (max-width: 48em) {
    .x-social-global {
      display: none; } }
  .x-social-global:before {
    content: 'Follow Us:';
    position: relative;
    padding-right: 2%;
    text-transform: uppercase;
    font-size: 12px !important;
    color: white;
    font-weight: 400;
    letter-spacing: 1px; }
  .x-social-global > a {
    background-color: transparent;
    vertical-align: text-bottom; }
    .x-social-global > a:hover {
      background-color: transparent !important;
      border-radius: 0; }
      .x-social-global > a:hover > i {
        color: #f0f0f0; }
    .x-social-global > a > i {
      font-size: 20px !important;
      padding-right: 12px; }

header {
  position: absolute;
  left: 0;
  width: 100%;
  display: block; }
  @media only screen and (max-width: 480px) {
    header {
      position: relative; } }
  header .x-navbar {
    background-color: transparent !important; }

/*header .x-navbar-inner.-bot{
	background-repeat: no-repeat !important;
    background-size: contain;
    display: block;
    max-width: 1400px;
}*/
.x-navbar-inner.-bot {
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: cover;
  display: block;
  max-width: 95%; }
  @media only screen and (max-width: 80.3125em) {
    .x-navbar-inner.-bot {
      background-image: none !important;
      background-color: white !important;
      max-width: 100%; } }

.hidden-link {
  display: none; }
  @media only screen and (max-width: 40em) {
    .hidden-link {
      display: block; } }

@media only screen and (max-width: 480px) {
  .x-brand {
    text-align: center;
    width: 100%; } }

.x-navbar .desktop .x-nav > li > a {
  height: auto !important; }

.desktop .sub-menu {
  padding-left: 0;
  padding-right: 0; }
  .desktop .sub-menu li {
    padding-left: 1.875em;
    padding-right: 1.875em; }
    .desktop .sub-menu li:hover {
      background-color: #273844; }
  .desktop .sub-menu a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: white !important;
    letter-spacing: 2px; }

@media only screen and (max-width: 80.3125em) {
  .x-nav-wrap.desktop {
    display: none; } }

@media only screen and (max-width: 80.3125em) {
  .x-btn-navbar {
    display: block;
    float: right; } }

@media only screen and (max-width: 480px) {
  .x-btn-navbar {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 0.9375em; } }

.x-btn-navbar.collapsed {
  background-color: #3894d1 !important; }

@media only screen and (max-width: 80.3125em) {
  .x-nav-wrap.mobile.in,
  .x-nav-wrap.mobile.collapsing {
    display: block; } }

.x-nav-wrap.mobile.in .sub-menu,
.x-nav-wrap.mobile.collapsing .sub-menu {
  background-color: white !important; }
  .x-nav-wrap.mobile.in .sub-menu li,
  .x-nav-wrap.mobile.collapsing .sub-menu li {
    background-color: #283138;
    border: none; }
    .x-nav-wrap.mobile.in .sub-menu li:hover,
    .x-nav-wrap.mobile.collapsing .sub-menu li:hover {
      background-color: #273844; }
    .x-nav-wrap.mobile.in .sub-menu li.current-menu-item > a,
    .x-nav-wrap.mobile.collapsing .sub-menu li.current-menu-item > a {
      color: white;
      background-color: #273844; }
    .x-nav-wrap.mobile.in .sub-menu li > a,
    .x-nav-wrap.mobile.in .sub-menu li > a:hover,
    .x-nav-wrap.mobile.collapsing .sub-menu li > a,
    .x-nav-wrap.mobile.collapsing .sub-menu li > a:hover {
      color: white; }

.mobile .x-sub-toggle {
  width: 100% !important;
  right: 15px;
  text-align: right; }

@media only screen and (max-width: 480px) {
  #page-hero {
    padding-top: 0 !important; } }

@media only screen and (max-width: 980px) {
  #page-hero .x-column.x-1-2 {
    width: 80%; } }

@media only screen and (max-width: 48em) {
  #page-hero .x-column.x-1-2 {
    width: 100%; } }

@media only screen and (max-width: 480px) {
  .inner-hero {
    padding-top: 6% !important; } }

.hero-subtitle h4 {
  font-size: 158.4% !important; }
  @media only screen and (max-width: 90em) {
    .hero-subtitle h4 {
      font-size: 156.4% !important; } }
  @media only screen and (max-width: 1280px) {
    .hero-subtitle h4 {
      font-size: 140.4% !important; } }
  @media only screen and (max-width: 42.5em) {
    .hero-subtitle h4 {
      font-size: 110.4% !important; } }

@media only screen and (max-width: 767px) {
  #footer-contact {
    text-align: center;
    padding: 30px 0 !important; } }

#footer-contact h1 {
  font-weight: 300; }
  @media only screen and (max-width: 767px) {
    #footer-contact h1 {
      text-align: center; } }
  @media only screen and (max-width: 480px) {
    #footer-contact h1 {
      font-size: 130% !important; } }

#footer-contact p {
  font-family: "Open Sans", sans-serif; }

#footer-widget-head {
  padding: 0 2.8125em !important; }
  #footer-widget-head p {
    font-family: "Open Sans", sans-serif;
    letter-spacing: 1.1px;
    margin-bottom: 0 !important;
    padding: 1.5625em 0;
    text-transform: uppercase; }
  #footer-widget-head a {
    color: white; }
    @media only screen and (max-width: 64em) {
      #footer-widget-head a {
        font-size: 14px !important; } }
    #footer-widget-head a:hover {
      color: #283138; }

.x-colophon.top {
  background-color: #225ba8 !important;
  padding: 2.8125em; }
  @media only screen and (max-width: 767px) {
    .x-colophon.top {
      text-align: center; } }
  @media only screen and (max-width: 61.1875em) {
    .x-colophon.top .x-column.x-md {
      float: left;
      width: 22%;
      margin-right: 4%; }
      .x-colophon.top .x-column.x-md:last-child {
        margin-right: 0 !important; } }
  @media only screen and (max-width: 767px) {
    .x-colophon.top .x-column.x-md {
      float: none;
      width: 100%;
      margin-right: 0; } }
  @media only screen and (max-width: 61.1875em) {
    .x-colophon.top .x-column .widget:first-child {
      margin-top: 0 !important; } }
  .x-colophon.top .widget_nav_menu ul {
    border-bottom: none; }
    .x-colophon.top .widget_nav_menu ul li {
      border: none;
      background-color: transparent; }
      .x-colophon.top .widget_nav_menu ul li a {
        color: white;
        font-family: "Open Sans", sans-serif; }
        .x-colophon.top .widget_nav_menu ul li a:hover {
          color: #d9d9d9; }

.x-colophon.bottom {
  background-color: #283138 !important;
  padding: 0.9375em; }
  @media only screen and (max-width: 767px) {
    .x-colophon.bottom {
      text-align: center; } }
  .x-colophon.bottom .x-container {
    position: relative; }
    .x-colophon.bottom .x-container p {
      font-family: "Open Sans", sans-serif;
      display: inline-block; }
      @media only screen and (max-width: 55em) {
        .x-colophon.bottom .x-container p {
          display: block; } }
    .x-colophon.bottom .x-container .copyright {
      float: left;
      /*@include respond-custom( max-width,  768px ){
				text-align: center;
				float: none;
			}*/ }
      @media only screen and (max-width: 55em) {
        .x-colophon.bottom .x-container .copyright {
          float: none;
          text-align: center; } }
    .x-colophon.bottom .x-container .designer {
      float: right;
      z-index: 5;
      /*@include respond-custom( max-width,  768px ){
				text-align: center;
				float: none;
			}*/ }
      @media only screen and (max-width: 55em) {
        .x-colophon.bottom .x-container .designer {
          float: none;
          text-align: center; } }
    .x-colophon.bottom .x-container .x-social-global {
      display: inline;
      left: 27%;
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (max-width: 1280px) {
        .x-colophon.bottom .x-container .x-social-global {
          left: 29%; } }
      @media only screen and (max-width: 64em) {
        .x-colophon.bottom .x-container .x-social-global {
          left: 32%; } }
      @media only screen and (max-width: 55em) {
        .x-colophon.bottom .x-container .x-social-global {
          width: 100%;
          position: relative;
          display: block;
          left: 0;
          margin-bottom: -15px; } }
      .x-colophon.bottom .x-container .x-social-global > a {
        vertical-align: baseline;
        margin: 0;
        width: 30px;
        height: 50px; }
        .x-colophon.bottom .x-container .x-social-global > a > i {
          padding-right: 0; }

/*====== Modern Auto ==========*/
@media only screen and (max-width: 75em) {
  #modern-auto .fy-rollover-container > .icon {
    display: none; } }

@media only screen and (max-width: 980px) {
  #modern-auto .fy-rollover-container > .icon {
    display: block; } }

@media only screen and (max-width: 22.5em) {
  #modern-auto .fy-rollover-container > .icon {
    display: none; } }

@media only screen and (max-width: 90em) {
  #modern-auto .fy-rollover-container > .rollover-effect {
    top: 18%; } }

@media only screen and (max-width: 1280px) {
  #modern-auto .fy-rollover-container > .rollover-effect {
    top: 16.5%; } }

@media only screen and (max-width: 64em) {
  #modern-auto .fy-rollover-container > .rollover-effect {
    top: 0; } }

@media only screen and (max-width: 1200px) {
  #modern-auto .fy-rollover-container .caption {
    padding: 12% 0.9375em; } }

@media only screen and (max-width: 64em) {
  #modern-auto .fy-rollover-container .caption {
    padding: 22% 0.9375em; } }

@media only screen and (max-width: 980px) {
  #modern-auto .fy-rollover-container .caption {
    padding: 45% 0.9375em; } }

@media only screen and (max-width: 22.5em) {
  #modern-auto .fy-rollover-container .caption {
    padding: 26% 0.9375em; } }

#modern-auto .fy-rollover-container a.x-btn {
  display: block !important; }
  @media only screen and (max-width: 64em) {
    #modern-auto .fy-rollover-container a.x-btn {
      width: 70%; } }

#modern-auto .usa-icon {
  max-width: 115px; }

/*====== Who We Are ==========*/
@media only screen and (max-width: 55em) {
  #who-are .x-column.x-1-3,
  #who-are .x-column.x-2-3 {
    width: 100% !important; } }

#who-are .logo-circle .x-img {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 55em) {
    #who-are .logo-circle .x-img {
      max-width: 70%; } }

/*====== Why We're Different ==========*/
@media only screen and (max-width: 980px) {
  #why-different .x-column.x-1-3 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    float: none; } }

@media only screen and (max-width: 480px) {
  #why-different .x-column.x-1-3 {
    width: 100%; } }

#why-different .shipping img {
  margin: 15px auto 10px !important; }

#why-different .x-btn {
  min-width: 30.5%; }
  @media only screen and (max-width: 980px) {
    #why-different .x-btn {
      width: 80.5%; } }

/*====== Regional Impact ==========*/
#we-hiring .x-btn {
  z-index: 5; }

.regional-impact h5 {
  margin-top: 20px !important;
  margin-bottom: 18px;
  letter-spacing: normal; }
  @media only screen and (max-width: 55em) {
    .regional-impact h5 {
      font-size: 100% !important; } }

#regional-facts {
  background-position: top center; }
  @media only screen and (max-width: 767px) {
    #regional-facts {
      margin-top: 0 !important; } }

.regional-facts h1 {
  font-size: 500% !important; }
  @media only screen and (max-width: 1280px) {
    .regional-facts h1 {
      font-size: 350% !important; } }
  @media only screen and (max-width: 55em) {
    .regional-facts h1 {
      font-size: 280% !important; } }

.regional-facts h5 {
  margin-top: 0 !important;
  line-height: 30px;
  letter-spacing: normal; }
  @media only screen and (max-width: 1280px) {
    .regional-facts h5 {
      font-size: 110% !important;
      line-height: 24px; } }
  @media only screen and (max-width: 55em) {
    .regional-facts h5 {
      font-size: 90% !important;
      line-height: 20px; } }

#about-presently .-white span {
  border-color: #283138; }
  @media only screen and (max-width: 46.25em) {
    #about-presently .-white span::after {
      background-color: #283138; } }

#about-presently h3 {
  font-size: 200% !important; }
  @media only screen and (max-width: 980px) {
    #about-presently h3 {
      font-size: 180% !important;
      margin-top: 8%; } }
  @media only screen and (max-width: 767px) {
    #about-presently h3 {
      font-size: 115% !important;
      margin-top: 3%; } }

#the-future .x-feature-box {
  background-color: transparent;
  border: none;
  color: white;
  margin-bottom: 0;
  padding: 0;
  height: 200px; }
  @media only screen and (max-width: 64em) {
    #the-future .x-feature-box {
      margin-bottom: 55px;
      text-align: center !important; }
      #the-future .x-feature-box .x-feature-box-content {
        display: block !important; }
        #the-future .x-feature-box .x-feature-box-content::after {
          content: "";
          position: relative;
          display: block;
          margin: 0.5em auto;
          width: 100%;
          height: 5px;
          background-color: #3894d1; } }
  #the-future .x-feature-box .x-feature-box-graphic-inner {
    border-right: 5px solid #3894d1;
    height: 200px; }
    @media only screen and (max-width: 64em) {
      #the-future .x-feature-box .x-feature-box-graphic-inner {
        border-right: none;
        height: auto;
        width: 100%; } }
  #the-future .x-feature-box.long-term .x-feature-box-graphic-inner {
    height: 160px; }
    @media only screen and (max-width: 64em) {
      #the-future .x-feature-box.long-term .x-feature-box-graphic-inner {
        border-right: none;
        height: auto;
        width: 100%; } }
  #the-future .x-feature-box .x-feature-box-graphic img {
    padding-top: 30%;
    padding-right: 30px; }
    @media only screen and (max-width: 64em) {
      #the-future .x-feature-box .x-feature-box-graphic img {
        padding-top: 0;
        padding-right: 0; } }
  #the-future .x-feature-box .x-feature-box-title {
    font-size: 400% !important;
    line-height: 70px;
    color: white;
    padding-top: 2%; }
    @media only screen and (max-width: 1400px) {
      #the-future .x-feature-box .x-feature-box-title {
        font-size: 340% !important;
        margin-top: 8%; } }
    @media only screen and (max-width: 79.375em) {
      #the-future .x-feature-box .x-feature-box-title {
        font-size: 260% !important;
        line-height: 50px; } }
    @media only screen and (max-width: 64em) {
      #the-future .x-feature-box .x-feature-box-title {
        margin-top: 0; } }
    @media only screen and (max-width: 48em) {
      #the-future .x-feature-box .x-feature-box-title {
        font-size: 200% !important;
        line-height: 50px; } }
  #the-future .x-feature-box .x-feature-box-text {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px; }
    @media only screen and (max-width: 79.375em) {
      #the-future .x-feature-box .x-feature-box-text {
        font-size: 18px;
        line-height: 24px; } }

@media only screen and (max-width: 64em) {
  #the-future .x-feature-box-graphic.square {
    display: block !important; } }

#oem-customers .x-btn {
  margin-right: 1.5%;
  margin-bottom: 30px; }
  #oem-customers .x-btn:last-child {
    margin-right: 0; }

#oem-customers .adjust-icon {
  margin-top: -2%; }
  @media only screen and (max-width: 64em) {
    #oem-customers .adjust-icon {
      margin-top: 0; } }

@media only screen and (max-width: 767px) {
  #leadership .x-column.x-1-3 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px; } }

#leadership .contact-btn {
  background-color: rgba(56, 148, 209, 0.75);
  border: 3px solid white;
  left: 50%;
  margin-top: -120px;
  width: 46.5%;
  padding: 0.8125em !important; }
  #leadership .contact-btn:hover {
    background-color: #3894d1; }
  @media only screen and (max-width: 48em) {
    #leadership .contact-btn {
      font-size: 12px !important;
      margin-top: -129px; } }
  @media only screen and (max-width: 480px) {
    #leadership .contact-btn {
      width: 46.5% !important; } }

@media only screen and (max-width: 480px) {
  #fy-group-btn {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important; } }

#fy-group-btn .x-btn {
  z-index: 2;
  margin-top: -30%; }
  @media only screen and (max-width: 480px) {
    #fy-group-btn .x-btn {
      margin-top: -15%; } }

@media only screen and (max-width: 55em) {
  #contact-form .x-column.x-1-3,
  #contact-form .x-column.x-2-3 {
    width: 100%; } }

#contact-form input[type="submit"] {
  min-width: 45%; }

#field_1_4 {
  margin-bottom: 45px !important; }
  #field_1_4 > .gfield_label {
    color: #225ba8;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 134.4% !important; }
    #field_1_4 > .gfield_label::after {
      content: "";
      position: relative;
      display: block;
      margin: 0.5em auto 0.9375em;
      width: 100%;
      height: 5px;
      background-color: #283138; }

.contact-side {
  text-align: center; }
  @media only screen and (max-width: 73em) {
    .contact-side h6 {
      margin-bottom: 1.875em; } }
  .contact-side h6 > span {
    letter-spacing: 2px; }
    @media only screen and (max-width: 73em) {
      .contact-side h6 > span {
        border-bottom: none; }
        .contact-side h6 > span::after {
          content: "";
          position: relative;
          display: block;
          margin: 0.5em auto 0 auto;
          width: 100%;
          height: 5px;
          background-color: #3894d1; } }
  .contact-side .x-text p {
    letter-spacing: 1px;
    font-size: 16px !important;
    line-height: 20px; }
    .contact-side .x-text p a {
      color: white; }
      .contact-side .x-text p a:hover {
        color: #3894d1; }
  .contact-side .with-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80%; }
    @media only screen and (max-width: 1280px) {
      .contact-side .with-container {
        width: 100%; } }

#input_1_4 {
  width: 100%; }

/*=========== Dedicated to Design & Development ===============*/
#design-development .-blue span, #fast-shipping .-blue span {
  color: #3894d1; }

#design-development h3, #fast-shipping h3 {
  color: #225ba8;
  margin-top: 0;
  margin-bottom: 0.5em; }

#design-development h6, #fast-shipping h6 {
  margin: 0; }

#design-development .x-text p, #fast-shipping .x-text p {
  margin-bottom: 0.3125em; }

/*============= 300+ Patents & Counting =============*/
#patents-counting h3 {
  margin-bottom: 0.5em; }

@media only screen and (max-width: 64em) {
  #patents-counting .x-column.x-1-2 {
    width: 100%; }
    #patents-counting .x-column.x-1-2 img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 60%; } }
    @media only screen and (max-width: 64em) and (max-width: 767px) {
      #patents-counting .x-column.x-1-2 img {
        max-width: 100%; } }

.highlights .x-text, #honors-list .x-text {
  font-weight: bold; }
  @media only screen and (max-width: 1280px) {
    .highlights .x-text h5, #honors-list .x-text h5 {
      font-size: 190% !important; } }
  @media only screen and (max-width: 1200px) {
    .highlights .x-text h5, #honors-list .x-text h5 {
      font-size: 176% !important; } }
  @media only screen and (max-width: 64em) {
    .highlights .x-text h5, #honors-list .x-text h5 {
      font-size: 155% !important; } }
  @media only screen and (max-width: 980px) {
    .highlights .x-text h5, #honors-list .x-text h5 {
      font-size: 140% !important; } }
  @media only screen and (max-width: 55em) {
    .highlights .x-text h5, #honors-list .x-text h5 {
      font-size: 115% !important; } }
  .highlights .x-text h6, #honors-list .x-text h6 {
    color: #3894d1;
    font-size: 22px;
    margin: 0;
    letter-spacing: 1px; }
  .highlights .x-text p, #honors-list .x-text p {
    margin-bottom: 0.3125em; }

/*============= R&D Capabilities =============*/
#rd-capabilities .x-ul-icons {
  margin-left: 0; }

#rd-capabilities .x-li-icon {
  color: #225ba8;
  font-weight: bold;
  width: calc(100% / 8);
  float: left;
  margin-right: 2%;
  font-size: 16px;
  line-height: 18px;
  text-align: center; }
  @media only screen and (max-width: 64em) {
    #rd-capabilities .x-li-icon {
      width: 50%;
      margin-right: 0;
      margin-bottom: 45px;
      text-align: left; } }
  @media only screen and (max-width: 767px) {
    #rd-capabilities .x-li-icon {
      text-align: center;
      width: 100%;
      float: none; } }
  #rd-capabilities .x-li-icon:last-child {
    margin-right: 0; }
  #rd-capabilities .x-li-icon::before {
    content: url("http://fuyao.flywheelsites.com/wp-content/uploads/2016/03/tech-gear.png");
    position: relative;
    display: block;
    padding-bottom: 0.5em;
    vertical-align: top; }
  #rd-capabilities .x-li-icon i {
    display: none; }

/*============= R&D Direction =============*/
@media only screen and (max-width: 64em) {
  h4._remove-bar {
    margin-top: 1.25em; } }

/*=========== Our Process ===============*/
#our-process .x-btn {
  min-width: 30%; }

#our-process .caption a.x-btn {
  display: none; }

/*=========== Auto Brands ===============*/
@media only screen and (max-width: 767px) {
  .auto-brands .x-column.x-sm {
    float: left;
    width: 48%;
    margin-right: 2%; } }

#fast-shipping strong {
  font-size: 36px; }

#fast-shipping .x-btn {
  margin-top: 30px; }

#customer-service .x-btn, #all-began .x-btn {
  margin-right: 5%;
  margin-bottom: 30px; }
  #customer-service .x-btn:last-child, #all-began .x-btn:last-child {
    margin-right: 0; }

#honors-list .-blue h6 {
  color: #225ba8;
  font-size: 26px;
  line-height: 24px;
  margin-bottom: -8px; }
  @media only screen and (max-width: 48em) {
    #honors-list .-blue h6 {
      font-size: 22px; } }
  @media only screen and (max-width: 480px) {
    #honors-list .-blue h6 {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 0; } }

#honors-list p {
  font-size: 24px;
  font-weight: lighter; }
  @media only screen and (max-width: 480px) {
    #honors-list p {
      font-size: 18px; } }

#glass-products h3 {
  margin-bottom: 3%; }

#glass-products .five-tabs a {
  font-size: 115%; }
  #glass-products .five-tabs a br {
    display: block !important; }
    @media only screen and (max-width: 64em) {
      #glass-products .five-tabs a br {
        display: block; } }

@media only screen and (max-width: 64em) {
  #glass-products .x-tab-content {
    overflow: auto;
    height: auto !important; } }

#glass-products .x-tab-pane {
  height: 331px;
  overflow-y: scroll; }
  @media only screen and (max-width: 64em) {
    #glass-products .x-tab-pane {
      text-align: center;
      border: none;
      height: auto !important;
      padding: 0; }
      #glass-products .x-tab-pane .x-column.x-1-2 {
        width: 100%;
        margin-right: 0;
        float: none; } }
  @media only screen and (max-width: 600px) {
    #glass-products .x-tab-pane {
      font-size: 16px !important;
      text-align: left; } }
  @media only screen and (max-width: 1400px) {
    #glass-products .x-tab-pane img {
      max-width: 100%;
      padding: 4% 0 4% 4%; } }
  @media only screen and (max-width: 64em) {
    #glass-products .x-tab-pane img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 60%;
      float: none;
      padding: 0; } }
  @media only screen and (max-width: 600px) {
    #glass-products .x-tab-pane img {
      max-width: 100%; } }

.x-btn {
  font-size: 16px !important;
  font-weight: 700 !important;
  padding-top: 1.25em !important;
  padding-bottom: 1.25em !important;
  letter-spacing: 1px !important;
  line-height: 18px;
  text-shadow: none !important;
  text-transform: uppercase !important;
  /*&.x-btn-large{
		font-size: 16px !important;
		font-weight: 700;
		padding-top: em( 20 );
		padding-bottom: em( 20 );
	}*/ }
  @media only screen and (max-width: 480px) {
    .x-btn {
      width: 100% !important; } }
  .x-btn.x-btn-x-large {
    font-size: 1.75rem !important;
    font-weight: 900;
    padding: 2.0625em 0;
    margin-bottom: 30px; }
    @media only screen and (max-width: 1200px) {
      .x-btn.x-btn-x-large {
        padding-bottom: 2.8125em; } }
    @media only screen and (max-width: 767px) {
      .x-btn.x-btn-x-large {
        padding-bottom: 2.0625em; } }
    @media only screen and (max-width: 25em) {
      .x-btn.x-btn-x-large {
        padding-bottom: 2.8125em;
        margin-bottom: 15px; } }
    .x-btn.x-btn-x-large .footer-btn-icon {
      display: inline;
      margin-left: -1.25em;
      margin-right: 1.25em;
      max-height: 3.125em; }
      @media only screen and (max-width: 1200px) {
        .x-btn.x-btn-x-large .footer-btn-icon {
          display: block;
          margin-bottom: 30px;
          margin-left: auto;
          margin-right: auto; } }
      @media only screen and (max-width: 767px) {
        .x-btn.x-btn-x-large .footer-btn-icon {
          display: inline;
          margin-bottom: 0;
          margin-left: -1.25em;
          margin-right: 1.25em; } }
      @media only screen and (max-width: 25em) {
        .x-btn.x-btn-x-large .footer-btn-icon {
          display: block;
          margin-bottom: 30px;
          margin-left: auto;
          margin-right: auto; } }

/**
 * Build Button Variants
 *
 */
.x-btn.-secondary {
  border-color: white; }
  .x-btn.-secondary:focus, .x-btn.-secondary:hover {
    background-color: white !important;
    border-color: white;
    color: #283138; }

.adjust-placement1 {
  width: 48%;
  display: inline-block;
  float: left;
  margin-right: 2% !important; }
  @media only screen and (max-width: 480px) {
    .adjust-placement1 {
      width: 100%;
      display: block;
      margin-right: 0 !important; } }

.adjust-placement2 {
  width: 48%;
  display: inline-block; }
  @media only screen and (max-width: 480px) {
    .adjust-placement2 {
      width: 100%;
      display: block; } }

#input_2_4,
#input_2_3,
#input_2_6_1,
#input_2_7,
#input_1_5,
#input_1_3,
#input_1_8,
#input_1_10,
#input_1_11,
#input_1_6_1,
#input_3_2,
#input_3_4 {
  width: 99% !important; }
  @media only screen and (max-width: 480px) {
    #input_2_4,
    #input_2_3,
    #input_2_6_1,
    #input_2_7,
    #input_1_5,
    #input_1_3,
    #input_1_8,
    #input_1_10,
    #input_1_11,
    #input_1_6_1,
    #input_3_2,
    #input_3_4 {
      width: 100% !important; } }

#input_2_5,
#input_2_2,
#input_1_2,
#input_1_9,
#input_1_12,
#input_3_3 {
  width: 103% !important; }
  @media only screen and (max-width: 480px) {
    #input_2_5,
    #input_2_2,
    #input_1_2,
    #input_1_9,
    #input_1_12,
    #input_3_3 {
      width: 100% !important; } }

#input_1_4 {
  font-size: 16px; }

#input_2_6_4,
#input_2_6_6,
#input_1_6_4,
#input_1_6_6 {
  width: 106% !important; }
  @media only screen and (max-width: 767px) {
    #input_2_6_4,
    #input_2_6_6,
    #input_1_6_4,
    #input_1_6_6 {
      width: 98% !important;
      margin-left: -1%; } }

#input_1_6_6,
#input_2_6_6 {
  height: 48px; }

textarea {
  line-height: 18px !important; }

input[type="submit"],
input[type="button"] {
  min-width: 30%;
  text-transform: uppercase;
  text-shadow: none !important;
  letter-spacing: 2px;
  padding-bottom: 0.75em; }
  @media only screen and (max-width: 480px) {
    input[type="submit"],
    input[type="button"] {
      width: 100% !important; } }

input[type="button"] {
  font-size: 14px;
  min-width: auto;
  padding-top: 0.75em;
  padding-bottom: 0.75em; }

@media only screen and (max-width: 980px) {
  .h-custom-headline {
    margin-bottom: 30px !important; } }

@media only screen and (max-width: 42.5em) {
  .h-custom-headline {
    font-size: 134.4% !important; } }

.h-custom-headline span {
  border-bottom: 5px solid;
  padding-bottom: 0.3125em; }
  @media only screen and (max-width: 46.25em) {
    .h-custom-headline span {
      border-bottom: none; }
      .h-custom-headline span::after {
        content: "";
        position: relative;
        display: block;
        margin: 0.5em auto 0 auto;
        width: 100%;
        height: 5px; } }

.h-custom-headline.-blue span {
  border-color: #283138;
  color: #225ba8; }
  @media only screen and (max-width: 46.25em) {
    .h-custom-headline.-blue span::after {
      background-color: #283138; } }

.h-custom-headline.-blue-alt span {
  border-color: #3894d1;
  color: #225ba8; }
  @media only screen and (max-width: 46.25em) {
    .h-custom-headline.-blue-alt span::after {
      background-color: #3894d1; } }

.h-custom-headline.-white span {
  border-color: #3894d1;
  color: white; }
  @media only screen and (max-width: 46.25em) {
    .h-custom-headline.-white span::after {
      background-color: #3894d1; } }

.x-feature-box {
  border: 3px solid white;
  background-color: rgba(40, 49, 56, 0.58);
  padding: 10% 1.5625em;
  text-align: left;
  height: 360px; }
  @media only screen and (max-width: 55em) {
    .x-feature-box {
      height: auto; } }

.x-feature-box-title {
  font-size: 115% !important;
  letter-spacing: 5px; }
  @media only screen and (max-width: 64em) {
    .x-feature-box-title {
      font-size: 85% !important; } }

.x-feature-box-text {
  font-weight: lighter;
  font-size: 16px; }

.x-nav-tabs {
  border: none;
  margin-bottom: 60px; }
  .x-nav-tabs.top > li {
    border-right: none; }
    @media only screen and (max-width: 980px) {
      .x-nav-tabs.top > li.active {
        border-bottom-color: #225ba8; } }
    .x-nav-tabs.top > li > a {
      font-size: 120%;
      color: #225ba8;
      font-weight: bold;
      text-transform: uppercase;
      border-bottom: 12px solid #959595;
      background-color: transparent; }
      @media only screen and (max-width: 90em) {
        .x-nav-tabs.top > li > a {
          font-size: 100% !important; } }
      @media only screen and (max-width: 1280px) {
        .x-nav-tabs.top > li > a {
          font-size: 90% !important; } }
      @media only screen and (max-width: 64em) {
        .x-nav-tabs.top > li > a {
          font-size: 75% !important; } }
  .x-nav-tabs.top > .active a,
  .x-nav-tabs.top > .active a:hover,
  .x-nav-tabs.top > .active a:focus {
    color: #225ba8;
    border-bottom: 12px solid #3894d1; }

.x-tab-content {
  overflow-y: scroll;
  height: 380px;
  border: none; }
  @media only screen and (max-width: 980px) {
    .x-tab-content {
      overflow: auto;
      height: auto !important; } }
  .x-tab-content .x-tab-pane {
    padding: 0 2% 0 0;
    border: 2px solid #959595;
    height: auto;
    overflow: hidden; }
    @media only screen and (max-width: 980px) {
      .x-tab-content .x-tab-pane {
        text-align: center;
        border: none;
        height: auto !important;
        padding: 0; } }
    @media only screen and (max-width: 600px) {
      .x-tab-content .x-tab-pane {
        font-size: 16px !important;
        text-align: left; } }
    .x-tab-content .x-tab-pane img {
      margin-top: 0;
      margin-bottom: 0; }
      @media only screen and (max-width: 74.875em) {
        .x-tab-content .x-tab-pane img {
          max-width: 60%;
          padding: 4% 0 0 4%; } }
      @media only screen and (max-width: 980px) {
        .x-tab-content .x-tab-pane img {
          display: block;
          margin-left: auto;
          margin-right: auto;
          max-width: 100%;
          float: none;
          padding: 0; } }
  .x-tab-content h5 {
    font-size: 120%;
    color: #225ba8;
    letter-spacing: 1px; }
  .x-tab-content .x-btn {
    margin-top: 30px;
    width: 20%; }
    @media only screen and (max-width: 980px) {
      .x-tab-content .x-btn {
        width: 80%; } }

.fy-rollover-container {
  position: relative;
  width: 100%; }
  .fy-rollover-container:hover .rollover-effect,
  .fy-rollover-container:focus .rollover-effect {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  @media only screen and (max-width: 980px) {
    .fy-rollover-container {
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 400px; } }
  .fy-rollover-container .x-img {
    display: block;
    width: 100%; }
  .fy-rollover-container > .icon {
    position: absolute;
    font-size: 60px;
    top: 20%;
    left: 6%;
    z-index: 2; }
    .fy-rollover-container > .icon::before {
      color: white;
      content: "\f101";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      position: relative;
      display: block;
      vertical-align: middle; }
  .fy-rollover-container > .title {
    position: absolute;
    top: 0;
    color: white;
    font-size: 135% !important;
    line-height: 22px;
    width: 100%;
    padding: 0.9375em;
    margin-top: 0;
    z-index: 7; }
    @media only screen and (max-width: 1280px) {
      .fy-rollover-container > .title {
        font-size: 120% !important; } }
  .fy-rollover-container > .rollover-effect {
    position: absolute;
    top: 25.5%;
    bottom: 0;
    opacity: 0;
    width: 100%;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    @media only screen and (max-width: 64em) {
      .fy-rollover-container > .rollover-effect {
        top: 0;
        opacity: 1; } }
    .fy-rollover-container > .rollover-effect .caption {
      color: white;
      font-size: 16px !important;
      letter-spacing: 1px;
      line-height: 24px;
      overflow: hidden;
      height: 100%;
      background: rgba(82, 82, 82, 0.65);
      padding: 25% 0.9375em;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      @media only screen and (max-width: 64em) {
        .fy-rollover-container > .rollover-effect .caption {
          letter-spacing: 0;
          line-height: 20px;
          padding: 50% 0.9375em; } }
      .fy-rollover-container > .rollover-effect .caption a.x-btn {
        display: none;
        width: 60%;
        margin-top: 1.875em; }

@media only screen and (max-width: 980px) {
  .roll-over .x-column.x-1-3 {
    width: 100%; } }

blockquote {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: white !important; }
  @media only screen and (max-width: 55em) {
    blockquote {
      font-size: 26px;
      max-width: 100%; } }
  @media only screen and (max-width: 480px) {
    blockquote {
      font-size: 18px; } }
  blockquote::after {
    content: "";
    position: relative;
    display: block;
    margin: 0.9375em auto 0 auto;
    width: 15%;
    height: 5px;
    background-color: white; }
  blockquote .x-cite {
    color: white; }

.cited > h5 {
  margin-bottom: 0;
  text-transform: capitalize;
  font-weight: lighter;
  letter-spacing: 1px; }
  @media only screen and (max-width: 480px) {
    .cited > h5 {
      font-size: 24px; } }

.x-callout,
.special-callout {
  color: white;
  background-color: transparent;
  border: 3px solid white;
  padding-left: 0.9375em;
  padding-right: 0.9375em; }
  .x-callout::before,
  .special-callout::before {
    background-color: transparent; }
  .x-callout > .h-callout,
  .x-callout > .title,
  .special-callout > .h-callout,
  .special-callout > .title {
    color: white;
    font-size: 120%; }
  .x-callout > .p-callout,
  .x-callout > .details,
  .special-callout > .p-callout,
  .special-callout > .details {
    font-size: 400%;
    line-height: 70px;
    font-weight: bold;
    margin-bottom: 0; }
    @media only screen and (max-width: 1200px) {
      .x-callout > .p-callout,
      .x-callout > .details,
      .special-callout > .p-callout,
      .special-callout > .details {
        font-size: 300%; } }
    @media only screen and (max-width: 48em) {
      .x-callout > .p-callout,
      .x-callout > .details,
      .special-callout > .p-callout,
      .special-callout > .details {
        font-size: 200%; } }
    .x-callout > .p-callout span,
    .x-callout > .details span,
    .special-callout > .p-callout span,
    .special-callout > .details span {
      font-size: 30% !important;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: inline-block;
      line-height: 30px;
      text-align: left;
      padding-left: 1%; }
      @media only screen and (max-width: 48em) {
        .x-callout > .p-callout span,
        .x-callout > .details span,
        .special-callout > .p-callout span,
        .special-callout > .details span {
          line-height: 18px; } }
      @media only screen and (max-width: 20em) {
        .x-callout > .p-callout span,
        .x-callout > .details span,
        .special-callout > .p-callout span,
        .special-callout > .details span {
          padding-left: 0;
          display: block;
          text-align: center; }
          .x-callout > .p-callout span br,
          .x-callout > .details span br,
          .special-callout > .p-callout span br,
          .special-callout > .details span br {
            display: none; } }
  .x-callout > .x-btn,
  .special-callout > .x-btn {
    margin-top: 2.4375em;
    color: #3894d1;
    font-weight: bold;
    border-color: white;
    background-color: white;
    padding-top: 0.9375em;
    padding-bottom: 0.9375em; }
    @media only screen and (max-width: 61.1875em) {
      .x-callout > .x-btn,
      .special-callout > .x-btn {
        margin-top: 3.125em; } }
    @media only screen and (max-width: 767px) {
      .x-callout > .x-btn,
      .special-callout > .x-btn {
        margin-top: 0.9375em; } }

.special-callout {
  margin: 30px 0 !important;
  padding-top: 2.1875em;
  padding-bottom: 2.1875em; }
  .special-callout > .title {
    margin-top: 0.5em;
    font-size: 136%; }
    @media only screen and (max-width: 61.1875em) {
      .special-callout > .title {
        margin-top: 0;
        font-size: 115%; } }
    @media only screen and (max-width: 480px) {
      .special-callout > .title {
        font-size: 105%; } }
  .special-callout > .details {
    font-size: 500%; }
    @media only screen and (max-width: 1200px) {
      .special-callout > .details {
        font-size: 400%; } }
    @media only screen and (max-width: 61.1875em) {
      .special-callout > .details {
        font-size: 350%; } }
    @media only screen and (max-width: 48em) {
      .special-callout > .details {
        font-size: 280%; } }
  .special-callout > .bottom-title {
    color: white;
    font-size: 100%;
    margin-top: 10px; }
    @media only screen and (max-width: 48em) {
      .special-callout > .bottom-title {
        font-size: 75%;
        margin-top: 6px; } }
  .special-callout > .x-btn {
    margin-top: 0.75em; }
    @media only screen and (max-width: 1200px) {
      .special-callout > .x-btn {
        margin-top: 2.625em; } }
    @media only screen and (max-width: 64em) {
      .special-callout > .x-btn {
        margin-top: 0.875em; } }
    @media only screen and (max-width: 61.1875em) {
      .special-callout > .x-btn {
        font-size: 350%;
        font-size: 18px; } }
    @media only screen and (max-width: 480px) {
      .special-callout > .x-btn {
        font-size: 16px; } }

.csl-teammember .teammember-info {
  position: absolute;
  bottom: 80px;
  width: 92%;
  left: 4%; }

.csl-teammember .teammember-name {
  text-transform: uppercase; }
  @media only screen and (max-width: 48em) {
    .csl-teammember .teammember-name {
      font-size: 16px; } }

@media only screen and (max-width: 48em) {
  .csl-teammember .teammember-title {
    font-size: 14px; } }

.csl-teammember .view-profile {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  visibility: visible;
  opacity: 1;
  float: left;
  background-color: #959595 !important;
  border: 3px solid white;
  margin-top: -68px;
  width: 45%;
  margin-left: 4%;
  padding: 0.8125em; }
  .csl-teammember .view-profile:hover {
    background-color: #6e6e6e !important; }
  @media only screen and (max-width: 65em) {
    .csl-teammember .view-profile {
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (max-width: 48em) {
    .csl-teammember .view-profile {
      font-size: 12px !important; } }

.sm-member-container {
  background-color: #3894d1; }
  .sm-member-container hr {
    border: 20px solid #cccccc; }
  @media only screen and (max-width: 65em) {
    .sm-member-container.x-column.x-1-5 {
      width: 30.66666%;
      margin-bottom: 38px; }
      .sm-member-container.x-column.x-1-5._right-margin {
        margin-right: 0 !important; } }
    @media only screen and (max-width: 65em) and (max-width: 767px) {
      .sm-member-container.x-column.x-1-5._right-margin {
        margin-right: auto !important; } }
  @media only screen and (max-width: 767px) {
    .sm-member-container.x-column.x-1-5 {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      max-width: 320px; } }
  .sm-member-container > .sm-member .teammember-info {
    bottom: -1px;
    width: 100%;
    left: 0; }
  .sm-member-container > .sm-member .teammember-name {
    font-size: 16px;
    line-height: 18px; }
  .sm-member-container > .sm-member .view-profile {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    display: inline !important;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent !important;
    border: none;
    margin-top: 0;
    width: 45%;
    margin-left: 0;
    padding: 25px 0 25px 6%; }
    .sm-member-container > .sm-member .view-profile:hover {
      background-color: transparent !important; }
    @media only screen and (max-width: 48em) {
      .sm-member-container > .sm-member .view-profile {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #247eba; }
        .sm-member-container > .sm-member .view-profile:hover {
          background-color: #225ba8 !important; } }
  .sm-member-container > .sm-contact-btn {
    font-size: 14px !important;
    text-align: right;
    margin-top: 0 !important;
    left: 0;
    background-color: transparent;
    border: none;
    padding: 24px 7% 25px 0 !important;
    width: 55%; }
    @media only screen and (max-width: 65em) {
      .sm-member-container > .sm-contact-btn {
        width: 47%; } }
    @media only screen and (max-width: 48em) {
      .sm-member-container > .sm-contact-btn {
        width: 100%;
        text-align: center;
        padding: 15px 0 !important; } }
    .sm-member-container > .sm-contact-btn:hover {
      background-color: transparent !important; }
      @media only screen and (max-width: 48em) {
        .sm-member-container > .sm-contact-btn:hover:hover {
          background-color: #225ba8 !important; } }
    .sm-member-container > .sm-contact-btn:before {
      content: "|";
      position: relative;
      left: -17%; }
      @media only screen and (max-width: 65em) {
        .sm-member-container > .sm-contact-btn:before {
          left: -21%; } }
      @media only screen and (max-width: 55em) {
        .sm-member-container > .sm-contact-btn:before {
          left: -11%; } }
      @media only screen and (max-width: 48em) {
        .sm-member-container > .sm-contact-btn:before {
          content: none;
          left: 0; } }

.teammember-bio-overlay .teammember-bio-content img {
  border: 3px solid #283138; }

@media only screen and (max-width: 600px) {
  .teammember-bio-overlay .teammember-bio-content {
    padding: 0 1.875em;
    margin-top: 50px !important; }
    .teammember-bio-overlay .teammember-bio-content > img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      float: none;
      margin-bottom: 15px; } }

.teammember-bio-overlay .t-close {
  border-radius: 0 !important;
  background-color: #283138 !important; }
  @media only screen and (max-width: 600px) {
    .teammember-bio-overlay .t-close {
      position: absolute;
      top: 10%;
      right: 10%; } }
/*# sourceMappingURL=style.css.map */