:root {
    --red:#D63434;
    --white:#FFF;
    --gray:#2B2B2B;
    --dark-gray:#161616;
    --black:#040607;
    --yellow:#FDD700;
    --light-gray:#6B6A6B;
    --gradient:background-image: linear-gradient(to right bottom, #d63434, #040607);
 }
 
 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
 
 body, p, span, div, h1, h2,h3,h4,h5,h6, input, select, textarea, button, a, li, ul, ol {
     font-family: 'Inter', sans-serif;
     font-weight:400;
     color:var(--white);
     margin:0;
     padding:0;
     box-sizing:border-box;
     text-decoration:none;
     list-style:none;
     outline:none;
     border:none;
     background:none;
     font-size:16px;
     line-height:24px;
 }
 
 h1, .head1, h1 span {
     font-weight:600;
     font-size:56px;
     line-height:65px;
     letter-spacing:-5%;
 }
 
 h2, .head2 {
     font-weight:600;
     font-size:36px;
     line-height:46px;
     letter-spacing:-3%;
 }
 
 h3, .head3 {
     font-weight:600;
     font-size:24px;
     line-height:34px;
     letter-spacing:-3%;
 }
 
 h4, .head4 {
     font-weight:500;
     font-size:20px;
     line-height:30px;
     letter-spacing:-1%;
 }
 
 .t1 {
     font-weight:700;
     font-size:68px;
     line-height:78px;
     letter-spacing:-1px;
 }

 p {
     margin-bottom:30px
  }

 form p {margin:0px; padding:0px;}

 strong {font-weight:bold}
 
 p.reg, .reg {
     font-weight:400;
     font-size:22px;
     line-height:32px;
     letter-spacing:-2%;
     opacity:50%;
 }
 
 p.med, .med {
     font-weight:400;
     font-size:18px;
     line-height:28px;
     letter-spacing:-2%;
     opacity:50%;
 }
 
 p.small, .small {
     font-weight:400;
     font-size:16px;
     line-height:26px;
     letter-spacing:-2%;
     opacity:50%;
 }
 
 .label-big {
     font-weight:600;
     font-size:16px;
     line-height:24px;
 }
 
 .label-small{
     font-weight:500;
     font-size:12px;
     line-height:22px;
 }
 
 .rad1 {
     border-radius:24px;
 }
 
 .rad2 {
     border-radius:18px;
 }
 
 .rad3 {
     border-radius:14px;
 }
 
 input, select, textarea, .ifield{
     border-radius:12px !important;
     border:1px solid var(--light-gray);
     padding:17px 20px 17px 20px;
     height:65px;
     max-width:428px;
     width:100%;
     color: var(--light-gray);
 }
 
 input:focus, select:focus, textarea:focus, .ifield:focus{
     border-radius:12px;
     border:1px solid var(--red);
     padding:17px 20px 17px 20px
 }
 
 .btn, button.btn, .menu-item-48, .search-submit {
     border-radius:60px;
     color:var(--white);
     font-size:16px;
     line-height:24px;
     height:48px;
     padding:12px 24px 12px 24px;
     background:var(--red);
     border:1px solid var(--red);
     cursor:pointer
 }
 
 
 .darkbtn {
     background:var(--black) !important;
     border:1px solid var(--black) !important;
 }
 
 .btn:hover, button.btn:hover, .menu-item-48:hover, .darkbtn:hover {
     background:none !important
 }

 .sldrnav {
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-top: -250px;
        z-index: 135;
        margin-bottom: 250px;
 }
 .circle-arrow-nav {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: var(--red);
    border-radius: 50%;
    cursor:pointer
 }

 #sl1prev {margin-left: -20px;}
 #sl1next {margin-right: -20px;}
 
 
 body {
     background:var(--black)
 }
 
 .container {
     max-width:1669px;
     margin:0 auto;
     padding:0px 20px
 }
 
 .flex {display:flex}

 .red {color:var(--red);}
 
 /* TOP NOTICE MENU BAR */
 #topbar {background:var(--dark-gray);}
 #topbar .flex {
     justify-content: space-between;
     align-items:center;
     height: 50px;
     
 }
 #store-notice {flex-basis:50%}
 #store-notice a {color:var(--red);}
 #store-notice span.tb-announce {
    background:url(/core/wp-content/themes/motorstar_theme/images/icons/announce.svg) no-repeat; 
    background-size:24px 24px; 
    background-position:center left;
    padding-left:34px;
}
 #tbrightside {
     flex-basis:50%; 
     display:flex; 
     gap:20px; 
     justify-content: flex-end;
     align-items:center
 }
 #topnav {display:flex;gap:20px;}
 #topnav ul{
     display:flex;
     gap:50px;
 }
 #topnav ul li a {
     font-size:14px;
     line-height:26px;
     letter-spacing:-2%;
     opacity:50%;
 }
 #translator {
     width:65px;
     opacity:50%;
 }
 #translator select {
    width: 65px;
    height: 30px;
    border: none;
    font-size: 14px;
    border-radius: 3px !important;
    padding: 3px;
    padding-left:23px;
    color: #fff;
    background:url(/core/wp-content/themes/motorstar_theme/images/icons/google-translate-icon.svg) no-repeat;
    background-size:18px 18px;
    background-position:center left;
 }
 
 /* HEADER LOGO NAV AREA */
 #logo-nav-head {/*! height:61.77px; */ margin-top:35px;margin-bottom: 30px;}
 #logo-nav-head .flex {align-items:center;}
 
