* {
	margin: 0;	
	padding: 0;	
    font-family: 'Nunito', sans-serif;

		
}
 @import url('https://fonts.googleapis.com/css?family=Nunito:300,400&display=swap');

h1,h2,h3,h4,h5,h6 {		

    font-family: 'Nunito', sans-serif;
    font-weight: 	bold;


}

p {
	line-height: 1.8;
	font-size: 17px;
}

.cart-info > div {
    display: inline-block;
    vertical-align: middle;
	margin-left:1px;
}

.cart-info > div .cart-icon   {
	background: #ff424e;
	height: 50px;
	width: 50px;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	color:#fff;
	position: relative;	
	border-radius: 100%;
}


.cart-info > div .cart-icon .items {

    position: absolute;
    right: -10px;
    top: -9px;
    background: #333;
	color: #fff;
    width: 12px;
    border-radius: 100%;
    height: 29px;
    width: 29px;
    text-align: center;
    line-height: 29px;

}

.site-nav {
	background:#333;
	color:#fff;
}


.site-nav > div  > ul  {
	list-style: none;	
	margin: 0;	
	padding: 0;
	display:flex;
	-webkit-align-items: 	center;
		        align-items: 	center;	
	flex-wrap:wrap;
}
.site-nav > div  > ul > li   {
	display: flex;	
	-webkit-align-items:center;
		        align-items: center;	
	    position: relative;
}
.site-nav > div  > ul > li > ul {
	position: absolute;
	top:130%;
	left:0;
	list-style: none;
	width:200px;
	background:#ff424e;
	z-index: 1;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
	    -ms-transition: 0.3s linear;
	     -o-transition: 0.3s linear;
	        transition: 0.3s linear;
	
}
.site-nav > div  > ul > li:hover > ul {
	visibility: visible;
	top:100%;
	opacity: 1;
	-webkit-transition: 0.3s linear;
	   -moz-transition: 0.3s linear;
	    -ms-transition: 0.3s linear;
	     -o-transition: 0.3s linear;
	        transition: 0.3s linear;
}
.site-nav > div  > ul > li > ul > li > a  {
	display: block;
	padding:6px 12px;
	color: #fff;
	font-size: 	16px;
}
.site-nav > div  > ul > li > ul > li:hover a {
	text-decoration: none;
	background:#ffffff52;
}
.site-nav > div  > ul > li >   a {
	color:#fff;
	font-size: 	16px;
	text-transform:uppercase;
	display: inline-block;	
	padding:9px 14px;
}
.site-nav > div  > ul > li:hover > a {
	text-decoration: none;	
	background:#ff424e;
}
.each-banner-slide {
	height:460px;
}
		
.each-banner-slide img {
	/* height:500px; */
	object-fit:cover;
	width:100%;
	height:100%;
}

.banner-ad {
	margin-bottom: 30px;	
}

.features-section {
	margin-top:40px;
}

.feature-wrap {
	border:1px solid #f1f1f1;
	padding:0 1rem ;
}

.feature-green {
	background:#80c69a;
}

.each__feature {
    padding-top: 1rem;
    padding-bottom: 1rem;

}
.feature-icon {
	width:50px;
	line-height: 50px;
	color: 	#fff;
	-webkit-border-radius:50%;
	        border-radius:50%;
	height:50px;
	text-align: center;	
}

.feature-orange {
	background:#f3705c;
}
.feature-skyblue {
	background:#65a8ad;
}


.each__feature > div {
	display: inline-block;
    vertical-align: middle;
    padding-left: 14px;
}


.cat-head {
	padding-top: 4rem;	
	padding-bottom: 2rem;	
}

.image-wrapper {
    padding: 12px;
    background: #3333331c;
    margin-bottom: 	14px;
    display: flex;
	align-items: center;
	justify-content: center;
}
.product-detail h3  a  {
	color:#333;
	
}
.product-detail h3 a:hover {
	opacity: 	.7;
}


