html {
  scroll-behavior: smooth;
}

body {
  background: #fff;
  font-family: 'Heebo', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
  color: #454545;
  font-weight: 300; }

img { margin-bottom: 0 !important; display: table !important; }

a { color: #005596; transition: .5s ease; text-decoration: none; font-weight: bold; }
a:hover { color: #141414; text-decoration: none; }

p { font-family: 'Heebo', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 24px; margin-top: 5px; display: block; }

p a { font-weight: 500; }

h1, h2, h3, h4, h5, h6 { font-family: 'Heebo', sans-serif; color: #141414; margin-bottom: 7px; margin-top: 0px; width: auto; font-weight: 700; }

h1 { font-size: 40px; line-height: 48px; }
h2 { font-size: 28px; line-height: 32px; margin-bottom: 20px; }
h3 { font-size: 21px; line-height: 27px; }
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 16px; line-height: 21px; }
h6 { font-size: 14px; line-height: 18px; }

.band h3 { width: 90%; margin-left: auto; margin-right: auto; }

.node__submitted { display: none; }

.block-call-to-action, .paralax-band { text-align: center; position: relative; }

.paralax-band {
  padding: 50px 0;
  min-height: 400px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.paralax-band:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute !important;
  opacity: .6;
  top: 0;
  left: 0;
  z-index: 1 !important;
}

#main-slider.flexslider ul.slides li { position: relative; }

#main-slider.flexslider ul.slides li:first-child { opacity: 1 !important; }

.content-holder img {
  position: relative;
}

.content-holder {
  text-align: center;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 70%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.content-holder.left-text {
text-align: left !important;
left: 23%;
top: 50%;
width: 55%;
-webkit-transform: translate(-23%, -50%);
-ms-transform: translate(-23%, -50%);
transform: translate(-23%, -50%);
}

.paralax-band .content-holder a.button { margin: 0; }

.content-holder.right-text  {
text-align: right !important;
right: 23%;
width: 55%;
-webkit-transform: translate(-23%, -50%);
-ms-transform: translate(-23%, -50%);
transform: translate(-23%, -50%);
}

.flexslider .content-holder h1, .flexslider .slide-up {
opacity: 0;
 }

.flexslider .flex-active-slide .content-holder h1 {
  -webkit-transform: translate(0%, -75%);
  -ms-transform: translate(0%, -75%);
  transform: translate(0%, -75%);
  animation: fadein 1s linear forwards .5s;
  animation: left-to-right .5s ease-in forwards .5s;
  opacity: 0;
}

@keyframes left-to-right {
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.flexslider .flex-active-slide .slide-up {
  -webkit-transform: translate(0%, 75%);
  -ms-transform: translate(0%, 75%);
  transform: translate(0%, 75%);
  animation: fadein 1s linear forwards .5s;
  animation: left-to-right .5s ease-in forwards .5s;
  opacity: 0;
}


@keyframes left-to-right {
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@-webkit-keyframes fadein {
  100% { opacity: 1; }
}

@keyframes fadeinout {
  50% { opacity: 1; }
}


.paralax-band .content-holder.center-text a.button { margin: 20px auto 0 !important; }

.paralax-band .content-holder.left-text p, .paralax-band .content-holder.right-text p { max-width: 100%; margin: 0 0 20px; }

.paralax-band .content-holder.right-text p  { max-width: 100%; margin: 0 0 20px; text-align: right !important;}

.paralax-band .content-holder.right-text a.button { float: right; }

.content-holder h2, .content-holder p, .content-holder h3 {
 color: #fff;
 margin-top: 0px;
 margin-bottom: 7px;
}

.thumbnail-grid .content-holder h3 { margin-bottom: 20px;  }

.content-holder p { font-size: 18px; line-height: 30px;}

.content-holder a { color: #fff; }

.paralax-band .content-holder p { max-width: 65%; margin: 0 auto; color: #141414; }

.paralax-band .content-holder h2 { color: #141414; }

#main-slider .content-holder h1, #main-slider .content-holder p { color: #fff; margin-bottom: 15px; }
#main-slider .content-holder h1 { margin-bottom: 5px; }
#main-slider .content-holder p { font-size: 21px; line-height: 28px; font-weight: 600; }
#main-slider .content-holder a.button { margin-top: 25px; }
#main-slider .content-holder.left-text a.button { margin-left: 0; margin-top: 25px; }
#main-slider .content-holder.right-text a.button { margin-right: 0;  margin-top: 25px; }



.block-call-to-action::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #000;
position: absolute !important;
opacity: .5;
top: 0;
left: 0;
z-index: 1 !important;
}

.block-call-to-action-main::before {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: #000;
position: absolute !important;
opacity: .3;
top: 0;
left: 0;
z-index: 1 !important;
}

a.button, input.button.send, .button.js-form-submit.form-submit {
color: #fff;
margin: 15px auto;
padding: 12px 35px !important;
font-weight: 400;
display: table;
font-size: 14px;
line-height: 18px;
text-decoration: none;
transition: .3s ease;
background: #005596;
text-transform: uppercase;
font-weight: 800;
width: auto;
background-color: #005596;
border: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
}


.button.js-form-submit.form-submit {
border: 0px;
margin-left: 0;
margin-right: 0;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
}


a:hover.button, input:hover.button.send, .button:hover.js-form-submit.form-submit {
color: #fff;
margin: 15px auto;
padding: 12px 35px !important;
font-weight: 400;
display: table;
font-size: 14px;
line-height: 18px;
text-decoration: none;
transition: .3s ease;
background: #141414;
text-transform: uppercase;
font-weight: 800;
}

.button:hover.js-form-submit.form-submit {
  border: 0px;
  margin-left: 0;
  margin-right: 0;
 }

input.button.send, input:hover.button.send {
  color: #fff;
  transition-property:color,background-color,opacity;
  background: #005596;
  -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
margin: 15px 0;
 }

input:hover.button.send {
color: #fff;
background: #141414;
}



.block-video { text-align: center; padding: 50px 30px; }

.block-video p { max-width: 700px; margin: 0 auto 19px; }

a.home-video {
display: block;
margin: 0 auto;
background: #141414;
max-width: 820px;
height: auto;
position: relative;
}

.middle-arrow {
position: absolute;
text-align: center;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2 !important;
}

a.home-video img.gallery-icon {
width: 60px;
height: 60px;
opacity: 1 !important;
transition: all 250ms ease-in;
}

a:hover.home-video img.gallery-icon {
transform: scale(1.3) !important;
opacity: 1 !important;
transition: all 250ms ease-out;
}


a.home-video img.video-photo {
width: 100%;
height: auto;
padding: 0px;
opacity: .7;
transition: all 250ms ease-in;
}

a:hover.home-video img.video-photo {
width: 100%;
height: auto;
opacity: .9;
padding: 0px;
transition: all 250ms ease-out;
}

.thumbnail-grid {
margin: 0;
padding: 50px 0;
overflow: hidden;
width: auto;
text-align: center;
background: #e7e7e7;
position: relative;
}


.thumbnail-grid .content-holder {
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 75%;
    width: 90%;
    -webkit-transform: translate(-50%, -75%);
    -ms-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
}



.thumbnail-grid ul {
margin: 0 !important;
padding: 0 !important;
}


.thumbnail-grid  li {
display: inline-block;
width: 30%;
text-align: left;
margin: 0 1% 0 1%;
vertical-align: top;
position: relative;
}


.thumbnail-grid li img {
width: 100%;
height: auto;
position: relative;
margin-bottom: 0!important;
}

.mask {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.box {
  z-index: 1;
  cursor: default;
  overflow: hidden;
  text-align: center;
  position: relative;
  cursor: pointer;
  background: #005596;
  border: 0px solid #fff;
  margin-bottom: 0;
}

a img.zoomed, img.zoomed {
  display: block;
  left: 10px;
  margin-left: -10px;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  opacity: 1;
  width: 100%;
  height: auto;
}

.box:hover > a img.zoomed, .box:hover > img.zoomed {
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=90);
  opacity: 1;
  cursor: pointer;
}


.box:hover p.slidephotos {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  margin: 0 auto;
}

.box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute !important;
  opacity: .4;
  top: 0;
  left: 0;
  z-index: 1 !important;
}


.marketing-image {
padding: 50px 25px;
}

.marketing-image .content-holder {
  max-height: 420px;
  overflow-y: auto;
  padding-bottom: 18px;
  padding-right: 15px;
}


.marketing-image {
background: #ffffff;
position: relative;
}

.marketing-image h2 a {
color: #141414;
}

.marketing-image h2 a:hover {
color: #005596;
}

.features {
  margin: 25px 0 5px;
  overflow: hidden;
}

.features ul {
list-style: none;
margin-left: 13px;
padding-left: 13px;
margin-top: 5px;
 }

.features ul li::before {
  content: "\2022";
 color: #005596;
 font-weight: bold;
 display: inline-block;
 width: .75em;
 margin-left: -.75em;
 font-size: 24px;
 }

.grey {
background: #f5f5f5;
overflow: hidden;
position: relative;
}

.logos-band {
padding: 50px 0;
text-align: center;
}

.logos-band ul {
overflow: hidden;
margin: 0 auto;
padding: 0;
list-style: none;
text-align: center;
max-width: 1280px;
}

.logos-band li {
display: inline-block;
width: 15%;
margin: 25px 1.5% 0;
vertical-align: top;
text-align: center;
}

.logos-band li img { width: auto; height: 50px; margin: 0 auto; padding: 0 1%; }

.marketing-image-left {
display: inline-block;
width: 49%;
text-align: center;
vertical-align: top;
position: relative;
min-height: 480px;
min-height: 480px;
max-height: 480px;
overflow: hidden;
}

.marketing-image-right {
display: inline-block;
width: 49%;
text-align: center;
vertical-align: top;
float: right;
position: relative;
min-height: 480px;
max-height: 480px;
overflow: hidden;
}

.the-image {
text-align: left;
position: absolute;
z-index: 2;
top: 50%;
width: 100%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate( 0%, -50%);
}


.the-image img {
  margin: 0px auto;
  width: 90%;
  height: auto;
}

.marketing-image-content-left {
display: inline-block;
width: 49%;
position: relative;
min-height: 480px;
vertical-align: top;
text-align: left;
}

.marketing-image-content-right {
display: inline-block;
width: 49%;
position: relative;
min-height: 480px;
vertical-align: top;
text-align: left;
}

.marketing-image-content-left .content-holder { text-align: left; width: 85%; }
.marketing-image-content-left .content-holder h2,  .marketing-image-content-left .content-holder p, .marketing-image-content-right .content-holder h2,
.marketing-image-content-left .content-holder p, .marketing-image-content-right .content-holder p { color: #454545; }
.marketing-image-content-left .content-holder a.button { margin-left: 0; }

.marketing-image-content-right .content-holder { text-align: right; width: 90%; }
.marketing-image-content-right .content-holder a.button { margin-right: 0; }


.utility-nav {
padding: 7px 20px;
background: #141414;
color: #fff;
font-weight: 800;
text-align: right;
}

.utility-nav a {
color: #fff;
font-weight: 800;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
margin: 0 10px;
vertical-align: top;
}

.utility-nav a:hover {
color: #999;
}

.utility-nav-item {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  cursor: pointer;
}

.utility-nav-item:hover > div {
  display: block !important;
}

.utility-nav-item > a {
  margin: 0;
}

.utility-nav-item > div {
  z-index: 999999999999 !important;
  background: #fff;
  color: #141414;
  position: absolute;
  top: 31px;
  left: 0;
  padding: 22px 15px 15px;
  width: 200px;
  text-align: left;
  box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
  background: #141414;
}

.utility-nav-item > div ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.utility-nav-item > div ul a {
  color: #b0b0b0 !important;
  padding: 9px 0px 9px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  text-transform: none;
  border-bottom: 0px solid #262626;
}

.utility-nav-item > div ul a:hover {
  color: #005596 !important;
}

img.main-mobile { display: none !important; }

.product-carousel {
padding: 50px 0;
text-align: center;
 }

 .product-carousel > h5 {
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 20px;
 }


#product-slider, .flexslider.carousel.product-slider {
width: 90%;
margin: 25px auto 5px;
 }

#product-slider h3 {
font-size: 16px;
line-height: 21px;
margin-top: 15px;
margin-bottom: 5px;
color: #005596;
}


.flexslider.carousel.product-slider .slides h3 {
font-size: 16px;
line-height: 21px;
margin-top: 15px;
margin-bottom: 5px;
color: #005596; }

#product-slider h4 {
font-size: 13px;
line-height:18px;
margin-top: 0px;
}

.flexslider.carousel.product-slider .slides h4 {
  font-size: 13px;
  line-height:18px;
  margin-top: 0px;
}

#product-slider a img {
transform: scale(.8) !important;
transition: all 250ms ease-out;
width: auto !important;
margin: 0 auto !important;
height: 175px;
 }

.flexslider.carousel.product-slider .slides a img {
 transform: scale(.8) !important;
 transition: all 250ms ease-out;
 width: auto !important;
 margin: 0 auto !important;
 height: 175px;
  }

strong { font-weight: 800; }

#product-slider a:hover img {
     transform: scale(1) !important;
     opacity: 0.9;
     transition: all 250ms ease-out;
 }

.flexslider.carousel.product-slider .slides a:hover img {
      transform: scale(1) !important;
      opacity: 0.9;
      transition: all 250ms ease-out;
  }

#product-slider a h4, .flexslider.carousel.product-slider .slides a h4 { transition: .3s ease; }
#product-slider a:hover h4, .flexslider.carousel.product-slider .slides a:hover h4 { color: #005596; }

a.search {
text-indent: -5000px !important;
display: inline-block;
margin-top: 0px;
float: none;
margin-left: 0px;
margin-right: 5px;
width: 16px;
height: 8px;
padding-top: 18px;
background: url("../pics/search-icon.png") left 7px no-repeat;
background-size: 14px 14px;
transition: .5s ease;
vertical-align: top;
}

a:hover.search {
  opacity: .5;
}


#product-slider.flexslider.carousel.no-slide .slides, #highlight-slider.flexslider.carousel.no-slide .slides, .flexslider.carousel.product-slider.no-slide .slides {
  width: 100%!important;
  text-align: center !important;
}


#product-slider.flexslider.carousel.no-slide li, #highlight-slider.flexslider.carousel.no-slide .slides li,
.flexslider.carousel.product-slider.no-slide .slides li {
  display: inline-block!important;
  *display: inline!important;
  float: none!important;
  vertical-align: top !important;
}

.header {
background: #fff;
padding: 10px 30px 10px;
text-align: center;
height:  80px;
transition: .5s ease;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 8009 !important;
}

a.logo {
  width: 15%;
  max-width: 260px;
  height: 85px;
  vertical-align: middle;
  text-indent: -50000px !important;
  display: inline-block;
  background: url("../pics/McGuire-Logo.gif") top left no-repeat;
  background-size: 100% auto !important;
  float: left;
  margin-bottom: 7px;
}

.header.sticky {
height: 43px;
/*padding: 0px 0px 5px 15px;*/
padding: 0px 0px 5px 0px;
-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}


.sticky a.logo {
height: 40px;
width: 120px;
margin-top: 5px;
background: url("../pics/McGuire-Logo.gif") top left no-repeat;
background-size: 100% auto !important;
margin-left: 15px;
}

.header.sticky .wrap {
    margin: 4px auto 0 1% !important;
    float: left;
}

.header.sticky ul.primary li a {
    padding: 9px 10px;
    font-size: 14px;
}


.header.sticky  ul.sub.full {
width: 175%;
}


.header.sticky ul.sub li a {
font-size: 16px !important;
padding: 2px 0;
}


.header.sticky a.button.find-a-dealer, .header.sticky a.button.contact-us {
    padding: 15px 25px !important;
    padding-left: 25px;
    padding-left: 43px !important;
    margin: 0 0 0 0;
    font-size: 12px;
    display: inline-block;
}

.header.sticky a.button.contact-us  {
background: #005596 url("../pics/phone-icon.png") 17px 15px no-repeat;
}

.header.sticky a:hover.button.contact-us  {
background: #141414 url("../pics/phone-icon.png") 17px 15px no-repeat;
}

.header.sticky a.button.find-a-dealer {
padding-right: 40px !important;
background: #141414 url("../pics/location-marker.png") 20px 16px no-repeat;
}

.header.sticky a:hover.button.find-a-dealer {
padding-right: 40px !important;
background: #005596 url("../pics/location-marker.png") 20px 16px no-repeat;
}

.header .stick-nav {
display: none;
}


.header.sticky .stick-nav {
display: inline-block;
font-size: 12px;
color: #141414;
margin: 9px 15px 9px 5px;
text-transform: uppercase;
}

.header.sticky .stick-nav a { color: #141414;  }

.header.sticky .stick-nav a:hover {
color: #005596;
}

.header.sticky a.search { display: none; }

.header.sticky a.stick-nav.searchy {
  display: inline-block;
  text-indent: -5000px !important;
  margin-top: 0px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background: #F2F2F2 url("../pics/search-icon-black.png") 15px 15px no-repeat;
  background-size: auto;
  background-size: 16px 16px;
  transition: .5s ease;
  padding:16px 15px;
}


.nav-btn {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 60px;
  width: 60px;
  z-index: 9999;
  background: url(../elements/nav-icon.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-color: red;
}

.nav-btn:hover {
  background: url(../elements/nav-icon-hover.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-color: blue;
}

.utility-nav {
position: relative;
 }


#btn-fadetoggle, #btn-3-fadetoggle, #btn-4-fadetoggle {
  cursor: pointer;
}

#para-fadetoggle {
z-index: 999999;
background: #fff;
color: #141414;
position: absolute;
top: 43px;
right: 250px;
padding: 15px 15px 15px 15px;
border: 1px solid #eee;
width: 250px;
box-shadow: 0 8px 6px -6px #999;
}

#para-3-fadetoggle, #para-4-fadetoggle  {
z-index: 999999999999 !important;
background: #fff;
color: #141414;
position: absolute;
top: 43px;
right: 20px;
padding: 15px 15px 15px 15px;
width: 200px;
text-align: left;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: #141414;
}

#para-4-fadetoggle  {
right: 285px;
}

#para-3-fadetoggle ul, #para-4-fadetoggle ul { margin: 0; padding: 0; }

#para-3-fadetoggle li, #para-4-fadetoggle li  { display: block; }

#para-3-fadetoggle li a, #para-4-fadetoggle li a {
color: #b0b0b0 !important;
padding: 9px 0px 9px;
font-weight: normal;
font-size: 16px;
line-height: 24px;
text-align: left;
text-transform: none;
border-bottom: 0px solid #262626;
}

