/*
Theme Name: Shallow Sport Theme
Author: Chad Lamson
Author URI: https://www.pinecode.co
Version: 1.0.0
*/

/* Temp fix for tech page - Consoles */

@media(max-width:768px){
  body.page-id-595 .vi-banner.bottom-straight{
    background-size:100% auto !important;
    background-repeat:no-repeat;
    background-position: top center !important;
    background-color:#fff;
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection{
  background-color: #54d2c5;
  color:#fff;
}

body{
  font-family: 'proxima-nova', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  background-color: #f1f1f1;
  color:#333;
}

.row.pad{
  padding:50px 0;
}

img{
  max-width:100%;
  height:auto;
}

iframe{
  max-width:100%;
}

.btn,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #54d2c5;
  background-color: transparent;
  color: #54d2c5;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'proxima-nova-extra-condensed', sans-serif;
  font-weight: 600;
  padding: 10px 50px;
  transition: all 0.3s;
  border-radius: 0;
}

button:hover, button:focus,
.btn:hover, .btn:focus,
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input.button:focus, .gform_wrapper .gform_footer input[type=submit]:focus, .gform_wrapper .gform_page_footer input.button:focus, .gform_wrapper .gform_page_footer input[type=submit]:focus{
  background-color:#54d2c5;
  color:#fff;
}

.contain, #primary.content-area{
  margin: 0 2%;
  padding:0 2%;
}

.hide, .slick-dots{
  display:none !important;
}

blockquote{
  margin: 3%;
  border-left: 3px solid #54d2c5;
  padding: 2%;
}

h1, h2, h3, h4, h5, h6{
  font-family: 'proxima-nova-extra-condensed', sans-serif;
  font-weight: 600;
}

/* HEADER */

.site-notice{
  background-color:#54d2c5;
  color:#fff;
  font-size: 16px;
  text-align:center;
  padding:0.5em;
}

header#main-header{
  background-color:#111;
  padding:0;
  position: relative;
}

img.header-logo{
  width: 125px;
  height:35px;
}

header#main-header a.navbar-brand{
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.navbar{
  align-items: flex-start;
  padding:0;
  position: static;
}

.nav-link{
  font-family: 'proxima-nova-extra-condensed', sans-serif;
  font-size:20px;
  text-transform: uppercase;
  color:#fff;
  transition: all 0.3s;
  position: relative;
  padding:1.2rem 1rem;
}

.nav-link:hover, .nav-link:focus{
  color:#54d2c5;
}

li.nav-btn{
  position: absolute;
  right: 2%;
  background-color: #111;
  border: 1px solid #54d2c5;
  color: #54d2c5;
  top: 50%;
  transform: translate(0,-50%);
}

li.nav-btn:hover, li.nav-btn:focus{
  background-color:#54d2c5;
}

li.nav-btn .nav-link:hover, li.nav-btn .nav-link:focus{
  background-color:#54d2c5;
  color:#fff;
}

li.nav-btn>a.nav-link{
  padding: 6px 20px 5px;
  display: block;
  line-height: 24px;
}

header#main-header ul.nav>li.current-menu-item>a:before, header#main-header ul.nav>li.current-page-parent>a:before{
  content: ' ';
  width: 50px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #54d2c5;
}

.dropdown-toggle::after{
  display: none;
}

.dropdown-toggle .menu-dropdown-text::after{
  border:none;
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  font-weight:300;
  font-size:10px;
  position: relative;
  top: -3px;
  left: 6px;
}

.dropdown, .dropleft, .dropright, .dropup{
  position: static;
  transition: all 0.3s;
}

.dropdown:hover, .dropdown:focus{
}

ul.dropdown-menu{
  max-height:0;
  width:100%;
  overflow: hidden;
  left: 0;
  right: 0;
  top: calc(100% -2px);
  background-color: #fff;
  border:none;
  border-top: 1px solid #333;
  justify-content: space-between;
  align-items: flex-start;
  transition: all 0.5s;
  border-radius:0;
  display: flex !important;
  flex-wrap: wrap;
  padding: 0;
}

.dropdown:hover ul.dropdown-menu, ul.dropdown-menu:hover{
  display: flex !important;
  max-height: 500px;
}

ul.dropdown-menu>li{
  display: block;
  width: 50%;
  text-align: center;
}

.dropdown-item{
  color: #333;
  font-weight: 900;
  font-size: 2vw;
  padding: 7% 0;
  display: flex;
  border: 1px solid #eee;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  text-align: left;
}

.dropdown-item:hover, .dropdown-item:focus{
  background-color:#f1f1f1;
  color:#333;
}

span.menu-item-subtitle{
  display: block;
  font-size: 20px;
  font-weight: 400;
  font-family: 'proxima-nova-extra-condensed';
  color:#777;
}

img.menu-img{
}

/* PAGE BLOCKS */

.vi-banner{
  text-align:center;
  padding:20% 0;
  color:#fff;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.vi-banner.overlay{
	padding:15% 0;
}

.vi-banner.short{
  padding:15% 0;
}

.vi-banner.short.overlay{
	padding:10% 0;
}

.vi-banner.overlay:before{
  content:' ';
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.3);
  z-index:100;
}

.vi-banner.overlay .contain{
  position: relative;
  z-index:101;
}

.vi-banner h1{
  color: #fff;
  font-family: 'industry', sans-serif;
  font-weight: 900;
  font-size: 5vw;
  text-transform: uppercase;
}

