@charset "utf-8";
/*****Button*****/
.btn-wrapper{position: relative}
.btn{text-decoration: none; margin: 10px 0; padding: 15px 20px; font-size: 1.8rem; border-radius: 0;}
.btn-solid {position:relative; background-color:#512B38; border:2px solid #512B38; color:#fff; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.btn-solid:hover{background-color:transparent; border:2px solid #512B38; color:#512B38;}

.btn-border {position:relative; background-color:transparent; border:2px solid #512B38; color:#512B38; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.btn-border:hover{background-color:#512B38; border:2px solid #512B38; color:#fff;}

/*****Image*****/
.image .inner{width: 100%; height: 100%;}
.image .inner img{object-fit: cover; width: 100%; height: 100%;}
iframe {max-width: 100%; width: 100%; margin: 0; line-height: 1; border: none;}

/*Home - Description*/	
.description-twocol{margin: 30px}
	.description-twocol .image{padding: 0;}
	.description-twocol .content {display: flex; justify-content: flex-start; align-items: center; padding: 30px 0;}
	.description-twocol .content .tagline{font-size: 1.8rem; text-transform: uppercase}
	.description-twocol .content h2{font-size: 3.2rem; line-height: 1; color: #512B38; margin: 5px 0 15px 0;}

/*Home - Spa Locations*/
.home-spalocations{position: relative}
	
.location-sidebar{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding: 30px; background: #512B38; color: #fff; overflow-y: scroll;}	
.location-container{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding: 0}
	.location-container .image,.image .carousel, .image .carousel-inner, .image .carousel-item{height: 100%;}
	.carousel-item img{object-fit: cover; width: 100%; height: 100%;}
	
	.location-sidebar h2{font-size: 4rem; color: #fff;}
	.accordion.locations {margin: 20px 0;}
	.accordion.locations .card{background-color: transparent; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
	.accordion.locations .card-header{padding: 20px 0; background-color: transparent; border-bottom: 0;}
	.accordion.locations .card-body{padding: 0 0 15px 0; margin-top: -10px;}
	
	.accordion.locations a{color: #fff; text-decoration: none; display: flex; justify-content: space-between;}
		.accordion.locations a h3{font-size: 2.2rem; color: #fff;}
		.accordion.locations a h4{font-size: 2.2rem; color: #fff;}
		.accordion.locations .tel, .accordion.locations .readmore{display: flex; margin: 5px 0;}
		.accordion.locations .tel:before{content: ''; background-image: url(https://storage.maai-spa.com/icon/tel_wh.svg); width: 24px; height: 24px; background-size: cover; margin-right: 3px;}	
		.accordion.locations .readmore a{color: #fff; text-decoration: none}
		.accordion.locations .readmore a:hover{color: rgba(255,255,255,0.6)}

	.accordion.locations a.collapsed, .accordion.locations .collapse{color: rgba(255,255,255,0.6)}
	.accordion.locations .collapse.show{color: #fff}
	
	.accordion.locations .icon-accordion{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; cursor: pointer; margin: 0; position: relative; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5);}
	.accordion.locations .icon-accordion:before, .accordion.locations .icon-accordion:after {display: inline-block; position: absolute; left: 19px; content: ''; width: 1rem; height: 2px; background-color: rgba(255,255,255,0.5); transform: translate(-50%, -50%);}
	.accordion.locations .collapsed .icon-accordion:after {transform: translate(-50%, -50%) rotate(90deg);}

	/*Srollbar*/
	/*width*/	.location-sidebar::-webkit-scrollbar {width:8px;border-radius: 10px;}
	/* Track */	.location-sidebar::-webkit-scrollbar-track {background-color:#452530;border-radius: 10px;}
	/* Handle */.location-sidebar::-webkit-scrollbar-thumb {background-color:#3b1f29;border-radius: 10px;}
	/* Hover */	.location-sidebar::-webkit-scrollbar-thumb:hover {background-color:#241319}

	/*Control*/
	.home-spalocations .carousel-control-next-icon{background-image: url(https://storage.maai-spa.com/icon/slide-arrow-right_wh.png);}
	.home-spalocations .carousel-control-prev-icon{background-image: url(https://storage.maai-spa.com/icon/slide-arrow-left_wh.png);}
	.home-spalocations .carousel-control-prev-icon, .home-spalocations .carousel-control-next-icon{width: 48px; height: 100px}

/*Offers*/
.flickity_one header{padding:40px 0 20px 0; text-align:center;}
	.flickity_one header h2.tagline {font-size:1.6rem; color:#838687; text-transform: uppercase;}
	.flickity_one header h3		   {margin:0; font-size:4rem; line-height:1; color:#512B38;}	
	
	/*carousel*/	
	.flickity_one .carousel{margin-bottom:80px}
	.flickity_one .carousel-cell {position:relative; width:100vw; height:750px; background:#fff; margin:0 auto; display:flex; opacity:0}
	.flickity_one .carousel-cell .image{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; height:300px}
		
	/*content*/
	.flickity_one .carousel-cell .content{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; display: flex; align-items: center; justify-content: center; height:440px; top:300px; position:absolute; color:#512B38; line-height: 1.2; }
	.flickity_one .carousel-cell .content .inner{padding:30px; height: 100%;}
	.flickity_one .carousel-cell .content h3, .flickity_one .carousel-cell .content h3 a{font-size:3rem; color:#512B38; text-decoration: none;}
	.flickity_one .carousel-cell .content h3 a:hover{color:#5673ad}
	.flickity_one .carousel-cell .content .date{margin:8px 0 0 0; font-size:1.6rem;}
	.flickity_one .carousel-cell .content .detail{margin: 15px 0}
	.flickity_one .carousel-cell .content .detail ul{margin: 5px 20px;}
	.flickity_one .carousel-cell .conditions{font-size:1.3rem; margin: 15px 0}

	/*scrollbar*/
	/*width*/		.flickity_one .carousel-cell .content .detail::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.flickity_one .carousel-cell .content .detail::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */	.flickity_one .carousel-cell .content .detail::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.flickity_one .carousel-cell .content .detail::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}

	.flickity_one .carousel-cell.is-selected{opacity:1}
	

	/*Rate*/
	.flickity_one .carousel-cell .content .rate-wrap{flex-direction: column;}

	.flickity_one .flickity-page-dots{bottom:-30px}
	.flickity_one .flickity-page-dots .dot{background:#000; opacity:.14;width: 6px; height: 6px; margin: 0 3px;}
	.flickity_one .flickity-page-dots .dot.is-selected{opacity:0.8}
	
	.flickity_one .flickity-prev-next-button{width:60px; height:60px; top: 42%;}
	.flickity_one .flickity-prev-next-button .flickity-button-icon{left: calc(50% - 20px); top: calc(50% - 20px); width:40px; height:40px; display:block}
	.flickity_one .flickity-prev-next-button.previous .flickity-button-icon{ background:url(https://cdn.onyx-hospitality.com/icon/arrow-left_bk-40.svg) no-repeat;}
	.flickity_one .flickity-prev-next-button.next .flickity-button-icon{background:url(https://cdn.onyx-hospitality.com/icon/arrow-right_bk-40.svg) no-repeat;}	
	.flickity_one .flickity-button:hover{background-color:transparent; opacity:.6}
	.flickity_one .flickity-prev-next-button.previous .flickity-button-icon path, .flickity_one .flickity-prev-next-button.next .flickity-button-icon path{display:none}
	.flickity-button{background: transparent}
	.flickity-button:focus {box-shadow: none;}

/*Rate + Button*/
.content .rate-wrap{display: flex; justify-content: space-between; flex-direction: row; align-items: stretch; align-content: center;}
.content .rate-wrap .rate{margin-right:10px}
.rate-wrap .price-before{font-size:2.4rem;}
.rate-wrap .price-before .currency{font-size:2rem;}

.rate-wrap .total{font-size:1.4rem; line-height:1; color:#858788; font-style:italic; text-align:right;}

*[dir="rtl"] .content .rate-wrap .rate{margin-left:20px; margin-right:inherit;}

/*Home - Testimonials*/
.testimonials {margin: 50px auto;}
.testimonials header {text-align: center;}
	.testimonials header h2{font-size: 5rem; color: #512B38;}
	.testimonials header h3{font-size: 2.4rem; font-weight: 400; color: #969696;}
	.testimonials .wrapper{margin: auto;}
	
	.testimonials .carousel-item {font-size: 1.6rem; text-align: center; overflow: hidden; min-height: 290px;}
		.testimonials .review {padding: 30px 0 10px;}
		.testimonials .customer {}
		.testimonials .star{margin-top: 40px;}
		.testimonials .star i {display: inline-block; width: 27px; height: 26px; background-image: url(//storage.maai-spa.com/icon/star.png); background-size: contain; background-repeat: no-repeat; margin: 0 2px;}
	
	/*control*/	
	.testimonials .carousel-control-prev{left: -15%}
	.testimonials .carousel-control-next{right: -15%}
	.testimonials .carousel-control-next-icon, .testimonials .carousel-control-prev-icon{width: 34px; height: 70px; background-size: cover;}
	.testimonials .carousel-control-prev-icon {background-image:url(//storage.maai-spa.com/icon/slide-arrow-left.png)}
	.testimonials .carousel-control-next-icon {background-image:url(//storage.maai-spa.com/icon/slide-arrow-right.png)}

/*Spa Location Page*/
.spa-locations {font-family: Marcellus, Sans-serif; border-bottom: 1px solid #efefef}
.cd-main-content .spa-locations:last-child{margin-bottom: 0; border-bottom: 0}

.page-spa-location .introduction{margin: 50px 15px 50px 15px;}

.spa-locations .title{text-align: center; margin: 50px 0 0 0}
.spa-locations .title h2{font-size: 2.8rem; margin: 8px 0;}
.spa-locations .title h2:after{content: ''; width: 30px; height: 2px; display: block; margin: 5px auto 15px auto; background: #efefef;}

.spa-locations .image{height: 300px}
	
.spa-locations .content{margin: 30px; font-size: 1.8rem;}
	.spa-locations .content header{margin-bottom: 30px;}
	.spa-locations .content h2{font-size: 2.4rem;}
	.spa-locations .content h3{font-size: 4rem;}

	.spa-locations .content .viewmenu{margin: 40px 0 0 0}
	.spa-locations .content .viewmenu h5{font-size: 2rem; text-transform: uppercase;}
	.spa-locations .content .language{margin: 20px 0}
	.spa-locations .content .language a{background: #512B38; color: #fff; border-radius: 50%;  width: 60px; height: 60px; text-decoration: none; margin: 0 7px 0 0; display: inline-flex; flex-direction: row; justify-content: center; align-items: center;}
	.spa-locations .content .language a:hover{background: #163e35; color: #fff;}

.spa-locations .contactus{margin: 20px 0 0 0}
.spa-locations .contactus .icon-text{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; width: 100%; margin: 0 0 20px 0; line-height: 1.2;}
.contactus .icon-contact{background: url(https://storage.maai-spa.com/icon/sprite_contactus.svg) no-repeat; width: 30px; height: 30px; margin: 0 5px 0 0; -ms-flex: 0 0 35px; flex: 0 0 35px; max-width: 35px;}
	.icon-contact.address{background-position: 0 0;}
	.icon-contact.time{background-position: 0 -30px;}
	.icon-contact.tel{background-position: 0 -60px;}
	.icon-contact.line{background-position: 0 -90px;}
	.icon-contact.whatsapp{background-position: 0 -120px;}
	.icon-contact.email{background-position: 0 -150px;}
	.icon-contact.direction{background-position: 0 -180px;}
	
	.spa-locations .content .column1, .spa-locations .content .column2{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; padding-right: 15px; padding-left: 15px;}
	
	/*Control*/
	.spa-locations .carousel-control-prev, .spa-locations .carousel-control-next {top: 300px; bottom: inherit; left: inherit; width: 60px; height: 60px;}	
	.spa-locations .carousel-indicators{position: inherit; margin: 0 auto 5px auto;}

	.spa-locations .carousel-indicators a{font-size: 1.8rem; margin: 5px; padding: 13px 20px; text-decoration: none; display: flex; align-items: center; display: inline-block; cursor: pointer; border-radius: 50px; background: #e4e0e6; color:#512B38 }
	.spa-locations .carousel-indicators a.active{background: #512B38; color: #fff; text-decoration: none;}

	.spa-locations .carousel-control-prev{left: inherit; right: 61px;}
	.spa-locations .carousel-control-next {right: 0;}
	.spa-locations .carousel-control-prev-icon {background-image: url(https://cdn.onyx-hospitality.com/icon/arrow-left_bk-40.svg); width: 40px; height: 40px;}
	.spa-locations .carousel-control-next-icon {background-image: url(https://cdn.onyx-hospitality.com/icon/arrow-right_bk-40.svg); width: 40px; height: 40px;}

	/*See photos - fancybox*/
	.spa-locations .carousel-item .inner{position: relative}
	.spa-locations .link {position: absolute; left: 20px; bottom: 20px; padding: 10px 20px; background: rgba(0,0,0,0.5); border-radius: 50px; z-index: 5}
	.spa-locations .link .pop-up-plus { background-image: url('https://storage.amari.com/icon/pop-up_plus.png'); width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin: 0 5px;}
	.spa-locations .link a {color: #fff; font-size: 1.4rem; display: inline-block; text-decoration: none;}
	.spa-locations .link a:hover{color: rgba(255,255,255,0.5)}


	/*Slick for location - control*/
	.spa-location-gallery .slick-dots{bottom: 8px;}
	.spa-location-gallery .slick-dots li button:before{color:white}
	.spa-location-gallery .slick-prev, .spa-location-gallery .slick-next{width: 29px; height: 60px;}
	.spa-location-gallery .slick-prev{left: 20px}
	.spa-location-gallery .slick-next{right: 20px}

	/*Slick Control global*/
	.slick-dots li{margin: 0; width: 12px;}
	.slick-dots li button{padding: 0}
	.slick-prev, .slick-next{z-index: 1}
	.slick-prev:before, .slick-next:before{content: ''; width: 46px; height: 96px; display: block; background-size: 60%; background-repeat: no-repeat;}
	.slick-prev:before{background-image: url(https://storage.maai-spa.com/icon/slide-arrow-left_wh.png);}
	.slick-next:before{background-image: url(https://storage.maai-spa.com/icon/slide-arrow-right_wh.png);}

	/*Mobile - Location link*/
	.carousel .dropdown .btn{display:block; width: calc(100% - 20px); margin: 10px;text-align: left;color: #212529; background: #e4e0e6;border: 1px solid #dad4dd;border-radius: 50px;}
	.carousel .dropdown .dropdown-toggle::after {position: absolute; right: 30px;top: 23px;width: 10px;height: 10px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);border: solid rgba(0,0,0,0.5);border-width: 0 2px 2px 0;z-index: 2;}

	.carousel .dropdown .dropdown-menu{transform: translate3d(0, 65px, 0) !important;width: 100%;border-radius: 30px;padding: 1px;}
	.carousel .dropdown .dropdown-menu.show{width: 100%; top: 65px!important; left: inherit!important; transform: translate3d(0, 0, 0) !important;}
	.carousel .dropdown .dropdown-menu a{width: calc(100% - 7px);font-size: 1.8rem;margin: 3px auto;padding: 13px 20px;text-decoration: none;display: block;align-items: center;cursor: pointer;border-radius: 50px;background: #e4e0e6; color:#512B38}
	
	.carousel .dropdown .dropdown-menu a.active{background: #512B38; color: #fff; text-decoration: none;}
	.carousel .dropdown .dropdown-menu a:focus, .carousel .dropdown .dropdown-menu a:hover {color: #512B38; background-color: #e4e0e6;}

	/*Google Map*/
	#gmap_location {width:100%;height:600px;border:0;}
	
	.gm-style .gm-style-iw-d{width:300px!important; overflow:visible!important;}
	.gm-style .gm-style-iw-chr {height: 0;}
	.gm-style .gm-style-iw-c{padding:0!important}
	.gm-ui-hover-effect{top:6px!important; right:6px!important; background-color:#fff!important; border-radius:50%; z-index:5; box-shadow: 0 0 10px rgba(0,0,0,1);}
	
	#gmap_location .gglayer{width:300px; height:auto; font-size:1.4rem; display:flex; flex-direction:column; justify-content:flex-start; margin:0}

	#gmap_location .gglayer .image{width:300px; height:110px}
	#gmap_location .gglayer .image img {margin:0; flex:0 1 auto; object-fit:cover; width:100%; height:100%;}
	#gmap_location .gglayer h2{font-size:1.6rem; line-height:1; font-weight:600; color:#000; margin:0; padding:0 0 5px 0;}
	
	#gmap_location .content{padding:20px; font-family:Signika, Roboto, Arial, Athiti, 'Noto Serif SC', 'Noto Serif TC'; line-height:1; overflow:hidden; height: 190px; overflow-y: auto;}
	#gmap_location .content p{margin: 0 0 10px; padding: 0 0 5px 0; border-bottom: 1px dotted #cbd0d2; }
	#gmap_location .content ul{margin:5px 0 0 0; list-style:none;}
	#gmap_location .content li{position:relative; line-height:1.2; padding:0 0 5px 13px}
	#gmap_location .content li:before {content:''; width:9px; height:9px; position:absolute; background-image:url(//storage.amari.com/icon/bullet-s_gy.gif); left:0; top:3px;}
	
	#gmap_location .content .link{font-size: 1.2rem; padding:0 15px}
	
	#gmap_location .content::-webkit-scrollbar {width:6px;}
	#gmap_location .content::-webkit-scrollbar-track {background-color:#ecf2f6}
	#gmap_location .content::-webkit-scrollbar-thumb {background-color:#c8cccf;}
	#gmap_location .content::-webkit-scrollbar-thumb:hover {background:#c6d5dc;}

/*Control Global*/	
.carousel-indicators li{width: 6px; height: 6px; border-radius: 50%;}

.purecontent{margin-bottom: 30px}
.purecontent h2{font-size: 2.6rem; margin: 0 0 20px 0}
	.purecontent p{font-size:  1.8rem}
	.purecontent p:last-child{margin-bottom: 0}
	.purecontent .content{display: flex; flex-direction:column; border-bottom: 1px solid rgba(0,0,0,0.08); margin: 40px auto; padding-bottom: 40px;}

.purecontent ul{margin: 0 20px 20px 20px; padding: 0 20px; font-size:  1.8rem}

/*Treatments - Menu*/
.filters{list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin-inline-start: auto; margin-inline-end: auto;}
.filters li{display: flex; align-items: center; position: relative;}
.filters a, .filters label{font-size: 1.8rem; padding: 13px 20px; text-decoration: none; white-space: nowrap; flex-grow: 1; display: flex; align-items: center; cursor: pointer; transition: all 0.1s;}
.filters label{ border-radius: 60px;}
.filters li:after{content: '|'; color: rgba(0,0,0,0.2); margin: 0 20px}
.filters li:last-child:after{content: none}

/*Treatments - Title*/
.treatments .row{margin: 30px 15px}
.treatments .row:nth-child(even){flex-direction: row-reverse;}

.treatments .name{width: 100%; margin-left: 10px; margin-bottom: 5px;}
.treatments .name h2{font-size:2.6rem;}
.treatments .content{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 30px; order: 2}
.treatments .image{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 1; padding: 0 5px}
.treatments .image img{height: auto}

/*Treatments - Accordion*/
.accordion.treatments .card{border: 0; border-bottom: 1px solid rgba(0, 0, 0, .125);}
.accordion.treatments .card-header{display: flex; flex-direction: column; justify-content: space-between; align-items: baseline; padding: 20px 0; background-color:transparent; border-bottom: 0}
	.accordion.treatments .title h3{font-family: 'Marcellus'; font-size:2.4rem; color: #512B38;}
	.accordion.treatments .subtitle{font-size:1.6rem; color: #808080;}
	.accordion.treatments .duration{font-family: 'Marcellus'; font-size: 1.9rem; color: #000; text-align: right}	
.accordion.treatments .card-body{padding: 1.25rem 0; font-size: 1.8rem; color: #666;}

/*Products*/
.page-product .introduction {margin: 50px 15px 15px 15px;}
.author-archive {padding: 1.5rem 1.5rem 50px;}
.author-archive input[type="radio"] {position: absolute; left: -9999px;}

/* FILTERS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.filters {text-align: center;}
.filters * {display: inline-block;}
.filters label:hover {background: #512B38; color: #fff;}

/*Change li to slect option*/
.nav-filters {margin-bottom: 2rem;}
.nav-filters select{width: 100%; height: 45px; font-size: 1.8rem; color: #512B38; border-color: #ced4da; border-radius: 4px; margin: 0!important; padding-left: 1.125rem; padding-right: 1.125rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;
background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;}

/* FILTERED ELEMENTS (POSTS)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.posts {display: grid; grid-template-columns: repeat(1, 1fr); grid-auto-flow: row;}
.posts .post {display: none;}
.posts .post-title h2 {font-size: 3.2rem; line-height: 1;}
	.posts .post-title .detail{margin: 15px 0 0 0; color: #A5A5A5}
	.posts .post-title .detail b{color: #313131}
.posts .image, .posts .content {padding: 1rem;}
	
.posts .post-categories {margin-bottom: 2rem;}
.posts .post-categories * {display: inline-block;}
.posts .post-categories li {margin-bottom: 0.2rem;}

.posts .post-categories a {padding: 0.2rem 0.5rem;  border-radius: 1rem;  border: 1px solid;  line-height: normal;  transition: all 0.1s;}
.posts .post-categories a:hover {background: #512B38; color: #fff;}

/*Enquiry*/
.page-enquiry .bg{margin-bottom: 50px}
.form-enquiry{width:90%; padding:30px; margin:15px auto; background: #FFF; -webkit-border-radius:10px; -moz-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}
.form-enquiry .inner-wrap{padding:20px; background:#f1f0f2; border-radius: 6px; margin-bottom: 15px; font-size: 1.8rem;}
.form-enquiry h2{ background: #f6800c; padding: 20px 30px 15px 30px; margin: -30px -30px 30px -30px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12); font-size:40px; line-height:40px; -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17); -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1); box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.1); border: 1px solid #06579b;}
.form-enquiry h2 > span{ display: block; margin-top: 2px; font-size:14px; line-height:1em;}
.form-enquiry label{ display: block;  font-size:1em; font-weight:normal; margin-bottom: 15px; position:relative}

.form-enquiry label.title{font-weight: 500}
.form-enquiry .inner-wrap i{font-size: 1.4rem; color: #999;}
.form-enquiry .inner-content{margin: 0 0 20px 0; padding: 20px; border: 1px solid #e5e2e7; border-radius: 6px;}
.form-enquiry .inner-content label:last-child{margin-bottom: 0;}
.form-enquiry hr {margin-top: 1rem; margin-bottom: 2rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .07);}

.form-enquiry label .pulldown{top:35px; right:10px; z-index:5}
.form-enquiry label span{color:#da523a;}

.form-enquiry input[type="text"], .form-enquiry input[type="date"], .form-enquiry input[type="datetime"], .form-enquiry input[type="email"], .form-enquiry input[type="number"], .form-enquiry input[type="search"], .form-enquiry input[type="time"],
.form-enquiry input[type="url"], .form-enquiry input[type="password"], .form-enquiry textarea, .form-enquiry select { display: block; color:#888;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 0 5px 0; padding: 8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius: 6px; border: 2px solid #fff;}

.form-enquiry .section{font-family: Marcellus, Sans-serif; font-size: 2rem; color: #512B38;}
.form-enquiry .section span {background: #512B38; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; font-size: 16px; line-height: 2.5; color: #fff; text-align: center; width: 50px; height: 50px; margin: -10px auto 0 -55px;}
.form-enquiry .section span.title{background:#ffffff; color:#512B38;margin:0;padding:0;position:inherit;border:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}

.form-enquiry input.send{color:#FFF; background: #512B38 url('https://storage.amari.com/icon/send-wh.png') no-repeat 15px 9px; border:1px solid #512B38; padding: 6px 17px 6px 37px; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.form-enquiry input.send:hover{color:#FFF; background-color:#163e35; border:1px solid #163e35;}

.form-enquiry input.send:disabled{color:#333; background-color:#edeaee; border:1px solid #dcdfe1}

.form-enquiry input.cancel{color:#333; background-color:#fff; border:1px solid #dcdfe1; padding:6px 20px; -webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.form-enquiry input.cancel:hover{color:#333; background-color:#edeaee; border:1px solid #dcdfe1}
.form-enquiry .form-horizontal{clear:both;}

.form-enquiry input:focus{outline-color: rgba(83,42,58,0.3)}

/*Tel select country*/
.form-enquiry .iti{width: 100%; margin-bottom: 5px;}
.form-enquiry .iti--show-selected-dial-code .iti__selected-country{background: #fff; border-radius: 6px;}
.iti input.iti__tel-input{color: #888; width: 100%; padding: 8px; border-radius: 6px; border: 2px solid #fff;}
.form-enquiry .iti__country-name, .form-enquiry .iti__dial-code{color: #888!important}


/*****Privacy*****/
.content-padd{margin:20px 0}

.privacy{list-style:none; margin:0 auto; text-align: center; width: 100%;}
.privacy li{display:inline-block; margin:8px 0 0 5px; vertical-align: top; width:calc(100% - 10px); height:220px; background-color: #FFF; box-shadow: 0 0 20px rgba(0,0,0,.1); position:relative}
.privacy li a{display:block; height:100%;}
.privacy li a h3{font-size:1.8rem; color:#565a5c;}
.privacy li a:hover h3{color:#512B38;}
.privacy li .icon-text{ width:100%; max-width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px;}


/*****icon privacy*****/
.icon-privacy {background-image:url('https://storage.maai-spa.com/icon/sprite_privacy.svg'); background-repeat:no-repeat; width:120px; height:80px; display:block; margin:20px auto; cursor:pointer}
	.icon-privacy.no1{background-position:0 0;}	
	.icon-privacy.no2{background-position:-120px 0;}
	.icon-privacy.no3{background-position:-240px 0;}
	.icon-privacy.no4{background-position:-360px 0;}
	.icon-privacy.no5{background-position:-480px 0;}
	.icon-privacy.no6{background-position:-600px 0;}	
	
	 a:hover .icon-privacy.no1{background-position:0 -80px;}	
	 a:hover .icon-privacy.no2{background-position:-120px -80px;}
	 a:hover .icon-privacy.no3{background-position:-240px -80px;}
	 a:hover .icon-privacy.no4{background-position:-360px -80px;}
	 a:hover .icon-privacy.no5{background-position:-480px -80px;}
	 a:hover .icon-privacy.no6{background-position:-600px -80px;}

/*Facybox Content - Privacy policy pop up*/
.fancybox-width{display:none; width:100%; max-width:90%; margin: 20px; padding:20px}
.fancybox-width h3{font-size: 2.8rem; margin: 10px 0;}
.fancybox-width b{color:#333;}

/*****Footer*****/
.footer-info{background-color: #502B3A; margin: 0; padding: 25px; color: #fff;}
	.footer-info .row{justify-content: space-between; align-items: center;}
		.footer-info ul{list-style: none; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center;}
		.footer-info ul li{display: inline-block; margin: 0 0 0 20px}
		.footer-info ul li:after{content: ''; display: inline-block; width: 1px; height: 11px; background-color: rgb(255 255 255 / 30%); margin: 0 0 0 20px;}
			.footer-info ul li:last-child:after{content: none;}
		.footer-info ul a{font-size: 1.8rem; line-height: 2; color: #fff; text-decoration: none}
			.footer-info ul a:hover{color: rgb(255 255 255 / 80%)}
	
	.footer-info .col-two{margin: 20px}
	.footer-info .social{text-align: center; margin-bottom: 20px;}
		.footer-info .icon-social {background-image: url(//storage.maai-spa.com/logo/social.svg); background-repeat: no-repeat; width: 30px; height: 30px; display: inline-block; text-indent: -999999em; margin: 2px; vertical-align: middle;}
			.footer-info .icon-social.fb{background-position: 0 0}
				.footer-info .icon-social.fb:hover{background-position: 0 -30px}
			.footer-info .icon-social.ig{background-position: -30px 0}
				.footer-info .icon-social.ig:hover{background-position: -30px -30px}
			.footer-info .icon-social.line{background-position: -60px 0}
				.footer-info .icon-social.line:hover{background-position: -60px -30px}
	
	.footer-info .footer-copyrights{clear: both; font-size: 1.8rem;}
	
.footer-logos{margin: 0; padding: 25px}
.footer-logos .row{flex-direction: row; justify-content: flex-end; align-items: center;}
.footer-logos .item{display: flex; flex-direction: row; align-items: center;}
.footer-logos .item:last-child:before{content: ''; display: inline-block; width: 1px; height: 20px; background-color: #d8d8d8; margin: 0 30px;}
.footer-logos .item img{display: inline-block}
/***End Mobile***/

@media (min-width: 480px) {
/*Privacy*/
.privacy li{width:calc(50% - 10px)}
.page-privacy-policy .fancybox-width{width: 600px;}
	
/*****Footer*****/
.footer-info .row{flex-wrap: nowrap;}
}

/*only landscape*/
@media (min-width:568px) and (max-width :922px) and (orientation :landscape) {
}

@media (min-width: 576px) {
/*Home - Offers*/
.flickity_one .carousel-cell{width:90vw; height:400px}
	.flickity_one .carousel-cell .image{-ms-flex:0 0 50%; flex:0 0 50%; float:left; position:relative; height:420px;}
	
	.flickity_one .carousel-cell .content{-ms-flex:0 0 50%; flex:0 0 50%; float:left; position:relative; height:420px; top:inherit}
	
	.flickity_one .carousel-cell.is-selected{border:1px solid #e5e5e5;}
}

@media (min-width: 768px) {	
/*Home - Description*/		
.description-twocol .content{padding: 30px}
	
/*Spa Location Page*/
.spa-locations .content .detail {width: 90%;}
.spa-locations .content .column1{-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.spa-locations .content .column2{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}	
	
.posts {grid-template-columns: repeat(2, 1fr);}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.privacy li{width:calc(50% - 10px)}
}

@media (min-width: 1024px) {
/*Home - Spa Locations*/
.location-sidebar{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; height: 80vh;}
.location-container{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; height: 80vh;}
.location-sidebar header{margin-top: 50px}
	
/*Offers*/
.flickity_one header h3 {font-size:4rem; margin: 10px 0;}

	.flickity_one .carousel-cell {position:relative; width:800px; height:450px; background:#fff; margin:0 auto; display:flex; opacity:0}
	.flickity_one .carousel-cell .image, .flickity_one .carousel-cell .content{height:450px;}
	.flickity_one .carousel-cell .content .inner{padding:50px}
	
/*Testimonials*/
.testimonials .carousel-item{font-size: 2.4rem;}

/*Spa Location Page*/
.spa-locations .image{height: 440px}
	.spa-locations .carousel-control-prev, .spa-locations .carousel-control-next {top: 440px;}	
	.spa-locations .carousel-control-prev{left: inherit; right: 61px;}

.spa-locations .content{margin: 40px 0;}
	.spa-locations .content .detail {width: 80%;}
	.spa-locations .content .language{margin: 25px 0}
	.spa-locations .contactus{margin: 0}
	
/*Spa Etiquette	*/
.purecontent{margin-bottom: 60px}
.purecontent h2{font-size: 4rem}
	.purecontent p{font-size:  2.2rem}
	.purecontent ul{font-size:  2.2rem}
	
/*Treatments*/
.treatments .row{margin: 50px 15px}
.treatments .name{margin-left: 52%; margin-bottom: 20px;}
	.treatments .name h2{font-size:3.2rem;}
.treatments .content, .treatments .image{-ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; order: inherit}
.treatments .content{margin-right: auto; padding: 0}
.treatments .image{padding: 0}	
	
	.treatments .row:nth-child(even) .name {margin-left: 0;}
	.treatments .row:nth-child(even) .content{margin-left: auto; margin-right: 0;}

.posts {grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
	
/*Enquiry*/
#form-send-enquiry .form-label-inline{font-size:2.6rem;}
#form-send-enquiry .form-control{flex-direction: column;}
.form-col-2 .col{width:100%; margin-bottom:20px;}
#form-send-enquiry .form-control{margin-bottom:20px;}
#form-send-enquiry .form-control.form-col-2{ margin-bottom:0;}
#location-box{ align-items: start; margin:40px 0 !important;}
#location-choice{width:100%; margin: 5px 0 0 0;}
#subject-box .label-side{ width:100%; margin-bottom:20px;}
.subject-radio-box{font-size:2.2rem;}
#form-send-enquiry button[type=submit]{font-size:20px;}
#msg-thank-box h3{font-size:2.6rem;}
#msg-thank-box{font-size:2.2rem; padding:150px 20px;}
#contact-channel{padding-top:20px;}
#contact-channel #channel-choice{padding-left:0; margin: 5px 0 0 0;}

/*Form Enquiry*/
.form-enquiry {width: 900px;}
	
/*Privacy*/
.content-padd{margin:60px 0}
.privacy li{width: calc(33.333333% - 10px);}
.fancybox-width{max-width:50vw; padding:60px}
	
/*****Footer*****/
.footer-info{padding: 35px 45px;}
.footer-info .col-two{margin: 0}
	.footer-info .social{float: right;}
	
}

@media (min-width: 1200px) {
/*Home - Offers*/
.flickity_one .carousel-cell {width:1100px;}
	
/*Description*/
.description-twocol{margin: 60px}
.description-twocol .content{padding: 50px}
.description-twocol .content .tagline{font-size: 2rem;}
	.description-twocol .content h2{font-size: 4.6rem;}
}

@media (min-width: 1440px) {

/*Spa Location Page*/
.spa-locations .image{height: 600px}
	.spa-locations .carousel-control-prev, .spa-locations .carousel-control-next {top: 600px;}
	
.spa-locations .content{margin: 60px 0;}
	.spa-locations .content .detail {width: 70%;}
	.spa-locations .content .column1{-ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65%;}
	.spa-locations .content .column2{-ms-flex: 0 0 35%; flex: 0 0 35%; max-width: 35%;}
	
/*Treatments*/
.treatments .row{margin: 100px 15px}
.treatments .name h2{font-size:4rem;}
.filters a{font-size: 2.2rem;}
	
/*Treatments - Accordion*/
	.accordion.treatments .card-header{flex-direction: row;}
	.accordion.treatments .title-wrapper{width: 78%;}
		.accordion.treatments .title h3{font-size:3.2rem;}
		.accordion.treatments .duration{font-size: 2.2rem; width: 22%}
	.accordion.treatments .card-body{font-size: 2rem;padding: 0 200px 20px 0;}
	
	.posts{grid-gap: 50px;}

/*Form Send Enquiry*/
#form-send-enquiry .container{max-width: 1000px}
#form-send-enquiry .title, #prefix-box, #location-choice label{font-size:2.4rem;}
#form-send-enquiry .form-label-inline{font-size:3rem;}
.subject-radio-box{font-size:2.4rem;}
#msg-thank-box h3{font-size:3rem;}
#msg-thank-box{font-size:2.4rem;}
}

@media (min-width: 1680px) {
/*Home - Description*/
.description-twocol .image{padding: 30px}
.description-twocol .content{padding: 50px}
.description-twocol .content .inner{width: 65%}
.description-twocol .content .tagline{font-size: 2.4rem;}
	.description-twocol .content h2{font-size: 5rem;}
	
/*Home - Spa Locations*/
.location-sidebar{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%;}
.location-container{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%;}
	
/*Treatments - Accordion*/
.accordion.treatments .title h3	{font-size:3.8rem;}

}

/*//End//*/