#lnh-p2 {
     display:flex;
     align-items:center;
 }
 
 #lnh-p1 {
     min-width: 430px;
     justify-content:flex-start;
     gap:20px;
 }
 
 #lnh-p2 {
     flex-basis:100%;
     justify-content:flex-end;
     gap: 20px;
 }
 
 #logo-nav-head #logo img{
   width:265px;
   height:61.77px;
 }
 
 #miu {
     display:flex;
     align-items:center;
     margin-top:10px
 }
 
 #miu img {
     width:40px;
     height:28px;
     margin-right:10px
 }
 
 #mui span {
     color:var(--white);
     opacity:65%;
     font-size:22px;
     line-height:32px;
     letter-spacing:-2%   
 }
 
 #main-menu ul {
     display:flex;
     gap:40px;
     align-items:center;
 }
 
 #main-menu ul a{
     font-weight:600
 }
 
 #main-menu ul.sub-menu {
    position:absolute;
    box-shadow: 0px 0px 2px 1px #333;
    /*! width:150px; */
    margin-top:5px;
    padding:5px;
    z-index:33;
    background:var(--dark-gray);
    display:none;
    transition:display 2s;
 }

 #main-menu ul.sub-menu.active {
    display:block
 }
 
 #main-menu ul.sub-menu li {
     border-bottom:1px solid var(--red);
     width:100%;
     padding:5px
 }
 
 #main-menu ul.sub-menu li a{ font-size:14px}
 
 /*
 #main-menu nav ul li.menu-item-has-children > a:after {
     content:'';
     display:block;
     width:20px;
     height:20px;
     background:url("/core/wp-content/themes/motorstar_theme/images/tog-down.svg") no-repeat;
     background-size:cover;
     float:right;
     margin-top:2px;
     margin-left:10px  
 }
 */

 #main-menu nav ul li.menu-item-has-children:hover ul.sub-menu {
     display:block
 }
 
 #search-toggle, .search-toggle {
     width:28px;
     height:28px;
     background:url("/core/wp-content/themes/motorstar_theme/images/icons/search-icon.svg") no-repeat;
     background-size:cover;
     cursor:pointer
 }

#search-toggle.active {
    background:url("/core/wp-content/themes/motorstar_theme/images/icons/close-icon.png") no-repeat;
    background-size:cover;
}
 
 /* Mobile Menu */
 #mobile-menu-toggle {
     width:20px;
     height:14px;
     background:url("/core/wp-content/themes/motorstar_theme/images/mobile-menu-toggle.svg") no-repeat;
     background-size:cover;
     display:none;
     cursor:pointer
 }
 
 /* FOOTER */
 #footer {
     background:var(--dark-gray);
     padding: 50px 0px 50px 0px;
 }
 
 #footer .flex {
   gap:40px;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
 #footer .container > div {
     flex-basis:8%;
 }
 
 #footer .container > div:first-child, #footer .container > div:last-child {
     flex-basis:25%;
 }
 
 #foot-about #foot-logo img {
     width:200px;
     height:46px;
 }
 
 #foot-about p {
     margin-top:20px;
     margin-bottom:20px;
 }
 
 #foot-about .social img {
     width:20px;
     height:20px;
 }
 #foot-about .social {
     gap:10px;
     /*! width:80%; */
 }
 
 #foot-about .social span {
     display:flex;
     justify-content: center;
     align-items: center;
     width:46px;
     height:46px;
     background:#000;
     border-radius:50%;
 }
 
 #footer .flex > div h2 {
     margin-bottom:20px;
 }
 
 #footer .flex > div ul li {
     margin-bottom:10px;
 }
 
 #footer .flex > div ul li a {
     opacity:0.5
 }
 
 #newsletter button {
     background:var(--red) !important;
     width: auto !important;
     margin-left: -135px !important;
     line-height: 16px !important;
 }
 
 #newsletter p {
     margin-bottom: 20px;
 }
 
 #footer-copyright {
     background:var(--dark-gray);
 }
 #footer-copyright .flex {
     justify-content: space-between;
     border-top: 1px solid var(--light-gray);
     align-items:center;
     opacity:0.5;
     padding:20px;
 }
 