.vi-banner h4{
  color: #fff;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 400;
  font-size: 1.75vw;
  opacity: 0.9;
  margin-bottom: 2%;
}

.vi-banner .btn{
  margin-top:3%;
  background-color:#111;
  color:#fff;
  border-color:#111;
}

.vi-banner .btn:hover, .vi-banner .btn:focus{
  background-color:#54d2c5;
  border-color:#54d2c5;
  color:#fff;
}

.vi-banner .spacer{
  height:200px;
}

.vimeo-wrapper{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.vimeo-wrapper iframe{
  width: 100vw;
  height: 56.25vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.boat-feature{
  padding:8% 0 5%;
  background-color:#fff;
}

.bf-upper{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 4%;
}

.bf-render{
  margin-top: -10%;
  z-index: 999;
  width:65%;
  padding:0 2%;
}

.bf-headings{
  width:35%;
}

.bf-headings h1{
  font-family: 'industry', sans-serif;
  font-weight: 900;
  font-size:6.5vw;
  text-transform: uppercase;
  color:#54d2c5;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 6vw;
}

.bf-headings h2{
  font-family: 'industry-inc-base', sans-serif;
  font-weight: 400;
  font-size: 2.5vw;
  color:#444;
}

.bf-subtitle{
  color:#9d9999;
  font-size: 16px;
}

.bf-text{
  padding:0 5%;
  line-height: 33px;
}

.read-more-content{
  max-height:0;
  overflow:hidden;
  transition: all 0.5s;
}

a.read-more{
  transition: all 0.3s;
  color:#54d2c5 !important;
  font-style: italic;
}

a.read-more:hover, a.read-more:focus{
  cursor: pointer;
}

.bf-btn{
  text-align: center;
  margin-top:8%;
}

.blocks-5050{
}

.block-5050{
  display: flex;
  align-items: stretch;
  max-width: 100%;
  overflow: hidden;
}

.block-5050.fit-image>.block-img{
  background-size:auto 100%;
  background-color:#fff;
  background-repeat:no-repeat;
  background-position: center;
}
/*
.block-5050.fit-image:nth-child(even)>.block-img{
  background-position: left center;
}*/

.blocks_tilt{
  margin-bottom: -3vw;
  -webkit-clip-path: polygon(
    0 3vw,
    100% 0,
    100% 100%,
    0 calc(100% - 3vw)
  );
  clip-path: polygon(
    0 3vw,
    100% 0,
    100% 100%,
    0 calc(100% - 3vw)
  );
}

.blocks_tilt:nth-child(even){
  -webkit-clip-path: polygon(
    0 0,
    100% 3vw,
    100% calc(100% - 3vw),
    0 100%
  );
  clip-path: polygon(
    0 0,
    100% 3vw,
    100% calc(100% - 3vw),
    0 100%
  );
}

.block-5050:nth-child(even) .block-text{
  order:1;
}

.block-5050:nth-child(even) .block-img{
  order:2;
}

.block-img{
  width:50%;
  background-size: cover;
  background-position: center center;
}

.block-img-mobile{
  display:none;
}

.block-text{
  width:50%;
  padding:15% 3%;
  background-color:#fff;
}

.block-text h4{
  font-family: 'industry-inc-base', sans-serif;
  font-weight: 900;
  font-size: 2.5vw;
}

.block-text p{
}

.block-text .btn{
  margin-top:3%;
}

@media(min-width:768px){

  .vi-banner.left_align .contain, .vi-banner.right_align .contain{
    max-width:45%;
    text-align: left;
  }

  .vi-banner.right_align .contain{
    margin-left:45%;
  }

  .block-5050.gradient,
  .block-5050.full{
    position: relative;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
  }

  .block-5050.gradient .block-img,
  .block-5050.full .block-img{
    width: 100%;
    position: absolute;
    top:0;
    bottom:0;
    z-index:1;
  }

  .block-5050.gradient .block-text,
  .block-5050.full .block-text{
    position: relative;
    background-color:transparent;
    margin:3% 0;
    z-index:3;
  }

  .block-5050.gradient:nth-child(odd) .block-img{
    left:20%;
  }

  .block-5050.gradient:nth-child(even) .block-img{
    right:20%;
  }

  .block-5050.gradient:nth-child(odd):before{
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 18%;
    background: linear-gradient(90deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    z-index: 2;
  }

  .block-5050.gradient:nth-child(even):before{
    content: ' ';
    position: absolute;
    top:0;
    bottom:0;
    left:18%;
    right:0;
    background: linear-gradient(270deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
    z-index:2;
  }

  .block-5050.gradient:nth-child(even) .block-text,
  .block-5050.full:nth-child(even) .block-text{
    padding-left: 0;
    left: 60%;
    width: 40%;
  }

  .block-5050.gradient:nth-child(odd) .block-text{
    padding-right: 0;
  }

  .block-5050.full:nth-child(odd) .block-text{
    padding-right: 10%;
  }

}

.specs{
  position: relative;
  max-width: 100%;
  overflow:hidden;
}

.specs-title{
  font-size: 25vw;
  color: #000;
  line-height: 20vw;
  opacity: 0.04;
  position: absolute;
  top: -10px;
  left: -50px;
  font-family: 'industry', sans-serif;
  font-weight: 900;
  z-index: -1;
  text-transform: uppercase;
}

.specs .contain{
  display: flex;
  align-items: flex-start;
  padding: 10% 2%;
}

ul#specs-tabs {
  width: 30%;
  order: 2;
  border-bottom:none;
}

.specs #myTabContent{
  width:70%;
  order:1;
}

.specs #myTabContent .tab-pane .tab-pane-inner{
  display: flex;
  align-items: flex-start;
}

img.specs-top-view{
  max-width: 40%;
}

.specs ul.nav-tabs .nav-link, .specs .nav-tabs .nav-link.active{
  background-color:transparent;
  border:none;
  color:#333;
  opacity: 0.35;
  transition: all 0.3s;
  position: relative;
}

.specs ul.nav-tabs .nav-link:hover{
  opacity: 0.9;
}

.specs .nav-tabs .nav-link.active, .specs .nav-tabs .nav-link.active:hover{
  opacity: 1;
}

.spec-bl{
  position: absolute;
  font-family: 'industry', sans-serif;
  font-weight: 900;
  font-size: 13vw;
  top: 0;
  left: -30%;
  line-height: 14vw;
  z-index: -1;
}

ul.specs-list{
  margin-top:3%;
  list-style-type: none;
}

ul.specs-list>li{
  padding: 15px 0;
  font-family: 'industry-inc-base', sans-serif;
  font-weight: 900;
  font-size: 2vw;
  line-height: 2vw;
}

ul.specs-list>li>span{
  display: block;
  font-weight:normal;
  font-size:1.5vw;
  font-family: 'proxima-nova', sans-serif;
}

.gallery{
  padding: 0;
  margin: 0;
}

li.slick-slide{
  width:auto !important;
}

.slick-lightbox .slick-prev, .slick-lightbox .slick-next{
  position: absolute;
  top: 50%;
  border: none;
  width: 35px;
  height: 35px;
  background-color: #fff;
  transition: all 0.3s;
  z-index:9999;
}

.slick-lightbox .slick-prev:hover, .slick-lightbox .slick-next:hover,
.slick-lightbox .slick-prev:focus, .slick-lightbox .slick-next:focus{
  background-color:#111;
  color:#fff;
}

.iv-wrapper{
  background-image: url('/wp-content/themes/shallowsport/img/topography.png');
}

.inline-video{
  max-width:980px;
  width:80%;
  margin:0 auto;
  padding:8% 0;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
  background-color:#54d2c5;
}

.plyr--full-ui input[type=range]{
  color:#fff;
}

.plyr__poster {
  background-size:cover;
}

.plyr__control--overlaid{
  background-color:transparent;
  transition: all 0.3s;
  opacity: 0.8;
}

.plyr__control--overlaid:hover, .plyr__control--overlaid:focus{
  background-color:transparent !important;
  opacity: 1;
}

.plyr__control--overlaid svg{
  width:100px;
  height:100px;
}

.call-to-action{
  background-color:#fff;
}

.call-to-action>.contain{
  display: flex;
  padding:10% 2%;
  align-items: center;
  justify-content: center;
}

.call-to-action>.contain>div{
  width:50%;
}

.cta-image{
  text-align: center;
}

.cta-text{
  padding:0 8% 0 0;
}

.cta-text h4{
  font-weight: 900;
  text-transform: uppercase;
  font-size:2vw;
}

.cta-text .btn{
  margin-top:5%;
}

.model-feature-item{
  position: relative;
  padding:7.5% 0;
}

.model-feature-item .contain{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content:flex-start;
  flex-wrap: wrap;
}

.model-feature-title{
  font-size: 25vw;
  color: #000;
  line-height: 20vw;
  opacity: 0.04;
  position: absolute;
  top: -10px;
  left: -50px;
  font-family: 'industry', sans-serif;
  font-weight: 900;
  z-index: 0;
  text-transform: uppercase;
}

.model-feature-item.light .model-feature-title{
  color:#fff;
}

.model-feature-item .btn{
  background-color:#000;
  color:#fff;
  border-color:#000;
  margin-top:4%;
}

.model-feature-item .btn:hover, .model-feature-item .btn:focus{
  background-color:#fff;
  color:#111;
  border-color:#fff;
}

.model-feature-item .contain>img{
  max-width:70%;
}

.mf-text{
  color:#111;
  text-align: center;
  max-width:30%;
}

.model-feature-item.light .mf-text{
  color:#fff;
}

.mf-text h1{
  text-transform: uppercase;
  font-weight: 900;
  font-size: 4vw;
  font-family:'industry', sans-serif;
}

.mf-text h4{
  text-transform: uppercase;
  font-family: 'proxima-nova-extra-condensed', sans-serif;
  font-weight: 400;
  font-size: 3vw;
  opacity: 0.6;
}

.mf-text p{
  font-style: italic;
  font-size:1.5vw;
  opacity: 0.5;
}

.carousel-indicators{
  bottom:30px;
}

.carousel-control-next, .carousel-control-prev{
  width:10%;
}

.text-block>.contain{
  max-width: 950px;
  margin:2% auto;
  padding: 6% 4%;
  text-align: justify;
}

.twin-boxes{
  background-color: #fff;
}

.twin-boxes{
  align-items: baseline;
  display: flex;
  justify-content: center;
}

.tb-1, .tb-2{
  width:50%;
  padding: 15% 2%;
  margin: 0;
  text-align: center;
  color:#fff;
  position: relative;
}

.tb-1.dark, .tb-2.dark{
  color:#333;
}

.tb-1 h3, .tb-2 h3{
  text-transform: uppercase;
  font-family: 'industry', sans-serif;
  font-weight: 900;
  font-size: 3vw;
}

.tb-1 h5, .tb-2 h5{
  font-weight: 400;
  font-size: 2vw;
}

.tb-1 h3, .tb-1 h5, .tb-2 h3, .tb-2 h5{
  position: relative;
}

.tb-overlay, .tb-color-overlay{
  content:' ';
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right:0;
  background-color:#000;
  opacity: 0.35;
  transition: all 0.3s;
}

.tb-bg{
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right:0;
  background-size: cover;
  background-position: center;
}

.tb-color-overlay{
  opacity: 0.75;
  transition: all 0.3s;
}

.tb-color-overlay:hover, .tb-color-overlay:focus{
  opacity: 0.85;
  cursor:pointer;
}

.has-color .tb-bg{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tb-overlay:hover, .tb-overlay:focus{
  background-color:rgba(0,0,0,0.1);
  cursor: pointer;
}

.facebook-feed{
  background-color:#2a2a2a;
}

.facebook-feed h3{
  font-family: 'proxima-nova', sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  color:#fff;
  text-align: center;
  padding-top:5%;
}

.tb-wrapper{
  background-image: url('/wp-content/themes/shallowsport/img/topography.png');
  padding-bottom:3%;
}

.tall-boxes{
  display: flex;
  align-content: stretch;
  justify-content: flex-start;
  max-width: 1250px;
  overflow: hidden;
  margin: 0 auto;
}

@media(min-width:1250px){
  .tall-boxes{
    margin-top:-5%;
  }
}

@media(max-width:1250px){
  .tb-wrapper{
    padding-bottom:0;
  }
}

.tall-box{
  width: 100%;
  padding:2% 2% 38% 2%;
  position: relative;
  transition: all 0.5s;
  width:40%;
  background-size: cover;
  background-position: center center;
  border-top:2px solid #fff;
}

.tb-bg{
  background-size: cover;
  background-position: center center;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  transition: all 0.5s;
}

.tall-box::after{
  content: ' ';
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#151515;
  opacity: 0.5;
  transition: all 0.5s;
  z-index:10;
}

.tall-box:hover{
  width:150%;
}

.tall-box:hover .tb-bg{
  opacity: 0;
}

.tall-box:hover::after{
  opacity: 0.05;
}

.tall-box .btn{
  opacity: 0;
  transition-delay:0;
  transition: opacity 0.3s;
  position: absolute;
  background-color: #fff;
  border-color: #fff;
  position: absolute;
  bottom: 10%;
  z-index:9999;
}

.tall-box .btn:hover, .tall-box .btn:focus{
  background-color:#111;
  border-color:#111;
  color:#fff;
}

.tall-box:hover .btn{
  opacity: 1;
  transition-delay: 0.3s;
}

.tall-box h3{
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  position: relative;
  font-size: 3vw;
  z-index:15;
}

.tall-box h4{
  text-transform: uppercase;
  color: #111;
  position: absolute;
  font-size: 2vw;
  z-index: 20;
  opacity: 0;
  transition: all 0.3s;
  transition-delay:0;
}

.tall-box h4:before{
  content: ' ';
  background-color: #54d2c5;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 1px;
  top:-3px;
  z-index: -1;
}

.tall-box h4 .fas{
  font-size: 1.3vw;
  position: relative;
  bottom: 2px;
}

.tall-box:hover h4{
  opacity: 1;
  transition-delay:0.3s;
}

.icon-row{
  background-color:#fff;
  border-bottom:1px solid #e1e1e1;
  padding:2% 0 1%;
}

.icon-row>.contain{
  display:flex;
  align-items: center;
  justify-content: center;
}

.icon-box{
  width:100%;
  text-align:center;
  transition: all 0.3s;
  transform:scale(0.948);
}

.icon-box:hover, .icon-box:focus{
  transform: translateZ(0)scale(1.0, 1.0);
  cursor: pointer;
}

.icon-box h4{
  text-transform: uppercase;
  font-size: 18px;
}

.icon-box p{
  color:#777;
  font-size:13px;
}

.icon-box i{
  color:#333;
  font-size:38px;
  margin-bottom:5%;
}

/* MISC */

#map, #proteam-map{
  width: 100%;
  height: 500px;
}

.dealers-list, .proteam-list{
  padding:5% 0;
  background-color:#f1f1f1;
}

.find-dealer{
  background-color:#111;
  color:#fff;
  padding:2% 0;
  text-align: center;
}

ul#dealers-list-ul, ul#proteam-list-ul{
  list-style-type: none;
  padding-left:0;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

ul#dealers-list-ul>li, ul#proteam-list-ul>li{
  width:33%;
  background-color:#fff;
  border:1px solid #eee;
  padding:2%;
  margin-bottom:0.5%;
  font-size: 16px;
}

