/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0;color:#fff;}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #c9c9c9;font-size:14px;color:#434343;border-radius:4px;width:100%;height:36px;padding:8px 15px;margin-bottom:10px}
.form-control::-moz-placeholder{color:#5a5a5a;opacity:1}
.form-control:-ms-input-placeholder{color:#5a5a5a}
.form-control::-webkit-input-placeholder{color:#5a5a5a}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;/*min-height:62px;*/background-color:#252525;border:0;font:20px "Raleway", Arial, sans-serif;font-weight:600;padding:16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
a.button, .button{display: inline-block;background-color: #b40000;border: none;box-shadow: none;color: #f4f4f4;font-size: 1.2rem;text-transform: uppercase;border: none;padding: 5px 36px;text-align: center;vertical-align: middle;border-radius: 6px;font-weight: 500;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/*.button:hover,.button:focus{background-color:#fe0000;color:#fff;}*/
.button:hover, a.button:hover,.button:focus, a.button:focus, .button:active,a.button:active{opacity: 1;background-color: #e80000;border-color: #e80000;}
a:visited.button{color:#fff}
.error{display:block;color:#f98989;padding-top:5px;font-size:13px;font-weight:normal;}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;padding:0;margin:20px 0 25px;}
.list li{background: url(../images/list-circle.png) no-repeat left 6px;color: #181818;font-size: 18px;line-height: 24px;margin: 0 0 6px;padding-left: 31px;font-weight: 700;}
.list li span{display:block;font-size: 20px;color:#000;padding: 3px 0 10px;}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
figure{margin: 0;}
.wpcf7-not-valid-tip{text-align:left;margin-top:7px}
.wpcf7 form .wpcf7-response-output{background:#fdfdb5;color:#3c3c3c;border-color:#fdfdb5;padding:10px 10px 6px;margin:0;font-size:13px;line-height:18px;}
.wpcf7 form.sent .wpcf7-response-output{background:#46b450;border-color:#46b450;color:#fff;font-size:13px;line-height:18px;padding:12px 10px 6px;}
.digital-analysis .wpcf7-not-valid-tip{color:#a50101}
button[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], button:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled,input[disabled]{opacity: .35;color: #f4f4f4;background-color: transparent;cursor: not-allowed;}
/*-- Body --*/
html{background:#fff;height:100%;font-family:"Roboto", Arial, sans-serif}
body{background:#fff;font-family:"Roboto", Arial, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#fff}
.container{margin:0 auto;position:relative;padding:0 15px} 
.container-xlg{max-width:1980px;margin:0 auto;position:relative;padding:0 25px;}
.container-fluid{margin:0 auto;position:relative;padding:0 15px;max-width:1980px;} 

/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.footer-phone,.accordion-title{font-family:"Anton", Arial, sans-serif}
#nav ul li .sub-menu li a, #nav ul li .sub-menu li span,.sub-heading em{font-family:"Roboto Condensed", Arial, sans-serif;font-weight:400}
.hd-h1{font-family:"Anton", Arial, sans-serif;color:#fff;font-size:52px;margin:0 0 15px;text-transform: uppercase;font-weight:500;}
.hd-h2{font-family:"Anton", Arial, sans-serif;color:#fff;font-size:1.625rem;margin:0 0 10px;font-weight:500;text-transform: uppercase;}
.sub-heading{font-family:"Anton", Arial, sans-serif;color:#fff;font-size:1.625rem;margin:0 0 10px;font-weight:500;text-transform: uppercase;} 
.sub-heading em{color:#fff;font-size:1rem;margin:0;font-weight:300;display:block;font-style:normal;}

.button,a.button,.sort-alpha,.hd-span,.event-box .hd-span,.list li,.client-testimonials .citation em,.card-title,.content-left p a,.content-left p{font-family:"Roboto", Arial, sans-serif}
.client-testimonials .hd-span,.client-testimonials .citation span/*,.tubing-clamps-parts .card-title*/{font-family:"Anton", Arial, sans-serif;}
/*-- Container --*/

#content{display:inline-block;width:100%;min-height:300px;/*display: flex;max-width: 1980px;margin: 0 auto;*/}
.cpadd{padding:40px 30px}
.cpadd2{padding:40px 0}
.no-padd [class*="col-"]{padding:0}
img.full-block{max-width: 171%;}
img.img-block{display:block;max-width:100%;height:auto;margin:10px 0}
/*-- Header --*/
.header{background:#000;position: relative;left: 0;right: 0;top: 0;z-index: 1000;width: 100%;min-height: 90px;}
/*.header .logo-brand img{max-width: 210px;margin: 8px 0 0;}*/
.header .custom-search{display: flex;flex-wrap: wrap;margin: 40px 0 0;justify-content: center;align-items: center;}
.custom-search .shopping-cart{flex: 0 0 10%;max-width: 10%;}
.custom-search .search-result{flex: 0 0 90%;max-width: 90%;position:relative;}
.search-result .search{position:absolute;left:0;top:0;}
.custom-search .search-result label{display: block;margin: 0;padding: 0 0 0 50px;}
.search-result .search .button{width: 50px;line-height: 36px;background: #fff;font-size: 18px;border-radius: 0;padding:0;display:block;text-align:center;color:#848484;}
.search-result .search .button .fa-search{color: #848484;}
.custom-search .form-control{border: none;border-radius: 0;min-height: 36px;margin: 0;padding: 8px 15px 8px 3px;font-size: 13px;}

.introtopbg{background-size:cover;/*max-width:1980px;*/margin:0 auto;position:relative;z-index:100;background:url(../images/hbg.jpg) no-repeat center 0;min-height:255px}
.home .introtopbg{/*background:url(../images/intro-topbg.jpg) no-repeat center 0;min-height:718px;z-index:100;*/background-size:cover;max-width:1980px;margin:0 auto;position:relative;}
.product-finder{padding: 50px 0 0;position: absolute;left: 0;top: 0;right: 0;z-index: 100;}
.product-finder .hd-span{font-size: 1.5rem;font-weight:700;display:block;text-align:center;margin: 0 0 25px;}
.product-finder .row{justify-content: center;}
.product-finder .selectors{max-width: 300px;padding: 10px;height: auto;text-align: center;z-index: 10;text-shadow: 0 0 4px #000;transition: box-shadow 0.333s;margin:0 auto;}
.product-finder .selectors label{display: block;margin: 0;}
.product-finder .selectors .button{display: block;width: 100%;text-shadow: none;padding: 0 1.25em;font-size: 1.5rem;min-height: 40px;line-height: 34px;font-weight: 700;letter-spacing: 1px;text-decoration: none;text-transform: uppercase;text-align: center;border: 3px solid #f4f4f4;border-radius: 5px;color: #464646;background-color: #f4f4f4;cursor: pointer;vertical-align: middle;transition: color 100ms ease-in-out,background-color 100ms ease-in-out,border-color 100ms ease-in-out;}
.product-finder .selectors .button[disabled]{opacity: 0.36;color: #f4f4f4;background-color: transparent;cursor: not-allowed;}

.bg-slideshow{position: relative;height: 100%;width: 100%;overflow: hidden;}
.bg-slideshow:after {
background: transparent url(../images/pattern.png) repeat top left;content: " "; position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}

.video-carousel{background-color: #000;overflow: hidden;padding:25px 0 35px;}
.video-carousel h2{margin: 0 0 15px;font-size: 2.625rem;color: #e40000;text-align: center;}
.video-carousel .sub-heading{font-size:2.625rem;text-align: left;margin:18px 0 15px;}
.video-carousel .video-frame{position: relative;}
.video-carousel .video-frame a{background-image:url(../images/btn-video-play-mobile.svg);background-repeat: no-repeat;position: absolute;top: 50%;left: 0;right: 0;margin:-45px auto 0;width: 89px;height: 57px;}
.video-carousel .video-frame figure,.video-carousel .video-frame figure img{margin:0 auto;display:block;}
.video-carousel .videoslides{padding: 0 0 50px;}
.video-carousel .row{justify-content: center;}
.video-carousel .swiper-button{position: absolute;top: 0;left: 0;right: 0;margin: 46px auto 0;}
.video-carousel .swiper-button-next, .swiper-button-prev{width: 15px;height: 27px;margin-top: -22px;background-size: 15px 27px;}
.video-carousel .swiper-button-next,.video-carousel .swiper-container-rtl .swiper-button-prev{background-image:url(../images/swiper-next.png);background-color: #e40000;padding: 24px;right: 50%;left: auto;margin-right: -18%;}
.video-carousel .swiper-button-prev,.video-carousel .swiper-container-rtl .swiper-button-next{background-image:url(../images/swiper-prev.png);background-color: #e40000;padding: 24px;left: 50%;right: auto;margin-left: -18%;}

.video-swiper .popup-trigger {
  display: block;
  width: 170px;
  right: 2rem;
  margin: 3em auto;
  text-align: center;
  color: #FFF;
  font-size: 18px;
  padding:1rem 2rem;
  text-decoration:none;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 50em;
  background: #35a785;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
  transition:300ms all;
}

.video-swiper .popup-trigger:hover {
    opacity:.8;
}

.video-swiper .popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 1000;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  transition:500ms all;

}

.video-swiper .popup.is-visible {
  opacity: 1;
  visibility: visible;
 transition:1s all;
}

.video-swiper .popup-container {
    transform: translateY(-50%);
    transition: 500ms all;
    position: relative;
    width: 100%;
    margin: 0 auto;
    top: 6%;
    padding: 0;
    background: none;
    border-radius: 0;
    text-align: center;
    box-shadow: none;
    max-width: 1000px;
}

.video-swiper .is-visible .popup-container {
  transform:translateY(0);
  transition:500ms all;
}

.video-swiper .popup-container .popup-close {
  position: absolute;
  top: 8px;
  font-size:0;
  right: 8px;
  width: 30px;
  height: 30px;
}


.video-swiper .popup-container .popup-close::before,
.video-swiper .popup-container .popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}

.video-swiper .popup-container .popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}

.video-swiper .popup-container .popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}


.video-swiper .popup-container .popup-close:hover:before,
.video-swiper .popup-container .popup-close:hover:after {
  background-color:#35a785;
  transition:300ms all;
}


.featured-product{background-color: #3f3f3f;background-image: linear-gradient(#3f3f3f,#1e1e1e);padding:25px 0 35px;}
.featured-product .sub-heading{font-size: 1.925rem;}
.featured-product .button{margin: 18px 0;}

.client-testimonials{background-color: #f4f4f4;padding:45px 0 80px;}
.client-testimonials .hd-span{font-size: 2rem;color: #464646;padding: 0 80px;display: block;}
.client-testimonials .citation{text-align:right;font-size: 2rem;padding: 0 80px;color: #464646;}
.client-testimonials .citation em{display:block;font-weight:400;}
.client-testimonials .citation span{display:block;font-size: 2rem}
.featured-product-image img{margin:0;}

.featured-product.bg-adjust{padding:0;}
.featured-product-image figure{position:relative;margin:0 -25px 0 0}
.featured-product.bg-adjust .sub-heading{margin: 33px 0 0;}



/*====----Home Page----=====*/
@media(min-width:1025px){
/*====----header-shrink----====*/
.wrapper.bodyscroll{padding-top: 70px;}
.header,.logo-brand,#nav,.logo-brand img,.header-aside,.header-top,.intro{-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;transition: all 500ms ease 0s;}
.header.shrink .logo-brand{max-width: 150px;top:10px;}
.header.shrink{background-color:rgba(2,2,2,0.95);padding:0;position:fixed;top:0;display:block;left:0;box-shadow:0px 12px 12px -12px rgba(0,0,0,0.15);z-index:1000;}
.header.shrink.header{min-height: 80px;}.header.shrink #nav{margin: 18px 0 0;}
.header.shrink .custom-search{margin: 21px 0 0;}
.header [class*="col-"]{padding:0 6px}.header [class*="row"]{margin-right:-6px;margin-left:-6px} 

/*-- Main Navigation --*/
#nav ul li a,#nav ul li span{font-family:"Anton", Arial, sans-serif;}
#nav ul{margin: 0;}
#nav{min-height: 40px;padding: 0;position: relative;z-index: 100000;margin: 40px 0 0;}
#nav ul li{font-size:13px;display:inline-block;position: relative;text-transform: uppercase;margin-top:-2px;/*font-weight:600*/}
#nav ul li > a,#nav ul li > span{display: block;color: #fff;padding: 10px 15px;margin: 0;position: relative;text-transform: uppercase;cursor: pointer;font-size: 16px;}
#nav ul li,#nav ul li a,#nav ul li span{-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;transition: all 500ms ease 0s;}
/*#nav ul li.active:hover a,#nav ul li:hover a,#nav ul li:hover span,#nav ul li.active a,#nav ul li.active span{color: #c4c4c4;background-color: #fe0000;}*/
#nav li a{border-top: 2px solid transparent;display: inline-block;vertical-align: top;}
#nav ul li a:focus,#nav ul li a:active{color:#fff}
#nav ul li a:hover,#nav ul li.active a,#nav ul li.active span{color:#c4c4c4}

/*#nav ul li:before{content: " ";position:absolute;right:0;top:15px;width: 2px;height: 16px;background-color: #939393;background-image: linear-gradient(to right,#484848,#939393);}
#nav ul li:last-child:before{border-right:none;width: 0;}/*

/* Sweep To Bottom */

	/*#nav ul li.active a:before,#nav ul li.active span:before{color: #fff;background-color: #fe0000}
	#nav ul li.current-menu-item:hover a:before, #nav ul li:hover a:before{background-color: #fe0000;}*/

/* sub-navigation */
#nav ul .sub-menu{opacity: 0;visibility: hidden;background-color: #000;position: absolute;left: 0;width: 240px;top: 100%;padding: 10px 15px 10px;margin: 3px auto 0;    -webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;border-radius: 0;border: none;border-top: 0;border:solid 2px #fe0000;border-width:0 2px 2px 2px;   -webkit-transform: rotateX(45deg);-moz-transform: rotateX(45deg);transform: rotateX(45deg);text-align: left;box-shadow: 0 6px 12px rgb(0 0 0 / 18%);}
#nav ul > .sub-menu li,#nav ul li > .sub-menu li{display: block;width:100%;clear:both;}
#nav ul li:hover .sub-menu{display: block;visibility: visible;opacity: 1;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);transform: rotateX(0deg)}
#nav ul .sub-menu li a, #nav ul .sub-menu li span{float:left;clear:both;background:url(../images/arrow.png) no-repeat 10px 11px;font-size:17px;font-weight:normal;padding:3px 0 3px 25px;text-transform:none;text-decoration:none;display:inline-block;border:0;width:100%;border-radius:0;color:#fff}
#nav ul .sub-menu li.active span{color:#f42b3e} 
/*#nav ul .sub-menu > li:hover > a{color:#fe0000}*/
#nav ul .sub-menu li:last-child a{border-bottom:0}

#nav ul li .sub-menu li a:hover:before, 
#nav ul li .sub-menu li:hover a:hover:before,
#nav ul li .sub-menu li span:hover:before
#nav ul li .sub-menu li:hover span:hover:before{background-color:transparent;transform:none;}
#nav ul li .sub-menu li:before, #nav ul li .sub-menu li:before{background-color:transparent;transform:none;height:inherit;width:inherit;background:none;}

/*====================*/
#nav ul li .sub-menu .sub-link{display:block;width:100%;}
#nav ul li .make-model-menu .sub-menu{width:812px;}

#nav ul li .sub-menu .sub-sub-menu{display: none;}
#nav ul li .sub-menu .has-sub-link,#nav ul li .sub-menu .has-sub{display: block;}
#nav ul li .sub-menu .sub-sub-menu li,#nav ul li .sub-menu .sub-sub-menu li a{display: block;}
#nav ul li .sub-menu .has-sub .sub-link{background:none;}
#nav ul li .sub-menu .has-sub li > a{font-size:14px}
#nav ul li .sub-menu .has-sub li:hover > a{color:#c4c4c4;}
#nav ul li .sub-menu .sub-sub-menu .has-sub-sublinks{padding-left:10px}
#nav ul li .sub-menu .sub-sub-menu .has-sub-sublinks li a{color:#bebdbd}

#nav ul li .span-row{margin:0 -6px;display:flex;flex-wrap:wrap;}
#nav ul li .col-row{flex: 0 0 20%;max-width: 20%;padding:6px;}
#nav ul li .sub-menu li.has-sub:hover > a{color:#c4c4c4;}


.header:after{display: block;position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 3px;background-color: #fe0000;background-image: linear-gradient(to right,#060000,#fe0000 9%,#fe0000 92%,#060000);}

}

@media (max-width:1024px){
/*  BURGER
========================================== */
.burger{
  width:50px;
  height:50px;
  position:fixed;
  top:-6px;
  right:28px;
  border-radius:4px;
  z-index:1000012;
}
.burger span{
  position:relative;
  margin-top:9px;
  margin-bottom:9px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-15px;
  margin-top:-1.5px;
}
.burger span, .burger span::before, .burger span::after{
  display:block;
  width:30px;
  height:3px;
  background-color:#ffffff;
  outline:1px solid transparent;
  -webkit-transition-property:background-color, -webkit-transform;
  transition-property:background-color, transform;
  -webkit-transition-duration:0.3s;
  transition-duration:0.3s;
}
.burger span::before, .burger span::after{
  position:absolute;
  content:"";
}
.burger span::before{top:-9px}
.burger span::after{top:9px}.burger.clicked span{background-color:transparent}
.burger.clicked span::before{
  -webkit-transform:translateY(9px) rotate(45deg);
  transform:translateY(9px) rotate(45deg);
}
.burger.clicked span::after{
  -webkit-transform:translateY(-9px) rotate(-45deg);
  transform:translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after{background-color:#ffffff}
.burger:hover{cursor:pointer}
.burger em{
    display:block;
    text-align:right;
    padding:15px 6px 0 0;
    font-style:normal;
    color:#2b2b2c;
}
.burger.clicked em{/*display:none;*/ color:#fff}
/*  NAV
========================================== */
.burger-nav{
    background-color:#2a2a2a;
    position:fixed;
    z-index:100000;
    top:0;
    right:0;
    height:100%;
    max-width:290px;
    width:100%;
    padding:70px 0 100px 0;
    overflow-y:scroll;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition:transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.burger-nav .site-navigation{display:block;width:100%;}
.burger-nav.show{
  -webkit-transform:translateX(0px);
  transform:translateX(0px);
}
.burger-nav.show ul.main li{
  -webkit-transform:translateX(0px);
  transform:translateX(0px);
  opacity:1;
}
.burger-nav.show ul.main li:nth-child(1){transition-delay:0.15s}
.burger-nav.show ul.main li:nth-child(2){transition-delay:0.3s}
.burger-nav.show ul.main li:nth-child(3){transition-delay:0.45s}
.burger-nav.show ul.main li:nth-child(4){transition-delay:0.6s}
.burger-nav.show ul.main li:nth-child(5){transition-delay:0.75s}
.burger-nav.show ul.main li:nth-child(6){transition-delay:0.9s}
.burger-nav.show ul.main li:nth-child(7){transition-delay:1.05s}
.burger-nav.show ul.main li:nth-child(8){transition-delay:1.2s}
.burger-nav.show ul.main li:nth-child(9){transition-delay:1.35s}
.burger-nav.show .about, .burger-nav.show .social, .burger-nav.show ul.sub{
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
  opacity:1;
  transition-delay:.85s;
}
.burger-nav ul.main{list-style-type:none}
.burger-nav ul.main li{
  margin-bottom:10px;
  padding: 0 15px;
  -webkit-transform:translateX(40px);
  transform:translateX(40px);
  opacity:0;
  -webkit-transition:all 0.3s ease;
  transition:all 0.3s ease;
}
.burger-nav ul.main li:last-of-type{margin-bottom:0px}
.burger-nav ul.main > li > a,.burger-nav ul.main > li > span{
    color:#ffffff;
    font-family:"Roboto", Arial, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    font-size:15px;
    display:block;
    font-weight:600;
    padding:6px 0;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
/*.burger-nav ul.main li a span{color:#f3a2a2}*/
.burger-nav ul.main li:hover > a,.burger-nav ul.main li:hover > span{color:#f3a2a2}
.burger-nav ul.main li.active > a,.burger-nav ul.main li.active > span{color:#f3a2a2}
.burger-nav ul.sub{
  list-style-type:none;
  margin-top:40px;
  -webkit-transform:translateY(30px);
  transform:translateY(30px);
  opacity:0;
  -webkit-transition:all 0.4s ease;
  transition:all 0.4s ease;
}
/*  OVERLAY
========================================== */
.overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:10000;
  width:100%;
  height:100%;
  -webkit-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  background-color:#0c0c0c;
  opacity:0;
  visibility:hidden;
}
.overlay.show{
  opacity:0.3;
  visibility:visible;
}

#nav.burger-nav.show ul.main ul.sub-menu li.has-sub{margin-bottom:6px;padding:0;}
#nav.burger-nav.show ul.main ul.sub-menu li.has-sub :last-of-type{margin-bottom:0px}
#nav.burger-nav.show ul.main ul.sub-menu li.has-sub a{color:#ffffff;font-size:0.9rem;padding: 0;display:block;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#nav.burger-nav.show ul.main ul.sub-menu li.has-sub a:hover{color:#f3a2a2}
#nav.burger-nav.show ul.main ul.sub-menu li.has-sub .has-sub-link{color:#e6e6e6;}
#nav.burger-nav.show ul.main ul.sub-menu li a{color:#e6e6e6;display:block;padding:3px 0;}
#nav.burger-nav.show ul.main ul.sub-menu li.has-sub .has-sub-sublinks li{padding:0;margin:3px 0 3px;}
#nav.burger-nav.show ul.main ul.sub-menu li.has-sub .sub-sub-menu li{margin:3px 0 3px;}

/*shrink burger*/
.burger{-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease}
body.shrink .burger{background:#70c33b;position:fixed;right:-93px;border-radius:30px 0 0 28px;transition:transform 0.3s ease-in-out;transform:translateX(calc(-100% + 60px))}
body.shrink .burger span{left:30%}
body.shrink .burger em{padding-right:30px;color:#fff}
body.shrink .burger span, body.shrink .burger span::before,body.shrink .burger span::after {background-color:#fff}
body.shrink .burger.clicked{background:transparent}
body.shrink .burger.clicked span{background-color:transparent}

/*has-children*/
#nav ul li .sub-menu{display:none;}
#nav ul li.open .make-model-menu .sub-menu{display:block;}
#nav li .expand-collapse{width:16%;background:url(../images/expand-collapsed-menu.png) no-repeat 50% 0;position:absolute;top:-6px;right:0;display:block;z-index:1000000;height:40px;cursor:pointer}
#nav li.open > .expand-collapse{background-position:50% 100%}
.burger-nav ul.main li > .sub-menu li > a, .burger-nav ul.main li .sub-menu li > span{color:#fff;font-size:13px;}
.burger-nav ul.main li > .sub-menu li{margin:0;}
.burger-nav .fa-angle-down{display: none;}

} 

/*  shrink burger end
========================================== */


/*-- my css --*/
#content{/*padding-bottom:100px;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f3f3f+0,1e1e1e+100 */
background: #3f3f3f; /* Old browsers */
background: -moz-linear-gradient(top,  #3f3f3f 0%, #1e1e1e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f3f3f 0%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f3f3f 0%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */}
.hd-h2{font-size:2.625rem;margin:0 0 10px;font-weight:400}
.side-triangle:before{ content:'';width:0;height: 0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:50px solid #000; position:absolute;top:-7px;right:-33px;-webkit-transform: rotate(46deg);transform: rotate(46deg);}

@media (max-width:991px){
	img.full-block{max-width:100%;}
}

/*inner pages css here*/
/*===========*/
.product-items{background: #323232;border-radius: 4px;padding:12px;}
.card-row,.row{display: flex;flex-wrap: wrap;margin-right: -5px;margin-left: -5px;}
.card-row .card-span{flex: 0 0 50%;max-width: 50%;padding:0 5px;}
.card-row .card-span-lg{flex: 0 0 55%;max-width: 55%;padding:0 5px;}
.card-row .card-span-md{flex: 0 0 45%;max-width: 45%;padding:0 5px;}
.product-items .card-title{margin: 0 0 6px;font-size: 15px;display: block;font-weight:700;}
.product-items .cardlink{padding:0;font-size:14px;padding: 0 0 10px;text-align:right;line-height:15px;}
.product-items .cardlink span{display:block;color:#f4f4e1;}
.product-items .cardlink a{display:inline-block;color:#a9b6bb;font-size:.8125rem;border-bottom:1px dotted #666;cursor:help;font-style:italic;text-decoration:none;}
.product-items .figure-box img{min-height: 145px;margin:0;}
.product-level .figure-box{padding: 12px 0;}
.product-level [class*=col-]{padding:0 5px;}
.product-level.row{align-items: center;}

.product-grid .figure-box{padding: 12px 0;}
.product-grid [class*=col-]{padding:0 5px;}
.product-grid.row{align-items: center;}
.audia4-holder .product-items .product-grid.row,.product-items .product-grid.row{min-height: 120px;}
.audis4-holder .product-items .product-grid.row{min-height: 145px;}

.product-items .cardsubtitle{padding:0;font-size:14px;line-height:18px;display:block;color:#e1e6e6;margin:0 0 3px;}
.product-items .cardlink strong{display:block;color:#f5f5f5;}
.product-items .product-price{text-align:right;font-weight: 700;display:block;margin: 6px 0 10px;}
.product-items .product-price span{display: block;font-weight: 300;font-size: .75rem;}

.product-items .button{background-color: #b40000;display: block;font-size: 18px;color: #fff;padding: 4px 26px;}
#intro #selected-vehicle a{color:#fff;}

/*-- Inner Pages --*/
#intro h1{font-size:3rem}
#intro{position:relative;min-height:351px;background:#000 url(../images/exhaust-systems-header-full.webp) no-repeat center 60%;background-size:cover;overflow:hidden;z-index:1; text-align:center;padding:30px 0}
.black-bg{ background:#000}
.black-bg a{color:#fff;}
.black-bg.acurarsx-holder{padding: 0 0 75px;}
.black-bg .list li{color: #fff;}

/*-- Accordion --*/
.product-accordionrow{padding:80px 0 0;}
.accordion-container{position:relative;height:auto;margin:10px auto}
.accordion-container .accordion-title{position:relative;margin:0;padding:12px 15px 12px 36px;border-bottom:solid 2px #e40000;font-size:1.45rem;font-weight:normal;color:#fff;cursor:pointer;display:block;}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open{border-color: #e63939;}
.accordion-container .accordion-title:hover{color: #c4c4c4;}
.accordion-container .accordion-title:active,
.accordion-title.open{color: #e63939;}
.accordion-container .accordion-title::after{content:" ";position:absolute;top:25px;left:0;width:0;height:0;border:8px solid transparent;border-top-color:#e40000;}
.accordion-container .accordion-title.open::after{content:" ";position:absolute;top:15px;border:8px solid transparent;border-bottom-color:#e63939;}
#selected-vehicle{position:relative;margin:0 0 10px;padding: 0 40px 0 0;}
#selected-vehicle .rightimg-arrow{position: absolute;right: 15px;top: 6px;width: 35px;height: 24px;}
#selected-vehicle a.icon-change-selected{color:#fff;}   

/*CSS for CodePen*/
.accordion-content{padding:18px  15px;}
.accordion-container{/*width:300px;*/margin:0 auto;}
/*-- Accordion --*/

#intro.universal-mufflers-bg{background:url(../images/chevelle-burnout-1920.jpg) no-repeat center center; background-size:cover}
.button.white{background:#fff;color:#464646;}
.cpadd2{padding:40px 0}
.products .button{ padding:5px 25px}
.products .img-block{margin:10px auto}

.product-items{margin-bottom:15px;}
.tubing-bg .btn-block{max-width:330px}

/*=======------inner pages------======*/
/*2018-audi-s4-exhaust-systems*/

#content.black-bg{background:#000}
.audi-details ul{list-style:disc;padding:0 0 0 1em;} 
.content-left{background-color:#242424;background-image: linear-gradient(#242424,#000);z-index: 1;}
.about-bg{background-color: #242424;background-image: linear-gradient(#242424,#000);z-index: 1;padding: 0 0 45px;}
.about-bg .svg-img-sm{width:70%;height:auto;}
.about-bg .icon-gray svg {max-width: 100%;fill: #b5b4b5;}
#requestForm{background: #242424;height: 900px;width: 100%;overflow-y: scroll;padding: 12px 15px 45px;}
#requestForm h2{font-family:inherit;}
.acurarsx-holder .figure-box{margin-top:24px;}
.product-finder .hd-span{margin:0px 0px 5px;font-size: 43px;} 
.acurarsx-holder .btn{background-color:#FF0000;color: #fff;}
.slider-checkbox [type="checkbox"]{display: none;}
.slider-checkbox{margin: 0 0 6px;position:relative;display: inline-block;font-size: .75rem;height: 25px;}
.slider-checkbox label{display: inline-block;vertical-align: middle;margin: 0;width: 40px;height: 20px;position: relative;background: #d2d2d2;border-radius: 10px;transition: background 0.2s ease;cursor: pointer;}
.slider-checkbox label::before{content: '';display: block;width: 50%;height: 100%;background: #ffb100;border-radius: 50%;box-shadow: 0 0 0 1px #ffb100;position: absolute;left: 0;top: 0;transition: transform 0.2s ease-in-out;}
.astonmartin-vanquish{padding:0 0 75px;}
.slider-checkbox [type="checkbox"]:checked + label{background: #e63939;}
.slider-checkbox [type="checkbox"]:checked + label::before{-webkit-transform: translateX(100%);transform: translateX(100%);}
.slider-checkbox:before{display: inline-block;content: "INCHES";vertical-align: middle;margin-right: 6px;}
.slider-checkbox:after{display: inline-block;content: "MM";vertical-align: middle;margin-left: 6px;}
.astonmartin-vanquish .limited-production{border:2px solid #d20000; margin-top:15px; text-align:center; font-weight:700; padding:10px;width:100%}
.astonmartin-vanquish .table,.product-accordionrow  .table{color:#fff}
.astonmartin-vanquish .table.width-auto,.product-accordionrow .table.width-auto{width:auto}
.product-accordionrow .table th{background-color: #3b3b3b;padding: .3rem 10px;border-top: 3px solid #3b3b3b;border-right: 2px solid #000;color:#fff;}
.product-accordionrow .table td{padding: .3rem 10px;vertical-align: middle;border-top: 4px solid #000;border-right: 2px solid #3b3b3b;}
.product-accordionrow .table th:last-child,.product-accordionrow .table td:last-child{border-right: none;}
.astonmartin-vanquish .icon-gray.max-width-400{max-width:200px}
.astonmartin-vanquish .icon-gray {max-width:200px}
.astonmartin-vanquish .icon-gray svg{max-width: 100%;fill: #b5b4b5;}
.astonmartin-vanquish .icon-gray svg.width-auto{width:auto}
.astonmartin-vanquish .product-info .icon-gray{max-width:200px;margin:30px auto 15px}
.astonmartin-vanquish .stype-detail{padding-top:15px;}
.astonmartin-vanquish .sound-stypebox,.sound-stypebox{position:relative;}
.astonmartin-vanquish .exchange-img,.exchange-img{position:absolute;right:0;top:0;}
.related-products figure,.related-products figure img{margin:0 auto;display:block;}
.related-products .mb-sm-3{display:block;}

.contact-form .form-group{margin-bottom:0;}
.contact-details{ padding:45px 0 0}
.contact-details .details span{ position:relative; padding-left:40px; display:block}
.contact-details .details span strong{display:block; margin-top:10px}
.contact-details .details .fa{ position:absolute;left:0;top:5px;font-size:36px;}
.contact-details a{color:#eceaea}
.contact-details a.button.btn-red{color:#fff;font-size:18px;padding:5px 10px;background-color:#b40000;border-color:#b40000;}
.contact-details .button.red,.contact-details a.button.red{color: #f4f4f4;background-color: #b40000;border-color: #b40000;}
.contact-details .btn-red .fa{ vertical-align:middle}
.contact-details hr{border-bottom:1px solid #b40000; margin:15px 15px 30px}
.contact-details .button.email-button{font-size: 1.125rem;padding: 0 10px;width: 335px;height: 35px;line-height: 28px;text-align: left;}
.contact-details a.button.btn-red:hover,
.contact-details  a.button.red:hover, 
.contact-details .button.red:focus, 
.contact-details a.button.btn-red:focus, 
.contact-details .button.red:active, 
.contact-details a.button.btn-red:active{opacity: 1;background-color: #e80000;border-color: #e80000;}

.font-robotofamily p{font-family: 'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;}
.audia4-holder{}
/*#content.black-bg{background:#000}*/
.audia4-holder .card .img-block{margin:30px auto 15px}
.product-items .figure-stype{float:right;}

.exhaust-systems img{max-width: 100vw;width: calc(100% + 15px);}
.border-bottom10{ border-bottom:10px solid #000;margin:0 -24px;}
.gray-bg{background-color:#323232;}
.exhaust-systems img.full-block{max-width: 100%;}
.dual-ipe-img{width:768px;}
.exhaust-systems .floating-pipe{margin-top: 2rem;max-width: calc(100vw - 40vw);}
.exhaust-systems .featured-product-image img{max-width: 100vw;width: calc(70% + 15px);float:right;}

.faq p{font-weight:100;color:#f4f4f4;}
.faq li a,.faq li a:visited,.faq li a:hover{color:#fff;cursor:pointer}
.faq strong{font-weight:600;}
.faq .list li{font-size: 16px;font-weight: 400;margin: 0;padding: 0 0 3px 25px;background-position: left 8px;}
.faq hr{border:1px solid #fff;border-bottom:5px;}

.bg-installer{padding: 0 0 45px;}
.bg-installer .content-left p{font-size: 15px;}
.content-left p a,.content-left p{color:#f4f4f4;font-family: 'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;}
.content-left p a:hover{color:#c4c4c4;cursor:pointer;text-decoration:underline;}
.bg-installer .content-left{margin-left: -18px;}

.dealer-info p{font-weight:200;color:#f4f4f4;font-family: 'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;}
.dealer-info .row .col{margin-bottom:20px}
#content.dealer-info{background:#000;}
.dealer-info strong{font-weight:800;}
.dealer-info .hd-h2{margin-top:10px;}
.dealer-info .list li:hover a{color:#c4c4c4;cursor:pointer;text-decoration:underline;}
.dealer-info .list li{color:#f4f4f4;font-family: 'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;font-size: 15px;padding:0 0 3px 24px;margin:0;}

.bg-warranty .button.red, .bg-warranty a.button.red{color: #f4f4f4;background-color: #b40000;border-color: #b40000;}
.bg-warranty .button.red:hover, .bg-warranty a.button.red:hover,.bg-warranty .button.red:focus, .bg-warranty a.button.red:focus, .bg-warranty .button.red:active,
.bg-warranty a.button.red:active{opacity: 1;background-color: #e80000;border-color: #e80000;}
.bg-warranty .content-left{margin-left: -18px;}
.bg-warranty img.img-block{margin: 0;}

.universal-mufflers .button, .universal-mufflers a.button{border-color: #b40000;max-width:158px;margin:0 auto;text-align:center;}

.x-pipes-info .table{color:#fff;}
.x-pipes-info .btn{color:#fff;background-color:#5a6268;}
.x-pipes-info .text-right{text-align:right;}
.x-pipes-info{background:#000;}

.tubing-clamps-parts{}
.tubing-clamps-parts .card{background-color: #323232;}
.tubing-clamps-parts .card-title{font-size:15px;} 
.tubing-clamps-parts figure{max-width: 150px;max-height: 150px;margin: 24px auto 15px;}
.tubing-clamps-parts .button{margin: 18px 0 0;}

/*=====================*/
.product-carousel .carousel{position: relative;}
.carousel-item img{object-fit: cover;}
#product-thumbs{background: #f0f0f0;padding: 0 50px;}
#product-thumbs img:hover{opacity: 100%;}
#product-thumbs img{opacity: 80%;border: 3px solid transparent;cursor: pointer;}
#product-thumbs .selected img{opacity: 100%;}
.carousel-control-prev,.carousel-control-next{width: 50px;}
.carousel-fullscreen-icon{position: absolute;top: 1rem;left: 1rem;width: 1.75rem;height: 1.75rem;z-index: 4;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");}
.carousel-fullscreen-icon:hover{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");}
.pause .carousel-pause-icon{position: absolute;top: 3.75rem;left: 1rem;width: 1.75rem;height: 1.75rem;z-index: 4;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");}
.pause .carousel-pause-icon:hover{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");}
.play .carousel-pause-icon{position: absolute;top: 3.75rem;left: 1rem;width: 1.75rem;height: 1.75rem;z-index: 4;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");}
.play .carousel-pause-icon:hover{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");}
#product-thumbs .carousel-control-prev-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;}
#product-thumbs .carousel-control-next-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;}
.modal-content{border-radius: 0;background-color: transparent;border: none;}
#lightbox-container-image img{width: auto;max-height: 520px;}

/*=================*/
.ekko-lightbox .ekko-lightbox-container>div.ekko-lightbox-item{max-width: 980px;margin: 0 auto 0;top: 50%;transform: translateY(-100%);}
.modal-backdrop.show{opacity: .75;}
.ekko-lightbox .modal-header{display: block;margin: 0;padding: 0;border: 0;}
.ekko-lightbox .modal-header .close{padding: 6px 6px;margin: 0px auto;border: none;outline: none;color: #fff;opacity: 1;}
.ekko-lightbox .close:hover{color: #fff;}
.modal-open .modal {overflow-y: hidden;}
/*=======================*/
.footer{position: relative;padding: 45px 0 124px;clear: both;text-align: left;color: #b5b4b5;background-color: #3f3f3f;}
.footer-content{width:100%;padding:0;margin:0 -6px;}
.footer-content h4{font-size: 1.17rem;margin:0 0 3px;color:#b5b4b5;}
.content-block p{font-size: .81rem;padding: 8px 0 15px;line-height: 21px;margin: 0;color: #b5b4b5;}
.footer-content .footer-phone{font-size:1.75rem;text-align:center;}
.footer-content .footer-phone span{color:#fff;display:block;}
.footer-content .footer-phone a{color:#b5b4b5;display:inline-block;}
.footer-logo,.footer-logo img{margin: 0 auto;display:block;}
.footer-content .content-block{display:none;}
.home .footer-content .content-block{display:block;}

.grid-span-md{position:relative;}
.reviews{text-align: center;margin:0 auto;}
.reviews a,.reviews img{display:inline-block;margin:0 auto;}

.sponsors{/*position: absolute;right: 0;top: 0;z-index:100;margin:0 auto;width: 25%;max-height: 450px;min-height: 360px;*/}
.sponsors .sponsors-logo{display:block;width:100%;margin:0 auto 18px;}
.sponsors .sponsors-logo li{margin:0 0 15px;}
.sponsors .sponsors-logo figure,.sponsors .sponsors-logo figure img{margin:0 auto;display:block;}

.sponsors .social-links{display:block;text-align:center;margin: 0 0 15px;}
.sponsors .social-links li{display:inline-block;margin:0 6px;}

.footer-nav .col-span{float:left;width:25%;}
.footer-nav h4{color: #f4f4f4;text-transform: uppercase;font-size: .75rem;font-family: 'Roboto Condensed','Roboto',Arial,Helvetica,sans-serif;font-weight: 700;margin: 0;line-height: 1.5;}
.footer-nav li a{color: #b5b4b5;font-size: .75rem;line-height: 1.5;}

.footer-links{text-align:center;}
.footer-links span,.footer-links a{color: #b5b4b5;font-size: .75rem;line-height: 1.5;padding:0 6px;}
.footer-content li:hover a,.footer-content span:hover,.footer-content a:hover{color:#f4f4f4;}

.footer-base{background-color:#fe0000;max-width:1980px;margin:0 auto;z-index:1000;position:fixed;left:0;bottom:0;right:0;width:100%;height:auto;line-height:24px;padding:18px 0 12px;text-align:center;}
#gdpr-acknowledge{display:inline-block; margin:0 10px; padding:3px 20px; line-height:24px; color:#fff; font-size:12px; text-transform:uppercase; border:2px solid #fff;}
.copyright{text-align:center;color:#fff;font-size: 15px;padding:0;}
.copyright a{color:#fff;}

/*====CSS3 Transitions====*/
.animated {
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}
.animated.infinite {
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
}

.animated.hinge {
  -webkit-animation-duration:2s;
          animation-duration:2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration:.75s;
	animation-duration:.75s
}
@media (min-width:992px){
	
@-webkit-keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}
.fadeInDown {
  -webkit-animation-name:fadeInDown;
          animation-name:fadeInDown;
}

}

/** fadeInLeft **/
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translatex(-10px);
        transform:translatex(-10px);
    }
    to{
        opacity:1;
        -webkit-transform:translatex(0);
        transform:translatex(0);
    }
}

@-moz-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translatex(-10px);
        transform:translatex(-10px);
    }
    to{
        opacity:1;
        -webkit-transform:translatex(0);
        transform:translatex(0);
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translatex(-100px);
        transform:translatex(-100px);
    }
    to{
        opacity:1;
        -webkit-transform:translatex(0);
        transform:translatex(0);
    }
}
.in-left{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:1s;
    animation-delay:1s;
}@-webkit-keyframes fadeInRight{
    from{
        opacity:1;
        -webkit-transform:translatex(10px);
        transform:translatex(10px);
    }
    to{
        opacity:1;
        -webkit-transform:translatex(0);
        transform:translatex(0);
    }
}

@-moz-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translatex(10px);
        transform:translatex(10px);
    }
    to{
        opacity:1;
        -webkit-transform:translatex(0);
        transform:translatex(0);
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translatex(100px);
        transform:translatex(100px);
    }
    to{
        opacity:1;
        -webkit-transform:translatex(0);
        transform:translatex(0);
    }
}
.in-right{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:1s;
    animation-delay:1s;
}
@-webkit-keyframes fadeInUp{
  from{
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
  }
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}
@keyframes fadeInUp{
  from{
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
  }
  to{
    opacity:1;
    -webkit-transform:none;
    transform:none;
  }
}
.home .intro-timebar ul:before{
  opacity:0;
  -webkit-animation:fadeInUp 1s ease-in-out 0s forwards;
          animation:fadeInUp 1s ease-in-out 0s forwards;
}
.home .intro-timebar ul:before{
  -webkit-animation-delay:0.6s;
          animation-delay:0.6s;
}
@-webkit-keyframes fadeIn{from{opacity:0} to{opacity:1} }

@-moz-keyframes fadeIn{from{opacity:0} to{opacity:1} }
@keyframes fadeIn{from{opacity:0} to{opacity:1} }
.fade-in{
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity:1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-duration:0.7s;
  -moz-animation-duration:0.7s;
  animation-duration:0.7s;  
}
.fade-in.one{-webkit-animation-delay:0.3s;-moz-animation-delay:0.3s;animation-delay:0.3s}
.fade-in.two{-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;animation-delay:0.5s}
.fade-in.three{-webkit-animation-delay:0.7s;-moz-animation-delay:0.7s;animation-delay:0.7s}
.fade-in.four{-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;animation-delay:0.9s}
.fade-in.five{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
.fade-in.six{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s}
.fade-in.seven{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.4s}
.fade-in.eight{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}
.fade-in.nine{-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s}
.fade-in.ten{-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}
.delay{-moz-animation-delay:0.4s;-webkit-animation-delay:0.4s}
.delay1{-moz-animation-delay:.6s;-webkit-animation-delay:.6s}
.delay2{-moz-animation-delay:.8s;-webkit-animation-delay:.8s}
.delay3{-moz-animation-delay:.1s;-webkit-animation-delay:.1s}
.delay4{-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}
.delay5{-moz-animation-delay:1.4s;-webkit-animation-delay:1.4s}
.delay6{-moz-animation-delay:1.6s;-webkit-animation-delay:1.6s}
.delay7{-moz-animation-delay:1.8s;-webkit-animation-delay:1.8s}
.delay8{-moz-animation-delay:2s;-webkit-animation-delay:2s}
.delay9{-moz-animation-delay:2.2s;-webkit-animation-delay:2.2s}
.delay10{-moz-animation-delay:2.4s;-webkit-animation-delay:2.4s}

/* Video Popup */
.video-popup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;z-index: 998;background: rgba(0, 0, 0, .7);cursor: pointer;display: none !important;}
.video-popup.show-video{display: flex !important;}
.iframe-wrapper{position: relative;}
.iframe-wrapper .close-video{content: '';position: absolute;width: 25px;height: 25px;top: -20px;right: 0;/*background: url(https://image.flaticon.com/icons/svg/149/149690.svg) #fff;*/border-radius: 50%;background-size: cover;font-size: 18px;color: red;text-align: center;}
.vid{position: relative;}
.vid::before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

/* el-Video Popup */
/* ------------------------------------ */
.el-video,.el-video-popup__box{position: relative;width: 100%;height: 0;padding-bottom: 56.25%;background-color: #000;}
.el-video__bg, .el-video iframe,.el-video-popup__box iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.el-video__play-icon{position: absolute;top: 50%;left: 50%;z-index: 1;padding: 0;width: 100px;height: 60px;border: none;background-color: transparent;transform: translate(-50%, -50%);cursor: pointer;display:inline-block;background-image:url(../images/btn-video-play-mobile.svg);background-repeat: no-repeat;color:#fff;font-size:0;border-radius:6px;border:rgba(110,50,92,0.1);transition:all 0.1s ease 0.1s;display:block;text-align:center;line-height:60px;}
.el-video__button{position: absolute;top: 0%;right: 0;z-index: 1;padding: 0;width: 30px;height: 30px;border: none;border-radius:50%;background-color: transparent;transform: translate(50%, -50%);cursor: pointer;display:none;background:rgba(255,0,0,0.8);line-height:30px;text-align:center;color:#fff;font-size:30px;border:rgba(255,0,0,0.1);transition:all 0.1s ease 0.1s;}
.el-video__button:hover{box-shadow:0 0 10px 1px rgba(0,0,0,0.1);cursor:pointer;}
.el-video__button:focus{outline:none;box-shadow:0 0 10px 1px rgba(0,0,0,0.1);}
.el-video__button:before{content: '';width: 20px;height: 2px;background: #fff;transform: rotate(45deg);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.el-video__button:after{content: '';width: 20px;height: 2px;background: #fff;transform: rotate(-45deg);position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
/* ------------------------------------ */
/* Окно */
.el-video-overlay_popup{display: none;position: fixed;z-index: 1000;top: 0;left: 0;right: 0;margin: auto;width: 100%;max-width:100%;height:100%;/*padding: 15px;*/background:rgba(0,0,0,0.9);}
.el-video-popup{display: none;position: fixed;z-index: 1000;margin: auto;width: 90%;max-width: 800px;padding: 15px;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
@media only screen and (max-width:1000px) and (max-height: 640px) and (orientation: landscape){
.el-video-popup{width: 70%;}
}
/* Ещё немного стилей для popup окна */

/*====Responsive====*/
/*====---- min-width ----====*/
@media (min-width:1200px){
.header .logo-brand{max-width: 210px;margin: 8px 0 0;}	
#nav ul li > a,#nav ul li > span{padding: 10px 24px;}.featured-product .sub-heading{font-size: 2.625rem;}
}
@media (min-width:1360px){
.grid-span-lg{width:60%;padding:0;float:left;padding:0 6px;}
.grid-span-md{width:20%;padding:0;float:left;padding:0 6px;}
.grid-sm-left{float: left;width: 20%;}
.grid-md-left{float: left;width: 100%;}
.footer-nav{margin:0 0 15px;padding: 12px 0 12px;}

/*body{border:1px solid orange}*/
}
@media (min-width:2000px){
img.full-block{max-width:none;}
}

/*====---- max-width ----====*/
@media (max-width:1369px){
.home .grid-sm-left{position: absolute;left: 15px;bottom: -6px;width: 20%;top: auto;height: 85px;}
.grid-sm-left{position: absolute;left: 15px;bottom: auto;width: 20%;top: 68%;}
.grid-span-lg{float: left;width: 75%;}
.grid-span-md{float: left;width: 25%;}
.grid-md-left{padding: 0 12px 35px 0;}
.footer-links{text-align: left;padding: 0 0 0 31%;}
.footer-nav{margin: 0 0 15px;padding: 12px 0 19%;}
.home .footer-nav{margin:0 0 15px;padding: 12px 0 12px;}
/**/


/*body{border:1px solid lightgreen}*/
}
@media (max-width:1199px){
img{display:block;max-width:100%;height:auto}.img-responsive{display:block;max-width:100%;height:auto}.footer-nav{padding: 12px 0 21%;}.home .footer-nav{margin: 0 0 15px;padding: 12px 0;}
.featured-product .sub-heading{font-size: 1.625rem;margin-bottom:15px;}
.grid-sm-left{top: 70%;}.video-carousel h2{margin: 6px 0 15px;font-size: 1.925rem;}.video-carousel .sub-heading{font-size: 1.925rem;margin: 12px 0 15px;}.video-carousel .videoslides{padding: 0 0 18px;}
.client-testimonials{padding: 45px 0;}

/*body{border:1px solid #000} */
}
@media (max-width:1024px){
/*.container{max-width:928px;padding:0}*/
.header .logo-col[class*="col-"]{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.header .search-col[class*="col-"]{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.header .stretch-col[class*="col-"]{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
/**/.product-finder .hd-span{font-size: 32px;line-height: 35px;}

/*body{border:1px solid orange}*/
}
@media (max-width:991px){
/*.container{max-width:721px}*/
.product-finder{padding: 35px 0 0;}.product-finder .hd-span{font-size: 26px;}
.sponsors .social-links li img{max-width: 45px;}.bussiness-reviews{padding: 18px 0 0 15px;}.footer-nav{margin: 0 0 15px;padding: 12px 0 15%;}.home .footer-nav{margin: 0 0 15px;padding: 12px 0;}
.grid-sm-left{top: 60%;}.video-carousel .swiper-button-next, .video-carousel .swiper-container-rtl .swiper-button-prev{right: 0;margin-right: 33px;}
.video-carousel .swiper-button-prev, .video-carousel .swiper-container-rtl .swiper-button-next{left: 0;margin-left: 33px;}.featured-product-image figure{margin: 0 auto;max-width: 445px;}
.client-testimonials .hd-span{font-size: 1.66rem;padding: 0;}.client-testimonials .citation span,.client-testimonials .citation em{font-size: 1.66rem;}.client-testimonials .citation{padding: 0;}

/*body{border:1px solid red} */
}
@media (max-width:767px){
/*.container{max-width:590px}*/
.header .row{justify-content:center;}.header .search-col[class*="col-"]{flex:0 0 75%;max-width:75%;}.header .custom-search{margin:6px 0 15px;}
.header .stretch-col[class*="col-"]{flex:0 0 100%;max-width:100%;}.cb-slideshow, .cb-slideshow::after{min-height: 318px;}.featured-product .sub-heading,.client-testimonials .hd-span{font-size: 1.425rem;}
.footer {padding: 35px 0 124px;}.grid-sm-left,.home .grid-sm-left{position: static;width: auto;margin: 0 auto 6px;}.grid-span-lg,.grid-span-md{float: none;width: 100%;}
.footer-links{text-align: center;padding: 0;padding: 6px 0 0;border-top: solid 1px #585858;}.sponsors .sponsors-logo{margin: 12px auto 15px;text-align: center;}.footer-nav,.home .footer-nav{padding: 0;}
.sponsors .sponsors-logo li{display: inline-block;width: 25%;margin: 0 auto 6px;vertical-align: middle;}.grid-md-left{padding: 0 0 6px;}.bussiness-reviews{padding: 0;}
.footer-base{line-height: 18px;padding: 8px 0 10px;}.copyright{font-size: 13px;line-height: 18px;}.footer-content h4{font-size: 0.81rem;}.footer-content .footer-phone{font-size: 1.25rem;margin: 0 0 6px;}
.grid-span-md{border-top: solid 1px #585858;padding: 12px 0 0;}.footer-logo{max-width: 150px;}.burger{top:6px;right:16px;}.container-xlg{padding: 0 15px;}
.client-testimonials .citation span, .client-testimonials .citation em{font-size: 1.425rem;}.footer-content{margin: 0;}

/*body{border:1px solid lightgreen}*/
}
@media (max-width:639px){
/*.container{max-width:435px}*/
.footer-nav .col-span{width: 50%;padding: 0 0 8px;}.grid-sm-left{margin: 0 auto;}.footer-logo{max-width: 150px;margin: 0 auto;}.sponsors .sponsors-logo{margin: 0 auto 15px;}
.sponsors .sponsors-logo li{width: 25%;padding: 0 6px;}.header .logo-col[class*="col-"],.header .search-col[class*="col-"]{flex: 0 0 100%;max-width: 100%;}.logo-brand{max-width: 150px;margin: 0 auto;}
.product-finder .selectors .button{padding: 3px;font-size: 1.06rem;min-height: 35px;line-height: 31px;}.video-carousel h2{margin: 3px 0 15px;font-size: 1.425rem;}
.video-carousel .sub-heading{font-size: 1.475rem;}.sub-heading em{font-size: 0.85rem;margin: 0 0 6px;}p{font-size: 15px;line-height: 21px;}
.swiper-slide{margin-right: 12px !important;width: 245.5px !important;}
.video-carousel .swiper-button-next, .video-carousel .swiper-container-rtl .swiper-button-prev,.video-carousel .swiper-button-prev, .video-carousel .swiper-container-rtl .swiper-button-next{padding: 18px;}
.video-carousel .swiper-button-next, .swiper-button-prev{background-size: 8px 18px;}

body{border:1px solid blue}
}
@media (max-width:480px){
.container{/*max-width:90%*/}html{-webkit-text-size-adjust:none}.footer-nav .col-span{float: none;width: 100%;padding: 0 0 12px;}#gdpr-acknowledge{display: block;margin: 6px auto 0;}.footer-nav,.home .footer-nav{margin: 0;}

/*body{border:1px solid magenta}*/
}