#para-3-fadetoggle li a:hover, #para-4-fadetoggle li a:hover  { color: #005596 !important;  }

#para-fadetoggle input {
  display: inline-block;
  width: 200px;
  margin-bottom: 0px;
}

.header.sticky #bbtn-2-fadetoggle {
  cursor: pointer !important;
}


.header.sticky #para-2-fadetoggle {
z-index: 999999;
background: #fff;
color: #141414;
position: absolute;
top: 43px;
left: -225px;
padding: 15px 15px 15px 15px;
border: 1px solid #eee;
width: 250px;
box-shadow: 0 8px 6px -6px #999;
}


.header #para-2-fadetoggle {
z-index: 999999;
background: #fff;
color: #141414;
position: absolute;
top: 43px;
left: 10px;
padding: 15px 15px 15px 15px;
border: 1px solid #eee;
width: 250px;
box-shadow: 0 8px 6px -6px #999;
}


 .header.sticky #para-2-fadetoggle input, .header #para-2-fadetoggle input {
   display: inline-block;
   width: 200px;
   margin-bottom: 0px;
 }

button.action.search, .header.sticky button.action.search.sticks {
  width: 50px;
  height: 50px;
  background: #005596;
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

section.slider {
clear: left;
clear: both;
 }

.cta-buttons {
float: right;
margin-top: 3px;
}

.header.sticky .cta-buttons {
    float: right;
    margin-top: 0px;
    height: 35px;
}

a.button.find-a-dealer, a.button.contact-us {
display: inline-block;
margin-bottom: 0px;
font-size: 14px;
line-height: 18px;
 }

a.button.find-a-dealer {
 margin-right: 0px;
 background: #141414 url("../pics/location-marker.png") 29px 13px no-repeat;
 padding-left: 53px !important;
 background-size: 11px auto !important;
 margin-left: 13px;
}

a:hover.button.find-a-dealer {
 background: #005596 url("../pics/location-marker.png") 29px 13px no-repeat;
 padding-left: 53px !important;
 background-size: 11px auto !important;
}

a.button.contact-us {
  background: #005596 url("../pics/phone-icon.png") 27px 12px no-repeat;
  padding-left: 53px !important;
  background-size: 15px auto !important;
}

a:hover.button.contact-us {
  background: #141414 url("../pics/phone-icon.png") 27px 12px no-repeat;
  padding-left: 53px !important;
  background-size: 15px auto !important;
}


.wrap {
  display: inline-block;
  margin: 10px auto 0 !important;
}

ul.primary {
  list-style: none;
  position: relative;
  text-align: left;
  margin: 0;
  padding: 0;
}

ul.primary li {
  float: left;
}

ul.primary.mm-listview li {
float: none;
}

/* clear'n floats */
ul.primary:after {
  clear: both;
}

ul.primary:before,
ul.primary:after {
    content: " ";
    display: table;
}

nav {
  position: relative;
  background: transparent;
  text-align: center;
}

/* prime */
ul.primary li a {
  display: block;
  padding: 20px 20px;
  color: #141414;
  line-height: 21px;
}


ul.primary li:last-child a {
  border-right: none;
}

ul.primary li a:hover {
  color: #000;
}

/* subs */
ul.sub {
  position: absolute;
  z-index: 200;
  -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
  display:none;
  padding: 18px 15px 8px 15px;
  background: #141414;
}

ul.sub.full {
  width: 125%;
  display:none;
  left: 0;
  right: 0;
  margin: 0 auto;
}


ul.sub.single {
width: 200px;
margin:0;
padding: 18px 15px 8px 15px;
 }

ul.sub.single .grouped {
margin-left: 0;
padding-left: 0;
}

.column { vertical-align: top; display: inline-block; width: 23.5%; margin: 0 0; }

ul.sub.single .column  { width: 100%; }

ul.sub.single .column  { width: 100%; }

.sub h3 a {
font-size: 18px;
line-height: 24px;
color: #fff !important;
font-weight: 800;
margin: 0px;
padding-top: 0 !important;
padding-bottom: 0 !important;
text-transform: none;
text-align: left;
padding-left: 2px !important;
}

.sub h3 a:hover { color: #005596 !important; }

.sub.full h3.last a { padding-left: 17px !important; }

.grouped { margin-bottom: 15px; }

ul.grouped {
margin-left: 0px;
padding-left: 0px;
 }

ul.sub li {
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}


ul.sub.full li {
  float: none;
  margin: 0 .5% 0 .5%;
  padding: 0;
  list-style: none;
}

ul.sub li a {
  border-right: none;
  color: #b0b0b0 !important;
  padding: 2px 0px 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 21px;
}

ul.sub li h3 {
margin-bottom: 3px;
}

ul.sub li h3 a {
font-size: 18px;
line-height: 21px;
color: #fff !important;
font-weight: 800;
margin-bottom: 3px;
text-transform: none;
border-bottom: 0px solid #262626;
}

ul.sub li h4 {
margin-bottom: 0px;
margin-top: 5px;
}

ul.sub li h4 a {
font-size: 18px;
line-height: 24px;
color: #fff !important;
font-weight: 600;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px solid #262626;
padding-top: 0px;
margin-top: 0px;
}

ul.sub li a:hover {
  color: #005596 !important;
}

/* sub display*/
ul.primary li:hover ul {
  display: block;
  background: #141414;
}

/* keeps the tab background white */
ul.primary li:hover a {
  color: #005596;
  text-shadow: none;
}

ul.primary li:hover > a {
  color: #005596;
}

@media only screen and (max-width: 600px) {
  .wrap {
    width: 100%;
    margin-top: 0px;
  }

   ul.primary li {
    float: none;
  }

  ul.primary li:hover a {
    background: none;
    color: #8B8B8B;
    text-shadow: 1px 1px #000;
  }

  ul.primary li:hover ul {
    display: block;
    background: #272727;
    color: #fff;
  }

  ul.sub {
    display: block;
    position: static;
    box-shadow: none;
    width: 100%;
  }

  ul.sub li a {
    background: #272727;
  	border: none;
    color: #8B8B8B;
  }

  ul.sub li a:hover {
    color: #ccc;
    background: none;
  }
}

.page-header  {
  position: relative;

}

.page-header img {
width: 100%;
height: auto;
}

.page-header .content-holder h1  {
  color: #fff;
}

.desktop-video { width: 100%; height: auto; margin-bottom: 0 !important; display: table; position: relative; }

.desktop-video-Header { width: 100%; height: auto; margin-bottom: 0 !important; display: table; position: relative; }

.masonry-filters {
overflow: hidden;
text-align: center;
}

.masonry-filters ul {
overflow: hidden;
text-align: center;
margin: 0px 0 20px;
padding: 0;
list-style: none;
}

.masonry-filters li {
display: inline-block;
font-size: 12px;
line-height: 17px;
}

.masonry-filters li a {
padding: 10px 20px;
color: #005596;
display: block;
text-transform: uppercase;
}

.masonry-filters li a.active {
padding: 10px 20px;
color: #141414;
background: #e7e7e7;
text-transform: uppercase;
}

.masonry-filters li a:hover {
padding: 10px 20px;
color: #141414;
}


.custom-dropdown__select{
    font-size: inherit; /* inherit size from .custom-dropdown */
    padding: 16px; /* add some space*/
    margin: 0; /* remove default margins */
	font-weight: 800;
	font-size: 14px;
  line-height: 18px;
  font-family: 'Heebo', sans-serif;
	text-transform: uppercase;
  width: 300px;
}

.custom-dropdown__select--white {
    background-color: #005596;
    color: #fff;
}

.custom-dropdown__select--white option {
    background-color: #fff;
    color: #333;
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none))
{

.custom-dropdown
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	background-color: #fff;
	margin-right: 1%;
	margin-left: 0;
}

.custom-dropdown.the-states { margin-left: 0; width: 275px; }

.custom-dropdown__select
{
	padding-right: 2.5em;
	/* accommodate with the pseudo elements for the dropdown arrow */
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background: #005596;
	border: 1px solid #005596;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	margin-top: -4px;
}


.custom-dropdown::before,
    .custom-dropdown::after
{
	content: "";
	position: absolute;
	pointer-events: none;
}

.custom-dropdown::after
{
	/*  Custom dropdown arrow */
	content: "\25BC";
	height: 1em;
	font-size: .625em;
	line-height: 1;
	right: 1.2em;
	top: 50%;
	margin-top: -.5em;
}

.custom-dropdown::before
{
	/*  Custom dropdown arrow cover */
	width: 2em;
	right: 0;
	top: 0;
	bottom: 0;
}

.custom-dropdown__select[disabled] { color: rgba(255,255,255,.3); }
.custom-dropdown.custom-dropdown--disabled::after { color: rgba(255,255,255,.1); }

/* White dropdown style */
.custom-dropdown--white::before
{
	background-color: #005596;
	border-left: 1px solid rgba(0,0,0,.2);
}

.custom-dropdown--white::after { color: rgba(255,255,255,.9); }


.rollover-video-blocks {
overflow: hidden;
 }


 .rollover-video-blocks ul {
 overflow: hidden;
 margin: 0;
 padding: 0;
 list-style: none;
 text-align: center;
}

.rollover-video-blocks li {
display: inline-block;
margin: 0;
padding: 0;
width: 33.15%;
position: relative;
margin-bottom: 40px !important;
   }


.rollover-video-blocks .content-holder {
text-align: left;
}

.rollover-video-blocks .content-holder a.button {
margin-left: 0;
}

.giffy-img.container {
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  width: 33.3333333%;
  float: left;
  display: inline-block;
  -moz-backface-visibility: hidden;
  -webkit-transform:translate3d(0,0,0);
}

.giffy-img.container img {
display: table; width: 100%; height: 100%;
}

.giffy-img.container:hover .withoutHover {
  display: none;
  cursor: pointer;
  -webkit-transform:translate3d(0,0,0);
}

.giffy-img.container .withHover {
  display: none;
  cursor: pointer;
  -webkit-transform:translate3d(0,0,0);
}
.giffy-img.container:hover .withHover {
  display: block;
  cursor: pointer;
  -webkit-transform:translate3d(0,0,0);
}

.giffy-img.container::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute !important;
	opacity: .4;
	top: 0;
	left: 0;
	z-index: 1 !important;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
}