.product-detail a:hover {
	text-decoration: none;	
}
.product-detail  span {
	font-weight: bold;
    font-size: 17px;
    display: inline-block;
    margin-top: 5px;	
}



.accessories-section {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height:370px;
	background:url(../img/accessoies-banner.jpg) no-repeat;
}


.uk-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border: none;
    padding: 12px 17px;
    font-size: 15px;
    cursor: pointer;
}
.uk-btn:hover {
	text-decoration: none;	
	color: 	#fff;
}

 .uk-btn-colored {
 	background:#ff424e;
 	color: 	#fff;		
 }

 .accessories-section .cat-head {
 	padding: 0;	
 }


 .accessories-section   .uk-btn {
 	margin-top: 20px;	
 	
 }

 .accessories-section  {
 	margin-top: 40px;	
 }

 .each_product .cart-section {
 	margin-top: 9px;
 }
 .each_product .cart-section .uk-btn {
     -webkit-border-radius: 12px;
    border-radius: 52px;
    padding: 8px 23px;
}
.wishlist-button i   {
	height: 40px;
    width: 40px;
    cursor: pointer;	
    background:none;
    color:#ff424e 	;
    border-radius: 100%;
    border:2px solid #ff424e;
    font-weight: bold;	
    margin-right: 8px;	
    line-height: 40px;
}

.wishlist-button {
	cursor: pointer;	
	border:none;
	font-weight: 	bold;
    color:#ff424e ;
    text-transform: 	uppercase;
	margin-right: 12px;	
	padding:0;
	background:None;
	text-align: center;	
}
.wishlist-button:hover i   {
	color: 	#fff;
	background:#ff424e;
}


.category-tabs {
	list-style: none;	
	padding: 0;	
	margin: 15px 0 0 0;	
}

.category-tabs li {
	display: inline-block;	
	border:1px solid #333;
    padding: 12px 17px;
    margin-right: 12px;	
    cursor: pointer;	
    text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 17px;

}
.category-tabs li:hover {
	background:#ff424e;
	color: 	#fff;
	border:1px solid #ff424e;
}
.category-tabs li.current {
    background: #ff424e;
color:#fff;
	border:1px solid #ff424e;
}




.tab-content .each_product {
    margin: 15px;
}







.tab-content{
	display: none;
}

.tab-content.current{
	display: inherit;
}

.site-footer {
	padding:40px 0;
	background:#e5e5e5;
	margin: 50px 0 0 0;		
}
.uk-responsive-menu {
    color: 
    #fff;
    line-height: 45px;
    flex: 1;
    width: 120px;
}
.uk-responsive-menu:hover {
	color: 	#fff;
}

.uk-offcanvas-bar {
	padding: 0;	
}
.footer-logo {
	background:#fff;
	width:190px;
	
}

#offcanvas-reveal .uk-nav-default > li {
    color: 
#fff;
position: relative;
border-bottom: 1px solid
#ffffff17;
border-top: 1px solid
    #00000012;
    position: relative;
}


#offcanvas-reveal .uk-nav-default > li > a {
    display: block;
    font-size: 15px;
    padding: 8px 20px;
    text-transform: uppercase;
    color: 
    #fff;
}
.footer-links h6 {
	margin:0;
	text-transform: uppercase;
	padding-bottom:12px;
}

.footer-links ul {
	list-style: none;	
	padding: 0;	
	margin: 0;	
	
}

.footer-links ul li a {
	color: 	#333;
	display: block;	
	padding-bottom:3px;
}

.footer-links ul li a:hover {
	/* color:#; */
	text-decoration: 	none;
}


.single-banner {
    position: relative;
}
.single-banner .breadcrumb h1 {
    margin-bottom: 0;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: -2px;
}
.single-banner .breadcrumb h4 {
    margin-top: 10px;
    font-size: 16px;	
}
.single-banner .breadcrumb h4 a:hover {
	color: 	#fff;
	text-decoration:none;
}

