.background-video {
  position: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  height:100%;
}


/*-- //nav-hover --*/
.logo{
	padding:15em 0 10em;
	text-align:center;
	width: 100%;
    margin: 0 auto;
}
.logo h1 a {
    font-size: 3em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.logo h1 a span{
	display:block;
	color:#bd916d;
}
.logo h1 a i{
	display:block;
	font-size: .15em;
    color: #8D8D8D;
	text-transform:uppercase;
	font-style:normal;
}
.start{
	text-align:center;
}
.start a{
	padding: 12px 50px;
    background:#0c3131;
    font-size: 1em;
    color: #fff;
    text-decoration: none;
    font-family: 'Vollkorn', serif;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #C28F44;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*-- //banner --*/

/*-----start-responsive-design------*/
@media (max-width:1280px){
	.logo h1 a {
		font-size: 2.5em;
	}

@media (max-width:1080px){

	.logo {
		padding: 10em 0 8em;
	}
	.banner-bottom-text h2, .banner-bottom-text h3,.banner-bottom-text-pos h3 {
		font-size: 5em;
	}

}
@media (max-width:991px){

	.logo h1 a {
		font-size: 2.2em;
	}
	.logo {
		width: 58%;
	}
	.banner-bottom-text h2, .banner-bottom-text h3, .banner-bottom-text-pos h3 {
		font-size: 4em;
	}
	.banner-bottom-left {
		margin: 0;
	}
	.banner-bottom-text-pos {
		top:65%;
		left: 7%;
	}
	
}
@media (max-width:800px){
	
	.center-container {
		padding: 0em 0 3em;
	}
}
@media (max-width: 768px){
	span.menu {
	  display: block;
	  cursor: pointer;
	  width: 100%;
	  position: relative;
	  text-align: center;
	  margin:0;
	}

}
@media (max-width:667px){
	.box {
		width: 266px;
		height: 320px;
	}
	.item, .item-hover, .item-hover .mask, .item-img, .item-type-move .item-info {
		width: 207px;
		height: 256px;
	}
}
@media (max-width:640px){
	.logo h1 a {
		font-size: 2em;
	}
	.logo {
		padding: 7em 0px 6em;
		width:65%;
	}

}
@media (max-width:568px){
	.logo h1 a {
		font-size: 1.7em;
	}
	
}
@media (max-width:480px){
	.logo h1 a {
		font-size: 1.5em;
	}
	.logo h1 a i {
		font-size: .2em;
	}
	.logo {
		padding: 5em 0px 4em;
	}
	.center-container {
		padding: 0em 0 2em;
	}

}
@media (max-width: 414px){
	.logo h1 a {
		font-size: 1.2em;
	}
	.logo h1 a i {
		font-size: .3em;
	}
	.start a {
		padding: 10px 35px 8px;
		font-size: 14px;
		letter-spacing: 2px;
	}
	
}
@media (max-width:384px){
	.logo {
		width: 68%;
	}
}
@media (max-width:375px){
	
	.logo h1 a {
		font-size: 1.1em;
	}
	
}
@media (max-width:320px){

	.logo {
		width: 77%;
		padding: 4em 0px 3em;
	}
	
	.logo h1 a {
		font-size: 1em;
	}
}