.logos-band {
padding: 50px 30px;
text-align: center;
}

.footer {
  padding: 50px 30px;
  background: #141414;
  color: #fff;
}




.footer h5, .footer p, .footer a { color: #ccc; font-size: 18px; line-height: 24px; }

.footer a:hover { color: #fff; }

.footer p { margin-top: 0px; font-size: 16px; line-height: 21px; }

.footer p.small-text { font-size: 13px; line-height: 21px; margin-top: 40px; }

.footer p.small-text a { text-decoration: underline; font-size: 13px; line-height: 21px; }
.footer p.small-text a:hover { text-decoration: none; color: #fff; }

.footer p.small-text img {
  display: inline-block !important;
  vertical-align: middle;
  margin: -2px 6px 0 0;
}

.footer ul {
  overflow: hidden;
  list-style: none;
}


.footer li {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin-left: 1%;
}

.footer li.seo-section {
  width: 50%;
  margin-right: 3%;
}

.field.newsletter { margin-bottom: 50px; }

input[type="text"], input[type="text"]:disabled, input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea, input#coupon_code {
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
    outline: 0 none;
    padding: 10px;
    display: block;
    font-size: 16px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.field.newsletter input#newsletter { vertical-align: top; display: inline-block !important; background-color: #005596;
border: none; }
button.action.subscribe.primary, input#mc-embedded-subscribe.button { font-size: 14px; cursor: pointer; transition: .3s ease; text-transform: uppercase; border: 0; vertical-align: top; font-weight: bold; color: #fff; padding: 14px; background: #005596; display: inline-block; background-color: #005596;
border: none; }
button.action.subscribe.primary:hover { background: #005596; background-color: #005596;
border: none; }
input#mc-embedded-subscribe.button:hover { background: #666666; background-color: #666666;
border: none; }

.field.newsletter button.action.subscribe.primary, input#mc-embedded-subscribe.button { height: 52px; }

input#mc-embedded-subscribe.button {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

#mc_embed_signup .button { line-height: 18px !important; }

input#mc-embedded-subscribe.button {
  width: 120px;
  display: inline-block;
  float: left;
  -webkit-border-radius: 0px !important;
  -moz-border-radius:0px !important;
  border-radius: 0px !important;
  background: #005596 !important;
  background-color: #005596 !important;
  transition-property: color,background-color,opacity !important;
  border: none !important;
  background: #005596 !important;
  -webkit-appearance: none !important;
  -webkit-border-radius: 0 !important;
 }

a.site-links { display: block; margin-bottom: 10px; font-size: 16px; line-height: 24px; }

a.red-link { font-size: 18px; line-height: 24px; color: #005596; display: block; }

a.red-link.small-link { font-size: 16px; line-height: 21px; font-weight: 400; }

.footer-locations { margin-top: 25px; }
.footer-locations h6 { color: #ccc; text-transform: none; margin: 0 0 5px; }

.block-icons {
text-align: center;
padding: 50px 50px;
}

.block-icons ul {
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
}

.block-icons li {
display: inline-block;
margin: 1%;
width: 15%;
vertical-align: top;
}

.block-icons li a {
display: block;
padding: 45px 0;
text-align: center;
background: #fff;
color: #141414;
line-height: 24px;
min-height: 130px;
}

.block-icons li a img {
margin: 0 auto 10px;
width: 65px;
height: auto;
}

.block-icons li a:hover {
opacity: .8;
color: #005596;
}

.breadcrumbs {
background: #e7e7e7;
padding: 10px 30px;
margin-top: 0px;
clear: left;
}

.breadcrumbs ul {
margin: 0;
padding: 0;
}

.breadcrumbs li {
display: inline-block;
margin: 0 3px 0 0;
font-size: 12px;
line-height: 16px;
color: #c2c2c2;
}


.breadcrumbs li a {
  color: #141414;
  text-transform: uppercase;
}

.breadcrumbs li a.active {
  color: #005596;
}

.breadcrumbs li a:hover {
  color: #005596;
}

.breadcrumbs li a.active:hover {
  color: #141414;
}

.plain-band { padding: 50px 0; text-align: center; }

.mixed-media {
  margin: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
 }

.mixed-media ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}

.mixed-media li {
display: inline-block;
width: 25%;
list-style: none;
margin: 0;
padding: 0;
float: left;
}

.mixed-media li img {
  display: table;
  width: 100%;
  height: 100%;
}

.container-center-text.vid-arrow .box { position: relative; }

.container-center-text.vid-arrow {
position: absolute;
z-index: 2;
}

.hightlight-carousel {
text-align: center;
padding: 40px 0;
}


.featherlight .featherlight-close-icon {
  font-weight: bold !important;
  background: #005596 !important;
  width: 25px !important;
  height: 25px !important;
  line-height: 0px !important;
  font-size: 12px !important;
  color: #fff !important; }



.main-mobile, video.mobile-video { display:  none; }

#highlight-slider { width: 90%;  margin: 0 auto; background: transparent !important; }

.product-band {
overflow: hidden;
margin-top: 50px;
margin-bottom: 50px;
text-align: center;
}

.product-media, .product-description {
display: inline-block;
width: 47%;
margin: 0 1%;
vertical-align: top;
text-align: left;
overflow: hidden;
}

.product-description h1 {
font-size: 30px;
line-height: 38px;
}
.product-description h2 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 700;
  margin-bottom: 0;
  }

.product-media {
  text-align: center; }

.product-media img { margin: 0 auto !important; }

.faq {
  width: 100%;
  border-top: 1px solid #eee;
  margin-top: 50px;
}

.design-resources .band {
width: 46%;
display: inline-block;
vertical-align: top;
}


.band .faq {
width: 75%;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
}

.design-resources .band .faq {
width: 95%;
border-top: 1px solid #eee;
}


.band .rollover-video-blocks .faq {
width: 100%;
margin-top: 0px;
}


.item .question {
  padding: 15px;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}

.faq.category-page {
  margin-top: 0px;
  border-top: 0px solid #eee;
}


.faq.category-page .item .question {
  padding: 5px;
  align-items: left; }

.item .question h4 {
  margin: 0;
  font-size: 17px;
  line-height: 23px;
  color: #005596;
}

.faq.category-page .item .question h4 {
color: #141414;
display: inline-block;
width: 80%;
text-align: left;
 }


.faq.category-page .item .question img {
width: 65px;
height: auto;
display: inline-block;
margin-right: 10px;
margin: 5px;
margin-bottom: 5px !important;
}



.item .question .fa.fa-minus {
  display: none;
  color: #ccc;
}

.item.jquery-accordion-active .fa.fa-minus {
  display: block;
  color: #fff !important;
  font-size: 12px;
}


.faq.category-page .item.jquery-accordion-active .fa.fa-minus {
margin-right: 10px;
color: #141414 !important;
}


.fa.fa-plus {
color: #005596 !important;
font-size: 12px;
}

.faq.category-page .fa.fa-plus { margin-right: 10px; }

.item.jquery-accordion-active .fa.fa-plus {
  display: none;
  color: #ccc;
}

.item.jquery-accordion-active .question {
  color: #fff;
  background: #141414;
}

.faq.category-page .item.jquery-accordion-active .question {
  color: #141414;
  background: #f4f4f4;
}

.item.jquery-accordion-active .question h4 {
    color: #fff;
}

.item .answer {
  padding: 15px;
  display: none;
  overflow: hidden;
  border: 1px solid #ececec;
}

.faq.category-page .item .answer {
  border: 0px solid #ececec;
}

.item .answer.categtory-page p {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 15px;
}

.compare-it, a.button.cats {
display: inline-block;
float: right;
font-size: 12px;
line-height: 16px;
margin-right: 10px;
padding: 10px 10px 9px !important;
vertical-align: top;
}

a.button.cats { margin: 0 0 0 0;}

.compare-it {
            display: block;
            position: relative;
            cursor: pointer;
            font-size: 12px;
            line-height: 16px;
            text-transform: uppercase;
            color: #141414;
            background: #eeeeee;
            padding: 10px 10px 0px !important;
            height: 27px;
            width: auto;
        }

.compare-it input[type="checkbox"] { margin-bottom: 0px; }

/* Hide the default checkbox */
       .answer.categtory-page input[type=checkbox] {
           visibility: hidden;
           width: 10px;
           float: left;
       }

       /* Creating a custom checkbox
       based on demand */
       .geekmark {
           position: absolute;
           top: 10px;
           left: 10px;
           height: 15px;
           width: 15px;
           background-color: #fff;
           border: 1px solid #ccc;
       }

       /* Specify the background color to be
       shown when hovering over checkbox */
       .compare-it:hover input ~ .geekmark {
           background-color: #005596;
       }

       /* Specify the background color to be
       shown when checkbox is active */
       .compare-it input:active ~ .geekmark {
           background-color: #005596;
       }

       /* Specify the background color to be
       shown when checkbox is checked */
       .compare-it input:checked ~ .geekmark {
           background-color: #005596;
       }

       /* Checkmark to be shown in checkbox */
       /* It is not be shown when not checked */
       .geekmark:after {
           content: "";
           position: absolute;
           display: none;
       }

       /* Display checkmark when checked */
       .compare-it input:checked ~ .geekmark:after {
           display: block;
       }

       /* Styling the checkmark using webkit */
       /* Rotated the rectangle by 45 degree and
       showing only two border to make it look
       like a tickmark */
       .compare-it .geekmark:after {
           left: 5px;
           bottom: 4px;
           width: 3px;
           height: 6px;
           border: solid white;
           border-width: 0 2px 2px 0;
           -webkit-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
           transform: rotate(45deg);
       }




.documents {
overflow: hidden;
}

.band .documents { max-width: 70%; margin: 0 auto;  text-align: left; }

.documents ul {
overflow: hidden;
list-style: none;
margin:  0;
padding: 0;
}

.documents li {
display: inline-block;
float: left;
margin: 10px 6px;
width: 45%;
margin: .75% 1.5%;
}

.documents li a {
font-size: 14px;
display: block;
font-weight: normal;
line-height: 18px;
background: #fff url("../pics/document.png") 7px 6px no-repeat;
padding: 7px 7px 7px 30px;
border: 1px solid #005596;
background-size: 15px auto;
}

.documents li a:hover {
font-size: 14px;
display: block;
font-weight: normal;
color: #fff;
line-height: 18px;
background: #005596 url("../pics/document-on.png") 7px 6px no-repeat;
padding: 7px 7px 7px 30px;
border: 1px solid #005596;
background-size: 15px auto;
}

.black-box {
padding: 20px;
text-align: left;
background: #141414;
min-height: 240px;
 }

.black-box h3 {
color: #fff;
font-size: 21px;
line-height: 26px;
margin-bottom: 5px;
text-transform: uppercase;
  }

.black-box p {
  color: #fff;
  margin-top: 0px;
  font-size: 16px;
  line-height: 24px;
}

.black-box ul {
color: #fff;
font-size: 16px;
line-height: 24px;
list-style: disc;
margin-left: 5px;
padding-left: 10px;
}

.band {
padding: 50px 0px;
overflow: hidden;
position: relative;
}


.mixed-media-band {
padding: 50px 0;
}


.table-one {
display: inline-block;
vertical-align: top;
width: 48%;
float: left;
}

.table-two {
display: inline-block;
vertical-align: top;
width: 48%;
float: right;
}


table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 18px;
}

