/* banner */
#banner {padding: 78px 0 0;width: 100vw;z-index: 3;}
#banner .slick-slide { min-width: 100vw; }
#banner .item { height: 75vh; }
#banner .item:before{content:'Property management';font-size: 100px;color: #ffffff;opacity: 1;font-weight: 200;width: 840px;position: absolute;line-height: 120%;left: 10%;top: 13%;z-index: 1;opacity: 0.4;font-family: "Playfair Display", sans-serif;color: transparent;-webkit-text-stroke: 0.4px #fff;line-height: 100%;}
#banner .main-slider { -webkit-clip-path: url(banner.css#clip_banner); clip-path: url(banner.css#clip_banner); }
#banner .item .clip  {width: 100vw;right: 0;}
#banner .item:after {background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 10%, rgb(0 0 0 / 68%) 100%);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;content: "";opacity: 1;}

#banner .item .clip iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item .clip video { overflow: hidden; position: absolute; width: 100%; height: auto; top: 50%; left: 50%; }
#banner .item .info{}
#banner .item .info >div {margin: auto 0 6% 10%;z-index: 10;width: 50%;}
#banner .item .info >div .txt {-webkit-transition-delay: .2s;transition-delay: .2s;letter-spacing: 2px;}
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
#banner .item .info >div .txt >* {font-size: 23px;color: rgb(255 255 255 / 80%);letter-spacing: 2.5px;margin-top: 22px;}

#banner .item .info >div .txt h3:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 70px;
    height: 4px;
    background-color: #ffffff;
}

#banner .item .info >div .txt h3 {margin-bottom: 25px;line-height: 150%;font-size: 40px;color: #ffffff;font-weight: 600;width: 100%;}
#banner .item .info >div .txt h3:last-child{display:none;}
#banner .item .info >div .txt p{margin-bottom: 60px;}
#banner .more_btn{display: inline-flex;align-items: center;font-family: "Playfair Display", sans-serif;font-size: 16px;font-weight: 300;margin-left: 40%;/* banner */
#banner {padding: 88px 0 0;width: 100vw;z-index: 3;}
#banner .slick-slide {min-width: 100vw; }
#banner .item {height: 90vh; }
#banner .item:before{content:'GO WITH TEAM';font-size: 176px;color: #010101;opacity: .05;font-weight: 900;width: 600px;position: absolute;line-height: 120%;left: 8%;top: 3%;}
#banner .main-slider {-webkit-clip-path: url(banner.css#clip_banner);clip-path: url(banner.css#clip_banner); }
#banner .item .clip  {width: 70vw;right: 0;left: unset;}
#banner .item .clipiframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0; }
#banner .item .clipvideo {overflow: hidden;position: absolute;width: 100%;height: auto;top: 50%;left: 50%; }
#banner .item .info >div {margin: auto 0 6% 10%;width: 500px;}
#banner .item .info >div .txt {-webkit-transition-delay: .2s;transition-delay: .2s;}
#banner .item .info >div .txt:nth-child(2) { -webkit-transition-delay: .4s;transition-delay: .4s; }
#banner .item .info >div .txt >* {max-width: calc(100% - 30px);font-size: 25px;color: #727171;}
#banner .item .info >div .txt h3 {margin-bottom: 25px;line-height: 150%;font-size: 70px;word-spacing: 100vw;max-width: 100%;color: var(--primary);}
#banner .item .info >div .txt h3:last-child{display:none;}
#banner .item .info >div .txt p{text-decoration: underline;margin-bottom: 85px;}
#banner .more_btn{display: inline-flex;align-items: center;font-family: "Playfair Display", sans-serif;font-size: 16px;font-weight: 500;margin-left: 40%;}

/* arrow */
#banner .arrow {bottom: 40px;left: 50px;z-index: 5;}
#banner .arrowa {margin: 0 7px;}

