@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);

body, input, select, textarea, button, .ui-btn, p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #66676C;
}

input {
  font-weight: 600;
}

h1, .h1 {
  font-family: "futura-pt", sans-serif;
  font-size: 2em;
  line-height: 1.1em;
  letter-spacing: 0.125em;
  font-weight: 700;
  margin: 1em 0 0.5em 0;
}

@media all and (min-width: 40em) {
  h1, .h1 {
    font-size: 2.5em;
  }
}

@media all and (min-width: 60em) {
  h1, .h1 {
    font-size: 3em;
  }
}

@media all and (min-width: 80em) {
  h1, .h1 {
    font-size: 4.5em;
    line-height: 1.1em;
  }
}

.hi-brands:before {
  content: url("https://cdn.moble.com/w/43/10231/file/hi-brands.png");
  margin:0;
  display:block;
}

@media all and (min-width: 80em) {
  .hi-brands:before {
    margin: 0px 50px 0 0;
    display:inline-block;
    position: relative;
    top:2px;
  }
}

/*.hi-projects:before {
  content: url("https://cdn.moble.com/w/43/10230/file/hi-projects.png");
  margin:0;
  display:block;
}

@media all and (min-width: 80em) {
  .hi-projects:before {
    margin: 0px 50px 0 0;
    display:inline-block;
    position: relative;
    top:2px;
  }
}*/

.hi-grid:before {
  content: url("https://cdn.moble.com/w/43/10232/file/hi-grid.png");
  margin:0;
  display:block;
}

@media all and (min-width: 80em) {
  .hi-grid:before {
    margin: 0px 50px 0 0;
    display:inline-block;
    position: relative;
    top:2px;
  }
}


h2, .h2 {
  font-size: 2.2em;
  font-family: "futura-pt", sans-serif;
  line-height: 1.1em;
  font-weight: 600;
  color: #9B9B9B;
}

@media all and (min-width: 60em) {
  h2, .h2 {
    font-size: 2.4em;
  }
}

@media all and (min-width: 80em) {
  h2, .h2 {
    font-size: 3em;
  }
}

h3, .h3 {
  font-family: "futura-pt", sans-serif;
  font-size: 1.5em;
  color: #999;
}

@media all and (min-width: 60em) {
  h3, .h3 {
    font-size: 2.3em;
  }
}


@media all and (min-width: 80em) {
  h3, .h3 {
    font-size: 2.8em;
  }
}


h4, .h4 {
  color: #9B9B9B;
  font-size:1.125em;
  line-height: 1.6em;
}

@media all and (min-width: 60em) {
  h4, .h4 {
    font-size: 1.25em;
  }
}

@media all and (min-width: 80em) {
  h4, .h4 {
    font-size:1.3em;
  }
}


.headline h1, .headline .h1 {
  color: #fff;
}

.headline h4, .headline .h4 {
  color: #fff;
}

@media all and (min-width: 60em) {

  .action-row h4 {
    max-width:50%;
  }
}

.headline {
  padding:7em 0 5em 0;
}

.headline.container {
  padding:7em 1em 5em 1em;
}

@media all and (min-width: 60em) {
  .headline, .headline.container {
    padding:9em 4em;
  }
}

@media all and (min-width: 120em) {
  .headline, .headline.container {
    padding:12em 4em;
  }
}

@media all and (min-width: 160em) {
  .headline, .headline.container {
    padding:18em 4em;
  }
}


.headline.product-headline {
  padding:5em 0 5em 0;
}

.product-headline.container {
  padding:5em 1em 5em 1em;
}

@media all and (min-width: 60em) {
  .headline.product-headline, .headline.product-headline.container {
    padding:6em 4em;
  }
}

@media all and (min-width: 120em) {
  .headline.product-headline, .headline.product-headline.container {
    padding:13em 4em;
  }
}

@media all and (min-width: 160em) {
  .headline.product-headline, .headline.product-headline.container {
    padding:18em 4em;
  }
}


h5, .h5 {
  color: #EC1C24;
  font-size:1.25em;
  font-weight: 600;
  line-height: 1.6em;
  margin:0.5em 0;
}

@media all and (min-width: 60em) {
  h5, .h5 {
    font-size: 1.5em;
  }
}


