@charset "UTF-8";
/* MQ mixins */
@media (min-width: 767px) {
  footer {
    background-image: url("../img/bg-footer.jpg"); } }

body.glazing-contractors .audience-list, body.architects .audience-list {
  display: none; }

@media (max-width: 500px) {
  body.home h1 {
    font-size: 15px; } }

/* Default tab style */
.tabs {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  font-weight: normal;
  font-size: 1.25em; }

/* Nav */
.tabs nav {
  text-align: center; }

.tabs nav ul {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0 auto;
  padding: 0;
  max-width: 1200px;
  list-style: none;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center; }

.tabs nav ul li {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.tabs nav a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.5; }

.tabs nav a span {
  vertical-align: middle;
  font-size: 18px; }

.tabs nav a span img {
  max-height: 25px;
  margin-right: 10px;
  margin-top: 10px; }

.tabs nav li.tab-current a {
  color: #74777b; }

.tabs nav a:focus {
  outline: none; }

/* Content */
.content-wrap {
  position: relative; }

.content-wrap section {
  display: none;
  opacity: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  margin: 0 auto;
  padding: 1em;
  max-width: 1400px; }

.content-wrap section.content-current {
  display: block;
  -webkit-animation: fade 2s;
  animation: fade 2s;
  opacity: 1; }

@-webkit-keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Fallback */
.no-js .content-wrap section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  opacity: 1; }

.no-flexbox nav ul {
  display: block; }

.no-flexbox nav ul li {
  min-width: 15%;
  display: inline-block; }

@media screen and (max-width: 58em) {
  .tabs nav a.icon span {
    display: none; }

  .tabs nav a:before {
    margin-right: 0; } }
.tabs-style-linebox nav ul li {
  margin: 0 0.5em;
  -webkit-flex: none;
  flex: none; }

.tabs-style-linebox nav a {
  padding: 0 1.5em;
  color: #74777b;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.tabs-style-linebox nav a:hover,
.tabs-style-linebox nav a:focus {
  color: #0175A8;
  text-decoration: none; }

.tabs-style-linebox nav li.tab-current a {
  color: #fff; }

.tabs-style-linebox nav a::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #d2d8d6;
  content: '';
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, transform 0.3s;
  -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); }

