/*
 Theme Name:   2017-Divi-child
 Theme URI:    https://wwww.xcallibertransmission.com/2017-divi-child/
 Description:  A Child Theme built for the website of Defeo Manufacturing using the parent theme Divi
 Author:       fabiopwl37
 Author URI:   N/A
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive-layout, left-sidebar, red, black, grey, platinum, custom-navigation, custom-product-rows, custom-footer, mobile-friendly, eye-popping 
 Text Domain:  2017-Divi-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.wholeTopNav p{
padding-bottom: 0px;
}
.uNavCompact{
padding-bottom: 1em !important;
}
body{
overflow-x: hidden;
max-width: 1920px !important;
margin: 0 auto;
direction: unset;
background-color: #eeeeee;
}
#page-container{
padding-top: 154px !important;
background-color: #ffffff;
}
@media only screen and (min-width: 1921px){
body{
zoom: 1 !important;
}	
}
@media only screen and (min-width: 2000px){
body{
zoom: 1.2 !important;
}	
}
@media only screen and (min-width: 2250px){
body{
zoom: 1.3 !important;
}	
}
@media only screen and (min-width: 2500px){
body{
zoom: 1.4 !important;
}	
}
@media only screen and (min-width: 2750px){
body{
zoom: 1.5 !important;
}	
}
@media only screen and (min-width: 3000px){
body{
zoom: 1.6 !important;
}
}
@media only screen and (min-width: 3250px){
body{
zoom: 1.7 !important;
}	
}
@media only screen and (min-width: 3500px){
body{
zoom: 1.8 !important;
}	
}
@media only screen and (min-width: 3750px){
body{
zoom: 2 !important;
}	
}

@font-face { font-family: BITSUMIS; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/BITSUMIS.TTF); font-weight: normal; }
@font-face { font-family: OpenSans-Medium; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-Medium.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-Bold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-Bold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-SemiBold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-SemiBold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-Regular; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-Regular.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-Condensed-ExtraBold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-ExtraBold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-Condensed-Regular; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-Regular.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-Light; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-Light.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-Light; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-Light.ttf); font-weight: normal; }
@font-face { font-family: Tinos-BoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/Tinos-BoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-SemiBold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-SemiBold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-Light; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-Light.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-Regular; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-Regular.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-Medium; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-Medium.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-SemiBold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-SemiBold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-ExtraBold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-ExtraBold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-Bold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-Bold.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-ExtraBold; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-ExtraBold.ttf); font-weight: normal; }
@font-face { font-family: SairaStencilOne-Regular; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/SairaStencilOne-Regular.ttf); font-weight: normal; }
@font-face { font-family: Blackout-Midnight; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/Blackout-Midnight.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-BoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-BoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-ExtraBoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-ExtraBoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-Italic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-Italic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-LightItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-LightItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-MediumItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-MediumItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_Condensed-SemiBoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_Condensed-SemiBoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-BoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-BoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-ExtraBoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-ExtraBoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-Italic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-Italic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-LightItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-LightItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-MediumItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-MediumItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans_SemiCondensed-SemiBoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans_SemiCondensed-SemiBoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-BoldItalic; src: url(https://lwww.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-BoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-ExtraBoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-ExtraBoldItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-Italic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-Italic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-LightItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-LightItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-MediumItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-MediumItalic.ttf); font-weight: normal; }
@font-face { font-family: OpenSans-SemiBoldItalic; src: url(https://www.xcallibertransmission.com/wp-content/themes/2017-Divi-child/fonts/OpenSans-SemiBoldItalic.ttf); font-weight: normal; }
#main-content .container {
padding-top: 0px !important;
}
input{
font-size: 16px !important;
}
#top-header{
display:none !important;
}
#main-header{
display:none !important;
}
#footer-info{
text-align:center;
}
.footerFirstName{
height: 30px;
border-radius: 4px;
margin-bottom: 10px !important;
}
.footerLastName{
height: 30px;
border-radius: 4px;
margin-bottom: 10px !important;
}
.footerSignUp{
background-color: black;
border: 1px solid #C60000;
color: #D8D8D8 !important;
height: 30px;
border-radius: 4px;
}

#homeMCEmail{
border-top:1px solid #424242;
border-bottom: 1px solid #424242;
}
#mc_embed_signup{
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(216,216,216,1)), color-stop(100%, rgba(0,0,0,1))) !important;
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%) !important;
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%) !important;
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%) !important;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ) !important;
padding-bottom: 15px;
}
#mc_embed_signup form{
padding:0px !important;
width: 80% !important;
margin: auto;
max-width: 1080px;
}
#mc_embed_signup form h2{
width:29% !important;
display:inline-block;
text-align: right;
margin-right: 2%!important;
color: #000000 !important;
text-shadow: 0px 0px 10px #ffffff;
clear:none !important;
}
#mc_embed_signup .mc-field-group{
display:inline-block;
width:46% !important;
padding-bottom:0px !important;
margin-top:10px !important;
margin-right: 2%!important;
clear:none !important;
}
#mc_embed_signup .mc-field-group label{
color:#000000 !important;
}
#mc_embed_signup .clear{
display:inline-block;
width:17% !important;
text-align:left;
clear:none !important;
}
#mc_embed_signup .indicates-required
{
text-align: left !important;
}
#mc_embed_signup .button{
display:inline-block;
color:#D8D8D8 !important;
background-color:black !important;
border: 1px solid #C60000 !important;
margin-top:-10px !important;
}
#mc_embed_signup .button:hover{
color:#000000 !important;
background-color:#c60000 !important;
border: 1px solid #ffffff !important;
}
@media only screen and ( max-width:980px ) {
#mc_embed_signup form h2{
width:100% !important;
text-align: left !important;
}
#mc_embed_signup .mc-field-group{
width:100% !important;
}
#mc_embed_signup .clear{
width:100% !important;
}
#mc_embed_signup .button{
margin-top: 10px !important;
}
#footPayMethods{
margin-top: 0px !important;
}
}

.et_menu_container{
display: none !important;
}

.home-spacer{
padding: 20px;
}

.yith-ywraq-add-to-quote{
margin-bottom: 20px !important;
}

.pom-default{
    float: right;
}

.et_pb_slider_container_inner{

padding-top: 0px !important;

}

.et_pb_gallery .et-pb-controllers{
display: none !important;
}
.et_pb_gallery .et-pb-slider-arrows{
display: none !important;
}

.et_pb_slider .et-pb-controllers{
display: unset ;
}
.et_pb_slider .et-pb-slider-arrows {
display: unset ;
}
.customTd{
padding: 10px;
color: #D8D8D8;
background-color: #1c1c1c;
border: 1px solid #D8D8D8;
}
.nav li a{
width: 100% !important;
padding: 5px !important;

}
.nav li ul{
width: 100% !important;
padding: 0px !important;

}

.nav li li{
width: 100% !important;
padding: 0px !important;
 border-top: solid 1px #D8D8D8;

}

.nav li li a{
width: 100% !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;

}

#top-menu li li{
width: 220px !important;
background-color: #1c1c1c;
border-top: solid 1px #D8D8D8;
padding: 0px !important;
}
.menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after{
right: -15px !important;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav > ul{
padding: 0px !important;
}

#top-menu li{

padding-bottom: 13.5px !important;

}

@media only screen and ( max-width:1055px ) {
	#menu-newcustom-nav { display:none !important; }
}
@media only screen and ( max-width:1054px ) {
	.et_mobile_nav_menu { display:block !important; }
}
@media only screen and ( max-width:1054px ) {
	.et_mobile_nav_menu { text-align:left !important; padding-top: 24.5px !important; padding-bottom: 24.5px !important; }
}

@media only screen and ( min-width:768px ) {
    .et-tabs-control{
          width: 250px !important;
    }
    .et_left_tabs_bg{
          width: 250px !important;
    }
    .ddlForMobile{
         display: none;

    }
.et_slidecontent{


}

}

@media only screen and ( max-width:768px ) {
    .tabs-left ul.et_shortcodes_mobile_nav  a{
         display: none !important;
    }
    .et_left_tabs_bg{
         display: none !important;
    }
    .tabs-left .et-tabs-content{
         margin-left: 0px  !important;
    }
    .ddlForMobile{
         width: 100%;
         background-color: #f9f9f9;
         padding: 10px;
         margin-bottom: 10px;
    }
    .ddlForMobile option{
         font-weight: bold;
         font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
         color: #4c4c4c !important;
    }

}

.mobileXcallBtn{
background-color: #D8D8D8;
color: #1c1c1c;
padding: 5px;
border-radius: 5px;
text-align: center;
}
.mobileXcallBtn:hover{
background-color: #C60000;
}
.mobileXcallBtn:active{
background-color: #C60000;
}
#sidebar{
padding-left:0px !important;
}
@media only screen and ( max-width:980px ) {
#sidebar{
clear:both;
}
.btnRedModel2{
padding-top: 20px;
padding-bottom: 20px;
float: left !important;
padding-right: 1000px;
}
.btnPlatinumModel2{
padding-top: 20px;
padding-bottom: 20px;
float: left !important;
clear:right !important;
padding-right: 1000px;
}
.btnBlackModel2{
padding-top: 20px;
padding-bottom: 20px;
float: left !important;
clear:right !important;
padding-right: 1000px;
}
.et_pb_toggle_title{
padding: 10px;
}
}

.hcHeader{
color: #1c1c1c;
background-color: #f5f5f5;
padding: 30px;

}
.hcDivider{
border-top: 2px solid #D8D8D8;
padding-left: 10px;
padding-right: 10px;
}
#hcIcon1:before{
content: "\e015" !important;
font-family: 'ETmodules';
font-size: 40px;
color: #1c1c1c;
padding-right: 20px;
}
#hcIcon2:before{
content: "\e02a" !important;
font-family: 'ETmodules';
font-size: 40px;
color: #1c1c1c;
padding-right: 20px;
}
#hcIcon3:before{
content: "\e011" !important;
font-family: 'ETmodules';
font-size: 40px;
color: #1c1c1c;
padding-right: 20px;
}
#hcIcon4:before{
content: "\e08a" !important;
font-family: 'ETmodules';
font-size: 40px;
color: #1c1c1c;
padding-right: 20px;
}
#hcIcon5:before{
content: "\e010" !important;
font-family: 'ETmodules';
font-size: 40px;
color: #1c1c1c;
padding-right: 20px;
}
#hcIcon6:before{
content: "\75" !important;
font-family: 'ETmodules';
font-size: 40px;
color: #1c1c1c;
padding-right: 20px;
}
.hcTables{
color: #910000;
}
.hcTables td{
cursor: pointer;
}

.hcModules{
border: 2px solid #ffffff;
}
.hcModalBoxes{
border: 1px solid black;
color: #1c1c1c;
font-style: italic;
width: 80%;
background-color: white !important;
height: 40px;
border-radius: 5px;
}
.hcForms #billing_country{
border: 1px solid black;
color: #1c1c1c;
font-style: italic;
width: 100%;
background-color: white !important;
height: 40px;
border-radius: 5px;
}
.hcSubmit{
box-shadow: 0 0 3px #910000, 0 0 20px #910000;
}
.hcForms{
background-color: #1c1c1c;
color: #D8D8D8;
padding: 50px;
border-radius: 5px;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}
.hcForms h3{
color: #D8D8D8;
}
.hc-form-content{
margin: 0 auto;
}
.hcErrors{
color: #C60000;
font-weight: bold;
}

.hcTicketInfo{
padding: 20px;
background-color: #D8D8D8;
width: 100%;
border-radius: 5px;
color: #1c1c1c;
margin-bottom: 50px;
word-break: break-all;
}
.hcTicketThankYou{
margin-bottom: 50px;
margin-top: 150px;
}
.serverError{
color: #C60000;
font-weight: bold;
}

.xcallToggleContent{
padding: 50px;
}


.portalHeader h1{
font-size: 75px !important;
color: white !important;
text-shadow: -2px 2px #c60000;
}
@media only screen and ( max-width:1085px ) {
.portalHeader h1{
font-size: 65px !important;
}
}
.portalHeader h3{
font-size: 65px !important;
color: white !important;
text-align: center;
text-shadow: -2px 2px #c60000;
}
.homeReg1{
font-size: 20px;
}
.homeReg2{
font-size: 15px;
}
#portalBock1{
text-align: center !important;
}
#portalBock2{
text-align: center !important;
}
#portalBock3{
text-align: center !important;
}
#portalBock4{
text-align: center !important;
}
#homeCol1{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

}
#homeCol2{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
#homeCol3{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
#homeCol4{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.tmReg{font-size: 15px !important; vertical-align: super;}

@media only screen and (min-width:1218px){
#homeCol2{
padding-bottom: 23px !important;
padding-top: 23px !important;
}

}
@media only screen and (min-width:1342px){
#homeCol4{
padding-bottom: 23px !important;
padding-top: 23px !important;
}
}
@media only screen and (min-width:1198px){
#homeCol1{
padding-bottom: 23px !important;
padding-top: 23px !important;
}
}
@media only screen and (min-width:981px) and (max-width: 1002px){
#homeCol3{
padding-bottom: 23px !important;
padding-top: 23px !important;
}
#homeCol4{
padding-bottom: 23px !important;
padding-top: 23px !important;
}
}

#homeCol1:hover{
background-size: cover;
background-size: 90%;
background-repeat: no-repeat!important;
background-position: center;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2017/04/DEFEO_SilverLogo_500x120.png');
}
#homeCol1:hover #colTxt1 h2{
color: transparent !important;
}
#homeColCover1:hover{
background-size: cover;
background-size: 90%;
background-repeat: no-repeat!important;
background-position: center;
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
}
#homeCol2:hover{
background-size: cover;
background-size: 95%;
background-repeat: no-repeat !important;
background-position: center;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2017/05/XCALLIBER_RnwdAllTrans_Silver_500x120.png');
}
#homeCol2:hover #colTxt2 h2{
color: transparent !important;
}
#homeColCover2:hover{
background-size: cover;
background-size: 95%;
background-repeat: no-repeat !important;
background-position: center;
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
}
#homeCol3:hover{
background-size: cover;
background-size: 95%;
background-repeat: no-repeat!important;
background-position: center;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2017/05/XCALLIBER_PerfAllParts_Silver_500x120.png');
}
#homeCol3:hover #colTxt3 h2{
color: transparent !important;
}
#homeColCover3:hover{
background-size: cover;
background-size: 95%;
background-repeat: no-repeat !important;
background-position: center;
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
}
#homeCol4:hover{
background-size: cover;
background-size: 95%;
background-repeat: no-repeat!important;
background-position: center;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2017/05/XCALLIBER_PerfAllTrans_Silver_500x120.png');
}
#homeCol4:hover #colTxt4 h2{
color: transparent !important;
}
#homeColCover4:hover{
background-size: cover;
background-size: 95%;
background-repeat: no-repeat !important;
background-position: center;
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
}
@media only screen and (min-width:600px) and (max-width: 980px){
#homeCol1:hover{
background-size: cover;
background-size: 50%;
}
#homeCol2:hover{
background-size: cover;
background-size: 50%;
}
#homeCol3:hover{
background-size: cover;
background-size: 50%;
}
#homeCol4:hover{
background-size: cover;
background-size: 50%;
}
}
.site-wrap{
overflow: hidden;
max-width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-color: rgba(255, 0, 0, 0) !important;
z-index: 0 !important;
}
@media only screen and (min-width:997px) and (max-width: 1298px){
.site-wrap{
padding-bottom: 0px !important;
}
}
@media only screen and (min-width:1086px) and (max-width: 1298px){
.site-wrap{
padding-bottom: 30px !important;
}
}

.homeSlide img{
height: 750px !important;
object-fit: none;

}

/**********************************************************************************/
/*                          Begin navigation styles                              */
/********************************************************************************/
input.search-field{
background-color: #D8D8D8 !important;
}
article p.post-meta{
display: none!important;
}
div.smart-search-results{
width: 100% !important;
}
.universalNavWrap{
width: 100%;
margin-top: 0px !important;
position: absolute;
background-color: #000000;
height: 105px !important;
}
.universalNavWrap a{
color: #ffffff !important;
}
.uNavTop{
width: 100%;
position: relative;
padding:5px;
background-color: #c60000;
display: inline-block;
color: #ffffff;
}
.uNavTop a:hover{
color: #000000 !important;
}
.uNavCallToAction{
position:relative;
float: left;
margin-left: 184px;
padding-bottom: 0px !important;
}
.uNavTopRight{
position:relative;
float: right;
margin-right:20px;
}
.uNavNumber{
font-weight: normal !important;
position: absolute;
display: inline-block;
right: 28px;
bottom: 11px;
font-size: 26px;
text-align: left;
color: #ffffff !important;
}
.uNavWords{
text-align: center;
position: absolute;
right: 0px;
top: 5px;
display: inline-block;
}
.uNavWords a{
margin-right: 26px;
}
.uNavWords .dashicons-admin-users{
margin-right: 5px;
}
.uNavWords .fa-shopping-cart{
margin-right: 5px;
}
.uNavWords .dashicons-universal-access{
margin-right: 5px;
}
.uNavWords .dashicons-phone{
margin-right: 5px;
}
.uNavWords a:hover{
color: #C60000 !important;
}
.uNavHelp:hover{
color: #C60000 !important;
}
.uNavNumber:hover{
color: #C60000 !important;
}
.aws-search-result{
z-index: 100000;
}
.uNavBottom{
width: 100%;
position: relative;
display: inline-block;
top: -7px;
height: 72px;
background-color: #000000;
}
.uNavInfoTable{
margin-left: 5% !important;
width: 90%;
}
.uNaveTriggerCell{
width:10%;
text-align: center;
}
.nav-trigg {
position: relative;
float: right;
clip: rect(0, 0, 0, 0) !important;
margin-top: 55px;
display:none;
}
label[for="nav-trigger"] {
position: absolute;
margin-top: -4px;
left: 25px;
top: 57px;
z-index: 2;
}
label[for="nav-trigger"] {
/* ... previous styles here... */
width: 38px;
height: 27px;
cursor: pointer;
background-image: url("https://www.xcallibertransmission.com/wp-content/uploads/2017/06/HamburgerMenuRed_51x33.png");
background-size: cover;
}
/* .nav-trigg:checked ~ .uNavCompact {
display: inline-block;
width: 110% !important;
} */
.uNavLogo {
position: absolute;
bottom: -6px;
margin-left: 85px;
}
.uNavLogo img{
position:relative;
max-width: 327px;
width:94%;
}
.uNavSearch{
position: absolute;
color: #1c1c1c !important;
width: 304px;
right: 237px;
bottom: 8px;
max-height:46px;
}
.logged-in .uNavSearch{
width: 350px;
}
.uNavSearch .ysm-search-widget-1 .search-field[type="search"]{
height: 30px;
/* border-radius: 50px; */
border: none;
background-color: #ffffff !important;
color: #000000 !important;
}
.uNavSearch .ysm-search-widget .search-submit:before{
position: relative;
top: -5px;
}
.uNavLanguageCell{
width: 15%;
padding-left: 35px;
}
/***************************************************************compact*************************************************/
.uNavCompact{display: none;}

.uNavCompact {
list-style: none !important;
overflow: auto;
width: 100% !important;
left: 0px !important;
position: fixed;
top: 0px !important;
bottom: 0px !important;
background-color: rgba(0, 0, 0, .5);
z-index: 10000;
padding-bottom: 0px !important;
}
.uNavCompLogoClose{
transition: 1s;
width: 100%;
max-width: 325px;
position: relative;
float: left;
padding: 30px 0px 0px 0px;
background-color: #000000;
box-shadow: 3px -3px 5px #000000;
}
.uNavCompLogoClose img{
width: 166px;
margin-top: 27px;
float: right;
}
.uNavCompact .uNavCompModelUl{
transition: 1s;
width: 100%;
max-width: 325px;
position: relative;
float: left;
clear:left;
min-height: 100%;
padding: 0px 0px 20px 0px;
background-color: #000000;
box-shadow: 3px 0px 5px #000000;
}
.nav-item{
padding:10px;
text-align: left;
color: #ffffff;
font-size: 16px;
width: 100%;
}
.uNavCompModel{
text-indent: 50px;
cursor: pointer;
font-size: 14px;
padding: 5px 0px;
background-color: #1c1c1c;
color: #ffffff !important;
display:none;
}
#uNavPerfFlag{
display: inline-block;
width: 40px;
height: 25px;
position: absolute;
margin-left: 10px;
margin-top: -1px;
}
.uNavCompPerf{
text-indent: 50px;
cursor: pointer;
font-size: 14px;
padding: 5px 0px;
background-color: #1c1c1c;
color: #ffffff !important;
display:none;
}
.uNavCompPerf a{
Margin-left: unset !important;
}
.uNavCompModel .dashicons-arrow-right-alt2{
font-size: 14px;
position: relative;
float: right;
text-indent: 0px;
top: 2px;
}
.uNavCompPerf .dashicons-arrow-right-alt2{
font-size: 14px;
position: relative;
float: right;
text-indent: 0px;
top: 2px;
}
#uNavCompPerf1{
border-top: 1px solid #424242;
}
#uNavCompModel1{
border-top: 1px solid #424242;
}
#uNavCompPerf14{
border-bottom: 1px solid #424242;
}
#uNavCompModel16{
border-bottom: 1px solid #424242;
}
.uNavCompModel:hover{
background-color: #c60000;
text-decoration: underline;
}
.uNavCompPerf:hover{
background-color: #c60000;
text-decoration: underline;
}
.nav-item a{
margin-left: 50px;
}
.nav-item .uNavDropHead{
margin-left: 50px;
}
.nav-trigg-comp {
position: relative;
clip: rect(0, 0, 0, 0) !important;
display:none;
}
label[for="nav-trigger-comp"] {
position: absolute;
top: 55px;
left: 20px;
}
label[for="nav-trigger-comp"] {
/* ... previous styles here... */
width: 38px;
height: 27px;
cursor: pointer;
background-image: url("https://www.xcallibertransmission.com/wp-content/uploads/2020/05/uNavCompX-2.png");
background-size: cover;
}
.uNavCompHelp{
border-bottom: 1px solid #424242;
}
.uNavCompPerfPart{
cursor:pointer;
/* background-color: #1c1c1c; */
padding-top:30px;
}
.uNavCompPart{
cursor:pointer;
/* background-color: #1c1c1c; */
}
.uNavCompPerfTrans{
/* background-color: #1c1c1c; */
}
.uNavCompRebuilt{
/* background-color: #1c1c1c; */
padding-bottom:30px;
border-bottom: 1px solid #424242;
}
.uNavCompSurpParts{
padding-top:30px;
}
.uNavCompSurpTrans{

}
.uNavCompSpecials{

}
.uNavCompRecent{

}
.uNavCompCores{
padding-bottom:30px;
}
.uNavCompNum{
border-top: 1px solid #424242;
}
.uNavCompLang .country-selector{
border: none !important;
}
.uNavCompLogin a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompCart a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompPerfPart:hover{
/* border-top: 1px solid #c60000;
border-bottom: 1px solid #c60000; */
text-decoration: underline;
color: #ffffff !important;
background-color: #c60000;
}
.uNavCompPart:hover{
/* border-top: 1px solid #c60000;
border-bottom: 1px solid #c60000; */
text-decoration: underline;
color: #ffffff !important;
background-color: #c60000;
}
.uNavCompRebuilt a:hover{
/* border-top: 1px solid #c60000;
border-bottom: 1px solid #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompPerfTrans a:hover{
/* border-top: 1px solid #c60000;
border-bottom: 1px solid #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompSurpParts a:hover{
text-decoration: underline;
/* color: #19338f !important; */
color: #ffffff !important;
/* text-shadow: -1px 1px 2px #ffffff; */
/* font-weight: bold; */
}
.uNavCompSurpTrans a:hover{
text-decoration: underline;
/* color: #19338f !important; */
color: #ffffff !important;
/* text-shadow: -1px 1px 2px #ffffff; */
/* font-weight: bold; */
}
.uNavCompSpecials a:hover{
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompRecent a:hover{
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompCores a:hover{
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompNum a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompAbout a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompHelp a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompEmail a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}
.uNavCompNews a:hover{
/* background-color: #c60000; */
text-decoration: underline;
/* color: #c60000 !important; */
}

.uNavCompLogin:hover{
background-color: #c60000;
}
.uNavCompCart:hover{
background-color: #c60000;
}
.uNavCompRebuilt:hover{
background-color: #c60000;
}
.uNavCompPerfTrans:hover{
background-color: #c60000;
}
.uNavCompSurpParts:hover{
background-color: #19338f !important;
}
.uNavCompSurpTrans:hover{
background-color: #19338f !important;
}
.uNavCompSpecials:hover{
background-color: #c60000;
}
.uNavCompRecent:hover{
background-color: #c60000;
}
.uNavCompCores:hover{
background-color: #c60000;
}
.uNavCompNum:hover{
background-color: #c60000;
}
.uNavCompAbout:hover{
background-color: #c60000;
}
.uNavCompLang:hover{
background-color: #c60000;
text-decoration: underline;
color: #c60000 !important;
}
.uNavCompHelp:hover{
background-color: #c60000;
}
.uNavCompEmail:hover{
background-color: #c60000;
}
.uNavCompNews:hover{
background-color: #c60000;
}
.uNavCompModelCats{
transition: 1s;
width: 100%;
max-width: 325px;
position: absolute;
top:103px;
left:-325px;
float: left;
z-index:10000;
min-height: 100%;
padding: 0px;
background-color: #000000;
box-shadow: 3px 0px 5px #000000;
}
.uNavCompModelCatsLi{
text-indent: 25px !important;
cursor: pointer !important;
font-size: 14px !important;
background-color: #000000;
padding: 10px;
color: #ffffff !important;
border-bottom: 1px solid #424242;
}
.uNavCompModelCatsLi:hover{
background-color: #c60000;
text-decoration: underline;
}
.uNavCompModelCatBackWrap{
background-color: #000000;
padding: 10px;
color: #ffffff !important;
border-bottom: 1px solid #424242;
text-align:center;
}
.uNavCompModelCatBack{
display: inline-block !important;
position: relative !important;
cursor: pointer;
padding:5px;
top: -12px;
}
.uNavCompModelCatBack:hover{
color: #000000 !important;
background-color: #c60000;
}
.uNavCompModelCatTitle{
display: block !important;
font-size: 18px !important;
position: relative !important;
}
/*************************************static*************************************/
.page-id-1304 .uNavStatWrap{
display:none !Important;
}
.uNavStatWrap{
background-color: #000000;
width:100%;
position: fixed;
top: 0px;
height: 65px;
z-index: -1;
display:none;
}
.admin-bar .uNavStatWrap{
top: 32px;
}
.nav-trigg-stat {
position: relative;
float: right;
clip: rect(0, 0, 0, 0) !important;
margin-top: 55px;
display:none;
}
label[for="nav-trigger-stat"] {
position: absolute;
margin-top: -4px;
left: 25px;
top: 23px;
z-index: 2;
}
label[for="nav-trigger-stat"] {
/* ... previous styles here... */
width: 38px;
height: 27px;
cursor: pointer;
background-image: url("https://www.xcallibertransmission.com/wp-content/uploads/2017/06/HamburgerMenuRed_51x33.png");
background-size: cover;
}
.uNavLogoStat{
max-width: 175px;
display: inline-block;
left: 100px;
position: relative;
}
.uNavStatWords{
text-align: center;
position: absolute;
right: 0px;
top: 5px;
display: inline-block;
}
.uNavStatWords a{
margin-right: 26px;
color:#ffffff !important;
}
.uNavStatWords .dashicons-admin-users{
margin-right: 5px;
color:#ffffff !important;
}
.uNavStatWords .fa-shopping-cart{
margin-right: 5px;
color:#ffffff !important;
}
.uNavStatWords .dashicons-universal-access{
margin-right: 5px;
color:#ffffff !important;
}
.uNavStatWords .dashicons-phone{
margin-right: 5px;
color:#ffffff !important;
}
.uNavStatWords a:hover{
color: #C60000 !important;
}
.uNavStatSearch{
position: absolute;
color: #1c1c1c !important;
width: 258px;
right: 22px;
bottom: 18px;
max-height: 30px;	
}
.uNavStatSearch .ysm-search-widget-1 .search-field[type="search"]{
height: 30px;
border: none;
background-color: #ffffff !important;
color: #000000 !important;
}
.uNavStatSearch .ysm-search-widget .search-submit:before{
position: relative;
top: -5px;
}
.uNavStatVT{
display: inline-block;
position: absolute;
right: 300px;
bottom: 9px;
font-size: 18px;
}
.uNavStatVT a{
color: #ffffff !important;
}
.uNavStatVT a:hover{
color: #c60000 !important;
transition: .25s;
}
@media only screen and (max-width: 900px){
.uNavStatWrap{
display:none !important;
}
}
/***********************************mobile edits*********************************/
@media only screen and (max-width: 1000px){
.uNavLogo{
width: 200px;
bottom: -4px;
}
.uNavCallToAction{
margin-left:20px;
}
}
@media only screen and (max-width: 890px){
.uNavTop{
display:none !important;
}
.uNavNumber{
display: none;
}
.uNavSearch{
right: 20px;
}
.uNavWords a{
margin-right: 10px;
}
.uNavAboutUs{
display:none;
}
.uNavLogin{
display:none;
}
.uNavContact{
display:none;
}
.uNavHelp{
display:none;
}
.uNavCart{
display:none;
}
.uNavWords{
right:53px;
}
label[for="nav-trigger"]{
margin-top: -35px;
}
.uNavBottom{
top: unset;
}
.universalNavWrap{
height: 72px !important;
}
#page-container{
padding-top:71px !important;
}
}
@media only screen and (max-width: 620px){
.uNavLanguageCell{
display: none !important;
}
.uNavLogo{
bottom: 2px;
width: 30%;
}
.uNavWords{
right: 20px;
}
.uNavWords a:nth-child(1){
display: none;
}
.uNavSearch{
width: 40% !important;
}
.logged-in .uNavSearch{
width: 40% !important;
}
}
@media only screen and (max-width: 480px){
.uNavLogo{
display: none;
}
.uNavSearch{
width: 60%;
}
}
@media only screen and (max-width: 1280px){
.page-id-73421 .uNavCallToAction{
display:none;
}
.page-id-73421 .uNavTopRight{
position: relative;
text-align: center;
padding-bottom: 8px !important;
float: unset;
margin-right: unset;
}
.page-id-73424 .uNavCallToAction{
display:none;
}
.page-id-73424 .uNavTopRight{
position: relative;
text-align: center;
padding-bottom: 8px !important;
float: unset;
margin-right: unset;
}
}
/**********************************************************************************/
/*                          end navigation styles                                */
/********************************************************************************/

/***************styles for Allison Parts Page******************/
.ppModels{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );

margin-top: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
text-align: center;

}
#ppModel16 p{
color:#000000 !important;
}
#ppModel16{
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(50%, rgba(216,216,216,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(216,216,216,1) 50%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
text-shadow: 0px 0px 5px #ffffff;
}
#modelsColumn{
z-index: 1 !important;
}
#partCatColumn h3{
text-align: center !important;
}
.ppModelsTextWrap p{
color: #fff;
font-weight: bold;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
word-break: normal;
}

@media only screen and (max-width: 1050px){
.ppModelsTextWrap p{
word-break: break-all !important;
}
}
#clickHereForModels{
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
padding: 10px;
padding-bottom: 0px;
text-align: center;
cursor: pointer;
margin-bottom: -30px;
}
#clickHereForModels h3{
color: white !important;
}
.ppModelsTextWrap:hover{
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
}
#clickHereForModels:hover{
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */
}
#allisonPartSect{
padding-top: 50px !important;
}
@media only screen and (max-width: 980px){
.ppModelsTextWrap{
display:none;
margin-top: -5px !important;
border-top: 2px solid black;
padding-top: -10px !important;
}
}

/*************************renewed trans page*************************/
#core{
border-radius: 5px !important;
height: 30px;
border: 1px solid #1c1c1c;
}
#renewedWrap{
color: #D8D8D8 !important;
margin-left: 10%;
width: 80%;
}
.rnModalBoxes{
border: 1px solid black!important;
color: #1c1c1c!important;
font-style: italic!important;
width: 80%!important;
background-color: white !important;
height: 40px!important;
border-radius: 5px!important;
}
#renewedSubmit{
background-color: #D8D8D8 !important;
color: #424242 !important;
border: 1px solid black !important;
width: 200px !important;
display: inline-block;
}
#renewedSect1{
z-index: -1;
}
#renewedSect3{
padding-top: 0px !important;
padding-bottom: 50px !important;
}
#renewedSubmit:hover{
background-color: #c60000 !important;
color: #000000 !important;

}
@media only screen and (min-width: 980px){
#renewedSect1{
padding-top: 50px !important;
}
#renewedSect2{
padding-top: 50px !important;
}
#renewedSect3{
padding-bottom: 50px !important;
}
.rnModalBoxes{
	width:47%!important;
	display:inline-block!important;
	position:relative!important;
}		
#renSerial{
	float:right!important;
	top:-252px!important;
}
#serialDesc{
	position:relative!important;
	width:47%!important;
	float:right!important;
	top:-240px!important;
}
#renSerialImg{
	float:right!important;
	position:relative!important;
	top : -320px!important;
	margin-right:10%!important;	
}
#serialSup{
left: 52%;
top: -254px;			
} 
#restOfStuff{
	position:relative!important;
	top:-50px!important;
}
#renewedFormWrap{
	height:500px!important;
}
#renewedForm{
	height:500px!important;
	border-bottom-right-radius: 5px!important;
	border-bottom-left-radius: 5px!important;
}
}

@media only screen and (min-width: 670px) and (max-width: 980px){
#renSerialImg{
	width: 80%;
	position:relative!important;
	top : -10px!important;
	left: 16% !important;
}
}

@media only screen and (max-width: 980px){
#restOfStuff{
	position:relative!important;
	top:300px!important;
}
#renSerialImg{
	width: 80%;
	position:relative!important;
	top : -150px!important;

}
#renewedWrap{
width: 80% !important;
margin-left: 16% !important;
}
#renewedSect1{
padding-bottom: 0px !important;
}
#renewedSect2{
padding-top: 0px !important;
}
#renewedFormWrap{
padding-bottom: 0px;
}
}
@media only screen and (max-width: 480px){
#renSerialImg{
	top : -180px!important;
}
#restOfStuff{
	position:relative!important;
	top:250px!important;
	left: -8%!important;
}
}
/***************************no results search page**********************************/
#nrDidnt{
font-size: 24px;
color: #1c1c1c;
} 
#nrfields{
display: inline-block;
padding: 20px;
width: 100%;
} 
#nrWrap{
color: #D8D8D8 !important;
width: 80%;
background-color: #1c1c1c;
}

/****************************price match form*************************************/
#pmfields{
display: block;
padding: 20px;
width: 100%;
} 
#pmWrap{
color: #D8D8D8 !important;
width: 100%;
background-color: #1c1c1c;
}

/******************************glitch form**********************************/
#glfields{
display: block;
padding: 20px;
width: 100%;
} 
#glWrap{
color: #D8D8D8 !important;
width: 100%;
background-color: #1c1c1c;
}

/***************************performance transmission page*************************/
@media only screen and (min-width: 680px){
#perfModelWrap .post-7298{
width: 31% !important;
margin-left: 1.5% !important;
}
#perfModelWrap .post-7299{
width: 31% !important;
}
#perfModelWrap .post-7300{
width: 31% !important;
}
}
@media only screen and (min-width: 980px){
.woocommerce-shipping-fields{
position: relative!important;
}
.woocommerce-additional-fields{
position: relative!important;
}
}
@media only screen and (max-width: 679px){
#perfModelWrap .post-7298{
width: 47.5% !important;
}
#perfModelWrap .post-7299{
width: 47.5% !important;
}
#perfModelWrap .post-7300{
width: 47.5% !important;
}
}
/*parts page*/
@media only screen and (min-width: 1051px){
.addon-name{
font-size: 15px !important;
width: 50%;
display: inline-block;
font-weight: bold;
}
.addon-select{
display: inline-block;
height: 50px;
width: 100% !important;
}
.addon-wrap-7300-select-modelyear-1{display: inline-block; width: 100%;}
.addon-wrap-7300-drive-train-2{display: inline-block; width: 100%;}
.addon-wrap-7300-transmission-core-0{display: inline-block; width: 100%;}
.addon-wrap-7300-select-your-torque-converter-3{display: inline-block; width: 100%;}
}
@media only screen and (max-width: 1050px){
.addon-name{
font-size: 15px !important;
width: 50%;
font-weight: bold;
}
.addon-select{
height: 50px;
width: 100% !important;
}
}
#extraShippingOption{
display: none;
}

#freight_fields b {
color: #C60000;
}
#freight_fields{
background-color: #D8D8D8;
border-radius: 5px;
padding: 10px;

}
.woocommerce-checkout-review-order-table{
background-color: white;
}
.woocommerce-checkout-payment{
background-color: white !important;
}
.woocommerce-checkout-payment label{
font-weight: bold;
}
.payment_box{
background-color: #D8D8D8 !important;
}

.select2-selection--single{height: 50px !important;}
#shipping_country{height: 50px !important; border-radius: 4px;}
#shipping_state{height: 50px !important; border-radius: 4px;}
#select2-billing_country-container{height: 25px; margin-top: 12px;}	
#select2-billing_state-container{height: 25px; margin-top: 12px;}
#select2-shipping_country-container{height: 25px; margin-top: 12px;}	
#select2-shipping_state-container{height: 25px; margin-top: 12px;}		
/*********************woo products page***************************/
.count{
background-color: rgba(216,216,216,.5)!important;
color: black !important;
z-index: -1;
}
ul.products{
margin-top: -20px !important;
}
span.amount{
color: #fff;
margin-left: 5px !important;
}
.woocommerce-order-received span.amount{
color: #424242 !important;
}
.cart_item  span.amount{
color: #424242 !important;
font-weight:bold !important;
float: right !important;
text-indent: -22px !important;
}
/*.woocommerce table.shop_table span.amount{
color: #424242 !important;
}*/
.woocommerce-thankyou-order-details .total span.amount{
color: #c60000 !important;
}
#shipping_method span.amount{
color: #424242 !important;
}
.cart-subtotal span.amount{
color: #424242 !important;
}
.tax-rate span.amount{
color: #424242 !important;
}
.fee span.amount{
color: #424242 !important;
}
.woocommerce-cart-form span.amount{
color: #424242 !important;
}
.cart-collaterals .products{
margin-top: 40px !important;
}
h2.woocommerce-loop-category__title{
color: #000000 !important;
}
.products li:hover{
border: 1px solid #C60000 !important;
border-top: 1px solid #C60000 !important;
}
.woocommerce span.onsale, .woocommerce-page span.onsale{
background: #C60000 !important;
}
.woocommerce-products-header{
text-align: center !important;
padding-bottom: 20px !important;
}
.productsBanner img{
display:block;
width: 100%;
}
.productsBanner{
position: relative;
width: 100%;
z-index: 8;
background-color:#000000;
box-shadow: 0px 4px 6px #000000;
}
.quantity input.qty{
background-color: #d8d8d8 !important;
color: black !important;
height: 20px;
}
/* #sidebar{
background-color: rgba(66, 66, 66, 0.70);
} */
.woocommerce-ordering{
margin-top: 27px !important;
position:relative;
z-index:5;
margin-right: 10px !important;
}
.woocommerce-ordering select{
background-color: #ffffff !important;
color: #1c1c1c !important;
border-radius: 0px !important;
font-family: Monda;
}
.woocommerce-result-count{
margin-top: 30px !important;
color: #C60000 !important;
margin-left: 10px !important;
}
@media only screen and (min-width: 1300px){
.woocommerce-ordering{
margin-right: 50px !important;
}
.woocommerce-result-count{
margin-left:50px !important;
}
}
@media only screen and (max-width: 480px){
/* .woocommerce-ordering{
padding:10px;
text-align:center;
float: none !important;
margin-top: 0px !important;
margin-right:0px !important;
} */
.woocommerce-result-count{
margin: 0px !important;
float: none !important;
width: 100%;
text-align: center;
padding-bottom: 13px;
}
}
@media only screen and (min-width: 1921px){
#sidebar{
margin-top: 100px !important;
}
#left-area{
margin-top: 100px !important;
}
}

@media only screen and (max-width: 980px){
.productsBanner{
left: 0% !important;
width: 100% !important;
}
}
.woocommerce-loop-product__title{
color: #1c1c1c!important;
font-weight: bold;
}
.catImage{
width: 145%;
border-bottom: 1px solid #D8D8D8;
position: relative;
left: -85px;
top: -80px;
}
.catImage img{
width: 100%;
height: 100px;
}
.sidebarColor{
position:absolute;
top: 100px;
left:-6%;
width: 25%;
background-color: #000000;
height: 100%;
z-index: 0;
}
.woocommerce-ordering select{
border: 1px solid rgba(66, 66, 66, 0.70);
}

/**********************footer brands***********************/
#footerBrandsWrap{
padding-top: 44px;
padding-bottom: 100px;
background-color: #ffffff;
width: 100%;
position: relative;
}
#footerBrandsInner{
width: 100%;
padding: 68px 40px 65px 40px;
border-top: .5px solid #111111;
border-bottom: .5px solid #111111;
position: relative;
}
#footerBrandsTitleWrap{
width: 100%;
background-color: transparent;
position: absolute;
text-align: center;
left: 0px;
top: -30px;
}
#footerBrandsTitleWrap p{
background-color: #ffffff;
font-family: BITSUMIS;
font-size: 75px;
word-spacing: -3px;
letter-spacing: 3px;
display: inline-block;
padding: 20px 25px 20px 30px;
color: #ffffff;
-webkit-text-stroke-width: .5px;
-webkit-text-stroke-color: #111111;
}
#footerBrandsUl{
width: 100%;
font-size: 0px;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.footerBrandsLi{
width: 11.11%;
display: flex;
align-items: center;
justify-content: center;
margin: 0px;
padding: 0px 10px;
font-size: 0px;
line-height: 0px;
}
#footerBrandsLi1{
width: 163px;
}
#footerBrandsLi2{
width: 163px;
}
#footerBrandsLi3{
width: 163px;
}
#footerBrandsLi4{
width: 147px;
}
#footerBrandsLi5{
width: 130px;
}
#footerBrandsLi6{
width: 130px;
}
#footerBrandsLi7{
width: 142px;
}
#footerBrandsLi8{
width: 179px;
}
#footerBrandsLi9{
width: 155px;
}
@media only screen and (max-width: 1580px){
#footerBrandsInner{
padding: 68px 20px 65px 20px;	
}
}
@media only screen and (max-width: 1250px){
#footerBrandsWrap{
display: none;
}
}


/**********************footer styles***********************/
#main-footer{
width: 100%;
background-color: #252525 !important;
color: #ffffff;
position: relative;
}
#main-footer a{
color: #ffffff !important;
}
#main-footer a:hover{
text-decoration: underline; 
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
}
#main-footer-inner{
width: 100%;
/* max-width:1550px; */
position: relative;
display: flex;
vertical-align: top;
padding-bottom: 25px;
justify-content: space-between;
}
#footerFirstThird{
width: 33.33%;
display: flex;
flex: 1;
flex-direction: column;
align-items:start;
max-width: 475px;
}
#footerSecondThird{
width: 33.33%;
display: flex;
flex: 1;
flex-direction: column;
align-items:center;
padding-top: 60px;
max-width: 550px;
justify-content: space-between;
}
#footerThirdThird{
width: 33.33%;
display: flex;
flex: 1;
flex-direction: column;
align-items:end;
padding-top: 61px;
max-width: 475px;
}
#footerFivePercent{
width: 100%;
border: 1px solid #ffffff;
border-left: unset;
text-align: right;
margin-top: 48px;
margin-bottom: 66px;
padding-top: 30px;
padding-bottom: 30px;	
position: relative;
}
#footerFivePercent a{
position: absolute;
top: 0px;
bottom: 0px; 
left: 0px; 
right: 0px;	
}
#footerFivePercent:hover{
cursor: pointer;
border: 1px solid #eb1c24;
border-left: unset;
}
#footerFivePercent img{
max-width: 250px;
padding-right: 53px;
}
#footerFivePercent p{
padding-bottom: 0px !important;
}
#footerMailingList{
padding-left: 200px;
}
#footerMailingList form{
margin: 0px !important;
max-width: unset !important;
width: 100% !important;
}
#footerMailingList #mc_embed_signup{
background: unset !important;
}
#footerMailingList #mc_embed_signup .mc-field-group{
width: 100% !important;
margin-top: 0px !important;
margin-right: 0px !important;
border-bottom: 1.2px solid #ffffff;
padding-bottom: 2px !important;
display: block !important;
}
#footerMailingList #mc_embed_signup label{
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
line-height: 24px;
max-width: 230px;
display: inline-block;
color: #ffffff !important;
}
#footerMailingList .email{
margin-top: 17px !important;
width: 80% !important;
background-color: transparent;
border: unset;
font-family: OpenSans-Bold;
color: #757575;
text-indent: 0px !important;
font-size: 16px !important;
letter-spacing: 1px;
padding-bottom: 7px !important;
display: inline-block !important;
}
#footerMailingList .email:hover::placeholder{
color: #444444;	
transition: .25s;
}
#footerMailingList .email:focus{
color: #ffffff;	
}
#footerMailingList .button{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/10/Arrow-Icon.svg');
background-repeat: no-repeat;	
background-position: right;
background-size: 22px;
width: 20% !important;
background-color: unset !important;
border: unset !important;
margin-top: 0px !important;
margin-right: 0px !important;
right: 10px;
display: inline-block !important;
position: relative;
height: unset !important;
text-align: center !important;
vertical-align: middle !important;
margin-bottom: 0px !important;
padding: 0px !important;
}
#footerMailingList .button:hover{
cursor: pointer;
background-color: unset !important;
border: unset !important; 
}
#footerMailingList #mc_embed_signup .clear{
display: none !important;
}
#footerMailingList .mce_inline_error:not(.email){
display: none !important;
}
#footerMailingSucc{
width: 100% !Important;
background-color: #444444;
color: #ffffff;
font-family: OpenSans_SemiCondensed-Regular;
font-size: 15px;
padding: 4px;
text-align: center;
display: none;
}
#footerMailingFail{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/10/Error-Icon.svg');
background-repeat: no-repeat;	
background-position: center;	
display: none;
height: 25px;
width: 25px;
position: absolute;
left: 170px;
margin-top: -46px;
}
#footerLittleTerms{
padding-left: 200px;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 12px;
line-height: 21px;
color: #757575;
margin-top: 28px;
margin-bottom:1px;
}
#footerLittleTerms p{
white-space: nowrap;
}
#footerLittleTerms a{
cursor: pointer;
font-size: 12px;
line-height: 21px;
color: #757575 !important;
}
#footerLittleTerms a:hover{
text-decoration-thickness: .75px !important;
}
#footerLittleTermsMob{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 12px;
line-height: 21px;
color: #757575;
margin-top: 28px;
margin-bottom:1px;
display: none;
}
#footerLittleTermsMob a{
cursor: pointer;
font-size: 12px;
line-height: 21px;
color: #757575 !important;
}
#footerSecondThirdInner{
width: 100%;
display: flex;
flex-direction:row;
justify-content: space-around;
vertical-align: top;
}
#footerSecXcal{
display: inline-block;
}
#footerSecSupport{
display: inline-block;
}
.footerThirdHeads{
cursor: pointer;	
}
.footerThirdHeads:not(#footerThirdHead3):hover{
text-decoration: underline; 
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
}
@media only screen and (min-width: 1081px){
#footerSecXcal{
display: inline-block !important;
}
#footerSecSupport{
display: inline-block !important;
}	
}
#footerSecSupportLC{
border: 1px solid #ffffff;
text-align: center;
cursor: pointer;
margin-top: 30px;
width: 113px;	
font-family: OpenSans-Medium;
font-size: 18px;
}
#footerSecSupportLC:hover{
text-decoration: underline; 
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;	
}
#footerSecSupportLCMob{
border: 1.2px solid #ffffff;
text-align: center;
cursor: pointer;
margin-top: 46px;
margin-bottom: 52px;
padding: 12px 0px;
font-family: OpenSans-Medium;
font-size: 18px;	
width: 200px;
display: none;
}
#footerSecSupportLCMob:hover{
text-decoration: underline; 
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
}
.footerSecHeads{
font-family: BITSUMIS;
font-size: 25px;
letter-spacing: 3px;
margin-bottom: 15px;
}
#footerSecXcal a{
font-family: OpenSans-Medium;
font-size: 18px;
line-height: 40px;	
}
#footerSecSupport a{
font-family: OpenSans-Medium;
font-size: 18px;
line-height: 40px;	
}
#footerSecSocial{
display: inline-block;
position: relative;
margin-top: 40px;
min-width: 225px;
}
#footerSecSocialInner{
max-width: 300px;
position:relative;
display: flex;
margin: 0 auto;
justify-content: space-between;
align-items: center;
}
.footerSecSocialIcons{
display: inline-block;
width: 25px;
}
.footerSecSocialIcons img{
width: 100%;
}
#footerThirdThirdInner1{
position: relative; 
padding-left: 30px;
padding-top: 14px;
padding-bottom: 25px;
border-left: .25px solid #eeeeee;
padding-right: 200px;
width: 100%;
}
#footerThirdThirdInner2{
position: relative; 
padding-left: 30px;
width: 100%;
}
.footerThirdHeads{
line-height: 25px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
padding: 0px !important;
}
#footerThirdHead2{
margin-top: 25px;	
}
#footerThirdHead3{
margin-top: 10px;		
}
#footerThirdEST{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 23px;
}
.footerThirdDays{
font-family: OpenSans_SemiCondensed-Regular;
}
.footerThirdSubs{
padding-bottom: 0px;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 23px;
}
.footerThirdSubsComp{
line-height: 25px !important;
}
#footerSecMembers{
position: relative;
display: flex;
align-items: baseline;
margin-top:48px;
}
#footerSecMemImg1{
width: 80px;
margin-right: 20px;
}
#footerSecMemImg2{
width: 60px;
margin-right: 20px;
}
#footerSecMemImg3{
width: 50px;
}
#main-footer-bottom{
width: 100%;
border-top: 1px solid #000000;

}
#main-footer-bottom-inner{
width: 100%;
margin: 0 auto;
padding-left: 200px;
padding-right: 200px;
position: relative;
padding-top:28px;
padding-bottom: 61px;
}
#main-footer-bottom-inner p{
font-size: 12px;
line-height: 14px;
font-family: OpenSans_Condensed-Light;
color: #757575;	
}

#footerSecMembersMob{
position: relative;
display: flex;
align-items: baseline;
margin-top:48px;
display: none;
}
#footerSecMemImg1Mob{
width: 80px;
}
#footerSecMemImg2Mob{
width: 60px;
margin-right: 20px;
}
#footerSecMemImg3Mob{
width: 50px;
margin-right: 20px;
}
#footerSecXcalMobHead{
display: none;
padding: 18px 200px 18px 200px;
border-top: 1.2px solid #000000;
border-bottom: 1.2px solid #000000;
width: 100%;	
cursor: pointer;
}
#footerSecXcalMobHead p{
font-family: BITSUMIS;
font-size: 20px;
letter-spacing: 2px;
width: 100%;
color: #ffffff;
}
#footerSecSupportMobHead{
display: none;	
padding: 18px 200px 18px 200px;
width: 100%;	
cursor: pointer;
}
#footerSecSupportMobHead p{
font-family: BITSUMIS;
font-size: 20px;
letter-spacing: 2px;
width: 100%;
color: #ffffff;
}
#footerSecXcalMobHeadPlus{
content: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/10/Plus-Icon-White.svg');
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
top: 4px;
position: relative;	
float: right;
}
#footerSecSupportMobHeadPlus{
content: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/10/Plus-Icon-White.svg');
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
top: 4px;
position: relative;	
float: right;
}
.main-footer-bottom-inner-sup{
font-size: 6px;
position: relative;
top: -4px;
}
#footer-widgets{
padding: 0px !important;
}
.footer-widget{
margin-bottom: 0px !important;
}
#monarchwidget-2{
display: none !important;	
}
#footer-bottom{
display: none !important;	
}
#main-footer .container{
width: 100% !important; 
max-width: unset !important;
}
@media only screen and (max-width: 1466px){
#footerFirstThird{
max-width: 350px;
}
#footerMailingList{
padding-left: 80px;
}	
#footerMailingFail{
left: 50px;
}
#footerLittleTerms{
padding-left: 80px;
}
#footerThirdThird{
max-width: 350px;
}
#footerThirdThirdInner1{
padding-right: 80px;	
}
#footerThirdThirdInner2{
padding-right: 80px;
}
#main-footer-bottom-inner{
padding-left: 80px;
padding-right: 80px;
}
#footerSecondThirdInner{
justify-content: space-evenly;	
}
#footerSecXcal{
padding-left: 30px;
}
#footerSecSupport{
padding-right: 30px;
}
}
@media only screen and (max-width: 1280px){
#footerFirstThird{
max-width: 340px;
}
#footerMailingList{
padding-left: 70px;
}
#footerMailingFail{
left: 40px;
}	
#footerLittleTerms{
padding-left: 70px;
}
#footerThirdThird{
max-width: 340px;
}
#footerThirdThirdInner1{
padding-right: 70px;	
}
#footerThirdThirdInner2{
padding-right: 70px;
}
#main-footer-bottom-inner{
padding-left: 70px;
padding-right: 70px;
}
}
@media only screen and (max-width: 1180px){
#footerFirstThird{
max-width: 320px;
}
#footerMailingList{
padding-left: 50px;
}	
#footerMailingFail{
left: 20px;
}
#footerLittleTerms{
padding-left: 50px;
}
#footerThirdThird{
max-width: 320px;
}
#footerThirdThirdInner1{
padding-right: 50px;	
}
#footerThirdThirdInner2{
padding-right: 50px;
}
#main-footer-bottom-inner{
padding-left: 50px;
padding-right: 50px;
}	
}
@media only screen and (max-width: 1080px){
#main-footer-inner{
flex-flow: column;
}
#footerFirstThird{
max-width: unset;
width: 100%;
}
#footerSecondThird{
max-width: unset;
padding-top: 0px;
width: 100%;	
}
#footerThirdThird{
max-width: unset;
padding-top: 46px;
width: 100%;	
}
#footerFivePercent{
width: 65%;
margin-top: 67px;
}
#footerMailingList{
width: 100%;
padding: 0px 200px;
padding-bottom: 60px;
}
#footerMailingFail{
left: 170px;
}
#footerLittleTerms{
display: none;
}
#footerSecondThirdInner{
flex-direction: column;
align-items: center;
border-bottom: 1.2px solid #000000;
}
.footerSecHeads{
display: none;
}
#footerSecXcal{
width: 100%;
padding-left: 200px;
padding-top: 6px;
padding-bottom: 20px;	
display: none;
border-bottom: 1.2px solid #000000;
}
#footerSecXcal a{
line-height: 54px;
}
#footerSecSupport{
width: 100%;
padding-left: 200px;
padding-top: 6px;
padding-bottom: 20px;
display: none;	
}
#footerSecSupport a{
line-height: 54px;
}
#footerSecSupportLC{
display: none;	
}
#footerSecSupportLCMob{
display: block;
}
#footerSecXcalMobHead{
display: block;	
}
#footerSecSupportMobHead{
display: block;		
}
#footerSecSocial{
margin-top: 0px;
width: 100%;
}
#footerSecSocialInner{
max-width: unset;
width: 100%;
padding-left: 200px;
padding-right: 200px;
}
#footerThirdThird{
flex-direction: column;
align-items: start;
padding-left: 200px;
padding-right: 200px;	
}
#footerThirdThirdInner1{
width: unset;
padding-right: 0px;
width: 100%;
}
#footerThirdThirdInner2{
width: unset;
padding-right: 0px;
width: 100%;
}
#footerSecMembers{
display: none;
}
#footerLittleTermsMob{
display: block;	
}
#footerSecMembersMob{
display: flex;
}
#main-footer-bottom-inner{
padding-left: 200px;
padding-right: 200px;
}
}
@media only screen and (max-width: 745px){
#footerFivePercent{
width: 70%;	
}
#footerMailingList{
padding: 0px 80px;
padding-bottom: 60px;
}
#footerMailingFail{
left: 50px;
}
#footerSecXcalMobHead{
padding: 18px 80px 18px 80px;	
}
#footerSecXcal{
padding-left: 80px;	
}
#footerSecSupportMobHead{
padding: 18px 80px 18px 80px;	
}
#footerSecSupport{
padding-left: 80px;	
}
#footerSecSocialInner{
padding-left: 80px;
padding-right: 80px;	
}
#footerThirdThird{
padding-left: 80px;
padding-right: 80px;	
}
#main-footer-bottom-inner{
padding-left: 80px;
padding-right: 80px;	
}
}
@media only screen and (max-width: 555px){
#footerFivePercent{
width: 75%;	
}
#footerMailingList{
padding: 0px 40px;
padding-bottom: 60px;
}
#footerMailingFail{
left: 10px;
}
#footerMailingFail{
left: 10px;
}
#footerSecXcalMobHead{
padding: 18px 40px 18px 40px;	
}
#footerSecXcal{
padding-left: 40px;	
}
#footerSecSupportMobHead{
padding: 18px 40px 18px 40px;	
}
#footerSecSupport{
padding-left: 40px;	
}
#footerSecSocialInner{
padding-left: 40px;
padding-right: 40px;	
}
#footerThirdThird{
padding-left: 40px;
padding-right: 40px;	
}
#main-footer-bottom-inner{
padding-left: 40px;
padding-right: 40px;	
}	
}
@media only screen and (max-width: 555px){
#footerFivePercent{
width: 80%;	
}	
}
@media only screen and (max-width: 420px){
#footerFivePercent{
width: 85%;	
}	
}
@media only screen and (max-width: 365px){
#footerFivePercent{
width: 90%;	
}	
}
@media only screen and (max-width: 335px){
#footerSecMemImg1Mob{
width: 70px;
}
#footerSecMemImg2Mob{
width: 50px;
margin-right: 10px;
}
#footerSecMemImg3Mob{
width: 40px;
margin-right: 10px;
}
}
@media only screen and (max-width: 325px){
#footerFivePercent img{
width: 200px;
}
}
@media only screen and (max-width: 280px){
#footerFivePercent{
width: 100%;	
}		
}
/******************end footer styles*************************/

.products li{
border: 2px solid #d8d8d8;
padding: 5px !important;
min-height: 240px !important;
width: 23% !important;
clear: none !important;
float:unset !important;
display: inline-block !important;
margin: .8% !important;
}
.search-results .products li{
border: 2px solid #d8d8d8;
padding: 5px !important;
min-height: 240px !important;
width: 18% !important;
clear: none !important;
float:unset !important;
display: inline-block !important;
margin: .8% !important;
}
.search-results .products li .dashicons-search{
display: none !important;
}
.page-id-35275 .products li{
float:left !important;
}
/**make upsells smaller**/
.single-product .upsells .products li{
width:225px !important;
margin: 10px !important;
}
.single-product .upsells .products .woocommerce-loop-product__title{
text-align:center;
}
.single-product .upsells .products .prodShortDesc{
text-align:center;
}
.wc-prl-location-after_tabs .products{
margin-top:10px !important;
}
.wc-prl-location-after_tabs .products li{
width:18% !important;
margin: .8% !important;
}
.wc-prl-location-after_tabs .products .woocommerce-loop-product__title{
text-align:center;
}
.wc-prl-location-after_tabs .products .prodShortDesc{
text-align:center;
}
.single-product .wc-prl-location-after_tabs{
display:none;
}
.single-product .wc-prl-location-after_tabs:nth-of-type(1){
display:block !important;
}
/* 
.up-sells .products li{
border: 1px solid #ffffff;
padding: 5px 2.5px !important;
min-height: 240px !important;
width: 18% !important;
clear: none !important;
float:unset !important;
display: inline-block !important;
margin: .8% !important;
} */
.search-results .products li .woocommerce-loop-product__title{
text-align:center;
}
.search-results .products li .prodShortDesc{
text-align:center;
}
.search-results .products li .price{
text-align:center;
}

@media only screen and (min-width: 980px){
#text-16 img{
width: 60%;
margin-left: 20%;
}
#sidebar{
position: relative;
z-index: 5;
}
.et_pb_widget_area_left{
padding-right:0px !important;
}
.et_left_sidebar #sidebar{
padding-right:0px !important;
}
.et_pb_gutters2{
margin: auto 0px auto 0px !important;
}
#post-389 .et_pb_gutters2{
margin: 0px 0px 0px 1.5% !important;
}
#post-387 .et_pb_gutters2{
margin: 0px 0px 0px 1.5% !important;
}
#sidebar .et_pb_widget:not(#woocommerce_product_categories-3){
width: 95% !important;
margin-left: 2.5% !important;
}
.et_pb_sidebar_0 .et_pb_widget:not(#woocommerce_product_categories-3){
width: 95% !important;
margin-left: 2.5% !important;
}
}
/*@media only screen and (min-width: 1475px){ 
.woocommerce ul.products li.product { 
width: 18% !important; 
margin: 1% !important; 
clear: none !important; 
} 
.woocommerce ul.products li.product:nth-child(5n+1) { 
clear: both !important; 
} 
}
@media only screen and (max-width: 1474px) and (min-width: 980px){ 
.woocommerce ul.products li.product { 
width: 23% !important; 
margin: 1% !important; 
clear: none !important; 
} 
.woocommerce ul.products li.product:nth-child(4n+1) { 
clear: both !important; 
} 
} */
@media only screen and (max-width: 980px){ 
.sidebarColor{
display: none;
}
#woocommerce_product_categories-3{
width: 100%;
padding: 5px;
margin-top: 50px;
}
#woocommerce_product_categories-3 li{
width: 100%;
}
#text-16 img{
width: 40%;
margin-left: 30%;
}
}
#woocommerce_product_categories-3 .widgettitle{
border-bottom: 1px solid #D8D8D8 !important;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
padding: 10px 0px 10px 0px;
text-align: center;
margin-bottom: 0px !important;
}
#woocommerce_product_categories-3 li{
border-bottom: 1px solid #D8D8D8;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
padding: 0px 10px 0px 10px;
font-weight: bold;
margin-bottom: 0px !important;
}
#woocommerce_product_categories-3 ul.children .cat-item-3835{
display:none!important;
}
#woocommerce_product_categories-3 ul.children #perfSideLink{
background: #ffffff !important;
}
#woocommerce_product_categories-3 ul.children #perfSideLink:hover{
background: #000000 !important;
}
#woocommerce_product_categories-3 ul.children #perfSideLink:hover ~ a{
color: #ffffff !important;
}
#woocommerce_product_categories-3 ul.children #perfSideLink a{
color: #c60000 !important;
font-weight: bold;
}
#woocommerce_product_categories-3 ul.children li{
width: 100% !important;
margin:0!important;
padding:0!important;
text-indent: 20px!important;
/* display:inline-block!important; */
font-weight: normal !important;
border-bottom: none;
background: rgba(0,0,0,1);/* Old Browsers */
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(3%, rgba(65,0,0,1)), color-stop(49%, rgba(198,0,0,1)), color-stop(98%, rgba(54,0,0,1)), color-stop(100%, rgba(0,0,0,1)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%); /* IE 10+ */
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(65,0,0,1) 3%, rgba(198,0,0,1) 49%, rgba(54,0,0,1) 98%, rgba(0,0,0,1) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );/* IE6-9 */

}
#woocommerce_product_categories-3 a{
color: #D8D8D8;
font-size: 80%;
}
#woocommerce_product_categories-3 ul.children li:hover{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff !important;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)))!important;
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 )!important;
}

#text-18 .wpcsp_product_carousel_slider{
padding-top: 28%;
padding-bottom: 28%;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2018/07/redbg01.png');
background-size: 115% 110%;
background-position: center;
}
#text-18 .wpcsp_product_carousel_slider .woocommerce-Price-amount amount{
color: #d8d8d8 !important;
}
#text-18 .another_carousel_header{
display:none !important;
}

@media only screen and (max-width: 980px) and (min-width: 480px){
.woocommerce ul.products li.product { 
width: 50% !important; 
}
#text-18 .wpcsp_product_carousel_slider{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2017/09/Surplus_Showcase_BG-1.jpg') !important;
padding-top: 10% !important;
padding-bottom: 10% !important;
}
}

@media (max-width: 767px){
.woocommerce-page ul.products li.product:nth-child(n) {
margin: .6% !important;
width: 48%!important;
}
}
@media only screen and ( max-width: 480px ){

.woocommerce-result-count{
margin-top: 0px !important;
width: 50% !important;
margin-left: 25% !important;
}
.woocommerce-ordering{
margin-top: 0px !important;
width: 50% !important;
margin-right: 25% !important;
}
}
@media (max-width: 479px){
.et_pb_row_fullwidth.custom-fullwidth-row {
width: 100% !important;
max-width: 100% !important;
margin: 0;
}
.custom-fullwidth-row .woocommerce {
padding: 0 5px 0 5px !important;
}
}
/************************move single product sidebar****************************/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
z-index: 1 !important;
}
.product-addon-totals .amount{
color: #C60000 !important;
}
.single-product #main-content .container:before { 
display: none !important;

}
.single-product #left-area { 

float: right;  

}
/**************************customise checkout page****************************/
#show-shipping{
cursor: pointer;
position: relative;
}
#show-shipping p{
color: #c60000 !important;
}
#destination_liftgate_field{
color: #000000 !important;
}
#destination_inside_field{
color: #000000 !important;
}
#checkSmallDetails{
width: 100%;
display: inline-block;
float: left;
margin-bottom: 20px;
text-align: center;
}
#checkSmallBill{
width: 48%;
display: inline-block;
margin-left: 1%;
padding:10px;
background-color: #eeeeee;
border-radius: 5px;
float:left;
text-align: left;
}
#checkSmallShip{
width: 48%;
display: inline-block;
margin-right:1%;
padding:10px;
background-color: #eeeeee;
border-radius: 5px;
float:right;
text-align: left;
}
#checkSmallBill p{
text-align: left;
padding: 0px !important;
}
#cs-bill-title{
font-weight:bold;
text-align: center;
}
#checkSmallShip p{
text-align: left;
padding: 0px !important;
}
#cs-ship-title{
font-weight:bold;
text-align: center;
}
#cs-bill-change{
color: #c60000;
font-size:12px;
cursor: pointer;
float:right;
}
#cs-ship-change{
color: #c60000;
font-size:12px;
cursor: pointer;
float:right;
}
.mult-line-cs{
display: inline-block !important;
width: unset !important;
clear: none !important;
text-align: left;
}
#order_review_col_1{
display: inline-block;
width:60%;
float: left;
}
.page-id-6 .ppcp-messages{
width: 40%;
display: inline-block;
float: right;	
}
#order_review_col_2{
display: inline-block;
width:40%;
float: right;
}
#checkoutExtraWrap{
width: 100%;
display: inline-block;
padding: 0px 20px;
}
#checkoutExtraWrap .woocommerce-form-coupon-toggle{
display: inline-block;
width:100%;
border: 1px solid #eeeeee;
border-radius: 4px;
}
#checkoutExtraWrap .woocommerce-form-coupon-toggle .woocommerce-info{
background-color: unset !important;
color: #424242 !important;
margin-bottom: 0px !important;
font-family: 'Monda', sans-serif !important;
font-style: normal !important;
font-size: 16px !important;
padding: 10px !important;
}
#checkoutExtraWrap .woocommerce-form-coupon-toggle .woocommerce-info a{
color: #424242 !important;
font-family: 'Monda', sans-serif !important;
font-style: normal !important;
}
#checkoutExtraWrap .woocommerce-form-coupon{
margin: 0;
width: 100%;
border: unset;
padding: 10px;
}
#checkoutExtraWrap .woocommerce-form-coupon p{
text-align: center;
}
#checkoutExtraWrap .woocommerce-form-coupon p:nth-of-type(2){
width: 49% !important;
padding: 0px;
display: inline-block;
margin: 0px !important;
float:left !important;
}
#checkoutExtraWrap .woocommerce-form-coupon p:nth-of-type(2) input{
width: 100% !important;
height: 40px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #bbb;
padding: 2px;
color: #4e4e4e;
opacity: 1;
}
#checkoutExtraWrap .woocommerce-form-coupon p:nth-of-type(3){
width: 49% !important;
padding: 0px;
display: inline-block;
margin: 0px !important;
float:right !important;
}
#checkoutExtraWrap .woocommerce-form-coupon p:nth-of-type(3) button{
width: 100% !important;
float: right !important;
padding:0px;
height: 40px !important;
color: #ffffff;
border: 1px solid #424242;
border-radius: 4px;
background-color: #424242;
cursor: pointer;
}
#stockOp_field{
display: inline-block;
width: 100% !important;
padding: 10px;
position: static;
float: left;
border-radius: 4px;
border: 1px solid #c60000;
margin-bottom: 20px;
}
#stockOp_field label{
font-family: 'Monda', sans-serif !important;
font-style: normal !important;
font-size: 16px;
font-weight: 400;
color: #555;
}
#stockOp_field select{
height: 40px !important;
border-radius: 4px;
}
#stockOp-description{
display: block !important;
background: unset;
color: #000000;
padding: 0px;
margin-top: 10px;
text-align: center;
}
#stockOp-description:before{
border-color: #c60000 transparent transparent transparent;
display: none;
}
#order_review .woocommerce-checkout-payment .place-order{
text-align: center;
}
#order_review .woocommerce-checkout-payment .place-order{
text-align: center;
}
#order_review .woocommerce-checkout-payment .place-order #place_order{
color: #ffffff;
font-size: 18px;
padding: 20px 60px;
float: unset;
display: inline-block;
}
.woocommerce-info a{
text-decoration: underline !important;
}
#fedExMethods{
width: 49%;
display: inline-block;
float: right;
list-style: none;
background-color: #eeeeee;
padding: 5px 10px !important;
}
#fedExMethods label[for="shipping_method_0_fedex19fedex_ground"] span.amount{
color: #424242 !important;
}
#fedExMethods label[for="shipping_method_0_fedex18fedex_freight_economy"] span.amount{
color: #424242 !important;
}
#fedExMethods label[for="shipping_method_0_fedex18fedex_freight_priority"] span.amount{
color: #424242 !important;
}
#fedExMethods label[for="shipping_method_0_fedex20international_economy"] span.amount{
color: #424242 !important;
}
#fedExMethods label[for="shipping_method_0_fedex20fedex_international_priority"] span.amount{
color: #424242 !important;
}
#checkShipMsg{
width: 49%;
display: inline-block;
float: right;
list-style: none;
padding: 5px 10px !important;
font-size: 12px;
font-weight: normal !important;
}
#shipping_method{
width: 49%;
display: inline-block;
float:left;
background-color: #eeeeee;
padding: 5px 10px !important;
margin-bottom: 20px !important;
}
#otherShipMethods{
width: 49%;
display: inline-block;
float: left;
list-style: none;
clear: both;
background-color: #eeeeee;
padding: 5px 10px !important;
}
#cartWeight{			
font-size: 12px;
font-weight: normal;
display: inline-block;
position: absolute;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background-color: rgba(0,0,0,0.7);
color: white;
padding-left: 15px;		
padding-right: 15px;
left: 0px;
top: 0px;	
}
.wc-authorize-net-cim-credit-card-new-payment-method-form .form-row{
width:100% !important;
}
#wc-authorize-net-cim-credit-card-expiry_field{
width:50% !important;
}
#wc-authorize-net-cim-credit-card-csc_field{
width:50% !important;
}
.woocommerce-shipping-totals th{
display: none;
}
.woocommerce-checkout-review-order-table .cart_item .product-name{
width: 30%;
}
form.checkout{
width: 100% !important;
}
#customer_details{
background-color: #ffffff;
border-radius: 5px;
}
.checkout .col-1{
display:none;
border-radius: 5px;
border: 1px solid #d8d8d8;
padding: 10px; 
background-color: #fff;
margin: 0 auto;
position: fixed;
right: 0;
top: 162px;
overflow-y: scroll;
left: 0;
margin-right: auto;
margin-left: auto;
min-height: 10em;
width: 70% !important;
z-index: 99999;
bottom: 20px;
}
.checkout .col-1 .form-row{
width: 48% !important;
display: inline-block;
float: left;
height: 110px;
clear: none !important;
padding: 10px;
margin: 10px;
border: 1px solid #eeeeee;
}	
.checkout .col-1 .form-row label{
/* display: none !important; */
}	
.checkout .col-1 h3{
display: none;
} 
.checkout .col-2{
display:none;
border-radius: 5px;
border: 1px solid #d8d8d8;
padding: 10px; 
background-color: #fff;
margin: 0 auto;
position: fixed;
right: 0;
top: 162px;
overflow-y: scroll;
left: 0;
margin-right: auto;
margin-left: auto;
min-height: 10em;
width: 70% !important;
z-index: 99999;
bottom: 20px;
}
.checkout .col-2 h3{
text-align: center;
color: #D8D8D8;
}
.checkout .col-2 .form-row{
width: 48% !important;
display: inline-block;
float: left;
height: 110px;
clear: none !important;
padding: 10px;
margin: 10px;
border: 1px solid #eeeeee;
}	
.checkout .col-1 .form-row label{
/* display: none !important; */
}
.checkout #ship-to-different-address span{
color: #424242;
}
.woocommerce-Price-amount .amount{
color: #424242 !important;
}
#customLTL{
height: 30px;
border-radius: 5px;
}
#defeoLTLNotes{
border-radius: 5px !important;
word-break: break-all;
}
#otherLTLNotes{
border-radius: 5px !important;
word-break: break-all;
}
.forkliftFields{
background-color: white;
margin-bottom: 20px;
padding: 20px;
border-radius: 5px;
margin-left: 2.5%;
margin-right: 2.5%;
}
.forkliftFields2{
background-color: white;
margin-bottom: 20px;
padding: 20px;
border-radius: 5px;
margin-left: 2.5%;
margin-right: 2.5%;
}
.ceckoutNotesMeta{
word-break: break-all;
}
#order_review{
/* background-color: rgba(0,0,0,0.7); */
padding: 20px;
border-radius: 5px;

}
#order_review_heading{
display: none !important;
}
/* .woocommerce-order{ */
/* background-color: #D8D8D8; */
/* padding: 20px; */
/* border-radius: 5px; */
/* } */
.woocommerce-table--order-details{
background-color: white;
}
.woocommerce-table--customer-details{
background-color: white;
}
.woocommerce-customer-details h2{
padding-top: 30px;
}
.woocommerce-message{
border-radius: 5px;
}
#ms_addresses{
height: 30px;
border-radius: 5px !important; 
}
#post-6 .entry-title{
display:none !Important;
}

#smallBill{
position: relative;
float: left;
width: 50%;
display: inline-block;
}
#smallShip{
position: relative;
float: right;
width: 50%;
display: inline-block;
}
#smallBillAcceptWrap{
width: 100%;
display: inline-block;
padding:20px;
text-align: center;
}
#smallBillAccept{
padding: 10px 60px;
background-color: #1c1c1c;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 18px;
border: 1px solid #1c1c1c;
}
#smallBillAccept:hover{
border:1px solid #000000;
background-color: #c60000;
}
#smallShipAcceptWrap{
width: 100%;
text-align: center;
display: inline-block;
padding:20px;
}
#smallShipAccept{
padding: 10px 60px;
background-color: #1c1c1c;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-size: 18px;
border: 1px solid #1c1c1c;
}
#smallShipAccept:hover{
border:1px solid #000000;
background-color: #c60000;
}
#smallDetailsBG{
background-color: rgba(0, 0, 0, .7);
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 88888;
display: none;
}

#order_review{
background-color: #ffffff;
padding: unset;
border-radius: 5px;
width:100%;
}
#order_review .woocommerce-checkout-review-order-table{
width:100%;
display: table;
}
#order_review .woocommerce-checkout-payment{
width: 100%;
display: inline-block;
padding: 0px 20px;
}
#order_review .woocommerce-checkout-payment ul{
border: 1px solid rgba(0,0,0,.1);
border-radius: 5px;
}
.js-sv-wc-payment-gateway-credit-card-form-account-number{
background-image: unset !important;
}
#order_review #customer_details{
display:none;
}
#customer_details{
padding-bottom: 20px;
}
#customer_details{
padding:0px;
}
#order_review{
margin-bottom: 40px;
}
.place-order .woocommerce-terms-and-conditions-wrapper{
margin-bottom: 20px;
}
@media only screen and ( max-width: 1505px){
.checkout .col-1 .form-row{
margin: 2px;
}	
.checkout .col-2 .form-row{
margin: 2px;
}
}
@media only screen and ( max-width: 1269px){
/* #checkSmallBill{ */
/* width: 90%; */
/* margin-bottom:20px; */
/* } */
/* #checkSmallShip{ */
/* width: 90%; */
/* } */
#shipping_method{
width: 100%;
}
#fedExMethods{
width: 100%;
float:left;
padding: 0px;
margin-bottom: 20px;
}
#checkShipMsg{
width: 100%;
float:left;
padding: 0px;
margin-bottom: 20px;
}
#otherShipMethods{
width: 100%;
}
}
@media only screen and ( max-width: 1175px){
.checkout .woocommerce-form-coupon p{
width:100% !important;
margin: 5px 0px !important;
}
}
@media only screen and ( max-width: 980px ){
.checkout .col-1 .form-row{
margin: 5px 0px;
width: 100% !important;
}	
.checkout .col-2 .form-row{
margin: 5px 0px;
width: 100% !important;
}	
}
@media only screen and ( max-width: 980px ){
.checkout #checkSmallDetails{
width: 100% !important;
}
/* #checkSmallBill{ */
/* width: 40%; */
/* margin-bottom: 0px; */
/* } */
/* #checkSmallShip{ */
/* width: 40%; */
/* } */
.checkout .woocommerce-form-coupon-toggle{
width: 100% !important;
}
.checkout .woocommerce-form-coupon{
width: 100% !important;
}
.checkout #payment{
width: 100% !important;
}
.checkout .woocommerce-checkout-review-order-table{
width: 100% !important;
}
#shipping_method{
width: 49%;
}
#fedExMethods{
width: 49%;
float:right;
padding: 0px;
margin-bottom: 0px;
}
#checkShipMsg{
width: 49%;
float:right;
padding: 0px;
margin-bottom: 0px;
}
#otherShipMethods{
width: 49%;
}
#order_review_col_1{
width: 100%;
}
#order_review_col_2{
width: 100%;
}
}
@media only screen and ( max-width: 740px ){
#checkSmallBill{
width: 100%;
margin: 0px 0px 20px 0px !important;
}
#checkSmallShip{
width: 100%;
margin: 0px !important;
}

#shipping_method{
width: 100%;
}
#fedExMethods{
width: 100%;
float:left;
padding: 0px;
margin-bottom: 20px;
}
#checkShipMsg{
width: 100%;
float:left;
padding: 0px;
margin-bottom: 20px;
}
#otherShipMethods{
width: 100%;
}
.checkout .col-1{
width:90% !important;
margin-left:5% !important;
}
.checkout .col-2{
width:90% !important;
margin-left:5% !important;
}
}
@media only screen and ( max-width: 420px ){
	
	
}
/**************************customise company register page****************************/
 /* fixes link color on my-account errors*/
.page-id-7 .woocommerce-error a{
color: #000000 !important;
text-decoration: underline;
}
/* fix admin stuff */
.wp-admin .users #name{
width: 200px;
}
.wp-admin .users #alg_wc_ev{
width: 50px;
}
.page-id-387 .et_pb_section{
/* background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2022/01/registration-bg-v2-scaled.jpg'); */
background-repeat: no-repeat;
background-size': cover;
}
.registration-form{
max-width: 500px;
margin:0 auto;
margin-bottom: 60px;
color: #424242;
background-color: #ffffff !important;
padding: 20px;
border-radius: 4px;
box-shadow: -3px 3px 30px #42424296;
margin-top: 20px;
}
.registration-form h2{
font-family: 'Monda' !important;
width:100%;
text-align:center;
color: #000000;
padding-bottom: 0px;
}
.page-id-387 .register{
display:none;
}
.page-id-387 .woocommerce-privacy-policy-text{
display:none !important;
}
.page-id-387 .mailchimp-newsletter{
display:none !important;
}
#custom-account-registration{
padding: 0px;
border: unset;
margin-bottom:0px;
}
#custom-account-registration label{
display: none;
}
#custom-account-registration .input-text{
background-color: #ffffff;
padding: 10px 5px !important;
border-radius:4px;
border: 1px solid #bbbbbb;
font-size:14px !important;
width:100%;
}
#custom-account-registration #billing_is_comp{
padding: 5px !important;
background-color: #ffffff;
padding: 10px 5px !important;
border-radius:4px !important;
border: 1px solid #bbbbbb;
font-size:14px;
width:100%;
}
#custom-account-registration #billing_heardFrom{
padding: 5px !important;
background-color: #ffffff;
padding: 10px 5px !important;
border-radius:4px !important;
border: 1px solid #bbbbbb;
font-size:14px;
width:100%;
}
#custom-account-registration #billing_salesman{
padding: 5px !important;
background-color: #ffffff;
padding: 10px 5px !important;
border-radius:4px !important;
border: 1px solid #bbbbbb;
font-size:14px;
width:100%;
}
#custom-account-registration .form-row{
text-align: center;
}
#custom-account-registration .woocommerce-simple-registration-login-link{
display:none;
}
#custom-account-registration .woocommerce-Button{
color: #ffffff !important;
background-color: #c60000 !important;
font-size:16px !important;
border-radius: 4px !important;
padding:10px 30px !important;
width: 100%;
max-width: 300px;
}
#custom-account-registration .woocommerce-Button:hover{
background-color: #a70000 !important;
}
/***************************add addresses styles************************************/
.btn-import-billing{
display: none !important;
}
.btn-import-shipping{
display: none !important;
}
.wcms-address-form{
display: none;
}


/*********************************performance parts page*******************************/
#perfPartsSidebar{
position: absolute;
z-index: 0;
height: 2600px;
width: 115%;
background-color: rgba(198,0,0,0.7);
top: -70px;
left: -15%;
}

/*******************************performance transmission page*****************************/
#perfTransSidebar{
position: relative;
z-index: 5 !important;
}

#perfTransSidebarColor{
/* position: fixed!important;
z-index: 0 !important;
height: 100%!important;
width: 22%!important;
background-color: rgba(198,0,0,0.7)!important;
top: 0px!important; */
display:none;
}
/* .page-id-467 #main-footer{
z-index:1 !important;
} */
@media only screen and ( max-width: 980px ){
#perfTransSidebarColor{
display: none !important;
}
}
li.post-7298 span.amount{
color: #c60000 !important;
}
li.post-7299 span.amount{
color: #c60000  !important;
}
li.post-7300 span.amount{
color: #c60000  !important;
}
li.post-75366 span.amount{
color: #c60000 !important;
}
#perfTransSect{
background-color:#ffffff !Important;
}
/******************************advanced search***********************************/
.asForms{
background-color: #424242;
color: #D8D8D8;
padding: 50px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 100%;
}
.asModalBoxes{
border: 1px solid black !important;
color: #1c1c1c;
font-style: italic;
width: 80%;
background-color: white !important;
height: 40px;
border-radius: 5px;
margin-left: 10% !important;
padding-left: 10px;
}
#advancedBtn{
margin-left: 10%;
color: #424242;
background-color: #D8D8D8;
border: 1px solid black;
padding: 10px 20px 10px 20px;
border-radius: 5px;
cursor: pointer;
}
#advancedBtn:hover{
background-color: #C60000;
color: black;
}
#advSearchSidebar{
width: 75%;
} 

/**********************************search results***********************************/
.resultDisplay{	
width: 80%;
margin: 0 auto;
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding: 20px;
background-color: #f5f5f5;
margin-bottom: 20px;
min-height: 250px !important;
}
.resultImg{
width:15%;
margin-top:-15px;
position: relative;
float: left;
margin-right: 5%;
display: block;
clear: bottom;
}			
.searchResDesc{
width:80%;
position: relative;
float: left;
}
.searchResDesc h2{
color: #c60000 !important;
}
#searchHeader{
display: none !important;
}
.search-results #main-content .container:before{
display:none !important;
}
.search-results .pagination{
clear: both;
padding: 20px;
width: 80%;
margin: 0 auto;
}
.search-results .resultDisplay p{
width:80%;
}
@media only screen and ( max-width: 980px ){
.resultImg{
width: 50% !important;
float: none !important;
margin-left: 25% !important;
clear: right !important;
padding-bottom: 10px;
}
.searchResDesc{
clear: left !important;
width: 100% !important;
}
}

/********************************style recent products*******************************/
#recentSidebarColor{
/* position: fixed;
top: 0px;
width: 22%;
background-color: #000000;
height: 100%;
z-index: 0; */
display: none;
}
#recentSect{
padding-top: 50px;
background-color: #ffffff;
}
#recentTitle{
text-align: center;
}
#recentSect span.amount{
color: #c60000 !important;
}
@media only screen and ( mix-width: 1000px ){
#recentSect .products li{
width: 23% !important;
}
}
@media only screen and ( max-width: 999px ){
#recentSect .products li{
width: 31% !important;
}
}
@media only screen and ( max-width: 680px ){
#recentSect .products li{
width: 47.5% !important;
}
}
/*******************************style static pages*********************************/
/**why defeo**/
.staticWrap1{
background-color: #f5f5f5;
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding: 20px;
margin-top: 20px;
}
.staticWrap1 h3{
color: #C60000;
}
.staticWrap2{
background-color: #f5f5f5;
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding: 20px;
margin-top: 20px;
}
.staticWrap2 h3{
color: #C60000;
}
.subOffer{
color: #c60000;
}
.subOffer p{
color: #424242;
}

/**Profile and mission**/
#profileWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom:20px;
}
#missionWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
}
#missionInner{
width:95%;
margin-left: 2.5%;
background-color: #f5f5f5;
padding: 20px;
}
#missionInner h3{
color: #c60000;
}

/**Distributors**/
#distribIntroWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom:20px;
}
#distribIntro{
color: #c60000;
}
#distribWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom:20px;
background-color: #f5f5f5;
}
#representWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
background-color: #f5f5f5;
}

/**News & events**/
.semaCon1{
float: left; 
position: relative; 
width: 50%; 
margin-top: 20px;
}
.semaCon2{
float: right; 
position: relative; 
width: 50%; 
margin-top: 20px;
}
@media only screen and ( max-width: 600px ){
.semaCon1{
width: 80% !important;
float: none;
margin-left: 10%;
}
.semaCon2{
width: 100% !important;
float: none;
}
} 

/**selling to defeo**/
#sellingIntro{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
background-color: #f5f5f5;
margin-bottom: 20px;
}
#sellingCoresWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
#sellingCoresWrap li{
color: #c60000;
}
#sellingCoresWrap li p{
color: #424242;
}
.sellingSub{
color: #424242 !Important;
}
#coresInner{
background-color: #f5f5f5;
padding:20px;
}
#sellingPartWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
}
#sellingPartWrap li{
color: #c60000;
}
#sellingPartWrap li p{
color: #424242;
}
#sellingPartInner{
background-color: #f5f5f5;
padding:20px;
}

/**career opportunities**/
#careerTop{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
#careerTop li{
color: #c60000;
}
#careerTop li p{ 
color: #424242;
}
#careerBottom{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
}
#careerBottom li{
color: #c60000;
}
#careerBottom li p{
color: #424242;
}
#careerBotInner{
background-color: #f5f5f5;
padding:20px;
}

/**FAQ**/
.faqWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
background-color: #f5f5f5;
}
.faqWrap h5{
color:#c60000 !important;
}

/**privacy policy**/
#privacyIntro{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
.privacySegWrap{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
background-color: #f5f5f5;
}
.privacySegWrap h3{
color: #c60000;
}

/**return policy**/
#returnIntro{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
.returnSection{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
.returnSection h3{
color: #c60000;
}
.returnInner{
padding:20px;
background-color: #f5f5f5;
}

/**terms and conditions**/
.termsSection{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
background-color: #f5f5f5;
}

/** transmission warranty **/
.tansWarrSection{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
background-color: #f5f5f5;
}

/**warranty**/
#warrantyIntro{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
.warrantySection{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
background-color: #f5f5f5;
}
.warrantySection h3{
color: #c60000;
}

/**contact us**/
.contactUsSection{
background-color: #f5f5f5;
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
}
.contactUsSection h5{
color: #c60000;
}
#contactSocial img{
width:20px !important;
height: 20px !important;
margin-right: 5px;
margin-top: -5px;
}
#liveContact img{
width:20px !important;
height: 20px !important;
margin-right: 5px;
}

/**Shipping Info**/
#shippingIntro{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
}
.shippingInfoSection{
border-top: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
padding:20px;
margin-bottom: 20px;
background-color: #f5f5f5;
}
.shippingInfoSection h5{
color: #c60000;
}
.shippingInfoSection li{
color: #c60000;
}
.shippingInfoSection li p{
color: #424242;
}

/************************programmable product tooltip*************************/
/* Tooltip container */
.progTip{
    position: relative;
    display: inline-block;
    border:1px solid #424242;
	background-color: #424242;
	color: #D8D8D8;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	border-radius: 4px;
}

/* Tooltip text */
.progTip .progTipText {
    visibility: hidden;
    width: 220px;
    background-color: #D8D8D8;
    color: #000 !important;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.progTip:hover .progTipText {
    visibility: visible;
}

/**********************lightbox styles**********************/
.lightboxWrap{
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
right: 0;
bottom: 0;
z-index:99 !important;
background-color: rgba(0, 0, 0, .75);
text-align: center;
}
.shopMfg{
color: black;
font-size: 20px;
position: absolute;
top: 5px;
right: 5px;
background-color: white;
border-radius: 5px;
cursor: pointer;
}
.shopMfg:hover{
background-color: #c60000;
}
.prodLightbox{
max-width: 600px;
width: 60%;
margin: 0 auto;
position: relative;
margin-top:150px !important;
z-index: 100;
}
.lbClose:before {
content: 'X';
color: #000;
font-size: 30px;
padding: 0px 10px 0px 10px;
}
.lbClose:hover {
background-color: #c60000;
}
.lbClose {
position: absolute;
right:40px;
top: 160px;
z-index: 15;
cursor: pointer;
background-color: #fff;
border-radius: 5px;
border-color: #d8d8d8;
}
.prodLightbox img{
position: relative;
z-index: 10;
}

@media only screen and ( max-width: 960px ){
.shopMfg{
display: none!important;
}
}

/*************************cart changes*********************************/
.woocommerce-cart-form{
background-color: #fff;

}
.woocommerce-table--order-details  .wc-item-meta{
display: none;
}
.cart_totals table{
background-color: unset;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-bottom: none;
}
.cart_totals h2{
color: #000000;
background-color: #ffffff;
font-size: 20px; 
margin-bottom: 0px !important;
}
.cart_totals{
width: 100% !important;
background-color: rgba(0,0,0,.1);
}
#cart-top-wrap{
width: 75%;
float: left;
padding-right: 10px;
display: inline-block;
margin-bottom: 20px;
}
/* hide checkbox */
.create-account{
display: none !important;
}
/*style sidebar carousel span*/
#sideCarNotice{
background-color: #424242;
width: 100%;
}
#sideCarNotice{
text-align: center;
color: #fff;
font-size: 14px;
padding: 10px;
}
div.caption{
background-color: #424242;
}

/*****carousel******/
/*style sidebar carousel span*/
#sideCarNotice{
background-color: #424242;
width: 100%;
}
#sideCarNotice{
text-align: center;
color: #fff;
font-size: 14px;
padding: 10px;
}
div.caption{
background-color: #424242;
}

.prodGalleryWrap{
padding:3px;
background-color: white;
}

#homeSema{
border: 1px solid black;
background-color:#ffffff;
}
#homeSema p{
color: #000000;
padding: 5px 20px;
}
#homeSema img{
position:relative;
/* padding:20px;
width: 40%; */
}
#homeSemaTable{
position: relative;
float:right;
padding: 20px;
margin-right: 20px;
margin-top: 20px;
width:50%;
}
#homeSemaTable td{
border-bottom: 1px solid black;
padding: 10px;
}
.mlab-modal-title{
font-size: 25px;
text-align: center;
color: white;
}
.mlab-modal-header{
background-color: black;
color: white;
border-color: #c60000 !important;
}
.mlab-modal-body{
background-color: #424242;
color: white;
padding: 0px !important;
}
.mlab_donotshow{
margin-top: -10px;
}
.mlab-modal-footer{
background-color: black;
margin-top: 0px !important;
color: white;
border-color: #c60000 !important;
}

h4.widgettitle{
text-align: center !important;
}
.flex-control-thumbs li{
padding: 5px !important;
background-color: #ffffff;
}
.flex-control-thumbs li:hover{
background-color: #c60000 !important;
}
.flex-control-thumbs li img{
opacity: 1.0 !important;
}
.woocommerce-Tabs-panel{
margin-top: 0px !important;
}
.up-sells .quantity{
display:none !important;
}
.up-sells button{
display:none !important;
}
.up-sells .add_to_cart_button{
display:none !important;
}

/************extra cart styles************/
.cart-subtotal td{
border-top: 1px solid #ebe9eb !important;
}
.cart-subtotal td .amount{
float: right !important;
text-indent: -22px !important;
}
.tax-rate td .amount{
float: right !important;
text-indent: -22px !important;
}
.order-total td .amount{
float: right !important;
text-indent: -22px !important;
}

h2.woocommerce-loop-category__title{
text-align:center;
}
li.product-category{
min-height: 216px;
}

.cart-empty{
padding: 10px !important;
background-color: #c60000;
color: white;
}

.page-numbers{
background-color: black !important;
}
.page-numbers li{
border: 1px solid #c60000 !important;
}
.page-numbers li a{
color: #ffffff !important;
}
.cart-collaterals{
width: 25%!important;
display: inline-block;
padding-left: 10px;
}
.cart-collaterals .cross-sells {
width: 100% !important;
}
.cart-collaterals .cart_totals {
width: 100% !important;
margin-top: 35px !important;
}
.cart-collaterals .cross-sells h2{
color: #c60000 !important;
font-weight: bold;
font-size: 20px;
}
.cart-collaterals .cross-sells ul{
margin-top: 0px !important;
/* height: 325px !important; */
}
@media only screen and ( max-width: 1475px ){
.cart-collaterals .cross-sells ul{
overflow-y: scroll !important;
}
}
/************************paypal page***************************/
#paypalCompleteWrap{
width: 80%;
margin-left: 10%;
}
#paypalCompleteHead{
background-color: #003087;
padding: 20px;
border: 2px solid #012169;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#paypalCompleteHead h1{
color: white !important;
text-align: center !important;
}
#paypalCompleteBody{
padding: 75px 20px 75px 50px;
border: 2px solid #012169;
}
#paypalCompleteFoot{
padding: 20px;
background-color: #012169;
border: 2px solid #012169;
text-align:center;
}
#paypalCompleteFoot button{
background-color: #009cde;
color: #ffffff !important;
padding: 10px;
width:35%!important;
border-radius: 5px;
border: 2px solid #009cde;
font-weight: bold;
cursor: pointer;
}
#paypalCompleteFoot button:hover{
background-color: #ffffff;
color: #003087 !important;
border: 2px solid white;
}
@media only screen and ( max-width: 560px ){
#paypalCompleteFoot button{
clear: right !important;
width:100% !important;
margin-bottom: 10px !important;
}
#paypalCompleteBody{
padding: 50px 10px 50px 10px;
}
}
@media only screen and ( max-width: 980px ){
#recentSidebarColor{
display:none !important;
}
}

/* @media only screen and ( min-width: 960px ){
#text-15{
margin-top: 60px !important;
}
} */


/**********************cart continue shopping********************/
#contNav{
display:inline-block;
width:100%;
}
#contUL{
display:inline-block;
width:100%;
padding: 0px !important;
}
#contShop { 
position: relative; 
width:100%;
background-color: #424242;
display:inline-block;
padding: 5px;
color: #ffffff;
font-size: 18px;
border: 1px solid #424242;
list-style: none;
text-align: center;
cursor: pointer;
}

#contShopDrop { 
visibility: hidden; /* hides sub-menu */
opacity: 0;
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform: translateY(-2em);
z-index: -1;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
font-size: 14px;
list-style:none;
text-align:left;
color:#424242;
background-color:#D8D8D8;
padding: 0px !important;
}
#contShop:hover{
background-color: #c60000;
color: #D8D8D8;
border: 1px solid black;
}
#contShop:hover #contShopDrop {
visibility: visible; /* shows sub-menu */
opacity: 1;
z-index: 10;
transform: translateY(1%);
transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
#contShopDrop li{
background: #c60000;
color: #D8D8D8;
width: 150%;
padding: 10px;
border: 1px solid #000000;
}
#contShopDrop li:hover{
background: #424242;
color: #D8D8D8;
border: 1px solid #D8D8D8;
}

@media only screen and ( max-width: 645px ){
#contNav{
width: 100% !important;
margin: 0px !important;
}
a.checkout-button{
width: 100% !important;
}
#contShopDrop li{
width: 100% !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table td{
height: 30px !important;
}
}
.thwmscf-tab-panels {
    padding: 20px !important;
    border-radius: 5px;
}
.thwmscf-buttons{
margin-top:10px !important;
}
.thwmscf-buttons #action-prev{
    padding: 10px;
    background-color: #424242;
    color: #d8d8d8;
    border: 1px solid #424242;
    border-radius: 4px;
}
.thwmscf-buttons #action-next{
    padding: 10px;
    background-color: #424242;
    color: #d8d8d8;
    border: 1px solid #424242;
    border-radius: 4px;
}
.thwmscf-buttons #action-prev:disabled{
display:none !important;
}
.thwmscf-buttons #action-next:disabled{
display:none !important;
}
.thwmscf-buttons #action-prev:hover{
    background-color: #c60000;
    color: #ffffff;
    border: 1px solid #000000;
}
.thwmscf-buttons #action-next:hover{
    background-color: #c60000;
    color: #ffffff;
    border: 1px solid #000000;
}

#modelsColumn{
margin-right: 1.5% !important;
margin-left: 1.5% !important;
}
/*****************cart style updated*********************/
.page-id-5 .ceckoutStockMeta{
display:none !important;
}
.page-id-5 .woocommerce-cart-form__contents th{
background-color: #ffffff;
color: #424242;
}
.page-id-5 table.shop_table{
margin-bottom: 20px !important;
border: none !important;
}
/* .page-id-5 .coupon{ */
/* display: none !important; */
/* } */
.page-id-5 .cross-sells {
width: 100% !important;
padding: 10px;
border: 1px solid rgba(0,0,0,.1);
margin-top:20px;
background-color: #d8d8d8;
}
.cart-collaterals .cross-sells h2{
color: #000000 !important;
font-size: 20px;
}
.page-id-5 .cross-sells h2{
color: #1c1c1c;
text-align:center;
}
.page-id-5 .wc-proceed-to-checkout{
padding: 5px 10px;
border-top: 1px solid #ffffff;
border: 1px solid #d8d8d8;
}
.page-id-5 ul.products{
background-color: unset !important; 
padding: 0px !important;
border-radius: unset !important; 
margin-top : 0px !important; 
}
.page-id-5 ul.products .loopCartForm{
height: unset !important;
width: unset !important;
float: unset !important;
width: 100%;
}
.page-id-5 ul.products .loopCartForm .quantity{
display: none !important;
}
.page-id-5 ul.products .loopCartForm .productsButton{
width: unset !important;
margin-top: 0px !important;
margin-left: 0px !important;
color: #ffffff !important;
border-radius: 0px !important;
}
.page-id-5 ul.products .add_to_cart_button{
color: #ffffff !important;
border-radius: 0px !important;
margin-top: 0px !important;
}
.page-id-5 ul.products .productsStockButton{
display: none;
}
.page-id-5 ul.products li.product{
width: 14% !important;
min-height: 100px !important;
background-color: #ffffff !important;
padding: 0px 0px 10px 0px !important;
border-right: 1px solid #eeeeee !important;
border-left: 1px solid #eeeeee !important;
border-bottom: 1px solid #eeeeee !important;
border-top: 1px solid rgba(0,0,0,.1);
}
.page-id-5 ul.products li.product:hover{
border: 1px solid #c60000;
}
.page-id-5 #oilCartProd ul.products li.product:hover{
border-top: unset !important;
border-bottom: unset !important;
}
.page-id-5 ul.products li .shopMfg{
display:none !important;
}
.page-id-5 ul.products li.product .et_shop_image{
display: inline-block;
width: 100%;
float: left;
position: relative;
}
.page-id-5 #oilCartProd ul.products li.product .et_shop_image{
width: 100% !important;
}
.page-id-5 ul.products li.product .prodShortDesc{
display: inline-block;
width: 100%;
color: #000 !important;
margin: 0 !important;
text-align: center;
}
.page-id-5 #oilCartProd ul.products li.product .prodShortDesc{
width: 100% !important;
color: #000000 !important;
}
.page-id-5 ul.products li.product .woocommerce-loop-product__title{
display: inline-block;
width: 100%;
font-weight: bold !important;
margin: 0 !important;
text-align: center;
}
.page-id-5 #oilCartProd  ul.products li.product .woocommerce-loop-product__title{
width: 100% !important;
background-color: unset !important;
}
.page-id-5 ul.products li.product .price{
display: inline-block;
width: 100%;
color: #c60000 !important; 
margin: 0 !important;
text-align:center;
}
.page-id-5 #oilCartProd  ul.products li.product .price{
width: 100% !important;
}
#cartSwagCar{
display: inline-block;
width: 100%;
margin-top: 20px;
background-color: #d8d8d8;
}
#cartSwagCar .owl-item .item{
background-color: #ffffff !important; 
padding:0px !important;
margin: 0px 8px !important;
}
.page-id-5 .wpcsp_product_carousel_slider .another_carousel_header{
position: relative;
height: unset;
display: inline-block;
width: 100%;
text-align: center;
margin-top: -10px;
}
.page-id-5 .wpcsp_product_carousel_slider .another_carousel_header .fa-angle-left{
left: -15px !important;
top: 150px !important;
}
.page-id-5 .wpcsp_product_carousel_slider .another_carousel_header .fa-angle-right{
right: -15px !important;
top: 150px !important;
}
.page-id-5 .wpcsp_product_carousel_slider .product_thumb_link{
border: 1px solid #eeeeee !important;
}
.page-id-5 .wpcsp_product_carousel_slider .title{
font-weight: 400 !important;
font-family: 'Monda' !important;
margin-bottom: 0px !important;
}
.page-id-5 .wpcsp_product_carousel_slider div.caption{
background-color: unset !important;
}
.page-id-5 .wpcsp_product_carousel_slider div.caption span.amount{
color: #c60000 !important;
}
.page-id-5 .product-remove{ display:none !important; }
.page-id-5 th.product-name{ background-color: #ffffff; color: #424242; }
.page-id-5 .product-name a{ font-weight: bold; color: #424242; }
.page-id-5 .product-price span{ font-weight: bold; color: #424242; }
.page-id-5 .product-subtotal span{ font-weight: bold; color: #424242; }
.page-id-5 a.remove{ border-radius: 0px; width: 100%; font-size: 1em; text-align: center; }			
.page-id-5 .cart_item td.product-name span.amount{ text-indent: 0px !important; float:none !important; }
.page-id-5 a.checkout-button{ padding: 5px !important; width: 100% !important; font-size: 18px !important; color: #ffffff !important; display: inline-block !important; border-radius: unset !important; margin-bottom: 10px !important; }
.page-id-5 .owl-item .cart{ padding-bottom: 10px !important; }
.page-id-5 .owl-item a.button{ border-radius: 0px !important; }
@media only screen and ( min-width: 770px ){
.page-id-5 .product-name{ width: 40%; }
.page-id-5 .product-thumbnail{ width: 10% !important; }
.page-id-5 th.product-thumbnail{ width: 10% !important; background-color: #ffffff; color: #424242; }
.page-id-5 .product-thumbnail img{ width: 100% !important; }
.page-id-5 th.product-name{ background-color: #ffffff; color: #424242; }
.page-id-5 th.product-price{ text-align: center; }
.page-id-5 th.product-subtotal{ text-align: center; }
.page-id-5 th.product-quantity{ text-align:center !important; background-color: #ffffff; color: #424242; }
.page-id-5 .product-quantity .quantity{ text-align:center !important; margin: auto !important; }
.removeWrap{ text-align: center; width: 100%; padding: 20px 5px 5px 5px; }
}

@media only screen and ( max-width: 769px ){
.page-id-5 .product-price{padding-top: 15px!important; padding-bottom: 35px!important;}
.page-id-5 .product-subtotal{padding-top: 15px!important; padding-bottom: 35px!important;}
.page-id-5 .product-quantity{padding-bottom: 20px!important; padding-top: 10px!important;}
.removeWrap{ text-align: right !important; width: 100%; padding: 5px 0px 5px 5px; }
.removeWrap a{ text-align: right !important; }
.page-id-5 .actions a.button{ text-align: center !important; }
.page-id-5 .cart-subtotal{padding-top: 15px!important; padding-bottom: 35px!important;}
.page-id-5 .order-total{padding-bottom: 35px!important;}
.page-id-5 .order-total td::before{color: #ffffff !important;}
}

@media only screen and ( max-width: 1180px ){
#cart-top-wrap{
width: 100% !important;
}
.cart-collaterals{
width: 100% !important;
}
.page-id-5 ul.products li.product{
width: 31% !important;
background-color: rgba(0,0,0,.1);
}
.page-id-5 ul.products li.product .et_shop_image{
width: 100%;
float: none;
}
.page-id-5 ul.products li.product .prodShortDesc{
width: 100%;
float: none;
}
.page-id-5 ul.products li.product .woocommerce-loop-product__title{
width: 100%;
float: none;
}
.page-id-5 ul.products li.product .price{
width: 100%;
float: none;
}
}
@media (min-width: 768px) and (max-width: 980px){
.page-id-5 .cross-sells ul.products li.product{ 
margin: 1% !important;
width: 31%!important;
}
}
@media (max-width: 767px){
.page-id-5 .cross-sells ul.products li.product{
margin: 0 .3% 2% 0!important;
width: 32.5%!important;
}
}
@media (max-width: 575px){
.page-id-5 .cross-sells ul.products li.product{
width: 48%!important;
margin: 0 1% 2% 0!important;
}
}
/** end cart stuff **/

/** fix random reg pic **/
#random-pic-right img{
position: relative;
top: 50%;
width: 100px;
height:auto;
}
#random-pic-left{
position: relative;
left: 50%;
top: 50%;
width: 100px;
height:auto;
}

/* product loop styles (stock)*/
.loopCartForm{
height: 35px; 
width: 69.5%; 
display: inline-block; 
position: relative; 
clear: none; 
float: left;
}
body:not(.logged-in) .loopCartForm{
width: 100%; 
}
.prodShortDescFull{
position: absolute;
z-index: 10;
background-color: #1c1c1c;
color: #ffffff;
padding: 5px;
width: 100%;
font-size: 10px;
text-align: center;
top: 0px;
left: 0px;
display: none;
}
.page-template-image-shop-md .prodShortDescFull{
position: absolute;
z-index: 10;
background-color: #1c1c1c;
color: #ffffff;
padding: 5px;
width: 100%;
font-size: 16px;
text-align: center;
top: 0px;
left: 0px;
display: none;
}
.page-template-image-shop-hd .prodShortDescFull{
position: absolute;
z-index: 10;
background-color: #1c1c1c;
color: #ffffff;
padding: 5px;
width: 100%;
font-size: 16px;
text-align: center;
top: 0px;
left: 0px;
display: none;
}
.page-template-image-shop-2000 .prodShortDescFull{
position: absolute;
z-index: 10;
background-color: #1c1c1c;
color: #ffffff;
padding: 5px;
width: 100%;
font-size: 16px;
text-align: center;
top: 0px;
left: 0px;
display: none;
}
.prodShortDesc:hover{
color: #ffffff !important;
background-color: #c60000 !important;
}
.prodShortDesc:hover + .prodShortDescFull{
display: block;
}
.page-template-image-shop-md  .prodShortDesc:hover{
color: #1c1c1c !important;
background-color: #ffffff !important;
}
.page-template-image-shop-hd  .prodShortDesc:hover{
color: #1c1c1c !important;
background-color: #ffffff !important;
}
.page-template-image-shop-2000  .prodShortDesc:hover{
color: #1c1c1c !important;
background-color: #ffffff !important;
}
.page-template-image-shop-md  .product:hover .prodShortDescFull{
display: block;
}
.page-template-image-shop-hd  .product:hover .prodShortDescFull{
display: block;
}
.page-template-image-shop-2000  .product:hover .prodShortDescFull{
display: block;
}
.woocommerce ul.products li.product .productsStockButton{
color: #ffffff !important; 
cursor: pointer; 
line-height:30px; 
height: 32.6px;
width: 30%; 
border-radius: 0px; 
text-align: center; 
margin-top: 2px !important; 
background-color: #424242; 
font-family: Monda;
position:relative;
right:0px;
}
			
.loopStockQty{
width: 100%;
position: relative;
clear: none;
}
.prodStockWrap{
display:none;
padding:10px;
background-color: #d8d8d8;
border: 1px solid #000000;
position: absolute;
z-index: 7;
width: 90%;
top: -250px;
margin-left: 5%;
}
.prodStockHoverTxt{
background-color: white;
position: absolute;
right: 0px;
bottom: 40px !important;
padding: 10px;
border: 1px solid #000000;
box-shadow: -2px 3px 5px #d8d8d8;
display:none;
}
@media only screen and ( max-width: 500px ){
.prodStockWrap{
position: fixed!important;
top: 40%!important;
left: 0% !important;
}
.stockHelpTip{
position: fixed!important;
top: 40%!important;
left: 0% !important;
width: 80%!important;
margin-left: 5%!important;
height: 179px!important;
border-left: 1px solid #000000;
}
}
@media only screen and ( min-width: 980px ) and ( max-width: 1180px ){
.loopCartForm{
width: 100%; 
}
.woocommerce ul.products li.product .productsStockButton{
width: 100%; 
}
}
@media only screen and ( max-width: 600px ){
.loopCartForm{
width: 100%; 
}
.woocommerce ul.products li.product .productsStockButton{
width: 100%; 
}
}

.prodStockWrap .productsStockButton:hover{
background-color: #000000 !important;
}
.prodStockWrap .stockAmtLf{
margin: 0px 0px 10px 10px;
width: 50%;
}
.prodStockWrap .stockUp{
width: 15%;
}
.prodStockWrap .stockDown{
width: 15%;
margin-left: 10%;
}
.stockHelpTip{
display:none;
padding: 10px;
color:#ffffff;
border-right: 1px solid #000000;
text-align:center;
position: absolute;
z-index: 8;
width: 80%;
height: 100%;
top: 0%;
left: 0%;
text-shadow: 0px 0px 8px #000000;
background: rgba(0,0,0,0.95);/* Old Browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(166,0,0,0.95) 33%, rgba(198,0,0,0.95) 49%, rgba(198,0,0,0.95) 56%, rgba(166,0,0,0.95) 71%, rgba(0,0,0,0.95) 100%); /* FF3.6+ */
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.95)), color-stop(33%, rgba(166,0,0,0.95)), color-stop(49%, rgba(198,0,0,0.95)), color-stop(56%, rgba(198,0,0,0.95)), color-stop(71%, rgba(166,0,0,0.95)), color-stop(100%, rgba(0,0,0,0.95)));/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(166,0,0,0.95) 33%, rgba(198,0,0,0.95) 49%, rgba(198,0,0,0.95) 56%, rgba(166,0,0,0.95) 71%, rgba(0,0,0,0.95) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(166,0,0,0.95) 33%, rgba(198,0,0,0.95) 49%, rgba(198,0,0,0.95) 56%, rgba(166,0,0,0.95) 71%, rgba(0,0,0,0.95) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.95) 0%, rgba(166,0,0,0.95) 33%, rgba(198,0,0,0.95) 49%, rgba(198,0,0,0.95) 56%, rgba(166,0,0,0.95) 71%, rgba(0,0,0,0.95) 100%); /* IE 10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(166,0,0,0.95) 33%, rgba(198,0,0,0.95) 49%, rgba(198,0,0,0.95) 56%, rgba(166,0,0,0.95) 71%, rgba(0,0,0,0.95) 100%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );/* IE6-9 */
}
.stockSpin{
background: url('https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif') no-repeat;
background-size: 100%;
width: 16px;
height: 16px;
position: relative;
margin-left: 46%;
top: 5px;
}
#metaslider_235{
box-shadow: none !important;
}

/******************single grouped***********************/
.single-product .sku_wrapper{
display: none !important;
}
.single-product .product_cat-core-product-cat .posted_in{
display: none !important;
}
.single-product .product-type-grouped .product_meta{
border-top: none !important;
}
.single-product .product-type-grouped .quantity input.qty{
height: 49px !important;
} 
body:not(.logged-in) .single-product .product-type-grouped .quantity input.qty{
height: 100% !important;
} 
.single-product .product-type-grouped form.cart{
border: 1px solid #000000 !important; 
padding: 3% !important;
background-color: #1c1c1c;
color: #ffffff;
box-shadow: -5px 3px 6px #1c1c1c;
} 
body:not(.logged-in).single-product .product-type-grouped form.cart{
border: 1px solid #d8d8d8 !important; 
padding: 3% !important;
background-color: #ffffff;
color: #000000;
box-shadow: unset !important;
}

/** non-grouped **/
.single-product form.cart{
border: 1px solid #d8d8d8 !important; 
padding: 3% !important;
}  
.single-product .product-type-grouped .product-addon-core-charge-option .addon-description{
width: 100% !important; 
display: inline-block !important;
} 
.single-product .product-type-grouped table.group_table{
padding: 10px !important;
margin-bottom: 20px !important;
width: 100% !important;
background-color: #424242 !important;
width: 106% !important;
margin-left: -3% !important;
}   
.single-product .product-type-grouped table.group_table td.woocommerce-grouped-product-list-item__label{
padding-left: 30px !important;
}  
.single-product .product-type-grouped table.group_table td.woocommerce-grouped-product-list-item__price span{
color: #ffffff !important;
font-weight: bold !important;
}
.single-product .product-type-grouped table.group_table td div.quantity{
width: 100% !important;
height: 100% !important;
border-radius: 0px !important;
}  
.single-product .product-type-grouped table.group_table td div.quantity input.qty{
height: 100% !important;
width: 100% !important;
font-size: 25px !important;
border-radius: 0px !important; 
} 
.single-product .product-type-grouped .single_add_to_cart_button{
background-color: #c60000!important;
color: #ffffff!important;
border: 1px solid #000000!important;
}
body:not(.logged-in).single-product .product-type-grouped .single_add_to_cart_button{
background-color: #424242 !important;
color: #d8d8d8 !important;
border: unset !important;
}
.single-product .product-type-grouped .single_add_to_cart_button:hover{
background-color: #424242 !important;
color: #ffffff!important;
border: 1px solid #ffffff!important;
}
.single-product .woocommerce-grouped-product-list-item__price p.stock{
display:none !important;
}
/** non-grouped **/
.single-product div.quantity{
width: 45% !important;
height: 75px !important;
border-radius: 0px !important;
}  
.single-product:not(.surplus-single) div.quantity input.qty{
height: 100% !important;
width: 100% !important;
font-size: 25px !important;
border-radius: 0px !important; 
} 
.single-product .product-type-grouped .entry-summary .single_add_to_cart_button{
float: right !important;
width: 45% !important;
height: 75px !important;
margin-top: 20px !important;
font-size: 22px !important;
border-radius: 0px !important;
} 
body:not(.logged-in) .single-product .product-type-grouped .entry-summary .single_add_to_cart_button{
margin-top: 0px !important;
}
/** non-grouped **/
.single-product .entry-summary .single_add_to_cart_button{
float: right !important;
width: 45% !important;
height: 75px !important;
font-size: 22px !important;
border-radius: 0px !important;
}

/** request a quote img fix **/
body.page-id-7796 .product-thumbnail{
width: 25% !important;
}
body.page-id-7796 .product-subtotal{
width: 0px !important;
display:none !important;
}


/* fb */
#ffwd_standart_thumbnails_0{
background: rgba(0,0,0,1)!important;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)))!important;
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 )!important;
padding-top: 5px;
padding-bottom: 23px;
box-shadow: 0px 0px 10px #000000;
}
.social_instagram_square:before {
content: "";
}
.social_facebook_square:before {
content: "";
}

.eytg_main_container{
background: rgba(0,0,0,1)!important;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)))!important;
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 )!important;
box-shadow: 0px 0px 10px #000000;
padding: 31px 10px 31px 10px;
/* padding: 45px 10px 45px 10px; */
}

#ffwd_standart_thumbnails_0{width: 100% !important;}

.easy_youtube_gallery .eytg-item .eytg-thumbnail{
box-shadow: -3px 5px 6px #000000;
}
.easy_youtube_gallery.col-2 .eytg-item{
padding: 5px;
}

.smallPerfGal{
text-align: center;
background: rgba(0,0,0,1)!important;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)))!important;
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 )!important;
padding-top: 5px;
padding-bottom: 12px;
box-shadow: 0px 0px 10px #000000;
}
.performance-small-gal{
width: 107px;
height: 107px;
cursor: pointer;
box-shadow: -3px 5px 6px #000000;
border: 1px solid #000000;
display: inline-block;
position: relative;
background-color: #1c1c1c;
overflow: hidden;
margin: 5px;
}

#homeInstaFeedCol{width: 30%; padding: 20px; margin-right: 4%;}
/* #homeInstaFeedCol{width: 49%; padding: 20px; margin-right: 2%;} */
#homeFbFeedCol{width: 30%; padding: 20px; margin-right: 4%;} 
/* #homeFbFeedCol{display:none !important;} */
/* #homeYtFeedCol{width: 49%; padding: 20px; margin-right: 0;} */
#homeYtFeedCol{width: 30%; padding: 20px; margin-right: 4%;}

@media( min-width: 1900px){
.eytg_main_container{
padding: 5px 10px 8px 10px;
/* padding: 40px 10px 40px 10px; */
}
}
@media( min-width: 981px) and ( max-width: 1570px){
#homeInstaFeedCol{width: 70% !important;margin-left: 15% !important;}
#homeFbFeedCol{width: 70% !important;margin-left: 15% !important;} 
/* #homeFbFeedCol{display:none !important;} */
#homeYtFeedCol{width: 70% !important;margin-left: 15% !important;}
}

/***** hub note *******/
@media only screen and ( max-width: 980px ){
#hubWrapper{
width: 90% !important;
left: 5% !important;
top: 30% !important;
}
}

.backorder_notification{
display:none !important;
}

/***************************styles for extra international shipping methods**********************/
.bonusInterWrap{
background-color: #d8d8d8;
padding: 10px;
width: 50%;
}
.bonusInterWrap p{
color: #c60000;
position: relative;
text-indent: 0 !important;
}
.bonusInterWrap input{
position: relative;
width: 100%;
}

/******************************styles for easy surplus side thing*************************************/
.easySurplusWrap{
position: fixed;
top: 30%;
width:50px;
left: -2px;
z-index: 99999;
}
.easySurplusWrap .easySurplusImg{
left: 0px;
position: relative;
width: 100%;
float: left;
}
.easySurplusWrap .easySurplusHide{
color: #ffffff;
margin-top: 10px;
width: 100%;
cursor: pointer;
display: none;
}
.easySurplusWrap .easySurplusHide:before{
background-color: #19338f;
opacity: .7;
border: 2px solid #ffffff;
}
/* .easySurplusWrap .easySurplusImgCover{
display:none;
left: 0px;
position: relative;
width: 100%;
float: left;
margin-bottom: 10px;
} */
/* .easySurplusWrap:hover .easySurplusImgCover{
display:block;
}
.easySurplusWrap:hover .easySurplusImg{
display: none;
} */
.easySurplusWrap:hover .easySurplusHide{
display: block;

}
@media only screen and (max-width: 980px){
.easySurplusWrap{
display: none !important;
}
}

/****************surp side carousel fix*************************/
#text-18 .wpcsp_product_carousel_slider .owl-item .item .themeC_product_container .caption{
padding: 0px 20px !important;
background-color: #19338f !important;
}
#text-18 .wpcsp_product_carousel_slider .owl-item .item h4.product_name a{
float: left;
font-weight: bold;
text-align: left;
width: 50%;
display: inline-block !important;
font-size: 16px;
margin-top: -12px;
color: #ffffff !important;
}
#text-18 .wpcsp_product_carousel_slider .owl-item .item .price{
font-size: 16px !important;
width: 50% !important;
float: right !important;
font-weight: bold !important;
text-align: right !important;
display: inline-block !important;
padding: 0 !important;
margin-top: -19px;
background-color: rgba(0,0,0,0) !important;
}
#text-18 .wpcsp_product_carousel_slider .owl-item .item .price span.amount{
color: #ffffff !important;
}

/******************for closing notices**********************/
.closingNoticeWrapOrder{
color: #ffffff;
background-color: #c60000;
padding: 20px;
width: 100%;
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
}
.closingNoticeWrapQuote{
color: #ffffff;
background-color: #c60000;
padding: 20px;
width: 100%;
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
}
.closingNoticeWrapReg{
color: #ffffff;
background-color: #c60000;
padding: 20px;
width: 100%;
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
}

/*****************surplus cart accept box**********************/
#surpCartWrap{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 50;
display: none;
background-color: rgba(0, 0, 0, 0.7);
}
#surpCartMsg{
width: 40%;
position: fixed;
background-color: #1c1c1c;
box-shadow: -3px 5px 5px #000000;
left: 30%;
top: 160px;
bottom: 5%;
display: none;
z-index: 9999;
overflow-y: scroll;
}
#surpCartMsg h3{
position: relative;
width: 100%;
text-align: center;
padding: 10px;
background-color: #000000;
text-shadow: -3px 3px 3px #000000;
color: #ffffff;
}
.page-id-5 #surpCartMsg h3{
position: relative;
width: 100%;
text-align: center;
padding: 10px;
background-color: #000000;
text-shadow: -3px 3px 3px #000000;
color: #ffffff;
}
#surpCartMsg .products{
margin-top: 0px !important;
}
#surpCartMsg .products li{
margin: 2%% !important;
width: 48% !important;
background-color: #ffffff !important;
padding: 0px !important;
text-align: center !important;
}
#surpCartMsg ul.products li.product:nth-child(5n+1){
clear: none !important;
}
#surpCartMsg .products li .loopCartForm{
width: 100% !important;
}
#surpCartMsg .products li .productsStockButton{
display: none !important;
}
#surpCartMsg .products li .loopCartForm .quantity{
width: 25% !important;
height: 35px !important;
display: inline-block !important;
float: left !important;
position: relative !important;
margin: 0 !important;
}
#surpCartMsg .products li span.amount{
color: #c60000 !important;
}
#surpCartMsg .products li .loopCartForm .quantity .qty{
height: 35px !important;
}
#surpCartMsg .products li .loopCartForm .productsButton{
width: 75% !important;
height: 35px !important;
margin-left: 0px !important;
margin-top: 0px !important;
background-color: #c60000 !important;
color: #d8d8d8 !important;
border-radius: 0px !important;
border-left: 1px solid #000000 !important;
border-top: 1px solid #000000 !important;
}
#surpCartClose{
color: #ffffff;
right: 0px;
top: 0px;
position: absolute;
}
#surpCartClose:before{
font-size: 40px;
position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
}
#surpCartMsg p{
padding: 10px;
color: #ffffff;
background-color: #c60000;
text-align: center;
}
#surpCartInner{
width:100%;
position: relative;
padding: 20px;
background-color: black;
display: inline-block;
}
#surpCartProceed{
width: 50%;
border-radius: 0px !important;
position: relative;
display: inline-block;
margin-left: 25%;
color: #d8d8d8;
}
#surpCartProceed:hover{
background-color: #c60000;
border: 1px solid #000000;
}
#surpCartClose:hover{
color: #000000;
}
@media only screen and ( min-width: 1480px ){
.page-id-5 #surpCartMsg{
width: 70%;
left: 15%;
}
.page-id-5 #surpCartMsg .products li{
margin: .8% !important;
width: 18% !important;
}
.page-id-5 #oilCartProd{
height: unset !important;
overflow-y: hidden!important;
position: relative;
}
.page-id-5 .surpCartOnlyOil{
width: 40% !important;
left: 30% !important;
}
.page-id-5 .surpCartOnlyOil #oilCartProd .products li{
margin: 20px .5% 0px .5% !important;
width: 47% !important;
}
}
@media only screen and ( max-width: 1200px ){
#surpCartMsg{
width: 50%;
left: 25%;
top: 25%;
}
}
@media only screen and ( max-width: 835px ){
#surpCartMsg{
width: 60%;
left: 20%;
top: 15%;
}
#surpCartProceed{
width: 95% !important;
margin-left: 2.5% !important;
}
}
/* @media only screen and ( max-width: 1000px ){
#surpCartMsg{
width: 80%;
left: 10%;
}
#surpCartMsg .products{
overflow-y: scroll;
max-height: 450px;
}
#surpCartMsg .products li{
margin: 20px 15% 0px 15% !important;
width: 70% !important;
}
#surpCartMsg p{
max-height: 300px !important;
overflow-y: scroll !important;
}
} */
@media only screen and ( max-width: 480px ){
#surpCartMsg{
width: 95%;
left: 2.5%;
}
}

/**************for new single product categories************/
.single-product .posted_in{
display:none;
}
.single-product .customSingleCat{
margin-top: 20px;
font-family: Monda;
}

/**********************oil chart styles***********************/
#oilChartWrap{
margin-top: 20px;
margin-bottom: 20px; 
padding: 10px;
border: 1px solid #000000;
box-shadow: -3px 5px 5px #000000;
text-align: center;
color: #000000 !important;
display: inline-block;
/*
position: relative;
width: 48%;
float: left;
clear: left; */
}
#oilChartWrap h3{
color: #000000 !important;
padding-bottom: 0px !important;
font-size: 18px !important;
font-weight: bold !important;
}
#oilChartWrap p{
color: #000000 !important;
font-size: 11px !important;
padding: 0px !important;
}
#oilChartWrap ul{
list-style: none !important;
padding: 0px 10px 0px 0px !important;
}
#oilChartWrap table{
width: 100%;
}
#oilChartWrap td{
padding: 0px 5px 0px 5px !important;
text-align: left;
font-size: 12px;
}
#oilChartWrap tr{
border-top: 1px solid #000000;
}
#oilChartWrap th{
padding: 0px !important;
text-align: center;
}

/*****************oil trans popup box**********************/
#oilCartWrap{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 50;
display: none;
background-color: rgba(0, 0, 0, 0.7);
}
#oilCartMsg{
width: 40%;
position: fixed;
background-color: #1c1c1c;
box-shadow: -3px 5px 5px #000000; 
top: 160px;
left: 30%;
display: none;
z-index: 9999;
overflow-y: scroll;
bottom:5%;
max-height: 700px;
}
#oilCartMsg h3{
position: relative;
left: 0px;
padding-top:20px;
text-align: center;
text-shadow: -3px 3px 3px #000000;
color: #ffffff;
}
#oilCartMsg .products{
margin-top: 0px !important;
}
#oilCartMsg .products li{
margin: 2% !important;
width: 45% !important;
background-color: #ffffff !important;
padding: 0px !important;
text-align: center !important;
}
#oilCartMsg .products li .loopCartForm{
width: 100% !important;
}
#oilCartMsg .products li .productsStockButton{
display: none !important;
}
#oilCartMsg .products li .quantity{
/* width: 25% !important;
height: 35px !important;
display: inline-block !important;
float: left !important;
position: relative !important;
margin: 0 !important; */
display: none;
}
#oilCartMsg .products li .quantity .qty{
height: 35px !important;
}
#oilCartMsg .products li span.amount{
color: #c60000 !important;
}
#oilCartMsg .products li .productsButton{
/* width: 75% !important;
height: 35px !important;
margin-left: 0px !important;
margin-top: 0px !important;
background-color: #c60000 !important;
color: #d8d8d8 !important;
border-radius: 0px !important;
border-left: 1px solid #000000 !important;
border-top: 1px solid #000000 !important; */
display: none;
}
#oilCartMsg .products li .ajax_add_to_cart{
display: none;
}
#oilCartClose{
color: #ffffff;
right: 0px;
top: 0px;
position: absolute;
}
#oilCartClose:before{
font-size: 40px;
position: absolute;
right: 0px;
cursor: pointer;
}
#oilCartMsg p{
padding: 10px;
color: #ffffff;
background-color: #c60000;
text-align: center;
}
#oilCartInner{
width:100%;
position: relative;
padding: 20px;
background-color: black;
display: inline-block;
}
#oilCartProceed{
width: 50%;
border-radius: 0px !important;
position: relative;
display: inline-block;
margin-left: 25%;
color: #d8d8d8;
}
#oilCartProceed:hover{
background-color: #c60000;
border: 1px solid #000000;
}
#oilCartClose:hover{
color: #000000;
}
@media only screen and ( max-width: 1200px ){
#oilCartMsg{
width: 50%;
left: 25%;
top: 25%;
}
}
@media only screen and ( max-width: 835px ){
#oilCartMsg{
width: 60%;
left: 20%;
top: 15%;
}
#oilCartProceed{
width: 95% !important;
margin-left: 2.5% !important;
}
}
@media only screen and ( max-width: 700px ){
#oilCartMsg{
width: 80%;
left: 10%;

}
#oilCartMsg .products{
overflow-y: scroll;
max-height: 450px;
}
#oilCartMsg .products li{
margin: 20px 15% 0px 15% !important;
width: 70% !important;
}

#oilCartMsg p{
max-height: 300px !important;
overflow-y: scroll !important;
}
}
@media only screen and ( max-width: 480px ){
#oilCartMsg{
width: 95%;
left: 2.5%;
}
}

/** warranty registration stuff **/
#warrInvoiceForm{
width: 80%;
background-color: #1c1c1c;
padding: 20px;
color: #ffffff;
box-shadow: -3px 5px 5px #000000;
text-align: center;
margin-left: 10%;
}
#warrInvoiceForm h3{
color: #ffffff !important; 
}
#warrInvoiceNum{
width: 40%;
padding: 10px;
border-radius: 4px;
}
#warrInvoiceSubmit{
width: 40%;
background-color: #424242;
color: #d8d8d8;
border: 1px solid black;
padding: 15px;
margin-left: 10%;
}
#warrInvoiceSubmit:hover{
background-color: #c60000;
color: #000000;
cursor: pointer;
}
#warrInvoiceLogin{
width: 80%;
background-color: #1c1c1c;
padding: 20px;
color: #ffffff;
box-shadow: -3px 5px 5px #000000;
text-align: center;
margin-left: 10%;
}
#warrInvoiceLogin h3{
color: #ffffff !important; 
}
#warrInvoiceLogin a{
color: #c60000 !important; 
}
.warrRegForm{
position: relative;
width: 80%;
margin-left: 10%;
/* box-shadow: -5px 3px 6px #000000; */
border: 1px solid #000000;
padding-left:2%;
padding-right:2%;
padding-bottom:2%;
background: rgba(0,0,0,1)!important;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(49%, rgba(66,66,66,1)), color-stop(100%, rgba(0,0,0,1)))!important;
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(66,66,66,1) 49%, rgba(0,0,0,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 )!important;
}
.warrRegForm p:empty{
display:none;
}
.warrRegForm h2{
text-align: center;
color: #ffffff !important;
padding: 20px;
}
.warrRegForm h4{
text-align: center;
color: #ffffff !important;
padding-bottom:10px;
}
.warrRegForm input{
height: 30px;
margin-bottom: 5px;
}
.warrRegForm select{
height: 30px;
margin-bottom: 5px;
}
.warrRegForm div{
overflow: auto;
padding: 10px;
background-color: #1c1c1c;
border: 1px solid #000;
box-shadow: -5px 3px 6px #000000;
}
.warrLeft{
display:inline-block;
width: 45%;
margin-right: 9% !important;
float: left;
position:relative;
}
.warrRight{
display:inline-block;
width: 45%;
float:right;
position:relative;
}
.warrErrLeft{
display:inline-block;
width: 45%;
margin-right: 9% !important;
padding:0px !important;
color: #c60000;
}
.warrErrRight{
display:inline-block;
width: 45%;
padding:0px !important;
color: #c60000;
}
.warrFull{
display:inline-block;
width: 99.5%;
}
#warrHeadLink{
text-align: right !important; 
color: #c60000 !important;
}
#warrHeadLink:hover{
text-decoration: underline;
color: #ffffff !important;
}
#warrCountry{
width:100%;
height: 30px;
}
#warrDealCountry{
width:100%;
height:30px;
}
#warrWhatTuner{
display: none;
}
#warrWhatTurbo{
display: none;
}
#serialHelp{
font-size: 20px;
position: absolute;
margin-top: 5px;
left: 25px;
color: #ffffff;
cursor: pointer;
}
#serialHelp:hover{
color: #c60000;
}
#warrMO{
left: 17px;
}
#warrInvoiceHelp{
font-size: 20px;
position: absolute;
margin-top: 5px;
left: 52%;
color: #ffffff;
cursor: pointer;
}
#warrInvoiceHelp:hover{
color: #c60000;
}

#warImgCover{
display:none;
padding: 50px !important;
position: fixed !important;
top: 0px !important;
bottom: 0px;
left: 0px !important;
width: 100% !important;
margin: 0px !important;
background-color: rgba(0, 0, 0, .8) !important;
}
#warImgCover img{
top: 50%;
margin-top: 80px;
left: 50%;
width: 40%;
transform: translate(-50%, -50%);
position: absolute;
}
#warImgCover span.dashicons{
color: #ffffff;
top: 180px;
right:50px;
transform: translate(-50%, -50%);
position: absolute;
font-size: 40px;
cursor: pointer;
}
#warImgCover span.dashicons:hover{
color: #c60000;
}
#warrSubmit{
text-align:center;
width:30%;
height:50px;
color: #ffffff;
border: 1px solid #000000;
background-color: #c60000;
margin-top: 2%;
margin-left:35%;
cursor: pointer;
}
#warrSubmit:hover{
background-color: #000000;
border: 1px solid #ffffff;
}
#warrSignatureWrap{
margin-top: 25px;
}
#warrSignatureWrap label{
display: block;
color: #ffffff;
margin-bottom: 10px;
padding-top: 10px;
}
#warrSigAccept{
height: unset;
}
#warrSignature{
margin-bottom: 10px;
width: 300px;
font-family: Brush Script MT, Brush Script Std, cursive;
font-size: 25px !important;
height:unset;
}
@media only screen and ( max-width: 980px ){
.warrRegFormWrap{
width: 100% !important;
max-width: 100% !important;
}
.warrRegForm{
width: 95%;
margin-left: 2.5%;
}
.warrRight{
width: 100%;
float:left;
}
.warrLeft{
width: 100%;
float:left;
}
.warrErrLeft{
width: 100%;
margin-right: 0% !important;
}
.warrErrRight{
width: 100%;
}
#warrMO{
width: 90%!important;
left: 0px;
}
#warrSerial{
width: 90%!important;
}
#warrInvoice{
width: 90%!important;
}
#serialHelp{
margin-top: 3px !important;
left: 90% !important;
}
#warrInvoiceHelp{
margin-top: 38px !important;
left: 90% !important;
}
#warImgCover img{
width: 70%;
}
}

/******************duramax footer bannar****************/
.duramaxFootBannar{
width: 100%;
background-color: #1c1c1c;
color: #ffffff;
padding: 20px;
position: relative;
bottom: 0px;
text-align: center;
}
.term-performance-clutches-and-clutch-packs-150 #left-area ul.products{
margin-bottom: 30px !important;
}
.term-performance-billet-shafts-150 #left-area ul.products{
margin-bottom: 30px !important;
}
.page-id-197 .duramaxFootBannar{
left: 0px;
bottom: 0px;
}
.duramaxFootBannar p{
position: relative;
font-size: 16px;
}
#left-area .woocommerce-pagination{
margin-bottom: 50px !important;
}

@media only screen and ( min-width: 980px ){
.up-sells{
margin-bottom: 50px !important;
}
}
@media only screen and ( max-width: 980px ){
#custom_html-2{
margin-bottom: 75px !important;
}
.duramaxFootBannar{
left: 0px;
}
.duramaxFootBannar p{
font-size: 100%;
}
}

/***************file upload***************/
.post-32247 .entry-title{
margin-top: 50px;
}
#sui_upload_image_form{
padding: 20px;
background-color: #1c1c1c;
color: white;
margin-bottom: 20px;
border: 1px solid #000000;
box-shadow: -3px 5px 3px #000000;
}
#sui_upload_image_form #sui_image_caption{
margin-bottom: 10px;
width: 50%;
padding: 5px;
}
@media only screen and ( max-width: 980px ){
#sui_upload_image_form #sui_image_caption{
width: 100%;
}
}
/* #sui_upload_image_form #sui_image_category{
width: 50%;
margin-bottom: 10px;
padding: 6px;
} */
#sui_upload_image_form #sui_image_file{
margin-bottom: 20px;
}
#sui_upload_image_form #sui_submit{
background-color: #424242;
border: 1px solid #000000;
padding: 10px;
color: #d8d8d8;
cursor: pointer;
}
#sui_upload_image_form #sui_submit:hover{
background-color: #c60000;
border: 1px solid #000000;
color: #000000;
}
#user_images{
box-shadow: -3px 5px 3px #000000;
background-color: #ffffff;
border: 1px solid #000000;
}
#user_images th{
text-align:left;
}
#user_images td{
vertical-align: middle;
border-top: 1px solid #000000 !important;
}
#user_images td input{
  margin:0px;
}
#sui_delete{
background-color: #424242;
border: 1px solid #000000;
padding: 10px;
color: #d8d8d8;
cursor: pointer;
}
#sui_delete:hover{
background-color: #c60000;
border: 1px solid #000000;
color: #000000;
}

/**  gallery **/
.page-id-32249 .container{
max-width: none !important;
width: 95% !important;;
}
.page-id-32249 #page-container{
background-color: #d8d8d8;
}
.performance-gal{
width: 20%;
cursor: pointer;
display:inline-block;
position: relative;
background-color: #1c1c1c;
overflow: hidden;
/* border:2px solid #000000; */
margin-top: -8px;
}
.performance-gal:hover{
border:5px solid #000000;
/* padding: 10px; */
}
.performance-gal-img{
background-size: cover;
}
.performance-gal-img span{
display: none;
padding: 5px;
background-color: #1c1c1c;
color: #ffffff;
font-weight: bold;
text-align: center;
border-top: 1px solid #000000;
position: absolute;
bottom:0px;
width: 100%;
}
.performance-gal:hover .performance-gal-img span{
display: block;
}
@media only screen and ( max-width: 1500px ){
.performance-gal{
width: 25%;
}
}
@media only screen and ( max-width: 1080px ){
.performance-gal{
width: 33%;
}
}
@media only screen and ( max-width: 800px ){
.performance-gal{
width: 50%;

}
}
@media only screen and ( max-width: 480px ){
.performance-gal{
width: 100%;
}
}

/****************************styles for related parts popup*************************/
#relatedCartMsg{
width: 40%;
position: fixed;
background-color: #1c1c1c;
box-shadow: -3px 5px 5px #000000;
top: 12%;
left: 30%;
display: none; 
z-index: 9999;
}
#relatedCartMsg .products li{
margin-left: 25% !important;
width: 50% !important;
background-color: #ffffff !important;
}
#relatedCartMsg .products li .quantity{
display: none !important;
}
#relatedCartMsg .products li .productsButton{
display: none !important;
}
#relatedCartMsg p{
background-color: #c60000;
color: white;
padding: 10px;
text-align: center;
}
#relatedCartMsg h3{
color: #fff;
padding: 10px;
}
#surpCartProceedYes{
color: #fff;
width: 40%;
}
#surpCartProceedNo{
color: #fff;
width: 40%
}
@media only screen and ( max-width: 980px ){
#relatedCartMsg{
width: 60%;
left: 20%;

}
}
@media only screen and ( max-width: 700px ){
#relatedCartMsg{
width: 90%;
top: 10%;
left: 5%;
}
#surpCartProceedYes{
color: #fff;
width: 100%;
}
#surpCartProceedNo{
color: #fff;
width: 100%
}
}

/***fix weird email issue on checkout****/
#billing_email_field .woocommerce-input-wrapper{
width: 100% !important;
}

/*****************stock single popup box**********************/
#stockCartMsg{
width: 30%;
position: fixed;
background-color: #1c1c1c;
box-shadow: -3px 5px 5px #000000; 
top: 25%;
left: 35%;
display: none;
z-index: 9999;
overflow-y:scroll;
overflow-x: hidden;
bottom: 5%;
}
#stockCartMsg h3{
position: relative;
left: 0px;
top: 0px;
padding-top:10px;
text-shadow: -3px 3px 3px #000000;
color: #ffffff;
width: 90%;
text-align: center;
}
#stockCartMsg .products{
margin-top: 0px !important;
}
#stockCartMsg .products li{
margin: 2.5% 10% 0px 10% !important;
width: 80% !important;
background-color: #ffffff;
text-align: center;
}
#stockCartMsg .products li .loopCartForm{
width: 100% !important;
}
#stockCartMsg .products li .productsStockButton{
display: none !important;
}
#stockCartMsg .products li .quantity{
/* width: 25% !important;
height: 35px !important;
display: inline-block !important;
float: left !important;
position: relative !important;
margin: 0 !important; */
display: none;
}
#stockCartMsg .products li .quantity .qty{
height: 35px !important;
}
#stockCartMsg .products li .productsButton{
/* width: 75% !important;
height: 35px !important;
margin-left: 0px !important;
margin-top: 0px !important;
background-color: #c60000 !important;
color: #d8d8d8 !important;
border-radius: 0px !important;
border-left: 1px solid #000000 !important;
border-top: 1px solid #000000 !important; */
display: none;
}
#stockCartMsg .products li .ajax_add_to_cart{
display: none;
}
#stockCartMsg p{
padding: 10px;
color: #ffffff;
background-color: #c60000;
text-align: center;
}
#stockCartMsg #surpCartClose{
width:40px;
height: 40px;
}
#stockCartMsg #surpCartClose:before{
right: 0px !important;
top: 0px !important;
}
#stockCartMsg #surpCartClose:hover{
background-color: #c60000 !important;
}
@media only screen and ( max-width: 1200px ){
#stockCartMsg{
width: 50%;
left: 25%;
top: 20%;
}
}
@media only screen and ( max-width: 835px ){
#stockCartMsg{
width: 60%;
left: 20%;
top: 25%;
}
}
@media only screen and ( max-width: 700px ){
#stockCartMsg{
width: 80%;
left: 10%;

}
#stockCartMsg .products{
max-height: 450px;
}
#stockCartMsg .products li{
margin: 20px 15% 0px 15% !important;
width: 70% !important;
}

#stockCartMsg p{
max-height: 300px !important;
}
}
@media only screen and ( max-width: 480px ){
#stockCartMsg{
width: 95%;
left: 2.5%;
top: 20%;
}
}

/*******************related PDF stuff********************/
#relatedPDFMsg{
width: 60%;
position: fixed;
background-color: #1c1c1c;
box-shadow: -3px 5px 5px #000000;
top: 12%;
left: 20%;
display: none; 
z-index: 9999;
}
#relatedPDFMsg p{
background-color: #c60000;
color: white;
padding: 10px;
}
#relatedPDFMsg h3{
color: #fff;
padding: 10px;
}
@media only screen and ( max-width: 900px ){
#relatedPDFMsg{
width: 90% !important;
left: 5% !important;
}
#relatedPDFMsg iframe{
min-height: 300px !important;
}
}
@media only screen and ( max-width: 480px ){
#relatedPDFMsg iframe{
display: none;
}
#relatedPDFMsg a{
display: block; 
width: 100%;
text-align: center;
}
}

/************************warranty claim (help center) styles***********************/
#warrClaimHeader{
width: 100%;
margin-top: 50px;
position: relative;
background: #1c1c1c; /* Old browsers */
background: -moz-linear-gradient(top, #1c1c1c 35%, #4c4c4c 71%, #919191 94%, #c1c1c1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1c1c1c 35%,#4c4c4c 71%,#919191 94%,#c1c1c1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1c1c1c 35%,#4c4c4c 71%,#919191 94%,#c1c1c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
}
#warrClaimHeader h1{
display: inline-block;
position: relative;
color: #ffffff;
top: 5%;
margin-top: 50px;
margin-right: 50px;
float: right;
font-size: 30px !important;
}
#warrClaimForm{
color: #ffffff;
width: 100%;
}
#warrClaimFooter{
width: 100%;
position: relative;
background: #1c1c1c; /* Old browsers */
background: -moz-linear-gradient(top, #c1c1c1 0%, #919191 6%, #4c4c4c 29%, #1c1c1c 65%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, #c1c1c1 0%, #919191 6%, #4c4c4c 29%, #1c1c1c 65%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c1c1c1 0%, #919191 6%, #4c4c4c 29%, #1c1c1c 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#1c1c1c',GradientType=0 ); /* IE6-9 */
}
#warrClaimFooter h3{
display: inline-block;
position: relative;
color: #ffffff;
top: 5%;
margin-top: 50px;
margin-right: 50px;
float: right;
}
.claimTable{
width: 100% !important;
border: 1px solid #1c1c1c !important;
margin-top: 20px !important;
text-align: center !important;
}
.claimTable td{
text-align: left !important;
border: 1px solid #424242 !important;
padding: 10px !important;
background-color: #1c1c1c;
}
.claimTable th{
border: 1px solid #1c1c1c !important;
padding: 10px !important;
text-align: center !important;
font-weight: bold !important;
color: #fff !important; 
background-color: #c60000;
}
.claimTable input{
margin-left: 10px !important;
border-bottom: 2px solid #d8d8d8;
border-left: 2px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
float: right;
}
.claimTable select{
margin-left: 10px !important;
border-bottom: 2px solid #d8d8d8;
border-left: 2px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
float: right;
max-width: 196px;
}
.claimBoxSelect{
display: inline !important;
}
#claimTable1{
border: none !important;
}
#claimTable1 td{
border: none !important;
text-align: center !important;
}
#claimTable1 input{
float:none !important;
border-bottom: 1px solid #1c1c1c;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
#claimTable2 ul{
list-style-type: none;
padding: 0px !important;
}
#claimTable2 li{
padding: 10px;
}
#claimTable3 input{
float: none !important;
}
#claimTable4{
width: 49% !important;
margin-right: 1%;
margin-top: 0px !important;
float: left;
}
#claimTable4 input{
float: none !important;
}
#claimTable5{
width: 49% !important;
margin-left: 1%;
margin-top: 0px !important;
float: right;
}
#claimTable5 input{
float: none !important;
}
#hcERWarrantyBtn{
width: 40%;
margin-left: 30%;
padding: 20px;
cursor: pointer;
box-shadow: none !important;
border-radius: unset;
margin-bottom: 20px;
}
#claimTableTopMobile{
border: none !important;
}
#claimTableTopMobile td{
border: none !important;
text-align: center !important;
}
#claimTableTopMobile input{
float:none !important;
border-bottom: 1px solid #1c1c1c;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
@media only screen and ( max-width: 1000px ){
#warrClaimHeader h1{
color: #1c1c1c;
width: 100%;
margin-top: 20px;
margin-right: 0px;
text-align: center;
font-size: 25px !important;
}
#warrClaimHeader{
margin-top: 0px;
}
#warrClaimForm h3{
text-align: center;
font-size: 18px;
}
#claimTable4{
width: 100% !important;
margin-right: 0px;
margin-top: 20px !important;
float: none;
}
#claimTable4 input{
width: 50%;
}
#claimTable5{
width: 100% !important;
margin-right: 0px;
margin-top: 20px !important;
float: none;
}
#claimTable5 input{
width: 50%;
}
}

/********************transmission core return form************************/
.transCoreInput{
border-bottom: 1px dashed #424242 !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
width: 100%;
padding-top: 20px !important;
font-size: 20px !important;
}
.transCoreInputAlt{
border-bottom: 1px dashed #424242 !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
width: 100%;
font-size: 20px !important;
}
label[for=transCoreLiftGateYes]{
width: 49%;
position: relative;
font-size: 20px;
display: inline-block;
text-align: center;
border-bottom: 1px dashed #424242;
padding-bottom: 22px;
}
label[for=transCoreLiftGateNo]{
width: 49%;
position: relative;
display: inline-block;
border-bottom: 1px dashed #424242;
font-size: 20px;
text-align: center;
padding-bottom: 22px;
}
.transCoreTitle{
position: relative;
left: 0px;
width: 50%;
display: inline-block;
text-align: center;
font-size: 30px;
font-weight: bold;
top: -15px;
}
.transCoreTitleImg{
position: relative;
right: 0px;
width: 50%;
}
.transReturnFormDiv{
border: 2px solid #c60000;
border-bottom: 0px !important;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 0px 20px 20px 20px;
}
#transReturnWrapper{
display:none;
}
#transReturnBeforeWrap{
margin-bottom: 40px;
}
#transReturnBeforeInner{
border: 1px solid #eeeeee; 
padding: 20px; 
border-radius: 4px;
text-align: center;
margin-top: 20px;
}
#transReturnBeforeAccept{
display: inline-block;
padding: 10px 20px;
background-color: #c60000;
color: #ffffff;
font-weight: bold;
border: 1px solid #c60000;
border-radius: 4px;
margin-top: 20px;
cursor: pointer;
}
#transReturnBeforeAccept:hover{
background-color: #ffffff;
color: #c60000;
}
#transCoreFormHead{
text-align: center;
background-color: #c60000;
color: #ffffff;
width: 70%;
margin-left: 15%;
padding: 5px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-bottom: 20px;
}
.transInnerListLeft{
width: 50%;
display: inline-block;
}
.transInnerListRight{
width: 50%;
display: inline-block;
float: right;
}
#transCoreSerial{
width: 100%;
border: 1px solid #c60000 !important;
margin-top: 10px;
border-radius: 20px;
padding: 8px 8px 8px 15px;
text-align: center;
}
.transCoreInfoTable{
margin-bottom: 0px !important;
border: none !important;
}
.transCoreInfoTable tr{
padding: 0px !important;
border: none !important;
}
.transCoreInfoTable td{
padding: 0px 5px 0px 5px !important;
border: none !important;
}
#transCusInfo{
width: 70%;
margin-left: 15%;
text-align: center;
margin-top: 20px;
background-color: #c60000;
color: #fff !important;
padding: 5px;
border-radius: 15px;
}
#transCusInfo h3{
padding: 0px !important;
color: #fff !important;
margin: 0!important;
}
.transReturnInternalWrap{
border: 2px solid #c60000;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
padding: 0px 20px 20px 20px;
}
.transCoreInternalCheckLeft{
width: 40%;
margin-bottom: 20px;
display: inline-block;
}
.transCoreInternalCheckLeftInner{
width: 90%;
margin-left:10%;
}
.transCoreInternalCheckRight{
width: 40%;
margin-bottom: 20px;
display: inline-block;
float: right;
}
.transCoreInternalCheckRightInner{
width: 90%;
margin-left:10%;
}
.transCoreInternalCheckRightInner span{
font-weight: bold;
color: #c60000;
float: right;
}
.transCoreInternalCheckLeftInner span{
font-weight: bold;
color: #c60000;
float: right;
}
#transCoreReturnBtn{
width: 30%;
margin-left: 35%;
background-color: #fff;
color: #c60000;
border: 2px solid #c60000;
font-size: 30px;
padding: 15px;
border-radius: 15px;
}
#transCoreReturnBtn:hover{
background-color: #c60000;
color: #fff;
cursor: pointer;
}
#transCoreReturnBtn:disabled{
border: 1px solid #999999;
background-color: #cccccc;
color: #666666;
cursor: none;
}
.transCoreFormErrors{
color: #c60000;
font-weight: bold;
}
@media only screen and ( max-width: 1080px ){
.transCoreTitle{
font-size: 20px;
top: 0px;
}
.transCoreTitle span{
font-size: 18px !important;
}
#transCoreFormHead{
font-size: 18px !important;
}
#transCoreInstruc{
font-size: 15px !important;
text-align: center;
}
#transCoreCheckUl{
margin-left: 0px !important;
width: 100% !important;
}
.transCoreInput{
font-size: 15px !important;
}
.transCoreInputAlt{
font-size: 15px !important;
}
#transCusInfo{
width: 90%;
margin-left: 5%;
}
#transCusInfo h3{
font-size: 18px !important;
}
.transCoreInternalCheckLeft{
width: 49%;
}
.transCoreInternalCheckRight{
width: 49%;
}
.transCoreInternalCheckLeftInner{
width: 100%;
margin-left: 0px;
}
.transCoreInternalCheckRightInner{
width: 100%;
margin-left: 0px;
}
#transCoreInternalUl{
width: 100% !important;
margin-left: 0px !important;
}
#transCoreReceivedNote{
font-size: 15px !important;
text-align: center;
}
#transCorePleaseNote{
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
#transCoreReturnBtn{
width: 40%;
margin-left: 30%;
}
.transCoreFoot img{
display: none;
}
.transCoreFoot p{
width: 100% !important;
margin-left: 0px !important;
top: 0px !important;
}
}
@media only screen and ( max-width: 650px ){
.transReturnFormDiv{
padding: 0px 10px 10px 10px;
}
.transReturnInternalWrap{
padding: 0px 10px 10px 10px;
}
.transCoreTitle{
width: 100% !important;
}
.transCoreTitleImg{
width: 100% !important;
}
#transCoreFormHead{
width: 100% !important;
margin-left: 0px; 
}
.transInnerListLeft {
width: 100%;
display: inline-block;
}
.transInnerListRight {
width: 100%;
display: inline-block;
float: none;
}
#transCoreSerial{
margin-bottom: 10px; 
}
#transCusInfo{
width: 100%;
margin-left: 0px;
}
.transCoreInternalCheckLeft{
width: 100% !important;
margin-bottom: 0px !important;
padding-bottom: 20px !important;
}
.transCoreInternalCheckRight{
width: 100% !important;
margin-bottom: 0px !important;
padding-bottom: 20px !important;
}
#transCoreInternalUl{
margin-left: 0px !important;
padding-left: 0px !important;
}
#transCoreReturnBtn{
width: 60%;
margin-left: 15%;
}
}

/***************************performance parts model year drop down********************************/
#perfAccModelDropWrap{
background-color: #000000;
padding: 20px;
text-align: center;
color: #ffffff;
right: 35%;
position: fixed;
z-index: 99;
top: 45%;
width: 30%;
border: 1px solid #c60000;
}
#perfAccModelDropWrap h3{
color: #fff;
margin-right: 20px;
font-size: 18px;
}
#perfAccModelDropWrap .dashicons-dismiss{
position: absolute;
right: -5px;
top: -13px;
font-size: 30px;
cursor: pointer;
}
#perfAccModelDropWrap .dashicons-dismiss:hover{
color: #c60000 !important;
}
#perfAccModelDrop{
background-color: #fff;
border: none;
padding: 5px;
width: 50%;
margin-top: 20px;
font-size: 18px;
color: #000000;
cursor: pointer;
}
#perfAccModelSubmit{
margin-left: 20px;
padding: 4px 10px;
border: 1px solid #ffffff;
background-color: #000000;
color: #ffffff;
position: relative;
font-size: 17px !important;
top: -1px;
cursor: pointer;
}
#perfAccModelSubmit:hover{
background-color: #ffffff;
color: #000000;
border: 1px solid #c60000;
}
@media only screen and ( max-width:1400px ) {
#perfAccModelDropWrap{
width: 60%;
right: 20%;
}
}
@media only screen and ( max-width:480px ) {
#perfAccModelDropWrap{
width: 90%;
right: 5%;
}
}
/**archeive page**/
#perfAccArchiveModelDropWrap{
position: relative;
margin-top: 20px;
padding: 5px;
text-align: center;
display: inline-block;
margin-right: 20px;
float: right;
}
#perfAccArchiveModelDropWrap h2{
display: inline-block;
color: #000000!important;
margin-right: 5px;
position: relative;
top: 3px;
font-size: 14px;
}
#perfAccArchiveModelDrop{
display: inline-block;
padding: 5px;
font-size: 12px;
cursor: pointer;
background-color: #ffffff !important;
color: #1c1c1c !important;
border-radius: 0px !important;
font-family: Monda;
border: 1px solid rgba(66, 66, 66, 0.70);
}
#perfAccArchiveModelSubmit{
margin-left: 5px;
padding: 5px;
border: 1px solid #ffffff;
background-color: #424242;
color: #ffffff;
position: relative;
font-size: 12px !important;
top: 0px;
cursor: pointer;
}
#perfAccArchiveModelSubmit:hover{
background-color: #c60000;
color: #ffffff;
border: 1px solid #000000;
}
@media only screen and ( max-width:1000px ) {
#perfAccArchiveModelDropWrap{
width: 100% !important;
margin-top: 0px !important;
margin-bottom: 20px !important;
margin-right:0px;
text-align:right;
}
}
@media only screen and ( max-width:600px ) {
#perfAccArchiveModelDropWrap{
text-align:center;
}
}

/**************************START virtual transmission styles**********************/
/*********************************************************************************/
/*********************************************************************************/
.page-template-image-shop .container{
width: 100% !important;
max-width: unset !important;
}
.page-template-image-shop #page-container #left-area{
padding-bottom: 0px !important;
}
.page-template-image-shop #main-footer .container{
width: 100% !important;
max-width: unset !important;
}
#vtTopSection{
padding-top: 40px;
padding-bottom: 20px;
background-color: #000000;
/* border-bottom: 2px solid #c60000; */
width:100%;
}
#vtTitle{
text-align:center;
font-size: 32px;
color: #ffffff;
}
#vtTitle2{
/* color: #ffffff; */
font-size: 18px;
padding-bottom: 0px;
margin-right: 20px;
top: 13px;
display:inline-block;
float:left;
position:relative;
}
#vtTitle3{
/* color: #ffffff; */
font-size: 18px;
padding-bottom: 0px;
margin-left: 5%;
margin-right: 20px;
top: 13px;
display:inline-block;
float:right;
position:relative;
}
#vtTitle4{
font-size: 14px;
display:inline-block;
color: #c60000;
font-weight: bold;
padding-bottom:0px !important;
}
#vtTitle4-2{
font-size: 14px;
display:inline-block;
color: #c60000;
font-weight: bold;
padding-bottom:0px !important;
}
#vtSelectWrap{
position: relative;
background-color: #000000;
padding: 0px 10px 10px 10px;
z-index: 5;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.page-template-image-shop #printButton{
position: absolute;
margin-left: -48px;
margin-top: 7px;
width: 35px;
height: 35px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2021/02/print-icon-2.png);
background-repeat: no-repeat;
cursor:pointer;
}
.page-template-image-shop-md #printButton{
position: absolute;
right:8px;
margin-top: 7px;
width: 35px;
height: 35px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2021/02/print-icon-2.png);
background-repeat: no-repeat;
cursor:pointer;
}
.page-template-image-shop-hd #printButton{
position: absolute;
right:8px;
margin-top: 7px;
width: 35px;
height: 35px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2021/02/print-icon-2.png);
background-repeat: no-repeat;
cursor:pointer;
}
#vtEngineModel{
background-color: #ffffff;
color: #c60000;
border: 1px solid #c60000;
font-weight: bold;
padding: 10px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;

}
#vtEngineModel option{
padding: 5px;
cursor: pointer;
}
#vtEngineModel option:hover{
background-color: #c60000;
color: #ffffff;
}
/***vt 1000 initials***/
#vt1kInitialPop{
text-align: center;
padding: 100px 0px;
border: 1px solid #d8d8d8;
margin-bottom: 10px;
}
#vt1kInitialPop h3{
margin-bottom: 20px;
}
#vtLMLMainCaseInitErr{
display: none;
color: #c60000;
}
#vt1kInitialPop label[for=vtLMLMainCaseInit2011]{
display: block;
font-size: 16px;
}
#vt1kInitialPop label[for=vtLMLMainCaseInit2015]{
display: block;
font-size: 16px;
margin-bottom: 20px;
}
#vtLMLMainCaseInitGo{
width: 150px;
padding: 10px;
border: 1px solid #c60000;
border-radius: 4px;
background-color: #c60000;
color: #ffffff;
font-size: 16px;
cursor: pointer;
margin: 0 auto;
}
#vtLMLMainCaseInitGo:hover{
background-color: #ffffff;
color: #c60000;
}
#vtLMLFrontSuppInitErr{
display: none;
color: #c60000;
}
#vt1kInitialPop label[for=vtLMLFrontSuppInit2011]{
display: block;
font-size: 16px;
}
#vt1kInitialPop label[for=vtLMLFrontSuppInit2015]{
display: block;
font-size: 16px;
margin-bottom: 20px;
}
#vtLMLFrontSuppInitGo{
width: 150px;
padding: 10px;
border: 1px solid #c60000;
border-radius: 4px;
background-color: #c60000;
color: #ffffff;
font-size: 16px;
cursor: pointer;
margin: 0 auto;
}
#vtLMLFrontSuppInitGo:hover{
background-color: #ffffff;
color: #c60000;
}
/********************/
#vtTransSectDrop{
background-color: #ffffff;
color: #c60000;
border: 1px solid #c60000;
font-weight: bold;
padding: 10px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;

}
#vtTransSectDrop option{
padding: 5px;
cursor: pointer;
}
#vtTransSectDrop option:hover{
background-color: #c60000;
color: #ffffff;
}
#vtShowPerf{
display:inline-block;
}
#vtVideoToggle{
position: absolute;
right: -20px;
color: #1c1c1c;
top: 7px;
cursor: pointer;
}
#vtVideoToggle .dashicons-editor-help:before{
font-size: 30px !important;
}
#vtVideoToggle .dashicons-dismiss:before{
font-size: 30px !important;
}
#vtVideoToggle:hover{
color: #c60000;
}
#vtVideoWrap{
padding: 10px;
background-color: #000000;
width: 70%;
margin-left:15%;
position: absolute;
left: 0px;
top: 80px;
text-align: center;
display:none;
}
#vtMiddleSection{
width: 100%;
padding: 0px 0px 20px 0px;
}
#vtImageWrap{
width: 1080px;
left: 50%;
padding-top: 0px;
padding-bottom: 40px;
position: relative;
/* box-shadow: 0px 3px 5px 0; */
margin-left: -540px;
}
#l5p10LNotice{
display: none; 
position:absolute;
z-index: 4;
top: 51px;
bottom: 0px;
left: 0px;
right: 0px;
padding: 100px 0px 0px 0px;
text-align: center;
font-size: 20px;
background-color: #ffffff;
}
#vtImageSect{
padding-top:40px;
}
#vtImageWrapfooter{
margin-top: 40px;
padding: 5px;
width: 1080px;
background-color: #eeeeee;
border-radius: 5px;
text-align: center;
font-size:12px;
line-height:normal;
}
#vtMDImageWrapfooter{
margin-top: 40px;
padding: 5px;
width: 1080px;
background-color: #ffffff;
border-radius: 5px;
text-align: center; 
font-size:12px;
line-height:normal;
}
#vtInputShaft{
width: 38%;
margin-left: 3%;
display: inline-block;
}
#vtImageSect img{
width:100%;
}
#vtInputShaft img{
position: relative;
left: 68px;
top: -10px;
z-index:10;
cursor:pointer;
}
#vtMainShaft{
width: 30%;
display: inline-block;
}
#vtMainShaft img{
position:relative;
z-index:9;
top:-20px;
cursor:pointer;
}
#vtMainShaft img:hover{
z-index:11;
}
#vtOutputShaft{
width: 26%;
display: inline-block;
}
#vtOutputShaft img{
position: relative;
right: 70px;
top: 3px;
cursor:pointer;
z-index:10;
}
#vtBottomSectionCont{
position: fixed;
width: 100%;
top:135px;
z-index: 9999;
}
#vtBottomSection{
/* width: 700px; */
display: none;
text-align: center;
position:absolute;
z-index: 9999;
overflow:hidden;
resize: both;
min-width: 420px;
max-width: 1080px;
min-height: 300px;
max-height: 700px;
height: 450px;
border: 1px solid #d8d8d8;
top:0;
background-color: #ffffff;
box-shadow: -5px 5px 10px #c60000;
/* padding-bottom: 20px; */
}
#vtBottomSection h3{
font-size: 24px;
background-color: #1c1c1c;
color: #ffffff;
padding: 10px;
cursor: move;
}
#vtProductWrap{
padding: 20px;
/* width: 800px; */
/* left: 50%; */
position: relative;
/* margin-left: -400px; */
}
#vtProductWrap .products li{
width: 45% !important;
margin: 0% 2.5% 20px 2.5% !important;
clear: none !important;
/* display:none;  */
}
#vtProductWrap .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtProductWrap .products li .quantity{
display: inline-block;
width: 20%;
float: left;
}
#vtProductWrap .products li .qty{
height: 34px;
width: 100%;
padding: 0px;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtProductWrap .products li .productsButton{
width: 78% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
#vtStockKits .products li{
width: 24% !important;
margin: .2% !important;
clear: none !important;
/* display:none;  */
}
#vtStockKits .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtStockKits .products li .quantity{
display: inline-block;
width: 27%;
float: left;
}
#vtStockKits .products li .qty{
height: 33px;
width: 100%;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtStockKits .products li .productsButton{
width: 73% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
#vtPerfKits .products li{
width: 24% !important;
margin: .2% !important;
clear: none !important;
/* display:none;  */
}
#vtPerfKits .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtPerfKits .products li .quantity{
display: inline-block;
width: 20%;
float: left;
}
#vtPerfKits .products li .qty{
height: 33px;
width: 100%;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtPerfKits .products li .productsButton{
width: 78% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
#vtProductWrap .products li .loopCartForm{
width:100%;
}
#vtProductWrap .products li .productsStockButton{
display: none !important;
}
@media only screen and (min-width: 1475px){
#post-35275 .woocommerce ul.products li.product:nth-child(5n+1) {
clear: none !important;
}
}
#vtSelectNotice{
text-align: center;
display: none;
}
.vtBottomClose{
text-shadow: 0px 0px 5px #000000;
font-size: 30px;
cursor: pointer;
position: absolute;
right: 15px;
top: 5px;
color: #ffffff;
}
.vtBottomClose:hover{
color:#c60000;
}
#vtLoading{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
top: 44px;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display:none;
}
#vtImageSectLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
top: 65px;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:4;
display:none;
}
#vtMDImageSectLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
width:1080px;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 100px;
z-index:4;
display:none;
}
.page-id-35275 .wc-forward{
display: none !important;
}
.vtCarrierDivs{
position:absolute;
cursor: pointer;
}
.vtCarrierDivs:hover{
background-color: rgba(198, 0, 0, 0.8);
border-radius: 10%;
box-shadow: -3px 3px 5px #000000;
}
.vtCarrierImage:hover{
background-color: rgba(198, 0, 0, 0.8);
border-radius: 10%;
box-shadow: -3px 3px 5px #000000;
/* background-color:rgba(0,0,0,0.5); */
}
.vtCarrierDivsNO{
position:absolute;
cursor: not-allowed;
}
.vtCarrierImage{
position: absolute;
cursor: pointer;
}
.vtCarrierImageNO{
position: absolute;
cursor: not-allowed;
}
#vtInViewSub{
width:20%; 
margin-left: 40%; 
padding: 5px; 
text-align: center; 
font-weight: bold; 
color: #ffffff; 
background-color: #c60000;
position: relative; 
bottom: -30px; 
border: 1px solid #c60000;
border-radius: 5px;
cursor: pointer;
}
#vtInViewSub:hover{
color: #c60000;
background-color: #ffffff;
}
#vtWooSignUpWrap{
text-align: center; 
width: 100%;
}
#vtWooSignUp{
width: 20%;
margin-left: 40%;
margin-top: 20px;
padding: 10px;
background-color: #c60000;
color: #ffffff;
font-weight: bold;
font-size: 20px;
border-radius: 4px;
border: 1px solid #c60000;
}
#vtWooSignUp:hover{
color: #c60000;
background-color: #ffffff;
}
#vtWooSignUpVid{
width: 60%;
margin: 20px 20%;
}
#vtWooSignUpVidWrap{
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 4px;
}
#vtWooExpiredWrap{
margin: 20px 20%;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 4px;
text-align: center;
width: 60%;
}
#vtWooExpired{
width: 30%;
margin-left: 35%;
margin-top: 20px;
padding: 10px;
background-color: #c60000;
color: #ffffff;
font-weight: bold;
font-size: 20px;
border-radius: 4px;
border: 1px solid #c60000;
}
#vtWooExpired:hover{
color: #c60000;
background-color: #ffffff;
}
#product-35402 .quantity{
display:none !important;
}
#product-35402 .single_add_to_cart_button{
width: 80% !important;
display: block;
color: #ffffff;
border: 1px solid #c60000;
top: 10px;
border-radius: 4px !important;
margin-left: 10%;
float: unset !important;
height: unset !important;
background-color: #c60000;
}
#product-35402 .single_add_to_cart_button:hover{
background-color: #ffffff !important;
color: #c60000 !important;
}
#product-35402 span.amount{
color: #1c1c1c !important;
}
#product-35402 .entry-summary p.price span{
font-size: 20px!important;
}
#product-35402  #oilChartWrap{
display:none !important;
}

#product-86343 .quantity{
display:none !important;
}
#product-86343 .single_add_to_cart_button{
width: 80% !important;
display: block;
color: #ffffff;
border: 1px solid #c60000;
top: 10px;
border-radius: 4px !important;
margin-left: 10%;
float: unset !important;
height: unset !important;
background-color: #c60000;
}
#product-86343 .single_add_to_cart_button:hover{
background-color: #ffffff !important;
color: #c60000 !important;
}
#product-86343 span.amount{
color: #1c1c1c !important;
}
#product-86343 .entry-summary p.price span{
font-size: 20px!important;
}
#product-86343  #oilChartWrap{
display:none !important;
}

#product-88073 .quantity{
display:none !important;
}
#product-88073 .single_add_to_cart_button{
width: 80% !important;
display: block;
color: #ffffff;
border: 1px solid #c60000;
top: 10px;
border-radius: 4px !important;
margin-left: 10%;
float: unset !important;
height: unset !important;
background-color: #c60000;
}
#product-88073 .single_add_to_cart_button:hover{
background-color: #ffffff !important;
color: #c60000 !important;
}
#product-88073 span.amount{
color: #1c1c1c !important;
}
#product-88073 .entry-summary p.price span{
font-size: 20px!important;
}
#product-88073  #oilChartWrap{
display:none !important;
}

#product-90096 .quantity{
display:none !important;
}
#product-90096 .single_add_to_cart_button{
width: 80% !important;
display: block;
color: #ffffff;
border: 1px solid #c60000;
top: 10px;
border-radius: 4px !important;
margin-left: 10%;
float: unset !important;
height: unset !important;
background-color: #c60000;
}
#product-90096 .single_add_to_cart_button:hover{
background-color: #ffffff !important;
color: #c60000 !important;
}
#product-90096 span.amount{
color: #1c1c1c !important;
}
#product-90096 .entry-summary p.price span{
font-size: 20px!important;
}
#product-90096  #oilChartWrap{
display:none !important;
}

#product-90104 .quantity{
display:none !important;
}
#product-90104 .single_add_to_cart_button{
width: 80% !important;
display: block;
color: #ffffff;
border: 1px solid #c60000;
top: 10px;
border-radius: 4px !important;
margin-left: 10%;
float: unset !important;
height: unset !important;
background-color: #c60000;
}
#product-90104 .single_add_to_cart_button:hover{
background-color: #ffffff !important;
color: #c60000 !important;
}
#product-90104 span.amount{
color: #1c1c1c !important;
}
#product-90104 .entry-summary p.price span{
font-size: 20px!important;
}
#product-90104 #oilChartWrap{
display:none !important;
}

#product-90107 .quantity{
display:none !important;
}
#product-90107 .single_add_to_cart_button{
width: 80% !important;
display: block;
color: #ffffff;
border: 1px solid #c60000;
top: 10px;
border-radius: 4px !important;
margin-left: 10%;
float: unset !important;
height: unset !important;
background-color: #c60000;
}
#product-90107 .single_add_to_cart_button:hover{
background-color: #ffffff !important;
color: #c60000 !important;
}
#product-90107 span.amount{
color: #1c1c1c !important;
}
#product-90107 .entry-summary p.price span{
font-size: 20px!important;
}
#product-90107 #oilChartWrap{
display:none !important;
}

#post-7 span.amount{
color: #1c1c1c !important;
}
#vtGMPopupBg{
display: none;
position: fixed;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, .85);
top: 0px;
bottom: 0px;
z-index: 9999;
}
#vtGMPopupWrap{
display: none;
z-index: 99999;
position: fixed;
left: 50%;
width: 45%;
top: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
#vtGMPopupWrap h3{
color: #ffffff;
}
#vtGMPopupInnerWrap{
background-color: #ffffff;
padding: 0px 20px 5px 20px;
border-radius: 4px;
}
#vtGMPopupInnerWrap img{
padding: 10px 0px;
}
#vtGMPopupGo{
display: inline-block;
border-radius: 4px;
border: 1px solid #c60000;
background-color: #c60000;
padding: 10px 20px;
color: #ffffff;
position: relative;
font-size: 20px;
z-index: 20;
}
#vtGMPopupGo:hover{
color: #c60000;
background-color: #ffffff;
border: 1px solid #c60000;
}
#vtGMPopupNoShowWrap{
display: inline-block;
width: 100%;
position: relative;
display: block;
top: -20px;
text-align: left;
}
#vtGMPopupWrapClose{
position: absolute;
left: 7px;
top: 1px;
font-size: 30px;
color: #ffffff;
cursor: pointer;
}
#vtGMPopupWrapClose:hover{
color: #c60000;
}
#vtGMPopupNoShowWrap input{
cursor: pointer;
}
#vtATCPopupBg{
display: none;
position: fixed;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, .85);
top: 0px;
bottom: 0px;
z-index: 9999;
}
#vtATCPopupWrap{
display: none;
z-index: 99999;
position: fixed;
left: 50%;
width: 45%;
top: 50%;
transform: translate(-50%, -50%);
}
#vtATCPopupWrap h3{
color: #ffffff;
text-align: center;
}
#vtATCPopupInnerWrap{
background-color: #ffffff;
padding: 20px;
max-height: 400px;
overflow-y: scroll;
border-radius: 4px;
}
#vtATCPopupGo{
display: inline-block;
border-radius: 4px;
border: 1px solid #c60000;
background-color: #c60000;
padding: 10px 20px;
margin-bottom: 20px;
color: #ffffff;
position: relative;
top: 10px;
font-size: 20px;
padding: 20px;
text-align: center;
cursor: pointer;
width: 90%;
margin-left: 5%;
display:none;
}
#vtATCPopupGo:hover{
color: #c60000;
background-color: #ffffff;
border: 1px solid #c60000;
}
#vtATCPopupAcceptWrap{
display: inline-block;
width: 100%;
position: relative;
display: block;
padding: 10px 0px;
text-align: center !important;
}
#vtATCPopupWrapClose{
position: absolute;
right: 7px;
top: 1px;
font-size: 30px;
color: #ffffff;
cursor: pointer;
}
#vtATCPopupWrapClose:hover{
color: #c60000;
}
#vtATCPopupAcceptWrap input{
cursor: pointer;
}
#vtArcheiveLinkWrap{
font-weight: bold;
text-align: center;
position: absolute;
width: 100%;
font-family: Monda;
}
#vtArcheiveLink{
color: #ffffff;
background-color: #c60000;
padding: 10px;
border-radius: 4px;
display:inline-block;
border: 1px solid #c60000;
position: relative;
top: 20px;
}
.term-allison-1000-gm-duramax-series #vtArcheiveLinkWrap{
font-weight: bold;
text-align: center;
position: relative;
width: 100%;
top: 0px;
font-family: Monda;
}
.term-allison-1000-gm-duramax-series #vtArcheiveLink{
color: #ffffff;
background-color: #c60000;
padding: 10px;
border-radius: 4px;
display: inline-block;
border: 1px solid #c60000;
position: relative;
top: -15px;
margin-bottom: 20px;
}
#vtArcheiveLink:hover{
background-color: #ffffff;
color: #c60000;
}
#vtArcheiveLinkWrap2{
font-weight: bold;
text-align: center;
position: relative;
width: 100%;
font-family: Monda;
}
#vtArcheiveLink2{
color: #ffffff;
background-color: #c60000;
padding: 10px;
border-radius: 4px;
border: 1px solid #c60000;
display:inline-block;
position: relative;
top: -25px;
}
#vtArcheiveLink2:hover{
background-color: #ffffff;
color: #c60000;
}
@media only screen and (max-width: 1280px){
#vtGMPopupWrap{
width: 55%;
}
#vtATCPopupWrap{
width: 55%;
}
}
@media only screen and (max-width: 1000px){
#vtArcheiveLinkWrap{
display:none;
}
}
@media only screen and (max-width: 980px){
.term-allison-1000-gm-duramax-series #vtArcheiveLink{
top: -25px;
}
#vtArcheiveLinkWrap{
width: 100%;
}
#vtGMPopupWrap{
width: 65%;
}
#vtGMPopupGo{
top: unset;
}
#vtGMPopupNoShowWrap{
top: unset;
text-align: center;
padding: 15px 0px 0px 0px;
}
#vtATCPopupWrap{
width: 65%;
}
#vtATCPopupGo{
top: unset;
}
#vtATCPopupNoShowWrap{
top: unset;
text-align: center;
padding: 15px 0px 0px 0px;
}
}
@media only screen and (max-width: 770px){
#vtGMPopupWrapClose{
left: -20px;
top: -4px;
}
#vtArcheiveLink2{
display:inline-block;
width:100%;
}
#vtATCPopupWrap{
width: 85%;
}
}

/** NEW model selection before vt **/
/** Tran select page **/
.page-template-image-shop-before .container{
width: 100% !important;
max-width: unset !important;
}
.page-template-image-shop-before #page-container #left-area{
padding-left: 0px !important;
padding-bottom: 0px !important;
}
.page-template-image-shop-before #main-footer .container{
width: 100% !important;
max-width: unset !important;
}
.vtNewSpecOverlay{
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: hsla(0,0%,100%,.9);
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s;
transition: all .3s;
border: 1px solid #e5e5e5;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
text-align: left;
font-size: 12px;
}
.et_shop_image:hover .vtNewSpecOverlay{
z-index: 0;
opacity: 1;
}
.vtNewSpecOverlay p{
padding-bottom: 5px !important;
}
/*******************************MD VT styles****************************/
#vtBackToTran{
border: 1px solid #c60000;
padding: 5px;
position: absolute;
margin-left: 20px;
background-color: #ffffff;
border-radius: 5px;
margin-top: 12px;
}
#vtBackToTran:hover{
background-color: #c60000;
transition: .5s;
color: #ffffff !important;
cursor: pointer;
}
.page-template-image-shop-md .container{
width: 100% !important;
max-width: unset !important;
background-color: #eeeeee;
}
.page-template-image-shop-md #main-footer{
z-index: 5;
}
.page-template-image-shop-md #main-footer .container{
background-color: unset;
}
.page-template-image-shop-md #page-container #left-area{
padding-left: 0px !important;
padding-bottom: 0px !important;
}
.page-template-image-shop-md #main-footer .container{
width: 100% !important;
max-width: unset !important;
}
.page-template-image-shop-md .universalNavWrap{
box-shadow: 0px 1px 10px #c60000;
}
.page-template-image-shop-md span.amount{
color: #ffffff !important;
}
.page-template-image-shop-md .prodShortDesc{
background-color: #ffffff;
}
.page-template-image-shop-md #vtSelectWrap{
width: 25%;
position: absolute;
/* height: 90%; */
background-color: #eeeeee;
padding-top: 20px;
padding-left: 20px;
border-right: 1px solid #eeeeee;
text-align: center;
}
.page-template-image-shop-md #vtTransSectDrop{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
margin-top:8px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;
}
.page-template-image-shop-md #vtImageWrap{
width: 73%;
overflow-x:scroll;
float:right;
padding-top: 0px;
padding-bottom: 40px;
position: relative;
margin-left: unset;
left: unset;
}
.page-template-image-shop-md #vtImageSect{
width: 1080px;
padding-top: 40px;
min-height: 200px;
background-color: #ffffff;
border-left: 1px solid #1c1c1c;
border-bottom: 1px solid #1c1c1c;
border-right: 1px solid #1c1c1c;
}
#mdVtInitialWrap{
position: fixed;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
background-color: #ffffff;
z-index: 99;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#mdVtInitial h3{
padding: 0px;
font-weight: bold;
font-size: 28px;
}
#mdVtInitial p{
padding: 0px;
font-weight: bold;
font-size: 20px;
}
#mdVtInitial label{
font-size: 14px;
}
#mdVtInitialSubmit{
display: inline-block;
padding: 10px 20px;
background-color: #ffffff;
border:1px solid #c60000;
border-radius: 5px;
color: #c60000;
cursor: pointer;
}
#mdVtInitialSubmit:hover{
background-color: #c60000;
color: #ffffff;
}
.vtSliderDivs{
display: inline-block;
color: #1c1c1c;
padding: 5px 10px;
border-bottom: 1px solid #eeeeee;
padding-bottom: 20px;
margin-bottom: 20px;
text-align:left;
width:90%;
background-color: #eeeeee;
border-radius: 5px;
}
#vtSliderDivGen{
display: none !important;
}
#vtP3GroupC{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupC{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupC:hover + #vtP3ShowGroupC{
display: block;
}
#vtP3GroupD{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupD{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupD:hover + #vtP3ShowGroupD{
display: block;
}
#vtP3GroupE{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupE{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupE:hover + #vtP3ShowGroupE{
display: block;
}
#vtP3GroupF{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupF{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupF:hover + #vtP3ShowGroupF{
display: block;
}
#vtOilGroupA{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtOilShowGroupA{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtOilGroupA:hover + #vtOilShowGroupA{
display: block;
}
#vtOilGroupA2{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtOilShowGroupA2{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtOilGroupA2:hover + #vtOilShowGroupA2{
display: block;
}
.vtFilterTitles{
/* color: #ffffff; */
font-size: 18px;
color: #1c1c1c !important;
position:relative;
}
#vtTransSerial{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
padding: 10px;
margin-top: 8px;
width: 80%;
display: inline-block;
position: relative;
border-radius: 4px;
font-size: 13.3333px !important;
font-weight:bold;
}
#vtTransSerialChange{
display: inline-block;
text-align: center;
width: 20%;
cursor: pointer;
background-color: #d8d8d8;
padding: 8px 5px;
border-radius: 5px;
}
#vtTransSerialButton{
display: inline-block;
text-align: center;
width: 18%;
cursor: pointer;
background-color: #d8d8d8;
padding: 8px 5px;
border-radius: 5px;
}
#vtTransSerialEnteredWrap{
display: none;
}
#vtTransSerialEnteredWrap ul{
padding: 5px 0px 0px 0px;
display: inline-block;
margin-right: 10px;
}
#vtTransSerialErr{
color: #c60000;
display: none;
}
#vtCurrentSerial{
border: none;
display: inline-block;
width: 120px;
padding: 5px 10px;
}
#vtMdImageSectInitial{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #1c1c1c;
z-index: 9999;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
#vtMdImageSectInitialInnerWrap{
width: 100%;
}
#vtMdImageSectInitialInner{
width: 80%;
margin-left:10%;
overflow-y: auto;
position: relative;
height: 620px;
border:1px solid #d8d8d8;
border-radius: 5px;
background-color: #ffffff;
}
@media only screen and (max-width: 1500px){
#vtMdImageSectInitialInner{
height: 460px;
}
}
.vtSliderDivsInitial{
position: relative;
width: 45%;
min-height: 145px;
border-bottom: 1px solid #d8d8d8;
padding: 20px 0px;
display: inline-block;
float: left;
}
#vtMdInitialTileReq{
color: #c60000;
font-size:16px;
margin-left: 5px;
}
.vtFilterInitialTitles{
font-size:20px;
}
#vtInitialSliderDivStallRatio{
border-bottom: unset !important;
}
#vtTransInitialSerial{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
padding: 10px;
margin-top: 8px;
width: 100%;
display: inline-block;
position: relative;
border-radius: 4px;
}
#vtInitialMdStallRatio{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
margin-top: 8px;
width: 100%;
display: inline-block;
position: relative;
border-radius: 4px;
cursor: pointer;
}
#vtInitStallRatio option{
padding: 5px;
cursor: pointer;
}
#vtMdStallRatio{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;
}
#vtMdStallRatio option{
padding: 5px;
cursor: pointer;
}
#vtInitialMdStart{
position: relative;
margin: 0 auto;
width:200px;
text-align: center;
padding: 20px;
background-color: #c60000;
color: #ffffff;
cursor: pointer;
font-size: 20px;
border: 1px solid #c60000;
border-radius: 5px;
margin-top: 20px;
margin-bottom: 40px;
}
#vtInitialMdStart:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vtMDTagLocPop{
display: none;
width: 600px;
padding:20px;
background-color: #ffffff;
border-radius: 5px;
border: 10px solid #424242;
z-index: 99999;
position:fixed;
}
#vtMDTagLocPop img{
width:100%;
border-radius:5px;
}
#vtMDRPRPop{
display: none;
width: 600px;
padding:10px;
background-color: #424242;
border-radius: 5px;
z-index: 99999;
position:fixed;
}
#vtMDRPRPop img{
width:100%;
border-radius:5px;
}
#vtMDRPRPop2{
display: none;
width: 600px;
padding:10px;
background-color: #424242;
border-radius: 5px;
z-index: 99999;
position:fixed;
}
#vtMDRPRPop2 img{
width:100%;
border-radius:5px;
}
#vtMDRPRPop3{
display: none;
width: 600px;
padding:10px;
background-color: #424242;
border-radius: 5px;
z-index: 99999;
position:fixed;
}
#vtMDRPRPop3 img{
width:100%;
border-radius:5px;
}
#vtSliderDivsInitialNoSerialBG{
position: fixed;
top:0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, .7);
z-index: 99998;
display:none;
}
#vtSliderDivsInitialNoSerial{
/* display: none; */
width: 700px;
/* height:400px; */
padding:20px;
background-color: #ffffff;
border-radius: 5px;
border: 10px solid #1c1c1c;
z-index: 99999;
position:fixed;
top: 50%;
left: 50%;
margin-top: -200px; /* Negative half of height. */
margin-left: -350px; /* Negative half of width. */
text-align: center;
color: #1c1c1c;
display:none;
}
#vtSliderDivsInitialNoSerialBack{
width: 40%;
margin-right: 5%;
margin-top: 40px;
display: inline-block;
padding: 10px;
background-color: #424242;
border-radius: 4px;
color: #ffffff;
font-weight: bold;
cursor: pointer;
border: 2px solid #424242;
}
#vtSliderDivsInitialNoSerialBack:hover{
background-color: #ffffff;
color: #424242;
transition: .25s;
}
#vtSliderDivsInitialNoSerialCont{
width: 40%;
display: inline-block;
margin-top: 40px;
margin-left: 5%;
padding: 10px;
background-color: #c60000;
border-radius: 4px;
color: #ffffff;
font-weight: bold;
cursor: pointer;
border: 2px solid #c60000;
}
#vtSliderDivsInitialNoSerialCont:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vtMDTcYes{
width: 40%;
text-align: center;
margin-top: 20px;
padding: 20px;
font-size: 16px;
font-weight: bold;
background-color: #c60000;
color: #ffffff;
border-radius: 5px;
cursor: pointer;
display: inline-block;
margin-left: 5%;
border: 2px solid #c60000;
}
#vtMDTcYes:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vtMDTcNo{
width: 40%;
text-align: center;
margin-top: 20px;
padding: 20px;
font-size: 16px;
font-weight: bold;
background-color: #1c1c1c;
color: #ffffff;
border-radius: 5px;
cursor: pointer;
display: inline-block;
margin-left: 10%;
border: 2px solid #1c1c1c;
}
#vtMDTcNo:hover{
background-color: #ffffff;
color: #1c1c1c;
transition: .25s;
}
#vtMDTcYesWrap{
text-align:center;
}
#vtMDTcYesNo{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vtMdStallRatioInit{
padding: 20px;
border-radius: 5px;
font-size: 16px;
margin-bottom: 20px;
cursor: pointer;
}
#vtMDTcYesYes{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
#vtMDTcYesYes:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vtMDTcNoWrap{
text-align:center;
}
#vtMDTcNoNo{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vtMDTcNoYes{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display:inline-block;
margin-top: 20px;
}
#vtMDTcNoYes:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#MDperif29514527{
width: 288px;
height: 28px;
position: absolute;
top: 177px;
left: 34px;
cursor: pointer;
}
#MDperif29514527 a{
width: 100%;
display: block;
position: relative;
height: 100%;
}
#MDperif29514527:hover{
border: 2px solid #c60000;
border-radius: 5px;
}
#MDperif29517003{
width: 288px;
height: 28px;
position: absolute;
top: 205px;
left: 34px;
cursor: pointer;
}
#MDperif29517003 a{
width: 100%;
display: block;
position: relative;
height: 100%;
}
#MDperif29517003:hover{
border: 2px solid #c60000;
border-radius: 5px;
}
#vtStockKits3rd .products{
text-align: center;
}
#vtStockKits3rd .products li{
width: 24% !important;
margin: .2% !important;
clear: none !important;
/* display:none;  */
}
#vtStockKits3rd .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtStockKits3rd .products li .quantity{
display: inline-block;
width: 20%;
float: left;
}
#vtStockKits3rd .products li .qty{
height: 33px;
width: 100%;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtStockKits3rd .products li .productsButton{
width: 78% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
#vtStockKits4th .products{
text-align: center;
}
#vtStockKits4th .products li{
width: 24% !important;
margin: .2% !important;
clear: none !important;
/* display:none;  */
}
#vtStockKits4th .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtStockKits4th .products li .quantity{
display: inline-block;
width: 25%;
float: left;
}
#vtStockKits4th .products li .qty{
height: 33px;
width: 100%;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtStockKits4th .products li .productsButton{
width: 73% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
#vtStockKits4thProg .products{
text-align: center;
}
#vtStockKits4thProg .products li{
width: 24% !important;
margin: .2% !important;
clear: none !important;
/* display:none;  */
}
#vtStockKits4thProg .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtStockKits4thProg .products li .quantity{
display: inline-block;
width: 20%;
float: left;
}
#vtStockKits4thProg .products li .qty{
height: 33px;
width: 100%;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtStockKits4thProg .products li .productsButton{
width: 78% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
#vtStockKits5th .products{
text-align: center;
}
#vtStockKits5th .products li{
width: 24% !important;
margin: .2% !important;
clear: none !important;
/* display:none;  */
}
#vtStockKits5th .products li .price{
background-color: #000000 !important;
color: #ffffff !important; 
text-align:center !important;
font-weight: bold;
}
#vtStockKits5th .products li .quantity{
display: inline-block;
width: 20%;
float: left;
}
#vtStockKits5th .products li .qty{
height: 33px;
width: 100%;
position: relative;
top: 6px;
font-size: 16px !important;
background-color: #d8d8d8 !important;
color: #000000 !important;
border-radius: 0px;
}
#vtStockKits5th .products li .productsButton{
width: 78% !important;
margin-top:2px !important;
margin-left: 0px !important;
position: relative;
top: 6px;
color: #ffffff;
background-color: #c60000;
border-radius: 0px;
}
@media only screen and (max-width: 1470px){
#vtTransSerialChange{
width:unset;
}
}
@media only screen and (max-width: 1270px){
#vtTransSerialButton{
width:unset;
}
}
@media only screen and (max-width: 980px){
/* #vtInViewSub {
width: 50%;
margin-left: 45%;
}
.page-template-image-shop-before #vtInViewSub {
width: 20%;
margin-left: 40%;
}
.page-template-image-shop #vtInViewSub {
width: 20%;
margin-left: 40%;
} */
.vtSliderDivs:not(.page-template-image-shop-2000 .vtSliderDivs):not(.page-template-image-shop-md .vtSliderDivs):not(.page-template-image-shop-hd .vtSliderDivs){
padding-bottom: 0px;
margin-bottom: 0px;
}
#vtTransSerial{
width: 100%
}
}

/***********new initial page**********/
.page-template-image-shop-before .entry-content{
background: rgb(208,208,208);
background: -moz-linear-gradient(90deg, rgba(208,208,208,1) 0%, rgba(248,248,248,1) 50%, rgba(208,208,208,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(208,208,208,1) 0%, rgba(248,248,248,1) 50%, rgba(208,208,208,1) 100%);
background: linear-gradient(90deg, rgba(208,208,208,1) 0%, rgba(248,248,248,1) 50%, rgba(208,208,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d0d0d0",endColorstr="#d0d0d0",GradientType=1);
}
#vtInitTopSection{
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Monda';
}
.page-template-image-shop-before #vtMiddleSection{
padding: 0px 0px 120px 0px;
}
#vtInitMidTopBanWrap{
position: absolute;
width: 100%;
}
.page-template-image-shop-before #vtImageWrap{
top: 300px;
margin-bottom: 300px;
width: 90%;
left: 5%;
padding-top: 0px;
position: relative;
margin-left: unset !important;
padding-bottom: 0px !important;
}
.vtMidTopBanPans{
position:relative;
width: 100%;
display: inline-block;
padding: 0px;
}
#vtSelectTransTypeGM{
background-color: #101010;
box-shadow: 3px 0px 15px #101010;
border: unset !Important;
z-index: 1;
position: relative;
display:none;
}
#vtSelectTransTypeGM td{
border-top: unset !important;
}
@media only screen and (min-width: 1201px){
#vtSelectTransTypeGM td{
padding: 0px !important;
}
}
#vtSelectTransTypeComm{
background-color: #303030;
box-shadow: 3px 0px 15px #101010;
border: unset !Important;
z-index: 1;
position: relative;

}
#vtSelectTransTypeComm td{
border-top: unset !important;
}
@media only screen and (min-width: 1201px){
#vtSelectTransTypeComm td{
padding: 0px !important;
}
}
.page-template-image-shop-before #vtInViewSub{
width: 40%;
margin-left: 30%;
padding: 20px;
font-size: 18px;
text-align: center;
font-weight: bold;
color: #ffffff;
background-color: #c60000;
position: relative;
bottom: -30px;
border: 1px solid #c60000;
border-radius: 5px;
cursor: pointer;
}
#vtInitTitle{
width: 100%;
color: #000000;
padding: 25px 40px 0px 40px;
position: relative;
text-align:center;
display: inline-block;
width: 100%;
}
#vtInitTitle1{
font-family: "orbitron", sans-serif;
font-weight: 900;
font-style: normal;
padding-bottom:23px !important;
font-size:55px;
letter-spacing: 3.5px;
display: inline-block;
width: 100%;
}
#vtInitTitle2{
font-family: "orbitron", sans-serif;
font-weight: 300;
font-style: normal;
padding-bottom:25px !important;	
font-size: 30px;
letter-spacing: 3px;
display: inline-block;
width: 100%;
}
#vtInitTitle2 sup{
font-size: 6px;
top: -18px;
left: -1px;
}
#vtInitTitle3{
font-family: "vox", sans-serif;
font-weight: 300;
font-style: normal;
padding-bottom:0px !important;
font-size:16px;
}
#vtSelectTransTypeWrap{
text-align: center;
padding: 50px 0px 0px 0px;
position: relative;
z-index: 2;
}
#vtSelectTTGMType .vtTransTypes{
width: 100%;
display: inline-block;
position: relative;
margin-bottom: 0px;
background-color: #101010;
padding:40px;
font-family: Verdana, sans-serif !important;
}
#vtSelectTTCommType .vtTransTypes{
width: 100%;
display: inline-block;
position: relative;
margin-bottom: 0px;
background-color: #303030;
padding:40px;
font-family: Verdana, sans-serif !important;
}
.vtTransTypes p{
font-family: Verdana, sans-serif !important;
}
.vtTransTypes a{
font-family: Verdana, sans-serif !important;
}
.vtTransTypesAvail{
cursor: pointer;
}
.vtTransTypesAvail:hover{
transition: .5s;
transform: scale(1.05);
}
.vtTransTypesNotAvail{
cursor: not-allowed;
}
.vtTransTypesNotAvailCon{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2021/02/VT-Grayed-Out-Overlay.png);
background-size: cover;
/* opacity: .7; */
}
.vtTransTypePN{
position: absolute;
top: 0px;
color: #ffffff;
font-size: 30px;
width: 150px;
left: 40px;
z-index: 1;
}
.vtTransTypeTranImg{
width: 100%;
}
.vtTransTypeTables{
margin-bottom: 0px !important;
border: 0px !important;
}
.vtTransTypeTables td{
padding: 0px !important;
border-top:0px !important;
}
#vtSelectTransTypeGMTabs{
width: 100%;
position:relative;
text-align:left;
/* z-index:-1; */
}
#vtSelectTransTypeGMTabShadow1{
display: inline-block;
width:32%;
margin-right: 1.33%;
background-color: #101010;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height:100px;
box-shadow: 3px 0px 15px #101010;
z-index: 0;
padding: 30px 100px;
cursor: pointer;
position: absolute;
}
#vtSelectTransTypeGMTabShadow2{
display: inline-block;
width:32%;
margin-right: 1.33%;
margin-left: 33.6%;
background-color: #303030;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height:100px;
box-shadow: 3px 0px 15px #101010;
position: absolute;
z-index: 0;
padding: 30px 100px;
cursor: pointer;
}
#vtSelectTransTypeGMTab1{
display: inline-block;
width:32%;
margin-right: 1.33%;
background-color: #101010;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height:100px;
z-index: 2;
padding: 30px 100px;
cursor: pointer;
position: relative;
}
#vtSelectTransTypeGMTab2{
display: inline-block;
width:32%;
margin-right: 1.33%;
background-color: #303030;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
min-height:100px;
position: relative;
z-index: 2;
padding: 30px 100px;
cursor: pointer;
}
#vtSelectTransTypeGMTabStart1{
display: none;
}
#vtSelectTransTypeGMTabStart2{

}
#vtTransType1Td{
vertical-align: top;
text-align: center;
max-width:500px !important;
min-width: 300px !important;
}
#vtTransType1Card{
background-color: #ffffff;
text-align: center;
padding: 20px 0px;
width:70%;
position: relative;
}
.vtTransTypeCommCards{
background-color: #ffffff;
text-align: center;
margin: 0px 10px;
padding: 20px 10px;
position:relative;
}
.vtTransTypeCardsLower{
padding:0px 20px;
margin-top:-40px;
}
.vtTransTypeCardsLower p{
color: #101010 !important;
}
.vtTransTypeCommCardBot{
display: table-cell;
height: 113.19px;
margin-bottom: 15px;
vertical-align: middle;
}
.vtTransTypeRadWrap{
text-align: left;
width:100%;
border:0px !important;
margin-bottom: 25px !important;
}
.vtTransTypeRadWrap td{
padding: 4px !important;
color: #101010 !important;
}
.vtTransTypeRadInput{
text-align: center;
vertical-align: top;
}
.vtCardRadBtn{
padding: 20px 10px;
border-radius: 5px;
background-color: #ea0303;
border: 2.75px solid #ea0303;
color: #ffffff;
width: 92%;
margin-left: 4%;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
cursor: pointer;
}
.vtCardRadBtnView{
padding: 20px 10px;
border-radius: 5px;
border: 2.75px solid #ea0303;
color: #ea0303;
width: 92%;
margin-left: 4%;
font-weight: bold;
font-size: 16px;
margin-top:25px;
margin-bottom: 15px;
cursor: pointer;
}
.vtCardRadBtnOpen{
padding: 20px 10px;
border-radius: 5px;
background-color: #ffffff;
border: 2.75px solid #ffffff;
color: #ea0303;
text-decoration: underline;
width: 92%;
margin-left: 4%;
font-weight: bold;
font-size: 16px;
margin-bottom: 15px;
margin-top:25px;
cursor: pointer;
}
.vtCardRadBtn:hover{
background-color: #f92806;
border: 2.75px solid #f92806;
transition: .25s;
}
.vtCardRadBtnView:hover{
background-color: #f92806;
border: 2.75px solid #f92806;
color: #ffffff;
transition: .25s;
}
.vtCardRadBtnOpen:hover{
background-color: #f92806;
border: 2.75px solid #f92806;
color: #ffffff;
transition: .25s;
}
.vtCardBuyPopWrap{
display: none;
width: 675px;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
box-shadow: 5px 5px 15px #101010;
padding: 40px;
font-size: 16px;
z-index: 9999;
}
.vtCardBuyPopBackWrap{
width:50%;
display: inline-block;
margin-top: 40px;
}
.vtCardBuyPopBack{
padding: 10px 30px;
border: 2.75px solid #f92806;
background-color: #ffffff;
color: #f92806;
font-weight: bold;
text-align:center;
cursor: pointer;
width: 80%;
border-radius: 5px;
margin: 0 auto;
}
.vtCardBuyPopBack img{
display: inline-block;
max-width: 30px;
position: relative;
top: 2px;
}
.vtCardBuyPopForwardWrap{
width:50%;
display: inline-block;
margin-top: 40px;
}
.vtCardBuyPopForward{
padding: 10px 30px;
border: 2.75px solid #f92806;
background-color: #f92806;
color: #ffffff;
font-weight: bold;
text-align: center;
cursor: pointer;
width: 80%;
border-radius: 5px;
margin: 0 auto;
}
.vtCardBuyPopForward img{
display: inline-block;
max-width: 30px;
position: relative;
top: 2px
}
#vtSelectTTGMErrWrap{
position:relative;
margin: 40px 0px;
width:100%;
text-align:center;
display: none;
}
#vtSelectTTGMErr{
position:relative;
width:80%;
margin: 0 auto;
color: #ffffff;
font-weight: bold;
background-color: #c60000;
padding:20px;
font-size: 16px;
}
#vtSelectTTCommErrWrap{
position:relative;
margin: 40px 0px;
width:100%;
text-align:center;
display: none;
}
#vtSelectTTCommErr{
position:relative;
width:80%;
margin: 0 auto;
color: #ffffff;
font-weight: bold;
background-color: #c60000;
padding:20px;
font-size: 16px;
}
.vtTransTypeCardLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display:none;
}
#vtSelectTTGMFeatures{
width: 100%;
padding: 0px 80px 40px 80px;
}
#vtSelectTTGMFeatures table{
border: 0px !important;
}
#vtSelectTTGMFeatures td{
border: 0px !important;
}
#vtSelectTTGMFeat1{
position: relative;
vertical-align: bottom;
}
#vtSelectTTGMFeat1 img{
width:85%;
position:absolute;
top:0px;
}
#vtSelectTTGMFeat2{
vertical-align: top;
width: 60%; 
color: #ffffff;
}
#vtSelectTTGMFeat2 img{
width: 80%;
margin-bottom: 30px;
}
#vtSelectTTGMFeatUl{
list-style:none !important;
padding-left: 0px !important;
position: relative;
padding-right: 30px !important;
}
#vtSelectTTGMFeatUl li{
padding:5px;
position: relative;
font-family: Verdana, sans-serif;
font-size: 14px;
padding-right: 30px;
}
#vtSelectTTGMFeatUl li img{
max-width: 17px;
position: absolute;
margin-top:0px;
right: 10px;
top: 8px;
}
.vtSelectTTGMFeatLiSec{
background-color: #252525;
}
.vtSelectTTCommFeatLiSec{
background-color: #454545;
}
#vtSelectTTGMFeat3Iframe{
width:85%;
margin-top:525px;
position:relative;
z-index: 10;
}
#vtSelectTTGMFeat3Iframe iframe{
border: 2px solid #ea0303 !important;
}
#vtMidTopSaleBanner{
position: absolute; 
width: 45%; 
height: auto; 
top: 40px; 
right: 0;
}
@media only screen and (max-width: 1650px){
#vtSelectTTGMFeat3Iframe{
margin-top:450px;
}
#vtMidTopSaleBanner{
width: 50%; 
}
}
@media only screen and (max-width: 1420px){
#vtSelectTTGMFeat3Iframe{
margin-top:350px;
}
#vtMidTopSaleBanner{
width: 55%; 
}
}
#vtSelectTTGMFeat3watch{
font-size:25px;
color: #ea0303;
width:100%;
text-align:center;
margin-top:20px;
cursor: pointer;
}
#vtSelectTTGMCallout{
width: 100%;
padding: 0px 0px 120px 0px;
}
#vtSelectTTGMCallImg{
margin-bottom: 120px;
}
#vtSelectTTCommFeatures{
width: 100%;
padding: 0px 40px 40px 40px;
}
#vtSelectTTCommFeatures table{
border: 0px !important;
}
#vtSelectTTCommFeatures td{
border: 0px !important;
}
#vtSelectTTCommFeat1{
position: relative;
}
#vtSelectTTCommFeat1 img{
width: 75%;
position: absolute;
top: 60px;
}
#vtSelectTTCommFeat2{
vertical-align: top;
width: 60%; 
color: #ffffff;
}
#vtSelectTTCommFeat2Head{
width: 80%;
margin-bottom: 30px;
}
#vtSelectTTCommFeatHatPop{
position: relative;
}
#vtSelectTTCommFeatHat{
cursor: all-scroll;
width: 100%;
margin-bottom: 0px;
}
#vtSelectTTCommFeatHatHid{
display: none;
position: absolute;
width: 90%;
transform: translate( -207%, -90%);
z-index: 11;
}
#vtSelectTTCommFeatHat:hover + #vtSelectTTCommFeatHatHid{
display: block;
}
#vtSelectTTCommFeatUl{
list-style:none !important;
padding-left: 0px !important;
position: relative;
margin-right: 0px;
}
#vtSelectTTCommFeatUl li{
padding:5px;
position: relative;
font-family: Verdana, sans-serif;
font-size: 14px;
padding-right:30px;
}
#vtSelectTTCommFeatUl li img{
max-width: 17px;
position: absolute;
margin-top:0px;
right: 10px;
top: 8px;
}
.vtSelectTTCommFeatLiSec{
background-color: #282828;
}
#vtSelectTTCommFeat3Iframe{
width:78%;
position:relative;
z-index: 11;
}
#vtSelectTTCommFeat3Iframe iframe{
border: 2px solid #ea0303 !important;
}
#vtSelectTTCommFeat3watch{
font-size:25px;
color: #ea0303;
width:100%;
text-align:center;
margin-top:20px;
cursor: pointer;
}
#vtSelectTTCommCallout{
width: 100%;
padding: 0px 0px 120px 0px;
}
#vtSelectTTCommCallImg{
margin-bottom: 120px;
}
@media only screen and (max-width: 1500px){
#vtSelectTransTypeGMTabShadow1{
padding:30px 80px !important;
}
#vtSelectTransTypeGMTabShadow2{
padding:30px 80px !important;
}
#vtSelectTransTypeGMTab1{
padding:30px 80px !important;
}
#vtSelectTransTypeGMTab2{
padding:30px 80px !important;
}
#vtSelectTTCommType .vtTransTypeTables td{
display: inline-block !important;
width: 33.33% !important;
margin-bottom: 20px;
}
#vtSelectTTCommType .vtTransTypeTables td:nth-of-type(4){
margin-left: 15.15% !important;
}
#vtTransType1Td{
max-width: 420px !important;
}
.vtTransTypeCommCards{
height: unset !important;
}
.vtTransTypeCommCards .vtTransTypeRadWrap{
margin-left:20px !important;
}
#vtSelectTTCommType .vtTransTypeTables .vtTransTypeRadWrap td{
	width: unset !important;
}
}
@media only screen and (max-width: 1200px){
#vtMidTopSaleBanner{
width: 60%; 
}
.page-template-image-shop-before #vtImageWrap{
width: 98%;
left:1%;
}
#vtSelectTransTypeGMTabShadow1{
padding:30px 40px !important;
}
#vtSelectTransTypeGMTabShadow2{
padding:30px 40px !important;
}
#vtSelectTransTypeGMTab1{
padding:30px 40px !important;
}
#vtSelectTransTypeGMTab2{
padding:30px 40px !important;
}
#vtTransType1Td p:nth-of-type(1){
margin-left: 0px !important;
}
#vtTransType1Card{
margin-left: 40px !important;
}
#vtSelectTTGMFeatures td{
display: block;
width: 100% !important;
}
#vtSelectTTGMFeat1 img{
display: none;
}
#vtSelectTTGMFeat1{
padding-bottom: 40px !important;		
}
#vtSelectTTGMFeat3Iframe{
margin-top:0px;
width: 100%;
text-align:center;
padding-right: 0px !important;
}
#vtSelectTTGMFeat3Iframe iframe{
margin-top: 0px !important;	
height: 450px !important;
}
#vtSelectTTGMFeatUl{
margin-left: 0px !important;
width: 100% !important;
}
#vtSelectTTGMFeatTitle{
margin-left: 0px !important;
margin-top: 60px !important;
}
#vtSelectTTGMCallout img:nth-of-type(2){
padding: 0px 100px !important;
}
#vtSelectTTCommFeatures td{
display: block;
width: 100%;
}
#vtSelectTTCommFeat1{
margin-bottom: 40px;
padding-left: 40px !important;
padding-right: 40px !important;
}
#vtSelectTTCommFeat2{
padding-left: 40px !important;
padding-right: 40px !important;
}
#vtSelectTTCommFeat1 img{
display: none;
}
#vtSelectTTCommFeatVid{
padding-right: 5% !important;
padding-bottom: 40px !important;	
}
#vtSelectTTCommFeat3Iframe{
margin-top:0px;
width: 100%;
margin-left: 0px;
text-align: center;
}
#vtSelectTTCommFeatUl{
margin-right: 0px;
}
#vtSelectTTCommFeatHat{
padding-right: 40px !important;
padding-left: 40px !important;
}
#vtSelectTTCommCallout img:nth-of-type(2){
padding: 0px 100px !important;
}
#vtInitTitle{
padding: 20px 20px 0px 20px !important;	
}
#vtInitTitle1{
font-size: 45px !important;
}
#vtInitTitle2{
font-size: 25px !important;
}
}
@media only screen and (max-width: 1030px){
#vtMidTopSaleBanner{
width: 70%; 
}
#vtTransType1Td p:nth-of-type(1){
margin-left: 0px !important;
}
#vtSelectTTCommType .vtTransTypeTables td{
display: inline-block !important;
width: 50% !important;
margin-bottom: 20px;
}
#vtSelectTTCommType .vtTransTypeTables td:nth-of-type(4){
margin-left: 0px !important;
}
#vtSelectTTCommType .vtTransTypeTables td:nth-of-type(5){
margin-left: 25% !important;
}
}
/************vt initial mobile***************/
#vtMainMobTopBanner{
padding-bottom: 33px;
position: relative;
}
#vtMainMobTopSaleCard{
position: absolute;
width: 100%;
height: auto;
bottom: 0px;
right: unset;
left:0px;
}
#vtMainMobExplore{
font-size: 20px;
font-family: "vox", sans-serif;
font-weight: 700;
font-style: normal;
color: #ffffff;
text-align: left;
background-color: rgba(0, 0, 0, .3);
padding: 12px 0px;
text-indent: 25%;
}
#vtMainMobGMDropTitle{
font-family: "vox", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-align:left;
padding: 18px 0px;
text-indent: 25%;
cursor: pointer;
}
#vtMainMobGMDropTitle sup{
font-size:6px;
top: -7px;
}
#vtMainMobGMDropPlus{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 15px;
top: 4px;
position: relative;
}
#vtMainMobGMDrop{
padding-top: 23px;
padding-bottom: 43px;
display: none;
}
#vtTransType1CardMob{
background-color: #ffffff;
text-align: center;
padding: 20px 0px;
max-width: 225px;
margin: 0 auto;
position: relative;
background-color: #ffffff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
font-size:14px;
}
#vtTransType1CardMob td{
border-top: unset !important;
}
#vtMainMobCommDropTitle{
font-family: "vox", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
text-align:left;
padding: 18px 0px;
text-indent: 25%;
border-top: 2px solid rgba(0, 0, 0, .3);
cursor: pointer;
}
#vtMainMobCommDropTitle sup{
font-size:6px;
top: -7px;
}
#vtMainMobCommDropPlus{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 15px;
top: 4px;
position: relative;
}
#vtMainMobCommDrop{
padding: 0px;
width: 225px;
margin: 0 auto;
margin-top:23px;
margin-bottom: 43px;
position:relative;
display: none;
}
#vtMainMobCommDropCarousel, .vtTransTypeCommCardsMob{
list-style: none;
margin: 0;	
}
#vtMainMobCommDropCarousel{
width: 1300px;
list-style: none;
text-align:left;
position:relative;
padding:0px !important;
left: -9px;
display: flex;
vertical-align:top;
}
.vtTransTypeCommCardsMob{
position:relative;
width: 225px;
display: inline-block;
margin: 0px 10px;
background-color: #fff;
list-style: none;
text-align: center;
box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
font-size: 14px;
}
.vtTransTypeCommCardsMob td{
border-top: unset !important;
}
#vtMainMobCommDropPrev{
width: 65px;
height: 65px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/09/Arrow-Icon-Mobile-Left.svg');
background-repeat: no-repeat;
background-size: contain;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
left: -50px;
display: none;
}
#vtMainMobCommDropNext{
width: 65px;
height: 65px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/09/Arrow-Icon-Mobile-Right.svg');
background-repeat: no-repeat;
background-size: contain;	
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0px;
z-index: 2;
cursor: pointer;
right: -50px;
display: none;
}
#vtMainMobFeaturesSpacer{
width: 100%;
height: 45px;
border-top: 2px solid rgba(0, 0, 0, .3);
}
#vtMainMobFeatures{
background-color: #ffffff;
text-align:center;
}
#vtMainMobFeatures img{
max-width:440px;
width: 100%;
margin-top:23px;
}
#vtMainMobFeatures p{
text-align:left;
font-family: OpenSans-Medium;
font-size: 16px;
line-height:20px;
padding-bottom: 15px;
width: 300px;
margin: 0 auto;
}
#vtMainMobFeatures p:first-of-type{
padding-top: 15px;
}
#vtMainMobFeatures p:last-of-type{
padding-bottom: 50px;
}
#vtMainMobCallout{
padding-bottom: 52px;
background-color: #ffffff;
}
#vtMainMobVideo{
background-color: #ffffff;
padding-bottom: 63px;
}
#vtMainMobVideo iframe{
width: 80%;
min-height: 300px;
border: 2px solid #eb1c24;
}
#vtMainMobVideo p{
font-family: "vox", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #eb1c24;
padding-top: 5px;
letter-spacing: 1px;
cursor: pointer;
}
/* #vtMainMobFreeHat img:first-of-type{ */
/* margin-bottom: 50px; */
/* } */
#vtMainMobFreeHat img{
display: block;
}
#vtTransTypesShiftTab{
display: none;
}
@media only screen and (max-width: 1400px){
#vtTransTypesShiftTab{
display: block;
}
#vtTransTypesShiftTabPrev{
width: 65px;
height: 65px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/09/Arrow-Icon-Tablet-Left.svg');
background-repeat: no-repeat;
background-size: contain;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
left: 20px;	
display: none;
}
#vtTransTypesShiftTabPrev:hover{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/09/Arrow-Icon-Tablet-Left-Hover-_-Pressed-State.svg');	
}
#vtTransTypesShiftTabNext{
width: 65px;
height: 65px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/09/Arrow-Icon-Tablet-Right.svg');
background-repeat: no-repeat;
background-size: contain;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
right: 20px;	
}
#vtTransTypesShiftTabNext:hover{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/09/Arrow-Icon-Tablet-Right-Hover-_-Pressed-State-edited.svg');		
}
.vtTransTypes{
overflow-x: hidden;	
position: relative;
}
#vtSelectTransTypeComm .vtTransTypeTables{
padding: 0px;
width: 1000px;
margin: 0 auto;
position: relative;
display: block;	
overflow-x: hidden;	
}
#vtSelectTransTypeComm .vtTransTypeTables tr:not(.vtTransTypeRadWrap tr){
width: 1800px;
list-style: none;
text-align: left;
position: relative;
padding: 0px !important;
left:-7px;
display: block;
}
#vtSelectTransTypeComm .vtTransTypeTables td:not(.vtTransTypeRadWrap td){
display: inline-block;
width: 250px !important;
}
}
@media only screen and (max-width: 1300px){
#vtTransTypesShiftTabPrev{
left: 10px;	
}
#vtTransTypesShiftTabNext{
right: 10px;	
}
#vtSelectTTGMFeat3Iframe iframe{
height: 450px !important;
}	
}
@media only screen and (max-width: 1275px){
#vtTransType1Card{
width: 230px !important;
}
#vtSelectTransTypeComm .vtTransTypeTables{
width: 750px;
}
#vtTransTypesShiftTabPrev{
left: 60px;	
}
#vtTransTypesShiftTabNext{
right: 60px;	
}	
}
@media only screen and (max-width: 1060px){
#vtTransTypesShiftTabPrev{
left: 30px;	
}
#vtTransTypesShiftTabNext{
right: 30px;	
}	
#vtSelectTTGMFeat3Iframe iframe{
height: 350px !important;
}	
}
@media only screen and (max-width: 980px){
#vtTransTypesShiftTabPrev{
left: 10px;	
}
#vtTransTypesShiftTabNext{
right: 10px;	
}	
}
@media only screen and (max-width: 850px){
#vtMiddleSection:not(.page-id-86346 #vtMiddleSection):not(.page-id-87955 #vtMiddleSection):not(.page-id-86348 #vtMiddleSection):not(.page-id-90102 #vtMiddleSection){
display: none !important;
}
#vtBackToTran{
display: none;
}
#vtMiddleSectionMobile:not(.page-id-86346 #vtMiddleSectionMobile):not(.page-id-87955 #vtMiddleSectionMobile):not(.page-id-86348 #vtMiddleSectionMobile):not(.page-id-90102 #vtMiddleSectionMobile){
display:block !important;
width: 100%;
text-align: center;
padding: 0px;
font-size: 20px;
color: #111111 !important;
overflow-x: hidden;
}
#vtInitTopSection{
padding: 0px;	
}
#vtInitTitle{
padding: 31px 20px 0px 20px !important;	
}
#vtInitTitle1{
font-size:30px !important;
line-height: 30px !important;
padding-bottom: 17px !important;
letter-spacing: 1px !important;
}
#vtInitTitle1MobSolo{
width: 100%;
display: block;
}
#vtInitTitle2{
font-size:20px !important;
padding-bottom: 20px !important;
letter-spacing: 1px !important;
}
#vtInitTitle3{
padding-bottom: 25px !important;
}
}
@media only screen and (max-width: 700px){
.vtCardBuyPopWrap{
width: 95%;
}	
.vtCardBuyPopBackWrap{
display: block;
text-align: center;
margin: 0 auto;
margin-top: 20px;	
width: 100%;
}
.vtCardBuyPopBack{
width: 100%;
}
.vtCardBuyPopBack img{
display: none;
}
.vtCardBuyPopForwardWrap{
display: block;
text-align: center;
margin: 0 auto;
margin-top: 20px;
width: 100%;
}
.vtCardBuyPopForward{
width: 100%;
}
.vtCardBuyPopForward img{
display: none;
}
}
@media only screen and (max-width: 600px){
#vtMainMobVideo iframe{
min-height: 250px;
}	
}
@media only screen and (max-width: 550px){
#vtMainMobExplore{
text-indent: 20%;
}
#vtMainMobGMDropTitle{
text-indent: 20%;
}	
#vtMainMobCommDropTitle{
text-indent: 20%;
}		
}
@media only screen and (max-width: 500px){
#vtMainMobExplore{
text-indent: 15%;
}
#vtMainMobGMDropTitle{
text-indent: 15%;
}	
#vtMainMobCommDropTitle{
text-indent: 15%;
}	
#vtMainMobVideo iframe{
min-height: unset;
height: 200px;
}		
}
@media only screen and (max-width: 450px){
#vtMainMobExplore{
text-indent: 10%;
}
#vtMainMobGMDropTitle{
text-indent: 10%;
}	
#vtMainMobCommDropTitle{
text-indent: 10%;
}
#vtMainMobVideo iframe{
height: 175px;
}		
}
@media only screen and (max-width: 400px){
#vtInitTitle1{
font-size: 22px !important;
line-height: 22px !important;
}
#vtInitTitle2{
font-size: 18px !important;
line-height: 18px !important;
}
#vtInitTitle2 sup{
top: -10px;	
}
#vtInitTitle3{
font-size: 14px !important;
}
#vtMainMobExplore{
text-indent: 0px;
padding-left:20px;
padding-right:20px;
font-size:16px;
}
#vtMainMobGMDropTitle{
text-indent: 0px;
padding-left:20px;
padding-right:20px;
font-size: 14px;
}	
#vtMainMobCommDropTitle{
text-indent: 0px;
padding-left:20px;
padding-right:20px;
font-size: 14px;
}	
#vtMainMobGMDropPlus{
width: 14px;
height: 14px;
margin-left:10px;	
}
#vtMainMobCommDropPlus{
width: 14px;
height: 14px;
margin-left:10px;	
}
#vtMainMobFeatures p {
font-size: 14px;
}	
#vtMainMobVideo iframe{
height: 150px;
}	
}
@media only screen and (max-width: 350px){
#vtMainMobExplore{
padding-left:0px;
padding-right:0px;
text-align: center;
}
#vtMainMobGMDropTitle{
padding-left:0px;
padding-right:0px;
text-align: center;
}	
#vtMainMobCommDropTitle{
padding-left:0px;
padding-right:0px;
text-align: center;
}
#vtMainMobCommDropPrev{
left: -30px;
}
#vtMainMobCommDropNext{
right: -30px;	
}
#vtMainMobFeatures p{
width: unset;
padding: 0px 20px 15px 20px;
}
}
@media only screen and (max-width: 315px){
#vtInitTitle1{
font-size: 20px !important;
line-height: 20px !important;
}
#vtInitTitle2{
font-size: 16px !important;
line-height: 16px !important;
}
#vtInitTitle3{
font-size: 14px !important;
}	
}
/***************************end vt initial page***********************/

.vtTransTypeTranGo{
padding: 20px 5px;
text-align: center;
border-radius: 4px;
background-color: #43b21f;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
.vtTransTypeTranHold{
padding: 20px 5px;
text-align: center;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
background-color: #1c1c1c;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
.vtTransTypeTranPrice{
padding: 20px 5px;
text-align: center;
border-radius: 4px;
background-color: #c60000;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
.vtTransTypeTranHoldSub{
padding: 20px 5px;
text-align: center;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-color: #ffffff;
color: #c60000;
font-weight: normal;
font-size: 16px;
border: 1px solid #1c1c1c;
}
.vtTransTypeTranCon{
padding: 20px 5px;
text-align: center;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
background-color: #ec680b;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
.vtTransTypesLink{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.vtTransTypesLearnLink{
text-decoration: underline;
z-index: 10;
width: 100%;
text-align: center;
display: block;
padding: 10px 0px;
margin-top: 10px;
border-radius: 4px;
font-size: 18px;
position: relative;
border:2px solid #ffffff;
}
.vtTransTypesLearnLink:hover{
border:2px solid #c60000;
transition: .25s;
}
.vtTransTypesLearnNotLogLink{
z-index: 10;
text-align: center;
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
border-radius: 4px;
font-size: 18px;
position: relative;
border: 2px solid #c60000;
background-color: #c60000;
color: #ffffff;
}
.vtTransTypesLearnNotLogLink:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
.page-template-vt-1000-tutorial #main-content .container{
max-width: unset;
width: 100%;
}
.page-template-vt-md-tutorial #main-content .container{
max-width: unset;
width: 100%;
}
#vtHelpMiddleSection{
max-width:1080px;
width: 90%;
padding:40px 0px;
margin:0 auto;
font-family: 'Monda';
}
#vtHelpOutro{
margin-top: 40px;
padding: 20px;
border: 1px solid #000000;
box-shadow: 0px 3px 10px #000000;
font-size: 16px;
position: relative;
}
#vtHelpOutroSub1{
display: inline-block;
width: 49%;
position: relative;
}
#vtHelpOutroSub2{
display: inline-block;
width: 49%;
float: right;
position: relative;
}
@media only screen and (max-width: 800px){
#vtHelpOutroSub1{
width:100%;
}
#vtHelpOutroSub2{
width:100%;
float: unset;
}
}
/****vt 2000***/
.page-template-image-shop-2000 .prodShortDescFull{
position: absolute;
z-index: 10;
background-color: #1c1c1c;
color: #ffffff;
padding: 5px;
width: 100%;
font-size: 16px;
top: 0px;
left: 0px;
display: none;
}
.page-template-image-shop-2000  .prodShortDesc:hover{
color: #ffffff !important;
background-color: #424242 !important;
}
.page-template-image-shop-2000  .product:hover .prodShortDescFull{
display: block;
}
.page-template-image-shop-2000 .container{
width: 100% !important;
max-width: unset !important;
background-color: #eeeeee;
}
.page-template-image-shop-2000 #page-container #left-area{
padding-left: 0px !important;
padding-bottom: 0px !important;
}
.page-template-image-shop-2000 #main-footer .container{
width: 100% !important;
max-width: unset !important;
background-color: unset;
}
.page-template-image-shop-2000 .universalNavWrap{
box-shadow: 0px 1px 10px #c60000;
}
.page-template-image-shop-2000 span.amount{
color: #ffffff !important;
}
.page-template-image-shop-2000 .prodShortDesc{
background-color: #ffffff;
}
.page-template-image-shop-2000 #printButton{
position: absolute;
right:8px;
margin-top: 7px;
width: 35px;
height: 35px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2021/02/print-icon-2.png);
background-repeat: no-repeat;
cursor:pointer;
}
.page-template-image-shop-2000 #vtSelectWrap{
width: 25%;
position: absolute;
/* height: 90%; */
background-color: #eeeeee;
padding-top: 20px;
padding-left: 20px;
border-right: 1px solid #eeeeee;
text-align: center;
}
.page-template-image-shop-2000 #vtTransSectDrop{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
margin-top:8px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;
}
.page-template-image-shop-2000 #vtImageWrap{
width: 73%;
overflow-x:scroll;
float:right;
padding-top: 0px;
padding-bottom: 40px;
position: relative;
margin-left: unset;
left: unset;
}
.page-template-image-shop-2000 #vtImageSect{
width: 1080px;
padding-top: 40px;
min-height: 300px;
background-color: #ffffff;
border-left: 1px solid #1c1c1c;
border-bottom: 1px solid #1c1c1c;
border-right: 1px solid #1c1c1c;
}
.page-template-image-shop-2000 #vtMdImageSectInitialInner{
width: 80%;
margin-left:10%;
overflow-y: auto;
position: relative;
height: 500px;
border:1px solid #d8d8d8;
border-radius: 5px;
background-color: #ffffff;
}
.page-template-image-shop-2000 #vtProductWrap  .prodQuickView{
display:none !important;
}
#vt2000TransInitialNoSerial{
margin-top: 20px;
text-align: center;
color: #c60000;
cursor: pointer;
}
#vt2k3rdHelp:hover + #vt2k3rdHelpDiv{
display: block;
}
#vt2k3rdHelpDiv{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 300px;
}
#vt2k4thHelp:hover + #vt2k4thHelpDiv{
display: block;
}
#vt2k4thHelpDiv{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 300px;
}
#vt2k2010Help:hover + #vt2k2010HelpDiv{
display: block;
}
#vt2k2010HelpDiv{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 300px;
}
#vt2kInitialWrap{
position: fixed;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
background-color: #ffffff;
z-index: 9999;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#vt2kInitial h3{
padding: 0px;
font-weight: bold;
font-size: 28px;
}
#vt2kInitial p{
padding: 0px;
font-weight: bold;
font-size: 20px;
}
#vt2kInitial label{
font-size: 14px;
}
.vt2kP3InitSect{
text-align:center;
}
#vt2kP3MainInitRadios{
width: 100%;
}
#vt2kP3MainInitButton{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
margin-top: 20px;
display: inline-block;
min-width: 200px;
}
#vt2kP3MainInitButton:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vt2kP3InitIDButton{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display: inline-block;
min-width: 200px;
}
#vt2kP3InitIDButton:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vt2kP3InitModelButton{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display: block;
max-width: 200px;
margin: 0 auto;
margin-top: 20px;
}
#vt2kP3InitModelButton:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vt2kSubIdkOk{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display: inline-block;
min-width: 200px;
}
#vt2kSubIdkOk:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vt2kSubIDBack{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vt2kSubModelBack{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vt2kSubIdkBack{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vt2kP3InitTagIDSelect{
padding: 20px;
border-radius: 5px;
font-size: 16px;
margin-bottom: 20px;
cursor: pointer;
display: inline-block;
width:90%;
}
#vt2kP3SubModel1{
padding: 10px;
border-radius: 5px;
font-size: 16px !important;
cursor: pointer;
}
#vt2kP3SubModel2{
padding: 10px;
border-radius: 5px;
font-size: 16px !important;
cursor: pointer;
}
#vt2kP3SubModel3{
padding: 10px;
border-radius: 5px;
font-size: 16px !important;
cursor: pointer;
}
#vt2kP3SubModel4{
padding: 10px;
border-radius: 5px;
font-size: 16px !important;
cursor: pointer;
}
#vt2kP3TagIDSelect{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
margin-top: 8px;
width: 100%;
display: inline-block;
position: relative;
border-radius: 4px;
cursor: pointer;
}
#vt2kP3Model1{
width:15%;
}
#vt2kP3Model2{
width:15%;
}
#vt2kP3Model3{
width:15%;
}
#vt2kP3Model4{
width:15%;
margin-right: 5px;
}
#vt2kP3ModelButton{
display: inline-block;
text-align: center;
width: 20%;
cursor: pointer;
background-color: #d8d8d8;
padding: 8px 5px;
border-radius: 5px;
}
#vt2kP3ModelDisplay{
margin-top: 5px;
border: unset;
max-width: 75px;
text-align: center;
}
#vt2kP3InitModel1kMess{
max-width: 500px;
display: block;
margin: 0 auto;
margin-top: 20px;
border: 1px solid #c60000;
padding: 10px;
border-radius: 4px;
}
#vt2kVocModPop{
display: none;
width: 600px;
padding:10px;
background-color: #424242;
border-radius: 5px;
z-index: 99999;
position:fixed;
}
#vt2kVocModPop img{
width:100%;
border-radius:5px;
}
#vt2kTagIDPop{
display: none;
width: 600px;
padding:10px;
background-color: #424242;
border-radius: 5px;
z-index: 99999;
position:fixed;
}
#vt2kTagIDPop img{
width:100%;
border-radius:5px;
}
#vt2kSolSelect{
width:100%; 
padding: 0px 0px 0px 20px; 
margin-bottom: 10px;
margin-top:10px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#vt2kSolSelect p{
font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
}
#vt2kCastinNum{
width:100%; 
padding: 0px 0px 0px 20px; 
margin-bottom: 10px;
margin-top:10px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#vt2kCastinNum p{
font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
}
#vt2kCastinNum4th{
width:100%; 
padding: 0px 0px 0px 20px; 
margin-bottom: 10px;
margin-top:10px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}
#vt2kCastinNum4th p{
font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
}
#vt2kBrakeSelDrop{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
margin-top: 8px;
width: 100%;
display: inline-block;
position: relative;
border-radius: 4px;
cursor: pointer;
}

/*****previous buttons*****/
#vtPrevSchem{
position: absolute;
left: 0px;
width: 85px;
color: #c60000;
Margin-top: 20px;
cursor: pointer;
}
#vtPrevSchemInner{
position: absolute;
left: 0px;
width: 85px;
color: #c60000;
Margin-top: 20px;
cursor: pointer;
display: none;
}
#vtForwardSchem{
position: absolute;
right: 0px;
width: 119px;
color: #c60000;
Margin-top: 20px;
cursor: pointer;
}
#vtOtherPrevNextWrap{
position: absolute;
width:100%;
max-width: 1080px;
}
#vtOtherPrevSchem{
position: absolute;
left: 10px;
width: 85px;
color: #c60000;
Margin-top: 5px;
cursor: pointer;
z-index:10;
}
#vtOtherForwardSchem{
position: absolute;
left: 910px;
width: 119px;
color: #c60000;
Margin-top: 5px;
cursor: pointer;
z-index:10;
}
#vtOtherPrevNextWrap #vtOtherPrevSchem{
position: absolute;
left: 10px;
width: 85px;
color: #c60000;
Margin-top: 5px;
cursor: pointer;
z-index:10;
display: inline-block;
}
#vtOtherPrevNextWrap #vtOtherForwardSchem{
left: unset;
position: absolute;
right: 50px;
width: 119px;
color: #c60000;
Margin-top: 5px;
cursor: pointer;
z-index:10;
display: inline-block;
}

/******************VT HD Specifics***************************/
.page-template-image-shop-hd .container{
width: 100% !important;
max-width: unset !important;
background-color: #eeeeee;
}
.page-template-image-shop-hd #main-footer{
z-index: 5;
}
.page-template-image-shop-hd #main-footer .container{
background-color: unset;
}
.page-template-image-shop-hd #page-container #left-area{
padding-left: 0px !important;
padding-bottom: 0px !important;
}
.page-template-image-shop-hd #main-footer .container{
width: 100% !important;
max-width: unset !important;
}
.page-template-image-shop-hd .universalNavWrap{
box-shadow: 0px 1px 10px #c60000;
}
.page-template-image-shop-hd span.amount{
color: #ffffff !important;
}
.page-template-image-shop-hd .prodShortDesc{
background-color: #ffffff;
}
.page-template-image-shop-hd #vtSelectWrap{
width: 25%;
position: absolute;
/* height: 90%; */
background-color: #eeeeee;
padding-top: 20px;
padding-left: 20px;
border-right: 1px solid #eeeeee;
text-align: center;
}
.page-template-image-shop-hd #vtTransSectDrop{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
margin-top:8px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;
}
.page-template-image-shop-hd #vtImageWrap{
width: 73%;
overflow-x:scroll;
float:right;
padding-top: 0px;
padding-bottom: 40px;
position: relative;
margin-left: unset;
left: unset;
}
.page-template-image-shop-hd #vtImageSect{
width: 1080px;
padding-top: 40px;
min-height: 200px;
background-color: #ffffff;
border-left: 1px solid #1c1c1c;
border-bottom: 1px solid #1c1c1c;
border-right: 1px solid #1c1c1c;
}
#hdVtInitialWrap{
position: fixed;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
background-color: #ffffff;
z-index: 9999;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#hdVtInitial h3{
padding: 0px;
font-weight: bold;
font-size: 28px;
}
#hdVtInitial p{
padding: 0px;
font-weight: bold;
font-size: 20px;
}
#hdVtInitial label{
font-size: 14px;
}
#hdVtInitialSubmit{
display: inline-block;
padding: 10px 20px;
background-color: #ffffff;
border:1px solid #c60000;
border-radius: 5px;
color: #c60000;
cursor: pointer;
}
#hdVtInitialSubmit:hover{
background-color: #c60000;
color: #ffffff;
}
#vtP3GroupG{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupG{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupG:hover + #vtP3ShowGroupG{
display: block;
}
#vtP3GroupH{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupH{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupH:hover + #vtP3ShowGroupH{
display: block;
}
#vtHdStallRatio{
background-color: #ffffff;
color: #1c1c1c;
border: 1px solid #1c1c1c;
font-weight: bold;
padding: 10px;
width:100%;
display:inline-block;
position:relative;
border-radius: 4px;
cursor:pointer;
}
#vtHdStallRatio option{
padding: 5px;
cursor: pointer;
}
#vthdTcYes{
width: 40%;
text-align: center;
margin-top: 20px;
padding: 20px;
font-size: 16px;
font-weight: bold;
background-color: #c60000;
color: #ffffff;
border-radius: 5px;
cursor: pointer;
display: inline-block;
margin-left: 5%;
border: 2px solid #c60000;
}
#vthdTcYes:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vthdTcNo{
width: 40%;
text-align: center;
margin-top: 20px;
padding: 20px;
font-size: 16px;
font-weight: bold;
background-color: #1c1c1c;
color: #ffffff;
border-radius: 5px;
cursor: pointer;
display: inline-block;
margin-left: 10%;
border: 2px solid #1c1c1c;
}
#vthdTcNo:hover{
background-color: #ffffff;
color: #1c1c1c;
transition: .25s;
}
#vthdTcYesWrap{
text-align:center;
}
#vthdTcYesNo{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vthdStallRatioInit{
padding: 20px;
border-radius: 5px;
font-size: 16px;
margin-bottom: 20px;
cursor: pointer;
}
#vthdTcYesYes{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
}
#vthdTcYesYes:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vthdTcNoWrap{
text-align:center;
}
#vthdTcNoNo{
font-size: unset !important;
color: #c60000;
cursor: pointer;
text-align: center;
text-decoration: underline;
margin-bottom: 20px;
}
#vthdTcNoYes{
padding: 20px;
border: 2px solid #c60000;
border-radius: 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display:inline-block;
margin-top: 20px;
}
#vthdTcNoYes:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#vtP3GroupB{
color: #c60000;
text-decoration: underline;
cursor: pointer;
}
#vtP3ShowGroupB{
position: absolute;
padding: 10px 5px;
font-size: 14px;
background-color: #ffffff;
left: 100px;
border: 2px solid #d8d8d8;
z-index: 9999;
display: none;
border-radius: 5px;
min-width: 400px;
}
#vtP3GroupB:hover + #vtP3ShowGroupB{
display: block;
}

/*****************VT mobile styling****************/
.page-id-86346 .container, .page-id-87955 .container, .page-id-86348 .container, .page-id-90102 .container{
min-width: 1080px;
}
.page-id-86346 #vtSelectWrapMobShow, .page-id-87955 #vtSelectWrapMobShow, .page-id-86348 #vtSelectWrapMobShow, .page-id-90102 #vtSelectWrapMobShow{
display: none;	
color: #ffffff;
cursor: pointer;
margin-left: 0px;
padding: 5px 10px;
background-color: #1c1c1c;
border-top-right-radius: 4px;
}
.page-id-86346 #vtMobShowFiltersWrap, .page-id-87955 #vtMobShowFiltersWrap, .page-id-86348 #vtMobShowFiltersWrap, .page-id-90102 #vtMobShowFiltersWrap{
width: 100%;
padding: 10px 20px;
display: none;
}
.page-id-86346 #vtMobShowFilters, .page-id-87955 #vtMobShowFilters, .page-id-86348 #vtMobShowFilters, .page-id-90102 #vtMobShowFilters{
padding: 5px 20px;
display: inline-block;
text-align:center;
background-color: #eeeeee;
color: #111111;
cursor: pointer;
}
.page-id-87955 #vtMobShowFilters, .page-id-86348 #vtMobShowFilters, .page-id-90102 #vtMobShowFilters{
background-color: #424242 !important;	
color: #ffffff;
}
.page-id-86346 #vtMobChangeZoom, .page-id-87955 #vtMobChangeZoom, .page-id-86348 #vtMobChangeZoom, .page-id-90102 #vtMobChangeZoom{
padding: 5px 20px;
display: inline-block;
text-align:center;
background-color: #eeeeee;
color: #111111;
cursor: pointer;
float: right;
}
.page-id-87955 #vtMobChangeZoom, .page-id-86348 #vtMobChangeZoom, .page-id-90102 #vtMobChangeZoom{
background-color: #424242 !important;
color: #ffffff;
}
.page-id-86346 #vtMobHideFiltersWrap, .page-id-87955 #vtMobHideFiltersWrap, .page-id-86348 #vtMobHideFiltersWrap, .page-id-90102 #vtMobHideFiltersWrap{
display: inline-block;
width: 50%;
padding: 10px 0px;
display: none;
}
.page-id-86346 #vtMobHideFilters, .page-id-87955 #vtMobHideFilters, .page-id-86348 #vtMobHideFilters, .page-id-90102 #vtMobHideFilters{
padding: 5px 20px;
display: inline-block;
text-align:center;
background-color: #eeeeee;
color: #111111;
max-width: 150px;
cursor: pointer;
}
@media only screen and (max-width: 1180px){
.page-id-86346 .container, .page-id-87955 .container, .page-id-86348 .container, .page-id-90102 .container{
width: 100%;
min-width:unset;
}
.page-id-86346 #vtTopSection, .page-id-87955 #vtTopSection, .page-id-86348 #vtTopSection, .page-id-90102 #vtTopSection{
padding-top:20px;
padding-bottom: 0px;
}
.page-id-86346 #vtBackToTran, .page-id-87955 #vtBackToTran, .page-id-86348 #vtBackToTran, .page-id-90102 #vtBackToTran{
display: none;
}
.page-id-86346 #vtSelectWrap div:not(#vtMobHideFiltersWrap):not(#vtVideoToggle):not(#vtVideoWrap), .page-id-87955 #vtSelectWrap div:not(#vtMobHideFiltersWrap):not(#vtVideoToggle):not(#vtVideoWrap), .page-id-86348 #vtSelectWrap div:not(#vtMobHideFiltersWrap):not(#vtVideoToggle):not(#vtVideoWrap), .page-id-90102 #vtSelectWrap div:not(#vtMobHideFiltersWrap):not(#vtVideoToggle):not(#vtVideoWrap){
width: 100% !important;
}
.page-id-86346 #vtVideoToggle, .page-id-87955 #vtVideoToggle, .page-id-86348 #vtVideoToggle, .page-id-90102 #vtVideoToggle{
position: relative;
right: unset;
float: right;
text-align: right;
color: #ffffff;
top: 10px;
padding-right: 10px;
width: 50%;
display: inline-block;
}
.page-id-86346 #vtVideoWrap, .page-id-87955 #vtVideoWrap, .page-id-86348 #vtVideoWrap, .page-id-90102 #vtVideoWrap{
width: 80% !important;
margin-left:10% !important;
top: 150px !Important;
position: fixed;
}
.page-id-86346 #vtImageWrap, .page-id-87955 #vtImageWrap, .page-id-86348 #vtImageWrap, .page-id-90102 #vtImageWrap{
Width: 100%;
left: 0;
margin-left: unset;
}
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width:1080px;
zoom: 1.1;
}
.page-id-86346 #vtImageSectWrap, .page-id-87955 #vtImageSectWrap, .page-id-86348 #vtImageSectWrap, .page-id-90102 #vtImageSectWrap{
position: relative;
overflow-x: scroll;
overflow-y: hidden;
background-color: #ffffff;
}
.page-id-86346 #vtSelectWrap #vtPrevSchem, .page-id-87955 #vtSelectWrap #vtPrevSchem, .page-id-86348 #vtSelectWrap #vtPrevSchem, .page-id-90102 #vtSelectWrap #vtPrevSchem{
width: 85px !important;
}
.page-id-86346 #vtSelectWrap #vtPrevSchemInner, .page-id-87955 #vtSelectWrap #vtPrevSchemInner, .page-id-86348 #vtSelectWrap #vtPrevSchemInner, .page-id-90102 #vtSelectWrap #vtPrevSchemInner{
width: 85px !important;
}
.page-id-86346 #vtSelectWrap #vtForwardSchem, .page-id-87955 #vtSelectWrap #vtForwardSchem, .page-id-86348 #vtSelectWrap #vtForwardSchem, .page-id-90102 #vtSelectWrap #vtForwardSchem{
width: 119px !important;
}
.page-id-86346 #vtInViewSub, .page-id-87955 #vtInViewSub, .page-id-86348 #vtInViewSub, .page-id-90102 #vtInViewSub{
width: 60%;
margin-left: 20%;
}
.page-id-86346 #vtInReportIssue, .page-id-87955 #vtInReportIssue, .page-id-86348 #vtInReportIssue, .page-id-90102 #vtInReportIssue{
width: 100%;
text-align:center;
margin-top: 60px;
}
.page-id-86346 #vtImageWrapfooter, .page-id-87955 #vtImageWrapfooter, .page-id-86348 #vtImageWrapfooter, .page-id-90102 #vtImageWrapfooter{
margin-top: 30px;
padding: 10px;
width: 90%;
margin-left: 5%;
}
.page-id-86346 #vtTitle, .page-id-87955 #vtTitle, .page-id-86348 #vtTitle, .page-id-90102 #vtTitle{
font-size: 18px;
}
.page-id-86346 #vtSubTitle, .page-id-87955 #vtSubTitle, .page-id-86348 #vtSubTitle, .page-id-90102 #vtSubTitle{
font-size: 14px !important;
}
.page-id-86346 #vtSelectWrapMobShow, .page-id-87955 #vtSelectWrapMobShow, .page-id-86348 #vtSelectWrapMobShow, .page-id-90102 #vtSelectWrapMobShow{
display: inline-block;	
}
.page-id-86346 #vtMobShowFiltersWrap, .page-id-87955 #vtMobShowFiltersWrap, .page-id-86348 #vtMobShowFiltersWrap, .page-id-90102 #vtMobShowFiltersWrap{
display: block;
}
.page-id-86346 #vtMobHideFiltersWrap, .page-id-87955 #vtMobHideFiltersWrap, .page-id-86348 #vtMobHideFiltersWrap, .page-id-90102 #vtMobHideFiltersWrap{
display: inline-block;
}
.page-id-86346 #vtSelectWrap, .page-id-87955 #vtSelectWrap, .page-id-86348 #vtSelectWrap, .page-id-90102 #vtSelectWrap{
position: absolute;
width:300px;
z-index: 999;
padding-top: 20px;
background-color: #1c1c1c;
left: 0px;
top: 0px;
}
.page-id-87955 #vtSelectWrap, .page-id-86348 #vtSelectWrap, .page-id-90102 #vtSelectWrap{
background-color: #eeeeee !important;
}
#vtOtherPrevNextWrap{
max-width: 1180px;
}
.page-id-86346 #vtPrevSchem, .page-id-87955 #vtPrevSchem, .page-id-86348 #vtPrevSchem, .page-id-90102 #vtPrevSchem{
display: none;
}
.page-id-86346 #vtPrevSchemInner, .page-id-87955 #vtPrevSchemInner, .page-id-86348 #vtPrevSchemInner, .page-id-90102 #vtPrevSchemInner{
display: none;
}
.page-id-86346 #vtForwardSchem, .page-id-87955 #vtForwardSchem, .page-id-86348 #vtForwardSchem, .page-id-90102 #vtForwardSchem{
display: none;
}
.page-id-86346 .vtCarrierImage, .page-id-87955 .vtCarrierImage, .page-id-86348 .vtCarrierImage, .page-id-90102 .vtCarrierImage{
margin-top: 0px !important;
}
.page-id-86346 .vtCarrierImageNO, .page-id-87955 .vtCarrierImageNO, .page-id-86348 .vtCarrierImageNO, .page-id-90102 .vtCarrierImageNO{
margin-top: 0px !important;
}
.page-id-86346 .vtCarrierDivs, .page-id-87955 .vtCarrierDivs, .page-id-86348 .vtCarrierDivs, .page-id-90102 .vtCarrierDivs{
margin-top: 0px !important;
}
.page-id-86346 .vtCarrierDivsNO, .page-id-87955 .vtCarrierDivsNO, .page-id-86348 .vtCarrierDivsNO, .page-id-90102 .vtCarrierDivsNO{
margin-top: 0px !important;	
}

/* 2000 */
.page-template-image-shop-2000 #vtImageWrap{
width: 100%;
}
.page-template-image-shop-2000 #vtSelectWrap{
top: 71px !important;
width: 300px;
}
.page-template-image-shop-2000 #vtImageSect{
border: unset !Important;
}
.page-template-image-shop-2000 #printButton{
display: none;
}
.page-template-image-shop-2000 #vtOtherForwardSchem{ 
right: 10px !important;
}
.page-template-image-shop-2000 #vtMDImageWrapfooter{
width: 90%;
margin-left:5%;
}
.page-template-image-shop-2000 .vtSliderDivsInitial{
width: 90% !important;
margin-left:5% !important;
}
.page-template-image-shop-2000 #vtMdImageSectInitial{
zoom: 2;
}
.page-template-image-shop-2000 .vtSliderDivsInitial{
width: 90% !important;
margin-left:5% !important;
}

/* MD */
.page-template-image-shop-md #vtImageWrap{
width: 100%;
}
.page-template-image-shop-md #vtSelectWrap{
top: 71px !important;
width: 300px;
}
.page-template-image-shop-md #vtImageSect{
border: unset !Important;
}
.page-template-image-shop-md #printButton{
display: none !important;
}
.page-template-image-shop-md #vtOtherForwardSchem{ 
right: 10px !important;
}
.page-template-image-shop-md #vtMDImageWrapfooter{
width: 90%;
margin-left:5%;
}
.page-template-image-shop-md #vtMdImageSectInitial{
zoom: 2;
}
.page-template-image-shop-md .vtSliderDivsInitial{
width: 90% !important;
margin-left:5% !important;
}
.page-template-image-shop-md #vtSliderDivsInitialNoSerial{
width: 90%;
margin-left: -45%;
}

/* HD */
.page-template-image-shop-hd #vtImageWrap{
width: 100%;
}
.page-template-image-shop-hd #vtSelectWrap{
top: 71px !important;
width: 300px;
}
.page-template-image-shop-hd #vtImageSect{
border: unset !Important;
}
.page-template-image-shop-hd #printButton{
display: none !important;
}
.page-template-image-shop-hd #vtOtherForwardSchem{ 
right: 10px !important;
}
.page-template-image-shop-hd #vtMDImageWrapfooter{
width: 90%;
margin-left:5%;
}
.page-template-image-shop-hd #vtMdImageSectInitial{
zoom: 2;
}
.page-template-image-shop-hd .vtSliderDivsInitial{
width: 90% !important;
margin-left:5% !important;
}
.page-template-image-shop-hd #vtSliderDivsInitialNoSerial{
width: 90%;
margin-left: -45%;
}
}
@media only screen and (max-width: 1130px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: 1.05;
}
}
@media only screen and (max-width: 1080px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: 1;
}
.page-id-86346 #vtBottomSection, .page-id-87955 #vtBottomSection, .page-id-86348 #vtBottomSection, .page-id-90102 #vtBottomSection{
width:600px !important;
min-width: unset !important;
height: 500px !important;
overflow-y: auto;
}
}
@media only screen and (max-width: 1030px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
position: relative;
margin: 0 auto;
width: 1080px;
zoom: .95;
}
}
@media only screen and (max-width: 980px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .9;
}
}
@media only screen and (max-width: 930px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .85;
}
}
@media only screen and (max-width: 880px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .8;
}
}
@media only screen and (max-width: 830px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .75;
}
}
@media only screen and (max-width: 780px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .7;
}
}
@media only screen and (max-width: 730px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .65;
}
}
@media only screen and (max-width: 710px){
.page-id-86346 #vtInViewSub, .page-id-87955 #vtInViewSub, .page-id-86348 #vtInViewSub, .page-id-90102 #vtInViewSub{
width: 80%;
margin-left: 10%;
display: inline-block;
margin-bottom: 50px;
}
.page-id-86346 #vtImageSectReport, .page-id-87955 #vtImageSectReport, .page-id-86348 #vtImageSectReport, .page-id-90102 #vtImageSectReport{
display: inline-block;
position: relative;
width: 100%;
margin-right: 20px;
text-align: center;
}
.page-id-86346 #vtBottomSection, .page-id-87955 #vtBottomSection, .page-id-86348 #vtBottomSection, .page-id-90102 #vtBottomSection{
width:300px !important;
min-width: unset !important;
height: 425px !important;
overflow-y: auto;
}
}
@media only screen and (max-width: 680px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .60;
}
}
@media only screen and (max-width: 630px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .55;
}
}
@media only screen and (max-width: 580px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .50;
}
}
@media only screen and (max-width: 530px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .45;
}
.page-id-86346 #vtBottomSection, .page-id-87955 #vtBottomSection, .page-id-86348 #vtBottomSection, .page-id-90102 #vtBottomSection{
width:250px !important;
min-width: unset !important;
height: 400px !important;
overflow-y: auto;
}
}
@media only screen and (max-width: 480px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .40;
}
}
@media only screen and (max-width: 430px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .35;
}
}
@media only screen and (max-width: 380px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .30;
}
}
@media only screen and (max-width: 330px){
.page-id-86346 #vtImageSect, .page-id-87955 #vtImageSect, .page-id-86348 #vtImageSect, .page-id-90102 #vtImageSect{
width: 1080px;
zoom: .25;
}
}
/**************************END virtual transmission styles**********************/
/*********************************************************************************/
/*********************************************************************************/

/** fix tax on cart **/
.shop_table .tax-total span.amount{
color: #424242 !important;
float:right;
}
/** fix return label addon name **/
.product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #ffffff !important;
font-style: italic !important;
font-weight: normal !important;
}
/** fix return label XXX kits and PTO-COV addon name **/
.postid-27327 .product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #424242 !important;
font-style: unset !important;
font-weight: bold !important;
}
.postid-27328 .product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #424242 !important;
font-style: unset !important;
font-weight: bold !important;
}
.postid-30147 .product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #424242 !important;
font-style: unset !important;
font-weight: bold !important;
}
.postid-11062 .product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #424242 !important;
font-style: unset !important;
font-weight: bold !important;
}
.postid-11614 .product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #424242 !important;
font-style: unset !important;
font-weight: bold !important;
}
.postid-11882 .product-addon-do-you-want-a-return-label-continental-us-only h3{
color: #424242 !important;
font-style: unset !important;
font-weight: bold !important;
}

/*****************************************************************************
**
* NEW HOMEPAGE STYLES START
**
********************************************************************************/
/* .page-id-1304{
overflow: hidden;
} */
#uNavTopRightHome1{
display: inline-block;
font-weight: bold;
cursor: pointer;
}
#uNavTopRightHome1:hover{
color: #000000;
}
#uNavTopRightHome2{
font-weight: bold;
cursor: pointer;
color: #ffffff;
position: absolute;
bottom: -28px;
border-bottom-left-radius: 5px;
padding: 0px 20px 5px 20px;
background-color: #000000;
right: 0px;
display:none;
}
#uNavTopRightHome2:hover{
background-color: #c60000;
}
#site-wrap2{
position: relative;
/* padding-top: 105px; */
background-color: #ffffff;
z-index:10;
width: 100%;
}
/* #hpnWholeWrap{
width: 300%;
position: relative;
left: -100%;
display:inline-block;
} */
/* #hpnPagination{
width: 100%;
background-color: #1c1c1c;
color: #ffffff;
} */
#site-wrap2 .nivoslider{
min-height: 215px;
}
#hpnCommWrap{
width: 100%;
border: none;
float:left;
background-color: #ffffff;
}
#hpnCommWrap td{
border: none !important;
}
#hpnGMWrap{
width: 100%;
border: none;
float:right;
background-color: #ffffff;
}
#hpnGMWrap td{
border: none !important;
}

/* Commercial */
#hpnCommParts{
overflow-y: hidden;
}
#hpnCommPartsHead{
width: 100% !important;
text-align: center;
padding: 0px;
margin-bottom: 0px;
position:relative;
}
#hpnCommPartsHead .nivoSlider{
max-height:400px;
}
#hpnCommPartsHead .nivo-caption{
color: #ffffff !important;
display: inline-block;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
opacity: 1;
background-color: unset;
}
#hpnCommPartsHead #metaslider_10278 .nivo-caption{
height: 80% !important;
}
#hpnCommPartsHead .nivo-caption h1{
font-size: 70px;
font-weight:bold;
text-shadow: 0px 0px 5px #000000;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnCommPartsHead .nivo-caption h3{
text-shadow: 0px 0px 5px #000000;
font-size: 25px;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnCommPartsHead .sliderReplaceWrapper{
display: flex;
align-items: center;
align-content: center;
justify-content: center;
position: relative;	
}
#hpnCommPartsHead .sliderReplaceCapWrap{
color: #ffffff !important;
display: flex;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
opacity: 1;
background-color: unset;
}
#hpnCommPartsHead .sliderReplaceWrapper h1{
font-size: 70px;
font-weight:bold;
text-shadow: 0px 0px 5px #000000;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnCommPartsHead .sliderReplaceWrapper h3{
text-shadow: 0px 0px 5px #000000;
font-size: 25px;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnCommPartsHead #metaslider_10278{
display:none;
}
.hpnCommSecTiles{
padding: 0px 0px 0px 0px;
width: 100%;
display: inline-block;
position: relative;
top:-65px;
text-align: center;
border-bottom: 1px solid #000000;
}
.hpnCommSecTile1{
width: 30%;
color: #000000 !important;
font-size: 25px;
font-family: Monda;
background-color: #ffffff;
padding: 20px 5px !important;
position: relative;
top: 1px;
z-index: 10;
display: inline-block;
float: left;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-left: 4%;
margin-right: 1%;
cursor: pointer;
border: 1px solid #000000;
border-bottom: 0px !important;
}
.hpnCommSecTile3{
width: 30%;
color: #ffffff !important;
font-size: 25px;
font-family: Monda;
background-color: #000000;
padding: 20px 5px !important;
position: relative;
top: 1px;
z-index: 10;
display: inline-block;
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ffffff;
border-bottom: 0px !important;
margin-right: 1%;
}
.hpnCommSecTile3:hover{
background-color: #c60000;
color: #ffffff !important;
}
.hpnCommSecTile2{
width: 30%;
color: #ffffff !important;
font-size: 25px;
font-family: Monda;
background-color: #000000;
padding: 20px 5px !important;
position: relative;
top: 1px;
z-index: 10;
display: inline-block;
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ffffff;
border-bottom: 0px !important;
margin-right: 4%;
}
.hpnCommSecTile2:hover{
background-color: #c60000;
color: #ffffff !important;
}
#hpnCommCatsTitle{
color: #000000;
font-size: 30px;
text-align: center;
width: 100%;
display: inline-block;
padding: unset;
position: relative;
top: -25px;
}
#hpnCommContent{
width: 100%;
background-color: #ffffff;
position: relative;
top: -25px;
margin-bottom: 5px;
min-height: 50px;
}
#hpnCommSecShow{
position: absolute;
padding: 5px 0px;
background-color: #1c1c1c;
color: #ffffff;
min-width: 100px;
text-align: center;
margin-left: 50px;
margin-top: -16px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
cursor: pointer;
display: none;
}
#hpnCommSecShow:hover{
transition: .5s;
background-color: #c60000;
padding-top: 30px;
}
#hpnCommCats h3{
color: #000000 !important;
/* font-weight: bold; */
}
#hpnCommCatLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
width: 100%;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
min-height: 50px;
top: 0;
bottom: 0px;
z-index:9;
display:none;
}
#hpnCommCats{
width: 90%;
margin-left: 5%;
}
#hpnCommCats ul{
border-bottom: 1px solid #c60000;
margin-bottom: 0px !important;
padding: 0px 0px 20px 0px;
}
#hpnCommCats li{
width: 24% !important;
margin: .5% !important;
text-align: center;
margin-bottom: 5px;
font-size: 15px;
clear: none !important;
padding: 5px;
cursor: pointer;
display: inline-block;
}
#hpnCommCats li:hover{
border: 1px solid #c60000;
}
#hpnCommCats li img{
width: 75%;
}
#hpnCommCats li a{
color: #000000;
}
#hpnCommCats li p{
color: #000000;
}
#hpnCommCats h2.woocommerce-loop-category__title{
color: #000000 !important;
}
#hpnCommSurpAjaxWrap{
padding-top:30px;
}
#hpnCommSurpAjaxWrap li img{
width: 100% !important;
}
#hpnCommBotSlideWrap{
width: 90%;
margin-left: 5%;
padding-bottom: 20px;
padding-top:6px;
}
#hpnCommBotSlideInner{
padding: 0px !important;
list-style: none !important;
width: 100%;
display: inline-block;
border:none !important;
}
#hpnCommBotSlideInner li{
display: inline-block;
width: 13.2%;
margin-right: .5%;
margin-left: .5%;
position: relative;
float: left;
text-align: center;
margin-bottom: 20px;
}
#hpnCommBotSlideInner li:hover{
transform: scale(1.05);
transition: .5s;
}
#hpnCommBubbleTitle{
display: inline-block;
width: 100%;
text-align: center;
font-size: 25px;
padding-bottom: 20px;
color: #000000 !important;
}
#hpnCommBotSlideTitle1Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/04/surplus-bubble-2.png');
width: 150px;
height: 150px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
#hpnCommBotSlideTitle2Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2018/09/OIL5G-X-Front-1-scaled.jpg');
width: 150px;
height: 150px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
#hpnCommBotSlideTitle3Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/05/23016970-R.png');
width: 150px;
height: 150px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
#hpnCommBotSlideTitle4Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/04/cooler-bubble.jpg');
width: 150px;
height: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
#hpnCommBotSlideTitle5Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/04/publish-bubble.jpg');
width: 150px;
height: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
#hpnCommBotSlideTitle6Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/04/diagnostics-bubble-scaled.jpg');
width: 150px;
height: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
#hpnCommBotSlideTitle7Img{
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/06/55052-1743-DF.jpg');
width: 150px;
height: 150px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/* border-radius: 50%; */
margin: 0 auto;
margin-bottom: 10px;
}
.hpnCommBotSlideTitleWrap img{
width:50%;
margin-bottom: 20px;
}
.hpnCommBotSlideTitleWrap:eq(0){
background-color: unset;
}
.hpnCommBotSlideTitles{
font-size: 16px;
color: #1c1c1c !important;
/* text-shadow: 0px 0px 5px #000000; */
z-index: 2;
text-align: center;
}
#hpnCommSubcatHead{
width:100%;
}
#hpnCommSubcatHead p{
display: inline-block;
position: absolute;
float: left;
margin-left: 100px;
cursor: pointer;
padding: 5px 10px;
color: #ffffff;
background-color: #c60000;
border-radius: 4px;
margin-top: -10px;
}
#hpnCommSubcatHead p:hover{
text-decoration: underline;
}
#hpnCommSubcatHead h3{
text-align: center;
width: 100%;
}
#hpnCommToGmLink{
width:100%;
text-align: center;
padding: 0px 0px 20px 0px;
display: none;
}
#hpnCommToGmLink a{
color: #c60000;
}
#hpnCommToGmLink a:hover{
text-decoration: underline;
}
@media only screen and (max-width: 1415px){
.hpnCommSecTile1{
font-size:20px !important;
}
.hpnCommSecTile2{
font-size:20px !important;
}
.hpnCommSecTile3{
font-size:20px !important;
}
#hpnCommSubcatHead h3{
font-size:20px !important;
}
#hpnCommBubbleTitle{
font-size:20px !important;
}
}
@media only screen and (max-width: 1400px){
#hpnCommBotSlideInner li{
width: 19%;
}
#hpnCommCats li{
width: 32% !important;
margin-bottom: 40px !important;
}
}
@media only screen and (max-width: 1300px){
#hpnCommRenBanner{
height: 250px;

}
#hpnCommRenBanner h2{
font-size: 30px;
}
#hpnCommRenBanner h3{
font-size: 20px;
}
}
@media only screen and (max-width: 1160px){
.hpnCommSecTiles{
top: -45px;
}
.hpnCommSecTile1{
width: 45%;
margin-left:4%;
padding: 10px 5px !important;
}
.hpnCommSecTile2{
width: 45%;
margin-right: 4%;
padding: 10px 5px !important;
}
.hpnCommSecTile3{
display: none;
}
}
@media only screen and (max-width: 1130px){
#hpnCommBotSlideInner li{
width: 24%;
height: 220px;
}
#hpnCommSubcatHead{
position: relative;
text-align: center;
}
#hpnCommSubcatHead p{
position: relative;
float: unset;
margin: 0 auto;
margin-bottom:20px;
text-align: center;
}
}
@media only screen and (max-width: 960px){
#hpnCommCats ul{
margin-bottom: 20px !important;
}
#hpnCommContent{
top: unset;
padding-top: 20px;
}
.hpnCommSecTiles{
top: unset;
padding: 20px 0px 0px 0px;
}
#hpnCommBotSlideInner li{
width: 32%;
height: 220px;
}
#hpnCommPartsHead .nivo-caption h1{
font-size:50px;
}
#hpnCommPartsHead .nivo-caption h3{
font-size:20px;
}
#hpnCommPartsHead .sliderReplaceWrapper h1{
font-size:50px;
}
#hpnCommPartsHead .sliderReplaceWrapper h3{
font-size:20px;
}
#hpnCommCats li{
width: 49% !important;
}
#hpnCommRenBanner{
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 90%;
padding: 50px 0px 50px 0px;
}
#hpnCommRenBanner h2{
width: 90%;
text-align: center;
}
#hpnCommRenBanner h3{
width: 90%;
text-align: center;
}
}
@media only screen and (max-width: 860px){
#hpnCommToGmLink{
display: inline-block;
}
}
@media only screen and (max-width: 750px){
.hpnCommSecTile1{
font-size:18px !important;
}
.hpnCommSecTile2{
font-size:18px !important;
}
#hpnCommSubcatHead h3{
font-size:18px !important;
}
#hpnCommBubbleTitle{
font-size:18px !important;
}
}
@media only screen and (max-width: 720px){
#hpnCommPartsHead .nivo-caption h1{
font-size:30px;
}
#hpnCommPartsHead .nivo-caption h3{
display:none;
}
#hpnCommPartsHead .sliderReplaceWrapper h1{
font-size:30px;
}
#hpnCommPartsHead .sliderReplaceWrapper h3{
display:none;
}
.hpnCommSecTile1{
font-size: 18px !important;
width: 95%;
margin-left: 2.5%;
top: 5px;
}
.hpnCommSecTile2{
font-size: 18px !important;
width: 95%;
margin-left: 2.5%;
}
}
@media only screen and (max-width: 650px){
#hpnCommPartsHead .nivoSlider{
height: unset !important;
}
#hpnCommPartsHead .sliderReplaceWrapper{
height: unset !important;
}
#hpnCommCats li img {
width: 60%;
}
}
@media only screen and (max-width: 620px){
#hpnCommCats ul {
border-bottom: 0px;
}
#hpnCommCats li{
width: 49% !important;
border: 1px solid #eeeeee;
min-height: 205px;
margin-bottom: .5% !important;
float:left;
}
#hpnCommCats li p{ 
font-size: 12px;
}
.hpnCommBotSlideTitles{
font-size: 12px;
}
#hpnCommBubbleTitle{
padding-top: 20px;
border-top: 1px solid #c60000;
margin-top: 20px;
}
#hpnCommBotSlideInner {
padding: 0px 0px 0px 0px !important;
margin-top: 0px;
}
#hpnCommBotSlideInner li{
width: 49%;
height: 180px;
}
#hpnCommBotSlideTitle1Img{
width: 100px;
height: 100px;
}
#hpnCommBotSlideTitle2Img{
width: 100px;
height: 100px;
}
#hpnCommBotSlideTitle3Img{
width: 100px;
height: 100px;
}
#hpnCommBotSlideTitle4Img{
width: 100px;
height: 100px;
}
#hpnCommBotSlideTitle5Img{
width: 100px;
height: 100px;
}
#hpnCommBotSlideTitle6Img{
width: 100px;
height: 100px;
}
#hpnCommBotSlideTitle7Img{
width: 100px;
height: 100px;
}
}

/*****************************************************/
/*                  Start New Main                   */
/*****************************************************/
.page-template-new-homepage{
max-width: unset !important;
}
@media only screen and (min-width: 3000px){
.admin-bar #hpnMainCommSlide {
	top: 150px !important;
}
.admin-bar #hpnMainGMSlide {
	top: 150px !important;
}
.hpnMainCommLinks{
	white-space: nowrap;
}
}
.page-template-new-homepage .container{
max-width: unset;
width:100%;
}
.page-template-new-homepage .et_social_sidebar_networks{
display: none !important;
}
.page-template-new-homepage .et_social_mobile_button{
display: none !important;
}
.page-template-new-homepage .et_social_mobile{
display: none !important;
}
#hpnMainWrap{
width: 100%;
position: relative;
}
#hpnMainTopWrap{
width: 100%;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: #111111;
}
#hpnMainTitleWrap{
text-align: center;
padding-top: 146px;
}
#hpnMainTitleTag{
font-size: 35px;
font-family: OpenSans-Bold;
letter-spacing:-1px;
padding:0px !important;
color: #ffffff;
}
#hpnMainTitleTag2{
font-size: 100px;
font-family: SairaStencilOne-Regular;
letter-spacing: -2px;
padding:0px !important;
margin-top: 66px;
color: #ffffff;
}
#hpnMainTitleTag2 sup{
font-size: 8px;
top: -45px;
right: -1px;
}
#hpnMainImageWrap{
margin-top:38px;
text-align:center;
}
#hpnMainImageWrap img{
max-width:800px;
}
#hpnMainButtonsWrap{
width: 100%;
padding-left: 139px;
padding-right: 139px;
padding-bottom:68px;
}
#hpnMainButtonsTable{
border: unset;	
}
#hpnMainButtonsTd1{
text-align: left;
border-top: unset;
}
#hpnMainButtonsTd2{
text-align: center;
border-top: unset;
}
#hpnMainButtonsTd3{
text-align:right;
border-top: unset;
}
#hpnMainButtonLeft{
text-align: center;	
cursor: pointer;
background-color: #EB1C24;
padding: 13px 0px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: 303px;
display: inline-block;
}
#hpnMainButtonLeft:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#hpnMainButtonExerpt{
text-align: center;	
color: #ffffff;
max-width: 500px;
margin: 0 auto;
font-family: OpenSans_SemiCondensed-Medium;
font-size:16px;
line-height: 28px;
}
#hpnMainButtonExerpt sup{
font-size: 6px;
top: -8px;
}
#hpnMainButtonRight{
text-align: center;	
cursor: pointer;
background-color: #EB1C24;
padding: 13px 0px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: 303px;
display: inline-block;
}
#hpnMainButtonRight:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#hpnMainBotWrap{
width: 100%;
background-color: #ffffff;
padding-top: 79px;
padding-bottom: 126px;
padding-left: 141px;
padding-right: 141px;
}
#hpnMainBotWrapInner{
border: unset;
margin-bottom: unset;
}
#hpnMainBotWrap #hpnMainBotImgTr{
display: flex;
justify-content: space-between;
width: 100%;
}
#hpnMainBotImgTr div{
display: inline-block;
}
#hpnMainBotImg1{
width: 148px;
}
#hpnMainBotImg2{
width: 134px;
}
#hpnMainBotImg3{
width: 112px;	
}
#hpnMainBotImg4{
width: 105px;	
}
#hpnMainBotImg5{
width: 162px;	
}
#hpnMainBotImg6{
width: 107px;	
}
#hpnMainBotWrap #hpnMainBotImgTr img{
display: block;
line-height: 0;
width: 162px;
max-width: unset;
position: relative;
}
#hpnMainBotImg1 img{
left: -7px;
}
#hpnMainBotImg2 img{
left: -13px;
}
#hpnMainBotImg3 img{
left: -25px;	
}
#hpnMainBotImg4 img{
left: -28px;	
}
#hpnMainBotImg5 img{
left: 0px;	
}
#hpnMainBotImg6 img{
left: -25px;	
}
#hpnMainBotTitleTrWrap{
display: block;
position: relative;
width: 100%;
}
#hpnMainBotTitleTrWrap #hpnMainBotTitleTr{
display: flex;
justify-content: space-between;	
}
.hpnMainBotTitleTd{
text-align:center;
border-top: unset;
padding: 0px !important;
position: relative;
}
.hpnMainBotTitleTd a{
text-align:center;
color: #111111;
}
.hpnMainBotTitleTd a:hover{
transition: .25s;
color: #EB1C24;
}
.hpnMainBotTitleTd p{
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
font-size: 16px;
font-family: OpenSans_SemiCondensed-Regular;
}

/*****main GM slide****/
#hpnMainGMSlideWrap{
display: none;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index:999;
overflow:auto;
}
#hpnMainGMSlide{
width: 50%;
position: absolute;
top: 151px;
bottom: 0px;
right:0px;
}
.admin-bar #hpnMainGMSlide{
top: 185px;
}
#hpnMainGMSlide table{
border: unset;
margin-bottom:0px;
height:100%;
width: 100%;
background-color: rgba(23, 23, 23, .98);
}
#hpnMainGMSlide td{
padding: 0px;	
border-top: unset;
}
#hpnMainGMSlideTitleTd{
border-bottom: .5px solid #757575;
padding: 0px !important;
}
#hpnMainGMSlideTitle{
font-family: OpenSans-Bold;
font-size:18px;
color: #eb1c24;
text-align: center;
padding: 26px 38px !important;
}
#hpnMainGMSlideClose{
position: absolute;
width: 15px;
height: 15px;
right: 20px;
top: 20px;
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg) no-repeat;
cursor: pointer;	
}
#hpnMainGMSlideClose:hover{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg') no-repeat;	
transition:.25s;
}
#hpnMainGMLinksTd1{
border-right:2px solid #757575;
vertical-align: top;
padding: 53px 58px !important;
width: 50%;
}
#hpnMainGMLinksTd2{
vertical-align: top;
padding: 53px 58px !important;
width: 50%;
}
.hpnMainGMLinksTitles{
font-family: BITSUMIS;
font-size: 25px;
word-spacing: -2px;
color: #757575;	
letter-spacing: 2px;
margin-bottom: 57px;
padding-bottom: 0px !important;
white-space: no-wrap;
}
.hpnMainGMLinksTitles sup{
font-size: 8px;
top: -9px;
left: 0px;
}
.hpnMainGMLinks{
font-family: OpenSans-SemiBold;
font-size:16px;
color: #ffffff;
margin-bottom: 5px;
}
.hpnMainGMLinks:hover{
color: #eb1c24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
.hpnMainGMLinkArrow{
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/08/Renewed-Allison-Transmissions-Dropdown-Desktop-Expand-More-_-Icon.svg) no-repeat;
width: 10px;
top: 0px;
height: 10px;
position: relative;
display: inline-block;
margin-left: 8px;
}
.hpnMainGMLinkSub{
font-family: OpenSans_SemiCondensed-Regular;
font-size:15px;
color: #757575;
line-height: 22px;	
}
#hpnMainGMLinksWrap1{
margin-bottom: 33px;
}
#hpnMainGMLinksWrap2{
margin-bottom: 69px;
}
#hpnMainGMLinksWrap3{
margin-bottom: 33px;	
}
#hpnMainGMLinksWrap5{
margin-bottom: 33px;	
}
#hpnMainGMLinksWrap6{
margin-bottom: 69px;	
}
#hpnMainGMLinksWrap7{
margin-bottom: 33px;	
}

/*****main Comm slide****/
#hpnMainCommSlideWrap{
display: none;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index:999;
overflow:auto;
}
#hpnMainCommSlide{
width: 50%;
position: absolute;
top: 151px;
bottom: 0px;
left:0px;
}
.admin-bar #hpnMainCommSlide{
top: 185px;
}
#hpnMainCommSlide table{
border: unset;
margin-bottom:0px;
height:100%;
width: 100%;
background-color: rgba(23, 23, 23, .98);
}
#hpnMainCommSlide td{
padding: 0px;	
border-top: unset;
}
#hpnMainCommSlideTitleTd{
border-bottom: .5px solid #757575;
padding: 0px !important;
}
#hpnMainCommSlideTitle{
font-family: OpenSans-Bold;
font-size:18px;
color: #eb1c24;
text-align: center;
padding: 26px 38px !important;
}
#hpnMainCommSlideClose{
position: absolute;
width: 15px;
height: 15px;
right: 20px;
top: 20px;
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg) no-repeat;
cursor: pointer;	
}
#hpnMainCommSlideClose:hover{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg') no-repeat;	
transition:.25s;
}
#hpnMainCommLinksTd1{
border-right:2px solid #757575;
vertical-align: top;
padding: 39px 58px !important;
width: 50%;
}
#hpnMainCommLinksTd2{
vertical-align: top;
padding: 39px 58px !important;
width: 50%;
}
.hpnMainCommLinksTitles{
font-family: BITSUMIS;
font-size: 25px;
word-spacing: -2px;
color: #757575;	
letter-spacing: 2px;
margin-bottom: 39px;
padding-bottom: 0px !important;
}
.hpnMainCommLinksTitles sup{
font-size: 8px;
top: -9px;
left: 2px;
}
.hpnMainCommLinksWrap{
margin-bottom: 10px;
}
.hpnMainCommLinks{
font-family: OpenSans-SemiBold;
font-size:16px;
color: #ffffff;
margin-bottom: 5px;
white-space: nowrap;
}
.hpnMainCommLinks:hover{
color: #eb1c24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
.hpnMainCommLinks:hover .hpnMainCommLinksInner{
color: #eb1c24;
transition: .25s;
}
.hpnMainCommLinksInner{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
color: #ffffff;
line-height: 22px;		
}
.hpnMainCommLinksInner sup{
font-size: 6px;
top: -6px;	
}
.hpnMainCommLinkArrow{
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/08/Renewed-Allison-Transmissions-Dropdown-Desktop-Expand-More-_-Icon.svg) no-repeat;
width: 10px;
top: 1px;
height: 10px;
position: relative;
display: inline-block;
margin-left: 5px;
}
.hpnMainCommLinkSub{
font-family: OpenSans_SemiCondensed-Regular;
font-size:16px;
color: #757575;
line-height: 24px;	
padding-bottom: 20px;
}
.hpnMainCommLinkSub sup{
font-size: 6px;
top: -6px;		
}
#hpnMainCommLinksWrap1{
margin-top: 40px;
}

/*******mobile styling (not queries)*******/
#hpnMainButtonsMobWrap{
width: 100%;
padding-left: 20px;
padding-right: 20px;
padding-bottom:0px;
position: relative;
top: -10px;
display: none;
}
#hpnMainButtonsMobTable{
border: unset;	
}
#hpnMainButtonsMobTd1{
text-align: center;
border-top: unset;
padding: 41px 0px 37px 0px !important;
}
#hpnMainButtonsMobTd2{
text-align: center;
border-top: unset;
padding: 0px !important;
}
#hpnMainButtonsMobTd3{
text-align: center;
border-top: unset;
padding: 0px 0px 38px 0px !important;
}
#hpnMainButtonMobLeft{
text-align: center;	
cursor: pointer;
background-color: #EB1C24;
padding: 13px 0px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: 303px;
display: inline-block;
}
#hpnMainButtonMob2Left{
text-align: center;	
cursor: pointer;
background-color: #EB1C24;
padding: 13px 0px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: 303px;
display: none;
}
#hpnMainButtonMobLeft:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#hpnMainButtonMob2Left:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#hpnMainButtonMobExerpt{
text-align: center;	
color: #ffffff;
max-width: 500px;
margin: 0 auto;
font-family: OpenSans_SemiCondensed-Medium;
font-size:16px;
line-height: 28px;
}
#hpnMainButtonMobExerpt sup{
font-size: 6px;
top: -8px;
}
#hpnMainButtonMobRight{
text-align: center;	
cursor: pointer;
background-color: #EB1C24;
padding: 13px 0px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: 303px;
display: inline-block;
}
#hpnMainButtonMob2Right{
text-align: center;	
cursor: pointer;
background-color: #EB1C24;
padding: 13px 0px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: 303px;
display: none;
}
#hpnMainButtonMobRight:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#hpnMainButtonMob2Right:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}

#hpnMainBotMobWrap{
width: 100%;
background-color: #ffffff;
padding-top: 22px;
padding-bottom: 126px;
padding-left: 30px;
padding-right: 30px;
display: none;
}
#hpnMainBotMobWrapInner1{
border: unset;
width: 100%;
}
#hpnMainBotMobWrapInner1 td{
border: unset;
text-align:center;
padding: 10px;
}
#hpnMainBotMobImg1{
padding-bottom: 50px !important;	
}
#hpnMainBotMobImg2{
padding-bottom: 50px !important;	
}
#hpnMainBotMobImg3{
padding-bottom: 50px !important;	
}
#hpnMainBotMobWrapInner1 img{
width: 140px;
}
#hpnMainBotMobWrapInner1 td a{
color: #111111;	
}
#hpnMainBotMobWrapInner1 td a:hover{
color: #EB1C24;	
transition: .25s;
}
#hpnMainBotMobWrapInner1 td p{
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
font-size: 16px;
font-family: OpenSans_SemiCondensed-Regular;
}
/**2 in a row**/
#hpnMainBotMob2Wrap{
width: 100%;
background-color: #ffffff;
padding-top: 22px;
padding-bottom: 126px;
padding-left: 30px;
padding-right: 30px;
display: none;
}
#hpnMainBotMob2WrapInner1{
border: unset;
width: 100%;
}
#hpnMainBotMob2WrapInner1 td{
border: unset;
text-align:center;
padding: 10px;
}
#hpnMainBotMob2Img1{
padding-bottom: 50px !important;
width: 50%;		
}
#hpnMainBotMob2Img2{
padding-bottom: 50px !important;
width: 50%;		
}
#hpnMainBotMob2Img3{
padding-bottom: 50px !important;
width: 50%;		
}
#hpnMainBotMob2Img4{
padding-bottom: 50px !important;
width: 50%;		
}
#hpnMainBotMob2Img5{
width: 50%;	
}
#hpnMainBotMob2Img6{
width: 50%;	
}
#hpnMainBotMob2WrapInner1 img{
width: 140px;
}
#hpnMainBotMob2WrapInner1 td a{
color: #111111;	
}
#hpnMainBotMob2WrapInner1 td a:hover{
color: #EB1C24;	
transition:.25s;
}
#hpnMainBotMob2WrapInner1 td p{
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
font-size: 16px;
font-family: OpenSans_SemiCondensed-Regular;
}

/**gm slider mobile**/
#hpnMainGMSlideMobWrap{
position: fixed;
top: 109px;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background-color: rgba(23, 23, 23, .98);	
display: none;
overflow-y:auto;
}
.admin-bar #hpnMainGMSlideMobWrap{
top: 122px;	
}
#hpnMainGMSlideMob{
padding: 0px;	
}
#hpnMainGMSlideMob table{
border: unset !important;
}
#hpnMainGMSlideMob td{
border: unset !important;
padding: 0px 0px 0px 20px !important;
}
#hpnMainGMSlideMobImgWrap{
position: relative;
}
#hpnMainGMSlideMobImgBlur{
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position:top;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
#hpnMainGMSlideMobImgWrap img{
margin: 0 auto;
position: relative;
display: block;	
}
#hpnMainGMSlideMobHead{
font-family: OpenSans-Bold;
font-size: 18px;
color: #757575;	
border-bottom: 2px solid #444444;
border-top: 1px solid #171717;
text-indent: 20px;
padding: 25px 0px;
position: relative;
}
#hpnMainGMSlideMobClose{
position: absolute;
width: 15px;
height: 15px;
right: 20px;
top: 20px;
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg) no-repeat;
cursor: pointer;	
}
#hpnMainGMSlideMobClose:hover{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg') no-repeat;
transition: .25s;	
}
.hpnMainGMSlideMobTitles{
font-family: BITSUMIS;
font-size: 20px;
word-spacing: -2px;
letter-spacing:2px;
color: #ffffff;
padding: 18px 0px;
text-indent: 20px;
cursor: pointer;
}
#hpnMainGMSlideMobTitle2{
border-top: .5px solid #444444;	
}
.hpnMainGMSlideMobTitles sup{
font-size:8px;	
}
#hpnMainGMSlideMobTitle1Expand{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 5px;
top: 4px;
position: relative;	
}
#hpnMainGMSlideMobTitle2Expand{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 5px;
top: 4px;
position: relative;	
}
.hpnMainGMSlideMobDrops{
display: none;
}
.hpnMainGMMobLinks{
font-family: OpenSans-SemiBold;
font-size:16px;
}
.hpnMainGMMobLinksWrap{
padding-left:20px;
}
.hpnMainGMMobLinksWrap a{
color: #ffffff !important;	
}
.hpnMainGMMobLinksWrap a:hover{
color: #eb1c24 !important;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#hpnMainGMMobLinksWrap1{
padding-top:24px;
padding-bottom: 39px;	
}
#hpnMainGMMobLinksWrap2{
padding-bottom: 39px;	
}
#hpnMainGMMobLinksWrap3{
padding-bottom: 39px;	
}
#hpnMainGMMobLinksWrap4{
padding-bottom: 34px;	
}
#hpnMainGMMobLinksWrap5{
padding-top:24px;
padding-bottom: 39px;	
}
#hpnMainGMMobLinksWrap6{
padding-bottom: 39px;	
}
#hpnMainGMMobLinksWrap7{
padding-bottom: 39px;	
}
#hpnMainGMMobLinksWrap8{
padding-bottom: 34px;	
}
.hpnMainGMMobLinkSub{
font-family: OpenSans_SemiCondensed-Regular;
font-family: 15px;
line-height: 22px;
color: #757575;	
}
#hpnMainGMSlideMobSpacer{
width: 100%;
height: 141px;
border-top: .5px solid #444444;
}

/**comm slider mobile**/
#hpnMainCommSlideMobWrap{
position: fixed;
top: 109px;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background-color: rgba(23, 23, 23, .98);	
display: none;
overflow-y:auto;
}
.admin-bar #hpnMainCommSlideMobWrap{
top: 122px;	
}
#hpnMainCommSlideMob{
padding: 0px;	
}
#hpnMainCommSlideMob table{
border: unset !important;
}
#hpnMainCommSlideMob td{
border: unset !important;
padding: 0px 0px 0px 20px !important;
}
#hpnMainCommSlideMobImgWrap{
position: relative;
}
#hpnMainCommSlideMobImgBlur{
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position:top;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
#hpnMainCommSlideMobImgWrap img{
margin: 0 auto;
position: relative;
display: block;	
}
#hpnMainCommSlideMobHead{
font-family: OpenSans-Bold;
font-size: 18px;
color: #757575;	
border-bottom: 2px solid #444444;
border-top: 1px solid #171717;
text-indent: 20px;
padding: 25px 0px;
position: relative;
}
#hpnMainCommSlideMobClose{
position: absolute;
width: 15px;
height: 15px;
right: 20px;
top: 20px;
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg) no-repeat;
cursor: pointer;	
}
#hpnMainCommSlideMobClose:hover{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg') no-repeat;
transition: .25s;	
}
.hpnMainCommSlideMobTitles{
font-family: BITSUMIS;
font-size: 20px;
word-spacing: -2px;
letter-spacing:2px;
color: #ffffff;
padding: 18px 0px;
text-indent: 20px;
cursor: pointer;
}
#hpnMainCommSlideMobTitle2{
border-top: .5px solid #444444;	
}
.hpnMainCommSlideMobTitles sup{
font-size:8px;	
}
#hpnMainCommSlideMobTitle1Expand{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 5px;
top: 4px;
position: relative;	
}
#hpnMainCommSlideMobTitle2Expand{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 5px;
top: 4px;
position: relative;	
}
.hpnMainCommSlideMobDrops{
display: none;
}
.hpnMainCommMobLinksWrap{
padding-left:20px;
}
#hpnMainCommMobLinksWrapFirst{
padding-top: 22px !important;
}
.hpnMainCommMobLinks{
font-family: OpenSans-SemiBold;
font-size:16px;
line-height:50px;
}
.hpnMainCommMobLinks sup{
font-size: 6px;
top: -6px;
}
.hpnMainCommMobLinksInner{
font-family: OpenSans_SemiCondensed-Light;
font-size:16px;
}
.hpnMainCommMobLinksWrap a{
color: #ffffff !important;	
}
.hpnMainCommMobLinksWrap a:hover{
color: #eb1c24 !important;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
.hpnMainCommMobLinkSub{
font-family: OpenSans_SemiCondensed-Regular;
font-family: 15px;
line-height: 22px;
color: #757575;	
}
#hpnMainCommSlideMobSpacer{
width: 100%;
height: 141px;
border-top: .5px solid #444444;
}
#hpnMainCommSlideMob10l1000{
padding-top:5px;
}
#hpnMainCommMobLinksTd2 p{
padding-right:20px;
}
#hpnMainCommMobLinksWrap1{
padding: 34px 20px 30px 0px;
margin-bottom: unset;
text-align: right;
}

/*****main media queries****/
@media only screen and (max-width: 1599px){
#hpnMainGMSlide{
width: 75%;
}
#hpnMainCommSlide{
width: 75%;
}	
#hpnMainTitleWrap{
padding-top: 116px;
}
#hpnMainTitleTag{
font-size: 21px;
letter-spacing: 1px;
}
#hpnMainTitleTag2{
margin-top: 30px;
font-size: 60px;
}
#hpnMainTitleTag2 sup{
top: -26px;
}
#hpnMainButtonsWrap{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 42px;
}
#hpnMainImageWrap img{
max-width: 500px;
}
#hpnMainButtonsTd1{
text-align: center;
}
#hpnMainButtonsTd3{
text-align: center;
}
}
@media only screen and (max-width: 1366px){
#hpnMainGMSlide{
top: 109px;
}
#hpnMainCommSlide{
top: 109px;
}	
.admin-bar #hpnMainGMSlide{
top: 141px;
}
.admin-bar #hpnMainCommSlide{
top: 141px;
}
#hpnMainBotWrap {
padding-left: 69px;
padding-right: 69px;
}
}
@media only screen and (max-width: 1300px){
#hpnMainTitleWrap{
padding-top: 60px;	
}
#hpnMainImageWrap{
margin-top: 20px;
}
#hpnMainButtonExerpt{
max-width: 400px;
}
}
@media only screen and (max-width: 1160px){
#hpnMainBotWrap{
display: none;
}
#hpnMainBotMobWrap{
display: block;
}
#hpnMainBotMob2Wrap{
display: none;
}

/*Isabelle changed Feb 25*/
#hpnMainTopWrap{
/*background-size: contain; OLD
background-position: top; OLD */
background-color: #252525; 
background-position: center; /*change positioning to remove bottom (dark) gap */ 
background-size: cover; /*picture zooms and is not fixed to avoif mobile gaps */
}

/*GET RID OF WHITE Top space on Homepage -- all below stuff gets rid of it */

/* General section padding/margin reset */
.et_pb_section.et_pb_section_2.et_section_regular {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; 
}

/* Specific row reset for et_pb_row_0 within the section */
.et_pb_section.et_pb_section_2.et_section_regular .et_pb_row.et_pb_row_0 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; 
}

/* Global reset for all sections */
.et_pb_section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#hpnMainTitleWrap{
padding-top: 42px;	
}
#hpnMainTitleTag{
font-size: 20px;
}
#hpnMainTitleTag2{
margin-top: 18px;
font-size: 41px;
letter-spacing: 0px;
}
#hpnMainTitleTag2 sup{
top: -18px;
font-size: 7px;
}
#hpnMainButtonsWrap{
display: none;
}
#hpnMainButtonsMobWrap{
display: block;
}
#hpnMainGMSlide{
width: 90%;
}
#hpnMainCommSlide{
width: 90%;
}
}
@media only screen and (max-width: 900px){
#hpnMainGMSlide{
width: 100%;
}
#hpnMainCommSlide{
width: 100%;
}
#hpnMainGMLinksTd1 {
padding: 33px 38px !important;
}
#hpnMainGMLinksTd2 {
padding: 33px 38px !important;
}
#hpnMainCommLinksTd1 {
padding: 33px 38px !important;
width: 50%;
}
#hpnMainCommLinksTd2 {
padding: 33px 38px !important;
width: 50%;
}
#hpnMainCommLinks{
white-space: nowrap;
}
}
@media screen and (max-width: 782px){
.admin-bar #hpnMainGMSlide{
top: 121px;
}
.admin-bar #hpnMainCommSlide{
top: 121px;
}	
}
@media only screen and (min-width: 736px){
#hpnMainGMSlideMobWrap{
display: none !Important;
}
#hpnMainCommSlideMobWrap{
display: none !Important;
}	
}
@media only screen and (max-width: 735px){
#hpnMainGMSlideWrap{
display: none !Important;
}
#hpnMainCommSlideWrap{
display: none !Important;
}	
#hpnMainButtonMobLeft{
display: none;	
}
#hpnMainButtonMobRight{
display: none;	
}
#hpnMainButtonMob2Left{
display: inline-block;	
}
#hpnMainButtonMob2Right{
display: inline-block;	
}
#hpnMainBotWrap{
display: none;
}
#hpnMainBotMobWrap{
display: none;
}
#hpnMainBotMob2Wrap{
display: block;
}
#hpnMainTitleTag2{
letter-spacing: .5px;	
}
#hpnMainTitleTag2Tran{
width: 100%;
display: block;
margin-top: 15px;
letter-spacing: 1px;	
}
#hpnMainImageWrap img{
max-width: 420px;	
}
#hpnMainButtonMobExerpt{
max-width: 400px;	
}
}
@media only screen and (max-width: 420px){
#hpnMainTitleTag{
font-size: 16px;
}
#hpnMainTitleTag2{
font-size: 32px;
letter-spacing: 0px;
margin-top: 16px;
}	
#hpnMainTitleTag2 sup{
top: -14px;
font-size: 6px;
}
#hpnMainImageWrap{
margin-top: 12px;	
}
#hpnMainImageWrap img{
width: 90%;
}
#hpnMainButtonMobExerpt{
width: 90%;	
}
#hpnMainButtonMob2Left{
width: 90%;	
}
#hpnMainButtonMob2Right{
width: 90%;	
}
}
/*****************************************************/
/*                  End New Main                     */
/*****************************************************/
				
/* Gm/Duramax */
#hpnGMParts{

}
#hpnGMPartsHead{
width: 100% !important;
text-align: center;
padding: 0px;
margin-bottom: 0px;
position:relative;
}
/* #hpnGMPartsHeadFold{ */
/* background: url('https://www.xcallibertransmission.com/wp-content/uploads/2020/05/vet-discount_v3-01.jpg'); */
/* background-size: 250px 250px; */
/* height: 70px; */
/* width: 70px; */
/* position: absolute; */
/* z-index: 20; */
/* background-repeat: no-repeat; */
/* cursor: pointer; */
/* } */
/* #hpnGMPartsHeadFold:before{ */
/* content: ""; */
/* position: absolute; */
/* top: 0%; */
/* left: 0%; */
/* width: 0px; */
/* height: 0px; */
/* z-index:20; */
/* border-bottom: 70px solid #eee; */
/* border-left: 70px solid transparent; */
/* -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.6); */
/* -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.6); */
/* box-shadow: 7px 7px 7px rgba(0,0,0,0.6); */
/* cursor: pointer; */
/* } */
/* #hpnGMPartsHeadFold:hover{ */
/* width: 249px; */
/* height: 249px; */
/* transition: .5s; */
/* } */
/* #hpnGMPartsHeadFold:hover:before{ */
/* border-bottom: 250px solid #eee; */
/* border-left: 250px solid transparent; */
/* transition: .5s; */
/* } */
/* #hpnGMMilitaryMobile{ */
/* width:90%; */
/* margin:0 auto; */
/* margin-bottom: 43px; */
/* display: none; */
/* } */
/* #hpnGMMilitaryMobile:hover{ */
/* transform: scale(1.025); */
/* transition: .5s; */
/* } */
#hpnGMPartsHead .nivoSlider{
max-height: 400px;
}
#hpnGMPartsHead .nivo-caption{
color: #ffffff !important;
display: inline-block;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
opacity: 1;
background-color: unset;
}
#hpnGMPartsHead #metaslider_10278 .nivo-caption{
height: 80% !important;
}
#hpnGMPartsHead .nivo-caption h1{
font-size: 70px;
font-weight:bold;
text-shadow: 0px 0px 5px #000000;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnGMPartsHead .nivo-caption h3{
text-shadow: 0px 0px 5px #000000;
font-size: 25px;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnGMPartsHead .sliderReplaceWrapper{
display: flex;
align-items: center;
align-content: center;
justify-content: center;
position: relative;	
}
#hpnGMPartsHead .sliderReplaceCapWrap{
color: #ffffff !important;
display: flex;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 100%;
opacity: 1;
background-color: unset;
}
#hpnGMPartsHead .sliderReplaceWrapper h1{
font-size: 70px;
font-weight:bold;
text-shadow: 0px 0px 5px #000000;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnGMPartsHead .sliderReplaceWrapper h3{
text-shadow: 0px 0px 5px #000000;
font-size: 25px;
color: #ffffff !important;
background-color: rgba(0, 0, 0, .4);
width:100%;
position:relative;
}
#hpnGMPartsHead #metaslider_10295{
display:none;
}
.hpnGMSecTiles{
padding: 0px 0px 0px 0px;
width: 100%;
display: inline-block;
position: relative;
top:-65px;
text-align: center;
border-bottom: 1px solid #000000;
}
.hpnGMSecTile1{
width: 30%;
color: #000000 !important;
font-size: 25px;
font-family: Monda;
background-color: #ffffff;
padding: 20px 5px !important;
position: relative;
top: 1px;
z-index: 9;
display: inline-block;
float: left;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-left: 4%;
margin-right: 1%;
cursor: pointer;
border: 1px solid #000000;
border-bottom: 0px !important;
}
.hpnGMSecTile2{
width: 30%;
color: #ffffff !important;
font-size: 25px;
font-family: Monda;
background-color: #000000;
padding: 20px 5px !important;
position: relative;
top: 1px;
z-index: 9;
display: inline-block;
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ffffff;
border-bottom: 0px !important;
margin-right: 4%;
}
.hpnGMSecTileHov:hover{
background-color: #c60000 !important;
color: #ffffff !important;
}
.hpnGMSecTile3{
width: 30%;
color: #ffffff !important;
font-size: 25px;
font-family: Monda;
background-color: #000000;
padding: 20px 5px !important;
position: relative;
top: 1px;
z-index: 9;
display: inline-block;
cursor: pointer;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #ffffff;
border-bottom: 0px !important;
margin-right: 1%;
}
.hpnGMSecTile3:hover{
background-color: #c60000 !important;
color: #ffffff !important;
}
#hpnGMSelection{
width: 100%;
padding-bottom: 1px;
background-color: rgba(255, 255, 255, .5);
display:none;
}
#hpnGMSelection table{
width: 90%;
border-spacing: 10px !important;
border-collapse: separate !important;
border: none;
position: relative;
margin-left: 5%;
margin-bottom: 0px;
}
#hpnGMSelection td{
text-align: center;
background-color: #1c1c1c;
color: #ffffff;
padding: 20px !important;
font-size: 18px;
cursor: pointer;
border-radius: 5px;
}
#hpnGMPartButton{
width: 50%;
}
#hpnGMTranButton{
width: 50%;
}
#hpnGMContent{
width: 100%;
background-color: #ffffff;
position:relative;
top: -45px;
min-height: 50px;
}
#hpnGMContent h3{
color: #000000 !important;
/* font-weight: bold; */
}
#hpnGMContentInner{
width: 90%;
margin-left: 5%;
}
#hpnGMContentInner ul{
padding-bottom: 0px !important;
margin-bottom: 0px;
/* border-bottom: 1px solid #d8d8d8; */
}
#hpnGMSecShow{
position: absolute;
padding: 5px 0px;
background-color: #1c1c1c;
color: #ffffff;
min-width: 100px;
text-align: center;
margin-left: 50px;
margin-top: -16px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
cursor: pointer;
display: none;
}
#hpnGMSecShow:hover{
transition: .5s;
background-color: #c60000;
padding-top: 30px;
}
#hpnGMVTBannerWrap{
position: relative;
width: 100%;
display: inline-block;
/* border-top: 1px solid #d8d8d8; */
padding: 0px;
}
#hpnGMVTBanner{
padding: 95px 40px 0px 40px;
width:90%;
margin: 0 auto;
text-align:left;
/* border-radius: 20px; */
height: 300px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2020/04/virtual-transmission-new-home-image.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
margin-bottom: 50px;
}
#hpnGMVTBanner:hover{
transform: scale(1.025);
transition: .5s;
}
#hpnGMVTBanner h2{
font-size: 45px;
font-weight: bold;
color: #ffffff !important;
text-shadow: -2px 2px 3px #000000;
background-color: rgba(0, 0, 0, .5);
padding:10px;
text-align: center;
}
#hpnGMVTBanner h3{
font-size: 25px;
color: #ffffff !important;
text-shadow: -2px 2px 3px #000000;
background-color: rgba(0, 0, 0, .5);
padding:10px;
text-align: center;
}
.hpnGMTestimonials:before{
top: 20px !important;
content: "\7c" !important;
font-size: 32px;
left: 50%;
position: absolute;
background: #f5f5f5;
margin-left: -16px;
border-radius: 31px;
z-index: 2;
}

/***social feeds***/
#hpnGMTruckTech{
width: 90%;
margin: 0 auto;
margin-bottom: 50px;
border: 0px !important;
}
#hpnGMTruckTech1{
width: 66.66%;
vertical-align: top;
}
#hpnGMTruckTech1 .sb_youtube_header .sby_header_link{
width: 50%;
min-width: 50%
}
#hpnGMTruckTech1 .sby_follow_btn{
position:relative;
float: right;
}
#hpnGMTruckTech2{
width: 33.33%;
vertical-align: top;
}
#hpnGMTruckTech2 .sb_instagram_header .sbi_header_link{
width: 50%;
min-width: 50%
}
#hpnGMTruckTech2 .sbi_follow_btn{
position:relative;
float: right;
}
@media only screen and (max-width: 1595px){
#hpnGMTruckTech1 .sb_youtube_header .sby_header_link{
width: 100%;
min-width: 100%
}
#hpnGMTruckTech2 .sb_instagram_header .sbi_header_link{
width: 100%;
min-width: 100%
}
#hpnGMTruckTech1 .sby_follow_btn{
position:relative;
float: left;
margin-top:10px
}
#hpnGMTruckTech2 .sbi_follow_btn{
position:relative;
float: left;
margin-top:10px
}
}
@media only screen and (max-width: 1300px){
#hpnGMTruckTech1{
width: 62%;
}
#hpnGMTruckTech2{
width: 38%;
}
}
@media only screen and (max-width: 1080px){
#hpnGMTruckTech1{
width: 90%;
margin-left: 5%;
display: inline-block;
padding: 20px 0px;
}
#hpnGMTruckTech2{
width: 90%;
margin-left: 5%;
display: inline-block;
padding: 20px 0px;
}
}

#hpnGMPartsBanner{
padding: 170px 10px 0px 10px;
width: 45%;
margin-left: 5%;
text-align: left;
height: 300px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2020/03/virtual-transmission-tile-black.png);
background-size: cover;
background-repeat: no-repeat;
display: none;
cursor: pointer;
margin-bottom: 50px;
}
#hpnGMPartsBanner:hover{
transform: scale(1.025);
transition: .5s;
}
#hpnGMPartsBanner h2{
font-size: 30px;
font-weight: bold;
color: #ffffff !important;
text-shadow: -2px 2px 3px #000000;
background-color: rgba(0, 0, 0, .5);
padding:10px;
}
#hpnGMPartsBanner h3{
font-size: 18px;
color: #ffffff !important;
text-shadow: -2px 2px 3px #000000;
background-color: rgba(0, 0, 0, .5);
padding:10px;
}
#hpnGMTransBanner{
padding: 170px 10px 0px 10px;
width: 45%;
margin-left: 5%;
text-align: left;
height: 300px;
background-image: url(https://www.xcallibertransmission.com/wp-content/uploads/2020/03/virtual-transmission-tile-black.png);
background-size: cover;
background-repeat: no-repeat;
display: none;
cursor: pointer;
margin-bottom: 50px;
}
#hpnGMTransBanner:hover{
transform: scale(1.025);
transition: .5s;
}
#hpnGMTransBanner h2{
font-size: 30px;
font-weight: bold;
color: #ffffff !important;
text-shadow: -2px 2px 3px #000000;
background-color: rgba(0, 0, 0, .5);
padding:10px;
}
#hpnGMTransBanner h3{
font-size: 18px;
color: #ffffff !important;
text-shadow: -2px 2px 3px #000000;
background-color: rgba(0, 0, 0, .5);
padding:10px;
}
/** stock cats **/
#hpnGMStockStartUl li{
width: 40%;
margin: 5%;
text-align: center;
margin-bottom: 5px;
font-size: 15px;
padding: 5px;
display:inline-block;
cursor:pointer;
}
#hpnGMStockStartUl li:hover{
border: 1px solid #c60000;
}
#hpnGMStockStartUl li a{
color: #000000 !important;
}
#hpnGMStockStartUl li p{
font-size:20px;
}
#hpnGMStockStartUl li img{
width: 75%;
}
#hpnGMStockCatsUl li{
width: 24%;
margin: .5%;
text-align: center;
margin-bottom: 5px;
font-size: 15px;
padding: 5px;
display:inline-block;
}
#hpnGMStockCatsUl li:hover{
border: 1px solid #c60000;
}
#hpnGMStockCatsUl li a{
color: #000000 !important;
}
#hpnGMStockCatsUl li img{
width: 75%;
}
/** perf cats **/
#hpnGMSubcatHead{
width:100%;
}
#hpnGMSubcatHead p{
display: inline-block;
position: absolute;
float: left;
cursor: pointer;
background-color: #c60000;
padding: 5px 10px;
border-radius: 4px;
color: #ffffff;
}
#hpnGMSubcatHead p:hover{
text-decoration: underline;
}
#hpnGMSubcatHead h3{
text-align: center;
width: 100%;
}
#hpnGMPerfCatsUl li{
width: 24%;
margin: .5%;
text-align: center;
margin-bottom: 5px;
font-size: 15px;
padding: 5px;
display:inline-block;
}
#hpnGMPerfCatsUl li a{
color: #000000 !important;
}
#hpnGMPerfCatsUl li:hover{
border: 1px solid #c60000;
}
#hpnGMPerfCatsUl li img{
width: 75%;
}
/** stock tran **/
#hpnGMStockTranUl{
padding-top: 30px;
}
#hpnGMStockTranUl li{
width: 24% !important;
margin: .3% !important;
text-align: center;
font-size: 14px;
display: inline-block;
height: unset !important;
}
#hpnGMStockTranUl li:hover{
border: 1px solid #c60000;
}
/** perf tran **/
#hpnGMPerfTranUl li{
width: 31% !important;
margin-left: 1.1% !important;
text-align: center;
font-size: 14px;
padding: 5px;
display:inline-block;
}
#hpnGMPerfTranUl li:hover{
border: 1px solid #c60000;
}
#hpnGMCatLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
width: 100%;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
min-height: 50px;
top: 0;
bottom: 0px;
z-index:9;
display:none;
}
#hpnGMSelection td:hover{
background-color: #c60000;
transition: .5s;
}
#hpnGMBack{
position: absolute;
text-align: left;
height: 35px;
background-color: #ffffff;
cursor: pointer;
z-index: 99;
color: #c60000;
padding: 0px 50px;
left: 0px;
display: none;
}
#hpnGMBack span{
font-size: 25px;
position: relative;
left: -39px;
top: 6px;
font-weight: bold;
display:none;
}
#hpnGMBack p{
position: relative;
font-size: 16px;
top: 6px;
}
#hpnGMBack:hover{
transition: .5s;
background-color: #c60000;
color: #ffffff;
opacity: 1;
}
#hpnGmToCommLink{
width:100%;
text-align: center;
padding: 0px 0px 20px 0px;
display: none;
}
#hpnGmToCommLink a{
color: #c60000;
}
#hpnGmToCommLink a:hover{
text-decoration: underline;
}
@media only screen and (max-width: 1415px){
.hpnGMSecTile1{
font-size:20px !important;
}
.hpnGMSecTile2{
font-size:20px !important;
}
.hpnGMSecTile3{
font-size:20px !important;
}
.page-id-73424 .prodLightbox{
width: 50% !important;
}
}
@media only screen and (max-width: 1400px){
#hpnGMStockStartUl li{
width: 49%;
margin: .5%;
}
#hpnGMStockCatsUl li{
width: 32%;
margin-left: .5%;
}
#hpnGMPerfCatsUl li{
width: 32%;
margin-left: .5%;
}
#hpnGMStockStartUl li p{
font-size:16px;
}
}
@media only screen and (max-width: 1240px){
#hpnGMVTBanner h2{
font-size: 35px;
}
#hpnGMVTBanner h3{
font-size: 20px;
}
}
@media only screen and (max-width: 1160px){
.hpnGMSecTiles{
top: -45px;
}
.hpnGMSecTile1{
width: 45%;
padding: 10px 5px !important;
}
.hpnGMSecTile2{
width: 45%;
padding: 10px 5px !important;
}
.hpnGMSecTile3{
display: none;
}
#hpnGMSubcatHead{
text-align:center;
}
#hpnGMSubcatHead h3{
margin-top: 40px;
}
#hpnGMSubcatHead p{
margin-top: -45px;
left: 20px;
float: unset;
}
#hpnGMVTBanner{
width: 90% !important;
margin-left: 5% !important;
margin-bottom: 50px;
text-align:center;
padding: 80px 0px 80px 0px !important;
height:unset;
}
#hpnGMPartsBanner{
width: 90%;
text-align:center;
padding: 80px 0px 80px 0px;
height:unset;
}
#hpnGMTransBanner{
width: 90%;
text-align:center;
padding: 80px 0px 80px 0px;
height:unset;
}
}
@media only screen and (max-width: 960px){
#hpnGMPartsHeadFoldWrap{
display: none;
}
#hpnGMMilitaryMobile{
display: block;
}
.page-id-73424 .prodLightbox{
width: 90% !important;
}
#hpnGMContent{
top: unset;
}
#hpnGMContentInner ul{
padding-bottom: 45px !important;
/* border-bottom: 1px solid #d8d8d8; */
}
#hpnGMPartsHead .nivo-caption h1{
font-size:50px;
}
#hpnGMPartsHead .nivo-caption h3{
font-size:20px;
}
#hpnGMPartsHead .sliderReplaceWrapper h1{
font-size:50px;
}
#hpnGMPartsHead .sliderReplaceWrapper h3{
font-size:20px;
}
.hpnGMSecTiles{
top: unset;
padding:20px 0px 0px 0px;
}
#hpnGMStockStartUl li{
width: 49%;
margin: .5%;
}
#hpnGMStockCatsUl li{
width: 32%;
margin-left: .5%;
}
#hpnGMStockTranUl{
padding-top: 20px;
}
#hpnGMStockTranUl li{
width: 49% !important;
margin-left: .2% !important;
margin-right: .2% !important;
}
#hpnGMPerfCatsUl li{
width: 32%;
margin-left: .5%;
}
#hpnGMPerfTranUl li{
margin-left: 1% !important;
margin-right: 1% !important;
}
#hpnGMVTBanner{
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100%;
width: 90%;
padding: 50px 0px 50px 0px;
background-position: center;
}
#hpnGMVTBanner h2{
width: 100%;
text-align: center;
}
#hpnGMVTBanner h3{
width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 905px){
#hpnGMContentInner h3{
font-size: 25px !important;
}
}
@media only screen and (max-width: 860px){
#hpnGmToCommLink{
display: inline-block;
}
}
@media only screen and (max-width: 750px){
.hpnGMSecTile1{
font-size: 18px !important;
}
.hpnGMSecTile2{
font-size: 18px !important;
}
#hpnGMContentInner h3{
font-size: 18px !important;
}
#hpnGMStockStartUl li{
width: 49%;
}
#hpnGMStockCatsUl li{
width: 49%;
}
#hpnGMPerfCatsUl li{
width: 49%;
}
#hpnGMPartsHead .nivo-caption h1{
font-size:30px;
}
#hpnGMPartsHead .nivo-caption h3{
font-size:18px;
}
#hpnGMPartsHead .sliderReplaceWrapper h1{
font-size:30px;
}
#hpnGMPartsHead .sliderReplaceWrapper h3{
font-size:18px;
}
#hpnGMPartsHead .nivoSlider{
height: unset !important;
}
}
@media only screen and (max-width: 720px){
#hpnGMPartsHead .nivo-caption h3{
display: none;
}
#hpnGMPartsHead .sliderReplaceWrapper h3{
display: none;
}
.hpnGMSecTile1 {
font-size: 18px !important;
width: 95%;
margin-left: 2.5%;
top: 5px;
}
.hpnGMSecTile2 {
font-size: 18px !important;
width: 95%;
margin-left: 2.5%;
}
}
@media only screen and (max-width: 620px){
#hpnGMContentInner h3{
font-size: 18px !important;
}
#hpnGMStockStartUl li{
border: 1px solid #eeeeee;
min-height: 180px;
margin-bottom: .5% !important;
float:left;
}
#hpnGMStockCatsUl li{
border: 1px solid #eeeeee;
min-height: 180px;
margin-bottom: .5% !important;
float:left;
}
#hpnGMPerfCatsUl li{
border: 1px solid #eeeeee;
min-height: 220px;
margin-bottom: .5% !important;
float:left;
}
#hpnGMStockStartUl p{
font-size: 12px;
}
#hpnGMStockCatsUl p{
font-size: 12px;
}
#hpnGMPerfCatsUl p{
font-size: 12px;
}
#hpnGMVTBanner{
padding: 50px 0px 50px 0px !important;
width:100% !important;
margin-left: 0 !important;
margin-bottom: 10px !important;
}
#hpnGMMilitaryMobile{
width:100% !important;
margin-left: 0 !important;
}
#hpnGMPartsBanner{
padding: 50px 0px 50px 0px;
width:100%;
margin-left: 0;
}
#hpnGMTransBanner{
padding: 50px 0px 50px 0px;
width:100%;
margin-left: 0;
}
#hpnGMVTBanner h3{
display: none;
}
#hpnGMPartsBanner h3{
display: none;
}
#hpnGMTransBanner h3{
display: none;
}
#hpnGMVTBanner h2{
font-size: 18px !important;
}
#hpnGMPartsBanner h2{
font-size: 18px;
}
#hpnGMTransBanner h2{
font-size: 18px;
}
#hpnGMVTBannerWrap{
padding: 20px 0px;
}
}

/***********inner category pages**************/
.subCatAllContainer{
max-width:unset;
width:100% !important;
top:-7px;
}
.subCatAllContainer #left-area{
margin-top: 0px !important;
padding-left: 0px !important;
}
.subCatAllSide{
width: 19%;
display: inline-block;
float: left;
border-right: 1px solid #d8d8d8;
background-color: #eeeeee;
}
.subCatAllSideTitles{
font-size: 18px;
text-align: center;
margin: 20px 0px 20px 0px;
}
.subCatAllSide ul{
list-style: none !important;
padding: 0px 10px !important;
}
.subCatAllSide li{
padding: 5px;
border: 1px solid #d8d8d8;
text-indent: 20px;
margin: 5px 0px 5px 0px;
cursor: pointer;
border-radius:4px !important;
background-color: #ffffff;
}
.subCatAllProds .woocommerce ul.products li.product span.amount{
color: #c60000 !important;
}
.subCatAllSideCurrent{
background-color: #c60000 !important;
color: #ffffff;
}
.subCatAllSide li:hover{
background-color: #424242;
color: #ffffff;
}
.subCatAllSideCurrent:hover{
background-color: #c60000 !important;
cursor: not-allowed;
}
.subCatShowingFor{
color: #000000;
width: 81%;
padding: 20px 0px;
text-align:center;
display:inline-block;
}
#subCatSelMod{
color: #c60000 !important;
}
.subCatAllProdsWrap{
width: 81%;
display: inline-block;
float: right;
position: relative;
padding: 20px;
}
.subCatAllProds li{
text-align:center;
}
#subCatLoading{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
z-index:9;
display:none;
}
.subCatMobileShow{
display:none;
}
@media only screen and (max-width: 1475px){
.subCatAllSide{
width: 30%;
}
.subCatAllSide li{
text-indent: unset;
text-align: center;
}
.subCatShowingFor{
width:70%;
}
.subCatAllProdsWrap{
width: 70%;
}
.subCatAllProds .products li{
width: 32% !important;
margin: .3% !important;
}
}
@media only screen and (max-width: 1000px){
.subCatAllProds .products li{
width: 32% !important;
margin: .3% !important;
}
.subCatMobileShow{
display:inline-block;
width: 100%; 
text-align:center;
}
.subCatMobileShow span{
font-size: 30px;
height: 30px;
width: 60px;
margin-bottom: 10px;
background-color: #1c1c1c;
color: #ffffff;
border-radius: 4px;
cursor: pointer;
}
.subCatAllContainer #left-area{
width: 100% !important;
}
.subCatAllSide{
width: 100%;
}
.subCatShowingFor{
display:none;
}
.subCatAllProdsWrap{
width: 100%;
}
.subCatAllSide li{
display: none;
}
.subCatAllSideCurrent{
display:block !important;
}
.subCatAllProds .products li{
width: 32% !important;
margin: .3% !important;
}
.subCatMobileShow{
display:inline-block;
}
}
@media only screen and (max-width: 980px) and (min-width: 750px){
.subCatAllProds .woocommerce ul.products li.product {
    width: 32% !important;
}
}
@media only screen and (max-width: 980px){
.subCatAllProds .products li{
width: 32% !important;
margin: .3% !important;
}
}
@media only screen and (max-width: 750px){
.subCatAllProdsWrap{
padding: 20px 0px;
}
.subCatAllProds .products li{
width: 48% !important;
margin: 0 !important;
margin-bottom: 10px !important;
}
}
/*****************************************************************************
**
* NEW HOMEPAGE STYLES END
**
********************************************************************************/
/*****************************Whole trans styles (new)******************************/
.product-addon-nsbu-switch-needed p{
width: 50% !important;
display: inline-block !important;
text-align: center !important;
float: left !important;
margin: 0px !important;
clear: none !important;
}
.product-addon-nsbu-switch-needed h3{
display:none;
}
/*****************************Whole trans styles (new) end******************************/

/********product row display***********/
.wcCatListView{
margin: 0 auto;
margin-top: 20px;
display: none;
width: 95%;
}
.wcCatListView tr{
border-top: 1px solid #d8d8d8;
}
.wcCatListView td{
padding-left:20px;
padding-right: 20px;
}
.wcCatListView .wcCatListViewTitles{
font-size: 20px;
}
.wcCatListView .wcCatListViewTitles a:hover{
text-decoration: underline;
cursor: pointer;
}
.wcCatListView span.amount{
font-size: 20px;
color: #c60000 !important;
}
.wcCatListView .add_to_cart_inline{
display:none;
}
.wcCatListView .productsStockButton{
display:none;
}
.wcCatListView .loopCartForm{
height:50px !important;
width:100% !important;
}
.wcCatListView .quantity .qty{
height:50px !important;
margin-left:5px;
}
.wcCatListView .productsButton{
height:50px !important;
top: -48px !important;
}

/** quick view stuff **/
.page-id-5 .prodQuickView{
display: none;
}
.post-75366 .prodQuickView{
display: none;
}
.post-7298 .prodQuickView{
display: none;
}
.post-7299 .prodQuickView{
display: none;
}
.post-7300 .prodQuickView{
display: none;
}
.prodQuickView{
font-size: 14px;
background-color: #424242;
border-width: 1px!important;
border-color: #424242;
width:100%;
color: #ffffff;
text-align: center;
padding: 5px;
cursor: pointer;
}
.wcCatListView .prodQuickView{
font-size: 14px;
background-color: #424242;
border-width: 1px!important;
border-color: #424242;
width:99%;
margin-left:1%;
color: #ffffff;
text-align: center;
padding: 5px;
cursor: pointer;
}
.prodQuickView:hover{
background-color: #c60000;
color: #ffffff;
}

#productQuickWrap{
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index:99999;
display: none;
}
#productQuick{
width: 80%;
height:90%;
margin-top:1%;
background-color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 30px 0px 0px 0px;
}
#productQuickContent{
overflow-y: scroll;
height:100%;
padding: 20px 50px 50px 50px;
}
#productQuickLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
top:0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display: none;
}
#productQuickClose{
font-size: 30px;
background-color: #1c1c1c;
color: #ffffff;
min-width: 30px;
min-height: 30px;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
}
#productQuickClose:hover{
background-color: #c60000;
}
#qvf-left{
width: 50%;
display: inline-block;
margin: 0px 0px 20px 0px;
padding: 0px 20px 0px 20px;
float:left;
}
#qvf-right{
width: 50%;
display: inline-block;
margin: 0px 0px 20px 0px;
padding: 0px 20px 0px 20px;
float:right;
}
#qvf-bottom{
width: 100%;
display: inline-block;
padding: 0px 20px 0px 20px;
}
#qvf-image{
width:100%;
}
#qvf-name{
font-size: 30px; 
padding-bottom: 14px;
}
#qvf-price{
font-size: 25px;
color: #c60000;
padding: 14px 0px;
}
#qvf-right .single_add_to_cart_button{
float: right;
width: 45%;
display: inline-block;
border-radius: 0px;
color: #ffffff;
height: 75px;
font-size: 25px;
}
#qvf-right .quantity{
display: inline-block;
}
#qvf-right .stock{
display: none;
}
#qvf-longDescHead{
font-size: 26px;
display: inline-block;
top: 1px;
position: relative;
padding: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border: 1px solid #d8d8d8;
border-bottom: unset;
}
#qvf-longDesc{
border: 1px solid #d8d8d8;
padding: 10px;
}
#qvf-groupSelWrap{
width:100%;
padding:20px;
border: 1px solid #d8d8d8;
text-align:center;
margin-bottom:14px;
}
#qvf-groupSel{
width: 45%;
display: inline-block;
border-radius: 0px;
color: #ffffff;
height: 75px;
font-size: 25px;
background-color: #424242;
text-align: center;
padding: 26px;
}
#qvf-groupSel:hover{
background-color: #c60000;
}
@media only screen and (max-width: 1300px){
#productQuick{
width: 95%;
}
#qvf-left{
width: 30%;
}
#qvf-right{
width: 70%;
}
}
@media only screen and (max-width: 1000px){
#qvf-left{
display:none;
}
#qvf-right{
width: 100%;
}
}
@media only screen and (max-width: 650px){
#productQuickWrap{
display:none !important;
}
.prodQuickView{
display:none !important;
}
}

/*********************T-handle selectors styles********************/
#thandle-top{
margin-top: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #000;
}
.thandleStepHead{
text-align:center;
padding-bottom: 20px;
padding-top: 20px;
margin-bottom: 20px;
}
.thandleCharts{
margin-bottom: 20px;
}
#tHandleLoad{
position: relative;
min-height: 40px;
margin-bottom: 20px;
}
.tHandleLoading{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display:none;
}
/* The switch - the box around the slider */
.tHandleConnswitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.tHandleConnswitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.tHandleConnswitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.tHandleConnswitch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.tHandleConnswitch input:checked + .slider {
  background-color: #c60000;
}

.tHandleConnswitch input:focus + .slider {
  box-shadow: 0 0 1px #c60000;
}

.tHandleConnswitch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.tHandleConnswitch .slider.round {
  border-radius: 34px;
}

.tHandleConnswitch .slider.round:before {
  border-radius: 50%;
}
#thandleAdditional td{
border:2px solid #1c1c1c;
}
#thandleContact td{
border: 1px solid #eeeeee;
background-color: #eeeeee;
}
#thandleBasicNum td{
border: 1px solid #eeeeee;
}
#thandleChart1 td{
border: 1px solid #eeeeee;
}
#thandleChart2 td{
border: 1px solid #eeeeee;
}
#thandleChart3 td{
border: 1px solid #eeeeee;
}
#thandleChart4 td{
border: 1px solid #eeeeee;
}
.thandleFormBox{
text-align:center;
font-size: 20px !important;
width:100%;
padding: 10px 0px !important;
}
.tHandleSelected{
border: 2px solid #c60000 !important;
}
.tHandleSelectable:hover{
border: 1px solid #c60000 !important;
background-color: #c60000 !important;
color: #ffffff;
cursor:pointer;
}
.tHandleNo{
cursor: not-allowed;
background-color: #d8d8d8;
}
#thandleFormNum td{
width: 16.66%;
text-align: center;
}
#thandleFormNumNG td{
width: 13.66%;
text-align: center;
}
#thandleFormNum1{
background-color: #fffca3;
font-size: 30px !important;
width: 150px;
text-align: center;
}
#thandleFormNum2{
background-color: #bfff8f;
font-size: 30px !important;
width: 80px;
text-align: center;
}
#thandleFormNum3{
background-color: #f99eff;
font-size: 30px !important;
width: 80px;
text-align: center;
}
#thandleFormNum4{
background-color: #e4d631;
font-size: 30px !important;
width: 80px;
text-align: center;
}
#thandleFormNum5{
background-color: #a5fafa;
font-size: 30px !important;
width: 80px;
text-align: center;
}
#thandleFormNum6{
background-color: #7050f0;
font-size: 30px !important;
width: 80px;
text-align: center;
color: #ffffff;
}
#thandleSect6{
margin-bottom: 20px;
}
#thandleNumStick{
padding: 0px;
left: 0;
border-bottom: unset;
}
.tHandleConnP{
display: inline-block;
position: relative;
top: 5px;
padding-left: 10px;
font-weight: bold;
}
#thandleNumStickTbl{
border:unset;
margin-bottom: 0px;
}
#thandleNumStickTbl td{
border:unset;
}
#thandleCaptchaSub .cptch_block{
text-align:center;
}
#thandleCaptchaSub .cptch_wrap{
display: inline-block !important;
background-color: #eeeeee;
padding: 20px;
}
#thandleNeedAccY{
display: inline-block;
padding: 10px;
border-radius: 5px;
border: 1px solid #424242;
font-size: 18px;
background-color: #d8d8d8;
color: #424242;
cursor: pointer;
width: 100px;
margin-right:20px;
margin-top: 10px;
}
#thandleNeedAccY:hover{
background-color: #c60000;
color: #ffffff;
border: 1px solid #c60000;
transition: .5s;
}
#thandleNeedAccN{
display: inline-block;
padding: 10px;
border-radius: 5px;
border: 1px solid #424242;
font-size: 20px;
background-color: #d8d8d8;
color: #424242;
cursor: pointer;
width: 100px;
margin-left:20px;
margin-top: 10px;
}
#thandleNeedAccN:hover{
background-color: #c60000;
color: #ffffff;
border: 1px solid #c60000;
transition: .5s;
}
#thandleAdditional{
position:relative;
}
#thandleAdditionalcover{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color: rgba(0, 0, 0, .65);
z-index: 100;
}
#tHandleCableLengthWrap{
padding: 10px;
background-color: #eeeeee;
}
#thandleSubmit{
display: inline-block;
padding:20px;
border-radius:5px;
border: 1px solid #c60000;
font-size: 20px; 
background-color: #c60000;
color: #ffffff;
cursor:pointer;
width: 20%;
margin-left: 40%;
}
#thandleSubmit:hover{
background-color: #ffffff;
color: #c60000;
}
#thandleFormMobile{
padding: 40px;
Text-align: center;
display: none;
}
#tHandle1kWarningWrap{
width: 100%;
border: 2px solid #c60000;
margin: 20px 0px;
padding: 20px 0px;
text-align:center;
font-size:18px;
font-weight: bold !important; 
background-color: #c60000;
color: #ffffff !important;
border-radius: 5px;
}
@media only screen and (max-width: 1000px){
.page-template-thandle_shifters_email .container{
max-width: unset;
width: 100%;
}
.page-template-thandle_shifters_email #left-area{
width: 100% !important;
}
#thandleSubmit{
margin-bottom: 50px;
}
}
@media only screen and (max-width: 700px){
.thandleForm-content{
display:none;
}
#thandleFormMobile{
display: block;
}
}

/*****************July sale styles******************/
#julSaleBG{
display: none;
position: fixed;
background-color: rgba(0, 0, 0, .7);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99998;
}
#julSaleWrap{
display: none;
position: fixed;
width: 40%;
top: 0px;
z-index: 99999;
left: 30%;
width: 40%;
position: fixed;
text-align: center;
left: 50%;
top: 50%;
background-color: #ffffff;
transform: translate(-50%, -50%);
max-height: 90%;
overflow-y: scroll;
}
#julSaleWrap h3{
padding: 20px;
width: 100%;
color: #ffffff;
background-color: #000000;
}
#julSaleBearbushWrap img{
width:50%;
}
#julSaleBearbushWrap label{
color: #000000;
font-size: 16px;
}
#julSaleMessage{
padding: 10px;
background-color: #c60000;
color: #ffffff;
}
#julSaleBottom{
padding:10px;
background-color: #ffffff;
}
#bearbushTitle{
display: block;
color: #000000;
font-size: 18px;
}
#bearbushPrice{
display: block;
color: #c60000;
font-size: 18px;
padding: 5px;
}
#julSaleQty1{
margin: 5px 0px 10px 0px;
background-color: #d8d8d8;
border: none;
height: 30px;
width: 50px;
padding: 5px;
border-radius: 4px;
}
#julSaleAccept{
margin-right: 20px;
padding: 10px;
font-size: 16px;
cursor: pointer;
background-color: #c60000;
border: 2px solid #c60000;
border-radius: 4px;
color: #ffffff;
}
#julSaleAccept:hover{
background-color: #970303;
color:#ffffff;
border: 2px solid #970303;
transition: .5s;
}
#julSaleNo{
padding: 10px;
font-size: 16px;
cursor: pointer;
background-color: #424242;
border: 2px solid #424242;
border-radius: 4px;
color: #ffffff;
display:inline-block;
}
#julSaleNo:hover{
background-color: #1c1c1c;
color:#ffffff;
border: 2px solid #1c1c1c;
transition: .5s;
}
@media only screen and (max-width: 1150px){
#julSaleWrap{
width: 80%;
}
}
@media only screen and (max-width: 600px){
#julSaleWrap{
width: 95%;
}
}

/************************custom homepage popup**********************/
#homepage-pop{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
text-align: center;
}
#homepage-pop h3{
padding: 0px;
color: #ffffff !important;
background-color: #000000;
border-bottom: 1px solid #000000;
}
#homepage-pop-close{
position: absolute;
right: 0px;
top: 0px;
z-index: 10;
font-size: 30px;
width: 30px;
cursor: pointer;
color: #ffffff;
}
.page-id-73453 #homepage-pop-close{
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
font-size: 30px;
width: 30px;
cursor: pointer;
color: #ffffff;
}
#homepage-pop-close:hover{
color: #ffffff;
}
.page-id-73453 #homepage-pop-close:hover{
color: #ffffff;
}
.page-id-73424 #homepage-pop-close:hover{
color: #c60000;
}
.page-id-73421 #homepage-pop-close:hover{
color: #c60000;
}
#homeSema{
padding: 0px 0px 0px 0px !important;
width: 800px;
position: absolute;
left: 50%;
top: 55%;
transform: translate(-50%, -50%);
}
.page-id-73453 #homeSema{
padding: 0px !important;
color: #ffffff;
width: 500px;
max-width: 100%;
position: fixed;
max-height: 100%;
/* height: 1350px; */
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
overflow:auto;
}
@media only screen and (max-width: 1650px){
#homeSema{
width: 700px;
top:60%;
}
}
/* @media only screen and (max-width: 1400px){ */
/* #homeSema{ */
/* width: 450px; */
/* top:60%; */
/* } */
/* } */
@media only screen and (max-width: 925px){
.page-id-73421 #homepage-pop{
display: none !important;
}
.page-id-73424 #homepage-pop{
display: none !important;
}
}
/*** new one ***/
#hpnTempMainPopWrap{
position: fixed;
z-index: 999;
width: 100%;
justify-content: center;
top: 116px;
height: 100%;
overflow: auto;
display: none;
background-color: rgba(0, 0, 0, .65);
}
.admin-bar #hpnTempMainPopWrap{
margin-top:34px;
}
/* #hpnTempMainPop{ */
/* background-color: unset; */
/* padding: 0px; */
/* max-width: 700px; */
/* width:700px; */
/* bottom: 0px; */
/* position: absolute; */
/* } */
#hpnTempMainPop{
background-color: unset;
padding: 0px;
max-width: 750px;
width: 750px;
position: absolute;
top: 20px;
}
#hpnTempMainPopHead{
width:100%;
display: inline-block;
position: relative;
}
#hpnTempMainPopHead img{
vertical-align: middle;
}
.hpnTempMainPopSquare{
width: 25%;
display: inline-block;
}
.hpnTempMainPopSquare img{
width:100%;
display:inline-block;
border:1px solid #000000;
vertical-align: middle;
}
.hpnTempMainPopSquare:hover{
border:1px solid #c60000;
}
#hpnTempMainPopFoot{
width:100%;
display: inline-block;
position: relative;
}
#hpnTempMainPopFoot img{
vertical-align: middle;
}
#hpnTempMainClose{
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
font-size: 25px;
width: 25px;
height: 25px;
cursor: pointer;
background-color: unset;
color: #ffffff;
}
#hpnTempMainClose:hover{
color: #111111;
}
@media only screen and (max-width: 1366px){
#hpnTempMainPopWrap{
top: 73px;
}	
}
@media only screen and (max-width: 1650px){
#hpnTempMainPopWrap{
height: 100%;
}
#hpnTempMainPop{
max-width: 600px;
width: 600px;
}
}
/* @media only screen and (max-width: 1000px){ */
/* #hpnTempMainPopWrap{ */
/* height: 95%; */
/* background-color: rgba(0, 0, 0, .7); */
/* position: fixed; */
/* top: 0px; */
/* bottom: 0px; */
/* left: 0px; */
/* right: 0px; */
/* display: table; */
/* width:100%; */
/* } */
/* #hpnTempMainClose{ */
/* font-size: 25px; */
/* width: 25px; */
/* height: 25px; */
/* background-color: unset; */
/* } */
/* #hpnTempMainPop{ */
/* max-width: 80%; */
/* width: 80%; */
/* margin-left: 10%; */
/* overflow-y: auto; */
/* height:95%; */
/* } */
/* .hpnTempMainPopSquare{ */
/* width: 50%; */
/* display: inline-block; */
/* } */
/* } */
@media only screen and (max-width: 600px){
#hpnTempMainPop{
width:90%;
max-width: unset;
}
}
/***********coupon styles*************/
.woocommerce-form-coupon{
background-color: #ffffff;
border: unset;
position: relative;
text-align: center !important;
}
.woocommerce-form-coupon .form-row-first{
display: block;
position: relative;
width: 30% !important;
margin-left: 20% !important;
padding-bottom: 10px;
}
.woocommerce-form-coupon .form-row-first input{
width: 100%;
}
.woocommerce-form-coupon .form-row-last{
text-align: center;
width: 30% !important;
float: left;
display: inline-block;
}
.woocommerce-form-coupon .form-row-last button{
padding: 13px 20px;
color: #ffffff !important;
width: 100%;
}
.woocommerce-form-coupon .form-row-last button:hover{
padding: 13px 20px !important;
color: #ffffff !important;
width: 100% !important;
}
.coupon-deboss td{
text-align:right;
}
.coupon-deboss span.amount{
color: #000000 !important;
}
@media only screen and (max-width: 1000px){
.woocommerce-form-coupon .form-row-first{
margin-left: unset !important;
}
}

/*********performance transmission videos*******/
#performanceRedTranVids{
width:100%;
position:relative;
margin-bottom: 20px;
padding: 0px 20px 20px 20px;
}
#performanceRedTranVids .fluid-width-video-wrapper{
width: 49%;
overflow: hidden;
padding-top: 28% !important;
position: relative;
display:inline-block;
margin: 0px .5% 0px .5%;
}
#performanceRedTranVids .fluid-width-video-wrapper iframe{
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@media only screen and (max-width: 875px){
#performanceRedTranVids .fluid-width-video-wrapper{
width: 100%;
overflow: hidden;
padding-top: 56.25% !important;
position: relative;
display:inline-block;
margin: .5% 0px .5% 0px;
}
}

/**not red**/
#performanceTranVids{
width:100%;
position:relative;
margin-bottom: 20px;
padding: 0px 20px 20px 20px;
}
#performanceTranVids .fluid-width-video-wrapper{
width: 100%;
overflow: hidden;
padding-top: 56.25% !important;
position: relative;
display:inline-block;
margin: .5% 0px .5% 0px;
}
#performanceTranVids .fluid-width-video-wrapper iframe{
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

/****************new archeive pages*********************/
#sidebar{
display:none !important;
}
#left-area{
width:100% !important;
margin:0 auto !important;
padding: 0px !important;
}
.single-product #left-area{
width:80% !important;
margin: 50px 10% !important;
padding: 0px !important;
}
#left-area ul.products{
margin-bottom: 20px;
}
.woocommerce-products-header{
display: none;
}
.sidebarColor{
display:none !important;
}
.et_left_sidebar #main-content .container:before{
display:none !important;
}
/* #left-area{
width:81% !important;
padding-left: 1% !important;
} */
.woocommerce ul.products li.product a.button{
display:none;
}
.products li .productsButton{
width:74% !important;
}
#shopLoopAlter{
display: inline-block;
float: right;
width:120px;
margin-top: 27px;
position:relative;
z-index:5;
}
#loopAlter1{
font-size:30px;
margin-right:10px;
cursor:pointer;
color: #424242;
}
#loopAlter1::before{
padding: 1px;
}
#loopAlter1:hover{
color: #c60000;
}
#loopAlter2{
font-size:30px;
cursor:pointer;
color: #424242;
}
#loopAlter2::before{
padding: 1px;
}
#loopAlter2:hover{
color: #c60000;
}
#loopAlter3{
font-size:30px;
cursor:pointer;
color: #424242;
right: -1px;
position: relative;
}
#loopAlter3 img{
padding: 2px;
width:32px;
border-radius: 3px;
}
#loopAlter3:hover{
color: #c60000;
}
@media only screen and (min-width: 1700px){
#loopAlter3 img{
padding:1px;
}
}
@media only screen and (max-width: 1000px){
#shopLoopAlter{
text-align:right;
margin-right:20px;
}
}
/****************subcat archive display styles*************/
.subCatWholeWrap{
width:90%;
margin-left: 5%;
/* max-width: 1080px; */
border: none !important;
}
.subCatPrev{
width: 5%;
border:none !important;
}
.subCatPrev span{
font-size: 50px;
color: #1c1c1c;
cursor:pointer;
}
.subCatPrev span:hover{
color: #c60000 !important;
}
.subCatCircleWrap{
width:90%; 
overflow: hidden;
border: 1px solid #d8d8d8;
border: none !important;
border-bottom: 1px solid #d8d8d8 !important;
}
.subCatNext{
width: 5%;
border:none !important;
}
.subCatNext span{
font-size: 50px;
color: #1c1c1c;
cursor:pointer;
}
.subCatNext span:hover{
color: #c60000 !important;
}
.subCatCircleVisible{
width: 500%;
position:relative;
}
.ncSubCatCircleOuter{
width: 2.5%;
text-align: center;
padding: 0px 10px;
min-height: 180px !important;
display: inline-block;
}
.ncSubCatCircleOuter span{
font-size:11px;
}
/****************************archive sister cats (3 row)*********************/
#scArchiveWrap{
background-color:#eeeeee;
border-bottom: 3px solid #000000;
width: 100%;
overflow: hidden;
display: inline-block;
}
#scArchiveTitle{
padding: 10px 10px 10px 10px;
text-align: center;
background-color: #000000;
color: #ffffff;
font-size:20px;
position: relative;
}
#scParentArchiveTitle{
padding: 40px;
text-align: center;
background-color: #ffffff;
color: #000000;
position: relative;
top: 5px;
}
#scArchiveWrap h3{
padding: 10px 20px 0px 20px;
text-align: center;
color: #000 !important;
border-top: 1px solid #d8d8d8;
font-size: 14px;
font-weight:bold;
}
#scArchiveUl{
list-style: none;
padding: 5px 0px 0px 0px !important;
width: 95% !important;
margin-left: 2.5%;
white-space: nowrap;
overflow: auto;
display: block;
position: relative;
}
#scArchiveUl li{
display: inline-block;
height: 100%;
padding: 10px 10px 0px 10px;
border: 4px solid #eeeeee;
background-color: #ffffff;
text-align: center;
margin: 0 auto;
TOP: 0px;
POSITION: relative;
cursor: pointer;
font-size: 12px;
}
#scArchiveUl li img{
width:100px;
display:inline-block;
clear:both;
}
#scArchiveUl li a{
color: #1c1c1c !important;
display:block;
padding:0px;
}
#scArchiveUl li:hover{
border: 4px solid #424242;
}
#scArchiveUl li:hover a{
font-weight: bold;
}
#scArcheiveMobile{
display: none;
width: 100%;
text-align: center;
padding-bottom: 10px;
}
@media only screen and (max-width: 1500px){
#scArchiveWrap{
position: relative;
border-bottom: unset;
}
}
@media only screen and (max-width: 980px){
#scArchiveWrap{
margin-bottom: 20px;
}
#scArcheiveMobile{
display: block;
}
}
@media only screen and (max-width: 650px){
#scArchiveTitleMod{
display: block;
}
}
.term-performance-parts-allison-10l1000-gm-duramax #scArchiveTitle{
margin-bottom: 40px;
}
/****************************archive trans models*********************/
#tmArchiveWrap{
background-color:#000000;
margin-top: 20px;
}
#tmArchiveWrap h3{
padding: 15px 20px 0px 20px;
text-align: center;
/* font-weight: bold; */
color: #ffffff !important;
font-size: 20px;
}
#tmArchiveUl{
list-style: none;
padding: 10px 0px !important;
width:95%;
margin-left: 2.5%;
text-align: center;
}
#tmArchiveUl li{
display: inline-block;
width: 19%;
padding: 0;
border: 4px solid #ffffff;
background-color: #ffffff;
text-align:center; 
margin:.5%;
cursor: pointer;
}
#tmArchiveUl li a{
color: #1c1c1c !important;
display:block;
padding:20px;
}
#tmArchiveUl li:hover{
border: 4px solid #c60000;
}
@media only screen and (max-width: 1550px){
#tmArchiveUl li{
width: 32.33%;
}
#tmArchiveUl li a{
padding: 10px;
}
}
@media only screen and (max-width: 960px){
#tmArchiveUl{
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
#tmArchiveUl li{
width: 49%;
}
}
@media only screen and (max-width: 700px){
#tmArchiveUl li{
width: 100%;
}
}

/**************fix perf cat top margin*************/
.term-performance-parts-allison-gm-duramax-150 .products{
margin-top: 90px !important;
}
@media only screen and (max-width: 980px){
.term-performance-parts-allison-gm-duramax-150 .products{
margin-top: 40px !important;
}
}

/* military account message */
#milAccMsg{
margin-bottom: 40px;
padding: 20px 5px;
color: #ffffff;
text-align: center;
background-color: #c60000;
font-size: 16px;
}

/* shaft pop-up agreement */
#shaftAgreeProdWrap .products{
background-color: #1c1c1c;
}
#shaftAgreeProdWrap .products li{
width: 40% !important;
margin-top:20px !important;
margin-right:4% !important;
margin-bottom:0px !important;
margin-left: 5% !important;

}
.cartShaftPopWrap #surpCartProceed{
width: 45% !important;
margin-left: 10% !important;
}
#shaftAddAll{
display: none;
}
#shaftAddOne{
display: none;
}
#surpCartProceedOne{
width: 45%;
border-radius: 0px !important;
position: relative;
display: inline-block;
color: #d8d8d8;
}
@media only screen and (max-width: 600px){
.cartShaftPopWrap{
top: 50px !important;
width: 98% !important;
left: 1% !important;
}
}

/** checkout pop up **/
#eodCheckBG{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, .7);
z-index: 9998;
display: none;
}
#eodCheckWrap{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 40%;
margin: 0 auto;
margin-top: 170px;
z-index: 9999;
display: none;
}
#eodCheckHead{
background-color: #000000;
text-align:center;
padding: 20px;
}
#eodCheckHead h3{
font-weight: bold;
color: #ffffff !important;
padding:0px !Important;
}
#eodCheckClose{
color: #ffffff;
width: 40px; 
height: 40px;
font-size: 40px;
cursor: pointer;
position:absolute;
right:0px;
top: 0px;
}
#eodCheckClose:hover{
color: #c60000;
}
#eodCheckInner{
background-color: #ffffff;
color: #000000;
}
#eodCheckNotice{
padding: 20px;
}
#eodCheckBottom{
background-color: #c60000;
color: #ffffff;
text-align: center;
}
#eodCheckAccept{
display:inline-block;
}
label[for=eodCheckAccept]{
display:inline-block !important;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16px;
margin-left: 5px;
}
#eodCheckAcceptBtn{
padding: 10px 20px;
background-color: #000000;
color: #ffffff;
font-size: 16px;
border-radius:4px;
cursor: pointer;
display:inline-block;
margin-bottom: 10px;
}
#eodCheckAcceptBtn:hover{
background-color: #ffffff;
color: #000000;
}
#eodCheckAcceptBtn:disabled{
background-color: #eeeeee;
color: #d8d8d8;
}
@media only screen and (max-width: 1270px){
#eodCheckWrap{
width: 60%;
}
}
@media only screen and (max-width: 700px){
#eodCheckWrap{
width: 80%;
}
}
@media only screen and (max-width: 500px){
#eodCheckWrap{
width: 95%;
}
}

/****fix swag****/
.term-swag-150 #left-area{
top: -50px;
position: relative;
}
.term-swag-150 #left-area ul.products{
margin-top: 20px !important;
}

/****five percent discount****/
#vtFivePopupBg{
display: none;
position: fixed;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, .85);
top: 0px;
bottom: 0px;
z-index: 9999;
}
#vtFivePopupWrap{
display: none;
z-index: 99999;
position: fixed;
left: 50%;
width: 45%;
top: 50%;
text-align: center;
transform: translate(-50%, -50%);
}
#vtFivePopupInnerWrap{
background-color: #ffffff;
padding: 0px;
border-radius: 4px;
}
#vtFivePopupInnerWrap img{
padding: 0px;
width: 100%;
display: block;
}
#vtFivePopupWrapClose{
position: absolute;
right: 10px;
top: 1px;
font-size: 30px;
color: #000000;
cursor: pointer;
z-index: 10;
}
#vtFivePopupWrapClose:hover{
color: #c60000;
}
@media only screen and (max-width: 1200px){
#vtFivePopupWrap{
width: 60%;
}
}
@media only screen and (max-width: 825px){
#vtFivePopupWrap{
width: 80%;
}
}

/***fix new stockOp***/
.woocommerce form .form-row .woocommerce-input-wrapper #stockOp-description{
display: block !important;
background: unset !important;
color: #000000 !important;
}
.woocommerce form .form-row .woocommerce-input-wrapper #stockOp-description:before{
border-color: #c60000 transparent transparent transparent !important;
}

/**********************efi page**********************/
#efiTopWrap{
width: 100%;
padding: 40px 0px;
}
#efiTopWrap table{
width:80%;
margin: 0 auto;
}
#efiTopText{
width: 70%;
font-size: 16px;
}
#efiTopImage{
width: 30%;
text-align: center;
}
#efiMidWrap{
width: 100%;
}
#efiMidTabWrap{
width: 80%;
text-align:center;
margin: 0 auto;
border-bottom: 5px solid #413d8f;
}
.efiMidTabs{
background-color: #d1cff6;
display: inline-block;
padding: 10px 20px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.efiMidTabs:hover{
background-color: #413d8f;
color: #ffffff;
transition: .25s;
}
.efiMidTabActive{
background-color: #413d8f;
color: #ffffff;
}
#efiBottomWrap{
width: 100%;
padding-bottom: 40px;
}
.efiToShow{
width: 80%;
margin: 0 auto;
padding-top: 20px;
background-color: #eeeeee;
}
.efiToShow table{
width: 100%;
}
.efiToShow table tr{
border-bottom: 1px solid #d8d8d8;
}
.efiTableCart{
text-align:center;
}
.efiTableCart .quantity{
display: inline-block;
}
.efiTableCart .qty{
max-width: 50px;
height: 30px !important;
}
.efiTableCart .button{
height: 30px;
padding: 0px 20px;
background-color: #424242;
border: 1px solid #424242;
color: #ffffff;
cursor: pointer;
}
.efiTableCart .button:hover{
background-color: #c60000;
border: 1px solid #c60000;
transition: .25s;
}
#efiPartsToShow .products li{
width: 22.6% !important;
background-color: #ffffff !important;
}
#efiPartsToShow .prodQuickView{
display:none;
}
#efiPartsToShow .products li .quantity{
display: inline-block;
margin: 0px;
width: 26.5%;
top: 2px;
position: relative;
}
#efiPartsToShow .products li .qty{
width: 90%;
height: 32px;
border-radius: 0px;
font-size: 18px !important;
font-family: Monda;
background-color: #d8d8d8 !important;
color: #1c1c1c !important;
}
#efiPartsToShow .products li .woocommerce-loop-product__title{
text-align:center;
}
#efiPartsToShow .products li .prodShortDesc{
text-align:center;
}
#efiPartsToShow .products li .productsButton{
width: 80% !important;
margin-left:10%;
border-radius: 0px;
background-color: #424242;
color: #ffffff;
font-family: Monda;
margin-top:0px !important;
}
#efiPartsToShow .products li .price{
font-size: 18px;
text-align:center;
}
#efiPartsToShow .products li .price .amount{
color: #c60000;
}
#efiFlashBonusImage{
width:30%;
text-align: center;
}
#efiFlashBonusImage img{
width:40%;
}
#efiAutoBonusImage{
width:30%;
text-align: center;
}
#efiAutoBonusImage img{
width:40%;
}
#efiTuneBonusImage{
width:30%;
text-align: center;
}
#efiTuneBonusImage img{
width:60%;
}
#efiLicBonusImage{
width:20%;
text-align: center;
}
#efiLicBonusImage img{
width:70%;
}
#efiLicBonusImage2{
width:20%;
text-align: center;
}
#efiLicBonusImage2 img{
width:70%;
}
#efiStreamBonusImage{
width:30%;
text-align: center;
}
#efiStreamBonusImage img{
width:60%;
}
@media only screen and (max-width: 1150px){
.efiMidTabs {
display: inline-block;
padding: 10px 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border: 1px solid #413d8f;
border-bottom: 0px;
font-size: 16px;
width: 100%;
position: relative;
cursor: pointer;
}
}
@media only screen and (max-width: 920px){
#efiPartsToShow .products li{
width: 47% !important;
}
.efiTablesBonusInfo{
display:none;
}
}
@media only screen and (max-width: 780px){
#efiTopImage{
display:none;
}
#efiTopText{
width: 100%;
}
#efiMidTabWrap{
width:97.5%;
}
.efiToShow{
width:97.5%;
}
}
@media only screen and (max-width: 710px){
#efiAddCartHead{
width:40%;
}
}
@media only screen and (max-width: 500px){
.efiToShow{
font-size: 10px;
}
}

/******************Gift Card Fixes*****************/
.woocommerce-MyAccount-Giftcards-form{
padding-bottom: 30px;
}
.product_cat-gift-cards .cart{
background-color: #1c1c1c;
}
.product_cat-gift-cards .cart label{
color: #ffffff;
font-style: italic;
font-size: 16px;
}
.product_cat-gift-cards .cart input{
height:50px;
}
.product_cat-gift-cards .cart .wc_gc_giftcard_message textarea{
margin: 0px;
min-width: 100%;
max-width: 100%;
min-height: 150px;
}
.product_cat-gift-cards .cart .quantity{
display: none;
}
.product_cat-gift-cards .cart  .single_add_to_cart_button {
width: 100% !important;
background-color: #c60000 !important;
color: #ffffff !important;
}
.page-id-5 .add_gift_card_form{
text-align: center;
}
.page-id-5 .add_gift_card_form #wc_gc_cart_code{
min-height:40px;
border-radius: 4px;
}
.page-id-5 .add_gift_card_form #wc_gc_cart_redeem_send{
min-height: 40px;
border-radius: 4px;
border: 1px solid #424242;
background-color: #424242;
color: #ffffff;
cursor: pointer;
}
.page-id-5 .add_gift_card_form #wc_gc_cart_redeem_send:hover{
background-color: #c60000;
transition: .25s;
}
.page-id-5 .shop_table span.amount{
color: #424242;
}
.page-id-6 .add_gift_card_form{
border: 1px solid #eeeeee;
border-radius: 4px;
padding: 10px;
margin-bottom: 20px;
margin-top: 20px;
}
.page-id-6 .add_gift_card_form h4{
font-size:16px;
}
.page-id-6 #wc_gc_cart_code{
width: 49% !important;
display: inline-block !important;
height: 40px !important;
border-radius: 4px;
}
.page-id-6 #wc_gc_cart_redeem_send{
width: 49% !important;
float: right !important;
height: 40px !important;
color: #ffffff;
border: 1px solid #424242;
border-radius: 4px;
background-color: #424242;
cursor: pointer;
}
.page-id-6 #wc_gc_cart_redeem_send:hover{
background-color: #c60000;
transition: .25s;
}
#giftCardButtonsWrap{
width:100%;
margin: 20px 0px;
border-bottom: 1px solid #ffffff;
padding-bottom: 20px;
}
#giftCardBtnTitle{
width:100%;
color: #ffffff;
font-style: italic;
font-size: 16px;
margin-bottom: 15px;
}
.postid-87298 .giftCardButtons{
width:18%;
margin-left:1%;
margin-right:1%;
text-align:center;
background-color: #ffffff;
color: #1c1c1c;
padding:10px 0px;
display:inline-block;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}
.postid-87298 .giftCardButtons:hover{
background-color: #c60000;
color: #ffffff;
transition: .25s;
}
.postid-87298 .giftCardSelected{
background-color: #c60000;
color: #ffffff;
}
.postid-87298  .variations{
display:none !important;
}
.postid-87298 .single_variation{
display:none !important;
}
.postid-87298 .quantity{
display:none !important;
}
.postid-87298 .woocommerce-product-gallery .flex-control-nav{
display: none !important;
}
/**********************end gift card styles*****************/

/************************view customer cart***********************/
.page-template-customer-cart #main-content .container{
max-width: unset;
width:100%;
}
#customerCartHead{
text-align:center;
padding:40px 0px;
}
#customerCartHead h3{
font-size:16px;
padding-bottom:0px;
}
#customerCartWrap{
padding-bottom: 40px;
overflow-x: auto;
}
#customerCartInput{
max-width: 1080px;
width: 100%;
text-align:center;
margin: 0 auto;
padding-bottom: 40px;
border-bottom: 1px solid #eeeeee;
}
#customerCartSearch{
border: 1px solid #1c1c1c;
font-size: 16px !important;
padding: 10px;
border-radius: 4px;
width: 45%;
}
#customerCartGo{
font-family: inherit;
padding: 10px;
font-size: 16px;
border-radius: 4px;
border: 1px solid #c60000;
color: #ffffff;
background-color: #c60000;
min-width: 100px;
cursor: pointer;
}
#customerCartGo:hover{
background-color: #ffffff;
color: #c60000;
transition: .25s;
}
#customerCartContents{
width: 100%;
margin: 0 auto;
max-width: 1080px;
position: relative;
padding: 40px 20px;
min-width:800px;
}
#customerCartLoad{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
z-index:9;
}
#customerCartContentsInner{
width: 100%;
}
#cusCartRetName{
width: 100%;
text-align: center;
font-size: 16px;
background-color: #eeeeee;
}
#customerCartTable{
width:100%;
}
#customerCartTable tr{
border: 1px solid #eeeeee;
}
#customerCartTable td{
padding: 10px;
}
#customerCartTable td img{
max-width: 100px;
}
#cusCartRetTotals{
width: 100%;
text-align: center;
font-size: 16px;
background-color: #eeeeee;
}
/************************end customer cart*************************/

/**fix quote button***/
.woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button, .yith-wceop-ywraq-button-wrapper .add-request-quote-button.button, .yith-wceop-ywraq-button-wrapper .add-request-quote-button-addons.button{
font-size: unset !important;
}

/**hide oil on 29544804-X**/
.postid-88065 .post-31320{
display: none !important;
}
.postid-88065 .post-31322{
display: none !important;
}

/**********************single product lead time request*********************/
.singleLeadTimeForm{
margin: 20px 0px;
padding: 10px;
border: 1px solid #d8d8d8;
font-family: 'Monda';
}
.product .summary .cart{
margin: 20px 0px 0px 0px !Important;
}
#singleLeadShow{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#singleLeadAmt{
padding: 10px;
border-radius: 4px;
margin-right: 10px;
margin-bottom: 10px;
}
#singleStockDown{
margin-right: 5px;
min-width: 35px;
font-size: 17px;
cursor: pointer;
}
#singleStockUp{
min-width: 35px;
font-size: 17px;
cursor: pointer;
}
#singleLeadNotify{
color: green;
}
#singleLeadTimeButton{
margin-top: 10px;
padding: 10px 20px;
}
#productQuick .singleLeadTimeForm{
display: none !important;
}

/**********single product upsell fix***********/
.single-product #upsell-inner{
list-style: none;
width: 100% !important;
white-space: nowrap;
overflow: auto;
display: block;
position: relative;
padding-top: 20px;
}
.single-product .wc-prl-recommendations .products{
width: 100% !important;
white-space: nowrap;
overflow: auto;
display: block;
position: relative;
}
.single-product #upsell-inner .products li .woocommerce-loop-product__title{
overflow: hidden;
}
.single-product #upsell-inner .products .post-31320 form.cart{
background-color: unset !important;	
box-shadow: unset !important;	
}
.single-product #upsell-inner .products .post-31322 form.cart{
background-color: unset !important;	
box-shadow: unset !important;	
}
.single-product #upsell-inner .products .post-31320 .quantity input.qty{
height:35px !important;
}
.single-product #upsell-inner .products .post-31322 .quantity input.qty{
height:35px !important;
}
.single-product .wc-prl-recommendations ul.products .product-type-grouped{
top: 29px !important;
}
.single-product #upsell-inner ul.products .product-type-grouped{
top: 29px !important;
}
@media (min-width: 768px) and (max-width: 980px){
.single-product .up-sells{
margin-bottom: 50px;
}
.single-product #upsell-inner ul.products li.product:nth-child(n){
margin: .8% !important;
float: none !important;
}
.single-product .wc-prl-recommendations ul.products li.product:nth-child(n){
margin: .8% !important;
float: none !important;
}
}
@media (max-width: 980px){
.single-product .up-sells{
margin-bottom: 50px;
}
.single-product #upsell-inner ul.products li.product:nth-child(n){
float: none !important;
}
.single-product .wc-prl-recommendations ul.products li.product:nth-child(n){
float: none !important;
}
}

/***fix swag vt link***/
.term-swag-150 #vtArcheiveLinkWrap{
display: none !important;
}

/*********************vt hat on checkout****************/
#vtHatSelWrap{
width: 60%;
display: inline-block;
position: relative;
float: left;
overflow-x: hidden;
}
#vtHatSelWrap h3{
margin-bottom: 20px;
}
#vtHatSelInnerWrap{
width: 100%;
display: inline-block;
position: relative;
overflow-x: auto;
border:1px solid rgba(0,0,0,.1);
padding: 10px 0px;
}
#vtHatSelInner{
min-width:1300px;
}
#vtHatSelInner table{
border: unset !important;
}
#vtHatSelInner td{
border-right: 1px solid rgba(0,0,0,.1);
border-top: unset;
}
#vtHatSelInner img{
width:165px;
max-width:unset;
margin:0 auto;
}
#vtHatSelInner td label{
display: inline-block;
width: 100%;
text-align: center;
cursor: pointer;
}
#scHatOutOfUS{
width: 100%;
text-align: center;
font-size: 16px;
color: #c60000;
}
@media only screen and (min-width: 981px){
#vtHatSelWrap{
padding-left:20px;
}
}
@media only screen and (max-width: 980px){
#vtHatSelWrap{
width: 100%;
margin-bottom: 20px;
padding:0px 20px;
}
}
/*****************end vt hat on checkout****************/

/***********************my-account changes**********************/
#wcMyAccountDiviWrap{
padding: 40px 0px 40px 0px;
}
.logged-in #wcMyAccountDiviWrap{
padding: 0px 0px 40px 0px;
}
#wcMyAccountDiviHead{
border-bottom: 1px solid #d8d8d8;
text-indent: 40px;
padding-bottom: 40px;
display:none;
}
.logged-in #wcMyAccountDiviHead{
display: block;
}
#wcMyAccountDiviWrap .woocommerce{
width: 60%;
position: relative;
margin: 0 auto;
}
.logged-in #wcMyAccountDiviWrap .woocommerce{
width: 100%;
position: relative;
margin: unset;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-navigation{
border-right: 1px solid #d8d8d8;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-navigation ul{
padding-left:0px !important;	
padding-bottom: 0px !important;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-navigation li{
list-style:none;
padding: 10px 0px;
text-indent: 40px;
border-bottom: 1px solid #d8d8d8;
font-size:16px;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-navigation li a:hover{
text-decoration: underline;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-navigation .is-active{
background-color: #c60000;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-navigation .is-active a{
color: #ffffff !important;
font-weight: bold;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-content{
padding-top: 40px;
width:66%;
margin-right: 2%;
}
#wcMyAccountDiviWrap #wcMyAccountDiviDashTop{
margin-bottom: 40px;
}
#wcMyAccountDiviWrap .my_account_orders{
font-size: 14px;
}
#wcMyAccountDiviWrap .my_account_orders td{
padding: 10px;
}
#wcMyAccountDiviWrap .my_account_orders .order-actions a{
margin-left:5px;
margin-right:5px;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-Giftcards-balance-amount{
font-size: 26px;
font-weight: normal;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-Giftcards-balance-amount .woocommerce-Price-amount {
color: #c60000 !important;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-Giftcards-form input{
max-width: 300px;
margin-right: 20px;
}
#wcMyAccountDiviWrap .woocommerce-MyAccount-Giftcards-form button{
max-width: 200px;
}
#wcMyAccountDiviWrap button[name="save_account_details"]{
margin-top: 20px;
}
@media only screen and (max-width: 768px){
#wcMyAccountDiviWrap .woocommerce-MyAccount-content{
	padding:20px;
	width: 100%;
	margin-right: unset;
}
}
/***************Quick address edit/sms sign up page*********************/
#smsQuickEditWrap{
width: 90%;
margin-left: 5%;
max-width:600px;
margin: 0 auto;
}
#smsQuickEditForm{
padding:20px;
margin-top:20px;
border:1px solid #d8d8d8;
background-color: #f3f3f3;
border-radius: 4px;
}
.smsqeLabels{
margin:10px 0px;
display:block;
width:100%;
font-size: 16px;
}
.smsqeInputs{
padding: 10px !important;
font-size: 16px !important;
border-radius: 4px;
border:1px solid #d8d8d8 !important; 
width: 100%;
}
/* #smsqeEmail{ */
/* background-color: unset !important; */
/* } */
#smsqeOrderNum{
padding: 10px !important;
font-size: 16px !important;
border-radius: 4px;
border:1px solid #d8d8d8 !important; 
background-color: #f3f3f3;
cursor: default;
width: 100%;
}
#smsqeProblem{
border:1px solid #d8d8d8 !important;
width:100%;
font-size: 16px !important;
min-height:200px;
padding: 10px !important;
}
#smsqeSubmitWrap{
width:100%;
text-align:center;
}
#smsqeSubmit{
padding: 10px 40px;
border: 1px solid #1c1c1c;
border-radius: 4px;
background-color: #1c1c1c;
color: #ffffff;
text-align: center;
}
#msorsInfoWrap{
font-size:18px;
position:relative;
}
#msorsInfoUl{
display: block;
margin: 0 auto;
position: relative;
max-width: 500px;
list-style: none !important;
background-color: #f3f3f3;
padding: 20px !important;
margin-bottom: 60px;
}
.smsQuickEditErr{
color: #c60000;
}
#smsQuickEditSub{
display: none;
font-size: 0;
margin-bottom: 40px;
background-color: #ffffff;
padding: 20px;
text-align: center;
}
#smsQuickEditSub .smsqeLabels{
width: unset;
display: inline-block;
margin: 0px 20px 20px 20px;
}

/***************Checkout sms sign up form*********************/
#smsCheckoutFormWrap{
position:fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(0, 0, 0, .4);
z-index: 99999;
}
#smsCheckoutFormInner{
position:absolute;
background-color: #ffffff;
padding: 40px;
border-radius: 5px;
top: 160px;
bottom: 20px;
left: 20%;
right: 20%;
overflow-y:auto;
max-height: 680px;
}
#smsqeSame{
padding: 2px 10px;
border-radius: 4px;
background-color: #eeeeee;
border: 1px solid #d8d8d8;
margin-left: 50px;
cursor: pointer;
display: inline-block;
font-size: 12px;
position: relative;
top: -5px;
}
#smsqeSame2{
padding: 2px 10px;
border-radius: 4px;
background-color: #eeeeee;
border: 1px solid #d8d8d8;
margin-left: 50px;
cursor: pointer;
display: inline-block;
font-size: 12px;
position: relative;
top: -5px;
}
@media only screen and (max-width: 900px){
#smsCheckoutFormInner{
left: 2%;
right: 2%;
}
}

/**********not logged in product stock fix********/
.product .entry-summary .out-of-stock{
font-size: 100% !Important;
padding-top: 5px !Important;
padding-bottom: 0px !Important;
color: #c60000 !Important;
font-weight: bold !Important;
}
.product .entry-summary .available-on-backorder{
font-size: 100% !Important;
padding-top: 5px !Important;
padding-bottom: 0px !Important;
color: #c60000 !Important;
font-weight: bold !Important;
}
.product .entry-summary .in-stock{
font-size: 100% !Important;
padding-top: 5px !Important;
padding-bottom: 0px !Important;
font-weight: bold !Important;
}
.stock_alert_button{
padding:10px;
border-radius: 4px;
border:1px solid #424242;
}
.product .entry-summary .stock_alert_email{
padding: 10px !important;
border-radius: 4px;
}
.alert_container{
margin-top: -20px !Important;
padding: 20px 10px !Important;
border: 1px solid #bbb;
}
.logged-in .alert_container{
margin-top: 20px !Important;
padding: 20px 10px !Important;
border: 1px solid #bbb;
}

/*****************29530326-DF kit popup**********************/
#kitCartWrap{
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 50;
display: none;
background-color: rgba(0, 0, 0, 0.7);
overflow: auto;
}
#kitCartMsg{
width: 40%;
position: fixed;
background-color: #1c1c1c;
box-shadow: -3px 5px 5px #000000; 
top: 20%;
left: 30%;
display: none;
z-index: 9999;
}
#kitCartMsg h3{
position: absolute;
left: 0px;
top: -35px;
text-shadow: -3px 3px 3px #000000;
color: #ffffff;
}
#kitCartClose{
color: #ffffff;
right: 0px;
top: 0px;
position: absolute;
z-index: 999;
}
#kitCartClose:before{
font-size: 40px;
position: absolute;
right: -15px;
top: -15px;
cursor: pointer;
}
#kitCartMsg p{
padding: 10px;
color: #ffffff;
background-color: #c60000;
text-align: center;
}
#kitCartInner{
width:100%;
position: relative;
padding: 20px;
background-color: black;
display: inline-block;
}
#specKitOption1{
display: inline-block;
position: relative;
width: 48%;
padding:10px;
}
#specKitOption1:hover{
background-color: rgba(198, 0, 0, .5);
}
#specKitOption2{
display: inline-block;
position: relative;
width: 48%;
margin-left: 4%;
padding:10px;
}
#specKitOption2:hover{
background-color: rgba(198, 0, 0, .5);
}
#specKitOption1 a{
color: #ffffff !important;
}
#specKitOption2 a{
color: #ffffff !important;
}
#kitCartProceed{
width: 50%;
border-radius: 0px !important;
position: relative;
display: inline-block;
margin-top: 20px;
color: #d8d8d8;
}
#kitCartProceed:hover{
background-color: #c60000;
border: 1px solid #000000;
}
#kitCartClose:hover{
color: #c60000;
}
@media only screen and ( max-width: 1200px ){
#kitCartMsg{
width: 50%;
left: 25%;
top: 25%;
}
}
@media only screen and ( max-width: 835px ){
#kitCartMsg{
width: 60%;
left: 20%;
top: 15%;
}
#kitCartProceed{
width: 95% !important;
margin-left: 2.5% !important;
}
}
@media only screen and ( max-width: 700px ){
#kitCartMsg{
width: 80%;
left: 10%;

}
}
@media only screen and ( max-width: 480px ){
#kitCartMsg{
width: 95%;
left: 2.5%;
}
}

/*** saved jobs styles ***/
#addToSavedJobsDrop{
display: none;	
padding: 20px 40px;
border: 1px solid #d8d8d8;
border-radius: 4px;
}
#jobNameErr{
padding: 0px; 
width: 100%;
color: #c60000;
}
#jobNameSucc{
padding: 0px; 
width: 100%;
color: #42af4e;
}
#savedJobName{
padding: 5px;
border-radius: 4px;	
}

#dashOrderTabWrap{
border-bottom: 1px solid #d8d8d8;
margin-bottom: 40px;
}
#dashOrderTab1{
display: inline-block;
padding: 10px 20px;
background-color: #ffffff;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right: 10px;
font-size: 18px;
cursor: pointer;
}
#dashOrderTab2{
display: inline-block;
padding: 10px 20px;
background-color: #ffffff;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin-right: 10px;
font-size: 18px;
cursor: pointer;
}
#dashOrderTab3{
display: inline-block;
padding: 10px 20px;
background-color: #ffffff;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-size: 18px;
cursor: pointer;
}
#dashOrderTab1:hover{
background-color: #c60000;
color: #ffffff;
transition: .25s;
}
#dashOrderTab2:hover{
background-color: #c60000;
color: #ffffff;
transition: .25s;
}
#dashOrderTab3:hover{
background-color: #c60000;
color: #ffffff;
transition: .25s;
}
.dotActive{
background-color:#424242 !important;
color: #ffffff !important;
border-left: 1px solid #424242;
border-right: 1px solid #424242;
border-top: 1px solid #424242;
}
#dashSavedJobs{
display: none;	
}
#maSavedJobsWrap{
padding: 40px 0px;
}
#savedJobsLoading{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
display: inline-block;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
top: 0;
z-index:9;
display:none;
}
#savedJobsAjaxErr{
padding: 20px;
margin: 20px 0px;
width:100%;
background-color: #c60000;
color: #ffffff;
display: none;
}
#savedJobsDisplayHead{
margin-bottom: 20px;
margin-top: 20px;
border: 0px;
border-bottom: 1px solid #d8d8d8 !important;
font-size: 16px;
}
.savedJobsDisplayTable{
font-size: 16px;
border:1px solid #d8d8d8;
margin-top: 40px;
}
.savedJobsDisplayTable tr{
border:1px solid #d8d8d8;
}
.savedJobsJobName{
font-weight: bold;
}
.savedJobsJobActions .dashicons-edit{
color: #c60000;
cursor: pointer;
}
.savedJobsJobActions .dashicons-trash{
color: #c60000;
cursor: pointer;
}
.savedJobEdit{
display: none;
padding: 10px;
}
.savedJobEdit input{
padding: 5px;
border-radius: 4px;
margin-right: 10px;
}
.savedJobEdit .savedJobEditSub{
display: inline-block;
margin-top: 10px;
padding: 5px 10px;
background-color: #424242;
color: #ffffff;
border-radius: 4px;
font-size: 14px;
cursor: pointer;
}
.savedJobEdit .savedJobEditSub:hover{
background-color: #c60000;
color: #ffffff;
transition: .25s;
}
.savedJobsJobButtons{
text-align:center;
}
.savedJobsJobView{
margin-right: 10px !important;
font-size: 14px;
background-color: #424242;
border-width: 1px!important;
border-color: #424242;
font-weight: 500;
padding: 0.3em 1em;
line-height: 1.7em !important;
background: transparent;
position: relative;
border: 2px solid;
border-radius: 3px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
cursor: pointer;
text-decoration: none;
overflow: visible;
left: auto;
display: inline-block;
box-shadow: none;
text-shadow: none;
}
.savedJobsJobView:hover{
background-color: #c60000;
color: #ffffff;
}
.savedJobsSubTables{
border: 0px; 
font-size:12px !important;
display: none;
}
@media only screen and (max-width: 1050px){
.savedJobsJobOrder{
display: none;
}
.savedJobsJobActions{
width: 100px;
}
.savedJobsJobName{
min-width: 200px;	
}
}
.woocommerce-order-received .et_section_regular{
background-color: #eeeeee !important;	
}
.woocommerce-order-received .woocommerce-order{
max-width: 1080px;
margin: 0 auto;
border: 1px solid #d8d8d8;
padding: 20px;
background-color: #ffffff;
}
.woocommerce-order-received .woocommerce-thankyou-order-received{
font-size: 26px;
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}
.woocommerce-order-received .woocommerce ul.order_details{
font-size: 16px;
margin: 0px 0px 20px 0px;
}
.woocommerce-order-received .wc-bacs-bank-details-heading{
text-align: center;
margin-top: 20px;
}
.woocommerce-order-received .wc-bacs-bank-details-account-name{
font-size: 16px;
margin-bottom: 20px;
}
#addToSavedJobsOrderTy{
margin-bottom: 40px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
padding: 20px 10px;
}
#addToSavedJobsOrderTy input{
margin-right: 10px;
}
/*** end saved jobs styles ***/
/*** start my-account recent products styles ***/
#dashRecentProds{
display: none;
}
#dashRecentProds .products li{
width: 24% !important;
margin: 2px !important;
float: left !important;
}
#dashRecentProds .products li .prodQuickView{
display: none !important;
}
#dashRecentProds .products li .productsStockButton{
display: none !important;
}
#dashRecentProds .products li .loopCartForm{
width: 100% !important;
}
#dashRecentProds .products li .quantity{
width: 25% !important;
display: inline-block;
border: 1px solid #424242;
}
@media only screen and (max-width: 1200px){
#dashRecentProds .products li{
width: 31% !important;
}	
}
@media only screen and (max-width: 875px){
#dashRecentProds .products li{
width: 48% !important;
}
#dashRecentProds .woocommerce .quantity input.qty{
padding:16px 0px;
}	
#dashOrderTab1{
width: 100%;
text-align: center;
}	
#dashOrderTab2{
width: 100%;
text-align: center;
}
#dashOrderTab3{
width: 100%;
text-align: center;
}
}
.woocommerce-MyAccount-navigation-link--downloads{
display: none;	
}
/*** end my-account recent products styles ***/

/* fix wc checkout notice if not logged in */
.page-id-6 .woocommerce-form-login-toggle{
margin-bottom: 40px;
}

/******perf trans form******/
.postid-75357 .price{
display: none;	
}
.postid-75360 .price{
display: none;	
}
.postid-75362 .price{
display: none;	
}
.postid-75364 .price{
display: none;	
}
.postid-27423 .price{
display: none;	
}
.postid-27424 .price{
display: none;	
}
.postid-27420 .price{
display: none;	
}
.postid-27421 .price{
display: none;	
}
.postid-27422 .price{
display: none;	
}
.postid-33538 .price{
display: none;	
}
.postid-82766 .price{
display: none;	
}
.postid-81930 .price{
display: none;	
}
.postid-81932 .price{
display: none;	
}
.postid-81934 .price{
display: none;	
}
.postid-27416 .price{
display: none;	
}
.postid-27418 .price{
display: none;	
}
.postid-27419 .price{
display: none;	
}
.postid-33539 .price{
display: none;	
}
#ptFormTitle{
font-family: BITSUMIS;
color: #111111;
font-size: 50px;
letter-spacing:2px;
word-spacing: -5px;
line-height:44px;
margin-top: 50px;
padding-bottom:25px;
}
#ptFormSubTitle{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
color: #111111;
padding-bottom: 20px;
}
#ptFormSubTitle sup{
font-size: 11px;
top: -5px;
}
#ptFormSubTitle2{
font-family: OpenSans-Bold;
line-height: 22px;
font-size: 17px;
color: #111111;	
padding-bottom: 30px;
}
.ptOpTitles{
font-family: OpenSans-SemiBold;
line-height: 23px;
font-size: 19px;
color: #111111;	
display:block;
width:100%;
margin-bottom:10px;
margin-top: 14px;
}
.ptOpSubTitles{
font-family: OpenSans-Regular;
line-height: 19px;
font-size: 16px;
color: #111111;	
display:block;
width:100%;
margin-bottom:10px;
}
.ptOpTitles2{
font-family: OpenSans-SemiBold;
line-height: 23px;
font-size: 19px;
color: #111111;	
display:block;
width:100%;
padding: 22px 10px 0px 10px;
}
#perfTransForm{
position: relative;
color: #111111;
margin-top: 20px;
}
#perfTransFormWrapInner{
background-color: #f4f4f4;
padding: 8px 30px 20px 30px;
}
.perfTransOp{
padding: 8px 10px;
width: 100%;
background-color: #f4f4f4;
position:relative;
}
.perfTransOpSub{
background-color: #e7e7e7;
padding:10px;
}
.perfTransOp label{
display: inline-block;
margin-right: 30px;
font-family: OpenSans-Condensed-ExtraBold;
line-height: 23px;
font-size: 19px;
}
.perfTransOp .ptOpLabels{
width: 100%;
}
.perfTransOp .ptPriceSpan{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
float:right;
}
.perfTransOp .ptPriceSpan .ptPricePlus{
font-family: OpenSans-Regular;
line-height: 19px;
font-size: 16px;
}
.perfTransOp .ptPriceSpan .woocommerce-Price-amount{
color: #111111 !important;
}
#perfTransForm #ptNsbu1Cost{
display: none;
}
#perfTransForm #ptNsbu2Cost{
display: none;
}
.ptClickToSee{
width: 100%;
text-align:left;
text-indent: 75px;
text-decoration: underline;
color: #666666;
cursor: pointer;
font-size: 16px;	
font-family: OpenSans-Light;
}
.ptClickToSee:hover{
color: #111111;	
font-family: OpenSans-Regular;
}
.perfTransSubwraps{
display: none;	
text-align: right;
position: absolute;
width: 100%;
left: -105%;
top: -250px;
}
.perfTransSubwraps img{
display: inline-block;
max-width: 500px;
margin: 0 auto;
margin-bottom: 10px;
margin-top: 10px;
box-shadow: 3px 3px 10px #000000;
border: 1px solid #424242;
z-index: 999;
}
.perfTransSubwraps .dashicons-no-alt{
position:absolute;
top: 10px;
right: 10px;
font-size:30px;
color: #b7b7b7;
cursor: pointer;
}
.perfTransSubwraps .dashicons-no-alt:hover{
color: #ffffff;
}
.perfTransSubwraps .material-symbols-outlined{
position:absolute;
top: 17px;
right: 7px;
font-size:30px;
color: #b7b7b7;
cursor: pointer;
}
.perfTransSubwraps .material-symbols-outlined:hover{
color: #ffffff;
}
#ptNotes{
width: 100%;
min-height: 100px;
font-family: OpenSans-Condensed-ExtraBold;
line-height: 23px;
font-size: 19px;
margin-top: 8px;
margin-bottom: 0px;
}
#ptNotes::placeholder{
color: #d2d2d2;
}
#ptCusInfoWrap{
padding-bottom: 0px !important;
}
#ptCusInfoWrap input{
width:100%;
border: 1px solid #111111;
padding: 12.5px 10px;
margin-top: 8px;
margin-bottom: 30px;
font-family: OpenSans-Condensed-ExtraBold;
line-height: 23px;
font-size: 19px !Important;
}
#ptCusInfoWrap input::placeholder{
color: #d2d2d2;
}
#ptCusInfoWrap label{
width: 100%;
}
#ptAcceptChecks{
margin-top: 50px;
padding: 0px 40px;
}
.ptAcceptChecksInline{
font-family: OpenSans-Regular;
font-size: 14px;
line-height: 20px;
color: #111111;
}
.ptAcceptChecksInline a{
font-family: OpenSans-Regular;
font-size: 14px;
line-height: 20px;
color: #111111;
text-decoration: underline;
text-decoration-thickness: 1.2px;
}
.ptAcceptChecksInline input{
position:absolute;
}
.ptAcceptChecksInline label{
display:inline-block;
padding-left: 25px;
}
#ptAcceptChecksInline2{
margin-top: 20px;
}
#ptSubmit{
font-family: BITSUMIS;
font-size: 25px;
line-height: 22px;
letter-spacing: 2px;
padding: 20px 30px;
background-color: #c60000;
color: #ffffff;
width: 345px;
position: relative;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
cursor: pointer;
box-shadow: 3px 3px 5px #d8d8d8;
border-radius: 5px;
text-align: center;
}
#ptSubmit #ptSubmitImg{
display: inline-block;
position:relative;
margin-left:10px;
}
#ptSubmit #ptSubmitImg img{
display: block;
width: 29px;
}
#ptSubmit:hover{
background-color: #ff0000;
transition: .25s;
}
.ptErrors{
font-family: Tinos-BoldItalic;
line-height: 18px;
font-size: 17px;
color: #ff0000;
font-weight: bold;	
width: 100%;
display: block;
text-align:center;
display:none;
}
.ptErrors .material-symbols-outlined{
font-size: 19px;
top: 3px;
margin-right: 2px;
position: relative;
}
#ptGeneralErr{
font-family: Tinos-BoldItalic;
line-height: 18px;
font-size: 17px;
color: #ff0000;
font-weight: bold;	
width: 100%;
display: block;
text-align:center;
margin-top: 5px;
display:none;
}
#ptGeneralErr .material-symbols-outlined{
font-size: 19px;
top: 3px;
margin-right: 2px;
position: relative;	
}
#ptGrandTotal{
border-top: 1px solid #111111;
margin-top: 22px;
margin-bottom: 42px;
padding: 30px 20px;
border-bottom: 1px solid #111111;
}
#ptGrandTotal p{
font-family: OpenSans-SemiBold;
line-height: 23px;
font-size: 19px;
color: #111111;
}
#ptAddTotalAmtWrap{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
position: relative;
float: right;
}
#ptGrandTotalAmtWrap{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
position: relative;
float: right;
}
#ptShippingPod{
font-family: OpenSans-Regular;
line-height: 19px;
font-size: 16px;
text-align: right;
display: inline-block;
width: 100%;
padding-bottom: 0px;
}
#ptShippingPodAmtWrap{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
}
#ptCoreChargeLine{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
text-align: right;
display: inline-block;
float:right;
}
#ptCoreChargeLineAmtWrap{
font-family: OpenSans-Medium;
line-height: 22px;
font-size: 17px;
}
#ptTorque{
font-family: OpenSans-Condensed-ExtraBold;
line-height: 23px;
font-size: 19px;
width: 100%;
padding: 10px;
border: 1px solid #111111;
}
#ptTorque option{
font-family: OpenSans_Condensed-SemiBold;
line-height: 23px;
font-size: 19px;
}
.ptOpFillLabels{
font-family: OpenSans-SemiBold !important;
line-height: 23px !important;
font-size: 19px !important;
color: #111111 !important;
}
#ptLoadGif{
background-image: url(https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif);
position: absolute;
width: 100%;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
min-height: 50px;
top: 0;
bottom: 0px;
left:0px;
z-index:9;
display:none;
}
@media only screen and (max-width: 1050px){
#perfTransFormWrapInner{
	padding: 8px 10px 20px 10px;
}
.ptClickToSee{
	text-indent: unset;
}
.perfTransSubwraps{
	left: -5%;
}
.perfTransSubwraps img{
	max-width:300px;
}
#ptSubmit{
	font-size:23px;
	padding: 20px 10px;
	width:300px;
}
}

/**sale bundle**/
.postid-11751 .variations{
background-color: #eeeeee;
margin-bottom: 30px !important;
}
.postid-11751 .variations .reset_variations{
position:relative;
top:10px;
}
.postid-11751 .onsale{
display: none;
}
.products .post-11751 .onsale{
display: none;
}
#sale-bundle{
background-color: #ffffff;
font-size: 14px;
border: 1px solid #424242;
max-width: 433px;
position: relative;
top: 10px;
color: #1c1c1c !important;
}
.postid-11751 .price{
display: none;
}
.postid-11751 .stock{
margin-top: 15px;
margin-bottom: 20px;
}
.postid-11751 .woocommerce-variation-price .price{
display: block; 
}
.postid-11751 .woocommerce-variation-price span.amount{
color: #c60000;
font-size:28px;
}
/* #juneSaleTable{ */
/* margin-top:20px; */
/* margin-bottom:20px; */
/* font-size: 16px; */
/* display: none; */
/* } */
/* #juneSaleTable td{ */
/* width: 33.33% !important; */
/* padding:10px; */
/* text-align: center; */
/* } */
.woocommerce-error a{
color: #ffffff !important;
}

/****hide weird paypal messages****/
#ppcp-messages{
display: none !Important;
}
.page-id-5 .paypal-button-container{
display: none !Important;
}

/*****hide social count from bottom bar***/
.et_social_count{
display: none !Important; 	
}

/***hide live chat bubble (social networks on localhost)***/
#chat-widget-container{
display: none;
/* z-index: 5 !important; */
}

/*******surplus category slider**************/
#surplusCatSlider{
padding: 20px;
display: inline-block;
width: 100%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
position:relative;
}
#surplusCatSlider h3{
margin-bottom: 20px;
padding: 0px;	
text-align: center;
padding: 10px;
color: #ffffff;
background-color: #c60000;
}
#left-area #surplusCatSlider ul{
width: 100% !Important;
margin: 0px !important;
padding: 20px !important;
border: 1px solid #d8d8d8;
}
#left-area #surplusCatSlider ul li{
max-width:300px !Important;
position:relative !Important;
white-space: normal !Important;
}

/**********************************************************************************/
/*                          Begin navigation styles                              */
/********************************************************************************/
/************5% discount bar**********
#cusNavDeskFivePer{
width: 100%;
position: relative;
background-color: #757575;
color: #ffffff;	
text-align: center;
min-height:36px;
display: flex;
justify-content: center;
align-items: center;
}
#cusNavDeskFivePerInner{
display: block;
overflow: hidden;
position: relative;
height: 20px;	
width: 100%;
max-width: 300px;
text-align: center;
}
#cusNavDeskFivePerBooth{
display: block;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
position: absolute;
top: 30px;
width: 100%;
}
#cusNavDeskFivePerBooth a{
color: #ffffff;
}
#cusNavDeskFivePerSave{
display: block;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
position: absolute;
top: 30px;
width: 100%;
}
*/
#cusNavDeskFivePer{
width: 100%;
position: relative;
background-color: #f8f8f8;
color: #111111;	
text-align: center;
min-height:36px;
display: flex;
justify-content: center;
align-items: center;
}
#cusNavDeskFivePerInner{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
overflow: hidden;
position: relative;
height: 36px;
width: 100%;
max-width: 350px;
white-space: nowrap;
text-align: center;
}
#cusNavDeskFivePerBooth{
display: flex;
justify-content: center;
align-items: center;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
position: absolute;
width: 100%;
height: 36px;
top: 35px;
}
#cusNavDeskFivePerBooth a{
color: #111111;
}
#cusNavDeskFivePerBooth a:hover{
color: #EB1C24;
}
#cusNavDeskFivePerSave{
display: flex;
justify-content: center;
align-items: center;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
position: absolute;
width: 100%;
height: 36px;
top: 35px;
}
#cusNavDeskFivePerMem{
display: flex;
justify-content: center;
align-items: center;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
position: absolute;
width: 100%;
height: 36px;
top: 35px;
}
#cusNavDeskFivePerMem img{
width: 29.5px;
margin-top: 7px;
margin-right: 8px;
}
.cusNavDeskFivePerBold{
font-family: OpenSans_SemiCondensed-Bold !important;
}
.cusNavDeskFivePerBold2{
font-family: OpenSans_SemiCondensed-Bold !important;
text-decoration: underline !important;
text-decoration-thickness: 1.4px !important;
text-underline-offset: 2px;
}
#cusNavDeskFivePerCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/10/Smaller-Expand-Icon.svg') no-repeat;
width: 11px;
top: 0px;
height: 11px;
position: relative;
display: inline-block;
margin-left: 8px;
}
@media only screen and (max-width: 300px){
#cusNavDeskFivePerSaveMobHide{
display: none;
}
}

/************top bar***********/
#cusNavWrapper{
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
}
.admin-bar #cusNavWrapper{
top: 32px;	
}
@media only screen and (max-width: 782px){
.admin-bar #cusNavWrapper{
top: 45px;	
}
}
#cusNavDeskWrapper{
width: 100%;
position: relative;
}
#cusNavDeskTop{
width: 100%;
position: relative;
background-color: #eaeaea;
overflow: hidden;
font-family: OpenSans-Regular;
font-size: 15px;
color: #111111;
}
#cusNavDeskTopLeft{
position:relative;
float:left;
display: inline-block;
width: 50%;
}
#cusNavDeskTopRight{
position:relative;
float:right;
display: inline-block;
width: 50%;
}
#cusNavDeskTopLeftTable{
float:left;	
}
#cusNavDeskTopLeftTable td{
border-left: 1.2px solid #d0d0d0;
border-right: 1.2px solid #d0d0d0;
}
.cusNavDeskTopLeftLinks{
padding:6px 30px;
}
#cusNavDeskTopRightTable{
float:right;	
}
#cusNavDeskTopRightTable td{
border-left: 1.2px solid #d0d0d0;
border-right: 1.2px solid #d0d0d0;
}
.cusNavDeskTopRightLinks{
padding:6px 30px;
}
.cusNavDeskTopLeftLinks a{
color: #111111;
}
.cusNavDeskTopLeftLinks a:hover{
color: #eb1c24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
.cusNavDeskTopRightLinks a{
color: #111111;
}
.cusNavDeskTopRightLinks a:hover:not(#cusNavDeskTopCart a){
color: #eb1c24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;
}
#cusNavDeskTopPhone{
font-family: OpenSans-SemiBold;
}
#cusNavDeskTopCart{
padding: 0px 30px !important;
}
#cusNavDeskTopCart img{
width: 20px;
position: relative;
top: 3px;	
}
#cusNavDeskTopCartImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/DESKTOP-Shopping-Cart-Black.svg') no-repeat;
width: 20px;
height:20px;
position: relative;
top: 3px;
display: inline-block;
}
#cusNavDeskTopCart .header-cart-counter{
top: -5px;
left: 2px;
font-family: OpenSans-Regular;
font-size: 15px;
}
#cusNavDeskTopCart a:hover{
color: #eb1c24;
transition: .25s;
}
#cusNavDeskTopCart a:hover #cusNavDeskTopCartImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/DESKTOP-Shopping-Cart-Hover-Pressed-State.svg') no-repeat;
transition: .25s;
}
/************bottom bar***********/
#cusNavDeskTable{
width: 100%;
background-color: #111111;
height:fit-content;
}
#cusNavDeskTable tr{
height: 100%;
display: flex;
justify-content: space-between;
}
#cusNavDeskTable td{
text-align: center;
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
padding: 0px;
position: relative;
}
.cusNavDeskOpsUnder{
height:100%;
display: inline-block;
}
.cusNavDeskOpsUnderIn{
padding: 7px 0px;
height:100%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
border-bottom: 4px solid #111111;	
}
.cusNavDeskOpsUnderInActive{
border-bottom: 4px solid #eb1c24;	
}
.cusNavDeskOpsUnderInSearch{
padding: 7px 0px;
height:100%;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 4px solid #111111;	
}
.cusNavDeskOpsUnderIn:hover{
border-bottom: 4px solid #eb1c24;	
transition: .25s;	
}
.cusNavDeskOps a{
color: #ffffff;
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
pointer-events: auto;
top: 4px;
position:relative;
}
.cusNavDeskOpsASpan{
color: #ffffff;
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
pointer-events: auto;
top: 4px;
position:relative;	
cursor: pointer;
}
.cusNavDeskOpsIn a{
color: #ffffff;
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
pointer-events: auto;
}
#cusNavDeskOp1{
text-align:left !important;
padding: 0px 0px 0px 30px !important;
}
#cusNavDeskOp1 img{
width: 175px;
}
#cusNavDeskOp7{
padding: 0px 30px 0px 0px !important;
}
#cusNavDeskOp7 .uNavSearch{
width: 200px;
height:100%;
position: relative;
max-height: unset;
display: inline-block;
right: unset;
bottom: unset;
}
#cusNavDeskOp7 .et_pb_module{
width: 100%;	
top:4px;
}
#cusNavDeskOp7 .et_pb_text_inner p{
padding: 0px;
}	
#cusNavDeskOp7 .ysm-search-widget-1 .search-field[type="search"]{
color: #757575 !important;
font-family: OpenSans-Condensed-Regular;
font-size: 16px !important;
border: 1.2px solid #ffffff;
padding: 6px 15px;
background-color: unset !important;
font-style: unset !important;
min-width: 200px !important;
height: unset;
}
#cusNavDeskOp7 .ysm-search-widget .search-submit:before{
display: inline-block;
color: #ffffff;
text-align: center;
font-size: 17px;
font-family: 'ysm-fontello';
line-height: 5px;
width: 17px;
content: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Search-Magnifier.svg');
-webkit-transition: color .25s ease;
transition: color .25s ease;
top: unset;
}
#cusNavDeskOp7 .ysm-search-widget-1 .search-field[type="search"]:hover{
border: 1.2px solid #eb1c24;
transition: .25s;
}
#cusNavDeskOp7 .ysm-search-widget-1 .search-field[type="search"]:focus{
border: 1.2px solid #eb1c24;
color: #ffffff !important;
}
/**********Parts for Allison section**********/
#cusNavDeskPartsWrapper{
position:fixed;
top: 0px;
bottom: 0px;
left: 0px; 
right: 0px;
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: -1;
}
#cusNavDeskPartsWrap{
width: 100%;
max-width: 100%;
background-color: rgba(23, 23, 23, .98);
position: fixed;
top: 0px;
height: 100%;
overflow: auto;
max-height: 807px;
padding: 153px 0px 0px 0px;
}
#cusNavDeskPartsWrapClose{
position: absolute;
width:15px;
height: 15px;
right: 20px;
top:172px;
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg') no-repeat;
cursor: pointer;
}
#cusNavDeskPartsWrapClose:hover{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg') no-repeat;
transition: .25s;
}
#cusNavDeskPartsTable{
width:100%;
height:100%;
}
#cusNavDeskPartsTable tr{
height:100%;
}
#cusNavDeskPartsTable td{
padding:38px;
color: #ffffff;
height: 100%;
}
#cusNavDeskPartsMods{
border-right: 2px solid #757575;
width: 30%;
text-align: left;
padding-left: 5% !important;
}
#cusNavDeskPartsModsIn{
max-width: 300px;
min-width:263px;
display: inline-block;	
text-align: left;
}
#cusNavDeskPartsModsH1{
font-family: BITSUMIS;
font-size: 25px;
word-spacing: 0px;
color: #757575;
padding-bottom:17px;
letter-spacing: 2px;
}
.cusNavDeskPartsModsAllison{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
}
.cusNavDeskPartsModsAllison sup{
font-size: 6px;
top: -6px;
}
#cusNavDeskPartsModsUl1{
padding-bottom:38px;
}
#cusNavDeskPartsModsUl1 li{
padding-bottom: 5px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
}
#cusNavDeskPartsModsH2{
font-family: BITSUMIS;
font-size: 25px;
word-spacing: 0px;
color: #757575;
padding-bottom:17px;
letter-spacing: 2px;
}
#cusNavDeskPartsModsUl2 li{
padding-bottom: 5px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
}
.cusNavDeskPartsModsClick{
cursor: pointer;	
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
}
.cusNavDeskPartsModsClick:hover{
color: #eb1c24;
transition: .25s;
}
.cusNavDeskPartsModsActive{
color: #eb1c24;
}
.cusNavDeskPartsCats{
display: none;
padding:0px !important;
vertical-align: top;
}
#cusNavDeskPartsCatsInit{
display: table-cell;
}
.cusNavDeskPartsCatsIn{
width: 100%;
height: 100%;
}
.cusNavDeskPartsModsTitleWrap{
border-bottom: 0.5px solid #757575;
height: unset !important;
padding: 26px 38px !important;
}
.cusNavDeskPartsModsTitle{
width: 100%;
text-align: center;
font-family: OpenSans-Light;
color: #eb1c24;
font-size: 20px;
}
.cusNavDeskPartsModsTitle sup{
font-size: 6px;
top: -9px;	
}
.cusNavDeskPartsModsTitleB{
font-family: OpenSans-SemiBold;	
}
.cusNavDeskPartsModsCats{
vertical-align: top;
}
.cusNavDeskPartsModsCatsSpec{
vertical-align: top;
border-right: 0.5px solid #757575;
padding-top:43px !important;
padding-left: 76px !important;
}
.cusNavDeskPartsModsCatsPerf{
vertical-align: top;
padding-top:43px !important;
padding-right: 76px !important;
padding-left: 76px !important;
}
.cusNavDeskPartsModsCatsH1{
font-family: BITSUMIS;
font-size: 25px;
word-spacing: 0px;
color: #757575;
padding-bottom:17px !important;	
letter-spacing: 2px;
}
.cusNavDeskPartsModsCatsH2{
font-family: BITSUMIS;
font-size: 25px;
word-spacing: 0px;
color: #757575;
padding-bottom:17px !important;	
letter-spacing: 2px;
}
.cusNavDeskPartsModChildren li{
padding-bottom: 5px;
}
.cusNavDeskPartsModChildren li a{
cursor: pointer;	
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
color: #ffffff;	
}
.cusNavDeskPartsModChildren li a:hover{
color: #eb1c24;
text-decoration: underline !important;
text-decoration-thickness: 1.2px !important;
text-underline-offset: 3px;
transition: .25s;
}
.cusNavDeskPartsModsAllPerf{
padding-top: 53px;
}
.cusNavDeskPartsModsAllPerf a{
text-decoration: underline !important;
text-decoration-thickness: 0.75px !important;
text-underline-offset: 3px;
font-family: OpenSans_SemiCondensed-Light !important;
}
.cusNavDeskPartsModsSmallPerf{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;	
}
.cusNavDeskPartsModsCatsIn td{
padding: 0px !important;
vertical-align: top;
text-align: left;
}
.cusNavDeskPartsModChildL{
padding-right: 76px;
}
.cusNavDeskPartsModStockChildL{
padding-left: 38px;
padding-right: 76px;	
padding-top: 38px;
}
.cusNavDeskPartsModStockChildR{	
padding-top: 38px;
}

/************Renewed transmission section*************/
#cusNavDeskOpsRenDrop{
overflow: hidden;
background-color: rgba(248, 248, 248, .97);
position: absolute;
width: 100%;
max-height: 0;
transition: max-height .5s;
z-index: 9999;
}
#cusNavDeskOp3{
cursor: pointer;
}
#cusNavDeskOp3:hover #cusNavDeskOpsRenDrop,
#cusNavDeskOpsRenDrop:hover {
max-height: 200px;
}
#cusNavDeskOp3:hover #cusNavDeskOpsUnderIn3{
border-bottom: 4px solid #eb1c24;
transition: .25s;
}
#cusNavDeskOpsRenDrop ul{
list-style: none;
padding: 14px 0px;
}
#cusNavDeskOpsRenDrop ul li{
padding: 18px;
}
#cusNavDeskOpsRenDrop ul li a{
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
color: #111111;
cursor: pointer;
}
#cusNavDeskOpsRenDrop ul li span{
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
color: #111111;
cursor: pointer;
}
#cusNavDeskOpsRenDrop ul li a:hover{
color: #eb1c24;
}
#cusNavDeskOpsRenDrop ul li span:hover{
color: #eb1c24;
}
#cusNavDeskTransWrapper{
position:fixed;
top: 0px;
bottom: 0px;
left: 0px; 
right: 0px;
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: -1;	
}
#cusNavDeskTransWrap{
width: 100%;
background-color: rgba(23, 23, 23, .98);
position: fixed;
top: 0;
padding-top: 153px;
height: 100%;
max-height: 790px;
overflow: auto;
}

#cusNavDeskTransWrapClose{
position: absolute;
width:15px;
height: 15px;
right: 20px;
top:172px;
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg') no-repeat;
cursor: pointer;
z-index: 9999;
}
#cusNavDeskTransWrapClose:hover{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg') no-repeat;
transition: .25s;
}
#cusNavDeskTransHead{
position:relative;
width: 100%;
text-align: center;
display: table;
padding: 59px 0px 88px 0px;
}
#cusNavDeskTransHeadWords{
font-family: BITSUMIS;
font-size: 100px;
color: #444444;
opacity: .5;
height: 60px;
vertical-align: middle;
width: 100%;
text-align: center;
display: table-cell;
word-spacing: -15px;
letter-spacing: 5.5px;
}
#cusNavDeskTransCardsWrap{
width: 100%;
max-width: 1366px;	
margin: 0 auto;
}
.cusNavDeskTransCards{
display: inline-block;
width: 33.33%;
text-align: center;
vertical-align: top;
position: relative;
float: left;
padding-bottom: 76px;
}
.cusNavDeskTransCards img{
max-width: 243px;
margin: 0 auto;
position:relative;
top: 0px;
}
.cndtcContentBold{
position:relative;
top: -80px;
color: #ffffff;
font-family: OpenSans-SemiBold;
font-size: 16px;
}
.cndtcContentNorm{
position:relative;
top: -80px;
color: #ffffff;
font-family: OpenSans-Light;
font-size: 16px;
}
.cndtcContentExpand{
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/08/Renewed-Allison-Transmissions-Dropdown-Desktop-Expand-More-_-Icon.svg) no-repeat;
width: 15px;
top: 2px;
height: 15px;
position: relative;
display: inline-block;
margin-left: 5px;	
}
#cndtcStock1k img{
transition: all .5s; 
}
#cndtcStock1k:hover img{
transition: all .5s; 
}
#cndtcStock1k:hover img{
top:50px;
transform: scale(1.34);
}
#cndtcStock1k .cndtcContentBoldInner{
text-decoration: underline 1.2px rgba(255, 255, 255, 0);
text-underline-offset: 3px;
}
#cndtcStock1k:hover .cndtcContentBoldInner{
transition: text-decoration-color 0ms;
transition-delay: 400ms;
text-decoration-color: rgba(255, 255, 255, 1);
}
#cndtcPerf1k img{
transition: all .5s; 
}
#cndtcPerf1k:hover img{
transition: all .5s; 
}
#cndtcPerf1k:hover img{
top:50px;
transform: scale(1.34);
}
#cndtcPerf1k .cndtcContentBoldInner{
text-decoration: underline 1.2px rgba(255, 255, 255, 0);
text-underline-offset: 3px;
}
#cndtcPerf1k:hover .cndtcContentBoldInner{
transition: text-decoration-color 0ms;
transition-delay: 400ms;
text-decoration-color: rgba(255, 255, 255, 1);
}
#cndtcStock10L1k img{
transition: all .5s; 
}
#cndtcStock10L1k:hover img{
transition: all .5s; 
}
#cndtcStock10L1k:hover img{
top:50px;
transform: scale(1.34);
}
#cndtcStock10L1k .cndtcContentBoldInner{
text-decoration: underline 1.2px rgba(255, 255, 255, 0);
text-underline-offset: 3px;
}
#cndtcStock10L1k:hover .cndtcContentBoldInner{
transition: text-decoration-color 0ms;
transition-delay: 400ms;
text-decoration-color: rgba(255, 255, 255, 1);
}
/*************************mobile**********************/
/************mobile top bar***********/
#cusNavMobTopWrap{
background-color: #111111;
width: 100%;
position:relative;
display: none;
}
#cusNavMobTop{
width: 100%;
}
#cusNavMobTop td{
	
}
#cusNavMobTopLogo{
padding: 10px 10px 0px 15px;
text-align: left;
}
#cusNavMobTopLogo img{
height: auto;
width: 150px;
min-width: 150px;
}
#cusNavMobTopCart{
width: 77px !important;
text-align: right;
}
#cusNavMobTopCartImg{
background: url("https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Shopping-Cart.svg") no-repeat;	
width:30px;
height: 30px;
position: relative;
margin-right: 25px;
top: 3px;
display: inline-block;
cursor: pointer;
}
#cusNavMobTopCart .header-cart-counter{
top: -16px;
left: -22px;
font-family: OpenSans-Regular;
font-size: 15px;
color: #ffffff;
}
#cusNavMobBurger{
width: 77px !important;	
height: 77px !important;
background-color: #eb1c24;
cursor: pointer;
text-align: center;
}
label[for="cus-nav-trigger"] {
width: 39px;
height: 39px;
background: url("https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Burger-Menu.svg") no-repeat;	
position: relative;
display: inline-block;
top: 3px;
cursor: pointer;
}
#cus-nav-trigger{
display: none;
}

/************mobile bottom bar***********/
#cusNavMobBotWrapper{
position:fixed;
top: 0px;
bottom: 0px;
left: 0px; 
right: 0px;
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
z-index: -1;	
}
#cusNavMobBotWrap{
position: fixed;
width: 360px;
height: 100%;
top: 0px;
background-color: rgba(37, 37, 37, .98);	
right: 0px;
overflow: hidden;
}
/* #cus-nav-trigger:checked ~ #cusNavMobBotWrap{ */
/* display: block; */
/* opacity: 100%; */
/* transition: opacity .5s; */
/* } */
#cusNavMobBotContent{
margin-top: 109px;
position: relative;
height:100%;
}
#cusNavMobBotContentInnerWrap{
position: relative;
height: 100%;
}
#cusNavMobBotContentInner{
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
}
.admin-bar #cusNavMobBotContent{
margin-top: 145px !important;
}
#cusNavMobBotSearch{
padding: 23px 20px !important;
background-color: rgba(23, 23, 23, .98);
}
#cusNavMobBotSearch .uNavSearch{
width: 200px;
height:100%;
display: inline-block;
}
#cusNavMobBotSearch .et_pb_module{
width: 100%;	
}
#cusNavMobBotSearch .et_pb_text_inner p{
padding: 0px;
}	
#cusNavMobBotSearch .ysm-search-widget-1 .search-field[type="search"]{
color: #757575;
font-family: OpenSans-Condensed-Regular;
font-size: 16px !important;
border: 1.2px solid #ffffff;
border-radius: unset !important;
padding: 8px 15px;
font-style: unset !important;
background-color: unset !important;
}
#cusNavMobBotSearch .ysm-search-widget .search-submit:before{
display: inline-block;
color: #ffffff;
text-align: center;
font-size: 17px;
font-family: 'ysm-fontello';
line-height: 5px;
width: 17px;
content: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Search-Magnifier.svg');
-webkit-transition: color .25s ease;
transition: color .25s ease;
}
#cusNavMobBotSearch .ysm-search-widget-1 .search-field[type="search"]:hover{
border: 1.2px solid #eb1c24;
transition: .25s;
}
#cusNavMobBotSearch .ysm-search-widget-1 .search-field[type="search"]:focus{
border: 1.2px solid #eb1c24;
color: #ffffff;
}
#cusNavMobBotParts{

}
#cusNavMobBotPartsList{
display: none;
}
.cusNavMobBotTitles{
font-family: OpenSans_SemiCondensed-SemiBold;
color: #ffffff;
font-size: 16px;
padding: 18px 20px;
background-color: rgba(23, 23, 23, .98);
text-align: left;
border-top: .5px solid #444444;
}
#cusNavMobBotSwagTitle{
border-bottom: .5px solid #444444;	
}
.cusNavMobBotSups{
font-family: OpenSans_SemiCondensed-Regular;
font-size: 6px;
top: -8px;
}
#cusNavMobBotPartsPlus{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 15px;
top: 4px;
position: relative;
}
.cnmbplHeaders{
padding:10px;
background-color: rgba(23, 23, 23, .98);
text-align: left;
text-indent: 20px;
color: #757575;
font-family: BITSUMIS;
font-size: 20px;
word-spacing: 0px;
letter-spacing: 2px;
}
#cnmbplGM{
padding-top: 0px !important;
}
#cnmbplComm{
padding-top: 29px;
}
.cnmbplMods{
padding: 18px 10px;
background-color: rgba(23, 23, 23, .98);
text-align: left;
text-indent: 20px;
color: #ffffff;
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
}
/* .cnmbplMods:hover{ */
/* color: #eb1c24 !important; */
/* transition: .25s; */
/* } */
.cnmbplAllison{
font-family: OpenSans_SemiCondensed-Light;
}
.cnmbplExpand{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Expand-More.svg);
width: 14px;
height: 14px;
position: relative;
display: inline-block;
float: right;
margin-right: 20px;
top: 3px;
}
#cusNavMobBotTransPlus{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
margin-left: 15px;
top: 4px;
position: relative;	
}
.cnmbpliSubWraps{
position: absolute;
top:0px;
right: -360px;
width: 100%;
background-color: rgba(23, 23, 23, .98);
display: none;
border-bottom: .5px solid #444444;
height: 100%;
overflow-y: auto;
}	
.cnmbpliTitles{
background-color: rgba(37, 37, 37, .98);
padding: 20px;
color: #ffffff;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
text-align:left;
cursor: unset;
}
.cnmbpliTitleBacks{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Expand-Less.svg);
width: 25px;
height: 25px;
position: relative;
display: inline-block;
float: left;
top: -2px;
margin-right: 20px;
cursor: pointer;
}
.cnmbpli1000GMTitleBolds{
font-family: OpenSans_SemiCondensed-SemiBold;
}
.cnmbpli10L1000GMTitleBolds{
font-family: OpenSans_SemiCondensed-SemiBold;
}
.cnmbpliTitleBolds{
font-family: OpenSans_SemiCondensed-SemiBold;
}
.cnmbpliSubTitles{
font-family: BITSUMIS;
font-size: 20px;
word-spacing: 0px;
letter-spacing: 2px;
padding: 17px 20px;
border-top: .5px solid #444444;
text-align: left;
color: #ffffff;
text-indent: 45px;
cursor: pointer;
}
.cnmbpliSubTitlesPlus{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
top: 4px;
position: relative;		
}
#cnmbpli1000GMStockListWrap{
display: none;
}
#cnmbpli1000GMPerfListWrap{
display: none; 	
}
#cnmbpli10L1000GMStockListWrap{
display: none;
}
#cnmbpli10L1000GMPerfListWrap{
display: none; 	
}
.cnmbpliSubLists{
padding-top: 12px;
padding-bottom: 10px;
}
.cnmbpliSubLists li{
padding: 18px 10px;
background-color: rgba(23, 23, 23, .98);
text-align: left;
color: #ffffff;
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
color: #ffffff;
}	
.cnmbpliSubLists li .cnmbpliSubListsPerfLabel{
font-family: OpenSans_SemiCondensed-Light !important;
}
.cnmbpliSubLists li a{
color: #ffffff;
margin-left: 65px;
display: block;
}
.cnmbpliSubLists li a:hover{
color: #eb1c24;
transition: .25s;
}
.cnmbpliSubListsAllPerf{
padding-top: 54px !important;
padding-bottom: 40px !important;
}
.cnmbpliSubListsAllPerf a{
font-family: OpenSans_SemiCondensed-Light !important;
text-decoration :underline;
text-underline-offset: 3px;
}

.cusNavMobBotFoot{
width: 100%;
position:relative;
background-color: rgba(37, 37, 37, .98);
}
.cusNavMobBotFootTbl{
width: 100%;
}
.cusNavMobBotFootLinks{
width: 50%;
font-family: OpenSans-Regular;
font-size: 15px;
text-align: left;
padding: 27px 20px;
border-bottom: 1.2px solid #111111;
color: #ffffff;
}
.cusNavMobBotFootLinks a{
color: #ffffff !important;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
font-size: 15px;
}
.cusNavMobBotFootLinks a:hover{
color: #eb1c24 !important;
transition: .25s;
}
.cusNavMobBotFootLinks a:active{
color: #DD1C24 !important;
}
.cusNavMobBotFootLinks span{
color: #ffffff !important;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
font-size: 15px;
cursor: pointer;
}
.cusNavMobBotFootLinks span:hover{
color: #eb1c24 !important;
transition: .25s;
}
.cusNavMobBotFootLinks span:active{
color: #DD1C24 !important;
}
.cusNavMobBotFootTblSpacer{
padding: 80px;
margin-bottom:163px;
display: block;
}
/***********Renewed transmissions mobile*****************/
#cusNavMobBotTransList{
display: none;
}
#cnmbtlGM{
padding-top: 29px !important;	
}
#cnmbtlCOMM{
padding-bottom: 33px;
}
.cnmbtliSubWraps{
position: absolute;
top:0px;
right: -360px;
width: 100%;
background-color: rgba(23, 23, 23, .98);
height: 100%;
overflow-y: auto;
display: none;
}	
.cnmbtliTitles{
background-color: rgba(37, 37, 37, .98);
padding: 20px;
color: #ffffff;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
text-align:left;
cursor: unset;
}
.cnmbtliTitleBacks{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Expand-Less.svg);
width: 25px;
height: 25px;
position: relative;
display: inline-block;
float: left;
top: -2px;
margin-right: 20px;
cursor: pointer;
}
.cnmbtliTitleBolds{
font-family: OpenSans_SemiCondensed-SemiBold;
}
.cnmbtliSubTitles{
font-family: BITSUMIS;
font-size: 20px;
word-spacing: 0px;
letter-spacing: 2px;
padding: 17px 20px;
border-top: .5px solid #444444;
text-align: left;
color: #ffffff;
text-indent: 45px;
cursor: pointer;
}
.cnmbtliSubTitlesPlus{
content: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Plus-Sign.svg);
width: 18px;
height: 18px;
display: inline-block;
cursor: pointer;
top: 4px;
position: relative;		
}
.cnmbtliSubLists{
border-bottom: .5px solid #444444;
}
.cnmbtliSubLists li{
border: 2px solid #444444;
margin: 26px 43px;
position: relative;
display: inline-block;
}	
#cnmbtliRenGMStockPerf{
margin: 0px 43px !important;	
}
.cnmbtliSubLists li p{
position: absolute;
width: 100%;
text-align:left;
margin-left: 20px;
padding: 0px;
}
.cnmbtliSubLists .cnmbtliSubListTitleBolds {
bottom: 50px;
}
.cnmbtliSubLists .cnmbtliSubListTitleBolds a{
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
line-height: 23px;
text-decoration: underline;
text-underline-offset: 3px;
color: #ffffff;
}
.cnmbtliSubLists .cnmbtliSubListTitleBolds a:hover{
color: #eb1c24;
transition: .25s;
}
.cnmbtliSubLists .cnmbtliSubListTitleNorms{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
color: #ffffff;
bottom: 20px;
}
.admin-bar #cusNavDeskTransWrap{
margin-top: 35px;
}
.admin-bar #cusNavDeskTransWrapClose{
top: 169px;
}
.admin-bar #cusNavDeskPartsWrap{
margin-top: 35px;	
}
.admin-bar #cusNavDeskPartsWrapClose{
top: 169px;
}
@media only screen and (max-width: 1366px){
#cusNavDeskWrapper{
display: none;
}
#cusNavMobTopWrap{
display: block;
}
#page-container{
padding-top: 111px !important;
}
.admin-bar #page-container{
padding-top: 111px !important;
}
}
@media only screen and (max-width: 782px){
.admin-bar #cusNavMobBotContent{
margin-top: 145px !important;
}

/* .admin-bar .cnmbpliSubWraps{ */
/* margin-top: 123px; */
/* }	 */
}
@media only screen and (max-width: 375px){
/* #cusNavMobTopCart{ */
/* text-align: center; */
/* }	 */
#cusNavMobTopLogo img{
height: auto;
width: 130px;
min-width: 130px;
}
}
@media only screen and (max-width: 360px){
#cusNavMobBotWrap{
width: 100%;
}	
.cnmbpliSubTitles{
text-indent: 13px;
}
.cnmbpliSubLists li a{
margin-left:20px;
}
}
/**********************************************************************************/
/*                          end navigation styles                                */
/********************************************************************************/
/**********************************************************************************/
/*                          Begin sign-in popup styles                           */
/********************************************************************************/
#uNavSignInPop{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;	
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#uNavSignInPop .woocommerce-form-login{
border: unset !important;
padding-left: 0px;
padding-right: 0px;
}
#uNavSignInPopInner{
width:100%;
max-width: 715px;
margin:0 auto;
background-color: rgba(23, 23, 23, .98);
color: #ffffff;
height:100%;
overflow: auto;
}
#uNavSignInPopTable{
width:100%;
height:100%;
}
#uNavSignInPopTable td{
padding:90px 94px 20px 94px;
position:relative;
vertical-align: top;
}
#uNavSignInPopHeadSpace{
height:152px;
}
#uNavSignInPopClose{
position: absolute;
right: 24px;
top: 24px;
width: 30px;
height: 30px;
font-size: 30px;
flex-shrink: 0;
cursor: pointer;
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
}
#uNavSignInPopClose:hover{
color: #EB1C24;
}
#uNavSignInPop h1{
color: #FFFFFF;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 25px;
font-family: OpenSans-ExtraBold;
font-weight: 800;
padding-bottom: 0px !important;
}
#uNavSignInPopNewCus{
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-weight: 500;
margin-bottom: 65px;
margin-top: 20px;
}
#uNavSignInPopCreate{
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#uNavSignInPopCreate:hover{
color: #EB1C24;
cursor: pointer;
text-decoration-thickness: 1.2px;
}
#uNavSignInPop .woocommerce-form label[for="username"]{
display: none;
}
#uNavSignInPop .woocommerce-form label[for="password"]{
display: none;
}
#uNavSignInPop .woocommerce-form-login__rememberme{
display: none;
}
#uNavSignInPop .lost_password{
display: none;
}
#uNavSignInPop .form-row-first{
width: 100% !important;
float: unset !important;
padding-bottom: 10px !important;
}
#uNavSignInPop .form-row-last{
width: 100% !important;
float: unset !important;
padding-bottom: 18px !important;
}
#uNavSignInPop #username{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 10px;
width: 100%;
margin-bottom: 20px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
}
#uNavSignInPop #username::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ffffff;
opacity: 1; /* Firefox */
}
#uNavSignInPop #username:focus::placeholder {
color: transparent;
transition: .25s;
}
/* #uNavSignInPop #username:hover{ */
/* border: 3px solid #ffffff !important; */
/* } */
#uNavSignInPop #password{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 10px;
width: 100%;
margin-bottom: 18px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
}
#uNavSignInPop .show-password-input{
display: none !important;	
}
#uNavSignInPop #password::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ffffff;
opacity: 1; /* Firefox */
}
#uNavSignInPop #password:focus::placeholder {
color: transparent;
transition: .25s;
}
/* #uNavSignInPop #password:hover{ */
/* border: 3px solid #ffffff !important; */
/* } */
#uNavSignInPopForgot{
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-weight: 500;
text-align: right;
margin-bottom: 5px;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
}
#uNavSignInPopForgot:hover{
color: #EB1C24;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#uNavSignInPop .woocommerce-button{
cursor: pointer;
background-color: #EB1C24;
padding: 15px 40px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
min-width: 152px;
}
#uNavSignInPop .woocommerce-button:hover{
background-color: unset !important;
border: 3px solid #EB1C24 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-thickness: 1.2px !important;
color: #EB1C24 !important;
}
#uNavSignInPop .woocommerce-button::after{
display: none !important;
}
#uNavSignInPopBot .woocommerce-notices-wrapper{
display: none;	
}
/************Register pop **************/
#uNavRegisterPop{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;	
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#uNavRegisterPopInner{
width:100%;
max-width: 715px;
margin:0 auto;
background-color: rgba(23, 23, 23, .98);
color: #ffffff;
height:100%;
overflow: auto;
}
#uNavRegisterPopTable{
width:100%;
height:100%;
}
#uNavRegisterPopTable td{
padding:90px 94px 20px 94px;
position:relative;
vertical-align: top;
}
#uNavRegisterPopHeadSpace{
height:152px;
}
#uNavRegisterPopClose{
position: absolute;
right: 24px;
top: 24px;
width: 30px;
height: 30px;
font-size: 30px;
flex-shrink: 0;
cursor: pointer;
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
}
#uNavRegisterPopClose:hover{
color: #EB1C24;
}
#uNavRegisterPop h1{
color: #FFFFFF;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 25px;
font-family: OpenSans-ExtraBold;
font-weight: 800;
padding-bottom: 0px !important;
}
#uNavRegisterPop .registration-form{
max-width: unset;
margin: unset;
margin-bottom: unset;
color: #ffffff;
background-color: unset !important;
padding: 0px;
border-radius: unset;
box-shadow: unset;
margin-top: unset;
}
#uNavRegisterPop h2{
display: none;
}
#uNavRegisterPopAlready{
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-weight: 500;
margin-bottom: 65px;
margin-top: 20px;
}
#uNavRegisterPopSign{
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
}
#uNavRegisterPopSign:hover{
color: #EB1C24;
text-decoration-thickness: 1.2px;
}
#uNavRegisterPop form.register{
padding: 0px;
border: unset;
margin-top:0px;
}
#uNavRegisterPop label{
display: none;
}
#uNavRegisterPop input:not(.woocommerce-Button){
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 10px;
width: 100%;
margin-bottom: 30px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
line-height: normal !important;
}
/* #uNavRegisterPop input:hover{ */
/* border: 3px solid #ffffff !important; */
/* } */
#uNavRegisterPop input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ffffff;
opacity: 1; /* Firefox */
}
#uNavRegisterPop .show-password-input{
display: none !important;	
}
#uNavRegisterPop select{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 10px;
width: 100%;
margin-bottom: 30px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/07/Vector.svg');
background-position:
calc(100% - 15px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
100% 0;
background-repeat: no-repeat;
}
#uNavRegisterPop select option{
background-color: #171717 !important;
}
/* #uNavRegisterPop select:hover{ */
/* border: 3px solid #ffffff !important; */
/* } */
#uNavRegisterPop .woocommerce-FormRow{
padding: 0px;
width: 100%;
line-height: unset;
margin-bottom: 0px !important;
}
#uNavRegisterPop .form-row-first{
width: 100%;
}
#uNavRegisterPop .form-row-last{
width: 100%;
}
#uNavRegisterPop .woocommerce-password-strength{
display: none !important;
}
#uNavRegisterPop .woocommerce-password-hint{
display: none !important;
}
#uNavRegisterPop .woocommerce-Button{
cursor: pointer;
background-color: #EB1C24;
padding: 15px 40px !important;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px !important;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
width: unset;
margin-bottom: 0px !important;
margin-top:26px;
}
#uNavRegisterPop .woocommerce-Button:hover{
background-color: unset !important;
border: 3px solid #EB1C24 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-thickness: 1.2px !important;
color: #EB1C24 !important;
}
#uNavRegisterPop .woocommerce-Button::after{
display: none !important;
}
#uNavRegisterPop .woocommerce-simple-registration-login-link{
display: none;
}
#uNavRegisterPopTerms{
font-size: 12px;
font-family: OpenSans_SemiCondensed-Regular;
color: #757575;
margin-top: 66px;
margin-bottom: 11px;
}
#uNavRegisterPopTerms a{
color: #757575 !important;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 0.5px;
}
#uNavRegisterPopTerms a:hover{
color: #EB1C24 !important;
text-decoration-thickness: 0.5px;
}
#uNavRegisterPop .woocommerce-privacy-policy-text{
display: none !Important;
}
#uNavRegisterPop .mailchimp-newsletter{
padding: 0px !Important;
margin: 0px !Important;
}
#uNavRegisterPop .g-recaptcha{
margin-top: 17px; 
margin-bottom: 20px;
}
/*******************lost password pop****************/
#uNavLostPwPop{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;	
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#uNavLostPwPopInner{
width:100%;
max-width: 715px;
margin:0 auto;
background-color: rgba(23, 23, 23, .98);
color: #ffffff;
height:100%;
overflow: auto;
}
#uNavLostPwPopTable{
width:100%;
height:100%;
}
#uNavLostPwPopTable td{
padding:90px 94px 20px 94px;
position:relative;
vertical-align: top;
}
#uNavLostPwPopHeadSpace{
height:152px;
}
#uNavLostPwPopClose{
position: absolute;
right: 24px;
top: 24px;
width: 30px;
height: 30px;
font-size: 30px;
flex-shrink: 0;
cursor: pointer;
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
}
#uNavLostPwPopClose:hover{
color: #EB1C24;
}
#uNavLostPwPop h1{
color: #FFFFFF;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 25px;
font-family: OpenSans-ExtraBold;
font-weight: 800;
padding-bottom: 0px !important;
}
#uNavLostPwPop .form-row-first{
width: 100%;
}
#uNavLostPwPop .form-row-last{
width: 100%;
}
#uNavLostPwPop label{
display: none;
}
#uNavLostPwPop input{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 10px;
width: 100%;
margin-bottom: 20px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
}
/* #uNavLostPwPop input:hover{ */
/* border: 3px solid #ffffff !important; */
/* } */
#uNavLostPwPop input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #ffffff;
opacity: 1; /* Firefox */
}
#uNavLostPwPop #user_login{
margin-top: 20px;
margin-bottom:50px;
}
#uNavLostPwPopAlready{
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-weight: 500;
margin-bottom: 65px;
margin-top: 20px;
}
#uNavLostPwPopSign{
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
}
#uNavLostPwPopSign:hover{
color: #EB1C24;
text-decoration-thickness: 1.2px;
}
#uNavLostPwPop .woocommerce-Button{
cursor: pointer;
background-color: #EB1C24;
padding: 15px 40px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
}
#uNavLostPwPop .woocommerce-Button:hover{
background-color: unset !important;
border: 3px solid #EB1C24 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-thickness: 1.2px !important;
color: #EB1C24 !important;
}
#uNavLostPwPop .woocommerce-Button::after{
display: none !important;
}
/************Sign in pop errors **************/
#uNavSignInPopTable #uNavSignInPopErrWrap{
padding: 0px 94px;	
}
#uNavRegisterPopTable #uNavRegisterPopErrWrap{
padding: 0px 94px;	
}
#uNavLostPwPopTable #uNavLostPwPopErrWrap{
padding: 0px 94px;	
}
#uNavSignInPopErr{
display: none;
background-color: #EB1C24;
color: #ffffff;
padding:10px;	
margin-top:60px;
text-align: center;
font-size:16px;
font-weight: bold;
}
#uNavRegisterPopErr{
display: none;
background-color: #EB1C24;
color: #ffffff;
padding:10px;	
margin-top:25px;
text-align: center;
font-size:16px;
font-weight: bold;
}
#uNavLostPwPopErr{
display: none;
background-color: #EB1C24;
color: #ffffff;
padding:10px;	
margin-top:60px;
text-align: center;
font-size:16px;
font-weight: bold;
}
@media only screen and (max-width: 1366px){
#uNavSignInPopHeadSpace{
height:111px;
}
#uNavRegisterPopHeadSpace{
height:111px;
}
#uNavLostPwPopHeadSpace{
height:111px;
}	
}
@media only screen and (max-width: 715px){
#uNavSignInPopTable{
max-width: 360px;
margin: 0 auto;	
}
#uNavRegisterPopTable{
max-width: 360px;
margin: 0 auto;		
}
#uNavLostPwPopTable{
max-width: 360px;
margin: 0 auto;	
}
#uNavSignInPopClose{
position: fixed;
top: 138px;
}
#uNavRegisterPopClose{
position: fixed;
top: 138px;
}
#uNavLostPwPopClose{
position: fixed;
top: 138px;
}
#uNavSignInPopInner{
width: 100%;
max-width: unset;
}
#uNavRegisterPopInner{
width: 100%;
max-width: unset;
}
#uNavLostPwPopInner{
width: 100%;
max-width: unset;
}
#uNavSignInPopTable td{
padding:50px 20px;
}
#uNavRegisterPopTable td{
padding:50px 20px;
}
#uNavLostPwPopTable td{
padding:50px 20px;
}
#uNavSignInPopTable #uNavSignInPopErrWrap{
padding: 0px 20px;	
}
#uNavRegisterPopTable #uNavRegisterPopErrWrap{
padding: 0px 20px;	
}
#uNavLostPwPopTable #uNavLostPwPopErrWrap{
padding: 0px 20px;	
}
#uNavSignInPop #password{
margin-bottom: 23px;	
}
#uNavSignInPop .woocommerce-button{
margin: 0 auto;
display: block;
margin-top: 30px;
}
}
/**********************************************************************************/
/*                          End sign-in popup styles                             */
/********************************************************************************/
/**********************************************************************************/
/*                          Begin Renewed 10L1000 Coming Soon Page               */
/********************************************************************************/
.page-id-94409 .et_social_sidebar_networks{
display: none !Important;
}
#tenLComingSoonWrap{
position:relative;
width: 100%;
}
#tenLComingSoonTop{
padding-top: 61px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
position: relative;
text-align: center;		
}
#tenLComingSoonBGImg{
position: relative;
width: 75%;
margin: 0 auto;
}
#tenLComingSoonTranImgMob{
display: none;
}
#tenLComingSoonBGImgMob{
display: none;
}
#tenLComingSoonFore{

}
#tenLComingSoonForeTop{
position:relative;
width: 100%;	
}
#tenLComingSoonForeTitle{
font-family: BITSUMIS;
font-size: 25px;
padding-bottom: 20px;
letter-spacing: 2px;
word-spacing: -6px;
color: #111111;
}
#tenLComingSoonForeSubtitle{
font-family: OpenSans-Light;
font-size: 20px;
padding-bottom: 45px;
color: #111111;
}
#tenLCSFTMobFixOne{
letter-spacing: -2px;
}
#tenLComingSoonFormWrap{
position: relative;
top:-60px;	
}
#tenLComingSoonFormWrap p{
font-family: OpenSans-Regular;
font-size: 16px;
padding-bottom: 24px;
color: #111111;
}
#tenLCSEmailFakeCursorWrap{
position:relative;
display: inline-block;
margin-right: 5px;
}
#tenLCSEmailFakeCursor{
top: 15px;
height: 23px;
width: 2px;
display: inline-block;
background-color: #EB1C24;
position: absolute;
left: 30px;
}
#tenLComingSoonFormWrap #mce-EMAIL{
background-color: #f8f8f8;
border: 3px solid #f8f8f8;
font-family: OpenSans-SemiBold;
font-size: 18px !important;
color: #757575;
padding: 12px 25px;
min-width: 412px;
margin-right: 10px;
border-radius: 0px;
min-height:unset !important;
}
#tenLComingSoonFormWrap div[for="mce-EMAIL"]{
display: none !important;
}
#tenLComingSoonFormWrap #mce-EMAIL:hover{
background-color: #eaeaea;
transition: .25s;
}
#tenLComingSoonFormWrap #mce-EMAIL:focus{
/* caret-color: unset; */
color: #444444;
}
#tenLComingSoonFormWrap #mce-EMAIL:focus + #tenLCSEmailFakeCursor{
display: none;
}
#tenLComingSoonFormWrap #mce-EMAIL:focus::placeholder{
/* caret-color: unset; */
color: transparent;
transition: .25s;
}
#tenLComingSoonFormWrap #mc_embed_signup{
background-color: unset !important;
background: unset !important;
width: unset !important;
padding-bottom:17px !important;
}
#tenLComingSoonFormWrap #mce-error-response{
display: none !important;
}
#tenLComingSoonFormWrap #mce-success-response{
display: none !important;
}
#tenLComingSoonFormWrap #mc_embed_signup form{
margin: 0 auto !important;
position: relative !important;
text-align: center !important;	
}
#tenLComingSoonFormWrap #mc_embed_signup .mc-field-group{
position: relative;
display: inline-block;
width: unset !important;
min-height: unset !important;
clear: unset !important;
margin: 0px 0px 0px 0px !important;	
}
#tenLComingSoonFormWrap #mc_embed_signup .clear{
display: inline-block;
width: unset !important;
text-align: center !important;
clear: unset !important;
}
#tenLComingSoonFormWrap #mc-embedded-subscribe{
cursor: pointer;
background-color: #EB1C24 !important;
padding: 12px 35px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF !important;
font-size: 18px !important;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0.9px;
height: unset;
transition: all .25s !important;
line-height: unset !important;
margin: unset !important;
vertical-align: unset !important;
clear: unset !important;
}
#tenLComingSoonFormWrap #mc-embedded-subscribe:hover{
background-color: #ffffff !important;
color: #EB1C24 !important;
text-decoration: underline;
text-underline-offset: 3px;
transition: .25s !important;
}
#tenLComingSoonFormSucc{
display: none;
font-family: OpenSans-SemiBold !important;
font-size:16px !important;
color: #111111 !important;
padding:0px !important;
position:absolute !important;
width: 100% !important;
max-width: unset !important;
}
#tenLComingSoonBot{
padding-top: 47px;
padding-bottom: 63px;
position: relative;	
background-color: #757575;	
}
#tenLComingSoonBotInner{
display: block;
width: 1258px;
border: 0.5px solid #ffffff;
padding: 47px;
margin: 0 auto;
position: relative;	
color: #ffffff;
}
#tenLComingSoonBotHeadWrap{
position: absolute;
top: -22px;
left: 0;
width: 100%;
text-align: center;
}
#tenLComingSoonBotHead{
padding: 10px;
display: inline-block;
background-color: #757575;
font-family: BITSUMIS;
font-size: 25px;
letter-spacing:2px;
word-spacing: -3px;
}
#tenLComingSoonBotSubHead{
font-family: OpenSans-Light;
font-size: 20px;
width: 100%;
text-align:center;	
padding-bottom: 36px;
}
.tenLComingSoonBotListTitles{
font-family: BITSUMIS;
font-size: 25px;
letter-spacing:2px;
word-spacing: -2px;
color: #444444;
padding-bottom: 10px !important;
}
#tenLComingSoonBotInner a{
color: #ffffff;
}
#tenLComingSoonBotLists{
width:735px;
margin: 0 auto;
border: unset;
}
#tenLComingSoonBotList1{
text-align: left;
padding:0px !important;
vertical-align: top;
text-indent:82px;
border: unset;
}
#tenLComingSoonBotList1 ul{
list-style: none;
padding: 0px !important;
}
#tenLComingSoonBotList1 ul li{
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
line-height:30px;
}
#tenLComingSoonBotList2{
text-align: left;
padding:0px !important;
vertical-align: top;
text-indent:82px;
border: unset;
}
#tenLComingSoonBotList2 ul{
list-style: none;
padding: 0px !important;
}
#tenLComingSoonBotList2 ul li{
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
line-height:30px;
}
#tenLComingSoonBotList2 ul li .cnmbpliSubListsPerfLabel{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
}
#tenLComingSoonBotList2 ul .tenLComingSoonBotListAllPerf{
font-family: OpenSans_SemiCondensed-Light !important;
font-size: 16px !important;
padding-top: 30px !important;
text-decoration: underline;
text-decoration-thickness: .75px;
text-underline-offset: 3px;
}
#tenLComingSoonBotLists a:hover{
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
}
#tenLComingSoonBotList2 ul .tenLComingSoonBotListAllPerf:hover{
text-decoration-thickness: .75px !important;
}
#tenLComingSoonBotFootTxt{
width: 100%;
padding-top: 40px;
text-align: center;
color: #ffffff;
font-size: 15px;
font-family: OpenSans_SemiCondensed-Regular; 
}
#tenLComingSoonBotFootTxt i{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
}
#tenLComingSoonBotFootLink{
color: #ffffff;
font-family: OpenSans_SemiCondensed-Regular; 
font-size: 15px;
cursor: pointer;
}
#tenLComingSoonBotFootLinkU{
text-decoration: underline;
text-underline-offset: 3px;	
}
@media only screen and (max-width: 1300px){
#tenLComingSoonTop{
padding-bottom: 25px;
}
#tenLComingSoonFormWrap{
top: -40px;
}	
#tenLComingSoonBotInner{
width: 96%;	
}
}
@media only screen and (max-width: 900px){
#tenLComingSoonFormWrap #mce-EMAIL{
min-width: 300px;
}
#tenLComingSoonTop{
padding-bottom: 45px;
}
#tenLComingSoonFormWrap{
top: -20px;
}
#tenLComingSoonBotList1{
text-indent:0px;
}
#tenLComingSoonBotList2{
text-indent:0px;
}	
}
@media only screen and (max-width: 750px){
#tenLComingSoonTop{
padding: 32px 20px 51px 20px !important;	
}
#tenLComingSoonFore{
text-align: left;
zoom: 1.2;
}
#tenLComingSoonForeTitle{
font-size: 20px;
}
#tenLComingSoonForeSubtitle{
font-size: 18px;
padding-bottom:32px;
}
.tenLCSFTMobSplit{
width: 100%;	
display: block;
}
#tenLComingSoonFormWrap{
top: 0px;
}	
#tenLComingSoonBGImg{
display: none;
}
#tenLComingSoonForeTop{
width: 400px;
margin: 0 auto;	
}
#tenLComingSoonTranImgMob{
display: inline-block;
position: absolute;
left: 190px;
bottom: 0px;
width: 170px;
}
#tenLComingSoonBGImgMob{
display: block;
position: relative;
width: 80%;
max-width: 400px;
margin: 0 auto;
}	
#tenLComingSoonFormWrap p{
padding-top: 16px;
padding-bottom: 20px;
position: relative;
margin: 0 auto;
text-align: center;
max-width: 400px;	
}
#tenLComingSoonFormWrap #mc_embed_signup form{
margin: 0 auto !important;
position: relative !important;
text-align: center !important;
max-width: 400px !important;	
}
#tenLComingSoonFormWrap #mce-EMAIL{
min-width: unset;
width: 100%;
margin-bottom: 24px;
}
#tenLCSEmailFakeCursorWrap{
width: 100%;
}
#tenLComingSoonBotInner{
max-width: 350px;
padding: 47px 20px;
}
#tenLComingSoonBotHead{
font-size: 20px;
}
#tenLComingSoonBotSubHead{
padding-bottom: 48px;	
font-size: 18px;
}
#tenLComingSoonBotLists{
width: 310px;
}
#tenLComingSoonBotList1{
display: inline-block;
width: 100%;
margin-bottom:48px;
}
#tenLComingSoonBotList1 ul li{
line-height:49px;
}
#tenLComingSoonBotList2{
display: inline-block;
width: 100%;
}
#tenLComingSoonBotList2 ul li{
line-height:49px;
}
.tenLComingSoonBotListAllPerf{
padding-top: 72px !important;
}	
#tenLComingSoonBotFootTxt{
max-width: 300px;
margin: 0 auto;
position: relative;
}	
#tenLComingSoonBotFootTxt i{
width: 100%;
position: relative;
display: block;
margin-bottom: 10px;	
}
#tenLComingSoonBotFootLink{
display: inline-block;
width: 100%;
}
#tenLComingSoonFormSucc{
font-family: OpenSans_Condensed-SemiBold !important;
}
}
@media only screen and (max-width: 550px){
#tenLComingSoonFore{
zoom: 1;
}
}
@media only screen and (max-width: 400px){
#tenLComingSoonForeTop{
width: 100%;
margin: 0 auto;	
}
#tenLComingSoonTranImgMob{
left: 183px;
width: 125px;
bottom: 31px;
}
#tenLComingSoonBGImgMob{
display: block;
position: relative;
width: 100%;
max-width: 400px;
margin: 0 auto;
}	
#tenLComingSoonFormWrap p{
position: relative;
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 400px;	
}
#tenLComingSoonFormWrap #mc_embed_signup form{
margin: 0 auto !important;
position: relative !important;
text-align: center !important;
width: 100% !important;
max-width: 400px !important;	
}
}
@media only screen and (max-width: 300px){
#tenLComingSoonTranImgMob{
right: 0px;
left: unset;
width: 100px;
bottom: 45px;
}	
}
/**********************************************************************************/
/*                          End Renewed 10L1000 Coming Soon Page                 */
/********************************************************************************/

/**********************************************************************************/
/*                              Start Mishimoto styles                           */
/********************************************************************************/
#singleProdMishWrap{
text-align: center;
padding: 20px;
margin-bottom: 60px;
border: 2px solid #f48323;
background-color: rgba(244, 131, 35, .45);
font-size: 20px;
color: #000000;
font-family: BITSUMIS;
letter-spacing: 2px;
}

/************mishimoto discount bar**********/
#cusNavDeskTDay{
width: 100%;
position: relative;
background-color: #f8f8f8;
text-align: center;
height: 60px;
display: block;
}
#cusNavDeskTDayInner{
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
height: 60px;	
width: 100%;
text-align: center;
}
#cNDTDImgDesk{
width: 388px;
margin-right: 60px;	
}
#cNDTDImgMob{
margin-right: 34px;
width: 163px;
display: none;
}
#cNDTDBtnWrap{
background-color: #eb1c24;
width: 131px;
height:37px;
display: flex;
justify-content: center;
align-items: center;
}
#cNDTDBtn{
font-family: Blackout-Midnight;
font-size: 16px;
line-height: 18px;
color: #ffffff;
cursor: pointer;
}
#cNDTDBtn:hover{
border-bottom: 1.2px solid #ffffff;
}
#cNDTDBtnLet1{
margin-right: 2px;	
}
#cNDTDBtnLet2{
margin-right: 3px;	
}
#cNDTDBtnLet3{
margin-right: 1px;	
}
#cNDTDBtnLet4{
margin-right: 2px;	
}
#cNDTDBtnLet5{
margin-right: 1px;	
}
#cNDTDBtnLet6{
margin-right: 2px;	
}
#cNDTDBtnLet7{
margin-right: 1px;	
}
#cNDTDBtnLet8{
margin-right: 1px;	
}
#cNDTDBtnLet9{
}
#cusNavMishSlideWrap{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
display: none;
z-index: 9999;	
}
#cusNavMishSlide{
position: fixed;
width: 360px;
height: 100%;
background-color: rgba(17, 17, 17, .98);
right: -400px;
top:0px;
overflow: hidden;	
}
#cusNavMishSlideContent{
position: relative;
height: 100%;	
}
#cusNavMishSlideHead{
padding: 78px 38px 125px 38px;
position: relative;
}
.admin-bar #cusNavMishSlideHead{
padding: 78px 38px 157px 38px;
position: relative;
}
#cNDTDClose{
position: absolute;
right: 20px;
bottom: 10px;
z-index: 10;
font-size: 28px;
width: 25px;
height: 25px;
cursor: pointer;
background-color: unset;
color: rgba(117, 117, 117, 1);	
}
#cNDTDClose:hover{
color: #eb1c24;
}
#cusNavMishSlideContentInnerWrap{
position: relative;
height: 100%;	
}
#cusNavMishSlideContentInner{
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;	
padding-bottom:227px;
}
.cusNavMishSlideImages{
position:relative;
height: 520px;
}
#cusNavMishSlideImage1{
position: absolute;
top: 0px;
width: 100%;	
}
#cusNavMishSlideImage2Wrap{
position: relative;	
width: 100%;
text-align: center;
top: 109px;
}
#cusNavMishSlideImage2{
position: relative;
width: 249px;
padding-bottom: 5px;
line-height:0;
}
#cusNavMishSlideImageP1{
font-family: "americane-condensed", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 44px;
color: #111111;	
position: relative;
padding-bottom: 9px;
}
#cusNavMishSlideImageP1 span{
border: 1.6px solid #eb1c24;
display: inline-block;
padding: 13px 8px 10px 8px;
line-height: 24px;	
}
#cusNavMishSlideImageP2Wrap{
position: relative;
width: 100%;
text-align: center;
}
#cusNavMishSlideImageP2{
color: #111111;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
position: relative;
display: inline-block;
width: 240px;
text-align: center;
line-height: 20px;
padding-bottom: 20px;
}
.cusNavMishSlideImageLinks{
font-size: 16px;
color: #111111;
font-family: OpenSans_SemiCondensed-SemiBold;
display: inline-block;
position: relative;
padding: 0px;
text-indent: 6px;
letter-spacing: -.5px;
}
.cusNavMishSlideImageLinksUl{
text-decoration: underline;
text-decoration-thickness: 1.4px;
text-underline-offset: 3px;
}
#mishCartPopForm{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;	
}
#mishCartPopBtn{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
border: unset !important;
cursor: pointer;
}
@media only screen and (max-width: 1366px){
#cusNavMishSlideHead{
padding: 63px 38px 103px 38px;
position: relative;
}
.admin-bar #cusNavMishSlideHead{
padding: 63px 38px 135px 38px;
position: relative;
}
}
/**********************************************************************************/
/*                              End Mishimoto styles                             */
/********************************************************************************/

/**********************************************************************************/
/*                              Christmas gift styles                            */
/********************************************************************************/
#cusNavMassSlideWrap{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none;
z-index: 9999;	
}
#cusNavMassSlide{
position: fixed;
width: 360px;
height: 100%;
background-color: rgba(17, 17, 17, .98);
right: -400px;
top:0px;
overflow: hidden;	
}
#cusNavMassSlideContent{
position: relative;
height: 100%;	
}
#cusNavMassSlideHead{
padding: 64px 52px 22px 52px;
position: relative;
}
.admin-bar #cusNavMassSlideHead{
padding: 96px 52px 22px 52px;
position: relative;
}
#cNDCMClose{
position: absolute;
right: 25px;
bottom: 135px;
z-index: 10;
font-size: 28px;
width: 25px;
height: 25px;
cursor: pointer;
background-color: unset;
color: rgba(117, 117, 117, 1);	
}
#cNDCMClose:hover{
color: #eb1c24;
}
#cusNavMassSlideContentInnerWrap{
position: relative;
height: 100%;	
}
#cusNavMassSlideContentInner{
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
text-align: center;
padding-bottom: 330px;
}
/* .cusNavMassSlideImages{ */
/* position:relative; */
/* height: 100%; */
/* text-align: center; */
/* } */
.cusNavMassSlideProds{
padding: 0px 52px;
display: inline-block;
margin-bottom: 42px;
}
.cusNavMassSlideProds img{
margin-bottom: 15px;
}
.cusNavMassSlideProds .add_to_cart_inline{
border: unset !important;
padding: 0px !important;
}
.cusNavMassSlideProds .cusNavMassSlideProdsBtn{
text-align: center !important;
cursor: pointer !important;
background-color: #EB1C24 !important;
padding: 10px 0px !important;
border: 3px solid #EB1C24 !important;
border-radius: 0px !important;
color: #FFFFFF !important;
font-size: 16px !important;
font-family: OpenSans-Bold !important;
font-weight: 700 !important;
width: 217px !important;
display: inline-block !important;	
}
.cusNavMassSlideProds .cusNavMassSlideProdsBtn:hover{
background-color: transparent !important;
color: #EB1C24 !important;
text-decoration: underline !important;
border: 3px solid #EB1C24 !important;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;	
}
#massCartPopForm{
position: relative;
width: 100%;
text-align: center;
margin-top: 40px;
}
#massCartPopDisclaimer{
font-family: OpenSans_SemiCondensed-Light;
font-size: 15px;
color: #757575;
margin-bottom: 42px;
padding-bottom: 0px;	
}
#massCartPopBtn{
border: unset;
color: #ffffff;
font-size: 16px;
cursor: pointer;
background-color: transparent;
display: inline-block;
font-family: OpenSans_SemiCondensed-Regular;
/* text-decoration: underline; */
/* text-decoration-thickness: 1.4px; */
/* text-underline-offset: 3px; */
}
#massCartPopBtn:hover{
text-decoration: underline;
text-decoration-thickness: 1.4px;
text-underline-offset: 3px;	
}
#cusNavMassBackCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/12/Back-_-Icon.svg') no-repeat;
width: 14px;
top: 1px;
height: 14px;
position: relative;
display: inline-block;
margin-right: 1px;	
}
#cusNavMassSlideContentLoad{
background-image: url('https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif');
position: absolute;
display: inline-block;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display:none;	
}
@media only screen and (max-width: 1366px){
.admin-bar #cusNavMassSlideHead{
padding: 96px 52px 22px 52px;
position: relative;
}
}
/**********************************************************************************/
/*                              End gift styles                                  */
/********************************************************************************/

/**** fix checkout error style ****/
.page-id-6 .woocommerce-error{
display: inline-block;
width: 100%;
}
.page-id-6 .woocommerce-message{
display: inline-block;
width: 100%;	
}
.page-id-6 .container{
width: 100%;
max-width: unset;
}
.page-id-6 .container .woocommerce{
width: 95%;
margin-left: 2.5%;
}
.page-id-6 .woocommerce-shipping-totals ul li{
list-style: none;
}

/*****************NEW surplus cart accept box**********************/
#surpNewCartWrap{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
display: none;
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#surpNewCartMsg{
width: 100%;
max-width: 820px;
margin: 0 auto;
background-color: rgba(23, 23, 23, .98);
color: #ffffff;
height: 100%;
overflow: auto;
padding-top: 154px;
}
.admin-bar #surpNewCartMsg{
padding-top: 186px;	
}
#surpNewCartMsgInner{
padding:89px 131px;
position: relative;
}
#surpNewCartMsg h3{
color: #ffffff;
padding-bottom: 57px;
font-family: OpenSans-ExtraBold;
font-size: 25px;
line-height:31px;
}
#surpNewCartMsg h3 sup{
font-size: 7px;
top: -10px;
}
#surpNewCartMsgSubHead{
padding-bottom: 57px;
font-family: OpenSans-Bold;
font-size: 16px;
position: relative;
line-height: 23px;
}
#surpNewCartMsgSubHeadImg{
width: 39px;
left: -61px;
position: absolute;
top: 5px;
}
#surpNewCartMsgSubHead sup{
font-size: 6px;
top:-6px;
}
#surpNewCartMsgBody{
padding-bottom: 47px;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height:26px;
}
#surpNewCartMsgBody sup{
font-size: 6px;
top:-7px;
}
#surpNewCartClose{
position: absolute;
right: 24px;
top: 24px;
width: 30px;
height: 30px;
font-size: 30px;
flex-shrink: 0;
cursor: pointer;
color: #757575;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
}
#surpNewCartClose:hover{
color: #EB1C24;	
}
#surpNewCartMsg p{
color: #ffffff;
text-align: left;
}
#surpNewCartInner{
width:100%;
position: relative;
text-align:center;
}
#surplusNewAcceptForm{
width: 100%;
}
#surplusNewAcceptForm a{
width: 100%;
display: inline-block;
}
#surpNewCartAccept{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
#surpNewCartAcceptCheck{
position: absolute;
top: 1px;
left: 0;
height: 20px;
width: 20px;
background-color: transparent;
border: 1px solid #ffffff;
}
#surplusNewAcceptForm label{
font-family: OpenSans-SemiBold;	
font-size: 18px;
margin-left: 0px;
display: inline-block;
position: relative;
padding-left: 35px;
margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page-id-6 #surpNewCartAcceptCheck{
position: absolute;
top: 8px;
left: 0;
height: 20px;
width: 20px;
background-color: transparent;
border: 1px solid #ffffff;
}
/**#surplusNewAcceptForm label:hover #surpNewCartAccept ~ #surpNewCartAcceptCheck {
  background-color: #ccc;
}**/
/* When the checkbox is checked, add a blue background */
#surplusNewAcceptForm label #surpNewCartAccept:checked ~ #surpNewCartAcceptCheck {
  background-color: #ffffff;
}
/* Create the checkmark/indicator (hidden when not checked) */
#surpNewCartAcceptCheck:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
#surplusNewAcceptForm label #surpNewCartAccept:checked ~ #surpNewCartAcceptCheck:after {
  display: block;
}
/* Style the checkmark/indicator */
#surplusNewAcceptForm label #surpNewCartAcceptCheck:after {
left: 5px;
top: -1px;
width: 6px;
height: 13px;
border: solid black;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
#surpNewCartProceed{
width: 182px;
cursor: pointer;
text-align: center;
background-color: #EB1C24;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
padding: 10px 0px !important;
margin-top: 20px;
}
#surpNewCartProceed:hover{
background-color: unset !important;
border: 3px solid #EB1C24 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-thickness: 1.2px !important;
color: #EB1C24 !important;
padding: 10px 0px !important;
}
#surpNewCartProceed:disabled{
opacity: .25;
cursor: default;
}
#surpNewCartProceed:disabled:hover{
background-color: #EB1C24 !important;
border: 3px solid #EB1C24 !important;
text-decoration: unset !important;
color: #FFFFFF !important;
padding: 10px 0px !important;
cursor: default;
}
#surpNewCartProceed::after{
display: none !important;
}
@media only screen and (max-width: 1366px){
#surpNewCartMsg{
padding-top: 112px;	
}
.admin-bar #surpNewCartMsg{
padding-top: 142px;
}
}
@media only screen and (max-width: 800px){
#surpNewCartMsgInner {
padding: 66px 40px;
}
#surpNewCartMsgSubHeadImg{
position: relative;
left: unset;
top: 2px;
float: left;  
}
#surpNewCartMsgSubHeadText{
padding-left: 65px;
white-space: normal;
position: relative;
display: block;	
}
}
@media only screen and (max-width: 480px){
#surpNewCartMsgInner {
padding: 66px 20px;
}	
}

/**********************************************************************************/
/*                              Cutom quote styles                            */
/********************************************************************************/
#cusNavCusQuoteSlideWrap{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none;
z-index: 9998;	
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#cusNavCusQuoteSlide{
position: fixed;
width: 100%;
max-width: 540px;
height: 100%;
background-color: rgba(17, 17, 17, .98);
right: -540px;
top:0px;
overflow: hidden;	
padding-top: 156px;
}
.admin-bar #cusNavCusQuoteSlide{
padding-top: 188px;
}
#cusNavCusQuoteSlideContent{
position: relative;
height: 100%;
overflow-y: auto;	
}
#cusNavCusQuoteSlideHead{
padding: 60px 50px 35px 50px;
position: relative;
}
/* .admin-bar #cusNavCusQuoteSlideHead{ */
/* padding: 96px 50px 40px 50px; */
/* position: relative; */
/* } */
#cusNavCusQuoteSlideHead h1{
font-family: OpenSans-ExtraBold;
font-size: 25px;
color: #ffffff !important;
padding-bottom: 0px !important;
}
#cNCQClose{
position: absolute;
width: 30px;
font-size: 30px;
height: 30px;
right: 16px;
top: 16px;
color: #757575;
cursor: pointer;
}
#cNCQClose:hover{
color: #EB1C24;
transition: .25s;
}
#cusNavCusQuoteSlideContentInnerWrap{
position: relative;
height: 100%;	
}
#cusNavCusQuoteSlideContentInner{
position: relative;
width: 100%;
height: 100%;
/* overflow-y: auto; */
text-align: center;
/* padding-bottom: 330px; */
}
#cusNavCusQuoteSlideContentInner ul{
padding: 0px 50px;
}
#cusNavCusQuoteSlideContentInner ul li{
width: 100%;
text-align: left;
margin: 0 auto;
margin-top: 75px;
background-color: transparent;
border: 2px solid #111111;
color: #ffffff !important;
}
#cusNavCusQuoteSlideContentInner ul li:first-child{
margin-top: 0px;
}
#cusNavCusQuoteSlideContentInner ul li .cart-item-details{
width: 100%;
display: flex;
justify-content: space-between;
}
#cusNavCusQuoteSlideContentInner .cart-item-details-left{
display: inline-block;
width: 40%;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemName{
width: 100%;
display: block;
font-family: OpenSans_SemiCondensed-ExtraBold;
font-size: 20px;
letter-spacing: 1px;
color: #ffffff;
margin-bottom: 13px;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemPrice{
width: 100%;
display: block;
font-family: OpenSans-SemiBold;
font-size: 18px;
color: #ffffff !important;
line-height: 19px;
margin-bottom: 12px;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemPrice .woocommerce-Price-amount{
color: #ffffff !important;
font-size: 18px;
line-height: 10px;
margin-left: 0px !important;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemPriceEA{
font-family: OpenSans-Regular !important;
font-size: 14px !important;	
}
#cusNavCusQuoteSlideContentInner .quoteCartItemExcerpt{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
position: relative;
display: block;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;	
line-height: 16px;
margin-bottom: 11px;
margin-top: 0px !important;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemLink{
white-space: nowrap;
width: 100%;
position: relative;
display: block;	
line-height: 16px;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemLink a{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
color: #757575;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemLink a:hover{
color: #EB1C24;	
transition: .25s;
}
#cusNavCusQuoteSlideContentInner .cart-item-details-right{
display: flex;
width: 50%;
justify-content: end;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemDelLbl{
width: 20px;
display: inline-block;
margin-right: 20px;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemDelLbl .quoteCartItemDelCan{
background:url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Trashcan-Icon-19px-wide.svg');
width:18px;
height:20px;
margin-top:17px;
cursor: pointer;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemDelLbl .quoteCartItemDelCan:hover{
	
}
#cusNavCusQuoteSlideContentInner .quoteCartItemDelLbl img{
margin-top: 17px;
cursor: pointer;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemDel{
display: none;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyWrap{
width: 173px !important;
height: 57px !important;	
border: 1px solid #757575;
display: flex;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyDown{
width: 50px;
height: 57px;
display: flex;
text-align: left;
align-items: center;
cursor: pointer;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyDownImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Minus-Icon-Default-15px-wide.svg') no-repeat;
width: 15px;
height: 2px;
margin-left: 24px;
margin-right: auto;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyDown:hover .quoteCartItemQtyDownImg:not(.qciqdiLow){
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Minus-Icon-Hover-15px-wide.svg') no-repeat;	
}
#cusNavCusQuoteSlideContentInner .qciqdLow{
cursor: default !important;	
}
#cusNavCusQuoteSlideContentInner .qciqdiLow{

}
/* #cusNavCusQuoteSlideContentInner .quoteCartItemQtyDown img{ */
/* width: 18px; */
/* margin-left: 24px; */
/* margin-right: auto;	 */
/* } */
#cusNavCusQuoteSlideContentInner .quoteCartItemQty{
width: 71px !important;
height: 57px !important;
background-color: transparent;
color: #ffffff;
text-align: center;
border: unset;
font-family: OpenSans-Bold;
font-size: 20px !important;
}
/* Chrome, Safari, Edge, Opera */
#cusNavCusQuoteSlideContentInner .quoteCartItemQty::-webkit-outer-spin-button,
#cusNavCusQuoteSlideContentInner .quoteCartItemQty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
#cusNavCusQuoteSlideContentInner .quoteCartItemQty{
  -moz-appearance: textfield;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyUp{
width: 50px;
height: 57px;
display: flex;
text-align: right;
align-items: center;
cursor: pointer;	
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyUpImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Plus-Icon-Default-15px-wide.svg') no-repeat;
width: 15px;
height: 15px;
margin-right: 24px;
margin-left: auto;
}
#cusNavCusQuoteSlideContentInner .quoteCartItemQtyUp:hover .quoteCartItemQtyUpImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Plus-Icon-Hover-15px-wide.svg') no-repeat;	
}
#cusNavCusQuoteSlideContentInner .quoteCartQtyChangeNotices{
width: 173px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated{
width: 100%;
display: none;
margin-top: 23px;
font-family: OpenSans_SemiCondensed-BoldItalic;
font-size: 16px;
font-style: italic;
color: #ffffff;
position: absolute;
line-height: 20px;
}
#cusNavCusQuoteSlideContentInner .qcqcnURemoved{
width: 100%;
max-width: 175px;
display: none;
margin-top: 23px;
font-family: OpenSans_SemiCondensed-BoldItalic;
font-size: 16px;
font-style: italic;
color: #ffffff;
position: absolute;
line-height: 20px;
}
#cusNavCusQuoteSlideContentInner .qcqcnMax{
width: 100%;	
display: none;
margin-top: 23px;
color: #ffffff;
position: absolute;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated1{
width: 100%;
display: inline-block;	
color: #EB1C24;
font-family: OpenSans_SemiCondensed-BoldItalic;
font-style: italic;
font-size: 16px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated2{
width: 100%;
display: inline-block;	
font-family: OpenSans_SemiCondensed-Regular;
font-size: 16px;
line-height: 28px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated3{
width: 100%;	
display: inline-block;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 20px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated4{
width: 100%;
display: inline-block;	
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated4 a{
font-family: OpenSans_SemiCondensed-Regular;
color: #ffffff !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated4 a:hover{
color: #EB1C24 !important;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated5{
width: 100%;	
display: inline-block;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated5 a{
font-family: OpenSans_SemiCondensed-Regular;	
color: #ffffff !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated5 a:hover{
color: #EB1C24 !important;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated6{
width: 100%;	
display: inline-block;
font-size: 16px;
line-height: 28px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated6 a{
font-family: OpenSans_SemiCondensed-Regular;
color: #ffffff !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#cusNavCusQuoteSlideContentInner .qcqcnUpdated6 a:hover{
color: #EB1C24 !important;
}
/* #cusNavCusQuoteSlideContentInner .quoteCartItemQtyUp img{ */
/* width: 18px; */
/* margin-right: 24px; */
/* margin-left: auto;	 */
/* } */
.cart-item-details-right-remove{
display: none;
width: 57%;
justify-content: normal;
flex-direction: column;
}
#cusNavATCSlideContentInner .cart-item-details-right-remove{
display: none;
width: 40%;
justify-content: normal;
flex-direction: column;
}
.cart-item-details-right-remove .cidrrInner{
width: 100%;
text-align: center;
width: 100%;
background-color: #444444;
text-align: center;
padding: 4px 0px;	
font-family: OpenSans_SemiCondensed-BoldItalic;
font-size: 16px;
margin-bottom: 17px;
}
.cart-item-details-right-remove .cidrrUndo{
text-align: right;
color: #757575;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
}
.cart-item-details-right-remove .cidrrUndo:hover{
color: #EB1C24;
transition: .25s;
}
.quoteSlideHiddenParts{
display: none;
}
#quoteSlideViewMoreWrap{
width: 100%;
position: relative;
display: flex;
margin-top:55px;
margin-bottom: -29px;
}
#quoteSlideViewMoreLeft{
width: 40%;
display: inline-block;
border-top: 3px solid #757575;
position: relative;
}
#quoteSlideViewMore{
width: 20%;
display: inline-block;
position: relative;
top:-12px;
font-family: OpenSans_SemiCondensed-SemiBold;
font-size: 16px;
color: #757575;
cursor: pointer;
z-index: 999;
}
#quoteSlideViewMoreCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/View-More-Arrow-Icon-13px-wide.svg') no-repeat;
width: 14px;
top: 5px;
height: 14px;
position: relative;
display: inline-block;
margin-left: 2px;	
}
#quoteSlideViewLessCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/View-Less-Arrow-Icon-13px-wide.svg') no-repeat;
width: 14px;
top: 5px;
height: 14px;
position: relative;
display: inline-block;
margin-left: 2px;	
}
#quoteSlideViewMoreRight{
width: 40%;
display: inline-block;
border-top: 3px solid #757575;
position: relative;
}
#cusNavCusQuoteFieldsWrap{
width: 100%;
position: relative;
padding: 80px 50px 140px 50px;
}
#cusNavCusQuoteEmptyWrap{
width: 100%;
position: relative;
}
#cusNavCusQuoteEmptyErr{
display: none;
position: absolute;
width: 23px;
height: 23px;
left: -32px;
top: 10px;
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Error-Exclamation-Mark-Icon-23px-wide.svg);
background-repeat: no-repeat;
}
#cusNavCusQuoteEmptyErr2{
display: none;
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
color: #ffffff;
background-color: #EB1C24;
border: 3px solid #EB1C24;
margin-bottom: 30px;
padding: 10px;
}
#cusNavCusQuoteName{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 8px 10px;
border-radius: unset !Important;
width: 100%;
margin-bottom: 30px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
}
#cusNavCusQuoteEmail{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 8px 10px;
border-radius: unset !Important;
width: 100%;
margin-bottom: 30px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
}
#cusNavCusQuoteEmailWrap{
width: 100%;
position: relative;
}
#cusNavCusQuoteEmailErr{
display: none;
position: absolute;
width: 23px;
height: 23px;
left: -32px;
top: 10px;
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Error-Exclamation-Mark-Icon-23px-wide.svg');
background-repeat: no-repeat;
}
#cusNavCusQuoteMsg{
border: 1.2px solid #ffffff !important;
background-color: unset !important;
color: #ffffff !important;
padding: 8px 10px;
border-radius: unset !Important;
width: 100%;
margin-bottom: 30px;
text-shadow: 0px 0px 5px rgba(17, 17, 17, .9);
font-size: 16px !important;
font-family: OpenSans-Medium;
font-weight: 500;
min-height: 130px;
}
#cusNavCusQuoteName::placeholder{
color: #ffffff;
opacity: 1;	
}
#cusNavCusQuoteEmail::placeholder{
color: #ffffff;
opacity: 1;	
}
#cusNavCusQuoteMsg::placeholder{
color: #ffffff;
opacity: 1;		
}
#cusNavCusQuoteName:focus::placeholder{
color: transparent;
transition: .25s;
}
#cusNavCusQuoteEmail:focus::placeholder{
color: transparent;
transition: .25s;
}
#cusNavCusQuoteMsg:focus::placeholder{
color: transparent;	
transition: .25s;
}
#cusNavCusQuoteSubWrap{
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
margin-top: 35px;
}
#cusNavCusQuoteKS{
font-family: OpenSans-Bold;
font-size: 16px;
color: #ffffff;
cursor: pointer;
}
#cusNavCusQuoteKSCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Keep-Shopping_-Arrow-Icon-8px-wide.svg') no-repeat;
width: 14px;
top: 1px;
height: 14px;
position: relative;
display: inline-block;
margin-right: 4px;		
}
#cusNavCusQuoteKS:hover{
color: #EB1C24;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
transition: .25s;
}
#cusNavCusQuoteKSMob{
display: none;
font-family: OpenSans-Bold;
font-size: 16px;
color: #ffffff;
cursor: pointer;
width: 100%;
text-align: right;
margin-top: 46px;
}
#cusNavCusQuoteKSCarrotMob{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Keep-Shopping_-Arrow-Icon-8px-wide.svg') no-repeat;
width: 14px;
top: 1px;
height: 14px;
position: relative;
display: inline-block;
margin-right: 4px;		
}
#cusNavCusQuoteKSMob:hover{
color: #EB1C24;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
transition: .25s;
}
#cusNavCusQuoteSubmit{
cursor: pointer;
background-color: #EB1C24;
padding: 15px 43px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
}
#cusNavCusQuoteSubmit:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;	
}
#cusNavCusQuoteATC{
width: 100%;
text-align: right;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
color: #757575;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
margin-top: 30px;
}
#cusNavCusQuoteATC:hover{
color: #EB1C24;
transition: .25s;
}
#cusNavCusQuoteBackCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2023/12/Back-_-Icon.svg') no-repeat;
width: 14px;
top: 1px;
height: 14px;
position: relative;
display: inline-block;
margin-right: 1px;	
}
#cusNavCusQuoteSlideContentLoad{
background-image: url('https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif');
position: absolute;
display: inline-block;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display:none;	
}
#cusNavCusQuoteSlideHeadSucc{
display: none;
}
#cusNavCusQuoteSlideContentSuccess{
display: none;
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
text-align: center;
padding: 0px 50px 330px 50px;
}
#cncqSuccHead{
background-color: #444444;
font-size: 18px; 
color: #ffffff;
font-family: OpenSans-SemiBold;
padding: 10px 15px;
text-align: left;
margin-bottom: 60px;
margin-top: 20px;
width: 424px;
}
#cncqSuccBody{
text-align: left;
font-size:16px;
color: #ffffff;
font-family: OpenSans_SemiCondensed-Light;
}
#cncqSuccBodyLine1{
margin-bottom: 12px;
margin-left: 15px;
}
#cncqSuccBodyLine2{
margin-bottom: 12px;
margin-left: 15px;
}
#cncqSuccBodyLine3{
margin-left: 15px;	
}
#cncqSuccBodyLine2 a{
font-family: OpenSans_SemiCondensed-Regular;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
color: #ffffff !important;
}
#cncqSuccBodyLine2 a:hover{
color: #EB1C24 !important;
transition: .25s;
}
#cncqSuccBodyLine3 a{
font-family: OpenSans_SemiCondensed-Regular;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
color: #ffffff !important;
}
#cncqSuccBodyLine3 a:hover{
color: #EB1C24 !important;
transition: .25s;
}
#cncqSuccBodyBackWrap{
display: inline-block;
position: relative;
text-align: left;
margin-top: 135px;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
color: #757575;
cursor: pointer;
}
#cncqSuccBodyBackWrap:hover{
color: #EB1C24;
transition: .25s;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#cncqSuccBodyBackCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Back_-Arrow-Icon-Default-7px-wide.svg') no-repeat;
width: 10px;
top: 0px;
height: 10px;
position: relative;
display: inline-block;
margin-right: 3px;
}
#cncqSuccBodyBackWrap:hover #cncqSuccBodyBackCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Back_-Arrow-Icon-Hover-7px-wide.svg') no-repeat;
transition: .25s;
}
#cusNavCusQuoteSlideContentEmpty{
position: relative;
width: 100%;
height: 100%;
overflow-y: auto;
text-align: center;
padding: 0px 50px 330px 50px;
}
#cncqEmptyHead{
background-color: #444444;
font-size: 18px; 
color: #ffffff;
font-family: OpenSans-SemiBold;
padding: 10px 0px;
margin-bottom: 60px;
margin-top: 20px;
}
#cncqEmptyBody{
text-align: left;
font-size:16px;
line-height: 28px;
color: #ffffff;
font-family: OpenSans_SemiCondensed-Light;
}
#cncqEmptyBodyLine2 a{
font-family: OpenSans_SemiCondensed-Regular;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
color: #ffffff !important;
}
#cncqEmptyBodyLine3 a{
font-family: OpenSans_SemiCondensed-Regular;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: .5px;
color: #ffffff !important;
}
#cncqEmptyBodyBackWrap{
display: inline-block;
position: relative;
text-align: left;
margin-top: 135px;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
color: #757575;
cursor: pointer;
}
#cncqEmptyBodyBackWrap:hover{
color: #EB1C24;
transition: .25s;
}
#cncqEmptyBodyBackCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Back_-Arrow-Icon-Default-7px-wide.svg') no-repeat;
width: 12px;
top: 0px;
height: 12px;
position: relative;
display: inline-block;
margin-right: 3px;
}
#cncqEmptyBodyBackWrap:hover #cncqEmptyBodyBackCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Back_-Arrow-Icon-Hover-7px-wide.svg') no-repeat;
transition: .25s;
}
@media only screen and (max-width: 1366px){
/* .admin-bar #cusNavCusQuoteSlideHead{ */
/* padding: 96px 52px 22px 52px; */
/* position: relative; */
/* } */
}

/******Logged out cart changes********/
body:not(.logged-in) .post-5 #cart-top-wrap{
width: 100%;
}
body:not(.logged-in) .post-5 .shop_table td.product-name .variation{ display: none !important; }
body:not(.logged-in) .post-5 .shop_table th.product-price{ display: none !important; }
body:not(.logged-in) .post-5 .shop_table th.product-subtotal{ display: none !important; }
body:not(.logged-in) .post-5 .shop_table td.product-price{ display: none !important; }
body:not(.logged-in) .post-5 .shop_table td.product-subtotal{ display: none !important; }

body:not(.logged-in) .post-5 .cart_totals{ display: none !important; }
body:not(.logged-in) .post-5 .cart-collaterals .cart_totals .cart-subtotal { display: none !important; }
body:not(.logged-in) .post-5 .wp-block-woocommerce-cart-order-summary-subtotal-block { display: none !important; }

/* Shipping Subtotal */
body:not(.logged-in) .post-5 .cart-collaterals .cart_totals .woocommerce-shipping-totals { display: none !important; }
body:not(.logged-in) .post-5 .cart-collaterals .cart_totals .shipping { display: none !important; }
body:not(.logged-in) .post-5 .wp-block-woocommerce-cart-order-summary-shipping-block { display: none !important; }

/* Tax Total */
body:not(.logged-in) .post-5 .cart-collaterals .cart_totals .tax-rate { display: none !important; }
body:not(.logged-in) .post-5 .wp-block-woocommerce-cart-order-summary-taxes-block { display: none !important; }

/* Order Total */
body:not(.logged-in) .post-5 .cart-collaterals .cart_totals .order-total { display: none !important; }
body:not(.logged-in) .post-5 .wc-block-components-totals-footer-item { display: none !important; }

#cartCompleteQuoteWrap{
width: 100%;
position: relative;
display: block;
text-align: center;
margin-bottom: 40px;
}
#cartCompleteQuoteBtn{
display: inline-block;
text-align: center;
padding: 10px 30px;
cursor: pointer;
background-color: #EB1C24;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px !important;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0.9px;
width: unset;
margin-bottom: 0px !important;
margin-top: 20px;
}
#cartCompleteQuoteBtn:hover{
transition: .25s;
background-color: unset !important;
border: 3px solid #EB1C24 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
text-decoration-thickness: 1.2px !important;
color: #EB1C24 !important;
}
#cartOpenRFQBtnWrap{
padding: 5px 10px;
}
#cartOpenRFQBtn{
padding: 7px 5px;
width: 100%;
font-size: 18px;
color: #ffffff;
background-color: #424242;
display: inline-block;
border-radius: unset;
border: 1px solid #424242;
text-align: center;
cursor: pointer;
}
#cartOpenRFQBtn:hover{
background-color: #c60000;
transition: .25s;
}
/**for sign in pop after quote is sent**/
#surpSignInMsgSubHead{
padding-bottom: 70px;
font-family: OpenSans-Bold;
font-size: 16px;
position: relative;
line-height: 23px;
margin-top: 60px;
}
#surpSignInMsgSubHeadImg{
width: 39px;
left: -61px;
position: absolute;
top: 5px;
}
.products .log-in-to-see-prices{
display: block;
}
.products .log-in-to-see-prices button{
margin-top: 0px !important;
font-size: 14px;
background-color: #424242;
border-width: 1px !important;
border-color: #424242;
width: 100%;
color: #ffffff;
text-align: center;
padding: 5px;
cursor: pointer;
margin-bottom: 2px;
}
.products .log-in-to-see-prices button:hover{
background-color: #c60000;
color: #ffffff;
}
.single-product .summary .log-in-to-see-prices button{
border-radius: 0px;	
}
.single-product .summary .log-in-to-see-prices button:hover{
padding: 0.3em 1em;
}
.single-product .summary .log-in-to-see-prices button::after{
display: none !important;
}
@media only screen and (max-width: 1366px){
#cusNavCusQuoteSlide{	
padding-top: 113px;
}
.admin-bar #cusNavCusQuoteSlide{
padding-top: 145px;
}
}
@media only screen and (max-width: 782px){
.admin-bar #cusNavCusQuoteSlide{
padding-top: 159px;
}	
}
@media only screen and (max-width: 715px){
#surpSignInMsgInner {
padding: 66px 40px;
}
#surpSignInMsgSubHeadImg{
position: relative;
left: unset;
top: 2px;
float: left;  
}
#surpSignInMsgSubHeadText{
padding-left: 65px;
white-space: normal;
position: relative;
display: block;	
}
}
@media only screen and (max-width: 525px){
#cusNavCusQuoteSlideHead{
padding: 60px 20px 35px 20px;	
}
#cusNavCusQuoteSlideContentInner ul{
padding: 0px 27px;
}
#cusNavCusQuoteSlideContentInner ul li .cart-item-details{
display: block;
}
#cusNavCusQuoteSlideContentInner .cart-item-details-left{
width: 70%;
}
#cusNavCusQuoteSlideContentInner .cart-item-details-right{
width: 100%;
margin-top: 40px;
}
#cusNavCusQuoteSlideContentInner ul li{
margin-bottom: 0px;
margin-top: 80px;
}
#cusNavCusQuoteSlideContentInner ul li:first-child{
margin-top: 0px;
}
#quoteSlideViewMoreWrap{
margin-top: 55px;
margin-bottom: -24px;
}
#quoteSlideViewMoreLeft{
width: 35%;
}
#quoteSlideViewMore{
width: 30%;
}
#quoteSlideViewMoreRight{
width: 35%;
}
#cusNavCusQuoteFieldsWrap{
padding: 75px 27px 140px 27px;
}
#cusNavCusQuoteEmailErr{
display: none !important;
}
#cusNavCusQuoteMsg{
min-height: 210px;
}
#cusNavCusQuoteSubWrap{
justify-content: flex-end;
}
#cusNavCusQuoteKS{
display: none;
}
#cusNavCusQuoteKSMob{
display: block;
}
#cusNavCusQuoteATC{
text-align: left;
}
#cusNavCusQuoteSlideContentSuccess{
padding: 0px 20px 330px 20px	
}
#cncqSuccHead{
line-height:26px;
width: 280px;
}
#cncqSuccBodyLine1{
margin-bottom: 26px;
}
#cncqSuccBodyLine2{
margin-bottom: 26px;
}
.cart-item-details-right-remove{
width: 100%;
align-items: end;
margin-top: 40px;
margin-bottom: -16px;
}
#cusNavATCSlideContentInner .cart-item-details-right-remove{
width: 100%;
align-items: end;
margin-top: 40px;
margin-bottom: -16px;
}
.cart-item-details-right-remove .cidrrInner{
max-width:169px;
}
.cart-item-details-right-remove .cidrrUndo{

}
}
@media only screen and (max-width: 350px){
#cncqSuccBodyLine1{
line-height: 20px;
}
}
@media only screen and (max-width: 325px){
#cncqSuccHead{
width: 100%;
}
}
/**********************************************************************************/
/*                              End Custom Quote styles                          */
/********************************************************************************/

/**********************************************************************************/
/*                              Added To Cart Styles                             */
/********************************************************************************/
.cw-atc-open{
z-index: 5 !important;
}
#cusNavATCSlideWrap{
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none;
z-index: 9998;	
background-color: rgba(255, 255, 255, .25);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
}
#cusNavATCSlide{
position: fixed;
width: 100%;
max-width: 540px;
height: 100%;
background-color: rgba(17, 17, 17, .98);
right: -540px;
top:0px;
overflow: hidden;	
padding-top: 156px;
}
.admin-bar #cusNavATCSlide{
padding-top: 188px;
}
#cusNavATCSlideContent{
position: relative;
height: 100%;
overflow-y: auto;	
}
#cusNavATCSlideHead{
padding: 60px 50px 35px 50px;
position: relative;
}
.admin-bar #cusNavATCSlideHead{
padding: 60px 50px 35px 50px;
position: relative;
}
#cusNavATCSlideHead h1{
font-family: OpenSans-ExtraBold;
font-size: 25px;
color: #ffffff !important;
padding-bottom: 0px !important;
}
#cNATCClose{
position: absolute;
width: 30px;
font-size: 30px;
height: 30px;
right: 16px;
top: 16px;
color: #757575;
cursor: pointer;
}
#cNATCClose:hover{
color: #EB1C24;
transition: .25s;
}
#cusNavATCSlideContentInnerWrap{
position: relative;
height: 100%;	
}
#cusNavATCSlideContentInner{
position: relative;
width: 100%;
height: 100%;
text-align: center;
padding-bottom: 330px;
}
#cusNavATCSlideContentInner ul{
padding: 0px 50px;
}
#cusNavATCSlideContentInner ul li{
width: 100%;
text-align: left;
margin: 0 auto;
margin-top: 75px;
list-style: none;
background-color: transparent;
color: #ffffff !important;
}
#cusNavATCSlideContentInner ul li:first-child{
margin-top: 0px;
}
#cusNavATCSlideContentInner ul li .cart-item-details{
width: 100%;
display: flex;
justify-content: space-between;
}
#cusNavATCSlideContentInner .cart-item-details-left{
display: inline-block;
width: 40%;
}
#cusNavATCSlideContentInner .cusNavATCItemName{
width: 100%;
display: block;
font-family: OpenSans_SemiCondensed-ExtraBold;
font-size: 20px;
letter-spacing: .2px;
color: #ffffff;
line-height: 19px;
margin-bottom: 13px;
}
#cusNavATCSlideContentInner .cusNavATCItemPrice{
width: 100%;
display: block;
font-family: OpenSans-SemiBold;
font-size: 18px;
color: #ffffff !important;
line-height: 19px;
margin-bottom: 12px;
}
#cusNavATCSlideContentInner .cusNavATCItemPriceEA{
font-family: OpenSans-Regular !important;
font-size: 14px !important;	
}
#cusNavATCSlideContentInner .cusNavATCItemPrice .woocommerce-Price-amount{
color: #ffffff !important;
font-size: 18px;
margin-left: 0px !important;
}
#cusNavATCSlideContentInner .cusNavATCItemExcerpt{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
position: relative;
display: block;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;	
line-height: 16px;
margin-bottom: 11px;
}
#cusNavATCSlideContentInner .cusNavATCItemLink{
white-space: nowrap;
width: 100%;
position: relative;
display: block;	
line-height: 16px;
}
#cusNavATCSlideContentInner .cusNavATCItemLink a{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
color: #757575;
}
#cusNavATCSlideContentInner .cusNavATCItemLink a:hover{
color: #EB1C24;	
transition: .25s;
}
#cusNavATCSlideContentInner .cart-item-details-right{
display: flex;
width: 50%;
justify-content: end;
}
#cusNavATCSlideContentInner .cusNavATCItemDelLbl{
width: 20px;
display: inline-block;
margin-right: 20px;
}
#cusNavATCSlideContentInner .cusNavATCItemDelLbl .cusNavATCItemDelCan{
background:url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Trashcan-Icon-19px-wide.svg');
width:18px;
height:20px;
margin-top:17px;
cursor: pointer;
}
#cusNavATCSlideContentInner .cusNavATCItemDelLbl .cusNavATCItemDelCan:hover{
	
}
#cusNavATCSlideContentInner .cusNavATCItemDelLbl img{
margin-top: 17px;
cursor: pointer;
}
#cusNavATCSlideContentInner .cusNavATCItemDel{
display: none;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyWrap{
width: 173px !important;
height: 57px !important;	
border: 1px solid #757575;
display: flex;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyDown{
width: 50px;
height: 57px;
display: flex;
text-align: left;
align-items: center;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyDownImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Minus-Icon-Default-15px-wide.svg') no-repeat;
width: 15px;
height: 2px;
margin-left: 24px;
margin-right: auto;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyDown:not(.cusNavATCItemQtyDownOne):hover{
cursor: pointer;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyDown:not(.cusNavATCItemQtyDownOne):hover .cusNavATCItemQtyDownImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Minus-Icon-Hover-15px-wide.svg') no-repeat;	
}
/* #cusNavCusQuoteSlideContentInner .quoteCartItemQtyDown img{ */
/* width: 18px; */
/* margin-left: 24px; */
/* margin-right: auto;	 */
/* } */
#cusNavATCSlideContentInner .cusNavATCItemQty{
width: 71px !important;
height: 57px !important;
background-color: transparent;
color: #ffffff;
text-align: center;
border: unset;
font-family: OpenSans-Bold;
font-size: 20px !important;
}
/* Chrome, Safari, Edge, Opera */
#cusNavATCSlideContentInner .cusNavATCItemQty::-webkit-outer-spin-button,
#cusNavATCSlideContentInner .cusNavATCItemQty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
#cusNavATCSlideContentInner .cusNavATCItemQty{
  -moz-appearance: textfield;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyUp{
width: 50px;
height: 57px;
display: flex;
text-align: right;
align-items: center;
cursor: pointer;	
}
#cusNavATCSlideContentInner .cusNavATCItemQtyUpImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Plus-Icon-Default-15px-wide.svg') no-repeat;
width: 16px;
height: 16px;
margin-right: 24px;
margin-left: auto;
}
#cusNavATCSlideContentInner .cusNavATCItemQtyUp:hover .cusNavATCItemQtyUpImg{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/02/Plus-Icon-Hover-15px-wide.svg') no-repeat;	
}
#cusNavATCSlideContentInner .cusNavATCQtyChangeNotices{
width: 173px;
}
#cusNavATCSlideContentInner .cnatcUpdated{
width: 100%;
display: none;
margin-top: 20px;
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
font-style: italic;
color: #ffffff;
position: absolute;
}
#cusNavATCSlideContentInner .cnatcURemoved{
width: 100%;
display: none;
margin-top: 20px;
font-family: OpenSans_SemiCondensed-Bold;
font-size: 16px;
font-style: italic;
color: #ffffff;
position: absolute;
}
#cusNavATCSlideContentInner .cnatcMax{
width: 100%;	
display: none;
margin-top: 20px;
color: #ffffff;
}
#cusNavATCSlideContentInner .cnatcUpdated1{
width: 100%;
display: inline-block;	
color: #EB1C24;
font-family: OpenSans_SemiCondensed-BoldItalic;
font-size: 16px;
margin-bottom: 3px;
}
#cusNavATCSlideContentInner .cnatcUpdated2{
width: 100%;
display: inline-block;	
font-family: OpenSans_SemiCondensed-Regular;
font-size: 16px;
line-height: 28px;
}
#cusNavATCSlideContentInner .cnatcUpdated3{
width: 100%;	
display: inline-block;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 20px;
position: relative;
top:-3px;
}
#cusNavATCSlideContentInner .cnatcUpdated4{
width: 100%;
display: inline-block;	
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
text-decoration: none;
}
#cusNavATCSlideContentInner .cnatcUpdated4 a{
font-family: OpenSans_SemiCondensed-Regular;
color: #ffffff !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: .75px;
}
#cusNavATCSlideContentInner .cnatcUpdated4 a:hover{
color: #EB1C24 !important;
}
#cusNavATCSlideContentInner .cnatcUpdated5{
width: 100%;	
display: inline-block;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
text-decoration: none;
}
#cusNavATCSlideContentInner .cnatcUpdated5 a{
font-family: OpenSans_SemiCondensed-Regular;	
color: #ffffff !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: .75px;
}
#cusNavATCSlideContentInner .cnatcUpdated5 a:hover{
color: #EB1C24 !important;
}
#cusNavATCSlideContentInner .cnatcUpdated6{
width: 100%;	
display: inline-block;
font-size: 16px;
line-height: 28px;
}
#cusNavATCSlideContentInner .cnatcUpdated6 a{
font-family: OpenSans_SemiCondensed-Regular;
color: #ffffff !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: .75px;
}
#cusNavATCSlideContentInner .cnatcUpdated6 a:hover{
color: #EB1C24 !important;
}
#cusNavATCFieldsWrap{
width: 100%;
position: relative;
padding: 72px 50px 80px 50px;
}
#cusNavATCSubWrap{
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
#cusNavATCKS{
font-family: OpenSans-Bold;
font-size: 16px;
color: #ffffff;
cursor: pointer;
}
#cusNavATCKSCarrot{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Keep-Shopping_-Arrow-Icon-8px-wide.svg') no-repeat;
width: 14px;
top: 1px;
height: 14px;
position: relative;
display: inline-block;
margin-right: 1px;		
}
#cusNavATCKS:hover{
color: #EB1C24;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
transition: .25s;
}
#cusNavATCKSMob{
display: none;
font-family: OpenSans-Bold;
font-size: 16px;
color: #ffffff;
cursor: pointer;
width: 100%;
text-align: right;
margin-top: 46px;
}
#cusNavATCKSCarrotMob{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Keep-Shopping_-Arrow-Icon-8px-wide.svg') no-repeat;
width: 14px;
top: 1px;
height: 14px;
position: relative;
display: inline-block;
margin-right: 1px;		
}
#cusNavATCKSMob:hover{
color: #EB1C24;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
cursor: pointer;
transition: .25s;
}
#cusNavATCSubmit{
cursor: pointer;
background-color: #EB1C24;
padding: 13px 44px;
border: 3px solid #EB1C24 !important;
border-radius: 0px;
color: #FFFFFF;
font-size: 18px;
font-family: OpenSans-Bold;
font-weight: 700;
letter-spacing: 0px;
}
#cusNavATCSubmit:hover{
background-color: transparent;
color: #EB1C24;
text-decoration: underline;
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
transition: .25s;	
}
#cusNavATCOilWrap{
border-top: .5px solid #757575;	
width: 100%;
padding:40px 0px 140px 50px;
}
#cusNavATCOilHead{
width: 100%;
padding-right: 50px;
margin-bottom: 25px;
}
#cusNavATCOilHead p{
width: 339px;
background-color: #ffffff;
color: #111111;
font-family: BITSUMIS;
font-size: 25px;
letter-spacing: 1.875px;
word-spacing: -4.375px;
padding: 0px !important;
max-width: 339px;
text-align: center;
line-height: 12px;
height: 27px;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
}
#cusNavATCFreqWrap{
background-color: #ffffff; 
color: #111111; 
margin-bottom:20px;
display: flex;
padding: 25px 35px;
}
#cusNavATCFreqImg{
width: 123px;
margin-right: 25px;
}
#cusNavATCFreqImg img{
width: 123px !important;
max-width: unset !important;
}
#cusNavATCFreqInfo{
flex-grow: 1;
}
#cusNavATCFreqName{
font-family: OpenSans_SemiCondensed-ExtraBold;
font-size: 20px;
line-height: 18px;
margin-bottom: 11px;	
margin-top: 10px;
color: #111111;
text-align: left;
letter-spacing: .2px;
}
#cusNavATCFreqPrice{
font-family: OpenSans-SemiBold;
font-size: 18px;
color: #111111;
text-align: left;
margin-bottom: 9px;
}
#cusNavATCFreqPrice .woocommerce-Price-amount{
color: #111111 !important;
margin-left: 0px !important;
}
#cusNavATCFreqPerf{
font-family: OpenSans-ExtraBold;
font-size: 16px;
text-align: left;
line-height: 16px;	
margin-bottom: 8px;
}
#cusNavATCFreqDesc{
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
color: #111111;
text-align: left;
line-height: 18px;
}
#cusNavATCFreqMod{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
color: #111111;
text-align: left;
line-height: 16px;
margin-top: 8px;
}
#cusNavATCFreqBtnWrap{
width: 100%;
position: relative;
margin-top: 26px;
height: 45px;
margin-bottom: 30px;
}
#cusNavATCFreqBtnWrap .surpUpsellCardAtc{
position: absolute;
right: 5px;
width: 150px;
height: 45px;
font-family: OpenSans-Bold;
font-size: 16px;
border: 2px solid #111111;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0px !important;
}
#cusNavATCFreqBtnWrap .surpUpsellCardAtc:hover{
background-color: #ffffff;
color: #111111;
transition: .25s;
}
#cusNavATCFreqBtnWrap .newQtySelectorWrap{
width: 150px; 
height: 45px; 
position: absolute; 
right: 5px;
margin-top: 0px;
}
#cusNavATCSlideContentLoad{
background-image: url('https://www.xcallibertransmission.com/wp-admin/images/wpspin_light.gif');
position: absolute;
display: inline-block;
top: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-color: rgba(180, 180, 180, .6);
background-position: center;
background-size: 32px 32px;
bottom: 0;
z-index:9;
display:none;	
}
@media only screen and (max-width: 1366px){
#cusNavATCSlide{
padding-top: 113px;
}
.admin-bar #cusNavATCSlide{
padding-top: 145px;	
}
.admin-bar #cusNavATCSlideHead{
padding: 60px 50px 35px 50px;
position: relative;
}
}
@media only screen and (max-width: 782px){
.admin-bar #cusNavATCSlide{
padding-top: 159px;	
}		
}
@media only screen and (max-width: 525px){
.admin-bar #cusNavATCSlideHead{
padding: 60px 20px 35px 20px;	
}
#cusNavATCSlideHead{
padding: 60px 20px 35px 20px;	
}
#cusNavATCSlideContentInner ul{
padding: 0px 20px;
}
#cusNavATCSlideContentInner ul li .cart-item-details{
display: block;
}
#cusNavATCSlideContentInner .cart-item-details-left{
width: 70% !important;
}
#cusNavATCSlideContentInner .cart-item-details-right{
width: 100%;
margin-top: 40px;
}
#cusNavATCSlideContentInner ul li{
margin-bottom: 0px;
margin-top: 80px;
}
#cusNavATCSlideContentInner ul li:first-child{
margin-top: 0px;
}
#cusNavATCFieldsWrap{
padding: 75px 20px 80px 20px;
}
#cusNavATCSubWrap{
justify-content: flex-end;
margin-top: 0px;
}
#cusNavATCKS{
display: none;
}
#cusNavATCKSMob{
display: block;
margin-top:55px;
}
#cusNavATCOilWrap{
padding: 40px 0px 140px 20px;
}	
#cusNavATCFreqWrap{
flex-direction: column;
padding: 35px 30px;
}
#cusNavATCFreqImg{
width: 100%;	
margin-bottom: 29px;
}
#cusNavATCFreqImg img{
width: 100% !important;
}
#cusNavATCFreqBtnWrap{
margin-top:50px;
margin-bottom: 40px;
}
.cnatcUpdated4{
line-height: normal;
margin-bottom: 26px;
}
.cnatcUpdated5{
line-height: normal;
margin-bottom: 26px;	
}
.cnatcUpdated6{
line-height: normal;	
}
}
@media only screen and (max-width: 400px){
#cusNavATCOilHead p{
width: 292px;
font-size: 21px;
}
}
/**********************************************************************************/
/*                              End Added To Cart Styles                         */
/********************************************************************************/

/**********************************************************************************/
/*                     Start surplus single prod styles                          */
/********************************************************************************/
.surplus-single .woocommerce-breadcrumb{
margin-top: 35px;
margin-left: 25px;
margin-bottom: 0px !important;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
color: #757575;
}
.surplus-single .woocommerce-breadcrumb .crumbChunk{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
color: #757575;
}
.surplus-single .woocommerce-breadcrumb .crumbChunk:hover{
color: #EB1C24;
transition: .25s;
}
#surpSingleHeader{
font-family: SairaStencilOne-Regular;
color: #111111;	
font-size: 36px;
white-space: nowrap;
margin-bottom: 43px;
}
#surpSingleHeaderInner{
font-family: SairaStencilOne-Regular;
color: #ffffff;
background-color: #111111;
display: inline-block;	
white-space: nowrap;
padding: 8px 5px 5px 5px;
}
#surpSingleHeader sup{
font-size: 6px;
top: -14px;
}
.surplus-single #main-content .container{
width:100%;
max-width:unset;
}
.surplus-single #main-content #left-area{
width:100% !important;
max-width:unset !important;
margin: 0px !important;
padding: 0px 25px !important;
}
.surplus-single .product .clearfix{
padding: 20px 100px 0px 100px;
}
.surplus-single .woocommerce-product-gallery__trigger{
width: 100% !important;
height: 100% !important;
opacity: 0 !important;
border-radius: unset !important;
top: unset !important;
right: unset !important;
display: none !important;
}
.surplus-single .woocommerce-product-gallery__trigger:hover{
cursor: -moz-zoom-in; 
cursor: -webkit-zoom-in; 
cursor: zoom-in;	
}
.surplus-single .pswp__bg{
background: #ffffff !important;
}
.surplus-single .pswp__caption{
display: none !Important;
}
.surplus-single .woocommerce-product-gallery__image:hover{
cursor: -moz-zoom-in; 
cursor: -webkit-zoom-in; 
cursor: zoom-in;	
}
.surplus-single #surpSingleImageCover{
position: absolute;
top: 0px; 
bottom: 0px;
left: 0px; 
right: 0px;
cursor: -moz-zoom-in; 
cursor: -webkit-zoom-in; 
cursor: zoom-in;
z-index: 10;
}
.surplus-single .woocommerce-tabs{
display: none !important;
}
.surplus-single .woocommerce-product-gallery{
width: 50% !important;
padding-right: 25px;
}
.surplus-single .entry-summary{
width: 50% !important;
padding-left: 25px;
}
.surplus-single .entry-summary .woocommerce-product-details__short-description{
margin-bottom:23px;
font-family: OpenSans_SemiCondensed-Light;
font-size: 18px;
line-height: 25px;
color: #111111;
}
.surplus-single .entry-summary .woocommerce-product-details__short-description p{
margin-bottom:23px;
font-family: OpenSans_SemiCondensed-Light;
font-size: 18px;
line-height: 25px;
color: #111111;
}
.surplus-single .entry-summary .product_title{
margin-bottom:34px; 
padding-bottom:0px !important;
font-family: OpenSans-ExtraBold;
font-size: 23px;
letter-spacing: 0.5px;
color: #111111;
}
.surplus-single .entry-summary .price{
padding-bottom: 0px !important;
margin-bottom: 57px;
font-family: OpenSans-SemiBold;
font-size: 18px !important;
color: #111111 !important;
}
.surplus-single .entry-summary .price .woocommerce-Price-amount{
font-size: 18px !important;
font-family: OpenSans-SemiBold;
color: #111111 !important;
}
.surplus-single .entry-summary .price .woocommerce-Price-amount .woocommerce-Price-currencySymbol{
font-size: 18px !important;
color: #111111 !important;	
}
.surplus-single .stock{
display: none !important;	
}
.surplus-single #surpSingleCallout{
margin-bottom: 58px;
font-family: OpenSans-Medium;
font-size: 16px;
font-style: itallic;
color: #111111;
}
.surplus-single .cart{
padding: 0px !important;
margin: 0px !important;
border: unset !important;
}
.surplus-single .quantity{
border: .75px solid #757575;
}
/* Chrome, Safari, Edge, Opera */
.surplus-single .qty::-webkit-outer-spin-button,
.surplus-single .qty::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.surplus-single .qty[type=number]{
-moz-appearance: textfield;
font-family: OpenSans-Bold;
font-size: 20px;
letter-spacing: 0.5px;
}
.surplus-single #surpSingleMinus{
width: 50px;
height: 57px;
display: flex;
float: left;
text-align: left;
cursor: pointer;
}
.surplus-single #surpSingleMinus img{
width: 15px;
margin-left: 24px;
}
.surplus-single #surpSinglePlus{
width: 50px;
height: 57px;
display: flex;
float: right;
text-align: right;
cursor: pointer;
}
.surplus-single #surpSinglePlus img{
width: 15px;
margin-right: 24px;
margin-left: auto;
}
.surplus-single .entry-summary .cart{
border: unset !important; 
padding: 0px !important;
}
.surplus-single .entry-summary .quantity{
width: 173px !important; 
height: 57px !important;
}
.surplus-single .entry-summary .qty{
width: 71px !important; 
height: 57px !important;
background-color: #ffffff !important;
}
.surplus-single .entry-summary .single_add_to_cart_button{
text-align: center !important;
cursor: pointer !important;
background-color: #EB1C24 !important;
padding: 11px 0px !important;
border: 3px solid #EB1C24 !important;
border-radius: 0px !important;
color: #FFFFFF !important;
font-size: 18px !important;
font-family: OpenSans-Bold !important;
font-weight: 700 !important;
letter-spacing: 0px !important;
width: 225px !important;
height: unset !important;
float: unset !important;
display: inline-block !important;
}
.surplus-single div.product form.cart .button{
border: 3px solid #EB1C24 !important;	
margin-left: 30px;
}
.surplus-single .entry-summary .single_add_to_cart_button::after{
display: none !Important;
}
.surplus-single .entry-summary .single_add_to_cart_button:hover{		
text-decoration: underline  !important; 
text-decoration-thickness: 1.2px  !important;
text-underline-offset: 3px  !important;
transition: .25s;
}	
.surplus-single div.product form.cart .button:hover{
background-color: transparent !important;
color: #EB1C24  !important;
border: 3px solid #EB1C24 !important;	
}
#surpSingleUnderCartWrap{
width: 447px;
margin-top: 29px;
}
#surpSingleUnderMax{
display: inline-block;
min-height: 167px;
}
#surpSingleUnderRFQ{
display: inline-block;
float: right;
text-align: right;
}
.surplus-single .entry-summary .singleLeadTimeForm{
display: none !important;	
}
.surplus-single .entry-summary .product_meta{
display: none !important;	
}
#surpSingleUnder1{
display: none;
width: 100%;	
color: #EB1C24;
font-family: OpenSans_SemiCondensed-Bold;
font-style: italic;
font-size: 16px;
}
#surpSingleUnder2{
display: none;
width: 100%;
font-family: OpenSans_SemiCondensed-Regular;
font-size: 16px;
line-height: 28px;
color: #111111;
}
#surpSingleUnder3{
display: none;
width: 100%;	
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 20px;
color: #111111;
position: relative;
top:-3px;
}
#surpSingleUnder4{
display: none;
width: 100%;
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
color: #111111;
}
#surpSingleUnder4 a{
font-family: OpenSans_SemiCondensed-Regular;
color: #111111 !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;	
}
#surpSingleUnder4 a:hover{
color: #EB1C24 !important;	
}
#surpSingleUnder5{
display: none;
width: 100%;	
font-family: OpenSans_SemiCondensed-Light;
font-size: 16px;
line-height: 28px;
color: #111111;
}
#surpSingleUnder5 a{
font-family: OpenSans_SemiCondensed-Regular;	
color: #111111 !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;	
}
#surpSingleUnder5 a:hover{
color: #EB1C24 !important;
}
#surpSingleUnder6{
display: none;
width: 100%;
font-size: 16px;
line-height: 28px;
color: #111111;
}
#surpSingleUnder6 a{
font-family: OpenSans_SemiCondensed-Regular;
color: #111111 !important;	
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1.2px;
}
#surpSingleUnder6 a:hover{
color: #EB1C24 !important;
}
#surpSingleUnder8{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
text-decoration: underline; 
text-decoration-thickness: 1.2px;
text-underline-offset: 3px;
cursor: pointer;
}
.surplus-single #surpSingleWeight{
display: block;
width: 100%;
margin-top:29px;
font-family: OpenSans-Light;
font-size: 15px;
}
.surplus-single #surpSingleWeightLabel{
font-family: OpenSans-Regular;
font-size: 15px;
}
.surplus-single #surpSingleWeightMob{
display: none;
width: 100%;
margin-top:50px;
font-family: OpenSans-Light;
font-size: 15px;
}
.surplus-single #surpSingleWeightMobLabel{
font-family: OpenSans-Regular;
font-size: 15px;
}
.surplus-single .up-sells{
margin-bottom: 140px !important;
border-top: 2px solid #f5f5f5;
padding: 100px 25px 0px 25px;
margin-top: 100px;
}
.surplus-single #surpUpsellHead{
margin-bottom: 55px;	
}
.surplus-single #surpUpsellHead span{
font-size: 25px;
font-family: BITSUMIS;
letter-spacing: 1.88px;
word-spacing: 2px;
color: #ffffff;
background-color: #000000;
padding: 5px;
white-space: nowrap;
}
.surplus-single #surpUpsellHead sup{
top: -8px;
font-size: 7px;
}
.surplus-single #surpUpsellHeadMob{
margin-bottom: 55px;	
display: none;
}
.surplus-single #surpUpsellHeadMob span{
font-size: 22px;
font-family: BITSUMIS;
letter-spacing: 1.7px;
word-spacing: 1.75px;
color: #ffffff;
background-color: #000000;
padding: 5px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
line-height: normal;
}
.surplus-single #surpUpsellHeadMob sup{
top: -8px;
font-size: 7px;
}
.surplus-single #surpUpsellHeadMob2{
margin-top:7px;
}
.surplus-single #upsell-inner{
display: flex;
}
.surplus-single .surpUpsellCard{
width: 16%;
min-width: 150px;
margin-left: 2%;
margin-right: 2%;
display: inline-block;
}
.surpUpsellCardImg{
	
}
.surpUpsellCardTitle{
font-family: OpenSans-ExtraBold;
font-size: 21px;	
letter-spacing: 0.5px;
color: #111111;
}
.surpUpsellCardPrice{
font-family: OpenSans-SemiBold;
font-size: 18px;
line-height: 37px;
}
.surpUpsellCardPrice .woocommerce-Price-amount{
color: #111111 !Important;	
margin-left: 0px !Important;
}
.surpUpsellCardAtc{
font-family: OpenSans-Bold;
font-size: 16px;
background-color: #111111;
color: #ffffff;
text-align: center;
width: 100%;
padding: 10px;
}
.newQtySelectorWrap{
font-family: OpenSans-Bold;
font-size: 16px;
width: 100%;
border: 2px solid #111111;
margin-top: 5px;
display: none;
}
.newQtySelectorInner{
display: flex;
justify-content: space-between;	
height: 100%;
}
.newQtySelectorMinus{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 33.33%;
background-color: #111111;
}
.newQtySelectorMinus img{
width: 15px;
}
.newQtySelector{
display: inline-block;
width: 33.33%;	
text-align: center;
border: unset;
background-color: #ffffff;
}
/* Chrome, Safari, Edge, Opera */
.newQtySelector::-webkit-outer-spin-button,
.newQtySelector::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.newQtySelectorInner input[type=number]{
-moz-appearance: textfield;
font-family: OpenSans-Bold;
font-size: 18px !important;
letter-spacing: 0.5px;
}
.newQtySelectorPlus{
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;	
width: 33.33%;
background-color: #111111;
}
.newQtySelectorPlus img{
width: 15px;	
}
.newQtySelectorMaxBox{
display: none;	
justify-content: center;
align-items: center;
cursor: unset;
width: 66.66%;
font-family: OpenSans-Bold;
font-size: 18px;
color: #111111;
}
.surpUpsellCardSubtitle{
font-family: OpenSans_SemiCondensed-Medium;
font-size: 15px;
color: #111111;	
margin-top: 8px;
}
.surpUpsellCardSubtitle sup{
top: -6px;
font-size: 6px;
}
.surpUpsellCardDesc{
font-family: OpenSans_SemiCondensed-Light;
font-size: 15px;	
word-wrap: break-word;
white-space: normal;	
color: #111111;
line-height: 20px;
}
#surpSingleZoomBoxWrap{
background-color: #ffffff;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
display: none;
align-items: center;
justify-content: center;
padding: 50px 100px;
z-index: 9999;
border:unset;
}
.admin-bar #surpSingleZoomBoxWrap{
padding-top: 82px;
}
#surpSingleZoomBoxBack{
position: absolute;
top: 25px;
left: 50px;
font-family: OpenSans_SemiCondensed-Medium;
font-size: 16px;
color: #111111;
cursor: pointer;
}
#surpSingleZoomBoxBackIcon{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Back_-Arrow-Icon-Default-7px-wide.svg') no-repeat;
height: 12px;
width: 12px;
margin-right: 6px;
display: inline-block;
}
#surpSingleZoomBoxBack:hover{
color: #eb1c24;
}
#surpSingleZoomBoxBack:hover #surpSingleZoomBoxBackIcon{
background: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/Back_-Arrow-Icon-Hover-7px-wide.svg') no-repeat;
}
#surpSingleZoomBoxClose{
position: absolute;
width: 15px;
height: 15px;
right: 25px;
top: 25px;
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns.svg) no-repeat;
cursor: pointer;
}
#surpSingleZoomBoxClose:hover{
background: url(https://www.xcallibertransmission.com/wp-content/uploads/2023/07/X-for-Dropdowns-Hover-Pressed-State.svg) no-repeat;
transition: .25s;
}
.admin-bar #surpSingleZoomBoxBack{
position: absolute;
top: 57px;
left: 50px;
}
.admin-bar #surpSingleZoomBoxClose{
position: absolute;
top: 57px;
right: 25px;
}
#surpSingleZoomBoxImgWrap{
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: zoom-out;
cursor: -moz-zoom-out; 
cursor: -webkit-zoom-out;
}
@media only screen and (max-width: 1280px){
.surplus-single .product .clearfix{
padding: 20px 50px 0px 50px;
}	
#surpSingleHeader{
font-size: 32px;	
}
}
@media only screen and (max-width: 1100px){
.surplus-single .woocommerce-breadcrumb{
width: 80%;
max-width: 700px;
margin: 0 auto;
margin-top: 25px;
}
.surplus-single .product .clearfix{
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0px 0px 0px;
}
.surplus-single .woocommerce-product-gallery{
width: 80% !important;
padding: 0px !important;
max-width: 700px;
}
.surplus-single .woocommerce-product-gallery__trigger{
display: none;
}
.surplus-single .entry-summary{
width: 80% !important;
padding: 0px !important;
margin-top: 30px;
margin-bottom: 0px !important;
max-width: 700px;
}
#surpSingleHeader{
margin-bottom: 40px;
}
.surplus-single .entry-summary .product_title{
margin-bottom: 30px;
}
#surpSingleUnderMax{
min-height: 80px;
}
.surplus-single .up-sells{
padding: 100px 0px 0px 0px;
max-width: 700px;
width: 80%;
margin: 0 auto;
margin-top: 35px;
}
.surplus-single #upsell-inner{
flex-wrap: wrap;
}
.surplus-single .surpUpsellCard{
min-width: unset;
width: 30%;
margin-right: 1.66%;
margin-left: 1.66%;
margin-top:40px;
}
#surpSingleImageCover{
display: none !important;
}
#surpSingleZoomBoxWrap{
display: none !important;
}
}
@media only screen and (max-width: 715px){
.surplus-single #surpUpsellHeadMob{	
display: block;
}
.surplus-single #surpUpsellHead{	
display: none;
}	
.surplus-single .up-sells{
padding: 85px 0px 0px 0px;
}
}
@media only screen and (max-width: 630px){
.surplus-single .woocommerce-breadcrumb{
width: 100%;
}
.surplus-single .woocommerce-product-gallery{
width: 100% !important;
}
.surplus-single .entry-summary{
width: 100% !important;
}	
.surplus-single .up-sells{
width: 100%;
margin-top: 35px;
}
}
@media only screen and (max-width: 500px){
.surplus-single .entry-summary .price{
display: inline-block;	
margin-bottom: 0px;
}
.surplus-single #surpSingleCallout{
margin-bottom: 25px;
display: inline-block;
float: right;	
}
#surpSingleHeader{
font-size: 26px;	
}
#surpSingleHeader sup{
top: -10px;
}
.surplus-single .entry-summary .cart{
position: relative;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-end;	
}
.surplus-single div.product form.cart .button{
margin-top: 26px;
}
#surpSingleUnderCartWrap{
width: unset;
margin-top: 0px;
}
#surpSingleUnderMax{
min-height: unset;
width:193px;
}
#surpSingleUnder1{
margin-top:29px;
}
#surpSingleUnder4{
margin-bottom: 10px;
}
#surpSingleUnder5{
margin-bottom: 10px;
}
#surpSingleUnder6{
margin-bottom:24px;
}
.surplus-single #surpSingleWeight{
display: none;
}
.surplus-single #surpSingleWeightMob{
display: block;
}
.surplus-single .surpUpsellCard{
min-width: unset;
width: 44%;
margin-right: 3%;
margin-left: 3%;
margin-top:40px;
}
}
@media only screen and (max-width: 390px){
#surpSingleHeader{
font-size: 24px;	
}
#surpSingleHeader sup{
top: -8px;
}
}
@media only screen and (max-width: 375px){
#surpSingleHeader{
font-size: 20px;	
}
#surpSingleHeader sup{
top: -7px;
}
.surplus-single #surpUpsellHeadMob span{
font-size: 20px;
}
.surplus-single #surpUpsellHeadMob sup{
top: -7px;
}
}
/**********************************************************************************/
/*                       End surplus single prod styles                          */
/********************************************************************************/

/**************40 year logo**************/
#hpnMainTop40YearWrap{
position: absolute;
display: inline-block;
left: 27px;
top: 27px;
width:210px;
}
#hpnMainTop40YearDesk{
width: 210px;
height: 117px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/40-Year-Anniversary-Logo-Silver-Gradient-Desktop-210px-wide.png');
background-repeat: no-repeat;
background-position:center;
background-size: contain;
}
#hpnMainTop40YearMob{
width: 189px;
height: 113px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/40-Year-Anniversary-Logo-Silver-Gradient-Mobile-189px-wide.png');
background-repeat: no-repeat;
background-position:center;
background-size: contain;
display: none;
}
@supports (zoom: 1.2) {
#hpnMainTop40YearDesk{
width: 210px;
height: 117px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/40-Year-Anniversary-Logo-Silver-Gradient-Desktop-210px-wide.svg');
background-repeat: no-repeat;
background-position:center;
background-size: contain;
}
#hpnMainTop40YearMob{
width: 189px;
height: 113px;
background-image: url('https://www.xcallibertransmission.com/wp-content/uploads/2024/03/40-Year-Anniversary-Logo-Silver-Gradient-Mobile-189px-wide.svg');
background-repeat: no-repeat;
background-position:center;
background-size: contain;
display: none;
}
}
@media only screen and (max-width: 1160px){
#hpnMainTop40YearWrap{
left: 0px;
top: 0px;
position:relative;
width: 100%;
text-align:center;
margin-top:1px;
}
#hpnMainTop40YearDesk{
display: none;
}
#hpnMainTop40YearMob{
width: 189px;
display: inline-block;
}	
#hpnMainTitleWrap{
padding-top: 0px !important;
margin-top:-5px;
}
}
@media only screen and (min-width: 1921px){
#hpnMainTop40YearWrap{
top: 29px;
}	
}
@media only screen and (min-width: 2000px){
#hpnMainTop40YearWrap{
top: 33px;
}	
}
@media only screen and (min-width: 2250px){
#hpnMainTop40YearWrap{
top: 35px;
}	
}
@media only screen and (min-width: 2500px){
#hpnMainTop40YearWrap{
top: 36px;
}	
}
@media only screen and (min-width: 2750px){
#hpnMainTop40YearWrap{
top: 38px;
}	
}
@media only screen and (min-width: 3000px){
#hpnMainTop40YearWrap{
top: 41px;
}	
}
@media only screen and (min-width: 3250px){
#hpnMainTop40YearWrap{
top: 42px;
}	
}
@media only screen and (min-width: 3500px){
#hpnMainTop40YearWrap{
top: 42px;
}	
}
@media only screen and (min-width: 3750px){
#hpnMainTop40YearWrap{
top: 44px;
}	
}

/**************Core Criteria Page*************/
.page-id-97702 #main-content .container{
width: 100%;
max-width: unset;	
}
.page-id-97702 #main-content .entry-title{
display: none !important;
}