@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Dosis:400,600|Great+Vibes');
@import url(https://fonts.googleapis.com/css?family=BenchNine);

* {
	margin: 0px;
	padding: 0px;
}
html{ height:100%;}
body {
	background: #fff;
	color: #414141;
	font:14px/24px 'Open Sans', Arial, Helvetica, sans-serif
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: #313131;
	font-style: normal;
	font-family:'Dosis', Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	margin: 0px 0px 8px 0px;
	text-transform:capitalize;
}
h1 { font-size: 60px;}
h2 {font-size: 30px;}
h3 { font-size: 20px;}
h4 { font-size: 20px;}
h5 { font-size: 14px;}
h6 { font-size: 12px;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #313131; }
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #ff7300; }
p a { color: #313131; }
p a:hover {
	color: #ff7300;
	text-decoration:underline;
}
p {
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 10px;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	outline: none;
	text-decoration: none;
}
ul { margin-bottom: 0px; }
figure {
	margin: 0;
	position: relative;
}
img {
	max-width: 100%;
}
strong { color: #414141; }


/* =============================================
			Global Elements 
============================================= */
.haslayout{
	width:100%;
	float:left;
	z-index:99;
}
.logo {
	position:absolute;
	top: 50%;
  left: 50%;
  z-index:999;
  width:460px;
  height:140px;
  margin: -70px 0 0 -230px;
	background:rgba(0,0,0,0.5)!important;
	}
.logo h1 {
color:#fff;
font-family:'BenchNine', Helvetica, sans-serif;
position: absolute;
  top: 15%;
  left: 44%;
  transform: translate(-30%, -30%);
z-index:999;
font-size:54px;
}
.logo img {
color:#fff;position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
z-index:999;
}

.img-hover{
	left:0;
	top:70%;
	opacity:0;
	width:100%;
	height:100%;
	position:absolute;
	visibility:hidden;
	background:rgba(0,0,0,0.70);
}
.img-hover .holder{
	position:relative;
	width:100%;
	height:100%;
}


.bg-white{ background:#fff;}


.product .img-hover .box,
.item .img-hover .box{
	display:table;
	width:100%;
	height:100%;
}
.product .img-hover .holder,
.item .img-hover .holder{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:100%;
}
.product .img-hover a,
.item .img-hover a{
	font-size:60px;
	line-height:30px;
	display:block;
	text-align:center;
	margin:0 0 10px;
}

.product .img-hover span,
.featured-products .item .img-hover span{
	display:block;
	font-size:34px;
	line-height:14px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-family:'Dosis', Arial, Helvetica, sans-serif;
	position:relative;
	z-index:999999;
}
.product .img-hover span.product-name,
.featured-products .item span.product-name{ padding:0 0 15px;}

.btn-addtocart,
.product .img-hover a.btn-addtocart{
	display:block;
	font-size:13px;
	line-height:16px;
	background:rgba(0,0,0,1)!important;
	text-align:center;
	color:#fff!important;
	width:100%;
	padding:4px;
}
.btn-addtocart em,
.btn-addtocart i{
	display:inline-block;
	vertical-align:middle;
	font-style:normal;
}
.btn-addtocart i{ padding:0 8px 0 0;}
.btn-addtocart em {
	padding:0 0 0 8px;
	border-left:1px solid #fff!important;
}


/* =============================================
			 Style
============================================= */

.products{ overflow:hidden;}
.products .product{
	overflow:hidden;
	position:relative;
	border:1px solid;
	margin:15px 0;
}
.products .product figure img{
	display:block;
	width:100%;
	height:auto;
}

.products .product .img-hover .product-price{
	display:block;
	width:100%;
	height:auto;
	background:none;
	position:static;
	margin:0;
	font-size:50px;
	line-height:50px;
	padding:0 0 15px;
}
.products .product .img-hover .border-center{ margin:0 0 15px;}
.products .product .img-hover .border-center:after {
	background:#fff;
	margin: 0 0 0 -25px;
	width: 50px;
}
.product:hover .img-hover{
	top:0;
	opacity:1;
	visibility:visible;
}
/* =============================================
			 Style
============================================= */
.grid.products .product{
	margin:0;
	border:0;
}
.product .img-hover{padding:6px;}
.product:hover .img-hover .box{ border:1px solid #cacaca;}
.product .img-hover a.btn-addtocart{
	background:#fff;
	padding:15px;
	right:0;
	left:auto;
	width:auto;
	color:#000;
}
.btn-addtocart em{
	border-color:#000;
	line-height:13px;
}
.grid-item {
	overflow:hidden;
	position:relative;
	float:left;
	width:25%;
}
.grid-item.grid-item-width2{ width:50%;}
.grid-item img{
	width:100%;
	display:block;
}

.grid-item:hover .img-hover{
	bottom:0;
	opacity:1;
	visibility:visible;
}
.grid-item.product .img-hover {padding: 15px;}
.img-hover{
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-ms-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}


@media (max-width:991px){	
	.grid-item {width: 50%;}
	.grid-item.grid-item-width2 {width:100%;}
	.logo {
	position:absolute;
	top: 50%;
  left: 50%;
  z-index:999;
  width:320px;
  height:140px;
  margin: -70px 0 0 -160px;
	background:rgba(0,0,0,0.5)!important;
	}
	.logo h1 {
color:#fff;color:#fff;position: absolute;
  top: 20%;
  left: 44%;
  transform: translate(-30%, -30%);
z-index:999;
font-size:40px;
}
.logo img {
color:#fff;position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
z-index:999;
}
.product:hover .img-hover {
z-index:999999;
}
.product .img-hover a.btn-addtocart {
	background:rgba(0,0,0,1)!important;
	}	
}