@charset "utf-8";

#main_layout{min-height:100vh;background-color:#444;}
#main_layout #header.main{position:fixed;top:24px;left:43px;padding-bottom:10px;z-index:500;color:#fff;transition:all 0.3s;overflow:hidden;white-space:nowrap;}
#main_layout #header.main:before{content:"";width:100%;height:100%;background-color:#222;position:absolute;left:0;top:0;transition:0.3s;z-index:100;}
#main_layout #header.main.active:before{left:100%;}
#main_layout #header.main #hd_wrap{}
#main_layout #header.main #hd_wrap #logo{}
#main_layout #header.main #hd_wrap #logo a{}
#main_layout #header.main #hd_wrap #logo a img{width:72px;max-width:72px;}
#main_layout #header.main #hd_wrap #nav{margin-top:50px;}
#main_layout #header.main #hd_wrap #nav ul{}
#main_layout #header.main #hd_wrap #nav ul li{font-size:11px;}
#main_layout #header.main #hd_wrap #nav ul li + li{margin-top:24px;}
#main_layout #header.main #hd_wrap #nav ul li a{color:#fff;transition:all 0.3s;position:relative;}
#main_layout #header.main #hd_wrap #nav ul li a:before{content:"";display:block;width:0;height:1px;background-color:#ee2823;position:absolute;left:0;bottom:-3px;transition:all 0.3s;}
#main_layout #header.main #hd_wrap #nav ul li a:hover{color:#ee2823;}
#main_layout #header.main #hd_wrap #nav ul li a:hover:before{width:100%;}

#main_layout #footer{color:#fff;}
#main_layout #footer .ft_link{position:fixed;z-index:500;left:43px;bottom:38px;transition:all 0.3s;overflow:hidden;white-space:nowrap;}
#main_layout #footer .ft_link:before{content:"";width:100%;height:100%;background-color:#222;position:absolute;left:0;top:0;transition:0.3s;z-index:100;}
#main_layout #footer .ft_link.active:before{left:100%;}

#main_layout #footer .ft_info{position:fixed;z-index:500;right:50px;bottom:32px;overflow:hidden;transition:all 0.3s;white-space:nowrap;}
#main_layout #footer .ft_info:before{content:"";width:100%;height:100%;background-color:#222;position:absolute;left:0;top:0;transition:0.3s;z-index:100;}
#main_layout #footer .ft_info.active:before{left:100%;}

#main_layout #footer .ft_info.active{width:245px;}

#main_layout #footer .ft_info .item{float:left;}
#main_layout #footer .ft_info .item + .item{margin-left:33px;}

#main_layout #footer .ft_info .item .tit{font-size:10px;display:block;margin-bottom:15px;}
#main_layout #footer .ft_info .item .cnt{}
#main_layout #footer .ft_info .item .cnt .tell{font-size:16px;font-weight:600;display:block;}
#main_layout #footer .ft_info .item .cnt .email{font-size:10px;margin-top:3px;display:block;padding-left:20px;background-repeat:no-repeat;background-position:left center;background-image:url('../images/common/ft_email.png');}
#main_layout #footer .ft_info .item .cnt .location_link{background-repeat:no-repeat;background-position:center center;background-image:url('../images/common/location_link.png');
display:block;width:30px;height:38px;text-indent:-999em;overflow:hidden;margin-left:15px;}


#main_layout  .section{text-align:center;overflow: hidden;background-color:#000 !important;}
.main_video{position: absolute;right: 0;bottom: 0;top:0;right:0;width: 100%;height: 100%;background-size: 100% 100%;background-color: black; 
	background-position: center center;background-size: cover;object-fit: cover;z-index:3;
}
.section .opa{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:10;}
#section0{background-image: url('../images/main/main_visual1.jpg');}
#section1{background-image: url('../images/main/main_visual2.jpg');}
.main_content .layer.pf{position: absolute;	z-index: 20;width:100%;left:0;top: 44%;padding-left:310px;-webkit-transform: translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);color:#fff;text-align:left;}
.main_content .layer.pf h2{font-family:"FoundryGridnik";font-weight:500;font-size:68px;text-transform:uppercase;line-height:66px;}
.main_content .layer.pf h3{font-family:"FoundryGridnik";font-weight:500;}
.main_content .layer.pf .txt{border-left:1px solid #fff;margin-top:20px;padding-left:18px;}
.main_content .layer.pf .txt .client{font-size:20px;font-family:"FoundryGridnik";font-weight:500;line-height:16px;}
.main_content .layer.pf .txt p{font-size:12px;margin-top:5px;}

.main_content .layer.int{position: absolute;	z-index: 20;width:100%;left:0;top: 50%;padding-left:310px;-webkit-transform: translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);color:#fff;text-align:left;}
.main_content .layer.int h2{font-family:"FoundryGridnik";font-weight:500;font-size:66px;text-transform:uppercase;line-height:80px;}
.main_content .layer.int h3{font-family:"FoundryGridnik";font-weight:500;font-size:30px;text-transform:uppercase;line-height:30px;}
.main_content .layer.int .txt{margin-top:20px;}
.main_content .layer.int .txt .client{}
.main_content .layer.int .txt p{font-size:12px;line-height:22px;}

.main_content .fp-tableCell{position:relative;}
#main_layout  #section0{overflow: hidden;}
#main_layout  video::-webkit-media-controls {display:none !important;	}


#section2{background-image: url('../images/main/main_visual3.jpg');background-size:cover;}

#fp-nav{position:fixed;top:50%;-webkit-transform: translate(-50%,0);z-index:10;}
#fp-nav.fp-right{right:35px;}
#fp-nav ul{}
#fp-nav ul li{}
#fp-nav ul li + li{margin-top:16px;}
#fp-nav ul li a{display:block;width:14px;height:15px;border:1px solid #fff;opacity:0.3;border-radius:0;background-color:transparent;position:relative;transition:all 0.3s;}
#fp-nav ul li a:before{content:"";display:block;width:0;height:0;background-color:#ccd7d9;transition:all 0.3s;position:absolute;left:50%;top:50%;-webkit-transform: translate(-50%, -50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%, -50%);}
#fp-nav ul li a.active{border:1px solid #fff;opacity:1;}
#fp-nav ul li a.active:before{width:4px;height:4px;background-color:#fff;}

.myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		min-height: 100%;
		height:118..5vh;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}