table tr th {
font-weight: bold;
background: #e7e7e7;
padding: 7px;
}

table tr td {
padding: 7px;
border: 1px solid #ececec;
}

.mini-request, .mini-request ul {
margin: 0;
padding: 0;
list-style:none;
overflow: hidden;
}

.mini-request li {
width: 48%;
float: left;
margin: 1% 1% 1% 0;
font-size: 14px;
line-height: 18px;
display: inline-block;
}

.mini-request p.the-mini {
  margin-top: 0px;
  font-size: 14px;
  margin: 0 1% 1% 1%;
  line-height: 18px; }

.mini-request li.full-width {
display: block;
width: 98%;
margin: 1% 1% 1% 0;
}

.mini-request li input {
width: 98%;
margin-bottom: 0px;
}

.mini-request li.full-width textarea {
display: block;
width: 98%;
margin: 0 1% 1% 0;
font-family: 'Heebo', sans-serif;
color: #141414;
font-size: 16px;
}

.rollover-video-blocks ul {
margin: 0 1.5%;
padding: 0;
list-style: none;
overflow: hidden;
}

.rollover-video-blocks li {
display: inline-block;
margin: 0 1.5%;
width: 30%;
vertical-align: top;

}
.rollover-video-blocks li .giffy-img.container {
width: 100%;
}


#user-login-form {
padding: 40px;
background: #e7e7e7;
width: 100%;
max-width: 490px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
margin-top: 50px;
}


#user-login-form input {  width: 100%; }

#user-login-form label, #user-login-form input { display: block;}

#user-login-form label { margin-bottom: 5px; }

#user-login-form #edit-name--description, #edit-pass--description {
font-size: 12px;
display: block;
margin-bottom: 25px;
text-align: left;
}


/* -------------------------------------------- *
 * Inputs
 */
label { font-weight: bold; text-transform: uppercase; font-size: 16px; line-height: 21px; }

input, button, textarea, select {
  box-sizing: border-box !important;
  line-height: normal;
  -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	color: #414141;
  font-size: 16px;
}
input, textarea {
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: color, background-color, opacity, border-color, box-shadow;
    transition-timing-function: ease-out;
    margin-bottom: 10px;
}
input[type="text"], input[type="text"]:disabled, input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea, input#coupon_code {
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
    outline: 0 none;
    padding: 0.75em;
    display: block;
}

input#edit-attach-a-file-to-help-us-find-a-fit-for-your-project-upload {
border: 0;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
font-size: 14px;
}

input[type="text"]:disabled{background-color:#fff; color: #333 !important; }


input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    box-shadow: none;
}

.paralax-band.on-mobile { display: none; }

.wise-iframe-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-video-lightbox { min-width: 860px; min-height: auto; }

.fotorama__nav-wrap--vertical.fotorama__nav-wrap {
    display: inline-block !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    border: 2px dashed red !important;
}

.fotorama__thumb-border {
border-color: #005596 !important;
}


.gallery-of-images {
text-align: center;
}

.gallery-of-images .fotorama {
text-align: center;
margin: 0 auto !important;
text-align: center;
max-width: 700px;
}

.summary-text {
padding: 50px 0 0;
text-align: center;
}

.summary-text p {
max-width: 70%;
margin: 0 auto;
}


.the-image-category {
    text-align: left;
    position: relative;
}

.the-image-category img {
    width: 70%;
    margin: 0 auto;
    height: auto;
    border: 1px solid #ccc;
}


.marketing-image-content-left.stay-left a.button {
  margin: 0 0 0 0;
}

.summerize {
text-align: left;
font-size: 16px;
line-height: 24px;
padding-top: 15px !important;
display: block;
padding-bottom: 15px;
min-height: 100px;
 }


.compare-products-chart {
margin: 0 0px 0px;
text-align: center;
background: #f4f4f4;
}

.compare-products-chart h2 {
text-align: left;
margin-bottom: 18px;
margin-left: 1%;
width: 290px;
float: left;
margin-top: 20px;
display: none;
}

.compare-products-chart .pillars {
width: 31%;
display: inline-block;
text-align: left;
border: 1px solid #cbcbcb;
margin: 0 .75%;
vertical-align: top;
background: #fff;
margin-bottom: 50px;
}

.product-compare-image {
background: #fff;
padding: 25px;
height: 340px;
position: relative;
}

.product-compare-image img {
max-height:90%;
text-align: center;
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
width: 90%;
height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


h3.compare-product-title {
background: #141414;
padding: 15px;
color: #fff;
text-align: center;
font-size: 18px;
line-height: 24px;
}

.clear-filters {
text-align: center;
padding-top: 20px;
border: 0px;
display: inline-block;
float: none;
width: 100%;
text-align: center;
margin-right: auto;
margin-left: auto;
}

.clear-filters a { display: inline-block; margin: 0 .5%; font-weight: bold; }

a.clear-filters-icon {
background: transparent url(../pics/clear-icon.png) left 7px no-repeat;
padding-left: 20px;
padding-right: 10px;
display: inline-block;
background-size: 15px auto;
font-weight: normal;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
}

.the-compare-filters {
margin: -50px auto 0px auto;
overflow: hidden;
width: 100%;
float: none;
text-align: center;
padding-top: 30px;
padding-bottom: 0;
background: #eee;
}

.select-three {
float: none;
margin-right: auto;
margin-left: auto;
font-size: 14px;
line-height: 18px;
text-align: center;
}

a.button.compare-check, a:hover.button.compare-check {
font-size: 21px;
line-height: 28px;
margin-bottom: 10px;
margin-top: 0px;
padding-left: 47px !important;
background: #005596 url(../pics/white-compare-check.gif) 20px 19px no-repeat;
background-size: 14px auto;
}

 a:hover.button.compare-check {
   background: #141414 url(../pics/white-compare-check.gif) 20px 19px no-repeat;
   background-size: 14px auto;
 }

a.grey-button {
background: #fff;
border: 1px solid #005596;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
padding: 0px 10px;
display: block;
width: 100px;
margin: 10px auto 30px;
}

a:hover.grey-button {
  background: #005596;
  border: 1px solid #005596;
  color: #fff;
}

.check-mark-bullets ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style: none; }

.check-mark-bullets li {
  list-style: none;
  background: transparent url(../pics/checkmark.gif) left 10px no-repeat;
  padding-left: 25px;
  margin-left: 40px;
  margin-right: 40px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background-size: 15px auto; }

.featherlight-content img.gallery-icon {
  width: 90%;
  height: auto;
}

.fotorama__nav-wrap {
margin-top: 20px;
}

.contact-page, .two-column-page, .super-page {
  max-width: 1600px;
  width: 90%;
  margin: 50px auto;
  overflow: hidden;
  vertical-align: top;
}

.left-side-contact {
  display: inline-block;
  width: 59%;
  margin-right: 2%;
  float: left;
}

.left-side-contact a {
 font-weight: 500;
}

.right-side-contact {
  display: inline-block;
  width: 37%;
  float: right;
}

.filled-color {
  fill: #005596 !important;
}

.left-side-rep {
  display: inline-block;
  width: 48%;
  float: left;
  border-bottom: 1px solid #eee;
}

.right-side-rep {
  display: inline-block;
  width: 48%;
  margin-left: 2%;
  float: right;
}

#contact-form ul, .webform-submission-service-training-add-form ul {
overflow: hidden;
vertical-align: top;
list-style: none;
margin: 0;
padding: 0;
}

#contact-form li.full, .webform-submission-service-training-add-form li.full {
margin: 1%;
display: block;
width: 96%;
padding-bottom: 10px;
}

#contact-form li.half, .webform-submission-service-training-add-form li.half {
margin: 1%;
width: 47%;
vertical-align: top;
display: inline-block;
padding-bottom: 10px;
}

#contact-form li label, .webform-submission-service-training-add-form li label {
display: block;
margin-bottom: 5px;
 }

 .webform-submission-service-training-add-form select {
color: #333 !important;
 }


 .webform-submission-service-training-add-form .captcha,
 .webform-submission-service-training-add-form .webform-button--submit {
margin-left: 1% !important;
 }

 .webform-submission-service-training-add-form {
margin-top: 10px;
 }

 .webform-submission-form .radios--wrapper {
  border: none;
  margin: 1%;
  padding: 0;
}

.webform-submission-form .radios--wrapper .fieldset-legend {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 5px;
}

.webform-submission-form .radios--wrapper input.form-radio {
  display: inline-block;
  width: auto;
  border: none;
  box-shadow: none;
  outline: none;
  padding: 0;
  margin: 0 5px 0 0;
}

.webform-submission-form .radios--wrapper label.option {
  font-weight: normal;
  margin-right: 25px;
}

@media (min-width: 768px) {
  .webform-submission-form .radios--wrapper input.form-radio {
    width: 2%;
    margin: 0;
  }

  .webform-submission-form .radios--wrapper label.option {
    width: 47%;
    display: inline-block;
    margin-right: 0;
  }
}

.contact-icons ul {
margin: 0;
padding: 0;
list-style: none;
vertical-align: top;
}

.contact-icons li {
display: inline-block;
width: 48%;
vertical-align: top;
margin-top: 30px;
}

.contact-icons li h5 {
margin: 10px 0 5px;

}

.contact-icons li p {
margin-top: 0px;
}

img.contact-icons {
width: 23px;
height: auto;
}

.contact-icons li.service-stuff {
display: block;
width: 100%;
vertical-align: top;
margin-top: 20px;
padding-top: 25px;
border-top: 1px solid #eee;
}

.contact-icons li.service-stuff p { margin-bottom: 0px; }

/* -------------------------------------------- *
 * Inputs
 */


input, button, textarea, select {
  box-sizing: border-box !important;
  line-height: normal;
  -webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	color: #414141;
  font-size: 18px;
  line-height: 24px;
  color: #141414;
}
input, textarea {
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: color, background-color, opacity, border-color, box-shadow;
    transition-timing-function: ease-out;
    margin-bottom: 10px;
}
input, input[type="text"], input[type="text"]:disabled, input[type="tel"], input[type="email"], input[type="search"], input[type="password"], textarea, input#coupon_code {
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
    outline: 0 none;
    padding: 0.75em;
    display: block;
    width: 100%;
    color: #141414;
}

 #mc_embed_signup input.email {
   border: 1px solid #ccc !important;
   box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset !important;
   outline: 0 none !important;
   padding: 0.75em !important;
   display: block !important;
   width: 100% !important;
   color: #141414 !important;
   height: 52px !important;
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
 }

 #mc_embed_signup .clear {
    display: inline-block !important;
    float: left !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

input[type="text"]:disabled{background-color:#fff; color: #333 !important; }


input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #f1f1f1;
    border-color: #f1f1f1;
    box-shadow: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    background: transparent url("../pics/select-arrow-down.gif") right 0 no-repeat;
    border: 1px solid #ccc;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
    outline: 0 none;
    padding: 0.75em;
    display: block;
    width: 100%;
    background-size: 57px auto;
    color: #141414;
}