/* slick-dots */
#banner .slick-dots {text-align: right;bottom: 0vw;margin: auto 0;width: 1vw;height: 30vh;top: 0;left: 83px;position: absolute;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#banner .slick-dots:before{content:"";position:absolute;top: -50px;width:1px;height: 54vw;background-color: rgb(255 255 255 / 30%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#banner .slick-dotsli{margin:5px 0;}
#banner .slick-dotsli:before {margin: auto;display: block;border: 1px rgb(42 42 42 / 90%) solid;content: "";width: 8px;height: 8px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
#banner .slick-dotsli.slick-active:before {border-color: #383838;background-color: #383838;width: 8px;height: 8px;}
#banner .slick-dotslibutton{display:none;}@media screen and (max-width: 1680px){
 #banner .slick-dots:before{height: 65vw;}
}@media screen and (max-width: 1366px){
 #banner .slick-dots:before{height: 55vw;}
 #banner .item .info >div .txt h3{font-size: 50px;}
}@media screen and (max-width: 1280px){
 #banner { padding-top: 70px; }
}@media screen and (max-width: 1024px){
 #banner .arrow{display:none;}
 #banner .slick-dots{display: none !important;}
 #banner .slick-dots:before{display:none;}
 #banner .item .info >div{margin-bottom:5%;margin-left: 5%;}
 #banner .item .info >div .txt p{margin-bottom:50px;}
 #banner .item {height:  75vh; }
 #banner .item:before{display:none;}
}@media screen and (max-width: 768px){
 #banner .item .info >div .txt{display:flex;position: relative;}
 #banner .item .info >div .txt h3:last-child{display:block;position: absolute;color: #fff;clip-path: inset(0 0 80px 0);}
 #banner .more_btn{margin-left:0;}
 #banner .item .info >div{margin:0 auto;width:90%;}
 #banner .item .clip{width:100vw;position: relative;height: 55vw;}
 #banner .item {height: auto;}
 #banner .info{position:relative;display: block;top: unset;left: unset;margin-top: -75px;}
};background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--secondary)));background: linear-gradient(to right, var(--primary), var(--secondary));}

/* arrow */
#banner .arrow {bottom: 40px;left: 50px;z-index: 5;}
#banner .arrow a {margin: 0 7px;}

/* slick-dots */
#banner .slick-dots {text-align: right;bottom: 0vw;margin: auto 0;width: 1vw;height: 30vh;top: 0;left: 83px;position: absolute;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#banner .slick-dots:before{content:"";position:absolute;top: 70px;width:1px;height: 54vw;background-color: rgb(255 255 255 / 30%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#banner .slick-dots li{margin:5px 0;}
#banner .slick-dots li:before {margin: auto;display: block;border: 1px rgb(42 42 42 / 90%) solid;content: "";width: 8px;height: 8px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
#banner .slick-dots li.slick-active:before {border-color: #383838;background-color: #383838;width: 8px;height: 8px;}
#banner .slick-dots li button{display:none;}

@media screen and (max-width: 1680px){
	#banner .slick-dots:before{height: 65vw;}
}
@media screen and (max-width: 1366px){
	#banner .slick-dots:before{height: 55vw;}
	#banner .item .info >div .txt h3{font-size: 40px;}
}
@media screen and (max-width: 1280px){
	#banner { padding-top: 70px; }
}
@media screen and (max-width: 1024px){
	#banner .arrow{display:none;}
	#banner .slick-dots{display: none !important;}
	#banner .slick-dots:before{display:none;}
	#banner .item .info >div{margin-bottom: 8%;margin-left: 5%;}
	#banner .item .info >div .txt p{margin-bottom:50px;font-size: 18px;}
	#banner .item { height:  75vh; }
	#banner .item:before{display:none;}
}
@media screen and (max-width: 768px){
	#banner .item .info >div .txt{display:flex;position: relative;}
	#banner .item .info >div .txt h3:last-child{display:block;position: absolute;color: #fff;clip-path: inset(0 0 80px 0);}
	#banner .more_btn{margin-left:0;display: none;}
	#banner .item .info >div{margin:0 auto;width:90%;}
	#banner .item .clip{width:100vw;position: relative;height: 85vw;}
	#banner .item {height: auto;}
	#banner .info{/* position:relative; *//* display: block; *//* top: unset; *//* left: unset; *//* margin-top: -75px; */bottom: 0;top: auto;height: 230px;}
}
@media screen and (max-width: 640px){
	#banner .item .info >div .txt h3{font-size: 30px;}
	#banner .item .info >div .txt h3:last-child{clip-path: inset(0 0 50px 0);}
	#banner .info{}
	#banner .item .info >div .txt p{font-size:20px;}
	#banner .more_btn{font-size:15px;padding: 20px 20px;}
	#banner .item:after{}
}