/* SEARCH BAR */
#search {
  position: absolute;
  margin-top:210px;
  background: var(--dark-gray);
  padding:10px;
  z-index: 58;
  border-radius: 10px;
  box-shadow: 0px 0px 3px #333;
}

.search-submit {
    margin-top:10px
}

body.search main#content {
    padding:20px;
    padding-bottom:60px
}

body.search-no-results main#content article{
    max-width:500px;
    margin:auto;
    text-align:center
}
 
body.search-no-results main#content article header{
    margin-bottom:30px
}

/* General Page Styling */

main#content article {
    padding:20px; 
    padding-bottom:60px
}
main#content article p{
    margin-bottom:20px
}

main#content article header h1{ 
 text-align:center
}
 
 /* HOME PAGE PRIMARY BANNER */

#prime-banner {
    height:700px;
}
 
 #value-prop { 
     flex-basis:50%;
 }
 
 #pm-mask {
     height:100%;
     overflow:hidden
 }
 
 #vp-hero {
    position: absolute;
    background: #33333396 url("/core/wp-content/themes/motorstar_theme/images/motorstar-main-banner-hero-bg-white.png") no-repeat;
    background-position:top right;
    background-size:40% 100%;
    height:700px;
    width: 100%;
    margin-top: -700px;
 }
 
 #vp-hero > .flex {
   height:100%;
   gap: 10%;
   align-items:center
 }
 
 #vp h1 {margin-bottom:30px}
 #vp-cta { margin-top:30px; align-items:center; gap:40px }
 
 /* */
 
 #hero {
     flex-basis:50%;
     align-self: flex-end;
     margin-bottom: -20px;
 }
 
 #hero img {
     width:100%;
     /*! height:102%; */
 }
 
 .hero1 {
   max-height: 305px;
   z-index: 2;
   height: 35%;
 }
 
 .hero2 {
   max-height: 421;
   z-index: 3;
   margin-left: -150px;
   height: 55%;
 }
 
 .hero3 {
   max-height: 305px;
   margin-left: -210px;
   z-index: 4;
   height: 35%;
 }
 
 #scewed-recs, .scewed-recs {
     width:100%;
     height:100%;
     display:flex;
     gap:10px;
     opacity:0.5;
     justify-content: center
 }
 
 .scewedrec {
     width: 190px;
     height: 100%;
     background: red;
     transform: skew(-20deg, 0);
     display:inline-block;
     margin-left: 40px;
 }

 .scewedrec-rev {
    transform: skew(20deg, 0);
 }
 
 /* */
 
 #mini-logos {padding:50px 0px;}
 #mini-logos .flex { justify-content: space-between; align-items:center}
 #mini-logos .flex img{
     width:200px;
     max-height:54px;
     filter: grayscale(100%);
     opacity: 50%;
 }
 
 
 /* */
 #product-highlight {
     gap:30px;
     text-align:center;
 }
 #product-highlight img{
     width:100%;
     height:auto;
     max-width:395px;
     max-height:372px
 }
 
 #product-highlight > div span:first-child {
     display:flex;
     height:82%;
     margin-bottom:30px;
     background:var(--dark-gray);
     align-items: center;
     justify-content: center;
     max-width: 395px;
 }
 
 #product-highlight > div span:last-child {
     align-self:baseline   
 }
 
 /* */
 #become-distributor {
     max-width:1386px;
     margin:auto;
     text-align: center;
     margin-top:40px;
     padding: 20px;
 }
 
 #become-distributor h1 {
     margin-bottom:40px;
     background:url(/core/wp-content/themes/motorstar_theme/images/red-strike.svg) no-repeat;
     background-position:bottom right;
     padding-bottom:0px;
     display:inline-block;
 }
 
 #become-distributor .flex{
     gap:50px;
     justify-content: center;
     background:var(--dark-gray);
     padding:50px 50px;
     text-align: left;
 }
 
 #become-distributor .flex > div{
     flex-basis:50%
 }
 
 #become-distributor label{
     display:block;
     text-align:left;
     margin-bottom:20px
 }
 
 #become-distributor input {
     width:100%;
     max-width:100%;
 }
 
 #become-distributor button, #newsletter button {
     background:var(--red) url(/core/wp-content/themes/motorstar_theme/images/white-arrow-right.svg) no-repeat;
     background-position: center center;
     width:44px;
     height:44px;
     border-radius:10px;
     position:absolute;
     margin-left:-65px;
     margin-top:10px;
}

