@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,700');
/* font-family: 'Roboto Condensed', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');
/* font-family: 'Oswald', sans-serif; */


a{color:#282828}
a:hover, a:focus{color:#000;}
/* Grid CSS Ends */

.button--primary {background:#0b0f16; border-radius:0; color:#fff; text-transform:uppercase; padding:11px 20px; height:40px; font-size:17px; font-weight:700; min-width:140px; display:inline-block; border:1px solid transparent; letter-spacing:normal;}
.button{font-family: 'Roboto Condensed', sans-serif; font-weight:700; border-radius:0; text-transform:uppercase; padding:11px 20px; height:40px; font-size:17px; min-width:140px; display:inline-block; letter-spacing:normal;}
.button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active{background-color: #0062c8; border-color: #0062c8; color: #fff;}
.form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;}
input:focus, button:focus, textarea:focus, select:focus, details:focus, [href]:focus, [tabindex]:not([tabindex="-1"]):focus, [contenteditable="true"]:focus{ outline:none !important; }

body, html{font-family:'Roboto Condensed', sans-serif; font-weight:400; color:#444444; font-size:16px; letter-spacing:normal;}
h1, h2, h3, h4, h5, h6{font-family:'Oswald', sans-serif; font-weight:700;}
a, a:hover{text-decoration:none;}
p{margin:0 0 10px 0; line-height:normal;}
.body{margin-top:0;}
.body{margin-bottom:0; min-height:400px;}
.header{border:none; height:auto;}
.container{max-width:1320px; padding:0 20px;}


/* ============= Bottom Slider Arrow Start ============= */

.heroCarousel{margin:0; position:relative; z-index:1;}
.heroCarousel-slide .heroCarousel-image-wrapper{height:auto; max-height:inherit;}
.heroCarousel.slick-initialized{max-height:inherit;}
.carousel-play-pause-button{display:none !important;}
.heroCarousel-slide .heroCarousel-image{width:auto;}

.heroCarousel .slick-dots {display:none !important;}
.heroCarousel .slick-prev{left:10%;}
.heroCarousel .slick-next{right:10%;}
.heroCarousel .slick-next, .heroCarousel .slick-prev, .heroCarousel .slick-next::before, .heroCarousel .slick-prev::before{width:22px; height:42px;}
.heroCarousel .slick-prev::before, .heroCarousel .slick-prev:hover::before, .heroCarousel .slick-prev:focus::before{background:url(../img/slider-prev-arrow.png) no-repeat;}
.heroCarousel .slick-next::before, .heroCarousel .slick-next:hover::before, .heroCarousel .slick-next:focus::before{background:url(../img/slider-next-arrow.png) no-repeat;}

.heroCarousel .slick-dots{display:none !important;}
.slick-dots li{width:20px; height:11px; padding:0;}
.slick-dots li button, .slick-dots li button::before{width:11px; height:11px;}
.slick-dots li button{border:2px solid transparent; border-radius:0;}
.slick-dots li button::before{background:#acadb0; border:2px solid #acadb0; opacity:1; border-radius:0;}
.slick-dots li.slick-active button::before, .slick-dots li button:hover::before, .slick-dots li button:focus::before{background:#0b0f16; border:2px solid #0b0f16;}

/* ============= Dotted Slick Slider Start ============= */


/* ============= Slick Slider Arrow Start ============= */

.slick-next, .slick-prev{margin-top:0; top:50%;}
.slick-next{right:-50px;}
.slick-prev{left:-50px;}
.slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus{background:none; border:none;}
.slick-next, .slick-prev, .slick-next::before, .slick-prev::before{width:22px; height:42px; padding:0;}
.slick-prev::before, .slick-prev:hover::before, .slick-prev:focus::before{background:url(../img/prev-arrow.png) no-repeat; opacity:1;}
.slick-next::before, .slick-next:hover::before, .slick-next:focus::before{background:url(../img/next-arrow.png) no-repeat; opacity:1;}
.slick-dotted.slick-slider{margin-bottom:0;}
.slick-disabled, .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before{opacity:1;}
.productCarousel .slick-dots{display:none !important;}

/* ============= Slick Slider Arrow End ============= */

/* ============= Quick Search Start ============= */

.dropdown--quickSearch {background: none; left: 0; padding: 0; position: relative; display:inline-block; vertical-align:middle;}
.quickSearchResults {background: #fff; position:absolute; z-index:99; width:100%;}
.quickSearchResults ul.productGrid{border:#dcdcdc solid 1px; border-top:none; padding:50px 0 0 0; margin:0px;}
.quickSearchResults .productGrid .product {padding-bottom: 0; width: 100%;}
.quickSearchResults .productGrid .product .card {border:none; border-bottom:#dcdcdc solid 1px; float: left; padding: 10px; width: 100%; margin-bottom:10px;}
.quickSearchResults .card-figure { border: 1px solid #dcdcdc; display: block; float: left; height: auto; padding: 5px; vertical-align: top; width: 70px;}
.quickSearchResults .card .thumb_img{display:block; height:auto; width:auto; padding:0px;}
.quickSearchResults .card .card-image {}
.quickSearchResults .card-body { display: block; float: none; overflow: hidden; padding: 0 0 0 10px; text-align: left !important; vertical-align: middle; width: auto; margin-top:0;}
.quickSearchResults .card-body .card-title {height: auto;}
.quickSearchResults .card-body .prdctBtn{display:none;}
.quickSearchResults .card-body .productBtns{display:none !important;}
.quickSearchResults .card--alternate:hover .card-body{background:none;}
.quickSearchResults .card--alternate:hover .card-title > a{color:#000;}
.quickSearchResults h4.card-title{margin-bottom:5px;}
.quickSearchResults .card-body .card-text .price{font-size:16px;}
.quickSearchResults .card-body .card-text{margin:0px;}
.checkout-steps form-field.form-field {clear: both;}
.quickSearchResults .prdctBtn{display:none;}
.quickSearchResults{max-height:400px; overflow-y:auto;}

.compareIMobile{ display:none !important; }

/* ============= Quick Search End ============= */


.navUser-section{float:none; display:inline-block; vertical-align:middle;}


.headerLeft{width:25%; display:inline-block; vertical-align:middle; text-align:left;}
.headerRight{width:75%; display:inline-block; vertical-align:middle; margin-left:-4px; letter-spacing:normal; text-align:right;}

.navUser-item--compare .countPill{position:relative; width:auto; background:none; height:auto; color:#7e7e7e; font-size:16px;}
.navUser-item--cart{position:relative; margin-right:10px;}
.navUser-item--cart .countPill{background:#0062c8; border:none; color:#fff; font-size:17px; font-weight:normal; margin:0; width:26px; position:absolute; height:26px; border-radius:50%; text-align:center; margin-left:0; right:-13px; top:-10px; line-height:25px; display:block;}

.header-logo{margin:0; display:inline-block; vertical-align:middle; text-align:left; padding:10px 0; height:auto;}
.header-logo-image{position:relative;}
.header-logo-image-container::after{padding-bottom:0;}
.headerTagline{font-size:18px; font-weight:600; color:#131313; letter-spacing:0.4px; background:url(../img/tagline-sep.png) no-repeat left center; padding:10px 0 10px 20px; margin-left:20px; vertical-align:middle; display:inline-block; width:auto; text-transform:uppercase;}
.header-logo > a{width:auto; display:inline-block; vertical-align:middle;}

.headerRight .headerSearch, .headerRight .compareIc, .headerRight .navUser-item--account, .headerRight .navUser-item--cart{display:inline-block; vertical-align:middle;}
.headerRight .dropdown--quickSearch .form-input, .navPages-quickSearch .form-input{height:40px; border:none; border-radius:3px; font-size:18px; color:#4d4d4d; min-width:300px; background:#efefef; padding-right:50px;}
.headerRight .dropdown--quickSearch .container{padding:0;}

.dropdown--quickSearch .form-input::-webkit-input-placeholder, .navPages-quickSearch .form-input::-webkit-input-placeholder{color:#bababa; opacity:1;}
.dropdown--quickSearch .form-input::-moz-placeholder, .navPages-quickSearch .form-input::-moz-placeholder{color:#bababa; opacity:1;}
.dropdown--quickSearch .form-input:-ms-input-placeholder, .navPages-quickSearch .form-input:-ms-input-placeholder{color:#bababa; opacity:1;}
.dropdown--quickSearch .form-input:-moz-placeholder, .navPages-quickSearch .form-input:-moz-placeholder{color:#bababa; opacity:1;}
.dropdown--quickSearch .button, .navPages-quickSearch .form-prefixPostfix-button--postfix.button{position:absolute; right:0; top:0; width:50px; height:40px; background:url(../img/search-ic.png) no-repeat center center; font-size:0; min-width:unset; padding:0; margin:0; border-radius:0; border:none;}

.headerRight .headerSearch{margin-right:15px; padding:6px 20px 6px 0; border-right:1px solid #e6e7e7;}
.headerRight .navUser-action{font-size:18px; text-transform:none; color:#7e7e7e; font-weight:normal; padding:0 20px 0 0; margin:0 15px 0 0; line-height:52px; border-right:1px solid #e6e7e7;}
.headerRight .navUser-action.acntIc, .headerRight .navUser-action.logoutIc{background:url(../img/acnt-ic.png) no-repeat left center; padding-left:40px;}

.navUser-item--cart .dropdown-menu.is-open.f-open-dropdown{ z-index:20; }

.page-sidebar {width:240px; float:left; padding:0px;}
.page-sidebar h5, .page-sidebar .accordion-title, .sidebarBlock-heading {padding:13px 20px;font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;margin:0; background:#000; line-height:14px;}

.sidebarBlock ul {padding:0; list-style:none;display:block;margin:0;}
.sidebarBlock ul.navList{border-left:1px solid #e5e5e5; border-right:1px solid #efefef;}
.sidebarBlock ul li {float:none; border-bottom:#e5e5e5 solid 1px; padding:0; margin:0; position:relative;display:block;}

.sidebarBlock ul li a.has-subMenu {}
.sidebarBlock ul li a {display:block;font-size:14px; font-weight:400; padding:6px 20px; margin:0px; color:#505050; text-transform:none;text-decoration:none; line-height:normal;}
.sidebarBlock ul li a:hover {background:#03ae31;color:#fff !important;}
.sidebarBlock + .sidebarBlock, .sidebarBlock{border:none; padding:0; margin:0 0 20px 0;}

.sidebarBlock li ul li {padding:0 !important;}
.sidebarBlock li ul li a {margin:0 !important;border:none !important;}

.sidebarBlock ul.navPages-list li .navPage-subMenu-list{position:absolute; left:100%; top:0px; min-width:200px; background:#e3e3e3; display:none; list-style:none; margin:0px; z-index:9;}
.sidebarBlock ul.navPages-list li:hover .navPage-subMenu-list{display:block;}
.sidebarBlock ul li.navPage-subMenu-item{width:100%; float:none; position:relative;}
.sidebarBlock ul li.navPage-subMenu-item .navPage-childList{position:absolute; left:100%; top:0px; min-width:200px; background:#fff; display:none; list-style:none; margin:0px; z-index:9; display:none; border:1px solid #e5e5e5;}
.sidebarBlock ul li.navPage-subMenu-item:hover .navPage-childList{display:block;}
.sidebarBlock .navPages-action-moreIcon, .has-subMenu.is-open .navPages-action-moreIcon {float:right; margin-top:6px; display:block; transform:rotate(-90deg);}
.navList{background:#fff;}
.navList .navPages-action svg{fill:#505050; stroke:#505050;}
.sidebarBlock ul li .navPages-action:hover svg{fill:#fff; stroke:#fff;}
.navList .navPages-item:hover .navPage-subMenu{display:block; left:100%; z-index:1; top:0;}
.navList .navPage-subMenu-item > .navPage-subMenu-action{border-bottom:10px solid #efefef; color:#505050; padding:6px 20px; text-transform:unset;}
.navList .navPages-item .navPage-subMenu{background:#fff; border:1px solid #e5e5e5; padding:0 !important;}
.navList .navPage-childList .navPages-action{padding:6px 20px;}
.sidebarBlock ul li.navPages-item li:last-child{border-bottom:none;}

.page-sidebar .form-minMaxRow .form-field{width:100%; margin:10px 0 0 0;}
#facetedSearch-content--bool .navList-item{padding:0 20px;}
.sidebarBlock ul li a.navList-action--checkbox{padding-left:45px;}
.facetedSearch-refineFilters.sidebarBlock{padding:0;}
.form-minMaxRow{margin-left:0; margin-right:0;}
.facetedSearch{margin-top:0;}
.accordion{margin:0;}
.accordion--navList .accordion-navigation-actions{top:8px; right:10px;}
.accordion--navList .accordion-indicator{fill:#fff;}
.navList-action--checkbox::before{left:20px;}
.sidebarBlock .form{border:#e5e5e5 solid 1px; border-top:none; padding:5px 10px 20px 10px;}
.sidebarBlock-heading.heading-price{margin-top:0;}



.cateSec{position:relative; clear:both; overflow:hidden; padding:20px 0 0 0; text-align:center;}
.cateSec .cateHead{font-size:26px; color:#707070;}
.cateSec .cateHead p{line-height:normal; margin:0;}
.cateSec .cateHead p span{display:block; text-transform:uppercase; color:#0b0f16; font-size:28px; font-weight:700;}
.cateSec ul{margin:0 -10px 0 -6px; padding:0; list-style:none;}
.cateSec ul li{width:33.33%; padding:0 10px; display:inline-block; vertical-align:top; margin-left:-4px;}
.cateSec .cateBox{position:relative; display:block;}
.cateSec .cateBox .cateDtl{width:100%; position:absolute; padding:0 0 0 10px; display:block; top:160px; left:0;}
.cateSec .cateBox .cateDtl .cateTitle{display:block; font-size:33px; color:#fff; font-weight:700; line-height:36px; margin:0 0 0 0; letter-spacing:normal; text-transform:uppercase; font-family:'Oswald', sans-serif;}
.cateSec .cateBox .cateDtl .shopBtn{display:inline-block; background:#0062c8; color:#fff; font-size:17px; font-weight:700; padding:5px 0; text-transform:uppercase; letter-spacing:normal; border:1px solid #fff; min-width:110px; height:35px; text-align:center; margin:12px 0 0 0;}


.productSlider{padding:30px 0 60px 0; position:relative;}
.productSlider .page-heading{color:#0b0f16; font-size:36px; text-transform:uppercase; margin:0px 0 22px 0; padding:0; font-weight:700; text-align:center; font-family:'Oswald', sans-serif;}
.card{padding:20px; border:1px solid #cccccc; margin-bottom:20px; letter-spacing:normal;}
.card-img-container::after{padding-bottom:80%;}
.card-body{text-align:center; padding:22px 0 0 0;}
.card-title{font-size:18px; font-weight:normal; line-height:normal; margin:0; height:50px; overflow:hidden;}
.card-title > a{color:#4d4d4d;}
.card-text{margin:25px 0 0 0; line-height:normal;}
.price-section{font-size:18px; color:#4d4d4d; font-weight:normal; display:inline-block;}
.prdctBtn{padding-top:5px;}
.prdctBtn .button{background:#0b0f16; border-radius:0; color:#fff; text-transform:uppercase; padding:10px; height:35px; font-size:17px; font-weight:700; min-width:110px; display:inline-block; margin:10px 0 0 0; border:none; letter-spacing:normal;}
.prdctBtn .button:hover, .prdctBtn .button:focus{background:#0062c8;}
.card .card-figcaption-body .button{background:#0b0f16; color:#fff; border-radius:0; height:35px; padding:10px; min-width:unset; display:block;}
.card .card-figcaption-body .button.quickview{background:#0062c8;}


.page-heading{color:#0b0f16; font-size:30px; text-transform:uppercase; margin:30px 0 15px 0; padding:0; line-height:32px; font-weight:700; text-align:center; font-family:'Oswald', sans-serif;}

.testiSec{position:relative; text-align:center; color:#0062c8; font-size:18px; letter-spacing:normal; padding:0 0 100px 0;}
.testiSec .testiTitle{font-size:36px; font-weight:700; color:#0b0f16; text-transform:uppercase; margin:0 0 20px 0; padding:0; font-family:'Oswald', sans-serif;}
.testiSec .testiCntn{width:60%; display:inline-block; vertical-align:middle; min-height:492px; padding:110px 0 0 0; position:relative;}
.testiSec .testiCntn:before{content:''; position:absolute; top:0; left:-60px; width:934px; height:100%; background:url(../img/testi-bg.png) no-repeat center center; z-index:-1;}
.testiSec .testiImg{width:48%; display:inline-block; vertical-align:middle; margin-left:-9.5%;}
.testiSec h4{font-size:20px; color:#0b0f16; text-transform:uppercase; margin:0 0 15px 0; padding:0; line-height:normal; letter-spacing:normal;}
.testiSec .testiRating{margin:0 0 15px 0;}
.testiSec .testiRating img{margin:0 auto; width:auto;}
.testiSec p{font-style:italic; line-height:normal; margin:0 0 15px 0;}
.testiSec .authorDtl{font-size:16px; color:#8c8c8c; line-height:normal;}
.testiSec .testiDT{font-size:15px; color:#8c8c8c; line-height:normal;}
.testiSlider{position:relative;}

.testiSec .slick-dots{bottom:-40px;}
.testiSec .slick-arrow{display:none !important;}

.aboutSec{position:relative; margin:0 0 35px 0;}
.aboutSec .aboutImg{width:49%; display:inline-block; vertical-align:middle; padding-right:35px;}
.aboutSec .aboutRight{width:51%; display:inline-block; vertical-align:middle; margin-left:-4px; background:url("../img/about-bg.png") no-repeat center center; background-size:cover; padding:45px 20px 60px 60px; color:#fff; font-size:24px; font-weight:300; line-height:normal;}
.aboutSec .aboutRight .aboutCntn{max-width:630px;}
.aboutSec .aboutRight .aboutTitle{font-size:36px; color:#fff; font-weight:700; padding:0; margin:0 0 30px 0; text-transform:uppercase;}
.aboutSec .aboutRight .upperTxt{text-transform:uppercase;}

.aboutSec .aboutRight p{margin:0 0 25px 0;}
.moreLink{background:#0062c8; color:#fff; font-size:17px; font-weight:700; text-transform:uppercase; text-decoration:none; display:inline-block; padding:8px 15px;}

.termTxt{font-size:20px; color:#0b0f16; text-align:center; line-height:normal; letter-spacing:normal; position:relative;}
.termTxt p{margin:0;}
.termTxt p span{display:block; font-weight:700; text-transform:uppercase;}




.footer{padding:0; border-top:1px solid #cccccc; margin-top:30px; letter-spacing:normal; background:#f8f7f7;}
.ftrNewsletter p{color:#6b6b6b; font-size:19px; margin:0 0 10px 0; padding:0; letter-spacing:normal;}
.ftrNewsletter .form{margin:0;}
.ftrNewsletter .form .form-field{margin:0;}
.ftrNewsletter .form-prefixPostfix .form-input{flex:none; height:42px; color:#999999; border-radius:0; width:100%; font-size:16px; border:1px solid #cccccc;}
.ftrNewsletter .form-prefixPostfix .form-input::-webkit-input-placeholder{color:#999999; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input::-moz-placeholder{color:#999999; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input:-ms-input-placeholder{color:#999999; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input:-moz-placeholder{color:#999999; opacity:1;}
.ftrNewsletter .form-prefixPostfix .button{height:42px; font-size:20px; color:#fff; letter-spacing:normal; text-transform:uppercase; font-weight:700; padding:10px 40px; border-radius:0; background:#0062c8; border:none; width:auto; margin:10px 0 0 0; min-width:115px;}

/* ============= If Newsletter in Footer Top End ============= */

.footerSocial{}
.footerSocial .socialLinks{}
.footerSocial .socialLinks .socialLinks-item{margin:0 8px 7px 0; padding:0;}
.footerSocial .socialLinks .socialLinks-item:last-child{margin:0;}
.footerSocial .socialLinks .icon svg{display:none;}
.footerSocial .socialLinks .icon{width:36px; height:36px;}
.footerSocial .socialLinks .icon--facebook{background:url(../img/fb-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--instagram{background:url(../img/insta-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--youtube{background:url(../img/youtube-ic.png) no-repeat center center;}



.footer-info{padding:50px 0 30px 0;}
.footer-info-col{color:#6b6b6b; font-size:19px; margin:0 0 20px 0; letter-spacing:normal; font-weight:300;}
.footer-info-list a, .footer-info-col a{color:#6b6b6b;}
.footer-info-list a:hover, .footer-info-col a:hover{color:#0062c8;}
.footer-info-list a.viewallLink{font-weight:700;}
.footer-info-col--small{width:17%; margin-left:-1px; padding-right:45px;}
.footer-info-col--small:last-child{padding-right:0.75rem; width:24%;}
.footer-info-col--small:nth-child(3){width:25%;}
.footer-info-heading{color:#0b0f16; font-size:24px; text-transform:uppercase; padding:0 0 5px 0; margin:0 0 20px 0; font-weight:normal; border-bottom:1px solid #7cacdf;}
.footer-info-list li{line-height:26px;}
.contactInfo{padding-top:5px;}
.contactInfo p{padding-left:25px; margin:0 0 12px 0; line-height:normal;}
.contactInfo p:last-child{margin-bottom:0;}
.contactInfo .locationIc{background:url(../img/location-ic.png) no-repeat left 4px;}
.contactInfo .mailIc{background:url(../img/mail-ic.png) no-repeat left center; word-wrap:break-word;}
.contactInfo .callIc{background:url(../img/call-ic.png) no-repeat left center;}
.contactInfo .clockIc{background:url(../img/clock-ic.png) no-repeat left 1px;}
.contactInfo .locationIc{background:url(https://megamudtruckparts.com/content/ftr-location-ic.png) no-repeat left center; word-wrap:break-word;}

.ftrBtm{position:relative; display:block; padding:15px 0; border-top:1px solid #c6d9ee;}
.ftrBtm .ftrbtmLeft{width:70%; display:inline-block; vertical-align:middle;}
.ftrBtm .ftrbtmRight{width:30%; display:inline-block; vertical-align:middle; margin-left:-4px; text-align:right;}
.footer-copyright{}
.footer-copyright br{display:none;}
.footer-copyright > .powered-by{font-size:14px; font-weight:300; color:#6b6b6b;}
.footer-copyright > .powered-by a, .footer-copyright > .powered-by strong{color:#6b6b6b;}
.bull{margin:0 10px;}

.footerBottom{position:relative; color:#fff; padding:30px 0; background:#0b0f16; font-size:14px; font-weight:300; text-align:center;}
.footerBottom p{margin:0; line-height:24px;}


/* ============= Footer End ============= */



/* ============= Breadcrumb and Pagination Start ============= */

ol.breadcrumbs{text-align:left;}
.breadcrumbs{text-align:left; padding-top:25px; border-bottom:1px solid #e5e5e5; margin-bottom:0px; padding-bottom:10px;}
.breadcrumb{font-size:14px;}
.breadcrumb a{color:#0b0f16 ; font-weight:700;}
.breadcrumb.is-active > .breadcrumb-label{font-weight:400;}
.breadcrumb::before{margin:0 .5rem;}
.pagination-list li{width:40px; height:40px; line-height:30px; border:none;}
.pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{width:auto; height:auto;}
.pagination-list li.pagination-item--next a, .pagination-list li.pagination-item--previous a, .pagination-list li.pagination-item--next button, .pagination-list li.pagination-item--previous button, .pagination-list li.pagination-item--next a:hover, .pagination-list li.pagination-item--previous a:hover, .pagination-list li.pagination-item--next button:hover, .pagination-list li.pagination-item--previous button:hover, .pagination-list li.pagination-item--next a:focus, .pagination-list li.pagination-item--previous a:focus, .pagination-list li.pagination-item--next button:focus, .pagination-list li.pagination-item--previous button:focus{background:none; color:#fff !important;}
.pagination-list li a, .pagination-list li button{background:#0b0f16; color:#fff; font-weight:bold}
.pagination-list li.pagination-item.pagination-item--current{border:none;}
.pagination-list li.pagination-item.pagination-item--current a, .pagination-list li a:hover, .pagination-list li button:hover, .pagination-list li a:focus, .pagination-list li button:focus{background:#0062c8; color:#fff !important;}

/* ============= Breadcrumb and Pagination End ============= */


/* ============= Inner Pages Common Css Start ============= */


.actionBar{margin-top:15px;}
.actionBar .form-field{margin-bottom:0;}
.actionBar-section .form-select{min-width:160px;}
.actionBar-section{float:right;}
.page-content--centered{width:100%;}
.form-actions{max-width:unset; text-align:left;}

.account--fixedSmall, .account--fixed, .account--fixedLarge, .account{width:100%;}
.login, .login-row{max-width:unset;}
.login{margin:0;}
.form-column{width:100%;}
.form-fieldset.form-column .form-field{padding-left:0; padding-right:0;}
.form-fieldset.form-column .form-field.form-field-group{padding-left:0.75rem; padding-right:0.75rem;}
.wishlists-table{max-width:100%;}
.form.forgot-password-form {max-width:600px;}

.brand .card-img-container::after{padding-bottom:100%;}
.brand .card-title{height:auto; color:#fff; background:#1a1a1a; text-transform:uppercase; font-size:16px; font-weight:500;}
.brandGrid .brand .card-title{height:unset;}
.brand .card-title a{color:#fff; display:block; padding:10px;}
.brand .card-body{padding:0;}
.brand .card{padding:0; border-radius:0;}
.brand .card .card-figure{padding:0; margin:0;}

.rating--small .icon{width:14px; height:14px; margin:0 1px;}
.icon--ratingEmpty svg{fill:#ccc;}
.icon--ratingFull svg{fill:#e8b260;}

.productView{padding-top:40px;}
.productView-title{line-height:normal; font-size:28px; margin-top:0; color:#090808; margin-bottom:15px; font-family:'Roboto Condensed', sans-serif;}
.productView-brand{font-family:'Roboto Condensed', sans-serif;}
.productView-price .price-section{font-size:22px;}
.productView-img-container::after{padding-bottom:100%;}
.productView-image{border:1px solid #ccc;}
.productView-images .easyzoom-flyout{left:0px; top:0px; z-index:9999;}
.prdctDtl .productView-info-name{display:inline-block; width:auto; margin-right:5px; font-family:'Roboto Condensed', sans-serif; font-size:15px;}
.prdctDtl .productView-info-value{display:inline-block; width:auto; font-family:'Roboto Condensed', sans-serif; font-size:15px;}
.form-label{font-family:'Roboto Condensed', sans-serif; font-size:15px;}

.form-field--increments .button{height:auto;}
.form-field--increments .form-label{display:inline-block; width:auto; margin-right:10px; margin-bottom:0; vertical-align:middle;}
.form-field--increments .form-increment{display:inline-block; width:auto;}
.form-increment .button{height:auto; min-width:unset; border-radius:4px;}

.productView-options{margin-bottom:0;}
.productView-product{padding-bottom:0;}
.productView-details{margin-bottom:20px;}
.form-wishlist .button{padding:11px 25px;}
.form-wishlist .button .icon{display:none;}
#wishlist-dropdown.is-open .button{padding:10px 5px; font-size:15px;}

.productView-options .add-to-cart-buttons{width:auto;}
.productView-options .add-to-cart-buttons .button{width:auto;}
.productCarousel{width:auto;}

.productView-description{width:100%; float:none; clear:both;}
.productView-description .tab-content{border:1px solid #e5e5e5; border-top:none; padding:20px 20px;}

.removeBtn, .removeBtn:hover { background:url(../img/remove-ic.png) no-repeat center; width:25px; height:25px; font-size:0; border:none; min-width:unset; padding:0;}
.removeItem { position:absolute; top:15px; right:20px;}
.modal-content .form-field{padding-left:0; padding-right:0;}

#cart-preview-dropdown{min-width:300px; left:auto;}
.previewCartAction .previewCartAction-checkout{padding-left:0;}
.previewCartAction .previewCartAction-viewCart{padding-right:0;}
.previewCartItem-content{padding-left:10px; padding-right:0; text-align:left; margin-left:-5px;}
.previewCartAction .button{font-size:15px; min-width:unset; padding:12px 10px;}
.previewCartList li {display:block;padding:15px 10px; border-bottom:1px solid #ccc;}
.previewCartItem-image, .previewCartItem-content{display:inline-block;}

.account-body{margin:0;}

.form-select--small, .form-select--date{padding-top:5px; padding-bottom:5px;}

.cart-additionalCheckoutButtons{width:auto; float:right; margin-top:15px;}
.cart-additionalCheckoutButtons .FloatRight p{text-align:center;}
.cart-additionalCheckoutButtons .CheckoutButton:first-child{margin-top:0;}
.cart-total .button{padding:11px 10px 9px; height:auto;}
.cart-form .button{min-width:unset; height:auto;}
.form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;}

.productGrid .product{position:relative;}
.quickSearchResults .card-figcaption-body{display:none;}
.quickSearchResults .card{margin-bottom:5px !important;}
.coupon-code-cancel, .shipping-estimate-hide{font-style:normal;}
.table-actions .button{min-width:unset;}

/* ============= Inner Pages Common Css End ============= */


.blog-post-figure{width:100%;}
.blog-post-body{width:100%; text-align:left;}
.blog-date, .blog-author{text-align:left;}
.blog-title{margin-left:0; font-size:18px; margin-right:0;}
.blog .addthis_toolbox{margin-top:20px;}
.blog .socialLinks{text-align:left; line-height:normal;}
.blog-thumbnail{margin:0 0 20px;}
.blog-thumbnail::after{padding-bottom:0;}
.blog-thumbnail img{position:relative;}
.blog + .pagination{padding-top:40px;}

.blog + .blog {margin-top: 20px; padding-top: 20px;}

.blogpostPage{padding-top:30px;}
.blogpostPage .blog-post-figure{width:100%;}
.blogpostPage .blog-post-body{width:100%; padding-left:0;}

iframe{max-width:100%;}
.price-now-label, .non-sale-price--withTax{display:none;}

.writeReview-productImage-container img{height:100%;}
.writeReview-productImage-container:after{padding-bottom:80%;}
.writeReview-productDetails .product-brand{padding-top:20px;}

.page-content a{color: #0062c8;}
.page-content .button--primary{color:#fff;}
.previewCartItem-brand{display:none;}
.tab-title{font-size:18px;}
.actionBar-section .form-field{display:inline-block;}

/* ============= Navigation Desktop Start ============= */

@media (min-width: 992px) {
	.navPages-container{background:#0062c8; border-bottom:1px solid #fff; padding:5px 0;}

	.navPages-action{color:#fff; font-size:17px; font-weight:normal; padding:0 15px; text-transform:none; letter-spacing:normal; line-height:30px;}
	.navPages-action:hover{color:#fff;}
	.navPages ul li:hover > .navPages-action, .navPages ul li:focus > .navPages-action, .navPages-action:hover, .navPages-action.activePage{color:#fff; background:none;}
	.navPages ul li.navPages-item{float:none; display:inline-block; position:relative;}
	.navPages ul li.navPages-item-page{display: none;}
	.navPages .navPages-list > .navPages-item{background:url(../img/nav-sep.png) no-repeat left center;}
	.navPages .navPages-list > .navPages-item:first-child{background:none;}
	.navPages-action-moreIcon{display:none;}
	.navPages-action-moreIcon svg{fill:#fff; stroke:#fff; display:none;}
	.navPages{max-width:1320px; padding:0 20px; text-align:center;}
	.navPages-list li:hover .navPage-subMenu{ display:block; }
	.navPages-list li .navPage-subMenu.is-open{ display:none; }
	.navPages-list li:hover .navPage-subMenu.is-open, .navPages-list li:hover .navPage-subMenu{ display:block; }
	.navPage-subMenu.is-open, .navPage-subMenu, .navPage-childList.is-open, .navPage-childList{background:#282828; width:250px; padding:0px !important; left:0; z-index: 9;}
	.has-subMenu.is-root + .navPage-subMenu-horizontal{width:250px;}
	.navPages-action.is-open{background:none;}
	.navPage-subMenu-action{font-size:17px;}
	.navPages ul.navPage-subMenu-list li:hover .navPage-subMenu-action, .navPages ul.navPage-childList li:hover .navPages-action{background:none; color:#fff; opacity:1;}
	.navPages-list .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu{left:100%; top:0px; display:none;}
	.navPages-list .navPage-subMenu .navPage-subMenu-item-child:hover .navPage-subMenu{display:block;}
	.navPages-list .navPage-subMenu .navPage-subMenu-item-child {position:relative;}

	.navPages-list .navPage-subMenu .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu{left:100%; top:0px; display:none;}
	.navPages-list .navPage-subMenu .navPage-subMenu .navPage-subMenu-item-child:hover .navPage-subMenu{display:block;}
	.navPage-subMenu-horizontal .navPages-action-moreIcon {top:20px;right:10px;position:absolute;}
	.navPage-subMenu-horizontal .navPages-action-moreIcon svg { fill: #fff;stroke: #fff;}

	.navPage-subMenu-item .navPages-action{color:#c8c8c8; padding:10px 0;}
	.navPage-subMenu-item{width:100%;}
	.navPage-subMenu-item > .navPage-subMenu-action, .navPage-childList .navPages-action{border:none; margin:0; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:10px 0; line-height:normal;}
	.navPage-subMenu-item, .navPage-childList .navPage-childList-item{padding:0 20px !important;}

	.navPage-childList.is-open, .navPage-childList{display:none; position:absolute; left:100%; top:0;}
	.navPage-childList .navPages-action{font-weight:normal; line-height:normal; font-size:14px;}
	.navPage-subMenu-item{position:relative;}
	.navPage-subMenu-item:hover .navPage-childList.is-open, navPage-subMenu-item:focus .navPage-childList.is-open, .navPage-subMenu-item:hover .navPage-childList, navPage-subMenu-item:focus .navPage-childList{display:block;}
	.navPages-list:not(.navPages-list-depth-max) .navPage-subMenu-action{padding:10px 0;}

}

/* ============= Navigation Desktop End ============= */

@media (max-width: 1400px){
	.productCarousel{padding:0 20px;}
	.slick-prev{left:0;}
	.slick-next{right:0;}
}

@media (max-width: 1320px){

}
@media (max-width: 1319px){
	.aboutSec .aboutRight{padding:45px 25px 60px 25px;}
	.productGrid .product{width:25%;}
	.footer-info-col--small{padding-right:0.75rem;}
	.heroCarousel .slick-prev{left:20px;}
	.heroCarousel .slick-next{right:20px;}
}

@media (max-width: 1199px){
	.cateSec .cateHead{font-size:25px;}
	.productGrid .product{width:33.33%;}
	.cateSec .cateBox .cateDtl{top:125px;}
	.cateSec .cateBox .cateDtl .cateTitle{font-size:30px;}
	.footer-info-col--small:last-child{width:100%;}
	.footer-info-col--small, .footer-info-col--small:nth-child(3){width:50%;}
	.ftrBtm .ftrbtmLeft{width:100%; padding-bottom:10px;}
	.ftrBtm .ftrbtmRight{width:100%; text-align:center;}
	.footer-copyright{text-align:center;}
}

/* ============= Responsive Navigation Start ============= */

@media (max-width: 991px){
	.header.is-open + .body .heroCarousel.slick-initialized {opacity:0;}
	.headerLeft{width:100%;}
	.header{border-bottom:1px solid #dcdcdc; position:relative;}
	.header-logo {width:100%;text-align:center; padding:10px 0; display:block; margin:0; max-width:unset;}
	.header-logo-image{max-height:80px;}
	.header-logo > a{width:auto; display:inline-block;}
	.header.is-open {position:fixed;height:100%;}
	.header.is-open .header-logo > a {z-index:0;}
	
	.compareIMobile{ display:inline-block !important; }
	.compareIDesktop{ display:none; }
	.compareIc.compareIMobile .navUser-item--compare{ border: 0; margin: 0; padding: 0 10px 0 0; }
	.header-logo{ margin:0 0 0 -10px; }

	.navPages{text-align:left; background:#e5e5e5;padding:20px; position:fixed; height: calc(100vh - 100px); width:100%; left:0; overflow-y:auto;}
	.navPages-container {bottom: 0; display: none; height: 100%; left: 0; position: fixed; overflow-y:auto; right: 0; z-index: 10; background:none;}
	.navPages-container.is-open {display: block; padding-top: 100px; z-index: -1;}
	.navPages ul li, .navPages ol li{ border-bottom:solid 1px #ccc; text-align:left; position:relative;}
	.navPages-list {display:block;}
	.navPages-item {float:none;color:#000;font-size:14px;}
	.navPages-action {display:block; padding:5px 0;font-weight:normal;text-transform:uppercase;}
	.navPages-list--user {display:block;}

	.navPage-subMenu-list .navPage-subMenu-action:hover{background:none; opacity:1;}
	.navPage-subMenu-item > .navPage-subMenu-action{border:none; margin:0;}
	.navPage-subMenu-item{width:100%; padding:0 !important;}
	.navPages-action-moreIcon { position:absolute;top:11px;right:10px; margin:0;}
	.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { border: 1px solid #d6cdc0; border-radius: 4px; float: left; height: 30px; margin-top: -4px; transform: rotate(90deg); width: 30px; padding:10px 0 0 0 ;top:10px;right:0;text-align:center;}
	.navPage-subMenu{position:relative; padding:5px 15px !important}
	.navPage-subMenu-horizontal.is-open{border-left: 0 none; height: auto; left: inherit; margin: auto; top: inherit; width: 100%;}
	nav.navPages .navPage-subMenu-list .navPages-action{text-transform:none;}
	nav.navPages .navPage-subMenu-list .navPage-childList{padding:0 0 0 15px;}
	.navPages-list--user .navPages-action{display:inline-block;}
	.navPage-childList .navPage-childList-item:last-child{border:none;}
	.navPages-list + .navPages-list{border:none; padding:0; margin:0;}
	.navPages li.navPage-subMenu-item:last-child{border:none;}

	.navUser-section{display:none;}

	.mobileMenu-toggle {display: inline-block; font-size: 0; left: 20px; top:35px; overflow: hidden; padding:0; position: absolute; z-index: 50; margin-top:0; background:#0b0f16 !important; width:40px !important; height:40px !important; border-radius:5px;}
	.mobileMenu-toggle .mobileMenu-toggleIcon {top:19px;}
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before, .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after{width:20px; background:#fff;}
	.mobileMenu-toggle .mobileMenu-toggleIcon, .mobileMenu-toggle .mobileMenu-toggleIcon::before, .mobileMenu-toggle .mobileMenu-toggleIcon::after{background:#fff; margin:auto; left:0; right:0;}

	.navPages-quickSearch {display:block;}
	.quickSearchResults .productGrid .product .card {border-bottom:none;}
	.dropdown--quickSearch .form-field .button, .navPages-quickSearch .form-field .button {margin:0;}
	.quickSearchResults{position:relative; max-width:none; width:100%; overflow-y:auto;}
	.quickSearchResults ul.productGrid{padding:10px 0 0 0;}
	.navPages-quickSearch .form-input{min-width:unset; background:#fff;}
	.quickSearchResults{display:none;}

	.headerRight .headerSearch, .headerRight .compareIc, .headerRight .navUser-item--account{display:none;}
	.headerRight{position:absolute; top:40px; right:15px; width:auto;}

	.cateSec ul li{width:50%;}
	.cateSec .cateBox .cateDtl{top:150px;}
	.productSlider{padding:30px 0;}
	.aboutSec .aboutImg{width:100%;}
	.aboutSec .aboutRight{width:100%; margin-left:0; font-size:22px; margin-top:10px;}
	.aboutSec .aboutRight .aboutCntn{max-width:none;}
	.testiSec{padding:0 0 20px 0;}
	.testiSec .testiImg{display:none;}
	.testiSec .testiCntn{width:100%; padding-left:20px; padding-right:20px;}
	.testiSec .testiCntn:before{width:100%; background-size:cover; left:0;}
	.testiSec .container{padding:0 !important;}

	.navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon{margin:0; width:.57143rem; height:.57143rem;}
	.page-sidebar{display:none;}
	.page-sidebar + .page-content{width:100%;}
}

/* ============= Responsive Navigation Start ============= */


@media (max-width: 800px){
	body{padding-top:0;}
	.header-logo > a{padding:0;}
	.navUser{position:relative; top:0; transform:none;}
	.tabs{clear:both;}
	.login-row .login-form, .login-row .new-customer{padding-left:0; padding-right:0;}
	.cart-item-info + .cart-item-info{margin-top:.78571rem;}
	.headerRight { top: 25px; }
}
@media (max-width: 767px){
	.dropdown-menu.is-open {left:inherit !important;right:0;}
	.productGrid .product{width:50%;}
	.actionBar-section{float:none;}
	.cateSec .cateBox .cateDtl{top:120px;}
	.cateSec .cateHead{font-size:21px;}
	.cateSec .cateHead p span{font-size:24px;}
}
@media (max-width: 640px){

}

@media (max-width: 639px){
	.aboutSec .aboutImg{padding-right:20px;}
}

@media (max-width: 550px){
	.cateSec ul li{width:100%; margin-top:-25px;}
	.cateSec ul li:first-child{margin-top:0;}
	.cateSec .cateBox .cateDtl .cateTitle{font-size:28px;}
	.aboutSec .aboutRight{font-size:20px;}
	.testiSec .testiTitle, .productSlider .page-heading{font-size:30px;}
	.aboutSec .aboutRight .aboutTitle{font-size:32px; margin:0 0 20px 0;}
	.aboutSec .aboutRight p{margin:0 0 15px 0;}
	.moreLink{margin-top:10px;}
	.footer-info-col--small, .footer-info-col--small:nth-child(3){width:100%;}
	.footer-info-col{text-align:left;}
	.navUser-item-cartLabel{display:inline-block;}
	.cart-additionalCheckoutButtons .FloatRight div{width:100%; text-align:center;}
	.cart-additionalCheckoutButtons{width:100%;}
	.cart-total-label{text-align:left; padding-left:0; padding-right:10px;}
	.cart-actions .checkoutMultiple{width:100%; text-align:center;}
	.cart-additionalCheckoutButtons .FloatRight div {float: none;padding: 10px 0 0;}
}

@media (max-width: 549px){
	.cart-total .button{width:100%;}
	.navUser-item--cart__hidden-s{display:block;}
	.productView-options .add-to-cart-buttons{ width:100%; }
	.productView-options .add-to-cart-buttons .button { width: 100%; }
}

@media (max-width: 480px) {
	.card-img-container::after{padding-bottom:80%;}

	.blog-post-body{width:100%; padding-left:0;}
	.blog-post-figure{width:100%;}

	.brandGrid .brand{width:100%;}
	.productGrid .product{width:100%;}
	.gift-certificate-form .button{padding:11px 20px; font-size:15px;}
}
@media (max-width: 479px) {
	.bull{display:none;}
	.footer-copyright br{display:block;}
	.cart-total-label{width:50%;}
	.coupon-form .form-input, .cart-gift-certificate-form .form-input{width:73%;}
	.coupon-form .button, .cart-gift-certificate-form .button{width:25%;}
	.category-suggestion {width:100%;}
	.coupon-form .form-input, .cart-gift-certificate-form .form-input {width:100%;}
	.coupon-form .button, .cart-gift-certificate-form .button {margin:10px 0 0 0;width:100%;}
	.button--primary {min-width:inherit;}
	.table-actions .button {width:auto;}
	.table-actions .button {font-size: 12px;height: auto;padding: 10px;width: auto;}
	.previewCartCheckout .button {display: block;font-size: 11px;height: auto;margin: 0;padding: 10px;width: 100%;}
	.previewCartCheckout {margin-bottom:10px;}
	.productView-thumbnails img {max-height:30px;}
	.productView-thumbnail-link {height:40px;}
	.estimator-form .button--primary {padding:10px;}
}

@media (max-width: 419px) {
	.actionBar-section .form-select{min-width:180px;}
	.cateSec .cateBox .cateDtl{top:110px;}
}

@media (max-width: 360px){
	.g-recaptcha {overflow-y: auto;}
	.writeReview-form .g-recaptcha div, .writeReview-form .g-recaptcha iframe{width:230px !important; overflow-y: auto;}
}