/**
 * Contains CSS that would ordinarily go into app.scss.
 * That file is a mess and needs to be fixed up at some point. Putting
 * this CSS here (in a separate file) lets us know that the below CSS
 * is working and doesn't need changing.
 * Once app.scss is fixed up, these changes can be merged back in.
 */

header,
.front-slider {
  -webkit-transform: translate3d(0, 0, 0);
}

#most_read_pt_posts .views-row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  /*.views-field-field-main-image-src-url, 
  .views-field-field-main-image {
    float: left;
    img {
      margin-right: 10px;
    }
  }*/
}

#most_read_pt_posts .views-row a {
  font-size: 1.1em;
}

#most_read_pt_posts .views-row .views-field-title {
  float: left;
}

.allWeather {
  background-image: url(../gorillaIcons/construction_adhesive/allWeather.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.fastGrab {
  background-image: url(../gorillaIcons/construction_adhesive/fastGrab.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.madeUSA {
  background-image: url(../gorillaIcons/construction_adhesive/madeUSA.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.paintable {
  background-image: url(../gorillaIcons/construction_adhesive/paintable.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.uppercase {
  text-transform: uppercase;
}

.allWeather {
  background-image: url(../gorillaIcons/construction_adhesive/allWeather.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.fastGrab {
  background-image: url(../gorillaIcons/construction_adhesive/fastGrab.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.madeUSA {
  background-image: url(../gorillaIcons/construction_adhesive/madeUSA.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.paintable {
  background-image: url(../gorillaIcons/construction_adhesive/paintable.svg);
  display: inline-block;
  height: 80px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}


/* new front styles - dmo @ 16.07.2015 */

@font-face {
  font-family: 'TradeGothicNo-18-Condensed';
  src: url("../fonts/tradegothic-condeighteen-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/tradegothic-condeighteen-webfont.woff") format("woff"), url("../fonts/tradegothic-condeighteen-webfont.ttf") format("truetype"), url("../fonts/tradegothic-condeighteen-webfont.svg#TradeGothicNo.18-Condensed") format("svg");
  font-weight: normal;
  font-style: normal;
}

.tac {
  text-align: center;
}

.front .row {
  max-width: 62rem;
}

.front-slider {
  height: 292px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}

.mobile-spacer {
  height: 130px;
}

@media screen and (max-width: 640px) {
  .front-slider {
    display: none;
  }
  .mobile-spacer {
    height: 175px;
  }
  .prodWrapper.new-en {
    float: left;
    width: 100%;
  }
}

.front-slider-slides {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
}

.front-slider-slide {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  width: 100%;
  height: 292px;
  background: #cf651a;
  text-align: center;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: scroll;
  background-repeat: no-repeat;
  outline: none;
  position: relative;
}

.front-slider-slide:focus {
  outline: none;
}

.front-slider-slide-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.front-slider-left,
.front-slider-right,
.slick-prev,
.slick-next {
  background: transparent url(../img/slider-left.png) center center no-repeat;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  opacity: 0.5;
  cursor: pointer;
  font-size: 0;
  margin: 0;
  color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.front-slider-right,
.slick-next {
  background-image: url(../img/slider-right.png);
  left: auto;
  right: 0;
}

.front-slider-left:hover,
.front-slider-right:hover,
.slick-prev:hover,
.slick-next:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.5);
}

.front-slider-thumbs,
.slick-dots {
  margin: 0;
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}

.front-slider-thumb,
.slick-dots li {
  display: inline-block;
  font-size: 0;
  color: transparent;
  width: 12px;
  height: 12px;
  background: #ffffff;
  opacity: 0.5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-dots li button {
  font-size: 0;
  color: transparent;
  width: 12px;
  height: 12px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  border-radius: 50%;
}

.slick-dots li button:focus {
  outline: none;
}

.slick-dots li.slick-active,
.slick-dots li:hover,
.front-slider-thumb.active,
.front-slider-thumb:hover {
  opacity: 1;
}

header .topRow label {
  margin: 0 13px 0 0;
  padding: 12px 0 0;
}

header .topRow .collapse input {
  font-family: TradeGothicNo-18-Condensed, sans-serif;
  margin-bottom: 12px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  height: 27px;
  line-height: 27px;
  padding-top: 0;
  padding-bottom: 0;
}

header .topRow .collapse .postfix {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  padding: 0 5px;
}

#locator-error ul {
  padding-top: 0px !important;
  margin-bottom: 10px;
}

.header-gorilla {
  background: transparent url(../img/gorilla-head.png) 0 0 no-repeat;
  width: 625px;
  height: 68px;
  position: absolute;
  top: 0;
  left: 118px;
  z-index: 10;
}

.por {
  position: relative;
}

.nav-wrapper nav.top-bar ul.title-area li.name h1 a {
  margin-top: -52px;
  -webkit-background-size: auto 120px;
  background-size: auto 122px;
  height: 122px;
  width: 137px;
  margin-left: 11px;
}

.region-opt-in {
  position: relative;
  z-index: 11;
}

.prodWrapper.new-en {
  background: transparent url(../img/wood-tiled.jpg) center center repeat;
  /*-webkit-background-size: 100% auto;*/
  /*background-size: 100% auto;*/
  border: none;
}

.prodWrapper.new-en #pgHome img {
  /*margin-top: -95px;*/
  margin-top: -116px;
}

.front-guide-text {
  font-family: TradeGothicNo-18-Condensed, sans-serif;
  color: #ffffff;
  float: left;
  margin: 6px auto 0 auto;
  font-size: 17px;
}

.prodWrapper.new-en #pgHome .centerGB h2 {
  font-size: 40px;
  margin: 0;
  color: #ffffff;
}

.orange-but {
  font-size: 1.25em !important;
  height: 35px;
  line-height: 34px;
  background: #f58124;
  color: #ffffff;
  font-family: 'ImpactLTStd', sans-serif;
  text-transform: uppercase;
  border: 2px solid black;
  padding: 2px 30px 0;
  letter-spacing: 1px !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.orange-but:hover {
  background: black;
}

.prodWrapper.new-en #pgHome .centerGB .button,
.prodWrapper.new-en #pgHome .centerGB .form-submit {
  margin-top: 24px;
  margin-left: 15%;
  margin-bottom: 24px;
}

.block-links {
  margin-top: 22px;
}

.block-link {
  width: 32%;
  height: 225px;
  overflow: hidden;
  margin-left: 2%;
  float: left;
  position: relative;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: scroll;
  background-repeat: no-repeat;
}

.block-link:first-child {
  margin-left: 0;
}

.block-link img {
  width: 100% !important;
  height: auto !important;
}

.block-link-text {
  background: transparent url(../img/block-link-grad.png) center 0 repeat-y;
  position: absolute;
  bottom: 44px;
  left: 0;
  right: 0;
  padding: 5px 15px;
  color: white;
  text-align: center;
}

.block-link-title {
  font-family: Gravity-Normal, sans-serif;
  letter-spacing: 1px;
  font-size: 29px;
  text-transform: uppercase;
  margin-bottom: -2px;
}

.block-link-descr {
  font-size: 11px;
  line-height: 14px;
  margin: 4px 0 8px;
}

.block-link-more {
  display: block;
  width: 120px;
  margin: 0 auto -18px;
  background: black;
  border: 1px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: Gravity-Normal, sans-serif;
  letter-spacing: 1px;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 0 2px;
  line-height: 22px;
  height: 24px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.i18n-es .block-link-more {
  font-size: 10px;
}

.block-link:hover .block-link-more {
  background: #f58124;
}

.block-link.block-link-orange {
  background: #f58124;
}

.block-link-vid-title {
  text-align: center;
  margin: 10px 20px;
  font-family: Gravity-Normal, sans-serif;
  letter-spacing: 1px;
  font-size: 28px;
  color: black;
  text-transform: uppercase;
}

.block-link-vid-links {
  margin-top: 25px;
}

.block-link-vid-link {
  position: relative;
  font-family: 'ImpactLTStd', sans-serif;
  letter-spacing: 2px !important;
  font-size: 22px;
  color: #ffffff;
  background: black;
  width: 70%;
  text-align: center;
  line-height: 25px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  display: block;
  margin: 0 auto 12px;
  padding-top: 7px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.block-link-vid-link:hover {
  background: #f58124;
  color: black;
}

.block-link-vid-link:after {
  content: '';
  background: transparent url(../img/play-ico.png) 0 0 no-repeat;
  width: 42px;
  height: 42px;
  position: absolute;
  right: -10%;
  top: 50%;
  margin-top: -21px;
}

.socialHome.new-en {
  padding-top: 18px;
}

.socialHome.new-en .rowTop {
  outline: none;
  background: transparent;
  border: none;
}

.front-social {
  background: #ffffff;
  border: 3px solid #f58124;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0;
}

.front-social .panel {
  padding: 8px;
  height: 720px;
  margin: 0;
}

.front-social-small {
  width: 32%;
  float: left;
}

.front-social-wide {
  width: 66%;
  float: right;
}

.social.socialHome.new-en article {
  padding-top: 0;
}

footer .row ul.inline-list {
  text-align: center;
}

footer .row ul.inline-list li {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  float: none;
  display: inline-block;
}

footer .row ul.inline-list li:first-child {
  margin-left: 0;
}

footer .row ul.inline-list li a {
  font-size: 0.66rem;
}

.footer-social-links {
  position: absolute;
  bottom: 9px;
  right: 12px;
}

.footer-social-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-social-links ul li {
  float: left;
  margin: 0 0 0 8px;
  padding: 0;
}

.footer-social-links ul li a {
  background: #211f1f;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.footer-social-links ul li a:hover {
  background: white;
  color: #f58124;
}

.footer-social-links ul li a .fa {
  font-size: 14px;
}

.nav-wrapper {
  margin-top: 55px;
}

.pageWrap {
  padding-top: 0;
  margin-top: 100px;
}

@media only screen and (min-width: 40.063em) {
  .prodWrap {
    margin-top: 100px;
    padding: 3em 0 0;
  }
}

@media screen and (max-width: 768px) {
  body {
    float: left;
    width: 100%;
  }
  .prodWrap {
    margin-top: 104px;
    padding-top: 90px;
  }
}

@media screen and (max-width: 640px) {
  .prodWrap {
    margin-top: 159px;
  }
  .pageWrap {
    margin-top: 159px;
  }
}

.pinterest-boards {
  text-align: center;
}

.front-social .pinterest-boards > span {
  margin: 0 3px 12px !important;
}

#facebook {
  font-family: "TradeGothicNo-18-Condensed", sans-serif;
}

.nopad {
  padding: 0 !important;
}

.prodWrapper.new-en #pgHome img {
  width: auto;
}

.prodWrapper.new-en #pgHome .centerGB h2,
.top-bar-section ul li > a {
  letter-spacing: 1px;
}

.mobile {
  display: none;
}

@media only screen and (min-width: 951px) {
  .nav-wrapper {
    margin-top: 0;
  }
}

@media only screen and (max-width: 951px) {
  .prodWrapper.new-en #pgHome img {
    margin-top: 0;
  }
  .prodWrapper.new-en #pgHome .centerGB .button,
  .prodWrapper #pgHome .centerGB .form-submit {
    margin-top: 14px;
    margin-left: 5%;
    margin-bottom: 18px;
    font-size: 1em;
    height: 30px;
    line-height: 28px;
  }
  .block-link-vid-link {
    width: 85%;
  }
  /*.nav-wrapper nav.top-bar .top-bar-section ul.left {
    margin: 0 0 0 160px;
  }
  .nav-wrapper nav.top-bar .top-bar-section > ul.left > li:not(.has-form) > a:not(.button):not(.form-submit) {
    border-bottom: none;
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown {
    margin: 0;
  }*/
  .region-opt-in {
    position: absolute;
    top: 53px;
    left: 190px;
    right: 96px;
  }
  .region-opt-in .medium-offset-2 {
    margin: 0 !important;
  }
  .region-opt-in .medium-offset-2 .row {
    margin: 0 !important;
  }
  .region-opt-in .small-3 {
    width: 75%;
  }
  .region-opt-in .small-1 {
    width: 25%;
  }
  #locator-error {
    position: absolute;
    left: -10px;
    right: 10px;
    margin: 0 !important;
    top: 35px;
    width: 100%;
    float: none;
    text-align: left;
    background: #f58124;
    padding: 5px 10px;
  }
  #locator-error ul {
    margin: 0;
    padding: 0;
  }
  header .topRow .collapse .postfix {
    background: black;
    color: #f58124;
  }
  .front-guide-text {
    margin-top: 32px;
  }
  .new-en #prodBtn {
    margin-top: 54px !important;
  }
  .top-bar .toggle-topbar {
    display: block;
  }
  .top-bar {
    overflow: hidden;
  }
  .top-bar:before,
  .top-bar:after {
    display: none;
  }
  .top-bar-section ul {
    display: block;
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form) {
    display: block;
    float: none;
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left {
    margin: 5em 0 0;
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form) a:not(.button):not(.form-submit) {
    border-bottom: 2px #fafafa solid;
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form) a:not(.button):not(.form-submit) {
    padding-top: 1em;
    border-bottom: 2px #fafafa solid;
    padding-bottom: 0.5em;
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown > a:after {
    border-color: transparent transparent transparent rgba(23, 21, 20, 0.5);
  }
  .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown {
    background-color: #f58124;
    margin: 5em 0 0;
    padding: 0em 0 1em;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

@media only screen and (max-width: 875px) {
  .prodWrapper.new-en #pgHome .centerGB .button,
  .prodWrapper #pgHome .centerGB .form-submit {
    margin-left: 0;
    /*padding-top: 0;*/
    margin-top: 15px !important;
    font-size: 16px;
    float: none;
  }
  .front-guide-text {
    margin-left: 0;
    margin-top: 15px;
    display: block;
    float: none;
  }
  .front-guide-text h2,
  .front-guide-text div {
    float: none !important;
  }
  #pgHome .medium-4 {
    width: 45%;
  }
  #pgHome .medium-8 {
    width: 55%;
  }
}

@media only screen and (max-width: 640px) {
  header {
    position: absolute;
  }
  .nav-wrapper {
    position: fixed;
  }
  .front header {
    background: transparent;
  }
  .mobile {
    display: block;
  }
  .header-gorilla {
    display: none;
  }
  .block-link {
    float: none;
    display: block;
    width: 100%;
    max-width: 315px;
    margin: 0 auto 20px !important;
  }
  .block-link-vid-link {
    width: 70%;
  }
  .phone-social-wrapper {
    float: none;
    display: inline-block !important;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
  .footer-social-links {
    display: none;
  }
  .hide-on-mobiles {
    display: none !important;
  }
  .region-opt-in {
    position: absolute;
    top: 120px;
    left: 0;
    right: -13px;
    z-index: 1;
  }
  header .topRow .collapse .postfix {
    background-color: #f58124;
    color: black;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #locator-error {
    background: none;
  }
  header .topRow .collapse input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #pgHome .medium-4,
  #pgHome .medium-8 {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .front #video {
    margin-top: 100px;
  }
}

@media screen and (max-width: 640px) {
  .front #video {
    margin-top: 159px;
  }
}

.gorilla-video-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.gorilla-video-popup-content {
  position: absolute;
  top: 120px;
  left: 50px;
  right: 50px;
  bottom: 50px;
}

.gorilla-video-popup-content iframe {
  width: 100% !important;
  height: 100% !important;
}

.gorilla-video-popup-close {
  background: rgba(255, 255, 255, 0.7) url(../img/popup-close.png) center center no-repeat;
  position: absolute;
  top: 120px;
  right: 50px;
  width: 75px;
  height: 75px;
  cursor: pointer;
  opacity: 0.7;
  z-index: 5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.gorilla-video-popup-close:hover {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .gorilla-video-popup {
    position: static;
    background: black;
    margin-bottom: 12px;
  }
  .gorilla-video-popup-content {
    position: static;
  }
  .gorilla-video-popup-content iframe {
    height: 200px !important;
  }
  .gorilla-video-popup-close {
    display: none;
  }
}

.top-bar .top-bar-section ul ul.dropdown li.has-dropdown > a:after {
  content: "";
  border: inset 5px;
  border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
  border-top-style: solid;
  top: 4px;
  right: -15px;
}

@media only screen and (min-width: 951px) {
  .top-bar .top-bar-section ul ul.dropdown li.has-dropdown > a:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

@media only screen and (min-width: 951px) {
  .top-bar .top-bar-section ul ul.dropdown li.has-dropdown ul.dropdown {
    top: -18px;
  }
}

@media only screen and (max-width: 951px) {
  .top-bar .top-bar-section ul ul.dropdown li.has-dropdown ul.dropdown {
    margin-top: 0 !important;
    padding: 0 0 3em !important;
  }
}

.nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form) {
  padding-bottom: 0.75em;
}

@media only screen and (min-width: 1025px) {
  .prodWrap .tabs > dd.tab-title a {
    display: block;
    line-height: 1;
    max-width: 200px;
    padding: 0;
  }
  .prodWrap .tabs > dd.tab-title a span {
    height: 52px;
    display: table-cell;
    vertical-align: middle;
    padding: 2px 20px 0px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .prodWrap .tabs > dd.tab-title {
    width: 20%;
  }
  .prodWrap .tabs > dd.tab-title a {
    display: block;
    line-height: 1;
    font-size: 12px !important;
    width: 100%;
    padding: 0;
  }
  .prodWrap .tabs > dd.tab-title a span {
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    padding: 2px 10px 0px;
    word-break: break-word;
  }
}

@media only screen and (min-width: 40.063em) {
  .i18n-es .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form)#subNav-24 a,
  .i18n-en .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form)#subNav-24 a {
    border-bottom: none;
    margin-bottom: 0em;
    padding-bottom: 0em !important;
  }
}

// @media only screen and (min-width: 64.063em) {
//   .i18n-es .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form)#subNav-22 a,
//   .i18n-en .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form)#subNav-22 a {
//     border-bottom: 1px solid #fafafa;
//     margin-bottom: 0.3em;
//     padding-bottom: 0.7em !important; } }
// @media only screen and (min-width: 40.063em) {
//   .i18n-es .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form)#subNav-22 a,
//   .i18n-en .nav-wrapper nav.top-bar .top-bar-section ul.left li:not(.has-form).has-dropdown ul.dropdown li:not(.has-form)#subNav-22 a {
//     border-bottom: 1px solid #fafafa;
//     margin-bottom: 0.3em;
//     padding-bottom: 0.7em !important; } }
.icons {
  margin-bottom: 12px;
}

.dampIt,
.glueIt,
.clampIt,
.waterproof,
.strong,
.expands,
.tenSecBlue,
.impactTough,
.heavyDutyStrength,
.tenSecGreen,
.noRunGel,
.impactTough,
.driesClear,
.indoorOutdoorEpoxy,
.bondStrength,
.doubleThickAdhesive,
.ruggedWaetherResistantShell,
.toughReinforcedBacking,
.toughReinforcedBackingGreen,
.ruggedWaetherResistantShellGreen,
.noShine,
.sealShrink,
.sealShower {
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}

.dampIt {
  width: 87px;
  height: 104px;
  margin: 0 2px;
}

.glueIt {
  width: 85px;
  height: 104px;
  margin: 0 2px;
}

.clampIt {
  width: 104px;
  height: 107px;
  margin: 0 -8px 0 -4px;
}

.waterproof {
  width: 85px;
  height: 91px;
  margin: 0 0px;
}

.strong {
  width: 87px;
  height: 91px;
  margin: 0 3px;
}

.expands {
  width: 84px;
  height: 91px;
  margin: 0 3px;
}

.tenSecBlue {
  width: 90px;
  height: 93px;
  margin: 0 7px;
}

.impactTough {
  width: 90px;
  height: 96px;
  margin: 0 7px;
}

.heavyDutyStrength {
  width: 90px;
  height: 94px;
  margin: 0 7px;
}

.tenSecGreen {
  width: 90px;
  height: 96px;
  margin: 0 7px;
}

.noRunGel {
  width: 90px;
  height: 104px;
  margin: 0 7px;
}

.driesClear {
  width: 84px;
  height: 87px;
  margin: 0 7px;
}

.indoorOutdoorEpoxy {
  width: 89px;
  height: 92px;
  margin: 0 3px;
}

.bondStrength {
  width: 84px;
  height: 90px;
  margin: 0 5px;
}

.doubleThickAdhesive {
  background-image: url(../gorillaIcons/tape/doubleThick.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 84px;
  height: 97px;
  margin: 0 7px;
}

.ruggedWaetherResistantShell {
  background-image: url(../gorillaIcons/tape/ruggedWeather.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 89px;
  height: 101px;
  margin: 0 3px;
}

.toughReinforcedBacking {
  background-image: url(../gorillaIcons/tape/toughReinforced.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 92px;
  height: 100px;
  margin: 0 2px;
}

.toughReinforcedBackingGreen {
  background-image: url(../gorillaIcons/camo/toughReinforced.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 92px;
  height: 101px;
  margin: 0 2px;
}

.ruggedWaetherResistantShellGreen {
  background-image: url(../gorillaIcons/camo/ruggedWeather.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 88px;
  height: 101px;
  margin: 0 3px;
}

.noShine {
  background-image: url(../gorillaIcons/camo/matteFinish.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.bn {
  background-image: url(../gorillaIcons/bn/bn.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.bnHeavyDuty {
  background-image: url(../gorillaIcons/bn/bnHeavyDuty.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.bnImpact {
  background-image: url(../gorillaIcons/bn/bnImpact.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.bntenSec {
  background-image: url(../gorillaIcons/bn/bntenSec.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.gcgCrystalClear {
  background-image: url(../gorillaIcons/gcg/gcgCrystalClear.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.gcgWaterproof {
  background-image: url(../gorillaIcons/gcg/gcgWaterproof.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.gcgDryerSafe {
  background-image: url(../gorillaIcons/gcg/gcgDryerSafe.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.gcgHoldsInSeconds {
  background-image: url(../gorillaIcons/gcg/gcgHoldsInSeconds.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.cggNoFoam {
  background-image: url(../gorillaIcons/cgg/cggNoFoam.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.cggCrystalClear {
  background-image: url(../gorillaIcons/cgg/cggCrystalClear.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.cggWaterResistant {
  background-image: url(../gorillaIcons/cgg/cggWaterResistant.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.ghgImpact {
  background-image: url(../gorillaIcons/ghg/ghgImpact.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 90px;
  position: relative;
  top: -4px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.ghgWeather {
  background-image: url(../gorillaIcons/ghg/ghgWeather.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.ghgWorkingTime {
  background-image: url(../gorillaIcons/ghg/ghgWorkingTime.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.sealWeather {
  background-image: url(../gorillaIcons/seal/sealWeather.png);
  display: inline-block;
  height: 90px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.sealShrink {
  background-image: url(../gorillaIcons/seal/sealShrink.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.sealShower {
  background-image: url(../gorillaIcons/seal/sealShower.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.gtwDoubleThick {
  background-image: url(../gorillaIcons/gtw/gtwDoubleThick.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gtwTough {
  background-image: url(../gorillaIcons/gtw/gtwTough.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gtwIndoorOutdoor {
  background-image: url(../gorillaIcons/gtw/gtwIndoorOutdoor.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gtsDoubleThick {
  background-image: url(../gorillaIcons/gts/gtsDoubleThick.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gtsTough {
  background-image: url(../gorillaIcons/gts/gtsTough.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gtsIndoorOutdoor {
  background-image: url(../gorillaIcons/gts/gtsIndoorOutdoor.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtAuto {
  background-image: url(../gorillaIcons/gcrt/gcrtAuto.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtCamping {
  background-image: url(../gorillaIcons/gcrt/gcrtCamping.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtInflatables {
  background-image: url(../gorillaIcons/gcrt/gcrtInflatables.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtLeather {
  background-image: url(../gorillaIcons/gcrt/gcrtLeather.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtPhone {
  background-image: url(../gorillaIcons/gcrt/gcrtPhone.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtTarps {
  background-image: url(../gorillaIcons/gcrt/gcrtTarps.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gcrtWet {
  background-image: url(../gorillaIcons/gcrt/gcrtWet.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.ghdmtWaterproof {
  background-image: url(../gorillaIcons/ghdmt/ghdmtWaterproof.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.gtcmtWaterproof {
  background-image: url(../gorillaIcons/gtcmt/gtcmtWaterproof.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
}

.ukAntiClogCap {
  background-image: url(../gorillaIcons/uk/ukAntiClogCap.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukImpactStrength {
  background-image: url(../gorillaIcons/uk/ukImpactStrength.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukTenSecSetTime {
  background-image: url(../gorillaIcons/uk/ukTenSecSetTime.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukDualAction {
  background-image: url(../gorillaIcons/uk/ukDualAction.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukExtremeTemp {
  background-image: url(../gorillaIcons/uk/ukExtremeTemp.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukFastGrab {
  background-image: url(../gorillaIcons/uk/ukFastGrab.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukFlexible {
  background-image: url(../gorillaIcons/uk/ukFlexible.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukGapFilling {
  background-image: url(../gorillaIcons/uk/ukGapFilling.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukIndoorOutdoor {
  background-image: url(../gorillaIcons/uk/ukIndoorOutdoor.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukPaintable {
  background-image: url(../gorillaIcons/uk/ukPaintable.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukStrength {
  background-image: url(../gorillaIcons/uk/ukStrength.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukUnderwater {
  background-image: url(../gorillaIcons/uk/ukUnderwater.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.ukGripsRoughSurfaces {
  background-image: url(../gorillaIcons/uk/ukGripsRoughSurfaces.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 85px;
  height: 97px;
  margin: 0 7px 0 3px;
}

.wgg2times {
  background-image: url(../gorillaIcons/wgg/wgg2times.png);
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.wggExpands {
  background-image: url(../gorillaIcons/wgg/wggExpands.png);
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.wggIndoorOutdoor {
  background-image: url(../gorillaIcons/wgg/wggIndoorOutdoor.png);
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.wggIndoorOutdoor {
  background-image: url(../gorillaIcons/wgg/wggIndoorOutdoor.png);
  width: 105px;
  height: 107px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.ghdptGuarantee {
  background-image: url(../gorillaIcons/ghdpt/ghdptGuarantee.png);
  width: 82px;
  height: 82px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.ghdptSplitTear {
  background-image: url(../gorillaIcons/ghdpt/ghdptSplitTear.png);
  width: 82px;
  height: 99px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}


.gcaGapFiling {
  background-image: url(../gorillaIcons/construction_adhesive/gcaGapFiling.png);
  width: 82px;
  height: 84px;
  margin: 0 7px 0 3px;
  background-size: 100%;
}

.ghvtDoubleThick {
  background-image: url(../gorillaIcons/ghvt/ghvtDoubleThick.png);
  width: 84px;
  height: 97px;
  margin: 0 7px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.ghvtHighVisibility {
  background-image: url(../gorillaIcons/ghvt/ghvtHighVisibility.png);
  width: 70px;
  height: 97px;
  margin: 0 7px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.ghvtStrong {
  background-image: url(../gorillaIcons/ghvt/ghvtStrong.png);
  width: 84px;
  height: 97px;
  margin: 0 7px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.ghvtWeatherResistant {
  background-image: url(../gorillaIcons/ghvt/ghvtWeatherResistant.png);
  width: 84px;
  height: 97px;
  margin: 0 7px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.only-orangebox {
  margin-top: 30px;
}

#quizWidget-107373 {
  margin-top: 15px;
}

.distributor-teaser {
  margin-bottom: 1em;
}


/*# sourceMappingURL=extra.css.map */