#become-distributor button:hover{
     background:transparent url(/core/wp-content/themes/motorstar_theme/images/white-arrow-right.svg) no-repeat !important;;
     background-position: center center !important;
}

#bedist-home form.invalid button.bedist{
    margin-left: 514px !important;
    margin-top: -79px !important;
}

#bedist-home form.invalid .wpcf7-response-output {
  position: relative;
  margin-top: -45px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
 
.big-red-text {
     font-family: Inter;
     font-size:291px;
     font-style: italic;
     font-weight: 900;
     /*! line-height: 30px; */
     letter-spacing: -3px;
     text-transform: uppercase;
     color:var(--red);
     opacity: 0.25;
 }
 
 
 .birehome {
     position: relative;
     margin-top: -30px;
     z-index: -1;
     margin-bottom: -30px;
 }
 
 .birehome img {
     width:100%;
 }
 
 /* SPLIT SEC 1 */
 #splitsec1 {
     background:var(--dark-gray);
     padding:0px 0px;
     display:flex;
     align-items: center;
     justify-content: center;
     /*! max-height:600px; */
     gap:5%;
     /*! margin-bottom:30px; */
     /*! overflow: hidden; */
     box-shadow: 0px -10px 15px #000;
     padding: 0px 5%;
 }

#spls1-slider {margin-bottom:-75px; /*! display: flex; */}
 
 #splitsec1 > div {
     flex-basis:50%;
     min-width:300px;
    
 }
 #splitsec1 > div img{
     width:100%;

 }
 #splitsec1 h2 {
     /*! width:70%; */
     margin-bottom:30px;
     max-width: 450px;
 }
 
 
 /* Explore Categories */
 
 #exp-categories {
    text-align:center;
    padding-top:140px
 }
 
 #exp-categories h2{
    margin-bottom:40px
 }

 #exp-categories p.small{
    display:none;
 }

 #cat-grid {
     overflow:hidden;
     gap:20px;
     width:100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }
 
 #cat-grid > div {
     min-width:400px;
     /*! height:350px !important; */
     padding:15px;
     background:var(--dark-gray);
     border-radius:20px;
     text-align:center
 }
 
 #cat-grid > div span {
     width:100%;
     height:250px;
     display:block;
     border-radius:20px;
     margin-bottom:20px;
 }

 .product-cat-page #exp-categories {
    padding-top:0px
 }

 .product-cat-page #exp-categories h2 {
    margin-bottom:20px
 }
 .product-cat-page #exp-categories p.small {
    display:block;
    text-align:center;
    margin-bottom:40px
 }
 .product-cat-page #cat-grid {
    overflow:unset;
    flex-wrap:wrap;
    justify-content: center;
 }
 
 /* */
#splitsec2 {
     margin-top:280px;
     padding:20px
}
 #splitsec2 .flex {
     max-width:1370px;;
     height:375px;
     background:var(--red);
     margin:auto;
     padding: 20px 5%;
     align-items:center;
     justify-content: center;
     gap:10%
 }
 #splitsec2 .flex > div {
     flex-basis:50%
 }
 #splitsec2 .btn{
     margin-top:30px
 }
 
 #splitsec2 .flex > div:nth-child(2) img{
    margin-top:-245px;
    max-width: 552px;
    max-height: 478px;
    width: 100%;
 }
 
 
 /* */
 #blog-grid {margin-bottom:100px; margin-top:100px;overflow: hidden;}
 #blog-grid h2 { margin-bottom:40px}
 
 #bg-inner {
     gap:40px;
     overflow:hidden;
 }

