body{font-family: 'Roboto', sans-serif; background-color:#FBFBFB;}
h1,h2,h3,h4,h5,h6,p{margin:0; padding:0;}
.full-width{width: 100%;}
.clear{clear: both;}

#top-nav{margin:35px 0 0 0; padding:0px;}
#top-nav li{display:inline-block; list-style:none;}
#top-nav li a i{font-size:14px; color:#fff; width:30px; height:30px; text-align:center; padding-top:8px; transition: all .3s ease-in-out;}
#top-nav li a i:hover{color:#fff; background:#da251d; border-radius:50%;}

#logo{margin:15px 0;}

#top-social{float:right; margin:35px 0 0 0; padding:0px;}
#top-social li{display:inline-block; list-style:none;}
#top-social li a i{font-size:14px; color:#fff; width:30px; height:30px; text-align:center; padding-top:8px; transition: all .3s ease-in-out;}
#top-social li a i:hover{color:#fff; background:#da251d; border-radius:50%;}


#basket{float:right; margin:35px 0 0 15px; background:#da251d; width:30px; height:30px; overflow:hidden; border:1px solid #da251d;}
#basket i{font-size:30px; color:#fff; margin:8px 0 0 -8px;}
#basket span{font-size:11px; font-weight:300; color:#fff; position:absolute; background:#da251d; border-radius:50%; border:2px solid #fff; padding:5px 5px 3px 5px ; margin-top:-15px; margin-left:-8px;}

#search .modal-dialog{position:absolute; top:50%; left:50%; margin:0 auto !important; transform:translateX(-50%) translateY(-50%);}

#search .modal-header{border:none; padding:0 0 15px 0;}
#search .modal-header button{background:#fff; color:#51106b; height:30px; padding:0px 10px; }
#search .modal-body{border:10px solid rgba(225,225,225,0.3); padding:0;}

#search #bg{padding:15px; text-align:center; background:#fff;}
#search #bg button{font-size:18px; width:100%; color:#fff; padding:10px; background:#51106b; border:none; margin-top:15px;}

#search h1{color:#51106b; font-size:20px;}
#search p{margin-top:10px; font-size:12px; font-weight:300; color:#545350; line-height:22px;}
#search p b{color:#51106b; font-weight:400;}

#search input{margin-top:15px; padding:5px 15px; border:1px solid #f2f2f2; font-weight:300; box-shadow:none;}


#welcome{margin-top:-100px; position:relative; z-index:2;}
#welcome #bg{background:#fff; padding:30px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
#welcome h1{font-weight:400; font-size:16px; color:#545350; line-height:26px;}
#welcome p{font-weight:300; margin-top:15px; font-size:14px; color:#545350; line-height:22px;}
#welcome ul{margin:10px 0 0 0; padding:0;}
#welcome ul li{list-style:none; display:block; font-size:14px; font-weight:400; padding:0; margin-top:5px}
#welcome ul li a{color:#da251d;}
#welcome ul li a i{margin-right:5px;}


#otherServices{}
#otherServices img{margin-top:30px}

#popularProducts{margin-top:50px;}
#popularProducts h6{font-weight:300; font-size:30px; color:#545350; text-align:center;}
#popularProducts h6 b{font-weight:900; color:#da251d;}
#popularProducts h5{font-weight:300; font-size:14px; color:#545350; margin-top:10px; text-align:center;}


.productThumbnail{border:1px solid #f2f2f2; margin-top:30px;}

.productThumbnail .product{margin:5px;}

.productThumbnail .text{padding:15px; background:#fafafa;}
.productThumbnail .text h2{font-size:14px; color:#da251d; font-weight:900; margin-bottom:10px;}
.productThumbnail .text h2 small{font-size:11px; font-weight:400; color:#545350;}
.productThumbnail .text h1{font-size:18px; font-weight:400; color:#545350; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productThumbnail .text p{font-size:14px; font-weight:300; color:#545350; margin-top:5px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.productThumbnail .btn-group{margin-top:10px;}
.productThumbnail .btn-group button{background:#545350 !important; font-weight:300; font-size:12px; color:#fff !important; border-color:#fafafa !important;}

#homeAbout{background:url(file:///C|/Users/WEBGEN/Desktop/images/about-bg.jpg) top left no-repeat #fafafa; margin-top:30px;}
#homeAbout .col-sm-6{padding:30px; background:#fafafa;}

#homeAbout h6{font-weight:300; font-size:30px; color:#545350;}
#homeAbout h6 b{font-weight:900; color:#da251d;}
#homeAbout h5{font-weight:300; font-size:14px; color:#545350; margin-top:10px;}
#homeAbout h4{font-weight:300; font-size:18px; color:#545350; margin-top:30px; line-height:28px;}

#homeAbout .panel-group{margin:20px 0 0 0;}
#homeAbout .panel{background:#f2f1f1; border:none; border-radius:0; margin:0 0 1px 0;}
#homeAbout .panel-heading{background:#da251d; border:none; border-radius:0;}
#homeAbout h3{font-weight:900; font-size:18px; text-transform:uppercase;}
#homeAbout .panel-heading a{display:inline-block; width:100%; color:#fff; position:relative;}
#homeAbout .panel-heading a:after{font-family:"FontAwesome"; content:"\f0d8"; position:absolute; right:0px; font-size:20px;}
#homeAbout .panel-heading a.collapsed:after{content:"\f0d7";}
#homeAbout .panel-body{font-size:14px; color:#545350; line-height:22px}


#newsletter{background:#da251d; padding:30px 0;}
#newsletter h1{font-size:28px; font-weight:300; color:#fff; line-height:32px;}
#newsletter h1 b{font-weight:900;}
#newsletter button{background:none; border-color:#fff; border-radius:0; font-weight:900; font-size:25px; color:#fff; text-transform:uppercase; padding:13px 30px;}


#bottom{background:url(file:///C|/Users/WEBGEN/Desktop/images/bottom.jpg) top repeat-x;}
#bottom h1{font-weight:400; font-size:18px; color:#545350; margin:30px 0 15px 0; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#bottom h1 b{font-weight:900; color:#da251d;}
#bottom p{font-weight:400; font-size:13px; color:#545350; margin-bottom:10px; line-height:20px;}
#bottom p b{font-weight:900; font-size:13px; color:#545350;}

#social{margin:0; padding:0;}
#social li{display:inline-block; list-style:none;}
#social li a i{font-size:14px; color:#545350; width:30px; height:30px; text-align:center; padding-top:8px; transition: all .3s ease-in-out;}
#social li a i:hover{color:#fff; background:#da251d; border-radius:50%;}

#bottom-nav ul{margin:0; padding:0;}
#bottom-nav ul li{list-style:none; font-size:13px; color:#545350; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
#bottom-nav ul li a{color:#545350;}
#bottom-nav ul li a i{margin-right:5px;}

#certificate{background:url(file:///C|/Users/WEBGEN/Desktop/images/bg1.jpg) center repeat-x; margin-top:30px;}
#certificate img{padding:0 30px; background:#fff;}

#copyright{background:#da251d; padding:15px; margin-top:30px;}
#copyright p{font-size:14px; color:#fff; font-weight:300; text-align:center;}
#copyright p a{color:#fff; font-weight:900;}



#categories-area{margin-bottom:30px;}

.cat-thumb{position:relative; margin-top:30px;}
.cat-thumb:hover .cat-thumb-absolute{background:rgba(84,83,80,0.5);}
.cat-thumb-absolute{position:absolute; top:0; right:0; left:0; bottom:0; z-index:1; background:rgba(84,83,80,0.8); transition: all .3s ease-in-out;}
.cat-thumb-absolute div{width:100% !important; position:absolute; padding:15px; text-align:center; top:50%; transform: translateY(-50%);}
.cat-thumb-absolute h1{font-size:26px; font-weight:900; color:#fff; text-transform:uppercase; text-shadow:0px 0px 5px #000;}
.cat-thumb-absolute h1 a{color:#fff;}



#products-section{margin-top:30px; margin-bottom:30px;}
#seotext{padding:0 15px; margin-top:15px}
#seotext h1{font-size:12px; line-height:20px; font-weight:400; color:#545350;}

#products-section .breadcrumb{padding:0 0 10px 0 !important; background:none; border-radius:0; margin-bottom:30px; border-bottom:1px solid #545350;}
#products-section .breadcrumb li a{color:#545350; font-weight:400;}
#products-section .active{color:#da251d;}
#products-section .breadcrumb a{color:#545350;}

#categories{margin-bottom:30px;}
#categories h1{font-weight:400; font-size:16px; color:#545350; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; border-bottom:1px solid #545350; padding-bottom:10px; margin-top:2px;}
#categories h1 b{font-weight:900; color:#da251d;}


#MainMenu{margin-top:15px;}
#MainMenu .panel{margin-bottom:0; border:none; border-radius:0px; box-shadow:none;}
#MainMenu .list-group-item:first-child,
#MainMenu .list-group-item:last-child{border-radius:0;}	


.c-menu i, .c-menu2 i{font-size:12px; margin-left:5px; color:#fff;}

.c-menu{font-weight:900px; font-size:16px; color:#fff !important; padding:10px; margin-top:2px; text-transform:uppercase; border:none; background:#da251d !important;}
.c-menu2{font-weight:400px; color:#fff !important; font-size:14px; padding:5px 10px; background:#545350 !important; border:none;}
.c-menu3{font-weight:400px; font-size:12px; padding:5px 10px; background:#fafafa !important; border:none;}


#largeImage{border:1px solid #f2f2f2; margin-top:15px;}

#productDescription{ margin-top:15px;}
#productDescription h1{font-size:22px; color:#da251d; margin-bottom:10px;}
#productDescription h2{margin-top:30px; margin-bottom:10px; font-size:18px; color:#da251d;}
#productDescription p{font-size:14px; line-height:28px; font-weight:400; color:#545350;}

#productDescription dt{margin-top:15px; color:#545350; font-size:14px; font-weight:400;}
#productDescription dd{margin-top:15px; color:#da251d; font-size:14px; font-weight:400;}

#productDescription select{line-height:20px; font-size:12px; width:180px; height:24px;}
#productDescription input{padding-left:5px; padding-right:5px; line-height:20px; font-size:12px; width:180px; height:24px;}

#productDescription button{font-size:20px; width:100%; color:#fff; padding:10px; background:#da251d; border:none; }

#productDescription ul{margin:0; padding:10px 0; border-bottom:1px solid #f2f2f2;}
#productDescription ul li{list-style:none; display:inline-block; color:#545350; font-size:14px; font-weight:300;}
#productDescription ul li a i{font-size:14px; color:#545350; margin-left:5px; transition: all .3s ease-in-out;}
#productDescription ul li a i:hover{color:#da251d;}

#relatedProducts{margin-top:30px; margin-bottom:30px; padding-top:30px; border-top:1px solid #f2f2f2;}
#relatedProducts h6{font-weight:300; font-size:30px; color:#545350; text-align:center;}
#relatedProducts h6 b{font-weight:900; color:#da251d;}
#relatedProducts h5{font-weight:300; font-size:14px; color:#545350; margin-top:10px; text-align:center;}


@media (min-width:992px) and (max-width:1199px){
#otherServices #download img{height:460px;}
}
@media (min-width:768px) and (max-width:991px){
#otherServices #download img{height:357px;}

#newsletter button{margin-top:17px}
}
@media (min-width:0px) and (max-width:767px){
#top-nav{margin-top:15px; text-align:center;}
#top-social{float:left; margin:0 0 15px 0; }

#basket{float:right; margin:0 0 15px 0;}

#welcome{margin-top:30px;}
#welcome img{margin-top:15px;}

#newsletter button{margin-top:15px; width:100%;}
#certificate img{padding:0 15px;}
}
@media (min-width:0px) and (max-width:464px){


.productThumbnail .btn-group{margin-top:10px;}
.productThumbnail .btn-group button{width:100%; border-radius:4px !important; }
}