.background_overlay {
	background:#0000000a;
}

.background_overlay img {
    width: 100%;
    max-height: 510px;
    object-fit: cover;
    opacity: .8;
}
.breadcrumb h4 a {
    font-size: 16px;
    padding: 0 12px;
}
.single-banner .breadcrumb {
    z-index: 3;
    text-align: center;
    width: 100%;
    padding: 30px 0;
}
.carousel-nav .carousel-cell {
    height: 80px;
    width: 100px;
    margin-right: 10px;
}
.carousel-main img {
    margin-top: 40px;
    object-fit:cover;
}

.carousel-cell {
    width: 100%;
    margin-right: 10px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    text-align: center;
    transition: 0.5s;
}



.pagination-section {
	background:#f1f1f1;
	padding:12px ;
}
.single-left .carousel {
    margin-bottom: 30px;
}
.cart-section .wishlist-button  *		 {
	stroke-width: 2px;
}
.carousel-main .flickity-page-dots {
   display: none;
}
.single-left .carousel-nav .flickity-button {
    display: none;
}

.carousel-main .flickity-page-dots .dot {
    border: 2px solid #fff;
    background: none;
    opacity: 1;
}
.carousel-main .flickity-page-dots .dot.is-selected {
    opacity: 1;
    text-shadow: 1px 1px #000;
    background: #fff;
}

.single-left .flexslider {
	display: flex;	
	-webkit-justify-content: 	center;
	        justify-content: 	center;
	margin: 0;	
	background:none;
}
.single-left  .flex-direction-nav a::before {
	font-size: 	17px;
	color: 	#fff;
	opacity:1;
}

.add-to-card-form {	
}
.add-to-card-form .wrap {
	background:#f1f1f1;
	display:flex;
	-webkit-align-items: 	center;
	        align-items: 	center;
	padding:10px 12px;
	margin-bottom: 20px;	
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
}

#carousel  .slides > li{
	cursor: pointer;	
}

.quantity-inner {
	display: inline-block;	
	vertical-align: middle;	
	max-width: 	100px;
}
.quantity strong {
	vertical-align: middle;	
	display: inline-block;	
	margin-right: 12px;	
	font-weight: bold;	
	font-size: 	16px;
	text-transform: 	uppercase;
}

.quantity {
    display: inline-block;
    margin-right: 20px;

}

.description-tab {
	margin-top: 40px;	
	
}


.description-tab   .tabs  {
	margin: 0;	
	padding: 0;	
	display: flex;	
	background:#f1f1f1;
	-webkit-align-items: 	center;
	        align-items: 	center;
	list-style: none;	
}



.description-tab .tabs >  li {
    margin: 0;
    padding: 12px;
    font-size: inherit;
    font-weight: bold;	
    cursor: pointer;	
    text-transform: 	uppercase;
}
.description-tab .tab-content {
	background:#fff;
	padding:40px ; 
	border:1px solid #f1f1f1;
}


.description-tab .tabs 	 .current {
	border:1px solid #f1f1f1;
	position: relative;	
}
.description-tab .tabs 	 .current:before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	content: '';
	background:#fff;
	height: 2px;

}

.review-txt.review-from {
    background:  #f1f1f1;
    padding: 20px;
    margin-top: 30px;

}
.review-txt.review-from p {
	margin-bottom: 0;	
}
.review-post {
    padding: 20px 0 0 0;
}

.review-testimonial {
	display: flex;	
	-webkit-align-items: 	center;
	        align-items: 	center;
}
.header {
    padding-left: 16px;
}
.review-testimonial img {
	background:#1071bc;
	color:#fff;
    text-align: center;
    object-fit: cover;
    width: 45px;	
    line-height: 55px;
    border-radius: 100%;
}
.description-tab .tabs 	 .current,
.description-tab  .tabs  li:hover {
	background:#fff;
	color: 	#ff424e;
}