textarea { color: #141414; }

.required { color: #005596; }

input#newsletter { width: 280px; display: inline-block; }


.side-by-sides .custom-dropdown.custom-dropdown--white {
width: 100%;
}

.side-navigation {
display: inline-block;
width: 20%;
vertical-align: top;
margin-right: 2%;
}

.side-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

.side-navigation li a {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  font-weight: normal;
}

.side-navigation li a.active {
  font-weight: bold;
}

.two-column-body {
vertical-align: top;
width: 77%;
display: inline-block;
}


*.mix,
*.mix:before,
*.mix:after {
    box-sizing: border-box;
}

/* Controls
---------------------------------------------------------------------- */

.controls {
    padding: 1rem;
    background: #141414;
    font-size:16px;
    color: #fff;
    text-align: center;
}

.control {
    position: relative;
    display: inline-block;
    background: #444;
    cursor: pointer;
    font-size: 16px;
    color: #141414;
    transition: background 150ms;
    padding: 15px 25px;
    margin-bottom: 15px;
    border: 0px solid #ccc;
    background: #ccc;
}

.side-by-sides {
width: 275px;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 0 10px;
}

.side-by-sides .filter-by {
font-weight: bold;
color: #fff;
font-size: 21px;
line-height: 24px;
display: block;
margin-bottom: 5px;
text-transform: uppercase;
}

#user-login-form .side-by-sides .filter-by { color: #333; font-size: 16px; }

#user-login-form .side-by-sides { margin: 0 0px; }

.options-wrap-up {
display: block;
clear: left;
padding-top: 5px;
}

.control:hover {
    background: #3f3f3f;
}


.mixitup-control-active {
    background: #fff;
}

.mixitup-control-active[data-filter]:after {
    background: transparent;
}


.control[data-filter] + .control[data-sort] {
    margin-left: .75rem;
}

.control[data-filter=".application-drawing"],
.control[data-filter=".preventative"],
.control[data-filter=".owners-manuals"],
.control[data-filter=".brochures"],
.control[data-filter=".case-studies"],
.control[data-filter=".check-sheets"],
.control[data-filter=".installation-overview"],
.control[data-filter=".pit-details"],
.control[data-filter=".manuals-past"],
.control[data-filter=".site-surveys"],
.control[data-filter=".spanish"],
.control[data-filter=".spec-sheets"]

{
    background: #005596;
    color: #fff;
}



/* Container
---------------------------------------------------------------------- */

.wrap-up { background: #fff; padding-top: 40px; }


.wrap-up .container {
    padding: 1rem;
    text-align: justify;
    background: #fff;
    max-width: 90%; margin: 0 auto;
}

.wrap-up .container {
    padding: 1rem;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    text-align: center;
}


.wrap-up .container ul {
list-style:none;
margin: 0;
padding: 0;
}

.wrap-up .container ul li {
color: #141414;
font-size: 16px;
line-height: 17px;
border-bottom: 1px solid #eee;
padding-top: 10px;
padding-bottom: 10px;
}

.wrap-up .container ul li a { font-weight: normal; line-height: 21px; }

/* Target Elements
---------------------------------------------------------------------- */

.mix,
.gap {
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    text-align: left;
}

.gap { padding: 0px 0px;}

.mix {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    border-top: .5rem solid currentColor;
    border-radius: 2px;
    margin-bottom: 1rem;
    position: relative;
    backface-visibility: hidden; /* prevents flicker in chrome */
    will-change: transform, opacity; /* prevents flicker in safari */
}

.mix {
    background: #fff;
    border-top: .5rem solid currentColor;
    border-radius: 2px;
    margin-bottom: 1rem;
    position: relative;
    vertical-align: top;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-height: 130px;
    width: 30%;
    display: inline-block;
}


.mix.application-drawing, .mix.owners-manuals, .mix.case-studies, .mix.brochures, .mix.check-sheets, .mix.installation-overview,
.mix.preventative, .mix.pit-details, .mix.manuals-past, .mix.site-surveys, .mix.spanish, .mix.spec-sheets, .mix.planned-maintenance,  .mix.tech-bulletins {
    color: #005596;
}


.mix .faq {
    width: 100%;
    border-top: 0px solid #eee;
    margin-top: 0px;
}

.mix .faq h3 {
margin-bottom: 0px;
font-size: 21px;
line-height: 27px;
 }

.mix .faq .item.jquery-accordion-active .question h3 {
color: #fff;
margin-bottom: 0px;
}

.mix .faq .fa.fa-plus {
    color: #005596 !important;
    font-size: 15px;
}

.mix .faq .item .question {
    border-bottom: 0px solid #eee;
}

.selected {
    width: 70%;
    margin: 0 auto;
}


/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */

.mix,
.gap {
    width: calc(100%/1 - (((1 - 1) * 1rem) / 1));
}

/* 3 Columns */

@media screen and (min-width: 541px) {
    .mix,
    .gap {
        width: calc(100%/1 - (((1 - 1) * 1rem) / 1));
    }
}

/* 4 Columns */

@media screen and (min-width: 961px) {
    .mix,
    .gap {
        width: calc(100%/2 - (((2 - 1) * 1rem) / 1));
    }
}

/* 5 Columns */

@media screen and (min-width: 1281px) {
    .mix,
    .gap {
        width: calc(100%/3 - (((3 - 1) * 1rem) / 3));
    }
}


.mm-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    text-align: left;
}

.mm-menu_theme-dark {
    --mm-color-border: rgba( 0,0,0, 0.3 );
    --mm-color-button: rgba( 255,255,255, 0.4 );
    --mm-color-text: rgba( 255,255,255, 0.85 );
    --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
    --mm-color-background: #141414 !important;
    --mm-color-background-highlight: rgba( 255,255,255, 0.08 );
    --mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
    --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 );
}


a.hamburger, a.close-menu { display: none; }

.mm-menu a {
font-size: 16px;
line-height: 21px;
color: #fff !important;
border-top: 1px solid #727272;
}

.mm-menu li:last-child a {
font-size: 16px;
line-height: 21px;
color: #fff;
border-bottom: 1px solid #686868;
}

a.mm-btn.mm-btn_next.mm-listitem__btn {
background: #005596 !important;
}

.mm-navbar__searchfield {
padding: 15px;
}

.mm-navbar__searchfield input {
background: #fff !important;
color: #333 !important;
font-size: 16px !important;
}

.mm-btn_next::after {
    border-top: 2px solid #fff !important;
    border-left: 2px solid #fff !important;
}

.mm-btn_prev::before {
  border-top: 2px solid #fff !important;
  border-left: 2px solid #fff !important;
}

.central-container {
   width: calc(0/0 - (((0 - 0) * 0rem) / 0));
   display: block;
   width: 60%;
   margin: 0 auto !important;
}

h2.sub-title {
font-weight: bold;
font-size: 28px;
line-height: 32px;
margin-bottom:20px;
}

h3.main-block-heading {
margin-bottom: 10px;
font-weight: bold;
}

.black-box a.button {
margin: 15px 0;
}

.black-box a:hover.button {
margin: 15px 0;
background: #666666;
}

.side-by-side-columns {
display: inline-block;
vertical-align: top;
margin: 25px 5% 0 0;
width: 45%;
float: left;
}


.side-by-side-columns h3 {
margin-bottom: 30px;
}

img.align-right {
  width: 35%;
  margin: 0 0 25px 40px !important;
  float: right;
  height: auto;
}

img.align-left {
  width: 35%;
  margin: 0 40px 25px 0px !important;
  float: left;
  height: auto;
}

img.align-center {
  width: 100%;
  margin: 40px auto 25px auto !important;
  height: auto;
}


hr {
border: 0;
border-top: 1px solid #ccc;
margin-top: 50px;
margin-bottom: 50px;
}

.side-by-side-columns a.button {
margin-left: 0;
margin-right: 0;
}

.two-column-body .super-page {
margin: 0 0 0 0;
width: 100%;
}

.two-column-body .band .documents {
    max-width: 95%;
    text-align: center;
}

.two-column-body .band .documents li {
float: left;
text-align: left;
vertical-align: top;
height: 60px;
margin: 0 1.5%;
 }


.mm-menu a {
width: 53px !important;
}


.my-masonry-grid-item {
  background-color: #bbe6e8;
  color: cadetblue;
  font-size: 72px;
  margin: 0 6px 12px;
  padding: 0 10px;
}


.fotorama__arr {
    position: absolute;
    width: 62px !important;
    height: 62px !important;
    top: 52%;
    margin-top: -16px;
}

.fotorama__arr.fotorama__arr--next {
  background: transparent url(../pics/next-shadow-arrow.png) 0px 0px no-repeat !important;
  background-size: 100% auto !important;
  width: 62px !important;
  height: 62px !important;
 }

.fotorama__arr.fotorama__arr--prev {
   background: transparent url(../pics/prev-shadow-arrow.png) 0px 0px no-repeat !important;
   background-size: 100% auto !important;
   width: 62px !important;
   height: 62px !important;
  }

.fotorama__fullscreen-icon {
    width: 62px !important;
    height: 62px !important;
    top: 0px;
    bottom: 0 !important;
    right: 2px;
    background-position: top left;
    z-index: 20;
    background: transparent url(../pics/zoom.png) 0px 0px no-repeat !important;
    background-size: 100% auto !important;
}


.fotorama--fullscreen .fotorama__fullscreen-icon {
    width: 62px !important;
    height: 62px !important;
    top: 20px;
    bottom: 0 !important;
    right: 0px;
    background-position: top left;
    z-index: 20;
    background: transparent url(../pics/close-big-window.png) 0px 0px no-repeat !important;
    background-size: 70% auto !important;
}

/* ---- grid ---- */

.grid {
  background: #111;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  width: 100%;
}


.black-background {
width: 100%;
background: #111;
text-align: center;
color: #fff;
padding: 60px 0px 50px;
}

.black-background h1, .black-background p {
text-align: center;
color: #fff;
}

/*.product-extra-nav {
display: none;
}

.header.sticky .product-extra-nav {
z-index: -1px;
display: block;
text-align: right;
font-size: 12px;
line-height: 16px;
width: 102%;
background: #e7e7e7;
padding: 13px 30px;
margin-top: 48px;
margin-left: -15px;
margin-right: -15px;
}*/

.product-extra-nav {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    background: #e7e7e7;
    margin-top: 3px;
    padding: 16px 0;
    clear: both;
    transition: all .3s ease;
}

.product-extra-nav.hidden {
  display: none !important;
}

.product-extra-nav.visible.in-view {
  display: block;
  transition: all .3s ease;
}

.header.sticky .product-extra-nav {
    width: auto;
    margin-top: 40px;
    padding: 13px 0;
}

.product-extra-nav a {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }

.product-anchor {
    display: block;
    position: relative;
    top: -10px;
    visibility: hidden;
}

.sticky-padding .product-anchor {
      top: -10px;
}

@media (min-width: 580px) {
  .product-extra-nav {
      text-align: right;
      margin-top: 3px;
  }

  .header.sticky .product-extra-nav {
      margin-top: 48px;
      padding: 13px 15px;
  }

  .product-anchor {
      top: -175px;
  }

  .sticky-padding .product-anchor {
        top: -50px;
  }
}

@media (min-width: 1200px) {
  .product-extra-nav {
      text-align: right;
      margin-top: 72px;
  }

  .header.sticky .product-extra-nav {
      margin-top: 48px;
      padding: 13px 40px;
  }

  .product-anchor {
      top: -190px;
  }

  .sticky-padding .product-anchor {
        top: -100px;
  }
}

@media (min-width: 1220px) {
  .product-extra-nav {
      margin-top: 11px;
  }
}

@media (min-width: 1380px) {
  .product-extra-nav {
      margin-top: 2px;
  }
}

@media (min-width: 1600px) {
  .sticky a.logo {
    margin-bottom: 0;
  }

  .product-extra-nav {
      margin-top: 11px;
  }
}

@media (min-width: 580px) and (max-width: 1280px) {
  .header.sticky .cta-buttons {
    margin-right: -15px;
  }

  .product-extra-nav {
    position: relative;
  }

  .product-extra-nav:before,
  .product-extra-nav:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 15px;
    background: #e7e7e7;
  }

  .product-extra-nav:before {
    left: -15px;
  }

  .product-extra-nav:after {
    right: -15px;
  }
}

  /**
   * Featherlight Loader
   *
   * Copyright 2015, WP Site Care http://www.wpsitecare.com
   * MIT Licensed.
   */
  @-webkit-keyframes featherlightLoader {
  	0% {
  		-webkit-transform: rotate(0deg);
  		transform: rotate(0deg);
  	}

  	100% {
  		-webkit-transform: rotate(360deg);
  		transform: rotate(360deg);
  	}
  }

  @keyframes featherlightLoader {
  	0% {
  		-webkit-transform: rotate(0deg);
  		transform: rotate(0deg);
  	}

  	100% {
  		-webkit-transform: rotate(360deg);
  		transform: rotate(360deg);
  	}
  }

  .featherlight .featherlight-content{
    position: relative;
  }
  .featherlight-loading .featherlight-content{
    width: 96px;
    height: 120px;
    background: none;
    overflow: hidden;
    margin: 0;
  }

  .featherlight .featherlight-content:before {
    position: absolute;
    box-sizing: border-box;
    display: block;
    content:'';
    -webkit-animation: featherlightLoader 1s infinite linear;
    animation: featherlightLoader 1s infinite linear;
    background: transparent;
    border: 8px solid #8f8f8f;
    border-left-color: #fff;
    border-radius: 80px;
    width: 80px;
    height: 80px;
    min-width: 0;
    top: calc(50% - 40px);
    left:calc(50% - 40px);
    z-index: 0;
  }

  .featherlight .featherlight-content img{
    z-index: 1;
    position:relative;
  }
  .featherlight-previous,
  .featherlight-next{
    z-index: 2;
  }
  .featherlight-loading .featherlight-content > * {
    display: none !important;
  }

  .featherlight-loading .featherlight-close,
  .featherlight-loading .featherlight-inner {
    display: none;
  }




