@charset "utf-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Lato:400,300);
/*==== Fonts ====*/


@font-face {
    font-family: 'federal_escortregular';
    src: url('../fonts/federalescort-webfont.eot');
    src: url('../fonts/federalescort-webfont.eot?#iefix') format('embedded-opentype'),
     //    url('../fonts/federalescort-webfont.woff2') format('woff2'),
         url('../fonts/federalescort-webfont.woff') format('woff'),
         url('../fonts/federalescort-webfont.ttf') format('truetype'),
         url('../fonts/federalescort-webfont.svg#federal_escortregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'federal_escort_condensedCn';
    src: url('../fonts/federalescortcond-webfont.eot');
    src: url('../fonts/federalescortcond-webfont.eot?#iefix') format('embedded-opentype'),
     //    url('../fonts/federalescortcond-webfont.woff2') format('woff2'),
         url('../fonts/federalescortcond-webfont.woff') format('woff'),
         url('../fonts/federalescortcond-webfont.ttf') format('truetype'),
         url('../fonts/federalescortcond-webfont.svg#federal_escort_condensedCn') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*==== Reset CSS ====*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0; padding:0;border:0;outline:0;vertical-align:baseline; list-style:none; border-collapse:collapse;	border-spacing:0;word-wrap: break-word;-webkit-text-size-adjust:100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased !important;}
article, aside, details, fig, caption, figure, footer, header, hgroup, menu, nav, section { display: block; -webkit-text-size-adjust:100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
*{ margin:0; padding:0; box-sizing:border-box; /*-webkit-appearance: none;*/ -webkit-text-size-adjust: 100%;	-moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body { background:#ffffff !important; font-family: 'Lato', sans-serif !important; font-size:14px !important; color:#2b2b2b; line-height:24px;}
a {  text-decoration:none; outline:none; display:inline-block; color:inherit; font-size:inherit; }
a:hover {text-decoration:none; color:inherit;font-size:inherit;}
a img { border: none; outline: none; text-decoration: none; }
a:hover img { border: none; outline: none; text-decoration: none; }
img  { width:100%;}
h1, h2, h3, h4, h5, h6, span, label, p, ul, li, a{ font-weight:normal;}
p{ padding-bottom:10px;}

input, select , textarea {/* vertical-align:middle;*/ outline:none; border:none; }
textarea,input[type="text"],input[type="button"],input[type="submit"], select {/* -webkit-appearance: none !important; border-radius: 0 !important; */}


/*==== Common CSS ====*/
.noImage {background: url(/images/themes/133/noimage.png) no-repeat scroll center center #f2f4f5 !important; color: #535353; font-family: 'latoregular';line-height: normal;text-align: center;text-transform: uppercase; min-height:25px; }
.warning { float:left; width:100%; background:#f88a3e; margin:0px 0 20px 0px; color:#ffffff; padding:5px 15px; }
span.pos { display:block; width:auto; padding:9px 12px 9px 36px; color:#fff; font-family: 'Lato', sans-serif; font-size:15px;line-height:20px;  position:relative; }
span.neg { display:block; width:auto; padding:9px 12px 9px 36px; color:#fff; font-family: 'Lato', sans-serif;font-size:15px;line-height:20px; position:relative; }
span.pos:before, span.neg:before  { font-family: FontAwesome; position:absolute; left:10px; font-size:18px; }

.clearFix { clear:both;}
.fullWidth { float:left; width:100%; }
.row{ float:left; width:100%;}
.left { float:left!important; width:50%;}
.right { float:right!important; width:50%;}
.noSpace{ margin:0px !important;}
.noBorder{ border:none !important;}
.last{ margin-right:0px !important;}
.separator{ margin:8px 0px; padding:0px; width:100%; float:left; height:5px; background:url(/images/themes/133/separator.png) repeat-x;}
.mainContainer{ float:left; width:100%; height:auto;}
.wrapper{ max-width:1170px; width:100%; position:relative; margin:0px auto; padding:0px 15px;}


/*==== homepage ====*/
.headerBar{ float:left; width:100%; background:#040404; }
.headerBar .left{ float:left; width:60%;}
.headerBar .left ul{ float:left; width:auto; margin-top:9px;}
.headerBar .left ul li{ display:inline; margin-right:25px; float:left;}
.headerBar .left ul li a{ float:left; color:#ffffff; line-height:30px; font-family: inherit !important; font-size: inherit !important;font-weight: inherit !important;}
.headerBar .left ul li:hover a, .headerBar .left ul li.active a{ color:#ffffff; text-decoration: underline; font-family: inherit !important; font-size: inherit !important;font-weight: inherit !important;}
.headerBar .left ul li img{ float:left;}
.mobileHeader{ display:none;}
.headerBar .right{ float:right; width:40%;}
.headerBar .right ul{ float:right; width:auto;}
.headerBar .right ul li{ display:inline;}
.headerBar .right ul li a{ color:#ffffff; font-size:20px; float:left; padding:12px 10px 14px 10px; font-family: inherit !important; font-weight: inherit !important;}
.headerBar .right ul li a:hover, .headerBar .right ul li a.active{ background:#2859f0; }
.headerMain{ float:left; width:100%; background:url(/images/themes/133/headerbg.jpg) no-repeat; background-size:cover; padding:12px 0px 0px 0px;}
.headerMain .left{ float:left; width:20%;}
.headerMain .left a{ float:left;}
.headerMain .mid{ float:left; width:60%; text-align:center;}
.headerMain .mid a{ display:inline-block; padding-top:25px;}
.headerMain .right{ float:right; width:20%;}
.headerMain .right a{ float:right;}
.navigation{ float:left; width:100%; min-height:50px;
background: rgba(222,222,222,1);
background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,222,222,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(222,222,222,1)));
background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(255,255,255,1) 51%, rgba(222,222,222,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dedede', GradientType=0 );
}
.navContainer{ float:left; width:80%;}
.mainNavigation{ float:left; width:100%; position:relative; text-align:center;}
.mainNavigation ul{ float:left; width:auto; position:relative;}
.mainNavigation ul li{ display:inline; float:left; position:relative; color:#666666;}
.mainNavigation ul li a{ float:left; color:inherit !important; text-transform:none; padding:13px 20px; font-size:18px; font-family:impact;} 
.mainNavigation ul li a i{ float:right; color:inherit !important; margin:6px 0 0 6px;}
.mainNavigation ul li:hover, .mainNavigation ul li.active{ color:#ffffff; background:#295bf2;}
.mainNavigation ul li:hover ul.dropdown{ display:block;}
.mainNavigation ul li ul.dropdown{ border:0;display:none; position:absolute; top:100%; left:0; width:auto; min-width:200px; background:#f3f3f3; padding:15px 0px 5px 0px; z-index:1000; color: #484848 !important; font-family: 'Lato', sans-serif !important; font-size:14px !important}
.mainNavigation ul li ul.dropdown li{ display:block; float:left; width:100%; position:relative; color:#484848 !important; padding:0px 15px;font-family: 'Lato', sans-serif !important; font-size:14px !important;font-weight:normal !important}
.mainNavigation ul li ul.dropdown li a{ color:inherit; padding:0px 0px 10px 0px;text-transform:uppercase; text-align:left;font-family:inherit;font-size:inherit;text-decoration:none;}
.mainNavigation ul li ul.dropdown li:hover{ color:#f3f3f3 !important;}
.mainNavigation ul li ul.dropdown li:hover ul.subDropdown{ display:block;}
.mainNavigation ul li ul.dropdown li ul.subDropdown{ display:none; position:absolute; top:0; left:100%; width:100%; min-width:200px; background:#666666; padding:15px;}
.responsiveNav{ float:left; width:100%; display:none; top: 0px; right: 0px; background:#363636; padding:8px 0px;}
.toggleBtn { position: relative; float: right; padding:0px; margin-right:10px; width:40px; height:35px; cursor:pointer; background: #3366ff; border:none; z-index:99999; text-align:center;}
.toggleBtn .mainIcon{ display:inline-block; width:22px;}
.toggleBtn .iconBar { display: block; width: 22px; height: 3px; background:#FFFFFF; margin:2px 0px;float:left;}
.search{ float:right; width:20%; text-align:center; border:#dedede solid 1px;}
.search .textbox{ float:left; width:78%; height:48px; background:#ffffff; color:#909090; padding:0px 10px; margin:0px;  font-family: inherit !important; font-size: inherit !important;font-weight: inherit !important;}
.search .go{ float:right; width:48px; height:48px; cursor:pointer; background:url(/images/themes/133/searchbtn.png) no-repeat;}
.search .go:hover{ opacity:0.7;}

.contentHome{ float:left; width:100%; padding:30px 0px 10px 0px;}
.noticeBar{ float:left; width:100%; position:relative; margin-bottom:30px;
background: rgba(36,85,234,1);
background: -moz-linear-gradient(top, rgba(36,85,234,1) 0%, rgba(51,102,255,1) 50%, rgba(36,85,234,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(36,85,234,1)), color-stop(50%, rgba(51,102,255,1)), color-stop(100%, rgba(36,85,234,1)));
background: -webkit-linear-gradient(top, rgba(36,85,234,1) 0%, rgba(51,102,255,1) 50%, rgba(36,85,234,1) 100%);
background: -o-linear-gradient(top, rgba(36,85,234,1) 0%, rgba(51,102,255,1) 50%, rgba(36,85,234,1) 100%);
background: -ms-linear-gradient(top, rgba(36,85,234,1) 0%, rgba(51,102,255,1) 50%, rgba(36,85,234,1) 100%);
background: linear-gradient(to bottom, rgba(36,85,234,1) 0%, rgba(51,102,255,1) 50%, rgba(36,85,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2455ea', endColorstr='#2455ea', GradientType=0 );
}
.noticeBar .tollfree{ float:left; background:#232323; position:relative; color:#ffffff; width:200px; padding:20px 15px;}
.noticeBar .icon{ position:absolute; right:-15px; top:0; background:url(/images/themes/133/tollfreeicon.png) no-repeat right; width:15px; height:74px;}
.noticeBar i{ font-size:30px; color:#f1e833; float:left; margin-right:3px;}
.noticeBar p{ font-size:20px; font-family:impact; padding:4px 0px 6px 0px; color:#ffffff;}
.noticeBar .message{ float:left; width:auto; padding-left:30px;}
.noticeBar .message p{ float:left; width:auto; padding:24px 0px 0px 10px; text-transform:uppercase;}
.noticeBar .message span{ float:left; width:auto;font-size:20px; font-family:impact; padding:24px 8px 0 0; color:#ffffff; text-transform:uppercase;}
.noticeBar a{ float:left; width:auto; margin:20px 0px 0px 0px;}

aside{ float:left; width: 24%; margin-right:30px;}
h3{ font-size:18px; font-family:impact; color:#232323; text-transform:uppercase; padding:0px; margin:0px;}
.block{ float:left; width:100%; margin-bottom:20px;}
aside label{ text-transform:uppercase; padding-bottom:2px; float:left; width:100%; color:#484848;}
.textbox{ float:left; width:100%; background:#f3f3f3 !important; border:#dedede solid 1px !important; height:30px; padding:0px 10px !important; margin-bottom:7px; color:#484848 !important; text-transform:uppercase; font-size:inherit !important; font-family:inherit !important;}
.textbox.select{ margin-bottom:6px;}
.blueButton{ width:100%; float:left; cursor:pointer; color:#ffffff; height:30px; text-transform:uppercase; font-size:14px; border:none;
background: rgba(51,102,255,1);
background: -moz-linear-gradient(top, rgba(51,102,255,1) 0%, rgba(51,102,255,1) 1%, rgba(29,77,221,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51,102,255,1)), color-stop(1%, rgba(51,102,255,1)), color-stop(100%, rgba(29,77,221,1)));
background: -webkit-linear-gradient(top, rgba(51,102,255,1) 0%, rgba(51,102,255,1) 1%, rgba(29,77,221,1) 100%);
background: -o-linear-gradient(top, rgba(51,102,255,1) 0%, rgba(51,102,255,1) 1%, rgba(29,77,221,1) 100%);
background: -ms-linear-gradient(top, rgba(51,102,255,1) 0%, rgba(51,102,255,1) 1%, rgba(29,77,221,1) 100%);
background: linear-gradient(to bottom, rgba(51,102,255,1) 0%, rgba(51,102,255,1) 1%, rgba(29,77,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366ff', endColorstr='#1d4ddd', GradientType=0 );
}
.blueButton:hover{
background: rgba(29,77,221,1);
background: -moz-linear-gradient(top, rgba(29,77,221,1) 0%, rgba(29,77,221,1) 1%, rgba(51,102,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(29,77,221,1)), color-stop(1%, rgba(29,77,221,1)), color-stop(100%, rgba(51,102,255,1)));
background: -webkit-linear-gradient(top, rgba(29,77,221,1) 0%, rgba(29,77,221,1) 1%, rgba(51,102,255,1) 100%);
background: -o-linear-gradient(top, rgba(29,77,221,1) 0%, rgba(29,77,221,1) 1%, rgba(51,102,255,1) 100%);
background: -ms-linear-gradient(top, rgba(29,77,221,1) 0%, rgba(29,77,221,1) 1%, rgba(51,102,255,1) 100%);
background: linear-gradient(to bottom, rgba(29,77,221,1) 0%, rgba(29,77,221,1) 1%, rgba(51,102,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4ddd', endColorstr='#3366ff', GradientType=0 );
}
.block ul{ float:left; }
.brand-display {display: inline-block; }

.block ul li a{ float:left; width:100%; color:#484848; text-transform:uppercase; text-decoration:none; font-family:inherit;font-size:inherit }
.block ul li a:hover{ color:#3366ff;}

.titleMobile{ display:none;}
#quickSearch, #quickSearchDetail, #catalogSearch, #catalogSearchDetail, #performanceSearch, #performanceSearchDetail, #productSearch, #productSearchDetail{ float:left; width:100%;}

.rightContent{ float:right; width:72%;}
.banner{ float:left; width:100%; margin-bottom:30px;}
.banner img{ float:left; width:100%;}
h2{ font-size:34px; font-family: 'federal_escort_condensedCn'; color:#232323; text-transform:uppercase;}
h2 span{ color:#3366ff;}
.featuredProducts{ float:left; width:100%;}
.featuredProducts .productSlider .item{ background: #f3f3f3; border:#dfdfdf solid 1px; padding: 0px 0px; margin: 10px; color: #2b2b2b; text-align: left;}
.featuredProducts .productSlider .customNavigation{ text-align: center;}
.featuredProducts .productSlider .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.featuredProducts .productSlider .owl-pagination{ display:none !important;}
.featuredProducts .thumbnail{ width:100%; background:#ffffff; min-height:155px; text-align:center; padding-top:30px; border-bottom:#dfdfdf solid 1px; }
.featuredProducts .thumbnail img{ width:auto; display:inline-block;cursor:pointer;}
.featuredProducts .productDetail{ background:transparent; padding:10px 15px;}
.featuredProducts .productDetail p{ padding-bottom:8px; font-size:12px; line-height:16px;}
.featuredProducts .productDetail a{ font-size:16px;}
.featuredProducts .productDetail a:hover{ color:#3366ff;}
.featuredProducts .productDetail .fprice{ padding-bottom:4px; font-size:16px; color:#3366ff;}
.featuredProducts .productDetail .price{ padding-bottom:4px; font-size:16px; }
.featuredProducts .productDetail .viewDetail{ text-transform:uppercase; font-size:12px; border-top:#dfdfdf solid 1px; width:100%; margin-top:4px; padding-top:5px;}
.featuredProducts .productDetail .viewDetail i{ padding-left:4px; font-size:13px;}
/*-- logo slider --*/
.owl-carousel {position:relative;}
.owl-prev {position:absolute !important;left:-18px !important;top:0 !important;bottom:0 !important;margin-top:auto !important;margin-bottom:auto !important;width:17px !important;height:28px !important;background-image:url(/Images/Themes/133/owlprev.png) !important;background-position:0 0;background-repeat:no-repeat;text-indent:99999px !important;overflow:hidden !important;font-size:0px !important;background-color:white !important; }
.owl-next {position:absolute!important;right:-18px !important;top:0 !important;bottom:0 !important;margin-top:auto !important;margin-bottom:auto !important;width:17px !important;height:28px !important;background-image:url(/Images/Themes/133/owlnext.png) !important;background-position:0 0 !important;background-repeat:no-repeat !important;text-indent:99999px !important;overflow:hidden !important;font-size:0px !important; background-color:white !important;}
.owl-prev:hover {background-image:url(/Images/Themes/133/owlprevhover.png) !important;background-position:0 0 !important;background-repeat:no-repeat !important; background-color:white !important;}
.owl-next:hover {background-image:url(/Images/Themes/133/owlnexthover.png) !important;background-position:0 0 !important;background-repeat:no-repeat !important;background-color:white !important;}



/* .brandsContainer{ float:left; width:100%; border:#dfdfdf solid 1px; padding:10px; margin-top:12px;} */
/* .brandsContainer .contentSlider .item{ background: #3fbf79; padding: 0px; margin: 10px; color: #FFF; display:inline-block; text-align: center;} */
/* .brandsContainer .contentSlider .customNavigation{ text-align: center;} */
/* .brandsContainer .contentSlider .customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} */
/* .brandsContainer .contentSlider .item img{ float:left;} */
/* .brandsContainer .owl-controls{ display:none !important;} */

.brandsContainer{ float:left; width:100%;}
.brandsContainer ul{ float:left; width:100%;}
.brandsContainer ul li{ display:inline-block; width:19%; }
.brandsContainer ul li img{ float:left; width:100%; }


.enginePackages{ float:left; width:100%;}
.enginePackages ul{ float:left; width:100%;}
.enginePackages ul li{ display:inline-block; width:24%; /* margin-right:10px; */}
.enginePackages ul li img{ float:left; width:100%; border:#dfdfdf solid 1px;}

footer{ float:left; width:100%;}
footer ul{ float:right; width:auto;}
footer ul li{ display:inline;}
footer ul li a{ float:left; padding:0px 12px; font-family:inherit;font-size:inherit !important;color:inherit !important;}
footer ul li span{ float:left; color:#c9c9c9;}
footer ul li a.last{ padding-right:0px; font-size:inherit !important;color:inherit !important;}
footer ul li a:hover{ color:#3366ff; font-size:inherit !important;color:inherit !important;}
footer p{ float:left; width:100%; text-align:right; font-size:12px; color:#aaaaaa; padding:10px 0px;}

.dv-header-cart .dv-header-cart-item-count {
  background-color: #777777 !important;
  color: white;
}
.dv-header-cart .dv-header-cart-total-value {
  background-color: #333333 !important;
  color: white;
}
.dv-header-cart .glyphicon-shopping-cart {
  color: #333333 !important;
}
.dv-header-cart-icon {
  background-color: white !important;
}
.dv-header-cart {
  position: absolute;
  top: 24%;
  right: 2%;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  box-shadow: #DDD 0 0 3px;
  cursor: pointer;
  color: #999;
  border-radius: 3px;
  border: solid 1px #205E92;
}
.dv-header-cart:hover {
  color: #555;
  box-shadow: gray 0 0 3px;
}
.dv-header-cart .glyphicon-shopping-cart {
  color: #205E92;
  font-size: 30px;
}
.dv-header-cart .dv-header-cart-item-count {
  padding-right: 10px;
  background-color: #2877B7;
  color: white;
  padding: 0 20px;
  vertical-align: middle;
}
.dv-header-cart .dv-header-cart-total-value {
  background-color: #205E92;
  color: white;
}
.dv-header-cart .dv-header-cart-icon {
  padding: 10px;
}
.cartBlock .badge {
  background-color: #2877B7 !important;
  border: 0px solid #2877B7 !important;
}
.cartBlock .cartItemCount {
  color: white;
}
/*=====  =====*/