@charset "utf-8";
/*****Button*****/
.btn-wrapper{position: relative}
.btn{text-decoration: none; margin: 10px 5px 10px 0; padding: 15px 20px; font-size: 1.8rem; border-radius: 0;}
.btn-solid {position:relative; background-color:#5EC9C6; border:2px solid #54C6C3; border-radius: 50px; 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 #54C6C3; color:#54C6C3;}

.btn-border {position:relative; background-color:transparent; border:2px solid #54C6C3; border-radius: 50px; color:#54C6C3; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
	.btn-border:hover{background-color:#54C6C3; border:2px solid #54C6C3; 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;}

/*****Background*****/
.page-about-us .panel, .page-etiquette .panel, .page-etiquette .enquiry {background-color:#F7FEFF}

/*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: 2rem; text-transform: uppercase; color: #523178}
	.description-twocol .content h2{font-size: 3.2rem; line-height: 1; margin: 5px 0 15px 0;}
	.description-twocol .content p{font-size: 1.6rem}

/*Home - Spa Locations*/
.home-spalocations{position: relative}
	
.location-sidebar{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; padding: 30px; background: #F6FEFF; color: #889096; 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;}
	.accordion.locations {margin: 20px 0;}
	.accordion.locations .card{background-color: transparent; border: 0; border-bottom: 1px solid rgba(77,83,87,0.2);}
	.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: 1.8rem; color: #57C7C5;}
		.accordion.locations a h4{font-size: 1.8rem; color: #fff;}
		.accordion.locations .tel, .accordion.locations .readmore{display: flex; margin: 5px 0;}
		.accordion.locations .tel:before{content: ''; background-image: url(https://storage.breeze-spa.com/icon/tel_pp.svg); width: 24px; height: 24px; background-size: cover; margin-right: 3px;}	
		.accordion.locations .readmore a{color: #523178; text-decoration: none}
		.accordion.locations .readmore a:hover{font-weight:500}

	.accordion.locations a.collapsed, .accordion.locations .collapse{color: rgba(77,83,87,0.6)}
	.accordion.locations .collapse.show{color: #523178}
	
	.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(77,83,87,0.4);}
	.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(77,83,87,0.4); 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:#C2EBEA;border-radius: 10px;}
	/* Handle */.location-sidebar::-webkit-scrollbar-thumb {background-color:#94DBDA;border-radius: 10px;}
	/* Hover */	.location-sidebar::-webkit-scrollbar-thumb:hover {background-color:#75D1D0}
	
	/*Control*/
	.home-spalocations .carousel-control-next-icon{background-image: url(https://storage.breeze-spa.com/icon/slide-arrow-right_wh.png);}
	.home-spalocations .carousel-control-prev-icon{background-image: url(https://storage.breeze-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	{margin:0; font-size:3.8rem; line-height:1; color:#523178;}	
	
	/*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; line-height: 1.2; }
	.flickity_one .carousel-cell .content .inner{display: flex; flex-direction: column; justify-content: center; padding:30px;}
	.flickity_one .carousel-cell .content h3, .flickity_one .carousel-cell .content h3 a{font-size:2.6rem; line-height: 1; color:#523178; text-decoration: none;}
	.flickity_one .carousel-cell .content h3 a:hover{color:#523178}
	.flickity_one .carousel-cell .content .location,.flickity_one .carousel-cell .content .date{margin:4px 0 8px 0;}
	.flickity_one .carousel-cell .content .detail{margin: 5px 0; height: 145px; overflow-y: auto;}
	.flickity_one .carousel-cell .content .detail ul{margin: 3px 20px 5px 20px;}
	.flickity_one .carousel-cell .condition{font-size:1.4rem; margin: 10px 0; font-style: italic; color:#623A90}

	/*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: column; align-items: stretch; align-content: center;}
.content .rate-wrap .rate{margin-right:10px}
.rate-wrap .from{font-size:1.4rem; }
.rate-wrap .discount-price-wrap{color: #00b0b9;}
.rate-wrap .discount-price{font-size:2.2rem; color:#00b0b9; padding-bottom: 5px}
.rate-wrap .discount-price .currency{font-size:1.6rem}

/*Promotion page*/
.page-promotion .bg{background: #d9f1f3; padding: 15px 0}

.cards_border0 .cards {background:#fff; margin:0 auto 15px; padding:0; width:100%;}
.cards_border0 .cards:last-child{margin:0 auto}
	
	.cards_border0 .cards .image, .cards_border0 .cards .content {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative;  width: 100%; padding:0}	
	.cards_border0 .cards .image{-ms-flex-order: 1; order: 1; height:280px;}

  .cards_border0 .cards .image .link{position:absolute; left:30px; bottom:50px; padding:10px 20px; background:rgba(0,0,0,0.5); border-radius:50px; z-index:5}
	.cards_border0 .cards .image .link a{color:#fff; font-size:1.4rem; display:inline-block}
	.cards_border0 .cards .image .link a:hover{opacity:.5}	
	
	.cards_border0 .cards .content{-ms-flex-order: 2; order: 2; z-index:2; line-height: 1.2;}
	.cards_border0 .cards .content .inner{display: flex; flex-direction: column; justify-content: center; padding:30px;}
	
  .cards_border0 .cards h3{font-size:3rem;}
	.cards_border0 .cards .content h3, .cards_border0 .cards .content h3 a{font-size:2.8rem; line-height: 1; color:#523178; text-decoration: none;}
	.cards_border0 .cards .content h3 a:hover{color:#00b0b9}
	.cards_border0 .cards .content .location{margin:4px 0 8px 0; font-size:1.5rem;}
	.cards_border0 .cards .content .date{margin:0 0 8px 0;}
	.cards_border0 .cards .content .detail ul{margin: 3px 20px 5px 20px;}
	.cards_border0 .cards .content .detail .remark{font-size:1.3rem; line-height: 1.2;}
	.cards_border0 .cards .content .condition{font-size:1.4rem; font-style: italic; color:#623A90; margin: 10px 0}

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

.cards_border0 .cards.hidden {display: none;}
/*Home - Testimonials*/
.testimonials {margin: 50px auto;}
.testimonials header {text-align: center;}
	.testimonials header h2{font-size: 4rem; padding-bottom: 5px}
	.testimonials header h3{font-size: 2rem; color: #523178;}
	.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.breeze-spa.com/icon/slide-arrow-left.png)}
	.testimonials .carousel-control-next-icon {background-image:url(//storage.breeze-spa.com/icon/slide-arrow-right.png)}

/*Spa Location Page*/
.spa-locations {font-family: PF DinText Pro, Sans-serif; margin-bottom: 50px; 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 5px 0 5px}
.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: #E4E6E7;}

.spa-locations .image{height: 300px}
	
.spa-locations .content{margin: 30px; font-size: 1.6rem;}
	.spa-locations .content header{margin-bottom: 30px;}
	.spa-locations .content h2{font-size: 2.2rem;}
	.spa-locations .content h3{font-size: 3.6rem;}

	.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: #523178; 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: #A17DCA; 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.breeze-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 10px auto;}

	.spa-locations .carousel-indicators a{font-family: PF DinText Pro, Sans-serif; font-size: 1.8rem; margin: 5px; padding: 13px 20px; text-decoration: none; display: inline-block; align-items: center; cursor: pointer; border-radius: 50px; background: #E0F5F4; font-weight:500 }
	.spa-locations .carousel-indicators a.active{background: #5EC9C6; 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;}

	/*Location link*/
	.carousel .dropdown .btn{display:block;width: 100%;margin: 0 0 10px 0;text-align: left;color:#523178;background: #F4F5F5;border: 1px solid #EAECEC;border-radius: 50px;}
	.carousel .dropdown .dropdown-toggle::after {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% - 6px);font-size: 1.8rem;margin: 3px;padding: 13px 20px;text-decoration: none;display: block;align-items: center;cursor: pointer;border-radius: 50px;background: #E0F5F4; color:#523178}
	
	.carousel .dropdown .dropdown-menu a.active{background: #5EC9C6; color: #fff; text-decoration: none;}
	.carousel .dropdown .dropdown-menu a:focus, .carousel .dropdown .dropdown-menu a:hover {color: #523178; background-color: #BBE8E7;}

/*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);}

/*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; color: #523178}
	.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; color: #00b0b9; margin: 5px 10px; padding: 13px 20px; text-decoration: none; white-space: nowrap; display: flex; align-items: center;cursor: pointer; transition: all 0.1s; border-radius: 50px;background: #E0F5F4; font-weight:500;}

.filters a:hover{background:#7dd4d2; color: #fff; border-radius:50px}
.filters label.active{background: #00b0b9; color: #fff; border-radius:50px}
.filters label{border-radius: 60px; color: #00b0b9;}
.filters li:after{content: '|'; color: rgba(0,0,0,0.2); margin: 0 10px}
.filters li:last-child:after{content: none}

.button-filter.hidden {display: 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.4rem; color:#523178;}
.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 - 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-size:2.4rem; color: #66CCCA;}
	.accordion.treatments .subtitle{font-size:1.6rem; color: #85D6D5}
	.accordion.treatments .duration{font-size: 1.9rem; font-weight:500; text-align: right; color:#66CCCA}	
.accordion.treatments .card-body{padding: 1.25rem 0; font-size: 1.8rem;}

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

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

/*Change li to slect option*/
.nav-filters {margin-bottom: 2rem;}
.nav-filters select{width: 100%; height: 45px; font-size: 1.8rem; color: #7DD4D2; 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;}

	.sub-filters{position: absolute; width: 100%; left: -66px; top: 60px; right: 0; z-index: 2; display: flex;}
	.sub-filters .sub-item{display: inline}

/*Desktop - Filter City*/
.nav-filters-city{margin: -1rem 0 2rem 0; position: relative}
/*.nav-filters-city:before, .nav-filters-city:after{bottom: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none;}
.nav-filters-city:before{border-color: rgba(214, 219, 222, 0); border-bottom-color: #d6dbde; border-width: 11px; margin-left: -11px;}
.nav-filters-city:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;}*/

.filters-city{list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin-inline-start: auto; margin-inline-end: auto; text-align: center;}
.filters-city li {display: flex; align-items: center; position: relative;}
.filters-city a, .filters-city label {font-size: 1.6rem; color: #00b0b9; text-decoration: none; margin: 0 10px; padding: 10px 19px; cursor: pointer;}
.filters-city li label:hover{color: #00b0b9; background: #e0f5f4; border-radius: 50px;}
.filters-city li label.active{color: #fff; background: #7dd4d2; border-radius: 50px;}

/*Mobile - Filter City*/
.multiselect-container{width: 100%; font-size: 1.6rem; border: 2px solid #a3dde2; margin-top: -2px; border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.multiselect-container li{padding: 8px 20px; border-bottom: 1px solid #efefef;}
.multiselect-container>li>a{text-decoration: none;}
.multiselect-container>li>a>label{display: block;}
.multiselect-item.multiselect-group{background: #ddeeef;}
.multiselect-item.multiselect-group.active{background: #6ec7cc; color: #fff}
.multiselect-item.multiselect-group.active a{color: #fff}

.multiselect-container input[type=checkbox] {box-sizing: border-box; position: relative; border-radius: 2px; border: 2px solid #00b0b9;; height: 20px; width: 20px; min-width: 20px; transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); vertical-align: middle; -webkit-appearance: none; appearance: none; margin-right: 5px; cursor: pointer;}

.multiselect-container>li.active>a>label>input[type=checkbox], .multiselect-container>li.active>a>label.checkbox input[type=checkbox]:checked {background-color: #00b0b9; border-color: #00b0b9;}
.multiselect-container>li.active>a>label>input[type=checkbox]:after {opacity: 1; transform: rotate(45deg) scale3d(1, 1, 1);}
.multiselect-container>li>a>label>input[type=checkbox]:after {box-sizing: inherit; content: ''; position: absolute; transition: transform 0.25s ease; width: 6px; height: 13px; top: 0; left: 5px; border: 2px solid #fff; border-top: 0; border-left: 0; opacity: 0; transform: rotate(45deg) scale3D(0.1, 0.1, 0.1); z-index: 6;}

/*Mobile - Filter City*/
.multiselect-native-select .btn-group {width: 100%}
.multiselect-native-select .btn{margin: 0 0 15px 0; border: 2px solid #5EC9C6; border-radius: 4px; text-align: left;}
.multiselect-native-select .btn:after{top: 25px; right: 20px; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}

/* 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: 3rem; line-height: 1.2;}
	.posts .post-title .detail{margin: 15px 0 0 0;}
	.posts .post-title .detail b{color: #523178}
.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:#F4F5F5; 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; margin-bottom: 15px; position:relative}

.form-enquiry .inner-wrap i{font-size: 1.4rem;color: #949E9E;}
.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:#d81c3f;}

.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: #889096;-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-size: 2rem; color:#00b0b9; font-weight:500}
.form-enquiry .section span {background: #00b0b9; 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: #4d5357;background-color: #EAECEC;border: 1px solid #DFE2E2;}

.form-enquiry input.cancel{color: #4d5357;background-color:#fff; border: 1px solid #DFE2E2; 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:#4d5357; background-color:#EAECEC; border:1px solid #DFE2E2}
.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}
.iti__selected-dial-code {font-weight:500; color:#889096}

/*****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:#4d5357;}
.privacy li a:hover h3{color:#26292B;}
.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.breeze-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: #00b0b9; 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: #7dd4d2; margin: 0 0 0 20px;}
			.footer-info ul li:last-child:after{content: none;}
		.footer-info ul a{font-size: 1.6rem; line-height: 2; color: #fff; text-decoration: none}
			.footer-info ul a:hover{color: #4d5357}
	
	.footer-info .col-two{margin: 20px}
	.footer-info .social{text-align: center; margin-bottom: 20px;}
		.footer-info .icon-social {background-image: url(//storage.breeze-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.6rem; font-weight:300}
	
.footer-logos{margin: 0; padding: 25px; background-color: #fff}
.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) {
/*****Footer*****/
.footer-info .row{flex-wrap: nowrap;}
}

/*only landscape*/
@media (min-width:568px) and (max-width :922px) and (orientation :landscape) {
/*Privacy*/
.privacy li{width:calc(50% - 10px)}
}

@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;}
	
/*Offers*/
.flickity_one header h2 {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: 2rem;}

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

	.spa-locations .content{margin: 40px 0; font-size:1.8rem}
	.spa-locations .content .language{margin: 20px 0}
	.spa-locations .contactus{margin: 0}
	
/*Spa Etiquette	*/
.purecontent{margin-bottom: 60px}
.purecontent h2{font-size: 3.6rem}
	.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:3rem;}
.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;}

/*Promotion*/
.page-promotion .bg{padding: 50px}
	
/*Cards - List all Promotion*/
.cards_border0 .cards{flex-flow:row nowrap; margin:0 0 50px 0; min-height:500px;}
.cards_border0 .row.cards:nth-child(even){-webkit-box-orient:horizontal; -webkit-box-direction:reverse; -webkit-flex-flow:row-reverse; flex-flow:row-reverse;}	

	.cards_border0 .cards .image, .cards_border0 .cards .content{order:inherit; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; height:inherit}	
	
	.cards_border0 .cards .image .inner, .cards_border0 .cards .content .inner{height: 100%}
	.cards_border0 .cards .content .inner{display: flex; justify-content: center; flex-direction: column; padding: 50px}

	.cards_border0 .cards .content .inner .detail{padding: 0 20px 0 0;}
	
	/*scrollbar*/
	/*width*/		.cards_border0 .cards .content .inner .detail::-webkit-scrollbar {width:6px;border-radius: 10px;}
	/* Track */	.cards_border0 .cards .content .inner .detail::-webkit-scrollbar-track {background-color:#f4f8fa;border-radius: 10px;}
	/* Handle */.cards_border0 .cards .content .inner .detail::-webkit-scrollbar-thumb {background-color:#e4eaee;border-radius: 10px;}
	/* Hover */	.cards_border0 .cards .content .inner .detail::-webkit-scrollbar-thumb:hover {background-color:#d7dfe4}
	
/*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;}
	
/*Privacy*/
.content-padd{margin:60px 0}
.privacy li{width: calc(33.333333% - 10px);}
.fancybox-width{max-width:50vw; padding:60px}
	
/*****Footer*****/
.footer-info{padding: 25px 35px;}
.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: 500px;}
	
.spa-locations .content{margin: 60px 0;}
	.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;}
	
/*Treatments - Accordion*/
	.accordion.treatments .card-header{flex-direction: row;}
	.accordion.treatments .title-wrapper{width: 78%;}
		.accordion.treatments .title h3{font-size:2.8rem;}
		.accordion.treatments .duration{font-size: 2.2rem; width: 22%}
	.accordion.treatments .card-body{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%;}
	
	.accordion.locations a h3{font-size: 2rem}

/* FILTERED ELEMENTS (POSTS)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.posts .post-title h2 {font-size: 3.2rem}
.posts .post-title .detail {font-size:1.8rem}

}

/*//End//*/