.grid-item a.active::after, .lazy-images .grid-item a.image-lazyloaded::after, html:not(.lazy-images) .grid-item a::after {
      border-width: 2px;
      border-color: white;
      opacity: .5;
  }

  .grid-item a:hover::after {
    transform: scale(0.9);
    border-color: white;
    opacity: 1 !important;
}


  .grid-item a::after {
    margin: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    -webkit-clip-path: polygon(0 calc(100% - 1rem), 0 100%, 1rem 100%, 1rem 0, 0 0, 0 1rem, 100% 1rem, 100% 0, calc(100% - 1rem) 0, calc(100% - 1rem) 100%, 100% 100%, 100% calc(100% - 1rem));
    clip-path: polygon(0 calc(100% - 1rem), 0 100%, 1rem 100%, 1rem 0, 0 0, 0 1rem, 100% 1rem, 100% 0, calc(100% - 1rem) 0, calc(100% - 1rem) 100%, 100% 100%, 100% calc(100% - 1rem));
}

.grid-item a::before, .grid-item a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0 solid rgba(0, 0, 0, 0.1);
    transition: all 0.2s;
    will-change: border;
    z-index: 10;
}

.grid-item a.active::before, .lazy-images .grid-item a.image-lazyloaded::before, html:not(.lazy-images) .grid-item a::before {
    border-width: 0.5rem;
}

.grid-item a img { position: relative; }

a .gallery-caption  {
opacity: 0;
transition: .5s ease;
font-size: 14px;
line-height: 19px;
font-weight: 500;
width: auto;
padding: 5px 15px;
 }

a:hover .gallery-caption  {
position: absolute;
opacity: 9;
z-index: 2 !important;
background: #111;
color: #fff;
width: auto;
padding: 5px 15px;
  }

.the-water {
width: 100%;
overflow: hidden;
background: #eee;
margin-top: 40px;
}

.st0, .st9 {
    fill: #eee !important;
}


.wrap-map {
position: relative;
width: 58%;
margin: 0px auto 0 !important;
overflow: hidden;
  }

  #us-map {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0 !important;
    width: 100%;
    padding-top: 100%;
  }

  .st1 {
      fill: #999 !important;
  }

  path:hover, .st1:hover {
    fill: #005596 !important;
    cursor: pointer;
  }


.st3:hover, .st4:hover, .st15:hover, .st11:hover { fill: none !important; }


span.the-star { display: inline-block; width: 18px; height: 18px; }

span.the-star img { width: 100%; height: auto; }

.align-left-slide {
	float: left;
}

.align-right-slide {
	float: right;
}


#mc_embed_signup
{background:#141414;
  clear:left;
  text-align: left;
  width:100%;}

#mc_embed_signup input.email {
width: 280px !important;
display: inline-block !important;
float: left !important;
}


#views-exposed-form-search-page-page-1 {
background: #141414;
width: auto;
margin: 0px auto 40px;
padding: 45px 25px 35px;
color: #fff;
text-align: center;
}

#views-exposed-form-search-page-page-1 label {
font-size: 28px;
line-height: 35px;
display: block;
margin-bottom: 5px;
}

input#edit-submit-search-page {
margin-left: auto;
margin-right: auto;
}


input#edit-search {
width: 35%;
margin-left: auto;
margin-right: auto;
}

.search-results .item-list {
width: 90%;
margin: 50px auto;
}

.search-results .item-list ul {
  margin-left: 0;
  padding-left: 0;
}

.search-results .item-list li {
  list-style: none;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 45px;
  display: block;
  width: 100%;
  overflow: hidden;
  clear: both;
  margin-left: 0;
  padding-left: 0;
}


.search-results .item-list li h2 {
font-size: 18px;
line-height: 24px;
}

.search-results ul.links.inline li {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px;
}

.search-results ul.links.inline li a {
  display: block;
  font-size: 12px;
  margin-bottom: 20px;
  text-transform: uppercase;
  background: #005596;
  color: #fff;
  text-align: center;
  display: table;
  padding: 3px 15px;
  margin-top: 10px;
}

.search-results ul.links.inline li a:hover {
  background: #333;
}


