@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	outline:none;
	list-style:none;
	
	}
input[type=submit] {
	cursor: pointer;
}
input[type=submit], a {
	-webkit-transition: all .7s linear;
	-moz-transition: all .7s linear;
	-ms-transition: all .7s linear;
	-o-transition: all .7s linear;
	transition: all .7s linear;
}

a img {
	border:none;
	vertical-align:bottom;
	}	
.clear {
	clear:both;
	}	
a {
	text-decoration:none;
	text-decoration: none !important;
	color:#40403a;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-ms-transition:all 1s;
	-o-transition:all 1s;
	}	
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	 
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.responsive-img {
	width: 100%;
}

div,ul,li,form, .row {
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0;
	padding-top:0;
	}	
.hide-desktop {
	display:none;
	}	


@media (min-width: 1200px) {
  .container {
    width: 1170px;

}
}



@keyframes example {
	0% {transform:translatey(-400px);}
	100% {transform:translatey(-0px);}
}

@-moz-keyframes example {
	0% {-moz-transform:translatey(-400px);}

	100% {-moz-transform:translatey(-0px);}
}


.button {
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 38px;
  height: 29px;
  float: left;
  text-align: center;
  background: url(../images/buttons.jpg) no-repeat;
}
.dec {
  background-position: 0 -32px;
  margin-right: 5px;
}

.buttons {
  padding: 20px 0 0 140px;
}

.numbers-row {
	margin:15px 0 0 0;
}
.closebtn {
	// position: absolute;
	top:15px;
	right:15px;
	float: right;
	color:red;
	font-size: 18px;

}

.closebtn a {
	color:red !important;
}

.sub-cat-imgwraper, .video-img {
	position: relative;

}

.sub-cat-imgwraper img, .video-img img {
	width: 100%;
	height: auto;
	display: block;
}

.overlay {
  position: absolute;
  top: 100%;
  left: 0;
  bottom:0px;
  right: 0;
  background-color: rgba(0 ,0 ,0, 0.5);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.sub-cat-wraper:hover .overlay, .video-img:hover .overlay {
  height: 100%;
  top: 0;
}
.text i.fa {
  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%);
  border-radius: 360px;
  height:50px;
  width: 50px;
  background: #fff;
  color:#000;
  text-align: center;
  padding:13px 0 0 0;
}

.video-img .overlay img {
	width:71px;
	height:87px;
	 position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);



}