#closestDealer{
  background-color: #fff;
  border-bottom: 1px solid #eee;
  padding: 0;
  transition: all 0.3s;
}

#closestDealer.showClosestDealer{
  padding:5% 0;
}

#closestDealer.showClosestDealer h1{
  text-transform: uppercase;
  color: #54d2c5;
  margin-bottom: 2%;
}

body.page-id-38 i.fas, body.page-id-92 i.fas{
  color:#ccc;
  font-size:13px;
  margin-right: 5px;
}

.contact-wrap{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding:5% 2%;
}

.contact-wrap>.contact-form{
  width:58%;
  padding-right: 2%;
}

.contact-wrap>.contact-sidebar{
  padding-right: 2%;
}

div.privacy-policy{
  padding:5% 2%;
}

.page-id-294689 ol>li{
  padding:3% 0;
}

.error404 h1.banner-heading{
  font-size: 15vw;
  line-height: 10vw;
}

.error404 h4.banner-subtitle{
  max-width: 600px;
  margin:0 auto;
}

/* FOOTER */

div.footer{
  background-color:#111;
  color:#fff;
  padding:10% 0 2%;
}

div.footer>.contain{
  align-items: flex-start;
  justify-content: auto;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.footer-widget h3{
  font-family: 'proxima-nova-extra-condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size:22px;
}

.footer-widget h3:after{
  content:' ';
  width:35px;
  height:4px;
  background-color:#54d2c5;
  margin:10px 0 15px;
  display: block;
}

.footer-widget ul.menu{
  padding:0;
  margin:0;
  list-style-type: none;
}

.footer-widget a{
  color:#fff;
  opacity: 0.65;
  transition: all 0.3s;
  text-decoration: none;
}

.footer-widget a:hover, .footer-widget a:focus{
  opacity: 1;
}

.copyright{
  background-color:#111;
  color:#555;
  font-size: 14px;
  padding:15px 0;
  text-align: center;
  margin-top: -1px;
}

.footer-logo-wrapper{
  text-align: center;
  padding-top:5%;
}

.footer-logo{
  width:245px;
  height:68px;
}

.social-footer a{
  display: block;
  background-color: #54d2c5;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #222;
  transition: all 0.3s;
  margin-bottom:3px;
}

.social-footer a:hover, .social-footer a:focus{
  background-color:#fff;
}

/* CLIP PATHS FOR SLANTED EDGES */

.top-left_tilt, .top-right_tilt{
  margin-top:-3.1vw;
}

.bottom-left_tilt, .bottom-right_tilt{
  margin-bottom:-3.1vw;
}

.bottom-left_tilt.top-straight{
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 3vw)
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 3vw)
  );
}