.pager { padding:1.6em 0; border-top:1px solid #e4e4e4; list-style:none; display: block; }
.pager li { display:inline; vertical-align: top; }
ul.pager { padding-top: 30px;  margin: 30px 0 !important;  }
.pager li.pager-current { background:#f3f3f3; color:#333; cursor:text; line-height:1; display:inline-block;  font-size:0.8em; font-weight:700; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; width:2em; height:2em; padding:0.5em 0; text-align:center; }
.pager li a { margin-top: 3px; line-height:1; display:inline-block; background:#005596; color:#fff; font-size:0.8em; font-weight:700; font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; width:2em; height: auto; padding:0.5em 0; text-align:center; }

li.pager__item.pager__item--first a, li.pager__item.pager__item--previous a,
li.pager__item.pager__item--next a, li.pager__item.pager__item--last a { width: 100px; }

.pager li.pager-next a,
.pager li.pager-previous a,
.pager li.pager-first a,
.pager li.pager-last a  { width:auto; padding:0.5em; white-space:nowrap; text-transform: capitalize; }
.pager a:hover { background:#333; }




/* DEMO 4 */

.wrapper-dropdown-4 {
    /* Size and position */
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 12px 14px;
    text-align: left;

    /* Styles */
    background: #fff;
    border: 1px solid #d6d6d6;
    cursor: pointer;
    outline: none;
    font-size: 18px;
    line-height: 24px;
    color:#414141;
    background: transparent url("../pics/select-arrow-down.gif") right 0 no-repeat;
    background-size: 57px auto;
    border: 1px solid #ccc;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.075) inset;
}

.wrapper-dropdown-4:after {
    content: "";
}

.wrapper-dropdown-4 .dropdown {
    /* Size & position */
    position: absolute;
    z-index: 999;
    top: 100%;
    margin-top: -1px;
    left:-1px;
    right: -1px;
    padding: 0px;
    margin: 0px;
    width: 100%;
	  min-width: 200px;

    /* Styles */
    background: white;
    border: inherit;
    border-top: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}

/* Red lines: the pseudo-elements way */
.wrapper-dropdown-4 .dropdown:before,
.wrapper-dropdown-4:before {

}

/* Red lines: the gradients way */

/*
.wrapper-dropdown-4 .dropdown,
.wrapper-dropdown-4 {
  background: linear-gradient(left, white 5%, #ffaa9f 5%, #ffaa9f 5.3%, white 5.3%, white 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, white 6.8%);
}

.wrapper-dropdown-4 .dropdown li:hover label {
  background: linear-gradient(left, #f0F0F0 5%, #ffaa9f 5%, #ffaa9f 5.3%, #f0F0F0 5.3%, #f0F0F0 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, #f0F0F0 6.8%);
}
*/

.wrapper-dropdown-4 .dropdown li:first-child {
	border-top: 1px solid #d6d6d6;
}

.wrapper-dropdown-4 .dropdown li {
    position: relative; /* Enable absolute positioning for checkboxes */
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    margin: 0;
}

.wrapper-dropdown-4 .dropdown li label {
    display: block !important;
    padding: 20px 5px 15px 5px; /* Same padding as the button */
    border-bottom: 1px solid #d6d6d6;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: 21px;
    text-transform: none;
    font-weight: normal;
    padding-left: 25px;
    display: inline-block;
    margin-bottom: 0px !important;
    color: #141414;
}

.wrapper-dropdown-4 .dropdown li:last-of-type label {
    border: none;
}

.wrapper-dropdown-4 .dropdown li input /* Checkboxes */ {
    display: inline-block;
    width: 15px;
    height: 15;
    border: 0px;
    float: left;
    margin: 23px 10px 0 10px;
    display: none;
}

/* Hover state */

.wrapper-dropdown-4 .dropdown li:hover label {
    cursor: pointer;
    color: #141414;
    background: #eee;
}

/* Checked state */

.wrapper-dropdown-4 .dropdown li input:checked ~ label {
    color: #141414;
}

.wrapper-dropdown-4 .dropdown li:hover input:checked ~ label {
    color: #141414;
}

/* Active state */

.wrapper-dropdown-4.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-4.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.filters input[type="checkbox"] {
    display:none;
}
.filters input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin: 0 0px;
    vertical-align:middle;
    background:url(../pics/checkbox.jpg) left top no-repeat;
    cursor:pointer;
    font-size: 18px;
    line-height: 21px;
    padding-left: 30px;
}
.filters input[type="checkbox"]:checked + label span {
    background:url(../pics/checkbox-on-new.gif) top left no-repeat;
}

.filters label.the-size span, .filters label.blogCategoryFilter span { width: auto !important; padding-left: 0px; float: left; }

#single-dd.wrapper-dropdown-4.active, #tech-dd.wrapper-dropdown-4.active, #general-dd.wrapper-dropdown-4.active {
    z-index: 9999999999999 !important;
    border: 1px solid #ccc;
}

a.compare-selected-btn {
display: inline-block;
float: right;
border: 1px solid #005596;
font-size: 12px;
line-height: 16px;
margin-right: 10px;
padding: 10px 15px 9px !important;
vertical-align: top;
color: #005596; }

a:hover.compare-selected-btn {
color: #fff;
background: #005596;
}

li.button-item a.close-button {
  color: #fff;
  margin: 15px 0 15px 25px;
  padding: 12px 35px !important;
  font-weight: 400;
  display: table;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  transition: .3s ease;
  background: #005596;
  background-color: rgb(210, 40, 46);
  text-transform: uppercase;
  font-weight: 800;
  width: auto;
  background-color: #005596;
  border: none;
}


.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage, .fotorama--fullscreen {
    background: #fff !important;
}

.fotorama--fullscreen .fotorama__stage__frame.fotorama__loaded.fotorama__loaded--img.fotorama__active img.fotorama__img {
width: 70% !important;
margin: 20px auto !important;
height: auto !important;
}

.fotorama__nav-wrap {
    margin-top: 0px !important;
}


.tabs-wrap { display: block; overflow: hidden; min-height: 720px; position: relative; }

.tabs .tab{
   overflow: hidden;
   width:100%;
   margin:0;
   text-align: center;
}

.tabs .tab .radioClass{
    display:none;
}

.tabs .content {
    position: absolute;
    opacity:0;
    z-index: 0 !important;
    left: 50%;
    top: 0;
    width: 100%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    text-align: center;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
}

.tabs>.tab .radioClass:checked ~ .content {
  opacity:1;
  transition: opacity 1s ease;
}

.tabs img {
  width: 100%;
  height:80%;
}

.tabs p {
  text-align:justify;
}

.tabs {
  position:absolute;
  bottom:0;
  width:100%;
  display:flex;
  flex-direction:row;
  margin:0;
  padding:0;
}

.tabs .tab label {
    display:block;
    text-align:center;
    padding:2vh 2vw 2vh 2vh;
    cursor: pointer;
    font-size:1em;
    background-color:#fff;
    color: #d2282e;
    border: 1px solid #eee;
    margin: 0 2%;
    background:url(../pics/360-view.gif) 30% 23px no-repeat;
    background-size: 45px auto;
    border: 1px dashed red;
}

.tabs .tab label.gallery-icon {
  background:url(../pics/gallery-of-images.gif) 30% 22px no-repeat;
  background-size: 20px auto;
}

.tabs .tab label:hover.gallery-icon {
  background: #005596 url(../pics/gallery-of-images-on.gif) 30% 22px no-repeat;
  background-size: 20px auto;
  color: #fff !important;
}


.tabs .tab label:hover{
color: #fff !important;
transition: all 0.3s ease;
border: 1px solid #005596;
background: #005596 url(../pics/360-view-on.gif) 30% 23px no-repeat;
background-size: 45px auto;
}

.indicator {
  position:absolute;
  bottom:0px;
  width:0px;
}
.tabs>.tab .radioClass:checked ~.indicator{
  width: 50vw;
  transition:width 400ms ease;
}
.tabs>.tab .radioClass:checked + label {
  color: #d2282e;
  border: 1px solid #d2282e;
}

.tabs-wrap { display: block; overflow: hidden; min-height: 720px; position: relative; }

.tabs .tab{
   overflow: hidden;
   width:100%;
   margin:0;
   text-align: center;
}

.tabs .tab .radioClass{
    display:none;
}

.tabs .content {
    position: absolute;
    opacity:0;
    z-index: 2;
    left: 50%;
    top: 0;
    width: 100%;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    text-align: center;
    height: 650px;
    margin-left: auto;
    margin-right: auto;
}

.tabs>.tab .radioClass:checked ~ .content {
  opacity:1;
  z-index: 3 !important;
  transition: opacity 1s ease;
}

.tabs p {
  text-align:justify;
}

.tabs {
  position:absolute;
  bottom:0;
  width:100%;
  display:flex;
  flex-direction:row;
  margin:0;
  padding:0;
}

.tabs .tab label {
    display:block;
    text-align:center;
    padding:2vh 2vw 2vh 2vh;
    cursor: pointer;
    font-size:1em;
    background-color:#fff;
    color: #005596;
    border: 1px solid #eee;
    margin: 0 2%;
    background:url(../pics/360-view.gif) 30% 23px no-repeat;
    background-size: 45px auto;
}

.tabs .tab label.gallery-icon {
  background:url(../pics/gallery-of-images.gif) 30% 22px no-repeat;
  background-size: 20px auto;
}

.tabs .tab label:hover.gallery-icon {
  background: #005596 url(../pics/gallery-of-images-on.gif) 30% 22px no-repeat;
  background-size: 20px auto;
  color: #fff !important;
}


.tabs .tab label:hover{
color: #fff !important;
transition: all 0.3s ease;
border: 1px solid #005596;
background: #005596 url(../pics/360-view-on.gif) 30% 23px no-repeat;
background-size: 45px auto;
}


.tabs>.tab .radioClass:checked + label {
  color: #005596 ;
  border: 1px solid #005596 ;
}



.outer-block {
    width: 90%;
    margin: 0 auto;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.spanish-docs .band.grey {
  display: inline-block;
  margin: 0 0 .5em;
  width: 100%;
  padding: 30px 0 25px 0;
   }

.spanish-docs .band.grey .documents {
      max-width: 90%;
      margin: 0 auto;
      text-align: left;
  }

.spanish-docs .band.grey h2 {
      font-size: 18px !important;
      line-height: 24px;
      margin-bottom: 0px !important;
  }


.spanish-docs .band.grey .documents li {
      display: block;
      float: none;
      margin: 10px 6px;
      width: auto;
      margin: 10px 1.5%;
  }


/* ----- RESPONSIVE STYLES  -------*/
@media (max-width: 3100px) {
  .the-image img {
    margin: 0 auto;
    width: 90%;  }
}


@media (max-width: 1700px) {
.header { padding: 10px 15px 10px; }
a.logo { margin-bottom: 7px; margin-right: 0px; width: 228px; height: 73px; }
.cta-buttons { margin-top: 0px; }

.the-image img {
  margin: 0 auto;
  width: 90%;
}

}

@media (max-width: 1600px) {

.wrap { margin: 3px auto 0 !important; }

a.logo {
    margin-bottom: 0px;
    margin-right: 0px;
    width: 210px;
    height: 70px;
}

.header {
height: 65px;
}

a.button.find-a-dealer, a.button.contact-us {
  padding: 12px 25px !important;
  padding-left: 43px !important;
  margin-top: 10px; }

a:hover.button.find-a-dealer, a:hover.button.contact-us {
    padding: 12px 25px !important;
    padding-left: 43px !important;
    margin-top: 10px; }

a.button.find-a-dealer {
    background: #141414 url("../pics/location-marker.png") 19px 13px no-repeat;
}

a.button.contact-us {
    background: #005596 url("../pics/phone-icon.png") 17px 12px no-repeat;
}

a:hover.button.find-a-dealer {
    background: #005596 url("../pics/location-marker.png") 19px 13px no-repeat;
}

a:hover.button.contact-us {
    background: #141414 url("../pics/phone-icon.png") 17px 12px no-repeat;
}

ul.primary li a {
    padding: 20px 12px;
    font-size: 17px;
}

ul.sub li a {
    border-right: none;
    color: #b0b0b0 !important;
    padding: 2px 0px 2px !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
}

ul.sub.full {
    width: 145%;
    display: none;
    left: -25px;
    right: 0;
    margin: 0 auto;
}

.marketing-image-content-right, .marketing-image-right, .marketing-image-content-left, .marketing-image-left {
    min-height: 400px;
}



}

@media (max-width: 1440px) {
a.logo { margin-right: 15px; }
ul.primary li a { font-size: 16px; }

.black-box {
padding: 20px;
text-align: left;
background: #141414;
min-height: 250px;
 }

}

@media (max-width: 1380px) {

a.logo {
    margin-bottom: 0px;
    margin-right: 0px;
    height: 63px;
    width: 190px;
}

.header {
height: 62px;
}

.wrap {
    margin: 11px auto 0 !important;
}

.header.sticky ul.primary li a {
    padding: 9px 7px;
    font-size: 13px;
    line-height: 18px;
}



.header.sticky a.button.find-a-dealer, .header.sticky a.button.contact-us {
    padding: 16px 25px !important;
    padding-left: 40px !important;
}


.header.sticky a.button.find-a-dealer { padding-right: 40px !important; }



a.button.find-a-dealer, a.button.contact-us {
    font-size: 12px;
    line-height: 16px;
}

ul.primary li:first-child a { padding-top: 10px; padding-bottom: 10px;}

ul.primary li a {
    padding: 10px 10px 10px;
    font-size: 15px;
}


ul.sub li a, .header.sticky ul.sub li a { padding: 2px 0px 0px; }

ul.primary li ul li a, ul.primary li ul li ul li a {
    padding: 2px 0px 2px;
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}

ul.sub li a {
    border-right: none;
    color: #b0b0b0 !important;
    padding: 2px 0px 2px !important;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
}

.compare-products-chart {
    margin: 0 25px 0px;
    text-align: center;
    background: #fff;
}

.check-mark-bullets li {
margin-left: 15px;
margin-right: 15px;
}

ul.sub li h4 {
    margin-bottom: 0px;
    margin-top: 0px;
}

ul.sub li h3 a {
    margin-bottom: 0px;
}

  #us-map{
    width: 90%;
  }

  .design-resources .band {
  width: 44%;
  display: inline-block;
  vertical-align: top;
  }

  .product-compare-image {
  background: #fff;
  padding: 25px;
  height: 220px;
  position: relative;
  }

}

@media (max-width: 1280px) {

  .contact-icons li {
      display: block;
      width: 100%;
      vertical-align: top;
      margin-top: 15px;
      padding-top: 20px;
      border-top: 1px solid #eee;
}

.header.sticky .wrap { display: none; }

.header.sticky a.hamburger {
    display: inline-block;
    cursor: pointer;
    float: right;
    font-size: 12px;
    line-height: 28px;
    width: 50px;
    height: 28px;
    padding: 10px 10px 10px 33px;
    background: #005596 url(../pics/mobile-menu.png) 14px 17px no-repeat;
    background-size: 15px auto;
    font-family: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
    font-family: 'Heebo', sans-serif;
}

.mm-navbars_top .mm-btn:after, .mm-navbars_top .mm-btn:before {
  border-color: #fff;
}

.mm-navbars_top .mm-navbar__title,
.mm-navbars_top .mm-btn {
  border-top: none;
}

.mm-navbars_top .mm-navbar__searchfield {
  border-top: 1px solid grey;
}

.mm-navbar.mm-navbar_sticky {
  display: none;
}

.two-column-body .band .documents li {
    float: none;
    height: auto;
    margin: 0 0 0 0;
}

.two-column-body .band .documents li  {
    display: block;
    float: none;
    width: 90%;
    margin: 0 auto 20px;
}

#para-4-fadetoggle {
    right: 385px;
}

.header #para-2-fadetoggle {
    left: -225px; }

}
@media (max-width: 1220px) {
.wrap, .utility-nav { display: none; }


.mm-menu_theme-dark {
    --mm-color-border: rgba( 0,0,0, 0.3 );
    --mm-color-button: rgba( 255,255,255, 0.4 );
    --mm-color-text: rgba( 255,255,255, 0.85 );
    --mm-color-text-dimmed: rgba( 255,255,255, 0.4 );
    --mm-color-background: #141414;
    --mm-color-background-highlight: rgba( 255,255,255, 0.08 );
    --mm-color-background-emphasis: rgba( 0,0,0, 0.1 );
    --mm-shadow: 0 0 20px rgba( 0,0,0, 0.5 );
}


a.hamburger {
    display: inline-block;
    cursor: pointer;
    float: right;
    font-size: 12px;
    line-height: 21px;
    width: 50px;
    height: 20px;
    padding: 10px 10px 10px 33px;
    background: #005596 url(../pics/mobile-menu.png) 14px 13px no-repeat;
    background-size: 15px auto;
    font-family: none;
    margin-top: 10px;
    margin-left: 13px;
    color: #fff;
    font-family: 'Heebo', sans-serif;
}


.header {
    height: 60px;
}

.header a.stick-nav.searchy {
  display: inline-block;
  text-indent: -5000px !important;
  margin-top: 0px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  background: #F2F2F2 url("../pics/search-icon-black.png") 15px 15px no-repeat;
  background-size: auto;
  background-size: 16px 16px;
  transition: .5s ease;
  padding:16px 15px;
}

.header a.stick-nav.searchy {
width: 15px;
height: 8px;
background: #F2F2F2 url("../pics/search-icon-black.png") 14px 12px no-repeat;
background-size: auto;
background-size: 16px 16px;
margin-top: 10px;
}

.header .stick-nav {
    display: inline-block;
    font-size: 12px;
    color: #141414;
    margin: 9px 15px 9px 5px;
    text-transform: uppercase;
}

.breadcrumbs {
  display: none;
}


}

@media (max-width: 1160px) {
.block-call-to-action .content-holder {
width: 90%; }

h1 { font-size: 30px; line-height: 38px; }

.cta-buttons {
    margin-top: -4px;
}

.rollover-video-blocks h2 {
font-size: 24px;
line-height: 28px;
}


.logos-band li img { width: auto; height: 30px; margin: 0 auto; padding: 0 1%; }

.product-media, .product-description {
    display: block;
    width: 90%;
    margin: 0 auto;
    vertical-align: top;
    text-align: left;
    clear: left;
    overflow: hidden;
}

.product-description {
  margin-top: 50px;
 }


#slider { width: 87%; }

.black-box {
min-height: 220px;
 }

}


@media (max-width: 1080px) {
.marketing-image-left, .marketing-image-content-right, .marketing-image-right, .marketing-image-content-left {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: top;
    position: relative;
    min-height: auto;
}

.marketing-image-content-left .content-holder, .marketing-image-content-right .content-holder {
    text-align: center;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

.the-image {
    text-align: left;
    position: relative;
    z-index: 2;
    left: 0;
    top: 0;
    width: 90%;
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    transform: translate( 0%, 0);
    margin: 0 auto 25px;
}

.the-image img {
    width: 75%;
    transform: none !important;
    margin-bottom: 25px !important;
}

.marketing-image-content-left .content-holder a.button, .marketing-image-content-right .content-holder a.button {
    margin-left: auto;
    margin-right: auto;
}

.summary-text p {
max-width: 90%;
margin: 0 auto;
}


.the-image-category {
  margin-bottom: 25px;
  text-align: left;
}

.marketing-image-content-left.stay-left {
text-align: left;
width: 90%;
margin: 10px auto 0;
}



}



@media (max-width: 1040px) {
  h1 { color: #333; }
  video.desktop-video, img.main-desktop { display: none !important; }
  video.mobile-video, img.main-mobile, .mobile-video { display: block !important; }

  video.mobile-video { width: 100%; height: auto; }

   .content-holder { width: 80%; }

  .content-holder.left-text, .content-holder.right-text {
    text-align: center !important; ;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 }

 #main-slider .content-holder.right-text a.button { margin-right: auto; }
 #main-slider .content-holder.left-text a.button { margin-left: auto; }
 .paralax-band .content-holder a.button { margin-left: auto; margin-right: auto; }

 .giffy-img.container {
     margin: 0;
     padding: 0;
     cursor: pointer;
     position: relative;
     width: 50%;
     float: left;
     display: inline-block;
 }


 .giffy-container::after {
    transition: all .1s ease;
    width: 60px;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    content: 'GIF';
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px dashed rgba(0,0,0,.4);
    background: rgba(255,255,255,.8);
    color: #000;
    font-weight: bold;
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}



 .thumbnail-grid li {
     display: block;
     width: 90%;
     text-align: left;
     margin: 0 auto 50px auto;
     vertical-align: top;
     position: relative;
 }

 .rollover-video-blocks li {
    display: block;
    margin: 0 auto 35px;
    overflow: hidden;
    width: 90%;
    vertical-align: top;
}


 .rollover-video-blocks li:last-child {
    margin: 0 auto 0px;
}

 .footer {
     padding: 25px 0px;
     background: #141414;
     color: #fff;
 }

 .mixed-media li {
    display: inline-block;
    width: 50%;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.block-icons li {
    display: inline-block;
    margin: 1%;
    width: 20%;
}

.summerize {
    min-height: auto;
}

.the-compare-filters {
    margin: 0 0 20px 0;
    overflow: hidden;
    width: 100%;
    float: none;
}

.header {
    background: #fff;
    padding: 10px 10px 5px;
    text-align: center;
}

a.logo {
    margin-bottom: 0px;
    margin-right: 0px;
    width: 180px;
    height: 65px;
    margin-left: -3px;
}

.two-column-body, .side-navigation {
display: block;
width: 100%;
}

.side-navigation { margin-bottom: 25px; display: none; }

input#edit-search {
width: 85%;
margin-left: auto;
margin-right: auto;
}

.flexslider .flex-active-slide .content-holder h1 {
animation: none;
-webkit-transform: translate(0%, -0%);
-ms-transform: translate(0%, -0%);
transform: translate(0%, -0%);
opacity: 1 !important;
}

.flexslider .flex-active-slide .slide-up {
animation: none;
opacity: 1 !important;
-webkit-transform: translate(-0%, -0%);
-ms-transform: translate(-0%, -0%);
transform: translate(-0%, -0%);
}

@keyframes left-to-right {
  100% {
animation: none;
  }
}

.flexslider .flex-active-slide .slide-up {
animation: none;
}

@keyframes left-to-right {
  100% {
animation: none;
  }
}

@-webkit-keyframes fadein {
animation: none;
}

@keyframes fadeinout {
  animation: none;
}

}

@media (max-width: 980px) {

  .the-image img {
      width: 85%;
      transform: none !important;
      margin-bottom: 25px !important;
  }

.block-call-to-action { background: #f5f5f5; display: block; text-align: center; overflow: hidden; }

.block-call-to-action::before { opacity: .1; }

.block-call-to-action .content-holder {
    text-align: center;
    position: relative;
    left: 0;
    top: 0;
    width: 90%;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding: 33px 0px 40px;
    margin: 0 auto;
}

.block-call-to-action .content-holder h2, .block-call-to-action .content-holder p {
color: #141414;
}

.block-call-to-action .content-holder a {
color: #005596;
}

.block-call-to-action .content-holder a.button {
color: #fff;
}

.block-call-to-action .content-holder a:hover {
color: #141414;
}

.block-call-to-action .content-holder a.button {
color: #fff;
}

.left-side-contact, .right-side-contact {
    display: block;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.right-side-contact {
  margin: 1% auto; float: none; }

  .header.sticky .stick-nav, .header.sticky a.stick-nav.searchy { display: none; }


  .header a.stick-nav.searchy, .header .stick-nav { display: none; }

  .band .faq {
  width: 100%;
  }


  .design-resources .band {
  width: 93%;
  display: block;
  vertical-align: top;
  margin-left: auto;
  margin-right: auto;
  }


  .product-compare-image {
  background: #fff;
  padding: 25px;
  height: 180px;
  position: relative;
  }


}

@media (max-width: 860px) {


  .footer li.seo-section {
      width: 95%;
      margin-right: 0;
      margin: 0 auto 30px;
  }


  .footer li {
      display: inline-block;
      width: 45%;
      vertical-align: top;
      margin-right: 1%;
  }


.paralax-band.on-desktop { display: none; }

.paralax-band.on-mobile { display: block; }


  .paralax-band {
      padding: 50px 0;
      background-image: url("../pics/portrait-mobile-image.jpg");
      min-height: 480px;
      background-attachment: scroll;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
  }

  .mobile-video-lightbox { min-width: 660px; min-height: auto; }


  .masonry-filters li {
  width: 45%;
  margin: .5%;
  border: 1px solid #eee;
  display: inline-block;
   }


 }




 @media (max-width: 790px) {
   .block-icons li {
       display: inline-block;
       margin: 1% 1% 2%;
       width: 47%;
   }

   h3.compare-product-title {
    font-size: 14px;
    line-height: 18px;
}

   .compare-products-chart .pillars {
    width: 98%;
    display: inline-block;
    text-align: left;
    border: 1px solid #cbcbcb;
    margin: 0 .75% 20px;
    vertical-align: top;
}


.product-compare-image {
background: #fff;
padding: 25px;
height: auto;
position: relative;
}

  .product-compare-image img {
      max-height: 100%;
      text-align: center;
      position: relative;
      z-index: 2;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      margin: 0 auto;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  }

.select-three {
    float: none;
    margin-right: 0;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 100%;
}

.clear-filters {
    text-align: center;
    padding-top: 0px;
    border: 0px;
    display: block;
    float: none;
    width: 100%;
    text-align: center;
    margin-right: 0px;
    margin-top: 15px;
}

.design-resources .band {
width: 90%;
display: block;
vertical-align: top;
margin-left: auto;
margin-right: auto;
}
}



@media (max-width: 780px) {

  .giffy-img.container {
      margin: 0;
      padding: 0;
      cursor: pointer;
      position: relative;
      width: 100%;
      float: none;
      display: block;
  }

  .rollover-video-blocks h2 {
    font-size: 30px;
    line-height: 34px;
}


a.button.find-a-dealer, a.button.contact-us { text-indent: -50000px; }

a.button.find-a-dealer, a:hover.button.find-a-dealer  {
    background: #141414 url("../pics/location-marker.png") 17px 13px no-repeat;
    background-size: auto;
    padding-left: 7px !important;
    width: 14px;
    height: 16px;
    display: inline-block;
}

a.button.contact-us {
    background: #005596 url("../pics/phone-icon.png") 15px 11px no-repeat;
    background-size: auto;
    padding-left: 7px !important;
    width: 14px;
    height: 16px;
    display: inline-block;
}

a:hover.button.find-a-dealer {
    background: #005596 url("../pics/location-marker.png") 17px 13px no-repeat;
}

a:hover.button.contact-us {
    background: #141414 url("../pics/phone-icon.png") 15px 11px no-repeat;
    background-size: auto;
    width: 14px;
    height: 16px;
    display: inline-block;
    padding-left: 7px !important;
}

.header.sticky a.button.find-a-dealer, .header.sticky a.button.contact-us {
    padding: 16px 28px !important;
    padding-left: 7px !important;
}

.side-by-side-columns {
display: block;
vertical-align: top;
margin: 25px auto 0 auto;
width: 100%;
float: none;
}

}

@media (max-width: 680px) {

  #main-slider .content-holder, #main-slider .content-holder.right-text, #main-slider .content-holder-left-text {
    text-align: center;
    position: relative;
    z-index: 2;
    left: 0%;
    top: 0%;
    width: 90%;
    -webkit-transform: translate(-0%, -0%);
    -ms-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    margin: 0 auto;
    clear: left !important;
    padding-top: 40px;
    padding-bottom: 40px;
}

#main-slider .block-call-to-action-main::before {
opacity: .1;
}

#main-slider .content-holder h1, #main-slider .content-holder p { color: #414141; }

#main-slider .flex-control-nav { display: none; }

#main-slider .content-holder h1 { font-size: 24px; line-height: 28px; }

.logos-band li {
display: inline-block;
width: 45%;
margin: 25px 1.5% 0;
vertical-align: top;
text-align: center;
}

.logos-band li img { width: auto; height: 50px; margin: 10px auto 10px; padding: 0 1%; }

.mobile-video-lightbox { min-width: 380px; min-height: auto;}

.side-by-sides {
width: 95% !important;
margin-left: auto;
margin-right: auto;
display: block;
}

.side-by-sides .custom-dropdown.custom-dropdown--white {
width: 100%;
}

.side-by-sides.filts {
margin-bottom: 15px;
}

.breadcrumbs li {
    font-size: 11px;
    line-height: 14px;
    color: #c2c2c2;
}


.grid-item {
    width: 100%;
}


.left-side-rep, .right-side-rep  {
    display: block;
    width: 100%;
    float: none;
    border-bottom: 1px solid #eee;
}

.right-side-rep {
    margin-left: 0;
    margin-top: 30px;
}

img.align-right {
  width: 100%;
  margin: 0 0 25px 0px !important;
  float: none;
  height: auto;
}

img.align-left {
  width: 100%;
  margin: 0 0px 25px 0px !important;
  float: none;
  height: auto;
}

#views-exposed-form-search-page-page-1 {
background: #141414;
width: auto;
margin: 40px auto 40px;
padding: 45px 25px 35px;
color: #fff;
text-align: center;
}

.black-background {
width: auto;
background: #111;
text-align: center;
color: #fff;
padding: 60px 0px 50px;
margin-top: 40px;
}


.outer-block {
    width: 90%;
    margin: 0 auto;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}


}


@media (max-width: 580px) {


a.logo, .sticky a.logo {
    height: 35px;
    width: 100px;
    margin-top: 3px;
    background: url("../pics/McGuire-Logo.gif") top left no-repeat;
    background-size: auto;
    background-size: 100% auto !important;
    margin-left: 10px;
}

.header, .header.sticky {
  height: 40px;
  padding: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0;
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  z-index: 999999;
  position: fixed;
  top: 0;
  width: 100%;
 }

 .cta-buttons {
     margin-top: 0px;
 }

a.button.find-a-dealer, a.button.contact-us {
    margin-top: 0px;
}

a:hover.button.find-a-dealer, a:hover.button.contact-us {
    margin-top: 0px;
}

a.hamburger {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.header.sticky a.hamburger {
height: 20px;
margin-right: 0px;
}

a.button.find-a-dealer { margin-left: 0px; }

.header.sticky a.button.contact-us {
    background: #005596 url("../pics/phone-icon.png") 15px 11px no-repeat;
    background-size: auto;
    background-size: auto;
    padding-left: 7px !important;
    width: 11px;
    height: 8px;
    display: inline-block;
}

.header.sticky a.button.find-a-dealer {
    background: #141414 url("../pics/location-marker.png") 17px 13px no-repeat;
    background-size: auto;
    background-size: auto;
    padding-left: 7px !important;
    width: 11px;
    height: 8px;
    display: inline-block;
}

.utility-nav { display: none; }

.header.sticky a.hamburger {
display: inline-block;
cursor: pointer;
float: right;
font-size: 12px;
line-height: 21px;
width: 50px;
height: 20px;
padding: 10px 10px 10px 33px;
background: #005596 url(../pics/mobile-menu.png) 14px 13px no-repeat;
background-size: auto;
background-size: 15px auto;
font-family: none;
margin-top: 0px;
margin-left: 0px;
color: #fff;
font-family: 'Heebo', sans-serif;
}

.page-header {
    position: relative;
    margin-top: 40px;
    clear: both;
    clear: right;
    clear: left;
}

.product-band {
    margin-top: 90px;
    margin-bottom: 50px;
}


#contact-form li.half, .webform-submission-service-training-add-form li.half {
margin: 1%;
width: 97%;
vertical-align: top;
display: block;
padding-bottom: 10px;
}

.webform-submission-form .radios--wrapper {
  padding-bottom: 10px;
}

.webform-submission-service-training-add-form select {
margin-bottom: 15px;
}

.masonry-filters li {
width: 90%;
margin: .5% auto;
border: 1px solid #eee;
display: block;
 }

 .tabs .tab label {
     background:url(../pics/360-view.gif) 20% 23px no-repeat;
     background-size: 45px auto;
 }

 .tabs .tab label.gallery-icon {
   background:url(../pics/gallery-of-images.gif) 20% 22px no-repeat;
   background-size: 20px auto;
 }

 .tabs .tab label:hover.gallery-icon {
   background: #005596 url(../pics/gallery-of-images-on.gif) 20% 22px no-repeat;
   background-size: 20px auto;
   color: #fff !important;
 }


 .tabs .tab label:hover{
 background: #005596 url(../pics/360-view-on.gif) 20% 23px no-repeat;
 background-size: 45px auto;
 }

}

@media (max-width: 480px) {
.mobile-video-lightbox { min-width: 360px; min-height: auto; }

h1 {
    font-size: 24px;
    line-height: 30px;
}

h2 {
    font-size: 21px;
    line-height: 26px;
}

h3 { font-size: 18px; line-height: 24px; }
h4 { font-size: 16px; line-height: 21px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 16px; }

.flexslider .slides > li:first-child .black-box li {
    font-size: 9px !important;
    line-height: 14px !important;
}

}

.social-links a {
    display: inline-block;
    font-size: 32px;
    line-height: 32px;
    margin-right: 5px;
}

.social-links a:hover,
.social-links a:focus,
.social-links a:active {
  color: #fff;
  opacity: .6;
}

.social-links path:hover,
.social-links path:focus,
.social-links path:active {
  fill: #fff !important;
}