#bg-inner .cycle-carousel-wrap {
    display:flex;
    gap:40px
}
#bg-nav, #pg-nav {
    display:flex;
    /*! position: absolute; */
    /*! margin-top:-300px; */
    /*! margin-left:40.3%; */
    width: 100px;
    margin: auto;
    margin-top: 20px;
}

#bg-nav div, #pg-nav div {
    background:var(--red);
    width:40px;
    text-align:center;
    padding:5px;
    cursor:pointer
}
#slbg1prev, #slpg1prev{
    border-top-left-radius:20px;
    border-bottom-left-radius:20px
}
#slbg1next, #slpg1next{
    border-top-right-radius:20px;
    border-bottom-right-radius:20px
}
 
 .blogg-item {
     background:var(--dark-gray);
     padding:20px;
     border-radius:20px;
     min-width: 360px;
     flex-basis: 25%;
 }
 
 .blogg-item .bgi-img {
     width:467px;
     height:280px;
     border-radius:16px;
 }
 
 .blogg-item h3 {
     margin-top:20px;
     margin-bottom:20px
 }
 
 .blogg-item p {
     margin-bottom:30px
 }
 
 .blogg-item .bgi-action-met {
     justify-content: space-between
 }
 
 .blogg-item .bgi-action-meta > div{
     flex-basis:50%
 }
 
 .blogg-item .bgi-action-meta div.bgi-learnmore a{
    color:var(--red);
 }
 
 .blogg-item .bgi-action-meta div.bgi-date{
     text-align: right
 }

 .blog-page .bgextended #bg-inner {
    overflow:unset;
    flex-wrap: wrap;
    justify-content: center;
 }

 .blog-page .bgextended .blogg-item {
    display:flex;
    gap:20px;
    flex-basis: 47%;
 }

 .bg-extended-loadmore {
     text-align:center;
     margin-top:20px
}

.bg-extended-loadmore .page-count { 
  margin-top:10px
}

 .blogg-item .bgi-img {
    max-width:363px;
    max-height:235px;
    width: 100%;
 }

 .blog-page .bgextended .blogg-item > div{
    flex-basis:50%;
 }

/* About Us */
#prime-banner-about {
    height:850px;
    margin-bottom:60px;
    background:url(/core/wp-content/themes/motorstar_theme/images/aboutus-hero-bg.jpg) no-repeat; 
    background-size:cover; 
    background-position:center
}

.scewed-recs-aboutus {
    width:65%;
}

.bg-fade {
    background:linear-gradient(to bottom, #16161600 0%, #000000 100%);
}

#pb-about-intro {
    max-width:1386px;
    background:var(--dark-gray);
    padding:40px 0;
    position:relative;    
    margin:auto;
    margin-top:-260px;
    text-align:center;
    border-radius:10px;

}

#pbai-inner {
    max-width:1000px;
    margin:auto;
}

#pbai-inner h1 {
    margin-top:20px;
    margin-bottom:20px;
}

#pbai-inner p {
    margin-bottom:20px
}

#aboutus-page #splitsec1 div:last-child p{
    margin-bottom:30px
}

/* Our Story */
#our-story {
    margin:auto;
    margin-top:280px;
    text-align:center;
    max-width: 1386px;
}

#our-story p, #our-story h2, #our-story h3 {
    margin-bottom:20px
}

#our-story .noco-video {
    max-width:1390px;
    height:549px;
    margin:auto;
    margin-top:80px;
    overflow:hidden
}

.bireaboutus {
    position:relative;
    margin-top:-30px;
    z-index:-1
}

/* Splitsec Slider */

#aboutus-page #splitsec1 {
    padding: 0px 5%;
}

#aboutus-page #splitsec1 div#spls1-slider{
    margin-top:0px;
    flex-wrap: wrap;
}

#aboutus-page #spls1-slider {
    margin-bottom:-41px;
}

#aboutus-page #spls1-slider .sldrnav {
    margin-bottom:215px;
}

/* */

#product-grid-aboutus {
    margin-top:60px;   
}

#product-grid-aboutus .flex {
    gap:20px;
    flex-wrap:wrap;
    justify-content: center
}

#product-grid-aboutus .cycle-carousel-wrap{
    display:flex;
    gap:20px;
    white-space:unset !important;
   
}
   