.product-feature-row h1, .product-feature-row .h1 {
  display:inline;
  font-weight: 300;
  font-size: 2.25em;
}

@media all and (min-width: 40em) {
  .product-feature-row h1, .product-feature-row .h1 {
    font-size: 2.5em;
  }
}

@media all and (min-width: 60em) {
  .product-feature-row h1, .product-feature-row .h1 {
    font-size: 3em;
  }
}

@media all and (min-width: 80em) {
  .product-feature-row h1, .product-feature-row .h1 {
    font-size: 5.5em;
  }
}

.product-feature-row p {
  color: #ccc;
  font-size: 1.5em;
  font-weight: 600;
  display:inline;
}

.product-specs-row .max-grid {
  max-width: 50em;
}

.product-specs-row .ui-grid-a .ui-block-a,
.product-specs-row .ui-grid-a .ui-block-b {
  width: 50%;
}

.product-specs-row h4, .product-specs-row h4 {
  color: #9B9B9B;
  font-size:1em;
  line-height: 1.1em;
  margin: 1em 0;
}

@media all and (min-width: 60em) {
  .product-specs-row h4, .product-specs-row h4 {
    font-size: 1.2em;
  }
}

@media all and (min-width: 80em) {
  .product-specs-row h4, .product-specs-row h4 {
    font-size:1.3em;
  }
}


.red {
  color: #EC1C24;
}

html .ui-bar-b a {
  color: #EC1C24;
}

html .ui-bar-b a:hover, html .ui-bar-b a:active {
  color: #EC1C24;
}

a.ui-link, a.ui-link:visited {
  color: #EC1C24;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

a.ui-link:hover {
  color: #9B9B9B;
}



p, ul, ol {
  letter-spacing: 0.06em;
  font-size: 0.875em;
  line-height: 1.7em;
  color: #66676C;
}

ol {
  display: block;
  padding: 1em 0 0 1em;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}

ol li {
  position: relative;
  padding: 0 0 0 20px;
}

ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -13px;
    text-align: center;
    color: #fff;
    line-height: 1.3em;
    width: 1.2em;
    height: 1.2em;
    background: #EC1C24;
    border-radius: 10em;
    /*margin: 1px 0 0 0;*/
    font-size: 0.9em;
}

