@charset "utf-8";

#opening {
	z-index: 11000;
	position: relative;
}

#openingBg {
	background-size: cover;
	background-repeat: no-repeat;
	display:table;
	width: 100%;
text-align:center;
}

.big-background{
  display: table;
  width: 100%;
  text-align:center;
  position:relative;
}

.big-background #brand { position:absolute; top:50px; right:50px;}

#logoimg { opacity: 0; max-width: 501px; width: 90%;}

#logoimg img {width: 100%; max-width: 501px;}
.big-background .inner,
#openingBg .inner{
  display: table-cell;
  vertical-align: middle;
  position:relative;
  padding:0 5%;
}

@media (max-width: 640px) {
	#logoimg img{ width:100%;}
	#openingBg {background-position: center center;
}
}

.inner img{
	
}



.big-background #loading { position:absolute; top:15%; left:0%; width:100%; text-align:center;}

.big-background h2 img { text-align:center !important; margin-bottom:10px;}
.big-background h2 { font-size:36px; color:#FFF !important; opacity: 0;}
.big-background h2 span {font-size:28px; color:#FFF !important;}

@media (max-width: 640px) {
	.big-background h2 img {height: 38px;}
	.big-background h2 { font-size:30px; color:#FFF !important;}
	.big-background h2 span {font-size:24px; color:#FFF !important;}
}
@media (max-width: 480px) {
	.big-background h2 img {height: 28px;}
	.big-background h2 { font-size:24px; color:#FFF !important;}
	.big-background h2 span {font-size:18px; color:#FFF !important;}
}

/* BIG VIDEO BACKGROUND
================================================== */
.big-background {
    z-index:550;
    text-align:center;
    position:relative;
    overflow:hidden;
	background: #000;
}

#top .big-background aside { display:none;}

#top .big-background {
	background: url(../images/top/main_01.jpg) no-repeat center/auto 100%, #e6e0d0;
}

#top .big-background#mv02 {
	background: url(../images/top/main_02.jpg) no-repeat center/auto 100%, #e6e0d0;
}

#top .big-background#mv03 {
	background: url(../images/top/main_03.jpg) no-repeat center/auto 100%, #e6e0d0;
}

@media (max-width: 980px) {

#top .big-background { position: relative;}
#top .big-background aside { display:block; position:absolute; bottom:5px; right:5px; text-align:right; font-size:8px; color:#FFF;}

#top .big-background {
	background: url(../images/top/main_01_sp.jpg) no-repeat center/cover;
}
#top .big-background#mv02 {
	background-image: url(../images/top/main_02_sp.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#top .big-background#mv03 {
	background: url(../images/top/main_03_sp.jpg) no-repeat center/cover;
}
}
.big-background .big-background-container {
    width:830px;
    max-width:100%;
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}

.big-background-title {
    font-family:'Raleway',sans-serif;
    font-size:78px;
    color:#fff;
    font-weight:300;
    text-transform:uppercase;
    text-align:center;
    margin-bottom:22px;
    padding-top:20px;
    display:inline-block;
    background-attachment:scroll;
    background-repeat:repeat-x;
    background-position:top center
}

a.big-background-btn {
    font-family:'Lato',sans-serif;
    font-size:13px;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    background:transparent;
    border:2px solid #fff;
    padding:10px 14px;
    cursor:pointer;
    letter-spacing:2px;
    text-align:center;
    display:inline-block;
    -webkit-transition:.4s background ease;
    -moz-transition:.4s background ease;
    -o-transition:.4s background ease;
    transition:.4s background ease;
}

.big-background-btn:hover {
    color:#fff;
    background:rgba(255,255,255,0.20)
}

.big-background-default-image {
    background:url(../images/sunset.jpg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    width:100%;
    height:100%;
    z-index:0;
    backface-visibility:hidden
}