#product-grid-aboutus h2{
    text-align:center;
    margin-bottom:50px
}
   
#product-grid-aboutus .pgn-item {
    max-width:394px;
    background:var(--dark-gray);
    border-radius:20px;
    padding:50px 30px;
    text-align:center;
    flex-basis: 23%;
    min-width: 200px;
}

#product-grid-aboutus .pgn-item img, 
#product-grid-aboutus .pgn-item h3,
#product-grid-aboutus .pgn-item p
{
    margin-bottom:20px;
}

#product-grid-aboutus .pgn-item img {
    width:auto;
    max-height:150px
}

#aboutus-page #splitsec2 {
    margin-bottom:60px
}

/* product page */
#above-pro-bar .flex {
    justify-content: space-between;
    /*! align-items:end; */
}

.left-heading {
    flex-basis:40%;
}

.right-heading {
    justify-content: flex-end !important;
    flex-basis:70%;
    gap:30px
}

#above-pro-bar form .search-toggle {
    position: absolute;
    margin-left: -35px;
    margin-top: 20px;
}

.pro-search {
    flex-basis: 33%;
}

.sort-form{
    flex-basis:15%
}

.lg-toggle {
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--light-gray);
    width: 65px;
    border-radius: 10px;
}

/* */
#product-list{
    margin-top:100px;
}
.plgv-item {
    display:flex;
    gap:30px;
    background:var(--dark-gray);
    padding:20px;
    border-radius:20px;
    margin-bottom: 50px;
}

.pligv-img {
   background:#fff url("/core/wp-content/themes/motorstar_theme/images/product-list-img-bg.png") no-repeat;
   border-radius:20px;
   width:378px;
   height:380px;
   display: flex;
   justify-content: center;
   align-items: center;
   background-size: 100% 100%;
}  

.pligv-img img {
    width:95%;
    height:auto
}

.pligv-meta {
    width:215px;
    text-transform:uppercase
}

.pligv-meta span {
    display:block;
    text-transform: uppercase;
}

.pligv-details {
    flex-basis:100%;
    padding-top:20px
}
.pligv-details .flex {
    gap:30px;
}
.pligv-head {
    justify-content: space-between;
    margin-bottom:30px
}
.pligv-head .flex {
    align-items:center;
}

.pligv-nav {
    gap:80px !important;
    margin-bottom:40px;
    font-weight:600;
}
.pligv-nav > div {
    padding-bottom:20px;
    font-size:24px;
    cursor:pointer
}
.pligv-nav > div.active, .pligv-nav > div:hover {
    border-bottom:3px solid var(--red);
    color:var(--red);
}

.pligvdi-head {
    display:none;
}

.pligvdi-text p{
    margin-bottom:20px;
}

.pligvdi-text ul {
    margin-bottom:20px;
}

.pligvdi-text ul li {
    padding-left:40px;
    background:url("/core/wp-content/themes/motorstar_theme/images/tick.png") no-repeat;
    background-size: auto 24px;
    background-position: left center;
    font-size: 16px;
    opacity: 0.50;
    margin-bottom: 20px;  
}

.pligvdi-text p.boldtxt, .tbhead div{
    font-size:20px;
    font-weight:500;
    text-align:left;
}

.tbhead {
    margin-bottom:25px;
    padding-bottom:25px;
    border-bottom:1px solid #262626;
    background:none !important;
}

.tbhead, .tbitem {
    display:flex;
}

.tbitem {
    background: #222;
    padding: 10px;
    border-radius: 20px;
    margin-bottom:20px;
    opacity:0.5;
}

.pligvd-item {
    display:none;
}

.pligvd-item.active {
    display:block;
}

.tbhead > div, .tbitem > div {
    flex-basis:33%;
    padding-left:20px;
    padding-right:20px
}

.prolgv-btmbtn {
    text-align:center;
    display:none;
}

.pligvdim-ov, .pligvdim-adv, .pligvdim-specs, .pligvdim-props{
 display:none;
}

.bireproducts {
    position: relative;
    z-index:-1;
    margin-bottom:-30px;
    margin-left:-80px
}

.bireproducts img{
    width:190%;
}


/* Distributor Page */
.pb-dist {
    background:var(--dark-gray);
    padding-top:40px;
    height:auto !important;
    min-height:500px
}

.pb-dist .t1{
    font-size:32px;
    line-height:38px
}

