@charset "utf-8";
/* CSS Document */

/* ===========================
--- Intro - home video
============================ */

#intro.home-video {
	/*position: relative;*/
	text-align: center;
}

#intro.home-video .homevideo-container { /*height: 100%; width: 100%; position: absolute; z-index: 1; background-size: cover;*/ }

#intro.home-video .overlay {
	/*position: relative;
	height: 100%;
	z-index: 2;
	padding: 20% 0;*/

}


.movie_main_wrap05 { margin-top:-20px;}
.movie_main05 { width:100%; height:auto;}
.movie_main05 {
    /*position: relative;
    padding-bottom: 52.8%;
    padding-top:30px;
    height:0; 
    overflow:hidden; 
	 max-width: 100%;*/
}
.movie_main05 iframe, movie_main05 object , movie_main05 embed {
 /*position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%;*/
}


#intro .m_movie {position:relative; max-height:800px; overflow:hidden;}
#intro .m_movie:before {content:''; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0, 0, 0, 0.7); z-index:98;}
#intro .m_movie video {width:100%; /*margin-top: -140px;*/}
#intro .m_movie .movie_txt {position:absolute; left:0; right:0; top:280px; z-index:99;}
#intro .m_movie .movie_txt .font_k { font-size:70px; line-height:50px;}
#intro .m_movie .movie_txt .bold {margin-bottom:20px; font-size:40px;}
#intro .m_movie .movie_txt p {color:#fff; font-size:18px; line-height:40px; font-family: 'Lato', sans-serif;}
#intro .m_movie .movie_txt .btn {margin:40px 10px 0 10px;}
#intro .m_movie .movie_txt .movie_day {display:none; vertical-align:middle; width:600px; margin-top:20px;}
#intro .m_movie .movie_txt .movie_day > div {display:inline-block; vertical-align:middle; float:left; width:25%;}
#intro .m_movie .movie_txt .movie_day p {width:100px; height:100px; margin:0 auto; background-color:rgba(255,138,0,0.8); border-radius:100px; line-height:100px; text-align:center; font-size:40px;}
#intro .m_movie .movie_txt .movie_day span {display:block; margin-top:10px; color:#fff;}
#intro .m_movie li {height:500px; background-repeat:no-repeat; background-position:center center;}

#intro .m_movie .movie_main_wrap03 {width:100%;}

#intro .btn-get-started, #intro .btn-get-service {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 8px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}
#intro .btn-get-started { 
  background: #e50054;
  border: 2px solid #e50054;
  color: #fff;
  }
#intro .btn-get-started:hover {
  background: none;
  border-color: #fff;
  color: #fff;
}
#intro .btn-get-service {
	border: 2px solid #fff;
	}

#intro .btn-get-service:hover {
  background: #e50054;
  border-color: #e50054;
  color: #fff;
}


@media all and (min-width:415px) {

#intro .m_movie video { /*margin-top: -140px;*/}

}


@media all and (max-width:1360px) {
#intro {/*padding-top:10px;*/}

#intro .m_movie .movie_txt {top:50%;margin-top:-95px;}
#intro .m_movie li {height:500px;}

}


@media all and (max-width:1000px) {

#intro .m_movie .movie_txt {margin-top:-57px;}
#intro .m_movie .movie_txt .font_k {margin-bottom:5px; font-size:30px; line-height:30px;}
#intro .m_movie .movie_txt p {font-size:16px; line-height:40px;}
#intro .m_movie .movie_txt .btn {margin:10px 0 0 0;}
#intro .m_movie .movie_txt .movie_day p {width:50px; height:50px; line-height:50px; font-size:18px;}
#intro .m_movie li {height:300px;}

}


@media all and (max-width:767px) {
	
#intro .btn {width:100%;}
#intro .m_movie .movie_txt {margin-top:-40px;}
#intro .m_movie .movie_txt .font_k {font-size:20px; line-height:14px;}
#intro .m_movie .movie_txt .bold {margin-bottom:5px; font-size:20px;}
#intro .m_movie .movie_txt p {font-size:12px; line-height:19px;}
#intro .m_movie .movie_txt .movie_day {width:90%;}
#intro .btn-get-started, #intro .btn-get-service { font-size: 14px; padding: 6px 16px; margin:8px 8px 8px 8px; }

}