/*resize*/
.navbar .navbar-nav{padding-left: 85px; }
a:hover{    text-decoration: unset!important; }
header .navbar-brand{ background: url(../images/logo.png) no-repeat left center!important; background-size: 100% auto!important;}


/*reset*/
.u-go-to-v1:hover, .u-go-to-v1:focus:hover{ background-color: #e8afb6!important; }

/*tool*/
.width-rwd{width: 80%!important; max-width: unset!important; display: block; margin: auto;}

.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.f-14{ font-size: 14px!important; }
.f-12{ font-size: 12px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.c-534741{ color:#534741; }
.c-666{color: #666;}
.c-cb8a92{color: #cb8a92;}
.c-c6858d{color: #c6858d!important;}
.c-ff5057{color: #ff5057!important;}
.c-FFB200{color: #FFB200!important;}
.c-e9b48f{color: #e9b48f!important;}
.border-cb8a92{border: 1px solid #cb8a92;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }

.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%;display: block; margin: auto;}

.hidden{overflow: hidden;}
.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-non{padding: unset!important;}
.pd-l-10{ padding-left:10px; }
.pd-10{ padding:10px; }
.pd-15{ padding:15px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-0{margin-bottom: 0px!important;}
.pd-non{padding-bottom: unset!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.ml-20{margin-left: 20px;}
.ml-s-3{margin-left: 3px;}
.height-233{ height: 233px;}
.flex-wrap{ flex-wrap: wrap;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img-case */
.box-img-case{ overflow: hidden; width: 100%; padding-top:calc( 5 / 4 * 100% ); position: relative; background-color: #e9e9e9; }
.box-img-case img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%;}


/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%;}
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100%  ); position: relative; background-color: #f3f3f3;}
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%; }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 180px ) ; position: relative; background-color: #bebebe; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width: 100%; }
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }
/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; padding: 8px 16px; text-decoration: none;}
ul.pagination-m li a.active { background-color: #c6858d;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}

body{ font-size: 18px !important; }

.g-bg-magg{ background-color: #fff; }
.top-image{ width: 100%; padding:100px;  }

.main-margin{ margin-top:70px; }

#nav-link--features:hover ,#nav-submenu--features .dropdown-item .nav-link:hover{ color:#f9d3d6; }

.footer-main .row ul{ list-style: none;  padding: 0;}
.footer-main .row ul a{ color:#fff; }


/*clean ear house*/
.social-icon{ display: flex; list-style: none;margin-top: 15px;}
.social-icon li{ margin-right: 10px; }

.u-btn-coffe{ color:#fff; background-color: #ca9c60; }


.price-img{     margin: auto; display: flex; }

.f-black{ color: #000 !important; }

/*space*/
.video-box{ background-color: #ccc; position: relative; }
.video-t{ position: absolute; top: 20%; left: 10%;    color: #fff;font-size: 24px; font-weight: bold;  margin-right: 10%;}
.video-box p{ width: 80%; border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 20px 10px	; }

.vt3-box{ position: absolute; bottom: 20%; left: 45%; width: 50px; height: 50px; display: block; border-radius: 50%; border: 1px solid #fff;}
.vt3-box::before{ content: '►'; position: absolute; left: 35%; top: 20%; color: #fff; }
.pink-cover{ position: absolute; opacity: 80%; }
.pink-cover:hover{ opacity: 50%; }

/*---*/
.height-set-3{height: 71px; overflow: hidden;}
.max-height-set-2{height: 71px; overflow: hidden;}
.max-height-set-3{height: 40px; overflow: hidden;}
.about-area{padding: 100px 20px;}
.index-about-main{display: block; margin: auto;}
.color-line{ width: 3px; height: 15px; background-color: #; }
.service-border-left{ border-left:2px solid #b1834e; }
.service-text p{margin-bottom: 0px;}
.class-area{ padding: 100px 0;}
.btn-000{ transition: ease 0.8s all; width: 30px; height:30px; border: 1px solid transparent; background-color: #fff; display: inline-block; border-radius: 50%; position: relative; left: 50%;margin-top: 30px;}
.btn-000::after{ transition: ease 0.8s all; content: ''; width: 100px; height: 50px; background-image: url(../../assets/images/arrow-left.png);background-repeat: no-repeat;display: block; background-size: 51%; position: absolute; left: -35px; }
.btn-000:hover{ opacity: 1; box-shadow: 0 0 15px #f7eee9; border: 1px solid #fff; }
.btn-000:hover::after{ left: -30px; }
.btn-about-re{ padding: 10px 150px;display: inline-block; border-radius: 10px; position: relative; left: calc( 50%); transform: translateX(-50%); margin-top: 60px; }
.btn-about-re:hover{ background-color: rgba(255, 255, 255, 0.7); color: #cb8a92; }
.footer-info1{  background-image: url(../../assets/images/footer1.jpg);background-size: cover; padding: 40px 170px;}
.footer-info2{ background-image: url(../../assets/images/footer2.jpg);background-size: cover; padding: 40px 170px;}
.f-main{ background-color: #fff; padding: 16px 20px; position: relative; z-index: 10;}
.f-main p{ text-align: center; color:#000;font-size: 16px;line-height: 2.2; }
.f-title{padding: 5px; border-bottom: 1px solid #000; display:block; width: 100px; margin:0 auto 30px auto; color: #000; font-size: 20px!important;font-weight: 900; }
.footer-info1:hover::after{ content: '';width: 100%; padding-top:100% ; background-color:  rgba(255,255,255,0.4) ; position: absolute;left: 0; top: 0; display: block; z-index: 1;}
.footer-info2:hover::after{ content: '';width: 100%; padding-top:100% ; background-color:  rgba(255,255,255,0.4) ; position: absolute;left: 0; top: 0; display: block; z-index: 1;}
.f-main a:hover{color: #000;}
.page-about-txt{ display: inline-block; text-align: center; position: relative;  left: 50%; transform: translateX(-50%); margin-bottom: 80px;}
.page-about-txt span{ text-align: center; display: block; line-height: 2;}
.page-num-pd{ padding: 1px 10px;  }
.u-pagination-v1-4--active{ background-color: #9d8980!important; border:1px solid #9d8980!important; }
.contact-map-h{ height:66vh !important; }
.contact-text-pd{ padding:20px 50px; }
.contact-section2{display: flex; flex-direction: row-reverse;}
.content-main img{ max-width: 100%; }
.service-main p{ text-align: center; color:#000; margin-top: 20px;margin-bottom: 25px; }
.reserve-btn{padding: 5px 30px; border: 1px solid #cb8a92; color: #cb8a92; font-size: 16px; border-radius: 15px;position: relative; left: 50%; transform: translateX(-50%); display: inline-block; margin-top: 50px; }
.reserve-btn:hover{  color: #cb8a92; background-color: rgba(255, 255, 255, 0.2);}
.index-news-block{box-shadow: 0 0 5px #ccc; padding-bottom: 30px;}

.video-yt img{ max-width:100% ; }
.lSAction{  position: relative;left: 45%; }
.lSAction > .lSPrev{ left:unset!important;     background-image: url(../../assets/images/lSPrev.png); background-size: 100%; background-repeat: no-repeat; opacity: unset; }
.lSAction > a{ margin-top: 7px!important;  }
.lSAction > .lSNext{ left: 55px!important;background-image: url(../../assets/images/lSNext.png); background-size: 100%; background-repeat: no-repeat; opacity: unset;    background-position: 0 0!important; }
.lSSlideWrapper{  padding-bottom: 43px; }
.lSSlideOuter{ padding-bottom: 43px; }

.video-yt blockquote, .video-yt a ,.video-yt video{width: 100%!important;}
.video-tt li{ height: 639px; overflow: hidden;}
.footer-main{padding: 100px 0; background-color: #f1e4e5; background-image: url(../../assets/images/footer-bg.png); background-position: left bottom; background-repeat: no-repeat;}
.f-contact-info p{font-size: 16px; margin-bottom: 5px;color: #000;}
.f-contact-info a{color: #000;}
.f-contact-info a:hover{color: #888;}

.f-logo{ width: 260px; max-width: 100%; }
.navbar-nav .active a{ color:#c6858d!important; }
.plen-title{padding: 30px ; background-color: #c6858d; color: #fff;}
.service-p{background-color: #fff; padding: 10px; border-radius: 5px; height: 730px; overflow: hidden;  }
.plen-main-tt-s{padding:8px 30px;  display: inline-block; position: relative; left: 50%; transform: translateX(-50%); border-radius: 5px; background-color: #e9e9e9; color: #c6858d!important; margin-bottom: 10px!important;}
.plen-main p{color: #919191;}
.service-text-deco{ text-decoration: underline; text-decoration-style: dotted;text-decoration-color: #f7bfc6; }


@media(max-width: 1700px){
	.width-rwd{width: 100%!important; }
}

@media(max-width: 1452px){
	.width-rwd{width: 95%!important; }
	.navbar .navbar-nav{padding-left: 10px;}
	.navbar-expand-lg .navbar-collapse{margin-right: unset!important;}
}

@media(max-width: 1380px){
	.footer-info1{  padding:89px 54px;}
	.footer-info2{ padding: 89px 54px;}
}

@media(max-width: 1370px){
	.navbar-nav .nav-link{font-size: 14px;}
}



@media(max-width: 1300px) and (min-width: 768px){
	.plen-title h3{ font-size: 18px!important; }

	.page-service-main .row{display: flex;justify-content: center; }
	.col-md-6-only{ width: calc( 100% / 2 - 40px )!important;flex: unset!important; max-width: unset!important; }
}


@media (max-width: 1200px){
	.vt3-box{ bottom: 10%;}
}

@media(max-width: 1100px){
	.footer-info1{  padding: 89px 54px;}
	.footer-info2{ padding: 89px 54px;}
}

@media(max-width: 1024px){
	/*tool*/
	.m-non-float{ float: unset; }
	.m-pb-40{ padding-bottom: 50px; }
	.m-mb-50{ margin-bottom: 50px; }
	.m-mb-317{ margin-bottom: 317px!important; }
	.m-width-100{ width:100%!important; margin: auto;}

}

@media(min-width: 992px){
	.navbar-expand-lg .navbar-collapse { justify-content: flex-end; }
}

@media(max-width: 991px){
	/*tool*/
	.m-close{ display: none!important; }
	.m-open{ display: block!important; }

	.footer-info1{  padding: 38px 19px 38px 29px;}
	.footer-info2{ padding: 38px 19px 38px 29px;}
	.f-main p{ line-height: 1.8; }
	.f-title{     margin: 0 auto 15px auto; }
	.f-main{ padding: 10px; }

	
	.contact-map-h{ height:36vh !important; }
	.content-main img{ max-width: 100%; width: 100%; height:unset!important; }
	.page-about{     background-size: 319%!important; background-position: -2% top!important;}
	.about-area-0119{     background-size: 188%!important;background-repeat: no-repeat!important; background-position: -168px 0!important; padding: 50px 20px!important;}
	.demo{width: 80%; display: block; margin: auto; overflow: hidden!important;}
	.btn-about-re{    padding: 10px 50px!important; display: block!important; position: unset!important; transform: unset!important; }

	.service-p{height: unset!important; overflow: hidden!important;  }

} 

@media (max-width: 900px){

	.about-img{ max-width: 100%; }
	.price-img{ max-width: 100%; }
	.video-t{ font-size: 16px; }
	.vt3-box{ display: none; }
	.m-logo{ text-align: center; margin: auto; display: block;}
	.about-yt{width: 100%!important; height:200px; }
}

@media(max-width: 768px){
	.contact-section2{display: flex; flex-direction: column;}
}