.pb-dist #post-vp p{
    margin-bottom:30px;
}

.pb-dist .flex{
    gap:10%;
    align-items: center
}

.pb-dist #hero {
    padding-top:5%
}

.pb-dist #hero img{
    max-width:595px;
    float:right
}

#splitsec3 {
    margin-top:100px
}

#splitsec3 .flex {
    gap:40px;
}

#splitsec3 .flex div {
 flex-basis:50%
}

#splitsec3 h2 {
    margin-bottom:20px;
}

#splitsec3 .sp-img {
    max-width:935px;
    max-height:461px;
}

#splitsec3 .sp-img img{
    width:100%;
    height:auto
}

#splitsec3 ul {
    margin-top:30px
}

#splitsec3 ul li{
    margin-bottom:20px;
    padding-left:50px;
    background:url("/core/wp-content/themes/motorstar_theme/images/tick.png") no-repeat;
    background-size: auto 24px;
    background-position: left center;
}

/* */
#distributor-contact-form {
    margin-top:100px
}

#distributor-contact-form  .wpcf7-response-output {
    margin-top:-50px
}

#distributor-contact-form h2{
    max-width:820px;
    margin-bottom:20px;
    text-align:center;
    margin:auto;
}

#distributor-contact-form .flex {
    background:var(--dark-gray);
    padding:50px;
    gap:10px;
    flex-wrap:wrap;
    margin-top:30px;
    border-radius: 10px;
}

#distributor-contact-form .flex > div {
    flex-basis:49%;
}

#distributor-contact-form .flex > div input,
#distributor-contact-form .flex > div label
{
    width:100%;
    max-width:100%;
}

#distributor-contact-form .flex div.actdefapply {
    flex-basis:100%;
    display:flex;
    align-items: center;
    margin-top:20px;
    gap:30px
}

#distributor-contact-form .flex div.actdefapply .chbox p{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

#distributor-contact-form .flex div.actdefapply .chbox label {
    width:50px
}

#distributor-contact-form .flex div.actdefapply span{
    display:flex;
    align-items: center
}

#distributor-contact-form .flex div.actdefapply input {
    width:24px;
    max-width:24px;
    border:1px solid var(--light-gray);
    background:none;
    margin-left:20px; margin-right:10px;
}


#dist-page #product-grid-aboutus {
    margin-bottom:100px
}


/* Contact Page */

#prime-banner-contact {
    width:100%;
    background:url(/core/wp-content/themes/motorstar_theme/images/contactus-hero-bg.jpg) no-repeat; 
    background-size:cover; 
    background-position:center;
}

#prime-banner-contact .pbc-inner{
    justify-content: flex-end;
    align-items: center;
    height:800px;
    
}

#contact-form {
    align-items: end;
    margin-bottom:100px
}

#conu-inner {
    background:var(--dark-gray);
    padding:30px;
    border-radius:10px;
    margin-right:10%;
    max-width:780px;
}

#conu-inner .coico {
    align-items: center;
    margin-bottom:10px
}

#conu-inner .icon {
    margin-right:15px;
}

#conu-inner .social img {
    width:21px;
    height:21px;
}

#conu-inner .social {
    gap:20px
}

#contform {
    max-width:1245px;
    background:var(--dark-gray);
    padding:40px;
    flex-basis:75%;
    padding-right:200px;
    border-radius:20px
}

#contform h2, #contform p {
    margin-bottom:20px;
}

#act-contact-form {
    display:flex !important;
    flex-wrap:wrap;
    gap:20px;
}

#act-contact-form > div{
    flex-basis:45%;
}

#act-contact-form > div input, #act-contact-form > div textarea{
    max-width:100%;
    width:100%;
    display:block;
}

#act-contact-form > div textarea {
    height:200px
}

.fwidth-field {
    flex-basis:93% !important;
}

#contform .actdefapply {
    display:flex;
    align-items: center;
    gap:20px
}

#contform-hero {
    flex-basis:33%;
    margin-left:-160px
}
#contform-hero img{
    width:100%
}

/* Slider - grabbable - Flexislider*/
.carousel-cell {
    max-width:400px;
    margin:10px;
    width: 100%;
}

.flickity-page-dots {
    position: unset !important;
    margin-top: 20px !important;
}
.flickity-page-dots .dot {
    background: var(--red) !important;
}

.flickity-button {
    display:none !important;
}