.bottom-left_tilt.top-left_tilt{
  -webkit-clip-path: polygon(
    0 0,
    100% 3vw,
    100% 100%,
    0 calc(100% - 3vw)
  );
  clip-path: polygon(
    0 0,
    100% 3vw,
    100% 100%,
    0 calc(100% - 3vw)
  );
}

.bottom-left_tilt.top-right_tilt{
  -webkit-clip-path: polygon(
    0 3vw,
    100% 0,
    100% 100%,
    0 calc(100% - 3vw)
  );
  clip-path: polygon(
    0 3vw,
    100% 0,
    100% 100%,
    0 calc(100% - 3vw)
  );
}

.bottom-right_tilt.top-straight{
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 3vw),
    0 100%
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 3vw),
    0 100%
  );
}

.bottom-right_tilt.top-left_tilt{
  -webkit-clip-path: polygon(
    0 0,
    100% 3vw,
    100% calc(100% - 3vw),
    0 100%
  );
  clip-path: polygon(
    0 0,
    100% 3vw,
    100% calc(100% - 3vw),
    0 100%
  );
}

.bottom-right_tilt.top-right_tilt{
  -webkit-clip-path: polygon(
    0 3vw,
    100% 0,
    100% calc(100% - 3vw),
    0 100%
  );
  clip-path: polygon(
    0 3vw,
    100% 0,
    100% calc(100% - 3vw),
    0 100%
  );
}

