@import url("../css/common-orderlist.css");
@import url("../css/home.css");

.default-banner-section{min-height: 560px;}
.default-container{ min-height: 560px;}
.default-banner-main h1{margin-bottom: -1px;}
.default-banner-main .button{margin-top: 4px;}

.loc-def-section{border-bottom: solid 8px #f3f7fb;}
.loc-def-main{padding: 101px 0 94px; align-items: flex-start;}
.loc-def-aside{font-size: 1rem;line-height: 27px;letter-spacing: -0.42px;padding: 40px 40px 40px;border-radius: 20px;box-shadow: 0 2px 65px 0 rgba(0, 42, 35, 0.1);background-color: #ffffff;}
.loc-def-aside p:not(:last-child){margin-bottom: 29px;}
.tour-clinic-main{padding: 96px 0 100px;}
span.slick-arrow{top: 50%; transform: translateY(-50%); right: 44px; z-index: 8;}
span.slick-arrow.prev-arrow{right: auto; left: 44px;}

.tour-clinic-text{font-size: 1.3125rem; line-height: 2.375rem; letter-spacing: -0.26px;}

.make-unique-main{padding: 0 0 59px;}
.make-unique-text h3{margin-bottom: 25px;}
.make-unique-lists{font-size: 0.9375rem; line-height: 24px; letter-spacing: 0.3px;color: rgba(34, 21, 81, 0.4);}
.list-unique-icon{margin: 0 0 67px;}
.list-unique-text h4{font-size: 22px; line-height: normal;letter-spacing: -0.5px;}

.intro-text{padding: 114px 0 72px; max-width: 850px;}

.loc-contact-section{background-color: #221551; color: #FFFFFF; z-index: 1; overflow: hidden;}
.loc-contact-text{padding-top: 103px; padding-bottom: 109px;}
.loc-contact-map{min-height: 306px;}
.loc-contact-map .wpgmza_map{width: 100% !important; height: 100% !important; min-height: 306px; margin: 0; border-radius: 0; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;}
.loc-contact-map .gm-style .gm-style-iw-c{padding: 20px !important; box-sizing: border-box; color: #221551;}
.loc-contact-map .gm-style .gm-style-iw-c div{padding: 0 !important;}
.loc-contact-map p.wpgmza_infowindow_title{margin-bottom: 17px; font-family: 'PointBold', sans-serif; font-size: 16px; line-height: normal; font-weight: normal; }
.loc-contact-map .gm-ui-hover-effect{min-width: inherit; margin: 0;}
.loc-contact-map .gm-ui-hover-effect img {width: 24px !important; height: 24px !important; margin: 8px 0 !important; }
.loc-contact-map .wpgmza_infowindow_address{font-family: 'PointBook', sans-serif;}
.loc-def-shape {width: 816px;right: -411px;bottom: 120px;position: absolute;z-index: -1;opacity: 0.03;}
.loc-contact-icon{width: 84px; margin-right: 41px;}
.loc-contact-icon img{width: 100%;}
.loc-contact-address{width: calc(100% - 125px); font-size: 1.0625rem; line-height: 26px; letter-spacing: -0.45px;}
.loc-contact-address h4{margin-bottom: 19px; color: #FFFFFF; font-size: 22px; line-height: normal; letter-spacing: -0.5px;}
.loc-contact-tel{margin: 0 0 60px;}
.loc-contact-address p{margin-bottom: 26px;}
.loc-contact-address p a{color: #FFFFFF;}
.loc-contact-address p a:hover{color: #00a78c;}
ul.clinic-hrs{margin: 0 0 40px; font-size: 0.9375rem; line-height: 26px; letter-spacing: -0.39px;}
ul.clinic-hrs li:before{display: none;}
ul.clinic-hrs li{padding: 11px 0 8px; margin: 0; justify-content: space-between; border-bottom: solid 1px rgba(255, 255, 255, 0.07);}
ul.clinic-hrs li:last-child{border-bottom: 0;}
.day{color: rgba(255, 255, 255, 0.5);}

.slider-for-nav-section{padding-bottom: 100px;}
.slider-for-bg{/*background-color: #f3f7fb;*/}
.for-slide-text{max-width: 450px; padding: 81px 0 70px; line-height: 2rem;}
.for-slide-text h2{margin-bottom: -10px;}
.for-slide-text p:not(:last-child){margin-bottom: 22px;}
.pos-role{margin-bottom: 18px; font-size: 1.0625rem;letter-spacing: -0.39px;color: rgba(34, 21, 81, 0.5);font-family: 'PointSemiBold', sans-serif; display: block;}
.slider-for .team-for-slide{position: relative;}
.for-slide-text-wrap{top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute;z-index: 1;}
.for-slide-image{width: 100%; height: 100%;}
.team-nav-slide > a{display: block; width: 100%;  height: 100%;}
.nav-slide-wrap{margin: 0 30px;}
.nav-slide-image img{width: 100%; border-radius: 0 0 40px 40px;}
.nav-slide-text{padding: 30px 51px 40px; bottom: -1px; left: 0; right: 0; width: 100%; height: 100%; position: absolute; font-size: 20px; line-height: 28px; letter-spacing: -0.69px; color: rgba(34, 21, 81, 0.5); cursor: pointer; background-image: linear-gradient(180deg, rgba(243, 247, 251, 0) 1%, #f3f7fb 77%); border-radius: 30px; flex-direction: column; justify-content: flex-end;}
.nav-text-wrap{font-family: 'PointRegular', sans-serif;}
.nav-slide-text span{font-size: 26px; line-height: 30px; letter-spacing: -0.9px; color: #221551; display: block;}
.slider-nav.slick-slider{margin-top: 70px;}

.tour-clinic-left .flipster{overflow: hidden;}
ul.flipster__container{margin: 0; padding: 0;}
ul.flipster__container .flipster__item{vertical-align: middle;}
ul.flipster__container .flipster__item__content{width: 531px; height: 441px;}
ul.flipster__container .flipster__item__content img{width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;}
ul.flipster__container li:before{display: none;}
ul.flipster__container li.flipster__item .flipster__item__content img{width: 100%; border-radius: 0; opacity: 0.10; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out;}
ul.flipster__container li.flipster__item--current .flipster__item__content img{border-radius: 20px; opacity: 1; box-shadow: 0 0 50px 60px #ffffff, 0 2px 50px 0 rgb(34 21 81 / 15%); }
.flipster .flipster__button{width: 37px; height: 37px; top: 50%; right: 47px; margin: 0; padding: 0; min-width: 37px; opacity: 1; transform: translateY(-50%); position: absolute; border: solid 2px #221551; border-radius: 300px; display: block; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; background-color: transparent; letter-spacing: normal; z-index: 10;}
.flipster .flipster__button--prev{left: 47px; right: auto; transform: translateY(-50%) rotate(180deg);}
.flipster .flipster__button--prev.disabled{visibility: hidden; opacity: 0;}
.flipster .flipster__button--next.disabled{visibility: hidden; opacity: 0;}
.flipster .flipster__button svg{display: none;}
.flipster .flipster__button:before{content: ""; width: 8px; height: 13px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-image: url("../images/angle-right.svg"); background-repeat: no-repeat; background-size: 8px 13px; display: block; position: absolute; }
.flipster .flipster__button:hover:before{background-image: url("../images/angle-right-hover.svg"); }
.flipster .flipster__button:hover{border-color: #00a78c;}

/*-- media css starts here --*/
@media only screen and (min-width: 1200px){
	.loc-def-content{width: calc(100% - 473px);}
	.loc-def-aside{width: 383px; margin-left: 90px;}
	.make-unique-text{width: 387px; margin-right: 87px; padding-top: 36px;}
	.make-unique-lists{width: calc(100% - 474px);}
	.tour-clinic-main{flex-direction: row-reverse;}
	.tour-clinic-left{width: 776px; }
	.tour-clinic-text{width: calc(100% - 835px); margin-left: 59px;}
}
@media only screen and (min-width: 1024px){
	.make-unique-list{width: calc(31.333% - 30px); margin: 0 30px 60px;}
	.make-unique-list:nth-child(3n+1){margin-left: 0;}
	.make-unique-list:nth-child(3n+3){margin-right: 0;}
	.loc-contact-text{width: 530px; padding-right: 155px;}
	.loc-contact-map{width: calc(100vw - 530px); margin-right: calc(50% - 100vw);}
	.loc-contact-time h4{margin-bottom: 8px;}
	ul.clinic-hrs{max-width: 222px;}
	.for-slide-text-wrap{min-height: 400px;}
	.nav-slide-text{visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transform: translate3d(0, 1rem, 0);}
	.team-nav-slide:hover .nav-slide-text{visibility: visible; opacity: 1; transform: translate3d(0, 0, 0);}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px){
	h2{line-height: 54px;}
	.loc-def-content{width: calc(100% - 371px);}
	.loc-def-aside{width: 320px; margin-left: 51px;}
	.make-unique-text {	width: 100%;margin: 0 0 50px;}
	.loc-contact-section .container{padding-right: 0;}
	.loc-contact-text{width: 50%; padding-right: 55px;}
	.loc-contact-map{width: 50%; margin-right: 0;}
	.tour-clinic-main{flex-direction: column-reverse;}
	.tour-clinic-left{width: 776px; margin: 0 auto;}
	.tour-clinic-text{width: 100%; margin-top: 59px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
	.loc-contact-main{display: block;}
	.loc-def-main{display: block;}
	.loc-def-content{margin: 0 0 67px;}
	.make-unique-main{display: block;}
	.make-unique-text{width: 100%; margin: 0 0 60px;}
	.make-unique-list{width: calc(50% - 20px); margin: 0 10px 40px;}
	.make-unique-list:nth-child(odd){margin-left: 0;}
	.make-unique-list:nth-child(even){margin-right: 0;}
	.list-unique-icon{margin: 0 0 27px;}
	.loc-contact-section .container{padding: 0;}
	.loc-contact-text{padding: 96px 32px 109px;}
	.tour-clinic-main{display: block;}
	.tour-clinic-text{margin: 0 0 52px;}
	ul.clinic-hrs{max-width: 230px;}
	.loc-btn-center{text-align: left;}
	.loc-contact-map{max-height: 468px;}
	span.slick-arrow.prev-arrow{left: 30px;}
	span.slick-arrow{right: 30px;}
}
@media only screen and (max-width: 767px) and (min-width: 300px){
	.intro-text{padding: 78px 0 67px; max-width: 100%;}
	.loc-def-section{border-bottom: none;}
	.loc-def-main{padding: 85px 0 80px; display: block;}
	.loc-def-content{margin: 0 0 58px;}
	.loc-def-content h2{margin-bottom: 17px;}
	.loc-def-aside{padding: 38px 40px 35px;}
	.loc-def-aside p:not(:last-child){margin-bottom: 21px;}
	.tour-clinic-main{display: block; padding: 0 0 74px;}
	.tour-clinic-text{margin: 0 0 57px; font-size: 1.1875rem; line-height:  2.1875rem; letter-spacing: -0.24px;}
	.tour-clinic-text h2{font-size: 2.375rem; line-height: 2.9375rem; letter-spacing: -1.37px; margin-bottom: 18px;}
	.make-unique-main{padding: 0 0 52px; display: block;}
	.make-unique-text{margin: 0 0 58px;}
	.make-unique-text h3{margin-bottom: 9px;}
	.make-unique-lists{display: block;}
	.make-unique-list{display: flex; width: 100%; margin: 0 0 34px;}
	.list-unique-icon {margin: 0 21px 0 0;width: 52px;}
	.list-unique-text{width: calc(100% - 73px); padding-top: 12px;}
	.list-unique-text h4{margin-bottom: 10px;}
	.loc-contact-section .container{padding: 0;}
	.loc-contact-main{display: block;}
	.loc-contact-text{padding: 80px 15px 79px; display: block;}
	.loc-contact-icon{width: 62px; margin: 0 0 36px;}
	.loc-contact-address{width: auto;}
	.loc-contact-address h4{font-size: 1.3125rem; letter-spacing: -0.48px; margin-bottom: 19px;}
	.loc-contact-tel{margin: 0 0 41px;}
	ul.clinic-hrs{margin: 0 0 30px;}
	.slider-for-nav-section{padding-bottom: 27px;}
	.slider-nav.slick-slider{margin-top: 40px; padding: 0 9px;}
	.for-slide-text{padding: 90px 0 124px; max-width: 100%;}
	span.optional-text{margin-bottom: 27px;}
	.for-slide-text h2{margin-bottom: 0;}
	.for-slide-wrap{font-size: 1rem; line-height: 1.6875rem; max-width: 200px;letter-spacing: -0.42px;}
	.for-slide-wrap p{margin-bottom: 21px;}
	.for-slide-wrap .button{min-width: 235px; padding: 12px 28px 10px;}
	.nav-slide-wrap{margin: 0 9px;}
	.nav-slide-image{width: 100%; display: block;}
	.nav-slide-image img{height: auto;}
	.team-nav-slide > a{width: auto; height: auto;}
	.slider-nav ul.slick-dots{margin: 31px 0 0; justify-content: center; position: static;}
	.tour-clinic-left .flipster{width: calc(100% + 14px); left: -7px;}
	.flipster .flipster__button{right: 0;}
	.flipster .flipster__button--prev{left: 0;}
	ul.flipster__container .flipster__item__content{width: 268px; height: 228px;}
	.flipster--flat .flipster__item--past, .flipster--flat .flipster__item--future{z-index: 12 !important;}
}
@media only screen and (max-width: 479px) and (min-width: 200px){
	.slider-nav.slick-slider{padding: 0;}
	.nav-slide-wrap{margin: 0 18px;}
}