@charset "utf-8";
/* CSS Document */
body{
	 font-family: 'Roboto Slab', serif;
	 background:#E0E0E0;
	}
.codrops-top {
	width: 100%;
	position:relative;
	top: 0;
	left: 0;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 0.6em;
	padding: 0 32px;
	letter-spacing: 1px;
	z-index: 10000;
	font-size:14px;
}



/*#logo{ width:130px; height:auto; padding:10px 0;}*/
#stickyribbon{color:#fff;z-index:999;width:100%; overflow:hidden; background: #FCFCFC !important;box-shadow: 1px 1px 4px rgba(118, 116, 116, 0.7);
}
#trigger-overlay
{
	background: transparent;
border: 0;
outline:none;
}

.fitermain{ padding:0 60px !important;}
.mix{ padding:5px !important}
.mix img{ width:100%; padding:0 !important}
.filtermenu{ list-style:none; margin:20px 0 10px; padding:0 0 0 5px; overflow:hidden; }
.filtermenu li{ float:left; width:100px; font-weight:600; width:110px; min-height: 35px;}
.subcatmenu{ margin:0; padding:0; list-style:none; overflow:hidden; padding:20px 15px;}
.subcatmenu li{ float:left; width:19%; margin:0 5px; color:#fff; font-family: 'Lato', sans-serif; font-weight:600; cursor:pointer; text-transform:capitalize;}
.btn{ border-radius:0px !important; padding:0 !important;}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0);
   border-bottom:2px solid #f67760;
}
.title{ font-size:50px;}
.main_title ,.main_title a{ color:#000; text-decoration:none;}
.main_title a h4{position: relative;
  top: 20px;}
  .main_title a:hover{ color:#ef4d2f; transition:all 0.4s linear; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
#feature{color:#000; text-decoration:none; float:left; margin-top:70px;}
.featured_wrap{ position:absolute; right:50px;}
.img_wrap{ max-width:180px; margin-top:12px;}
/* Yaku */
.link--yaku {
	color: #D3D3D3;
	font-family: 'Playfair Display';
	font-weight: 400;
	text-transform: uppercase;
	font-size: 10em;
	overflow: hidden;
	padding: 0 0 10px;
}

.link--yaku::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-width: 2px 0;
	border-color: #282828;
	border-style: solid;
	left: 0;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.link--yaku:hover::before {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.link--yaku span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
	transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s;
	transition: transform 0.5s, color 0.5s;
}

.link--yaku:hover span {
	color: #1e1a1b;
	-webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);
	transform: perspective(1000px) rotate3d(0,1,0,360deg);
}

.link--yaku span:nth-child(4),
.link--yaku:hover span:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.link--yaku span:nth-child(3),
.link--yaku:hover span:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.link--yaku span:nth-child(2),
.link--yaku:hover span:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.link--yaku span:first-child,
.link--yaku:hover span:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


footer{ background:#030303; color:#fff; font-family: 'latolight'; text-align:center; padding: 0; }
@media screen and (max-width: 768px) {
	/*.mix{ display:block !important;}*/
	.featured_wrap{ position:relative; width:100%; right:0px;}
.img_wrap{ max-width:150px; margin:12px auto;}
}

@media screen and (max-width: 630px) {
	#feature{color:#000; text-decoration:none; float:left; margin-top:70px;}
	.filtermenu{ list-style:none; margin:10px 0 10px;}
}

@media screen and (max-width: 530px) {
	#logo {
  width: 90px;}
  .mobile_view{ display:none;}	
  .mobile_main{ padding-top:15px !important;}
  .fitermain{ padding:0 20px !important;}
  .mix{ width:100% !important;}
  .filtermenu li {
  width: 90px;
  font-size: 12px;
}
}