












































@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.blink,
.full_screen_navigation_inner a:after {
  -moz-animation: blink 1s;
  -webkit-animation: blink 1s;
  -o-animation: blink 1s;
  animation: blink 1s;
  animation-iteration-count: infinite;
}
nav.main_menu > ul > li.active > a:after {
  content: '';
  display: block;
  width: 10px;
  height: 3px;
  background-color: #ff8500;
  position: relative;
  top: -20px;
}
nav.main_menu > ul > li:hover > a {
  opacity: 1;
}
nav.main_menu > ul > li.active > a > span {
  font-weight: 800;
}
.footer_bottom_holder {
  background: transparent;
}
footer.uncover {
  z-index: 101;
}
h1 em,
h4 em,
h6 em {
  font-style: normal;
}
em {
  color: #ff8500;
}
ul {
  list-style-type: none;
}
.q_list.circle ul > li {
  font-family: 'Cantarell', sans-serif;
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}
.q_list.circle ul > li:before {
  content: '>';
  width: 0px;
  height: 0px;
  top: 0px;
  color: #ff8500;
}
.p_modern p,
.p_modern li {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}
header {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.95) 1%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.95) 1%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.95) 1%,rgba(0,0,0,0.4) 60%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2000000', endColorstr='#00000000',GradientType=0 );
}
.sep_content {
  width: 12px;
  background-color: #ff8500;
  border-bottom: 2px solid #ff8500;
  margin: 16px 0;
}
.h_typer {
  display: inline-block;
  width: 2px;
  height: 48px;
  background-color: #ff8500;
  text-indent: -9999px;
}
.stall_header {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 40px 30px;
}
.stall_header h1 {
  font-size: 60px;
}
.stall_header:after,
.stall_header:before {
  content: '';
  width: 100%;
  height: 75%;
  position: absolute;
}
.stall_header:before {
  left: 0px;
  top: 0px;
  border-left: 2px solid rgba(255,255,255,0.7);
  border-top: 2px solid rgba(255,255,255,0.7);
}
.stall_header:after {
  right: 0px;
  bottom: 0px;
  border-right: 2px solid rgba(255,255,255,0.7);
  border-bottom: 2px solid rgba(255,255,255,0.7);
}
.full_screen_navigation_inner a {
  color: #fff;
  background: none;
}
.full_screen_navigation_inner a:after {
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  margin: 0 auto;
  background-color: #ff8500;
}
.full_screen_navigation_holder.up_arrow {
  display: none;
}
.level_indicator {
  margin-top: 0px;
  padding-left: 20px;
/*   border-left: 2px solid #ff8500; */
}
.level_indicator:before {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0px;
  opacity: 0.75;
  background: rgb(0,173,52);
  background: -moz-linear-gradient(top, rgba(0,173,52,1) 0%, rgba(255,212,0,1) 50%, rgba(255,0,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(0,173,52,1) 0%,rgba(255,212,0,1) 50%,rgba(255,0,0,1) 100%);
  background: linear-gradient(to bottom, rgba(0,173,52,1) 0%,rgba(255,212,0,1) 50%,rgba(255,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ad34', endColorstr='#ff0000',GradientType=0 );
}
.level_indicator .qode-workflow-item {
  max-width: inherit;
  padding-bottom: 0px;
  margin-bottom: 64px;
  overflow: visible;
}
.level_indicator .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text {
  padding: 0;
}
.level_indicator .main-line,
.level_indicator .qode-workflow-item:first-of-type .line,
.level_indicator .qode-workflow-item:last-of-type .line,
.level_indicator .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text .circle {
  display: none;
}
.level_indicator h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 16px;
  line-height: 16px;
}
.level_indicator .qode-workflow-item .qode-workflow-item-inner .qode-workflow-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.level_indicator .qode-workflow-item .qode-workflow-item-inner .qode-workflow-text p.text {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: #aaaaaa;
  margin-top: 0px;
  position: absolute;
  left: 100px;
  top: -3px;
  width: 220px;
  margin-bottom: 0px;
}
.talk-to-us h2 {
  font-size: 28px;
  line-height: 36px;
}
#footer-slogan {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
}
#shock-absorber-row {
  width: 620px;
  margin: 0 auto;
}
.adventure-series-tagline h4 {
  letter-spacing: 2px;
}
.drop_down .wide .second ul li.menu-item-cat18 {
  text-align: center;
}
.drop_down .wide .second ul li.menu-item-cat18 i {
  font-size: 32px;
  height: 36px;
  line-height: 40px;
  display: block;
  float: none;
  margin: 0 auto;
  margin-bottom: 10px;
}
.drop_down .wide .second ul li.menu-item-cat18 a:hover i {
  color: #ff8500 !important;
}
.drop_down li.menu-item-product .second ul {
  width: 1100px !important;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
  background: none;
}
.drop_down li.menu-item-product.wide.wide_background .second {
  height: auto !important;
  background-color: rgba(28,28,28,0.95);
}
.drop_down li.menu-item-product.wide.wide_background .second ul {
  text-align: center;
}
.drop_down li.menu-item-product.wide .second ul li {
  display: inline-block;
  max-width: 20%;
  width: auto !important;
  padding: 0px;
  border: none;
  float: none;
}
.drop_down li.menu-item-product.wide .second ul li a {
  height: 220px !important;
  background-repeat: no-repeat;
  background-position: center center;
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;
  padding: 0px;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.drop_down li.menu-item-product.wide .second ul li a:hover {
  -webkit-filter: grayscale(1);
  filter: none;
  opacity: 1;
}
.drop_down li.menu-item-product.wide .second ul li:nth-child(4n+1) {
  clear: none;
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-m-subtank a {
  width: 180px;
  background-image: url(../img/logo-m-subtank.png)
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-black-hawk a {
  width: 156px;
  background-image: url(../img/logo-black-hawk.png)
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-adventure a {
  width: 196px;
  background-image: url(../img/logo-adventure.png);
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-discovery a {
  width: 220px;
  background-image: url(../img/logo-discovery.png)
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-explorer-ii a {
  width: 204px;
  background-image: url(../img/logo-explorer-ii.png)
}
/* svg */
/* .svg .drop_down li.menu-item-product.wide .second ul li.menu-item-m-subtank a {
  background-image: url(../img/logo-m-subtank.svg)
}
.svg .drop_down li.menu-item-product.wide .second ul li.menu-item-black-hawk a {
  background-image: url(../img/logo-black-hawk.svg)
}
.svg .drop_down li.menu-item-product.wide .second ul li.menu-item-adventure a {
  background-image: url(../img/logo-adventure.svg);
}
.svg .drop_down li.menu-item-product.wide .second ul li.menu-item-discovery a {
  background-image: url(../img/logo-discovery.svg)
}
.svg .drop_down li.menu-item-product.wide .second ul li.menu-item-explorer-ii a {
  background-image: url(../img/logo-explorer-ii.svg)
} */
.drop_down li.menu-item-product.wide.icons .second ul li a span {
  display: none;
}
header.transparent:not(.sticky) .drop_down .second {
  top: 100%;
}
.icon-list-gmap .circle, .icon-list-fb .circle {
  background-color: #ff8500;
}
.icon-list-gmap:hover p, .icon-list-fb:hover p {
  color: #aaaaaa !important;
}

@media only screen and (max-width:1171px) {
  header .q_logo img.normal,
  header .q_logo img.light {
    display: none;
  }
  header .q_logo img.mobile {
    display: block !important;
    opacity: 1;
  }
}

@media only screen and (max-width:768px) {
  .m_hide {
    display: none;
  }
  .top-heading {
    margin-top: 32px;
  }
  #shock-absorber-row {
     width: 100%;
   }
}
@media only screen and (max-width:600px) {
   #footer-slogan {
     display: none;
   }
   .stall_header {
     padding: 16px 0px;
   }
   h1, .stall_header h1 {
     font-size: 36px;
     line-height: 36px;
   }
   .h_typer {
     height: 36px;
   }
   .vc_row.full_screen_section {
      padding: 60px 0px;
   }
}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
.drop_down li.menu-item-product.wide .second ul li.menu-item-m-subtank a {
  background-size: 108px auto;
  background-image: url(../img/logo-m-subtank@2x.png)
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-black-hawk a {
  background-size: 78px auto;
  background-image: url(../img/logo-black-hawk@2x.png)
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-adventure a {
  background-size: 146px auto;
  background-image: url(../img/logo-adventure@2x.png);
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-discovery a {
  background-size: 149px auto;
  background-image: url(../img/logo-discovery@2x.png)
}
.drop_down li.menu-item-product.wide .second ul li.menu-item-explorer-ii a {
  background-size: 159px auto;
  background-image: url(../img/logo-explorer-ii@2x.png)
}

}

