body{
	font-family: 'Poppins', sans-serif 
	!important;
}
@font-face {
    font-family: my;
    src: url(fonts/MB.ttf);
}
.contact_link {
    font-family: verdana;
    color: #A60404;
    font-weight: none;
    font-size: 12px;
    text-decoration: none;
	padding-left: 5px;
line-height: 35px;

}

.no-padding{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.top-phone { float: left; background: url(images/top-phone.png) no-repeat left; line-height: 20px; padding-left: 30px; color: #17171b; font-size: 14px; font-family: 'Montserrat', sans-serif; margin-top: 10px;}
.top-phone span{ color: #adaeb3; font-size: 12px; float: left; width: 100%;}

.top-email { float: left; background: url(images/top-email.png) no-repeat left; line-height: 20px; padding-left: 30px; color: #17171b; font-size: 14px; font-family: 'Montserrat', sans-serif; margin-top: 10px;}
.top-email span{ color: #adaeb3; font-size: 12px; float: left; width: 100%;}
.headerbg { padding: 0px; background:#2c394c; border-top: 1px solid #0b121c; }
.bg-black p { margin-bottom: 0px;}
.top-soc-icons ul { margin-bottom: 0px;}
.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#009cff; color:#fff;}
.basket_art input:hover{ background:#009cff; text-decoration:none; color:#fff;}
.btn-delete{ float:left; padding: 7px !important; border-radius: 5px; margin-left: 13px; background:#009cff; 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:#009cff; color:#fff; text-align:center; margin-bottom:20px; width:115px !important; border:0px;}

.btn-delete:hover{ background:#009cff; 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: #fff;
	height: 60px;
}
.top-border{
	/*border-bottom: 1px solid #f1f1f1;*/
}
.support{
	float: left;
	margin-right: 18px;
	line-height: 30px;
}
.support p,
.email p
{
color: #b9b9b9;
font-size: 12px;
font-weight:300;
font-family: 'Poppins', sans-serif;
}
.support a{
	color: #b9b9b9;
	padding-left: 5px;
}
.support a:hover,
.support a:active,
.support a:focus
{
	color: #fff;
	text-decoration: none;
}
.email{
	float: left;
	line-height: 30px;
}
.top-soc-icons{
	line-height: 30px;
	float: right;
	
	margin-top: 15px;
}
.top-soc-icons ul li{
	list-style: none;
	display: inline-block;
	padding-right: 10px;
}
.icon{
	color: #bababa !important;
}
.top-baket{ float:right; margin-left: 10px;}
.top-baket span{ border-radius:20px; color:#fff; border:1px solid #fff; background:#009cff; position: absolute; margin: 0px 0px 0px 0px;
padding: 0px 8px; right: -15px; top: -10px; height: 27px; width: 27px;}
.icon:hover{
color: #fe203a !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: 25px 0px;
}
.mynav{

}
.mynav ul {
    float: right;
    margin: 0px;
    padding: 0px;
}
.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: #ffffff;
	padding: 39px 10px;
	float: left;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
.mynav ul li a:hover{

	background: #009cff;
}
.myform{
    margin-top: 2px;
    border: 1px solid #2b2b2b !important;
	border-radius: 4px;

    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: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; background: #fff; color: #9a9a9a;}
.search { margin-top: 30px;}
.search i { color: #9a9a9a;}
.right-addon input::placeholder { color: #9a9a9a !important;}

.fea-head h2{
text-transform: uppercase;
color: #2c394c;
text-align: center;
font-family: 'Dosis', sans-serif;
	font-weight: 700;
font-size: 40px;
margin-top: 30px;
}
.fea-head h6{ float: left; width: 100%; text-align: center; font-size: 14px; color: #868687; font-family: 'Roboto', sans-serif; font-weight: 400; margin-top: -5px;
line-height: 23px; margin-bottom: 30px;}
.hr { display: inline-block; margin: 0px auto; text-align: center; float: left; margin-bottom: 20px; width: 100%;}
.fea-head span{
	color: #000;
}
.formbg { float: left; width: 100%; background: #2c394c; border-radius: 4px; padding: 0px 25px 50px 25px;}
.formbg h2 { float: left; width: 100%; font-size: 40px; text-align: center; color: #ffffff; text-transform: uppercase; padding: 60px 0px; font-family: 'Dosis', sans-serif; font-weight: 700;}
.formbg input{ float: left; height: 42px; border-radius: 3px; color: #2c394c; font-size: 14px; font-family: 'Roboto', sans-serif;}
.formbg textarea{ float: left; border-radius: 3px; color: #2c394c; font-size: 14px; font-family: 'Roboto', sans-serif; margin: 20px 0px;}
.contactbg { float: left; width: 100%; background: url(images/formbg.jpg) no-repeat; border-radius: 4px; padding: 0px 25px 50px 25px; text-align: center;}
.contactbg .f-phone i{ float: left; color: #fff; font-size: 80px; padding: 60px 0px 40px 0px; width: 100%;}
.contactbg .f-phone{ float: left; color: #fff; font-size: 50px; width: 100%; font-family: 'Dosis', sans-serif; font-weight: 700;}
.product{
    background: #fff;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e5e5e5;
	margin: 15px 0px;
}
.product:hover{
	transition: border .2s ease-in;
	box-shadow: 0 0 15px #ccc;
}
.product img{
	margin: 0px auto;
	text-align: center;
}
.product-detail h5{
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	font-size: 16px;
	color: #191e26;
	margin-bottom:2px;

}
.product-detail p{
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	color: #191e26;
	margin-bottom:6px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
.product-detail a{ color: #000;}
.product:hover p{ color: #009cff;}
.product:hover h5{ color: #009cff;}
.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.8);
  overflow: hidden;
  border: 3px solid #00aff0;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

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

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

}
.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;
}
.bg-about{
	background: url("images/bg-about.jpg")no-repeat;
	background-size: 100% 100%;
	margin-top: 45px;
}
.about-para{
 float: left; width: 100%; color: #2c394c; font-size: 35px; font-weight: 700; font-family: 'Dosis', sans-serif; padding: 0px; text-transform: uppercase;
}
.featurebg { padding: 0px 0px 45px 0px; background: #f6f6f6;}
.about-paraaa { padding: 80px 0px 45px 0px;}
.abt-img { float: right; padding: 50px 0px 25px 0px;}
.about-parr {
	color: #4a4d52;
	font-weight: 300;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	width: 100%; 
	word-wrap: break-word;
	line-height: 1.9;
	padding: 0px;
	float: left; width: 100%;
	text-transform: lowercase;
}

.certi {
    margin-top: 42px;
}
.cata { margin: 0px 6px; box-shadow: 0 0 15px #ccc;}
.bg-footer {
	background: url("images/footer.jpg")
	no-repeat;
	background-size: 100% 100%;
	padding-bottom: 11px;
	margin-top:48px;
	height: 365px;
}
.fotr-div {
    margin-top: 50px;
}
.f-adres { float: left; width: 100%; margin: 3px 0px; color: #ffffff; font-size: 14px; font-weight:400; font-family: 'Roboto', sans-serif; text-align: left; padding-left: 96px;}
.f-adres i{font-size: 28px; margin: 0px 10px 0px 0px; float: left;}
.f-adres p { float: left; line-height: 30px;}
.fotr-div h3 {
	font-family: 'Poppins', sans-serif;
	color: #ffffff;
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 0px;
}
.fotr-div .hr{ text-align: left; margin-bottom: 30px;}
.fot-soc{
	padding-left: 0!important;
}
.fot-soc li{
	list-style: none;
	display: inline;
}
.contact-ul {
	padding-left: 0!important;
}
.contact-ul li {
	list-style: none;
	color: #fff;
	font-size: 13px;
	font-weight: 300;
	padding-top: 11px;
}
.contact-ul li a {
	color: #c6c6c6;
	transition: all .2s;
	-webkit-transition: all .2s;
	font-family: 'Poppins', sans-serif;
	font-size: 13px; font-weight: 300;
}
.form-feed { margin-bottom: 30px; float: left; width: 100%;}
.form-feed .form-control{ float: left; background: #252525; border: 1px solid #3f3f3f; color: #c6c6c6; margin: 5px 0px;}
.form-feed input::placeholder{ color: #c6c6c6 !important;}
.form-feed textarea::placeholder{ color: #c6c6c6 !important;}
.contact-ul li a:hover {
	color: #fe203a;
	padding-left: 7px;
}
.newss{
	color: #000 !important;
	    padding-left: 29px;
}
.f-icon{
	color: #fff !important;
	margin-right:12px;
}
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 { background: #f6f6f6; border-top: 1px solid #e9e9e9; margin-top: 50px; padding-top: 30px;}
.fmenu { float: left; width: 100%; text-align: center;}
.fmenu ul {list-style: none; margin: 0px; padding: 0px; display: inline-block;}
.fmenu ul li{ float: left; line-height: 15px;}
.fmenu ul li a { color: #1e1e1e; font-size: 14px; font-family: 'Roboto', sans-serif; float: left; padding: 0px 15px; line-height: 10px;}
.footer-end p{
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	color: #949494;
	text-align:center;
	padding: 15px 10px;
	margin-bottom: 0px;
	font-weight: 500;
}
/*products*/
.categories{
	margin-top: 25px;
}
.cate-headers2 span{
	color: #00aff0;
}

.cate-headers2:hover{
	background: transparent !important;
	color: #fff!important;
}

.cate-headers2 {
	font-size: 28px;
	color: #fff;
	font-weight:500;
	border-bottom: 1px solid #262626;
	text-transform: uppercase;
	padding-bottom: 7px;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	font-family: my;
	padding-left: 0px !important;
}
.cate-headers {
	font-size: 15px !important;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif	!important;
	font-weight: 400 !important;
}
.cate-headers img { padding: 0px 10px 0px 0px;}
.cate-headers:hover{
	background: #009cff !important;
	color: #fff !important;
	cursor: pointer;
}
.hakkas-li {
	font-size: 13px;
	list-style: none;
	background: #2c394c;
	padding-left: 0;
	padding: 4px;
	font-size: 12px;
	
}
.cate-headers { background: #009cff; padding: 8px 0px 8px 10px !important;}
.cate-headers a{ color: #fff !important;}
.hakkas-li li {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: 300;
	font-family: 'Poppins', sans-serif;
	width: 100%;
	margin-bottom: 5px;
}
.hakkas-li li:hover{  color: #009cff;
}
.hakkas-li a {
	color: #ffffff;
}
.left-menu { padding-top: 10px;}
.hakkas-li li:hover {
	color: #009cff;
	padding-top: 5px;
	padding-bottom: 10px;
}
.hakkas-li li:hover a {
	text-decoration: none;
	color: #009cff;
}
.pagination{margin: -6px 0;}
.pro-head h3{
	font-family: 'Dosis', sans-serif;
	color: #2c394c;
	text-transform: uppercase;
	font-size: 33px;
	margin-bottom: 0;
	font-weight: 700;
}
.breadcrumb{
	background: transparent!important;
	padding: 0px 0px!important;
	font-family: 'Montserrat',sans-serif;
}
.breadcrumb li a{
	color: #6e6e6e;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	text-transform: capitalize;
	font-size: 12px;
}
.pagination > li > a, .pagination > li > span { color: #009cff !important;}
/*products end*/
/*large*/
.bigp img{
	border: 1px solid #e7e9e9;
	    padding: 22px;
    margin-left: -15px;
}
.detail-heading{
	font-family: 'Dosis',sans-serif;
	color: #191e26;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 600;
}
.detail-code{
	color: #828282;
	font-size: 17px;
	font-weight: 300;
	text-transform: uppercase;
	font-family: 'Roboto',sans-serif;
	margin: 15px 0px;
}
.desc-bg h4{
	font-family: 'Roboto',sans-serif;
	color: #191e26;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom:0;
	font-weight: 600;
}
.desc-bg p{
	color: #7d7d7d;
	font-size: 12px;
	font-family: 'Roboto',sans-serif;
	line-height: 22px;
}
.related_products { float: left; width: 100%; color: #2c394c; font-size: 33px; font-family: 'Dosis',sans-serif; font-weight: 700; text-transform: uppercase;}
.ava-option{
	font-family: 'Dosis',sans-serif;
	color: #191e26;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
label{
	font-weight: 500;
	color: #fe203a;
	font-size: 13px;
	text-transform: uppercase;
}
select.color {
    width: 45%;
}
.banner img { width: 1215px;}
.quan{
	font-weight: 500;
	color: #000;
	font-size: 13px;
	text-transform: uppercase;
}
.btn-danger{
	background: #009cff !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: #009cff !important;
	font-family: 'Dosis', sans-serif;
	color: #fff !important;
	text-transform: uppercase;
	border: none!important;
	text-align: center !important;
	font-size: 13px !important;
	padding: 14px!important;
	font-weight: 700;
	
}
.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{

}
.logo{
	bottom: 0px;
	left: 43px;
	margin-bottom: 0px;
}
.basket{
	display: none;
}
.search {
    float: right;
        margin-bottom: 0px;
        margin-top: 30px;
}
.navbar-toggle {
	background: #00aff0 !important;
	left: 41px;
    top: 60px;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
.mynav ul li {
	
}
.about-para p {
	    width: 22em;
}
.bg-about {
	    padding-bottom: 17px;
}
.certi{
	display: none;
}
.bg-footer{
	background: #000;
	margin-top: 0;
}
.addtobasket{
	    margin-top: 14px;
}
.headerbg {
    width: 1215px;
}
.collapse {
    display: block !important;
}
.featurebg {
    width: 1215px;
}
.banner img { width: 1215px;}
	
	
	
}




@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*/
@media only screen and (min-width:320px) and (max-width:1170px){
	.container { width: 1200px !important;}
}