.tabs-style-linebox nav li.tab-current a::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.tabs-style-linebox nav a:hover::after,
.tabs-style-linebox nav a:focus::after,
.tabs-style-linebox nav li.tab-current a::after {
  background: #0175A8; }

@media screen and (max-width: 58em) {
  .tabs-style-linebox nav ul {
    display: block;
    box-shadow: none; }

  .tabs-style-linebox nav ul li {
    display: block;
    -webkit-flex: none;
    flex: none; } }
.locked h6 {
  margin: 0 0 15px 0;
  padding-top: 5px; }

.tabs h2 {
  margin-bottom: 10px; }

.tabs p {
  margin-bottom: 10px; }

.page-template-template-tool-groups-php .col3-1:last-child {
  float: left !important; }

img.tool {
  max-width: 250px;
  float: right; }

.lt-ie9 .tabs-style-linebox nav a:hover,
.lt-ie9 .tabs-style-linebox nav a:focus {
  color: #FFF; }

.lt-ie8 .content-wrap section {
  display: block;
  opacity: 1; }
.lt-ie8 #tabs nav, .lt-ie8 #section-linebox-1, .lt-ie8 #section-linebox-2, .lt-ie8 #section-linebox-3 {
  display: none; }

.home h2 {
  font-size: 28px;
  color: #2b2f62;
  font-weight: 800; }
  .home h2 .cta {
    margin-left: 20px;
    font-weight: normal; }
    @media screen and (max-width: 736px) {
      .home h2 .cta {
        margin-left: 10px; } }
.home .featured-products img {
  display: block;
  max-width: 80%;
  margin: 0 auto; }
.home .featured-products a.cta {
  vertical-align: sub; }
  .home .featured-products a.cta:after {
    content: '' !important; }
.home .featured-products p {
  line-height: 1.6;
  margin-top: 10px; }
.home .news {
  min-height: 275px; }
  .home .news:hover {
    background: #d9d9d9; }
  .home .news time {
    font-weight: bold;
    font-size: 12px; }
  .home .news h3 {
    margin-top: 0; }
  .home .news li {
    list-style: none; }

/* hero-unit__home-prime */
.hero__unit {
  width: 83.33%;
  margin: 0 auto;
  max-width: 1400px;
  margin: 0 auto 50px auto;
  background: #014b84; }
  .hero__unit .hero-unit__top {
    position: relative; }
    .hero__unit .hero-unit__top img {
      max-width: none;
      width: 100%;
      position: relative; }
    .hero__unit .hero-unit__top .hero-unit__headline {
      width: 100%;
      position: absolute;
      bottom: 50px;
      background-color: #014b84;
      background-color: rgba(1, 31, 54, 0.8);
      padding: 15px 0 0 0;
      margin: 0; }
      @media screen and (max-width: 736px) {
        .hero__unit .hero-unit__top .hero-unit__headline {
          position: relative;
          bottom: auto;
          background-color: #014b84; } }
    .hero__unit .hero-unit__top .cta-container {
      max-width: 1000px;
      width: 100%;
      margin: 0 auto;
      padding: 15px 20px; }
      .hero__unit .hero-unit__top .cta-container .link-list {
        float: right;
        max-width: 400px;
        width: 100%;
        margin-bottom: 20px; }
        .hero__unit .hero-unit__top .cta-container .link-list .arrow {
          background-color: #0175A8; }
        .hero__unit .hero-unit__top .cta-container .link-list li {
          background-color: #00b4e8; }
          .hero__unit .hero-unit__top .cta-container .link-list li:hover {
            background-color: #0175A8; }
          .hero__unit .hero-unit__top .cta-container .link-list li .link-content {
            float: left;
            font-size: 18px; }
            @media (max-width: 500px) {
              .hero__unit .hero-unit__top .cta-container .link-list li .link-content {
                font-size: 16px;
                padding: 10px 3px; } }
          .hero__unit .hero-unit__top .cta-container .link-list li img {
            max-width: 23px; }
  .hero__unit h2 {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    font-size: 48px;
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1;
    padding: 0 20px; }
    @media (min-width: 767px) {
      .hero__unit h2 {
        font-size: 36px; } }
    @media screen and (max-width: 736px) {
      .hero__unit h2 {
        font-size: 28px;
        margin-bottom: 15px; } }
  .hero__unit p {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    line-height: 1.4;
    padding: 0 20px;
    color: white;
    font-size: 18px; }

.slick-prev, .slick-next {
  display: none; }

.slick-prev {
  left: 10px; }

.slick-next {
  right: 10px; }

.slick-prev:before, .slick-next:before {
  font-size: 36px;
  color: #FFF;
  opacity: 1; }

.slick-prev:before {
  content: '❮'; }

.slick-next:before {
  content: '❯'; }

.slick-dots {
  width: 50px;
  top: 125px;
  bottom: auto; }

.slick-dots li button:before {
  font-size: 18px;
  color: #FFF;
  font-size: 36px;
  opacity: .5;
  height: 50px; }

.slick-dots li.slick-active button:before {
  color: #FFF;
  opacity: .9; }

.slick-dots li button {
  padding: 10px 5px; }

body.firstvisit li.highlight {
  -webkit-animation: highlight 7s 3;
  animation: highlight 7s 3;
  text-shadow: 0 0 0px #00b4e8;
  transform: scale(1);
  z-index: 99;}
  body.firstvisit li.highlight a {
    color: #6439ea !important; }

/* Chrome, Safari, Opera */
@-webkit-keyframes highlight {
  5% {
    text-shadow: 0 0 6px #00b4e8;
    color: #6439ea;
    transform: scale(1); }
  25% {
    text-shadow: 0 0 12px #00b4e8; }
  50% {
    text-shadow: 0 0 18px #00b4e8;
    color: #6439ea;
    transform: scale(1.15); }
  75% {
    text-shadow: 0 0 12px #00b4e8; }
  95% {
    text-shadow: 0 0 6px #00b4e8;
    color: #6439ea;
    transform: scale(1); } }
@keyframes highlight {
  5% {
    text-shadow: 0 0 6px #00b4e8;
    color: #6439ea;
    transform: scale(1); }
  25% {
    text-shadow: 0 0 12px #00b4e8; }
  50% {
    text-shadow: 0 0 18px #00b4e8;
    color: #6439ea;
    transform: scale(1.15); }
  75% {
    text-shadow: 0 0 12px #00b4e8; }
  95% {
    text-shadow: 0 0 6px #00b4e8;
    color: #6439ea;
    transform: scale(1); } }