*{ margin:0px; padding:0px;}
a, a:hover, a:focus{ text-decoration:none; outline:none;}
p{ margin:0px; padding:0px;}
.b-r0{ border-right:0px !important;}
.b-b0{ border-bottom:0px !important;}
.top{ width:100%; float:left; background:#252525; padding:10px 0;}
.top p{ width:100%; float:left; text-align:center; font-size:15px; color:#fff; text-transform:uppercase;}
.logo{ width:100%; float:left; padding:5px 0;}
.logo img{ max-width:100%;}
.cart{ width:110px; float:right; padding:30px 0 10px;}
.cart p{ width:50px; height:50px; float:right; color:#ff0000; font-family:Arial, Helvetica, sans-serif; font-size:15px; margin:0; background:url(../imgs/cart-icon.png) no-repeat top center; padding:10px 0; text-align:center; position:relative;}
.cart h6{ float:right; color:#292929; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:15px; padding:10px 0 0; margin:0;}
.search{ float:left; margin:30px 0 0; font-size:14px; color:#333; position:relative;}
.search-input{ width:200px; height:40px; float:left; box-sizing:border-box; border:none; border-bottom:1px solid #ccc; font-size: 14px; background-color:transparent; padding:0 10px; color:#333;}
.search img{ float:right; padding:8px 0 0; position:absolute; z-index:22; right:0px; top:0px;}

.welcome{ width:100%; float:left; padding:30px 0 0;}
.welcome h2{ width:100%; float:left; color:#272425; font-family:'Calibri'; font-weight:bold; font-size:30px; text-transform:uppercase; padding:0; margin:0;}
.welcome h6{ width:100%; float:left; color:#fe0000; font-family:'Calibri Light'; font-size:18px; text-transform:uppercase; padding:0; margin:0;}
.welcome-img{ width:50px; float:left; padding:60px 0 0; margin:0;}
.welcome p{ width:80%; float:left; color:#6f6f6f; font-family:'Calibri Light'; text-align:justify; font-size:16px; padding:20px 0 0; margin:0;}
.welcome a, .welcome a:hover, .welcome a:focus{ float:left; text-decoration:none; color:#272425; font-family:'Calibri'; font-weight:bold; font-size:18px; text-transform:uppercase; padding:0; margin:15px 0 0;}

.home-pro{ width:100%; float:left; padding:30px 0; text-align:center;}
.home-pro h1{ width:100%; float:left; color:#272425; font-family:'Calibri'; font-weight:bold; font-size:36px; text-transform:uppercase; padding:0; margin:0; text-align:center;}
.home-pro h5{ width:100%; float:left; color:#8f8f8f; font-family:'Calibri'; font-weight:bolder; font-size:14px; text-transform:uppercase; padding:0; margin:0; text-align:center;}
.home-pro-box{ width:100%; float:left; padding:0 0 20px; border:10px solid #fff; transition:ease-in-out .3s all;}
.home-pro-box:hover{ border:10px solid #f2f1f3; box-shadow:0 0 10px #eee; transition:ease-in-out .3s all;}
.home-pro-box h3{ width:100%; display:inline-block; font-size:18px; font-family:'Calibri'; font-weight:bold; padding:0 0 10px; margin:0; color:#f00;}
.home-pro-box h3 span{ width:100%; display:inline-block; padding:0 0 10px; margin:0; color:#ff0000;}
.home-pro-box .txtplink { display:inline-block; padding:10px 30px; color:#272425; font-size:18px; font-family:'Calibri'; font-weight:bold; border:2px solid #272425; border-radius:50px; transition:ease-in-out .3s all;

    text-decoration: none;
    float: none;
    display: block;
    width: 160px;
    margin: 0px auto;
	
}
.home-pro-box:hover .txtplink { text-decoration:none; border:2px solid #ff0000; color:#ff0000; transition:ease-in-out .3s all; }


.home-pro-brdr{ width:500px; display:inline-block; margin:20px auto; border-bottom:1px dotted #ccc;}

.btm-bnrs{ width:100%; float:left; padding:30px 0;}

.bnr-btm{ width:100%; float:left; padding:15px 5px; border:1px solid #ccc; margin:15px 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666; text-align:center;}
.bnr-btm img{ display:inline-block; font-size:24px; padding-right:5px; color:#000;}
.btm-bnr{ width:100%; float:left; text-align:center; padding:45px 10px 10px; border:1px solid #ccc; margin-top:30px;}
.btm-bnr h2{ display:inline-block; color:#fff; background:#ec2c32; font-family:Lato; font-size:24px; text-transform:uppercase; padding:10px 15px; margin:-85px 0 0;}
.btm-bnr-img{ width:100%; display:inline-block; position:relative; overflow:hidden;}
.btm-bnr-img img{ max-width:100%; display:inline-block;}

.btm-bnr-textbox{ width:80%; display:inline-block; padding:10px 5px; background:rgba(45,46,48,.8); text-align:center; position:absolute; z-index:3; top:35%; left:30px; text-transform:uppercase; color:#ccc; font-family:Lato; transition:ease-in-out .8s all;}
.btm-bnr-textbox i{ width:30px; height:30px; display:block; margin:0px auto; text-align:center; font-size:24px; padding:4px 0 0; margin-top:-20px; color:#fff; background:#000; border-radius:50%;}
.btm-bnr-textbox h3{ display:block; font-size:25px; line-height:26px; padding:0; margin:0;}
.btm-bnr-textbox h6{ display:block; font-size:16px; line-height:18px; padding:10px 0; margin:0;}

.newsletter{ width:100%; float:left; background:url(../imgs/newslettet-bg.jpg) no-repeat; background-size:cover; padding:25px 0; text-align:center;}
.newsletter h2{ width:100%; display:inline-block; color:#fff; font-size:36px; font-family:'Calibri'; font-weight:bold; padding:0 0 20px; margin:0;}
.newsletter p{  width:100%; display:inline-block; font-size:16px; color:#818181; padding:0 0 50px; margin:0;}
.newsletter-box{ width:70%; display:inline-block; margin:0 auto; border:2px solid #4d4d4d; padding:10px;}
.newsletter-box-input{ width:75% !important; height:40px; display:inline-block; background:transparent; border:none !important; padding:5px; color:#fff !important; float:left; }
.newsletter-box-btn{ width:24% !important; height:40px; display:inline-block; background:transparent; border:none; padding:5px; color:#818181; border-left:1px solid #4d4d4d; cursor:pointer;}

.ftr{ width:100%; float:left; background:#141313;}
.ftr h4{ width:100%; float:left; text-align:left; font-size:24px; padding:0 0 10px; font-family:'Calibri'; margin:0; color:#fff; text-transform:uppercase;}
.ftr-box{ float:left; border-right:1px solid #424345; min-height:280px; padding:30px 0;}
.ftr-box ul{ margin:0px; padding:0px;}
.ftr-box ul li{ width:100%; float:left; list-style:none;}
.ftr-box ul li a{ display:inline-block; text-decoration:none; padding:3px 0; color:#5b5859; font-size:14px; font-family:"Myriad Pro";}
.ftr-box ul li a span{ width:8px; height:8px; float:left; border-radius:50%; background:#312d2e; margin:5px 10px 0; 0}
.ftr-box ul li a:hover span, .ftr-box ul li a:focus span{ text-decoration:none; background:#ff0301;}

.ftr-social{ width:100%; float:left; border-right:1px solid #424345; min-height:280px; padding:30px 0;}
.ftr-social ul{ width:70%; display:inline-block; margin:0px; padding:0px;}
.ftr-social ul li{ display:inline-block; text-align:center; list-style:none; padding:5px;}
.ftr-social ul li a{ display:inline-block; text-decoration:none; color:#ccc; font-size:14px;}
.ftr-social ul li a i{ width:30px; height:30px; display:inline-block; text-decoration:none; color:#ccc; font-size:14px; padding:7px 0 0; background:#444; border:1px solid #545454; border-radius:3px;}
.ftr-social ul li a i:hover, .ftr-box ul li a i:focus{ text-decoration:none; color:#fff; background:#ec2c32;border:1px solid #ec2c32;}

.ftr-contact{ width:100%; float:left; min-height:280px; text-align:center; padding:30px 0;}
.ftr-contact h4{ width:100%; float:left; text-align:center; font-family:'Calibri'; font-weight:bold; font-size:24px; padding:0 0 10px; margin:0; color:#fff; text-transform:uppercase;}
.ftr-contact p{ width:100%; float:left; color:#5b5859; font-size:16px; padding:0; margin:0; font-family:"Myriad Pro";}
.ftr-contact p a{ width:100%; float:left; color:#5b5859; font-size:16px; padding:0; margin:0; font-family:"Myriad Pro"; text-decoration:none;}
.ftr-btm{ width:100%; float:left; text-align:center; font-size:13px; padding:20px 0; color:#5b5859; border-top:1px solid #312d2e;}
.ftr-btm span{ color:#fff;}
.ftr-btm a{ display:inline-block; text-decoration:none; color:#ff0301;}


.products{ width:100%; float:left;}
.products-right{ width:100%; float:left; padding:0px 0 30px 0;}
.products-right h2{ width:100%; float:left; font-size:20px; color:#fff; font-family:'Calibri'; font-weight:bold; background:#282727; padding:10px 20px; text-transform:uppercase; margin:0;}
.products-right-links{ width:100%; float:left; padding:10px; border:1px solid #ccc;}
.products-right-links ul{ margin:0px; padding:0px;}
.products-right-links ul li{ width:100%; float:left; padding:0; list-style:none;}
.products-right-links ul li span{ width:7px; height:7px; float:left; margin:7px 10px 0 0; border-radius:50%; background:#666;}
.products-right-links ul li a{ width:90%; float:left; color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.products-right-links ul li a:hover, .products-right-links ul li a.active{ color:#ec2c32; text-decoration:none;}
.product-left{ width:100%; float:left; padding:0px 0 25px 0;}
.pro-box{ width:100%; float:left; padding:0 0 20px; /*background:#f2f1f3;*/ border:10px solid transparent; transition:ease-in-out .3s all; text-align:center;}
.pro-box:hover{ border:10px solid transparent; box-shadow:0 0 10px #aaa; transition:ease-in-out .3s all;}
.pro-box h6{ width:100%; display:inline-block; font-size:18px; font-family:'Calibri'; padding:0 0 10px; margin:0; color:#444;}
.pro-box h3{ width:100%; display:inline-block; padding:0 0 10px; font-size:16px; font-family:'barlowregular'; margin:0; color:#f00; text-transform:uppercase;}
.pro-box a{ display:inline-block; padding:5px 30px; color:#272425; font-size:18px; font-family:'Calibri'; font-weight:bold; border:2px solid transparent; border-radius:50px; transition:ease-in-out .3s all;}
.pro-box:hover a{ text-decoration:none; border:2px solid transparent; color:#f00; transition:ease-in-out .3s all;}

.prodcuts-items{ float:right; font-size:12px; color:#555; padding:5px 20px; font-weight:bold;}
.prodcuts-items select{ width:100px; float:right; font-size:12px; color:#555; padding:5px 10px; border:none;}
.prodcuts-pagi{ width:100%; float:left; text-align:center; padding:10px 0 6px; border:1px solid #ddd;}
.prodcuts-pagi ul{ margin:0px; padding:0;}
.prodcuts-pagi ul li{ display:inline-block; padding:0 2px; list-style:none; font-size:14px;}
.prodcuts-pagi ul li a i{ display:inline-block; padding:3px 0 0; }
.prodcuts-pagi ul li a{ width:25px; height:25px; text-align:center; padding:1px 0 0; background:#fff; float:left; color:#666; font-size:14px; font-family:Arial, Helvetica, sans-serif; border:1px solid #eee; transition:ease-in-out .3s all;}
.prodcuts-pagi ul li a:hover, .prodcuts-pagi ul li a.active{ background:#383838; color:#fff; text-decoration:none; transition:ease-in-out .3s all;}

.right-box{ width:100%; float:left; padding:10px 15px; border:1px solid #ddd; margin:0 0 20px;}
.pro-list{ float:left;}
.pro-list a{ float:left; margin:3px 30px 0 0; font-size:24px; color:#383838; text-decoration:none;}
.pro-list a:hover, .pro-list a:focus{ color:#ff0000; text-decoration:none;}

.large{ width:100%; float:left; padding:20px; border:1px solid #ddd;}
.thumbs{ width:100%; float:left; padding:20px 0;}
.thumbs a{ float:left; padding:5px; border:1px solid #ddd; margin-right:10px; margin-right: 10px; width: 20%;}

.pro-detail-left{ width:100%; float:left;}
.pro-detail-left h3{ width:100%; float:left; font-size:24px; font-family:'barlowbold'; color:#f00; padding:0 0 20px; margin:0; text-transform:uppercase;}
.pro-detail-left h3 span{ width:100%; float:left; font-size:24px; font-family:'barlowbold'; color:#f00; padding:15px 0 0;}
.pro-detail-left h4{ width:100%; float:left; font-size:24px; font-family:'barlowbold'; color:#242222; padding:0 0 20px; margin:0; text-transform:uppercase;}
.pro-detail-left h4 span{ width:100%; float:left; font-size:24px; font-family:'barlowbold'; color:#f00; padding:15px 0 0;}
.pro-detail-left p{ width:100%; float:left; font-size:16px; font-family:'barlowregular'; color:#242222; padding:0 0 30px;}
.quantity{ float:left; padding:10px; border:1px solid #ddd; border-radius:3px;}
.quantity-left{ width:50px; float:left; text-align:center; padding:10px 0; border:1px solid #ddd; border-radius:3px; font-size:18px; color:#333;}
.quantity-left:hover, .quantity-left:focus{ text-decoration:none; background:#333; color:#fff; cursor:pointer;}
.quantity-center{ width:70px; float:left; text-align:center; padding:5px 0 0; font-size:24px; color:#333;}
.cart-btn{ float:left; background:#ff0000; color:#fff; font-size:20px; font-family:'barlowbold'; border-radius:3px; padding:6px 0px; text-transform:uppercase; margin:0 0 0 20px;}
.cart-btn a{ color:#fff; text-decoration:none;}



@media only screen and (max-width:1024px){
}



@media only screen and (max-width:768px){
.welcome-img{ width:25px; float:left; padding:60px 0 0; margin:0;}
.home-pro-box a{ padding:5px 20px; font-size:14px; border:0px none; }
.home-pro-box:hover a{ border:1px solid #ff0000;}
.ftr h4{ font-size:18px; padding:0 0 10px;}

}

@media only screen and (max-width:568px){
.search{ width:100%; margin:0; font-size:14px;}
.search-input{ width:100%; height:40px; padding:0 10px;}
.cart{ width:100%; float:none; display:inline-block; padding:30px 0 0; text-align:center;}
.cart p{ width:50px; height:50px; float:none; display:inline-block; font-size:15px;}
.cart h6{ float:none; display:inline-block; font-size:15px; padding:10px 0 0; margin:0;}
.newsletter p{  width:100%; display:inline-block; font-size:16px; color:#818181; padding:0 0 20px; }
.newsletter-box{ width:100%; border:2px solid #4d4d4d; padding:5px;}
.newsletter-box-input{ width:100% !important; height:40px;}
.newsletter-box-btn{ width:100% !important; height:40px; padding:5px; color:#818181; border-left:none; cursor:pointer;}

.ftr h4{ width:100%; float:left; text-align:left; font-size:18px; padding:0 0 10px;}
.ftr-box{ min-height:auto; padding:10px 0; border-right:none; border-bottom:1px solid #424345;}

.ftr-social{ min-height:auto; padding:10px 0; border-right:none; border-bottom:1px solid #424345;}
.ftr-social ul{ width:50%; display:inline-block; margin:0px; padding:0px;}
.ftr-contact{ min-height:auto; padding:10px 0; border-right:none;}
.ftr-contact h4{ font-size:18px; padding:0 0 10px;}
.home-pro-brdr{ width:100%; display:inline-block; margin:20px auto; border-bottom:1px dotted #ccc;}
.quantity-left{ width:40px; padding:10px 0; border:1px solid #ddd; border-radius:3px; font-size:18px; color:#333;}
.quantity-center{ width:50px; float:left; text-align:center; padding:5px 0 0; font-size:24px; color:#333;}
.cart-btn{ float:left; background:#ff0000; color:#fff; font-size:20px; font-family:'barlowbold'; border-radius:3px; padding:20px 25px; text-transform:uppercase; margin:0 0 0 10px;}
.thumbs a{ width:31%; float:left; padding:5px; border:1px solid #ddd; margin-right:5px;}
.ftr-contact p{ width:100%; float:left; color:#5b5859; font-size:16px; padding:0; margin:0; font-family:"Myriad Pro"; text-align:left;}
}


.btnsignup { background-color:transparent;color:#fff;border-left:solid 1px #4d4d4d;text-align:right;float:right; }
.txtqty { border:none 0px;outline:none;font-family:'barlowbold';margin-left:10px;width:60px; }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.baskit-p { font-family:Calibri; } 
.baskit-p img { margin-right:5px !important;display:block; }
.txtgrey11px { font-family:Calibri; } 
table { font-family:Calibri; }
.contactbox input[type=text] { font-family:Calibri;padding:5px 10px;display:block;font-size:14px; }

@media screen and (max-width: 960px) {
    .navbar .nav-item .nav-link { border-right: none 0px !important; }
}

.logo { margin-top:30px; }