@charset "utf-8";


#section0 {background-color:#272b36;}
#section1 {background-color:#fff;}
#section2, #section2 .fp-tableCell {
  padding:0;
  height:auto !important;
  text-align:left;
}

.fp-slidesContainer {width: 100%!important; transform: none!important;}
.fp-slide {width: 100%!important; position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 0; transition: all 1s ease-in-out;}
.fp-slide.active {visibility: visible; opacity: 1; z-index: 1;}

.slide {text-align:left;}
.slide h3 {overflow:hidden; padding-bottom:40px; line-height:normal; font-size:64px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:-.5px;}
.slide p {color:#fff; font-size:20px; line-height:28px; font-weight:500; letter-spacing:0;}
.slide_pd {padding:30vh 0 0 12vh; position:relative; z-index:1;}
.fp-slide.active h3, .fp-slide.active p {
  animation: text-up 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
  animation-delay:0.3s;
  opacity:0;
}
.fp-slide.active p {
  animation-delay: 0.5s;
  margin-right:4px;
}
@keyframes text-up {
  from {
    transform: translate3d(0, 80%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
     opacity:1;
  }

}

.mm_scroll_box {position:absolute; bottom:0; right:20px; height:150px; z-index:1;}
.mm_scroll_box .t_rota {transform:rotate(90deg); color:#fff; font-size:12px; font-weight:300;}
.mm_scroll_box .scroll_lin {position: absolute; bottom:0px; left:4.2%; height:240px; z-index: 999;}
.mm_scroll_box .scroll_lin p {position:absolute; bottom:195px; left:50%; width:70px; margin-left:-4.5px; color:rgba(255,255,255,0.5); font-size:9px; letter-spacing:1px; font-weight:300; transform:rotate(-90deg); transform-origin:0% 0%;}
.mm_scroll_box .scroll_lin {overflow:hidden; position:absolute; bottom:0; left:70%; margin-left:-1px; width:3px; height:185px; z-index:9; background-color: rgba(255,255,255,0.3);}
.mm_scroll_box .scroll_lin::after {display: block; content: ""; width: 100%; height: 45px; background: #fff; position: absolute; top: 0; left: 0; animation: scroll_ani 2s infinite;}
@keyframes scroll_ani {
  0%, 20% {top: -45px;}
  100% {top: 100%;}
}


/*Adding background for the slides
* --------------------------------------- */
/* #slide1 {background:url(../img/main/img_mm_visual_1.jpg) no-repeat center; background-size:cover;} */
#slide2 {background:url(../img/main/img_mm_visual_2.jpg) no-repeat center; background-size:cover;}
#slide3 {background:url(../img/main/img_mm_visual_3.jpg) no-repeat center; background-size:cover;}
#slide4 {background:url(../img/main/img_mm_visual_4.jpg) no-repeat center; background-size:cover;}
.video_visual {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: contain; object-fit: cover; z-index:0;}

.bussiness_box,
.bussiness_slider_form {height:100%;}
.bussiness_slider_form::after {content:""; display:block; clear:both;}
.bussiness_slider_form .col {position:relative; float:left; display:block; width:20%; height:100%; overflow:hidden;}
.bussiness_slider_form .col:hover {transition:.2s;}
.bussiness_slider_form .col .buss_info_box {display:table;padding-left:20%; height:100%;}
.bussiness_slider_form .col .buss_info_box .buss_info_txt {display:table-cell; vertical-align:middle;}
.bussiness_slider_form .col .buss_info_box .buss_info_txt > * {position:relative; color:#fff; z-index:1;}
.bussiness_slider_form .col .buss_info_box .buss_info_txt strong {font-size:30px;}
.bussiness_slider_form .col .buss_info_box .buss_info_txt p {margin:10px 0 10vh; font-weight:300; opacity:.6;}
.bussiness_slider_form .col .bg_buss {position:absolute; top:0; height:100%; width:100%; transform:scale(1.01); z-index:0;}
/*.col:hover .bg_buss {position:absolute; left:0; background-size:cover; animation:ani_banner 2s ease-in-out; z-index:0;}
@keyframes ani_banner{
  0%{transform:scale(1.0)}
  100%{transform:scale(1.1)}
}
*/

.btn_more {display:block; padding:0 15px; font-size:13px; font-weight:300; width:130px; height:43px; line-height:40px; border-radius:50px; border:1px solid #fff; background-color:rgba(255, 255, 255, .1);}
.btn_more .arrow {width:1.1vmin; height:1.1vmin; box-sizing: border-box; position: absolute; left:77%; top:17px; transform: rotate(45deg);}
.btn_more .arrow::before {content: ''; width:100%; height:100%; border-width: .3vmin .3vmin 0 0; border-style: solid; border-color: #fff; transition: .2s ease; display: block; transform-origin: 100% 0;}
.btn_more .arrow::after {content: ''; float: left; position: relative; top: -100%; width: 100%; height: 100%; border-width: 0 .3vmin 0 0; border-style: solid; border-color: #fff; transform-origin: 100% 0; transition:.2s ease;}
.col:hover .btn_more {color:#fff; background-color:#ce2e34; transition:.5s; border:1px solid #ce2e34;}

/* bg img */
.col:hover .bg_buss {transition:.5s;}
.bg_buss.ndustrial {background:url(../img/main/img_mm2_visual_1.jpg) no-repeat 100%; background-size:cover; }
.bg_buss.housing {background:url(../img/main/img_mm2_visual_2.jpg) no-repeat 100%; background-size:cover;}
.bg_buss.lode {background:url(../img/main/img_mm2_visual_3.jpg) no-repeat 100%; background-size:cover;}
.bg_buss.golf {background:url(../img/main/img_mm2_visual_4.jpg) no-repeat 100%; background-size:cover;}
.bg_buss.others  {background:url(../img/main/img_mm2_visual_5.jpg) no-repeat 100%; background-size:cover;}
.col:hover .bg_buss.ndustrial {background:url(../img/main/img_mm2_visual_1_hover.jpg) no-repeat 100%; background-size:cover; }
.col:hover .bg_buss.housing {background:url(../img/main/img_mm2_visual_2_hover.jpg) no-repeat 100%; background-size:cover;}
.col:hover .bg_buss.lode {background:url(../img/main/img_mm2_visual_3_hover.jpg) no-repeat 100%; background-size:cover;}
.col:hover .bg_buss.golf {background:url(../img/main/img_mm2_visual_4_hover.jpg) no-repeat 100%; background-size:cover;}
.col:hover .bg_buss.others  {background:url(../img/main/img_mm2_visual_5_hover.jpg) no-repeat 100%; background-size:cover;}

.br_txt {font-weight:600;}