@charset "utf-8";

/* CSS Document */



*{margin:0px; padding:0px;}

.red{background:#ec1919}

.header-email{font-family: 'Roboto', sans-serif; color:#fff;}

.header-email ul{margin:0px; padding:0px}

.header-email ul li{list-style:none; display:inline-flex; padding:10px 10px}

.header-email ul li a{color:#fff; text-decoration:none}

.header-email ul li .fa-phone{padding:4px 5px 0px 10px}

.header-email ul li .fa-paper-plane-o{padding:4px 5px 0px 10px}





.social-icons{text-align:right; font-size:16px}

.social-icons ul{margin:0px; padding:0px}

.social-icons ul li{list-style:none;display:inline-flex; padding:5px 0px 5px 10px}

.social-icons ul li a{text-decoration:none; color:#fff;}

.social-icons ul li a .fa-facebook{text-decoration:none; color:#fff; border:solid 2px #FFF; border-radius:50%; padding:7px 10px;}

.social-icons ul li a .fa-twitter{text-decoration:none; color:#fff; border:solid 2px #FFF; border-radius:50%; padding:8px 8px;}

.social-icons ul li a .fa-linkedin{text-decoration:none; color:#fff; border:solid 2px #FFF; border-radius:50%; padding:8px 9px;}

.social-icons ul li a .fa-google-plus{text-decoration:none; color:#fff; border:solid 2px #FFF; border-radius:50%; padding:8px 6px;}



.banner{margin:0px; padding:0px;}

.banner img{margin:0px auto; padding:0px;}



.menu-background{background:url(../images/menu-backgroung.png) no-repeat center top;}

.logo img{padding: 0 0 0 0;
margin: 10px auto 0 auto;
width: 79%;}

.menu-adjustment{padding:43px 0px}



.search-icon{padding:53px 0px}





.alp{ margin:0px ;padding:0px;}

.alp .alp2{ margin:0px ;padding:0px;position: absolute;

float: right;

right:0;

margin:0px;

padding:29px 0 0 0;

z-index: 99999;

display:none;}

.alp:hover .alp2{display:block;visibility:visible;}

.m_search {margin:0px; padding:10px; background-color:#fff; width:250px; float:right;}

.t_search {margin:0px; padding:8px; border:solid 1px #eee; background-color:#ccc; width:230px;}

.s_img{float:right; margin:-25px 6px 0 0; padding:0px; position:relative;}





.cataguries-background{ background:#eff2f7; margin:20px 0px;}

.heading{font-family: 'Roboto', sans-serif; text-align:center; text-transform:uppercase;}

.heading h4{font-size:32px;padding: 10px 0px 0px 0px; margin:0px;}

.heading h4 span{color:#e21e22}

.heading p{font-family: 'Roboto', sans-serif; font-size:14px; color:#767676; text-align:center}



.cat-style{margin-bottom:20px;}

.cat-style img{width:100%; margin:0px auto 30px auto}

.cat-style .text{background:rgba(226, 30, 34, 0.7); text-align:center; position: absolute; top: 10px;margin: 15px; width: 80%; display:none}

.cat-style .text h4{padding:10px 0px; margin:0px; text-transform:uppercase}

.cat-style .text p{padding:0px 10px; color:#fff; text-transform:capitalize}

.cat-style .text a{text-decoration:none; color:#fff}

.cat-style .text .bttn{border:solid 1px #fff; width:40%; margin:0px auto 10px auto; padding:5px 10px}

.cat-style .text .bttn a{text-decoration:none; color:#fff}



.cat-style:hover .text{display:block}

.short-about-bg{background-color: #2a293b;}

.short-about{font-family: 'Roboto', sans-serif;}

.short-about h4{font-size:32px; text-transform:uppercase; color:#fff; padding-top:110px; margin:0px;}

.short-about p{font-family: 'Roboto', sans-serif; font-style:light; font-size:14px; text-align:justify; color:#fff; padding:20px 0px}







.product-style{border:solid 1px #d6d6d6;transition: all .2s ease-in-out; margin:10px auto; min-height:400px;}

.product-style img{margin:5px auto}

.product-style:hover {transform: scale(1.02);-webkit-box-shadow: 0px 1px 16px 3px rgba(204,204,204,1);

-moz-box-shadow: 0px 1px 16px 3px rgba(204,204,204,1);

box-shadow: 0px 1px 16px 3px rgba(204,204,204,1);}

.product-style h4{color:#34314c; font-size:16px; text-align:center; text-transform:uppercase; font-weight:500}

.product-style h5{color:#e21e22; font-size:14px; text-align:center; text-transform:uppercase; font-weight:400}

.product-style .add-to-basket{background:#e21e22; text-align:center; width:60%; margin:10px auto; font-size:13px; padding:10px; border-radius:10px; display:none}

.product-style:hover .add-to-basket{display:block}

.product-style .add-to-basket a{text-decoration:none; text-transform:uppercase; color:#fff}



.footer-background{background:url(../images/footer-background.jpg) no-repeat center top #011422;}



.submit-fields{font-family: 'Roboto', sans-serif; color:#fff}

.submit-fields .field1{ border:solid 1px #ccc; border-radius:10px; width:100%; background:none; outline:none ; padding:10px; margin-bottom:10px;}

.submit-fields .submit{ background:none; border:solid 1px #ccc; padding:10px 20px; text-align:right; border-radius:10px; outline:none; margin-bottom:10px;}

.submit-fields .submit:hover{ background:#e21e22; }

.footer-heading{font-family: 'Roboto', sans-serif;}

.footer-heading h4{font-size:28px; color:#fff; margin:0px;padding:0px;; text-transform:uppercase; font-style:italic}

.footer-heading h4 span{color:#e21e22}





.footer-address{font-family: 'Roboto', sans-serif;color:#737373; }

.footer-address ul{margin:0px; padding:0px}

.footer-address ul li{list-style:none; padding:6px 0px}

.footer-address ul li a{color:#737373; text-decoration:none}



.subscribe{outline:none; border:solid 1px #ccc; border-right:none; padding:10px; background:none; border-radius:20px; color:#fff; width:100%}

.webexcels{font-family: 'Roboto', sans-serif; font-size:14px; color:#000; text-align:center; padding:10px 0px}















.heading-detail{background:#000; color:#fff; font-family: 'Raleway', sans-serif; text-transform:capitalize}

.heading-detail ul{margin:10px 0px; padding:10px}

.heading-detail ul li{list-style:none; display:inline-flex}

.heading-detail ul li a{color:#fff; text-decoration:none}

.heading-detail h4{padding:10px; text-transform:uppercase}



.detail-page-img{margin:10px auto}

.detail-page-img img{margin:10px auto; border:solid 1px #ccc; border-radius:10px;}

.detal-page-details{ font-family: 'Raleway', sans-serif; }

.detal-page-details h4{ font-family: 'Raleway', sans-serif; font-size:18px; color:#000; text-transform:uppercase; margin-top:20px }

.detal-page-details h5{ font-family: 'Raleway', sans-serif; font-size:15px; color:#e21e22; text-transform:uppercase }

.detal-page-details p{ font-family: 'Raleway', sans-serif; font-size:14px; color:#000; text-transform:capitalize; text-align:justify }













.detail-page-button{font-family: 'Raleway', sans-serif;}



.detail-page-button .bskt{background:#fff; border:solid 1px #000; outline:none; color:#000; padding:10px 10px; margin:10px 10px 10px 0px}



.detail-page-button .bskt:hover{background:#000; color:#fff}







.contact-us{font-family: 'Raleway', sans-serif;}

.contact-us ul{font-family: 'Raleway', sans-serif; margin-top:20px;}

.contact-us ul li{font-family: 'Raleway', sans-serif; list-style:none}

.contact-us ul li a{font-family: 'Raleway', sans-serif; color:#000}

.contact-us ul li a:hover{font-family: 'Raleway', sans-serif;}

.contact-us h4{ font-weight:bold;padding:0px 0px 0px 0px; border-bottom:solid 1px #ccc;padding:10px 0px 10px 0px}

.our-location{font-family: 'Raleway', sans-serif;}

.our-location h4{ font-weight:bold;padding:10px 0px 10px 0px;border-bottom:solid 1px #ccc;}



.certificats{margin:0px auto}

.certificats img{margin:10px auto; border:solid 2px #ccc}

.certificats:hover img{border:solid 2px #b00a0a}



















.about-us{ font-family: 'Raleway', sans-serif; font-size:14px; text-align:justify}

.about-us p{ font-family: 'Raleway', sans-serif; font-size:14px; text-align:justify}











.tuseef {
  position: relative;
  width: 100%;
  margin:10px 0px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color:rgba(255, 6, 6, 0.5);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.tuseef:hover .overlay {
  bottom: 0;
  height: 100%;
}

.text {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.text a{
	color: white;
	text-decoration:none;
}
















@media (max-width: 768px) {

	.social-icons{text-align:center; font-size:16px}

	.menu-background{background:none; position:inherit; z-index:999; top:80px;}

	.logo{background:##e21e22}

	.logo img{padding:20px 0px}

	.menu-adjustment{padding:10px 0px}

	.search-icon{font-size:16px;padding:10px 0px; text-align:right }

.cat-style .text{position:inherit; background:rgba(226, 30, 34, 1); display:block}

.cat-style .text h4 { margin: -130px 0 0 0;

padding: 10px 0;

position: absolute;

z-index: 99999;

width: 89%;

background-color: #ff0000;

display:none;

}

.cat-style:hover .text h4{ display:block;}

.short-about h4{font-size:30px;}



.short-about-bg{background:#2a293b}



}













@media (max-width: 360px) {

	.cat-style .text h4 {

	width:82%	

	}

















	

}