body{
	font-family: 'Poppins', sans-serif 
	!important;
}
@font-face {
    font-family: my;
    src: url(fonts/MB.ttf);
}
.no-padding{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.form-group{ float:left; width:100%; margin-left:1%;}
.form-group .tariq{ float: left; padding-right: 10px; color: #3f3f3f; width: 23%; font-size: 14px; font-weight: 400;}
.basket_art input{ float:left; margin:10px 0px; background:#00aff0; color:#fff;}
.basket_art input:hover{ background:#00aff0; text-decoration:none; color:#fff;}
.btn-delete{ float:left; padding: 7px !important; border-radius: 5px; margin-left: 13px; background:#00aff0; color:#fff; text-align:center; margin-bottom:20px; width:145px !important;}
.art-no{ color:#fff;}
.btn-delete1{ float:left; padding:9px 15px; border-radius: 5px; margin-left: 13px; background:#00aff0; color:#fff; text-align:center; margin-bottom:20px; width:115px !important; border:0px;}

.btn-delete:hover{ background:#00aff0; text-decoration:none; color:#000;}
.for{ float:left; width:48%; margin-left:9px;}
.for input{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#000 !important; padding:0px !important; padding-left:10px !important;}
.for select{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#000 !important; padding:0px !important; padding-left:10px !important;}
.for1 textarea{ float:left; font-size:12px; width:100%; margin:10px 0px; background:none ; border:1px solid #BABABA; color:#000; padding-left:10px; padding-top:10px;}
.for1{ float:left; width:97%; margin-left:9px;}
.addthis_native_toolbox{ float:left; width:104%; margin-top:15px;}
.large-basket{
	float: right;
	position: relative;
	right: 53px;
	top: 4px;
}
.large-basket .fa-shopping-cart{
color: #000 !important;
}
/*.top-m{
	margin-top: 7px;
}*/
.bg-black{
	background: #f0f0f0;
	height: 39px;
	border-bottom: 1px solid #dddddd;
}
.top-border{
	/*border-bottom: 1px solid #f1f1f1;*/
}
.support{
	float: left;
	margin-right: 18px;
	line-height: 36px;
}
.support p,
.email p
{
color: #838383;
font-size: 13px;
font-weight:300;
	
}
.support a{
	color: #838383;
}
.support a:hover,
.support a:active,
.support a:focus
{
	color: #838383;
	text-decoration: none;
}
.email{
	float: left;
	line-height: 39px;
	color: #838383;
	padding-right: 10px;
}
.top-soc-icons{
	line-height: 39px;
	float: right;
}
.top-soc-icons ul li{
	list-style: none;
	display: inline-block;
	padding-right: 10px;
}
.icon{
	color: #838383 !important;
}
.icon:hover{
color: #00aff0 !important;
transition: color .3s ease-in-out;
}
.basket{
	float: right;
	border-left: 1px solid #fff;
	position: relative;
    top: 8px;
    padding-left: 16px;
}

.logo {
    float: left;
    width: 100%;
	padding: 28px 0px;
}
.search { float: left; background: #e3e3e3; height: 40px; width: 235px !important; border-radius: 0px; border: 1px solid #e0e0e0; padding-left: 10px; margin-left: 50px;}
.search::placeholder { color: #868686 !important;}
.searchh { margin-top: 30px;}
.searchh i{color: #868686 !important; font-size: 18px;}
.mynav{

}
.mynav ul{

}
.top-baket {
    float: right;
    margin-top: -5px;
    margin-left: 10px;
}
.top-baket span {
    border-radius: 20px;
    color: #00bff3;
    border: 1px solid #00bff3;
    background: #eaeaea;
    position: absolute;
    margin: 13px 21px 0px 0px;
    padding: 0px 6px;
    right: 7px;
top: 6px;
}
.headerbg{ padding: 0px; background: url(images/headerbg.jpg) no-repeat; border-bottom: 1px solid #dddddd;}
.mynav ul li{
list-style: none;
display: inline;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
}
a:hover{
	text-decoration: none!important;
}
.mynav ul li a{
	color: #525252;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: 400;
	padding: 23px 25px;
float: left;
}
.hr{
	text-align:center;
	margin-bottom:27px;
}
.mynav ul li a:hover{
	color: #fff;background: #00bff3;
}
.myform{
    margin-top: 2px;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000 !important;
}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 65px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.fea-head h2{
text-transform: uppercase;
color: #000000;
text-align: center;
font-family: my;
font-size: 30px;
margin-top: 50px;
margin-bottom: 10px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
.fea-head span{
	color: #000;
}
.product{
	border:1px solid #e2e2e2;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
}
.product:hover{
transition: border .2s ease-in;
box-shadow: 0 0 15px #ccc;
}
.product img{
	/*margin-left: 18px;*/
}
.product-detail h5{
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	font-size: 14px;
	color: #0c0c0c;
	margin-bottom:2px;
}
.product-detail p{
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	color: #545454;
	margin-bottom:6px;
	text-transform: uppercase;
	padding-top: 5px;
}
.pro-btn{
	text-align: center;
}
.pro-btn button{
	text-transform: uppercase;
	color: #fff;
    background: #000;
    border: none;
    padding: 6px 10px 4px 9px;
    border-radius: 5px;
    margin-bottom: 32px;
}
.pro-btn button:hover{
	background: #00aff0;
	transition: background .2s ease-in-out;
}
.main-cat {
  position: relative;
  width: 50%;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  border: 5px solid #9fa7a8;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.main-cat:hover .overlay {
      width: 201%;
}

.text {
  white-space: nowrap; 
	
  color: white;
  font-size: 25px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.text h1{
font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size:35px;
	text-align: center;
	font-weight: 400;
	
}
.text p{
	font-size:20px;
	font-weight: 300;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	text-align: center;

}
.main-cat2 {
  position: relative;
  width: 50%;
}

.overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
  border: 3px solid #00aff0;
}
.image {
    width: 200%;
}
.image2 {
    width: 200%;
}

.main-cat2:hover .overlay2 {
      width: 201%;
}

.text2 {
  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%);
}
.text2 h1{
	font-family: my;
	text-transform: uppercase;
	font-size:35px;
	text-align: center;
}
.text2 p{
	font-size:12px;
	font-weight: 300;
	color: #fff;

}
.main-cat,
.main-cat2{
	margin-top: 15px;
	cursor: pointer;
}
.bg-about{
	background: url("images/bg-about.jpg")no-repeat;
	background-size: 100% 100%;
	margin-top: 45px;
}
.about-para{

}
.about-para p{
	color: #000;
	font-weight: 300;
	font-size: 12px;
	width: 48em; 
	word-wrap: break-word;
	line-height: 1.9;
	margin-top: 35px;
	margin-bottom: 24px;
	padding-left: 37px;
}
.about-para a{
	color: #000;
	margin-top: 20px;
	padding-left: 37px;
}
.certi {
    margin-top: 42px;
}
.bg-footer {
	background: url("images/footer.jpg")
	no-repeat;
	background-size: 100% 100%;
	padding-bottom: 11px;
	margin-top:48px;
}
.fotr-div {
    margin-top: 50px;
}
.abouy { float: left; width: 100%; color: #9a9a9a; font-size: 13px; font-family: 'Poppins', sans-serif; line-height: 22px; font-weight: 400; padding-right: 10px;}
.fotr-div h3 {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	color: #00bff3;
	font-size: 20px;
	margin: 0px;
}
.fot-soc{
	padding-left: 0!important;
	float: left;
width: 100%;
margin-top: 14px;
}
.fot-soc li{
	list-style: none;
	display: inline;
}
.fot-soc li a{ float: left; height: 40px; width: 40px; background: #000000; border: 1px solid #a7a7a7; color: #a7a7a7; 
line-height: 37px;
margin: 0px 6px; padding: 0px 12px; }
.fot-soc li a i{ font-size: 17px !important;}
.contact-ul {
	padding-left: 0!important;
}
.contact-ul li {
	list-style: none;
	color: #c6c6c6;
	font-size: 13px;
	font-weight: 300;
	padding-top: 20px;
}
.contact-ul li a {
	color: #c6c6c6;
	transition: all .2s;
	-webkit-transition: all .2s;
	font-family: 'Poppins', sans-serif;
}
.contact-ul li a:hover {
	color: #00aff0;
	padding-left: 7px;
}
.newss{
	color: #000 !important;
	    padding-left: 29px;
}
marquee h5{
	font-family: 'Montserrat',
	 sans-serif;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 12px;
	margin-left: 30px;
}
marquee p{
	color: #fff;
	font-size: 12px;
	margin-left: 30px;
	width: 20em; 
	word-wrap: break-word;

}
.footer-end p{
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	color: #696969;
	text-align:center;
	padding-top: 15px;
	font-weight: 500;
}
/*products*/
.categories{
	margin-top: 25px;
}
.cate-headers2 span{
	color: #00aff0;
}

.cate-headers2 {
	font-size: 20px;
	color: #000000;
	font-weight:600;
	border-bottom: 1px solid #e8e8e8;
	padding: 15px 0px 10px 0px;
	margin: 0px 20px;
}
.cate-headers2:hover {color: #000000;}
.cate-headers {
	font-size: 16px !important;
	color: #fff;
	text-transform: uppercase;
	padding-left: 0px !important;
	padding-bottom: 7px;
	font-family: 'Poppins', sans-serif 
	!important;
	font-weight: 500 !important;
}
.cate-headers a:hover{
	color: #2f2f2f !important;
	cursor: pointer;
}
.hakkas-li {
	font-size: 13px;
	list-style: none;
	background: #fafafa;
	padding-left: 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
	
}
.hakkas-li li {
	padding-top: 10px;
	padding-left: 7px;
	padding-bottom: 10px;
	color: #0e0e0e;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0px 20px;
}
.hakkas-li a {
	color: #2f2f2f;
}
.hakkas-li a:hover{
	color: #00bff3;
}

.pro-head h3{
	font-family: 'Oswald', sans-serif;
	color: #00bff3;
	text-transform: uppercase;
	font-size: 28px;
	margin-bottom: 0;
}
.breadcrumb{
	background: transparent!important;
	padding: 0px 0px!important;
	font-family: 'Montserrat',sans-serif;
}
.breadcrumb li a{
	color: #717171;
	font-weight: 300;
	text-transform: capitalize;
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
}
/*products end*/
/*large*/
.bigp img{
	border: 1px solid #e7e9e9;
	    padding: 22px;
    margin-left: -15px;
}
.detail-heading{
	font-family: 'Oswald',sans-serif;
	color: #00bff3;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.detail-code{
	color: #323232;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
	padding: 10px 0px;
}
.desc-bg h4{
	font-family: 'Poppins',sans-serif;
	color: #00bff3;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:0;
}
.desc-bg p{
	color: #909090;
	font-size: 13px;
}
.ava-option{
	font-family: 'Poppins',sans-serif;
	color: #323232;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
label{
	font-weight: 500;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
}
select.color {
    width: 45%;
}
.quan{
	font-weight: 500;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
}
.btn-danger{
	background: #00bff3 !important;
	border-radius: 15px !important;
	border:none !important;
	outline: none !important;
}

input.quantity {
    width: 17%;
    background: #ebebeb;
    border: none;
    padding: 4px;
    border-radius: 4px;
}
.addtobasket{
	border-radius: 3px!important;
	background: #00bff3 !important;
	color: #fff !important;
	text-transform: uppercase;
	border: none!important;
	text-align: center !important;
	font-size: 12px !important;
	padding: 14px!important;
	
}
.relate {
    margin-bottom: 28px;
        margin-left: 15px;
}
.relate h3{
	font-family: my;
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
}
.rp{
	font-size: 30px;
	color: #00aff0;
	text-transform: uppercase;
}
/*large end*/
/*responsive start*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Smartphones (portrait and landscape) ----------- */
.bg-black{
	height: 96px;
}
.logo{
	bottom: 0px;
padding: 20px 0px 10px 0px;
	
}
	.searchh { margin-top: 10px;}
	.search { width: 100% !important;}
	.logo img {width:100%;}
.basket{
	display: none;
}
.search {
    float: right;
        margin-bottom: 18px;
        margin-top: 58px;
}
	.headerbg { background: #f4f4f4;}
	.top-baket { display: none;}
	.search { margin-top: 0px;}
	.searchh i{ display: none;}
	.top-soc-icons { float: left;}
	.text h1 { font-size: 25px;}
	.text p { font-size: 14px;}
.navbar-toggle {
	background: #00aff0 !important;
	left: 21px;
top: 0px;
}
	.mynav ul li a { padding: 8px 10px; float: left; width: 100%;}
	.mynav ul li{ margin-right: 0px; float: left; width: 100%;}
.navbar-toggle .icon-bar {
	background: #fff;
}
.mynav ul li {
	margin-right:69px;
}
.about-para p {
	    width: 22em;
}
.bg-about {
	    padding-bottom: 17px;
}
.certi{
	display: none;
}
.bg-footer{
	background: #000;
	margin-top: 0;
}
.addtobasket{
	    margin-top: 14px;
}
}

@media only screen 
and (min-width : 321px) {
/* Smartphones (landscape) ----------- */
}

@media only screen 
and (max-width : 320px) {
/* Smartphones (portrait) ----------- */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* iPads (portrait and landscape) ----------- */
.logo{
	bottom: 12px;
}
	
.mynav{
	margin-top: 74px;
}
.bg-footer{
	background: #000;
	margin-top: 0;
}
.search {
    float: right;
        margin-bottom: 18px;
        margin-top: 58px;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* iPads (landscape) ----------- */
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* iPads (portrait) ----------- */
}

@media only screen 
and (min-width : 1200px) {
/* Desktops and laptops ----------- */
}

@media only screen 
and (min-width : 1700px) {
/* Large screens ----------- */
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* iPhone 4 ----------- */}
/*responsive end*/