ul, ul li {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul li:before {
  content: '\f067';
  font-family: 'FontAwesome';
  margin: 0 1em 0 0;
  color: #EC1C24;
}

ul.mm-list li:before, .nav-container ul li:before {
  content: '';
  margin: 0;
}

.mm-menu .mm-list > li > a.mm-subclose {
  color: #fff;
}

/* mmenu */
.mm-panel .phone-container {
  float:none;
  clear:both;
  padding:0.5em;
  background-color: #EB0025;
}

.mm-panel .phone-container:hover {
  background-color: #ff0000;
}

.mm-panel .phone-container a, .mm-panel .phone-container a:visited {
  color: #fff;
  text-decoration: none;
}

.mm-menu a:hover, .mm-menu a.active {
  background-color: #EC1C24;
  color:#000;
}


.search-button {
  position: absolute;
  font-size:0.8em;
  font-weight: 600;
  top:16px;
  right: 124px;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

@media all and (min-width: 60em) {
  .search-button {
    font-size:0.65em;
    top:37px;
    right: 280px;
  }
}

.search-button i.fa-search {
  /*margin-top:6px;*/
}

.search-button i.fa-close {
  /*margin-top:8px;*/
}

a.search-button.ui-link {
  color: #EC1C24;
}

a.search-button.ui-link:hover {
  color: #fff;
}

.search-button:hover {
  color: #fff;
}

/* hamburger */
.hamburger span {
  position: absolute;
  right: 8px;
  top: 18px;
}

@media all and (min-width: 60em) {
  .hamburger span {
    right: 8px;
    top: 18px;
  }
}

.hamburger span,
.hamburger span:before,
.hamburger span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 23px;
  background: #EC1C24;
  position: absolute;
  display: block;
  content: '';
}

.hamburger:hover span,
.hamburger:hover span:before,
.hamburger:hover span:after {
  background: #9B9B9B;
}

.hamburger span:before {
  top: -8px;
}
.hamburger span:after {
  bottom: -8px;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

html.mm-opening .hamburger span {
  background-color: transparent;
}

html.mm-opening .hamburger span:before,
html.mm-opening .hamburger span:after {
  top: 0;
}

html.mm-opening .hamburger span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
html.mm-opening .hamburger span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

#mmenu .hamburger span {
  position: absolute;
  top: 26px;
  right: 40px;
}

.hamburger-container {
  border: 3px solid #EC1C24;
  position:absolute;
  top:7px;
  right:20px;
  width:40px;
  height:40px;
}

@media all and (min-width: 60em) {
  .hamburger-container {
    border: 3px solid #EC1C24;
    position:absolute;
    top:25px;
    right:48px;
    width:40px;
    height:40px;
  }
}

.phone-container {
  position: absolute;
  font-size:1.5em;
  font-weight: 300;
  top:14px;
  right: 85px;
}

@media all and (min-width: 60em) {
  .phone-container {
    font-size:1.2em;
    top:35px;
    right: 210px;
    padding-right: 10px;
    border-right: 1px solid #eee;
  }
}

.phone-container a.ui-link, .phone-container a.ui-link:visited {
  color: #EC1C24;
}

.phone-container a.ui-link:hover {
  color: #9B9B9B;
}

.phone-container i.fa.fa-phone.mobile {
  display: inline-block;
  font-size: 1.15em;
  padding-top: 3px;
}

@media all and (min-width: 60em) {
  .phone-container i.fa.fa-phone.mobile {
    display: none;
  }
}


.email-container {
  position: absolute;
  font-size:1.5em;
  font-weight: 300;
  top:13px;
  right: 110px;
}

@media all and (min-width: 24em) {
  .email-container {
    right: 115px;
  }
}

@media all and (min-width: 60em) {
  .email-container {
    font-size:1.2em;
    top:35px;
    right: 120px;
  }
}

.email-container a.ui-link, .email-container a.ui-link:visited {
  color: #9B9B9B;
}

.email-container a.ui-link:hover {
  color: #EC1C24;
}

.email-container i.fa.fa-envelope-o.mobile {
  display: inline-block;
  font-size: 1.15em;
  padding-top: 3px;
}

@media all and (min-width: 60em) {
  .email-container i.fa.fa-envelope-o.mobile {

  }
}






.logo-container {
  padding: 0.5em 0 5px 1em;
}

.logo-container img {
  max-height:40px;
}

@media all and (min-width: 60em) {
  .logo-container img {
    max-height:50px;
    margin-top:11px;
  }
}

.nav-container ul {
  top: 0px;
  right: 40%;
}

@media all and (min-width: 60em) {
  .nav-container ul {
    right: 40%;
  }
}

@media all and (min-width: 90em) {
  .nav-container ul {
    right: 45%;
  }
}

.nav-container ul li a.ui-link, .nav-container ul li a.ui-link:visited {
  color: #fff;
}

.nav-container ul li a.ui-link:hover {
  color: #EC1C24;
}

@media all and (min-width: 60em) {
  .nav-container ul li a.ui-link, .nav-container ul li a.ui-link:visited {
    padding: 0.5em;
  }
}

@media all and (min-width: 70em) {
  .nav-container ul li a.ui-link, .nav-container ul li a.ui-link:visited {
    padding: 1em; /* first level menu item height */
  }
}

.nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited {
  color: #EC1C24;
}

.nav-container > ul > li > a.ui-link:hover {
  color: #fff;
}



.nav-container a.ui-link {
  font-weight:400;
  font-size: 1.2em;
}

.nav-container ul ul > li a.ui-link {
  padding: 10px 20px;
}

.nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited {
  font-weight:500;
  font-size: 1em;
}

@media all and (min-width: 60em) {
  .nav-container > ul > li > a.ui-link, .nav-container > ul > li > a.ui-link:visited {
    font-size: 1.25em;
  }
}

.nav-container > ul > li > a.ui-link:hover {
  color: #9B9B9B; /* first level menu link hover color !important*/
}

.nav-container ul li a.ui-link.active {
  color: #EC1C24;
}

.nav-container ul li a.ui-link.active:hover {
  color: #9B9B9B;
}

.nav-container ul ul {
  top:70px;
}

.nav-container > ul > li {
  padding-top:30px;
  box-sizing: border-box;
  border-top: 5px solid transparent;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

.nav-container > ul > li:hover {
  border-top: 5px solid #EC1C24;
}

div.ui-header.ui-bar-a.ui-header-fixed.slidedown {
  /*background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 45%, rgba(255,255,255,0.5) 85%, rgba(255,255,255, 0.0) 100%);*/
  background-color: rgba(255,255,255,0.95);
  border-color: transparent;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  border:none;
}

div.ui-header.ui-bar-a.ui-header-fixed.slidedown.max {
  background-image: none;
  background-color: #fff;
  border-color: transparent;
}

@media all and (min-width: 60em) {
  div.ui-header.ui-bar-a.ui-header-fixed.slidedown {
    min-height: 90px;
  }
}


.search-form-container {
  height: 40px;
  display:none;
  padding: 1.5em 1.5em 1.5em 0.5em;
  opacity: 0;
}

.search-form-container .ui-input-text {
  width:100%;
  font-size: 1.2em;
  font-weight: 600;
  display:inline-block;
  border-radius: 0em;
  border-width:3px;
  border-color:#EC1C24;
  /*border-color:rgba(0,0,0,0.2);*/
  box-shadow: none;
  box-sizing: border-box;
  margin: 0 auto;
  /*float:right;*/
  -webkit-box-shadow: none;
  background-color: rgba(255,255,255,0.3);
  text-shadow: none;
  color:#979797;
  font-weight: 400;
  box-sizing: border-box;
}


.search-form-container .ui-input-text input::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f002  '; }
.search-form-container .ui-input-text input::-moz-placeholder::before  { font-family: fontAwesome; content:'\f002  '; } /* firefox 19+ */
.search-form-container .ui-input-text input:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f002  '; } /* ie */
input:-moz-placeholder::before  { font-family: fontAwesome; content:'\f002  '; }


html .ui-bar-b .ui-body-inherit {
  font-size:1em;
  font-weight: 600;
  display:inline-block;
  border-radius: 0em;
  border-width:3px;
  border-color:#EC1C24;
  box-shadow: none;
  box-sizing: border-box;
  margin: 0 0 0 0.5em;
  float:left;
  -webkit-box-shadow: none;
  background-color: rgba(255,255,255,0.2);
  text-shadow: none;
  color:#fff;
  box-sizing: border-box;
}

.subscribe-form-container ::-webkit-input-placeholder {
   color: #fff;
   font-weight: 600;
   text-shadow: none;
}

.subscribe-form-container :-moz-placeholder { /* Firefox 18- */
   color: #fff;
   font-weight: 600;
   text-shadow: none;
}

.subscribe-form-container ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;
   font-weight: 600;
   text-shadow: none;
}

.subscribe-form-container :-ms-input-placeholder {
   color: #fff;
   font-weight: 600;
   text-shadow: none;
}

.subscribe-form-container .ui-btn {
  float:left;
  width: 30%;
  padding: 0.45em 0.5em;
  font-size: 1em;
  margin: 0;
}

@media all and (min-width: 60em) {
  .subscribe-form-container .ui-btn {
    padding: 0.9em 1.5em;
  }
}


.subscribe-form-container {
  max-width: 40em;
  margin: 0 auto;
  z-index: 1000;
  text-align: center;
}









.video-row {
  text-align:center;
}

.video-row div {
  margin: 0 auto;
  width: 100%;
  max-width: 60em;
}

.text-overlay a.ui-link, .text-overlay a.ui-link:visited {
  font-size:1.2em;
  font-weight: 300;
}

.text-overlay a.ui-link:hover {
  color: #EC1C24;
}

.action-row .h2 {
  max-width: 50em;
  font-size: 2em;
  color: #fff;
  display: inline-block;
  margin: 0 auto 100px auto;
  padding: 0.5em 1em;
  background-color: rgba(0,0,0,0.5);
}

.footer {
  color: #fff;
  line-height: 1.6em;
  font-size: 1.125em;
}

.footer h3, .footer .h3 {
  font-weight: 600;
  font-size: 1.75em;
  color: #fff;
}

.footer a.ui-link, .footer a.ui-link:visited {
  font-weight: 400;
  color: #EC1C24;

}

.footer a.ui-link:hover {
  color: #fff;
}

.footer img {
  margin-top:1em;
  width: 100px;
}

@media all and (min-width: 60em) {

  .footer img {
    margin-top:0;
    margin-left: 6px;
  }

  .footer .ui-grid-a > .ui-block-b {
    text-align: right;
  }
}

.footer p {
  color: #fff;
}


#quick-quote .more-padding {
  padding: 100px 1em 3em 1em;
}