.the-content ul ,
.the-content ol  {
	margin:0;

} 

.bg-shade {
    padding: 40px 0;
    background: #e5e5e5;
    }

.the-content ul li,
.the-content ol li {
	line-height: 1.8;
}


.contact-info h3 {
	margin:12px 0 0 0;
	text-transform: capitalize;
}

.contact-info p {
	margin:12px 0;
	font-size: 16px;
}
.form-component {
    height: 100%;
}
.uk-btn-primary {
	color:#fff;
	background:#48669a;
}

.form-component label {
    margin-bottom: 13px;
    display: inline-block;
    font-size: 17px;
    letter-spacing: 0.2px;
    font-weight: bold;
	
}

.form-component strong {
	font-size: 22px;
}

.map-frame iframe {
		width: 100%;
}
.form-component .uk-textarea {
	height:150px;
}

.uk-filter {
    background: #f1f1f1;
    padding: 2rem;
}

.uk-filter form > ul {
    padding: 0;
    margin: 0;
}
.uk-filter form > ul > li {
    background: #fff;
    padding: 12px;
}
.uk-filter form > ul > li ul li {
	font-size: 17px;
	margin-bottom: 7px;
}

.uk-filter form > ul > li:last-child {
	margin-bottom: 0;
}
.uk-filter form > ul > li ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.divTable {
    display: table;
    width: 100%;
}

.divTable .divTableHeading {
    display: table-header-group;
}
.divTable .divTableRow {
    display: table-row;
}
.divTable .divTableHead {
    color: #333;
    border-bottom: 1px solid #f1f1f1;
    font-weight: bold;
    padding: 10px 20px 10px 0;
    text-transform: uppercase;
    font-size: 17px;
}
.divTable .divTableCell, .divTable .divTableHead {
    display: table-cell;
}
.uk-btn-colored-danger {
	color: #fff;
	background:#a81f00;
	width: 100%;
}

.product-image img {
    width: 34px;
    padding-top: 12px;
    padding-bottom: 13px;
}

.product-detail a {
	color: #333;
	font-size: 17px;
}

.divTableRow.product-detail:nth-child(even) {
	background:#f1f1f1;
}

.divTableBody {
    display: table-row-group;
}
.divTable .divTableCell {
    font-size: 17px;
    padding:0  8px;
}
.divTableCell h3 {
	margin-bottom: 0;
}

.shop_table  {
	width:30%;
	margin-left:auto;
	margin-top: 20px;	
}
.shop_table .cart-subtotal {
	padding:12px 0;
}
.uk-btn-primary {
	color: 	#fff;
	background:#0066cc;
}
.shop_table .cart-subtotal th {
	text-align: left;	
	padding:9px;
}
.shop_table .cart-subtotal td {
	padding:9px;
}

 .shipping-form .uk-container-small{
 	margin-left: 0;
 	margin-right: auto;	
 	max-width: 	500px;
 }

.shipping-form label {
	font-size: 	15px;
	font-weight: bold;	
}
@media(max-width: 959px) {
	.divTable .divTableHeading .divTableHead {
	    display: none;
	}
	.divTable .divTableCell {
	    border-bottom: 1px solid 
	    #ddd;
	    display: block;
	    text-align: right;
	    font-size: 15px;
	    padding:7px 12px;
	}
	.divTable .divTableCell::before {
	    content: attr(data-label);
	    float: left;
	    font-weight: bold;
	    text-transform: uppercase;
	    margin-top: 4px;
	}
}
@media(max-width:792px) {
	.add-to-card-form button {
		margin-bottom: 10px;	
	}
}
@media(max-width:480px) {
	.each_product {
	    margin-bottom: 15px !important;
	}
}

.avialable-hex{
	height: 20px;
	width: 20px;
	display: inline-block;
	border: 1px solid black;
	margin: 5px;
}