.bottom-straight.top-straight{
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%
  );
}

.bottom-straight.top-left_tilt{
  -webkit-clip-path: polygon(
    0 0,
    100% 3vw,
    100% 100%,
    0 100%
  );
  clip-path: polygon(
    0 0,
    100% 3vw,
    100% 100%,
    0 100%
  );
}

.bottom-straight.top-right_tilt{
  -webkit-clip-path: polygon(
    0 3vw,
    100% 0,
    100% 100%,
    0 100%
  );
  clip-path: polygon(
    0 3vw,
    100% 0,
    100% 100%,
    0 100%
  );
}

/* WOOCOMMERCE */

body.post-type-archive-product.woocommerce-page{
  background-color:#eee;
}

.woocommerce ul.products li.product a {
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    background-color: #fff;
    border:1px solid #e1e1e1;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
  text-transform: uppercase;
  color:#333;
  width: 100%;
  padding:0 2% 2%;
}

.woocommerce ul.products li.product a img{
  background-color:#fff;
  border-bottom:1px solid #eee;
}

.woocommerce ul.products li.product .price{
  width:100%;
  color:#54d2c5;
  padding-bottom:2%;
}

.woocommerce span.onsale{
  background-color:#54d2c5;
}

.woocommerce ul.products li.product .button{
  display: none;
}

.shop-sidebar{
  background-color: #fff;
  padding: 2% 0;
  border-bottom: 1px solid #e1e1e1;
}

.shop-sidebar>.contain{
  align-items: center;
  justify-content: center;
  display: flex;
}

.shop-sidebar>.contain>*{
  margin:0 1%;
}

.woocommerce .woocommerce-ordering{
  margin:0;
}

.shop-sidebar .widget #product_cat{
  min-width: 50% !important;
  margin-left:2%;
}

.shop-container.contain{
  padding:8% 2% 5% 2%;
}

.woocommerce-cart .woocommerce{
  display: flex;
  flex-wrap:wrap;
  align-items: stretch;
  justify-content: space-between;
}

.woocommerce-cart .woocommerce-notices-wrapper{
  width:100%;
}

