header .navbar-default .navbar-nav li a::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	border-width: 0px 0 2px 0;
	border-color: #C00A2C;
	border-style: solid;
	left: 0;
	-webkit-transform: translate3d(-101%,0,0);
	transform: translate3d(-101%,0,0);
	top: 0;
	bottom: 0;
}

header .navbar-default .navbar-nav li a:hover::before {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
		-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;

}


header .navbar-default .navbar-nav li a span {
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(100px) rotate3d(1,0,0,0deg);
	transform: perspective(100px) rotate3d(1,0,0,0deg);
	
}

header .navbar-default .navbar-nav li a:hover span {
	-webkit-transform: perspective(100px) rotate3d(1,0,0,360deg);
	transform: perspective(100px) rotate3d(1,0,0,360deg);
	-webkit-transition: -webkit-transform 0.2s, color 0.5s;
	transition: transform 0.2s, color 0.2s;
}


header .navbar-default .navbar-nav li a:hover span:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


header .navbar-default .navbar-nav li a:hover span:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


header .navbar-default .navbar-nav li a:hover span:nth-child(3) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}


header .navbar-default .navbar-nav li a:hover span:nth-child(4) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}



header .navbar-default .navbar-nav li a:hover span:nth-child(5) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}



header .navbar-default .navbar-nav li a:hover span:nth-child(6) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}



header .navbar-default .navbar-nav li a:hover span:nth-child(7) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}



header .navbar-default .navbar-nav li a:hover span:nth-child(8) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}



header .navbar-default .navbar-nav li a:hover span:nth-child(9) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}



header .navbar-default .navbar-nav li a:hover span:nth-child(10) {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

header .navbar-default .navbar-nav li a:hover span:nth-child(11) {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}

header .navbar-default .navbar-nav li a:hover span:nth-child(12) {
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

header .navbar-default .navbar-nav li a:hover span:nth-child(13) {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}


/*animation start*/

.manimation .relative {
	position: relative;
	overflow: hidden;
}

.manimation header{
	position: relative;
	z-index: 999;
}

.manimation .navbar-default{
-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 4s;
	transition-delay: 4s;
}

.manimation .is-shown .navbar-default, .is-shown .navbar.navbar-default.navbar-fixed-top.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}


.manimation .item-thumb{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;/*	overflow: hidden;*/
}
.manimation .item-thumb-main {
	-webkit-transform: translate3d(0, 200%, 0);
	transform: translate3d(0, 200%, 0);
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;/*	overflow: hidden;*/
}
.manimation .item-thumb:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #202020;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.manimation .item-thumb.red:before {
	background: #761524;
}

.manimation .is-shown .item-thumb, .is-shown .item-thumb-main {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)

}


.manimation .is-shown .item-thumb:before {
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0)
}
.manimation .press_wrapper .item-thumb:before {
	background-color: transparent;
}
/*animation Close*/

.manimation .item-thumb2 {
	-webkit-transform: translate3d(0, -130%, 0);
	transform: translate3d(0, -130%, 0);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition-duration: 0.8s;
	transition-duration: 0.8s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;/*	overflow: hidden;*/
}

.manimation .delay1 {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.manimation .delay2 {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.manimation .delay3 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.manimation .delay4 {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}

.manimation .delay5 {
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
.manimation .delay6 {
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
.manimation .delay7 {
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.manimation .delay8 {
	-webkit-transition-delay: 1.8s;
	transition-delay: 1.8s;
}
/*
.delay5 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
.delay6 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
.delay7 {
	-webkit-transition-delay: .8s;
	transition-delay: .8s;
}
.delay8 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}*/



.manimation .item-thumb2:before {
	content: '';
	display: block;
	position: absolute;
	top: auto;
	right: 0;
	bottom: -60px;
	height: 60px;
	left: 0;
	z-index: 0;
	background-color: #0b8282;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: top;
	transform-origin: top;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	transition-timing-function: cubic-bezier(.075, .82, .165, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-delay: 4s;
	transition-delay: 4s;
}
.manimation .is-shown .item-thumb2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

}