@media all and (min-width: 80em) {
  #quick-quote .more-padding {
    padding: 100px 0 3em 0;
  }
}

.footer .ui-grid-c > .ui-block-a, .footer .ui-grid-c > .ui-block-b, .footer .ui-grid-c > .ui-block-c, .footer .ui-grid-c > .ui-block-d {
  width: 100%;
}

@media all and (min-width: 60em) {
  .footer .ui-grid-c > .ui-block-a, .footer .ui-grid-c > .ui-block-b, .footer .ui-grid-c > .ui-block-c, .footer .ui-grid-c > .ui-block-d {
    width: 25%;
  }
}

@media all and (min-width: 80em) {
  .more-padding {
    padding: 3em 1em;
  }
}

#quick-quote form[name="Quick Quote-1"] .h3 {
  color: #fff;
}

.row.more-padding .ui-listview > li {
  padding: 3px 0 0 0;
}

.row.more-padding .ui-listview > li a {
  font-size: 1.1em;
}

.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn,
html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a,
.ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
  background-color: transparent;
  border-color: #EC1C24;
  /*border-radius: 0;*/
  border-radius: 0.3125em;
  border-width: 3px;
  color: #EC1C24;
  text-shadow: none;
  font-family: "futura-pt", sans-serif;
  font-size: 1em;
  font-weight: 600;
  padding: 0.9em 2em;
  white-space: normal;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