.woocommerce-cart-form{
  width:64%;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{
  width: 35%;
  background-color: #fff;
  padding: 2%;
  border:1px solid rgba(0,0,0,.1);
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
  width:100%;
}

.woocommerce-cart .text-block>.contain{
  max-width: none;
  padding:2% 4%;
}

form.woocommerce-cart-form>table.shop_table{
  background-color:#fff;
  border-radius: 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #54d2c5;
  background-color: #54d2c5;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'proxima-nova-extra-condensed', sans-serif;
  font-weight: 600;
  padding: 25px 40px;
  transition: all 0.3s;
  border-radius: 0;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus{
  background-color:#111;
  border-color:#111;
}

.woocommerce table.shop_table td{
  padding:12px;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
  width:auto;
}

.woocommerce div.product div.summary{
  background-color: #fff;
  padding:2%;
  border:1px solid #e1e1e1;
}

.woocommerce-product-gallery__image{
  background-color: #fff;
}

.single_add_to_cart_button.disabled{
  background-color:#54d2c5 !important;
  opacity: 0.35;
}

.single_add_to_cart_button.disabled:hover{
  background-color:#54d2c5 !important;
  opacity: 0.35;
  border-color:#54d2c5 !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:#54d2c5;
}

.woocommerce div.product form.cart .variations td.label{
  padding-right:0;
}

.woocommerce div.product form.cart div.quantity{
  float:none;
  margin-bottom:2%;
}

.product_meta>span{
  display: block;
  font-size:16px;
  color:#777;
}

.woocommerce .woocommerce-ordering select{
  vertical-align: middle;
}

.woocommerce nav.woocommerce-pagination ul{
  background-color:#fff;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{
  background-color:#111;
  color:#fff;
  border-radius: 0;
  transition: all 0.3s;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background-color:#54d2c5;
  color:#fff;
}

.woocommerce-message{
  border:1px solid #54d2c5;
  border-top:3px solid #111;
  background-color:#54d2c5;
  color:#fff;
}

.woocommerce nav.woocommerce-pagination ul li span, .woocommerce-message::before{
  color:#fff;
}

.woocommerce nav.woocommerce-pagination ul li a{
  color:#54d2c5;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  color:#fff;
  background-color:#54d2c5;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before{
  border-color:#e1e1e1;
  width:calc(100% + 1em);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  border-color:#e1e1e1;
  border-bottom:none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
  margin:0;
}

.woocommerce div.product .woocommerce-tabs .panel {
  margin: 0 0 2em;
  padding: 0;
  background-color: #fff;
  padding: 5% 2%;
  border: 1px solid #e1e1e1;
  border-top: none;
}

section.related.products h2{
  text-align: center;
  padding: 2%;
}

.qty-label{
  font-weight: 700;
}

.woocommerce div.product form.cart div.quantity{
  display:inline;
}

.woocommerce div.product form.cart .button {
  vertical-align: middle;
  display: block;
  margin-top: 5%;
  clear: both;
}

.woocommerce div.product form.cart .variations select{
  margin-right: 0;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
  line-height: revert;
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th{
  vertical-align: middle;
}

.woocommerce div.product form.cart .variations label{
  margin-bottom: 0;
}

.woocommerce div.product form.cart .reset_variations{
  margin-left:2%;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
  max-width:100%;
}

.woocommerce-checkout .text-block>.contain{
  max-width: 100%;
}

.checkout.woocommerce-checkout{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
  min-width: 100%;
}

.woocommerce .col1-set .col-1, .woocommerce-page .col1-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
  width:100%;
  max-width: 100%;
  float: none;
}

#customer_details{
  width:60%;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
  width: 80%;
  float: none;
}

.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-1{
  width: 100%;
  float: none;
}

.woocommerce form .form-row{
  position: relative;
  padding-bottom: 35px;
}

.woocommerce-checkout label{
  position: absolute;
  top: -22px;
  font-size: 14px;
}

#order_review{
  width:40%;
}

#order_review_heading{
  display:none;
}

.quantity_select{
  float: left;
  width:64.3%;
}

.quantity_select select{
  width: 100%;
}

span.qty-label{
  width: 14.3%;
  display: block;
  float: left;
}

.woocommerce-checkout .woocommerce-additional-fields{
  display:none;
}

.woocommerce-billing-fields>h3{
  padding-bottom:35px;
}

span.woocommerce-input-wrapper{
  width:100%;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 49.5%;
}

h3#ship-to-different-address{
  padding-bottom:25px;
  float:none;
}

h3#ship-to-different-address>label{
  font-size: 18px;
}

#wc-stripe-cc-form .form-row{
	display:block;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
	background-color:#fff;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
	border-bottom-color:#fff;
}

li.wc_payment_method.payment_method_stripe label[for=payment_method_stripe]{
	position:static;
	display: flex;
    justify-content: space-between;
}

/* FORMS */

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
}

.gform_wrapper textarea,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
form textarea,
form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
  border:none;
  border-bottom:2px solid #ccc;
  background-color:#fff;
  padding:10px 13px !important;
  border-radius: 0;
  transition: all 0.3s;
}

.gform_wrapper textarea:focus,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
form textarea:focus,
form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus{
  outline-style: none;
  border-bottom-color:#54d2c5;
}

select{
  word-wrap: normal;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 9px 35px 9px 10px;
  margin: 0.5%;
  font-size: 16px;
  line-height: 1.5em;
}

.select-wrapper{
  position: relative;
  display: inline;
}

.select-wrapper:after{
  font-family: "Font Awesome 5 Pro";
  content:'\f107';
  font-weight: 200;
  position: absolute;
  right: 7px;
  top:0;
  bottom: 0;
  width:25px;
  text-align: center;
  color:#333;
  pointer-events: none;
  line-height: 1.5em;
}

