@charset "utf-8";

.bounceInTop {
	transition: all ease-in-out .5s;
    -webkit-transform: translateX(0px) translateY(-80px);
    -moz-transform: translateX(0px) translateY(-80px);
    -ms-transform: translateX(0px) translateY(-80px);
    -o-transform: translateX(0px) translateY(-80px);
    transform: translateX(0px) translateY(-80px);
}
.bounceInTop.in {
	-webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
}
.bounceInRight{
	transition: all ease-in-out .5s;
    -webkit-transform: translateX(200px) translateY(0px);
    -moz-transform: translateX(200px) translateY(0px);
    -ms-transform: translateX(200px) translateY(0px);
    -o-transform: translateX(200px) translateY(0px);
    transform: translateX(200px) translateY(0px);
}
.bounceInRight.in {
	-webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
}

.case-img, .case-shadow{
	transition: all ease-in-out .3s;
}
.case-img:hover, .case-img:focus{
	box-shadow: 0 0 30px rgba(0,0,0,.8);
}
.case-shadow:hover, .case-shadow:focus{
	box-shadow: 5px 6px 20px rgba(0, 0, 0, .4);
}
.header .nav>li>a, .home-tab-box>a{
	transition: all ease-in-out .2s;
}
.home-tab-box>a:hover, .home-tab-box>a:focus{
	color: #ab934f;
    border-bottom: 6px solid #ab934f;
}

@media(max-width: 767px){
	.nav-list{
		position: fixed;
		z-index: 1005;
		right: 0;
		width: 200px;
		background-color: rgba(0,0,0,.8)
	}
	.nav-list>ul>li{
		border-bottom: 1px solid #fff;
	}
	.nav-list>ul>li>a{
		display: block;
		color: #fff;
		padding: 10px 15px;
		transition: all ease-in-out .3s;
	}
	.nav-list>ul>li>a:focus, .nav-list>ul>li>a.active{
		background-color: #fff;
		color: #000
	}
}

@media(min-width: 768px) {
	.header-look-1 .nav>li>a:focus, .header-look-1 .nav>li>a:hover{
		background-color: #a1894f;
		color: #fff;
	}
	.header-look-2 .nav>li>a:focus, .header-look-2 .nav>li>a:hover{
		background-color: #fff;
		color: #000;
	}
}