@media all and (min-width: 60em) {
  .ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a .ui-btn,
  html body .ui-group-theme-a .ui-btn, html head+body .ui-btn.ui-btn-a,
  .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .ui-btn:visited, html .ui-body-a .ui-btn:visited, html body .ui-group-theme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
    font-size: 1.2em;
    padding: 1em 3.6em;
    letter-spacing: 0.1em;
  }
}

.ui-page-theme-a .ui-btn:hover, html .ui-bar-a .ui-btn:hover, html .ui-body-a .ui-btn:hover, html body .ui-group-theme-a .ui-btn:hover, html head+body .ui-btn.ui-btn-a:hover {
  background-color: #EC1C24;
  border-color: #EC1C24;
  color: #eee;
  text-shadow: none;
}

.ui-page-theme-a .ui-btn:active, html .ui-bar-a .ui-btn:active, html .ui-body-a .ui-btn:active, html body .ui-group-theme-a .ui-btn:active, html head+body .ui-btn.ui-btn-a:active {
  background-color: #EC1C24;
  border-color: #EC1C24;
  color: #eee;
  text-shadow: none;
}



.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn,
html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b,
.ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
  background-color: #EC1C24;
  border-color: #EC1C24;
  /*border-radius: 0;*/
  border-radius: 0.3125em;
  color: #fff;
  text-shadow: none;
  font-family: "futura-pt", sans-serif;
  font-size: 1em;
  font-weight: 600;
  padding: 0.9em 2em;
  white-space: normal;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

@media all and (min-width: 60em) {
  .ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn,
  html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b,
  .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited {
    font-size: 1.2em;
    padding: 1em 3.6em;
    letter-spacing: 0.1em;
  }
}

.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover {
  background-color: #9B9B9B;
  border-color: #9B9B9B;
  color: #eee;
  text-shadow: none;
}

.ui-page-theme-b .ui-btn:active, html .ui-bar-b .ui-btn:active, html .ui-body-b .ui-btn:active, html body .ui-group-theme-b .ui-btn:active, html head+body .ui-btn.ui-btn-b:active {
  background-color: #9B9B9B;
  border-color: #9B9B9B;
  color: #fff;
  text-shadow: none;
}