/* RESPONSIVE */

@media(max-width:1200px){
}

@media(max-width:992px){

  ul#dealers-list-ul>li, ul#proteam-list-ul>li{
    width:49.8%;
  }

}

@media(max-width:768px){

  .hide-mobile{
    display:none;
  }

  header#main-header{
    padding:15px 0 0;
  }

  .inline-video{
    width:100%;
    padding:15% 0;
  }

  header#main-header a.navbar-brand{
    position:static;
    transform:none;
  }

  header#main-header ul.nav>li{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #333;
  }

  header#main-header ul.nav>li:first-child{
    border-top: 1px solid #333;
  }

  header#main-header .current-menu-item a:before, header#main-header .current-page-parent a:before{
    display: none;
  }

  header#main-header ul.nav>li.nav-btn{
    position: static;
    transform: none;
    margin: 2% auto;
    width: auto;
    padding: 2% 13%;
    border: 2px solid #54d2c5;
  }

  .navbar-brand{
    padding-bottom:3%;
  }

  .navbar-collapse{
    margin:2% -4% 0;
  }

  ul.dropdown-menu{
    position: static;
    max-height:100%;
    height:0;
    transition: all 0.3s;
  }

  ul.dropdown-menu>li{
    width: 100%;
  }

  .dropdown-item{
    padding:0 2%;
    align-items: center;
    justify-content: flex-start;
    font-size:4vw;
  }

  .menu-img{
    width:50%;
    margin-left: -6%;
  }

  .dropdown:hover ul.dropdown-menu, ul.dropdown-menu:hover{
    max-height: 100%;
    height:auto;
  }

  .vi-banner.overlay{
    padding: 30% 0;
  }

  .vi-banner h1{
    font-size: 10vw;
  }

  .vi-banner h4{
    font-size: 4vw;
  }

  .bf-upper{
    flex-wrap:wrap;
  }

  .bf-render, .bf-headings{
    width:100%;
  }

  .bf-render{
    margin-top:-15%;
  }

  .bf-headings h1{
    font-size:15vw;
    line-height: 15vw;
  }

  .bf-headings h2{
    font-size:7vw;
  }

  .vi-banner .btn, .btn{
    margin-top:10%;
  }

  .find-dealer .btn{
    margin-top:2%;
    display: block;
  }

  .vi-banner .spacer{
    height:250px;
  }

  .vi-banner.short .spacer{
    height:250px;
  }

  .vimeo-wrapper iframe {
    min-width: 216.77vw;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .block-5050{
    flex-wrap: wrap;
  }

  .block-img{
    width:100%;
    min-height:300px;
    order:1 !important;
    position: relative;
  }

  .block-img:after{
    content:' ';
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    position: absolute;
    top:65%;
    bottom:0;
    width:100%;
  }

  .block-img-mobile{
    display:block;
  }

  .block-text{
    width:100%;
    order:2 !important;
    padding-top:0;
  }

  .block-text h4{
    font-size:6.5vw;
  }

  .call-to-action>.contain{
    flex-wrap: wrap;
    text-align: center;
  }

  .call-to-action>.contain>div{
    width:100%;
  }

  .cta-text{
    order:2;
    padding:5%
  }

  .cta-image{
    order:1;
    padding:5%;
  }

  .cta-text h4{
    font-size:6vw;
  }

  .cta-text p, .bf-text{
    text-align: justify;
  }

  div.footer>.contain{
    flex-wrap: wrap;
  }

  div.footer>.contain>div {
    min-width: 100%;
    text-align: center;
    margin-top:10%;
  }

  .footer-widget h3:after{
    margin:10px auto 13px;
  }

  .footer-widget>div{
    opacity: 0.55;
  }

  .footer-logo {
    width: 245px;
    height: 68px;
  }

  .footer-widget a{
    margin: 8px 0;
    display: block;
    padding: 3px;
  }

  .top-left_tilt, .top-right_tilt{
    margin-top:-5vw;
  }

  .bottom-left_tilt, .bottom-right_tilt{
    margin-bottom:-5vw;
  }

  .bottom-left_tilt.top-straight{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      0 calc(100% - 5vw)
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      0 calc(100% - 5vw)
    );
  }

  .bottom-left_tilt.top-left_tilt{
    -webkit-clip-path: polygon(
      0 0,
      100% 5vw,
      100% 100%,
      0 calc(100% - 5vw)
    );
    clip-path: polygon(
      0 0,
      100% 5vw,
      100% 100%,
      0 calc(100% - 5vw)
    );
  }

  .bottom-left_tilt.top-right_tilt{
    -webkit-clip-path: polygon(
      0 5vw,
      100% 0,
      100% 100%,
      0 calc(100% - 5vw)
    );
    clip-path: polygon(
      0 5vw,
      100% 0,
      100% 100%,
      0 calc(100% - 5vw)
    );
  }

  .bottom-right_tilt.top-straight{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - 5vw),
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - 5vw),
      0 100%
    );
  }

  .bottom-right_tilt.top-left_tilt{
    -webkit-clip-path: polygon(
      0 0,
      100% 5vw,
      100% calc(100% - 5vw),
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 5vw,
      100% calc(100% - 5vw),
      0 100%
    );
  }

  .bottom-right_tilt.top-right_tilt{
    -webkit-clip-path: polygon(
      0 5vw,
      100% 0,
      100% calc(100% - 5vw),
      0 100%
    );
    clip-path: polygon(
      0 5vw,
      100% 0,
      100% calc(100% - 5vw),
      0 100%
    );
  }

  .bottom-straight.top-straight{
    -webkit-clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      0 100%
    );
  }

  .bottom-straight.top-left_tilt{
    -webkit-clip-path: polygon(
      0 0,
      100% 5vw,
      100% 100%,
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 5vw,
      100% 100%,
      0 100%
    );
  }

  .bottom-straight.top-right_tilt{
    -webkit-clip-path: polygon(
      0 5vw,
      100% 0,
      100% 100%,
      0 100%
    );
    clip-path: polygon(
      0 5vw,
      100% 0,
      100% 100%,
      0 100%
    );
  }

  .blocks_tilt{
    margin-bottom: -5vw;
    -webkit-clip-path: polygon(
      0 5vw,
      100% 0,
      100% 100%,
      0 calc(100% - 5vw)
    );
    clip-path: polygon(
      0 5vw,
      100% 0,
      100% 100%,
      0 calc(100% - 5vw)
    );
  }

  .blocks_tilt:nth-child(even){
    -webkit-clip-path: polygon(
      0 0,
      100% 5vw,
      100% calc(100% - 5vw),
      0 100%
    );
    clip-path: polygon(
      0 0,
      100% 5vw,
      100% calc(100% - 5vw),
      0 100%
    );
  }

  .model-feature-item .contain{
    justify-content: center;
  }

  .model-feature-item .contain>img{
    max-width: 100%;
  }

  .mf-text{
    color: #111;
    text-align: center;
    width: 100%;
    max-width:100%;
    margin-bottom: 8%;
  }

  .mf-text h1{
    font-size: 9vw;
  }

  .mf-text h4{
    font-size: 5vw;
  }

  .mf-text p{
    font-size: 2.5vw;
  }

  .carousel-indicators{
    bottom:-5px;
  }

  .tall-boxes{
    align-content: stretch;
    justify-content: space-evenly;
    overflow: hidden;
    flex-wrap: wrap;
  }

  .tall-box{
    padding:2% 2% 60% 2%;
  }

  .tall-boxes .tall-box, .tall-boxes .tall-box:hover, .tall-boxes .tall-box:focus{
    width:50%;
  }

  .tall-boxes .tall-box:first-child, .tall-boxes .tall-box:first-child:hover, .tall-boxes .tall-box:first-child:focus{
    width: 100%;
  }

  .tall-box h3{
    font-size: 36px;
  }

  .tall-box h4{
    font-size:19px;
  }

  .tall-box h4 .fas{
    font-size:14px;
  }

  ul.specs-list{
    padding-left: 5%;
    width: 50%;
  }

  ul.specs-list>li{
    font-size:5vw;
    line-height: 5vw;
  }

  ul.specs-list>li>span{
    font-size:3.5vw;
  }

  .spec-bl{
    font-size:20vw;
    left:0;
  }

  .specs ul.nav-tabs .nav-link, .specs .nav-tabs .nav-link.active{
    padding:2%;
    margin: 20% 0;
  }

  .specs ul.nav-tabs .nav-link>img{
    margin-top:24%;
  }

  .specs .contain{
    flex-wrap:wrap;
    padding-top:15%;
  }

  ul#specs-tabs{
    flex-wrap: nowrap;
    width:100%;
    order:1;
  }

  img.specs-top-view{
    order:2;
    max-width:50%;
  }

  .specs #myTabContent{
    width:100%;
  }

  ul#dealers-list-ul>li, ul#proteam-list-ul>li{
    width:100%;
    padding:4%;
  }

  .find-dealer{
    padding:5% 2%;
  }

  .find-dealer form{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
  }

  .contact-wrap{
    flex-wrap: wrap;
  }

  .contact-wrap>.contact-form{
    width:100%;
    order:2;
  }

  .contact-sidebar{
    order:1;
    margin-bottom:5%;
    width:100%;
  }

  .icon-row>.contain{
    flex-wrap:wrap;
  }

  .icon-box{
    width:100%;
    padding:3%;
    border-bottom:1px solid #eee;
    margin:0;
  }

  .icon-box:last-child{
    border-bottom:none;
  }

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

  .social-footer{
    width:100%;
    text-align: center;
    margin-bottom:5%;
  }

  .social-footer a{
    display:inline-block;
    width:50px;
    height: 50px;
    line-height: 50px;
    margin-right:3px;
  }

}

@media(min-width:768px){
  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu{
        display: block;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-toggle{
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{
        margin-bottom: 0;
    }
}

@media(min-width:1440px){

  .dropdown:hover ul.dropdown-menu, ul.dropdown-menu:hover{
    max-height:650px;
  }

  .contain, .vi-banner.left_align .contain, .vi-banner.right_align .contain{
    width:1300px;
    max-width:1300px;
    margin:0 auto;
  }

  .vi-banner.left_align .contain h1, .vi-banner.right_align .contain h1{
    font-size:72px;
    max-width:45%;
  }

  .vi-banner.left_align .contain h4, .vi-banner.right_align .contain h4{
    font-size:24px;
    max-width:45%;
  }

  .block-text h4, .tall-box h3, .mf-text h4{
    font-size:42px;
  }

  .tall-box h4{
    font-size:28px;
  }

  .mf-text h1{
    font-size:54px;
  }

  .mf-text p{
    font-size:20px;
  }

  .dropdown-item{
    font-size:38px;
  }

}