.ui-page-theme-a .ui-btn.btn-white, html .ui-bar-a .ui-btn.btn-white, html .ui-body-a .ui-btn.btn-white, html body .ui-group-theme-a .ui-btn.btn-white, html head+body .ui-btn.ui-btn-a.btn-white {
  background-color: transparent;
  border-color: #fff;
  /*border-radius: 0;*/
  border-radius: 0.3125em;
  border-width: 3px;
  color: #fff;
  text-shadow: none;
  font-family: "futura-pt", sans-serif;
  font-size: 1em;
  font-weight: 600;
  padding: 0.9em 2em;
  white-space: normal;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

.ui-page-theme-a .ui-btn.btn-white:hover, html .ui-bar-a .ui-btn.btn-white:hover, html .ui-body-a .ui-btn.btn-white:hover, html body .ui-group-theme-a .ui-btn.btn-white:hover, html head+body .ui-btn.ui-btn-a.btn-white:hover {
  background-color: transparent;
  border-color: #EC1C24;
  color: #EC1C24;
  text-shadow: none;
}

.ui-page-theme-a .ui-btn.btn-white:active, html .ui-bar-a .ui-btn.btn-white:active, html .ui-body-a .ui-btn.btn-white:active, html body .ui-group-theme-a .ui-btn.btn-white:active, html head+body .ui-btn.ui-btn-a.btn-white:active {
  background-color: transparent;
  border-color: #EC1C24;
  color: #EC1C24;
  text-shadow: none;
}



.ui-page-theme-b .ui-btn.btn-white, html .ui-bar-b .ui-btn.btn-white, html .ui-body-b .ui-btn.btn-white, html body .ui-group-theme-b .ui-btn.btn-white, html head+body .ui-btn.ui-btn-b.btn-white {
  background-color: #fff;
  border-color: #fff;
  /*border-radius: 0;*/
  border-radius: 0.3125em;
  border-width: 3px;
  color: #EC1C24;
  text-shadow: none;
  font-family: "futura-pt", sans-serif;
  font-size: 1em;
  font-weight: 600;
  padding: 0.9em 2em;
  white-space: normal;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

.ui-page-theme-b .ui-btn.btn-white:hover, html .ui-bar-b .ui-btn.btn-white:hover, html .ui-body-b .ui-btn.btn-white:hover, html body .ui-group-theme-b .ui-btn.btn-white:hover, html head+body .ui-btn.ui-btn-b.btn-white:hover {
  background-color: #eee;
  border-color: #eee;
  color: #EC1C24;
  text-shadow: none;
}

.ui-page-theme-b .ui-btn.btn-white:active, html .ui-bar-b .ui-btn.btn-white:active, html .ui-body-b .ui-btn.btn-white:active, html body .ui-group-theme-b .ui-btn.btn-white:active, html head+body .ui-btn.ui-btn-b.btn-white:active {
  background-color: #eee;
  border-color: #eee;
  color: #EC1C24;
  text-shadow: none;
}




.ui-block-b .video {
  padding:1em 0;
}

@media all and (min-width: 60em) {
  .ui-block-b .video {
    overflow: hidden;
    padding: 4em 0 4em 1px;
  }
}

.image-block, .video-block {
  height: 100%; /*important*/
}

.row.row-map {
  margin-bottom: -5px;
}

.feature-row h4 {
  margin-bottom: 2.5em;
}

.feature-row p {
  color: #fff;
  font-family: "futura-pt", sans-serif;
  font-size: 1.125em;
  line-height: 1.3em;
}

@media all and (min-width: 60em) {
  .feature-row p {
    font-size: 1.3em;
  }
}

.feature-row img {
  margin: 0.3em auto;
  max-width: 80px;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

.feature-row img:hover {
  color: #9B9B9B;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

@media all and (min-width: 60em) {
  .feature-row img {
    max-width: 100px;
  }
}


.widget-grid h3, .widget-grid-blocker h3 {
  color: #fff;
  font-family: "futura-pt", sans-serif;
  font-size: 1.5em;
  font-weight: 600;
  margin:0;
  text-transform: uppercase;
}

@media all and (min-width: 60em) {
  .widget-grid h3, .widget-grid-blocker h3 {
    font-size: 1.4em;
  }
}

@media all and (min-width: 80em) {
  .widget-grid h3, .widget-grid-blocker h3 {
    font-size: 1.5em;
  }
}

@media all and (min-width: 100em) {
  .widget-grid h3, .widget-grid-blocker h3 {
    font-size: 1.8em;
  }
}

.widget-grid img {
  width:100%;
}

.widget-grid .relative {
  overflow: hidden;
}

.widget-grid > div {
  overflow: hidden;
}

.widget-grid .container.text-container {
  background-color:#fff;
  color:#66676C;
  max-height: 180px;
  overflow: hidden;
}

.widget-grid .container.text-container {
  border-right:1px solid #EC1C24;
}

.widget-grid .relative {
  border-right:1px solid #fff;
}

.widget-grid .ui-block-c, .container.text-container {
  border:none;
}

.widget-grid > div > div:last-child .container.text-container {
  border:none;
}

.widget-grid img {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  opacity: 1;
}

.widget-grid a .container.dark-overlay {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
}

.widget-grid a:hover .container.dark-overlay {
  background-color: rgba(236, 28, 36, 0.8);
}


.widget-grid img.enlarge {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  opacity: 0;
}

.widget-grid-blocker {
  opacity: 0;
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  margin:0;
  padding:0;
  background-color: rgba(0, 0, 0, 0.75);
  display:flex;
  justify-content:center;
  align-items:center;
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}

.widget-grid-blocker.show {
  opacity: 1;
  z-index: 9999;
}

.widget-grid-blocker > .ui-grid-a > .ui-block-a > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  min-height: 400px;
  height: 100%;
  width: 100%;x;
  /*max-width: 700px;
  max-height: 500px;*/
  overflow: hidden;
  -ms-overflow-style: none;
}

@media all and (min-width: 60em) {
  .widget-grid-blocker > .ui-grid-a > .ui-block-a > div {
    /*background-position: 0 0;*/
    background-size: auto 100%;
  }

}

.widget-grid-blocker > .ui-grid-a {
  width: 100%;
  background-color: #fff;
}

.widget-grid-blocker h4 {
  color: #333;
  font-size: 1.75em;
  margin:0;
}

.widget-grid-blocker h5 {
  color: #666;
  margin:0;
  font-size: 1.4em;
}

@media all and (min-width: 60em) {

  .widget-grid-blocker > .ui-grid-a {
    width:0;
    min-width: 0;
    opacity: 0;
    -webkit-transition: all 700ms cubic-bezier(0.220, 1.555, 0.535, 0.790);
    transition: all 700ms cubic-bezier(0.220, 1.555, 0.535, 0.790);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
  }

  .widget-grid-blocker.show > .ui-grid-a {
    opacity: 1;
    min-width: 90%;
    max-width: 80em;
    max-height: 95%;
    /*overflow: scroll;*/
    overflow: hidden;
    -ms-overflow-style: none;
  }

  .widget-grid-blocker > .ui-grid-a > .ui-block-a > div {
    min-height: 600px;
  }
}

@media all and (min-width: 90em) {
  .widget-grid-blocker > .ui-grid-a > .ui-block-a > div {
    min-height: 800px;
  }

  .widget-grid-blocker.show > .ui-grid-a {
    opacity: 1;
    /*min-width: 60%;*/
    min-width: 80%;
    max-width: 90em;
    max-height: 95%;
    /*overflow: scroll;*/
    overflow: hidden;
    -ms-overflow-style: none;
  }

}

.widget-grid-blocker .additional-image-container {
  margin-top:30px;
}

@media all and (min-width: 60em) {
  .widget-grid-blocker .additional-image-container {
    margin: 60px 0 0 14px;
  }
}

.widget-grid-blocker .additional-image-container h3 {
  margin-bottom:1em;
  color:#EB0025;
}

.widget-grid-blocker .additional-image-link img {
  width:50px;
  height:50px;
  display:inline;
  /*display:none;*/
}

@media all and (min-width: 80em) {

  .widget-grid-blocker .additional-image-link img {
    width:70px;
    height:70px;
  }
}

/*
.portfolio-row h3, .portfolio-row .h3 {
  font-size: 1.4em;
  letter-spacing: 0.2em;
  margin:2em 0;
}

@media all and (min-width: 40em) {
  .portfolio-row h3, .portfolio-row .h3 {
    font-size: 1.4em;
    margin:2.5em 0;
  }
}

@media all and (min-width: 60em) {
  .portfolio-row h3, .portfolio-row .h3 {
    font-size: 1.7em;
    margin:3em 0;
  }
}

@media all and (min-width: 80em) {
  .portfolio-row h3, .portfolio-row .h3 {
    font-size: 2em;
    margin:3em 0;
  }
}
*/

.portfolio-row a.ui-link, .portfolio-row a.ui-link:visited {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  color: #fff;
}

.portfolio-row a.ui-link:hover {
  color: #EC1C24;
}

.underline {
  border-bottom: 7px solid #EC1C24;
  display:inline-block;
}

.border-bottom {
  border-bottom: 1px solid #eee;
}

.gallery-row {
  margin-bottom: -1px;
}

.ui-input-text.ui-body-inherit,
.ui-page-theme-a .ui-input-text.ui-body-inherit {
  background-color: rgba(255,255,255,0.8);
  border: none;
  text-shadow: none;
  color: #999;
  padding: 0.45em 0.5em;
  font-weight: 600;
}

input, select, textarea {
  font-weight: 400;
}

textarea {
  padding: 0.7em 0.95em !important;
}

html head+body form .ui-btn.ui-btn-b {
  font-size: 1em;
  padding: 0.9em 2em;
}

.copyright {
  font-size: 0.875em;

}

.footer .copyright p {
  color: #666;
}

iframe.google-map {
  min-height: 600px;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: #EC1C24;
    font-weight: 400;
}

.hover-effect {
  cursor: pointer;
}

.absolute.bottom-left.container.dark-overlay {
  /*bottom: 5px;*/
}

.widget-grid-blocker .absolute.bottom-left.container.dark-overlay {
  bottom: 0;
}

.hamburger-container {
  cursor: pointer;
}

.brand-grid-container img {
  max-width: 120px;
  /*margin: 0 auto;  */
  margin: 5px auto;
}

.border-top {
  border-top: 1px solid rgba(236, 28, 36, 0.3);
}

.testimonial-container {
  background-image: none
}

.testimonial-by .ui-block-a {
  width: 66.6%;
}
.testimonial-by .ui-block-b {
  width: 33.3%;
}

.testimonial-by h3, .testimonial-by .h3 {
  margin-bottom: 0px;
}

.testimonial-text.text-block {
  padding-top:2em;
}

@media all and (min-width: 60em) {
  .testimonial-container {
    height: 400px;
    min-height: 400px;
    background-image: url(https://cdn.moble.com/w/43/10265/file/testmonial-background.png);
    background-position: 0 50%;
    background-repeat: no-repeat no-repeat;
  }

  /*.testimonial-text {
    margin-top:100px;
  }*/

  .testimonial-text div:last-child {
    max-width: 80%;
  }

  .testimonial-by {
    margin-top:150px;
  }

}

.owl-controls {
  text-align: center;
  padding: 1em;
  width: 100%;
}

/*.owl-dots {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 10em;
  border: 1px solid #979797;
  background-color: #D8D8D8;
}*/

.owl-dot {
  height: 15px;
  width: 15px;
  background-color: red;
  border-radius: 10em;
  border: 1px solid #979797;
  background-color: #D8D8D8;
  display: inline-block;
  margin: 0em 1em;
}

.owl-dot.active {
  border: 1px solid #EC1C24;
  background-color: transparent;
}

.ui-block-a .owl-controls,
.ui-block-b .owl-controls {
  display: none;
}

.mix-container {
  background: #fff;
  height:100%;
  -webkit-backface-visibility: hidden;
}

.mix-container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.mix {
  width: 50%;
  min-height: 240px;
  position: relative;
  float:left;
  display:none;
  overflow:hidden;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media all and (min-width: 60em) {
  .mix {
    /*min-height: 340px;
    max-height: 500px;*/
    width: 25%;
  }
}

.mix-filter {
  padding: 0.5em 1em;
  display: inline-block;
}


.dark-overlay {
  background:rgba(0,0,0,0.4);
}

.dark-overlay-darker {
  background:rgba(0,0,0,0.5);
}

.dark-overlay-darkest {
  background:rgba(0,0,0,0.6);
}

.video-container > div {
  width: initial;
}

.ui-btn {
  margin: 0.5em 0;
}

/* gcr */


/* action row */
.action-row {
  padding:7em 1em 4em 1em;
}
@media all and (min-width: 60em) {
  .action-row {
    padding:9em 4em 6em 4em;
  }
}
/* action row */

@media all and (max-width: 60em) {
  .controls > a.mix-filter.ui-link {
    width: 40%;
    display: inline-block;
  }
}