@charset "utf-8";
:root {
	--primary: #2C2C2C;
	--white: #FFFFFF;
	--whitelight: #F7F7F7;
	--grey: #dddddd;
	--brown: #41886a;
	--brownlight: #616571;
	--bgdark: #616571;
	--bglight: #616571;
	--bgpink: #F26F76;
}

@font-face {
    font-family: "Asteria";
    src: url("../fonts/Asteria-Regular.otf") format("opentype");
}
@font-face {
    font-family: "BROLIMO";
    src: url("../fonts/BROLIMO-Regular.ttf") format("truetype");
}

h2 {font-size: 30px;font-family: "Montserrat", sans-serif !important;font-weight: normal;color:var(--primary);line-height: 32px;}
h2 strong {font-weight:700;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
section .row {max-width:100%; width:100%;}
.border-none {border:0;}
.txt-desc {color:#555555;font-size:14px;line-height:1.5em;font-weight:400;width:635px;text-align:center;}
.text-light, .text-light * {color:#FFFFFF !important;}
.slick-dots li {margin: 0 5px !important;}
.slick-dots li button:before {font-size:12px;}
@media screen and (max-width: 1366px) and (min-width: 1024px){
	section .row {max-width: 100% !important;}
}
@media screen and (min-width: 768px){
	.col-md-25 {width:20%;}
}
@media screen and (max-width: 576px){
	.txt-desc {width: 100%;}
}
#main-slide {margin-top: 115px;position:relative; box-sizing:inherit;margin-bottom: 0px;}
#main-slide .credit {width: 100%;height: calc(100% - 7px);position: absolute;top: 10px;display: none;z-index: 2;}
#main-slide .credit .overlay {position: absolute;top: 0px;background: #000000;width: 100%;height: 100%;opacity: 0.8;}
#main-slide .credit .overlay-text{position: relative; top: 33%;color: #FFFFFF;padding: 0px 20px;text-align: center;}
#main-slide .img-info {width: 30px;height: 30px;position: absolute;top: 25px;left: 10px;z-index: 2;}
#main-slide a {display:block;}
#main-slide .txt {text-align: center;position: absolute;color: white;z-index: 1;width: 100%;text-align: center;height: 100%;bottom:0;}
#main-slide .txt .main-logo {top: 25%;transform: translateY(-25%);}
#main-slide p.credits {font-size: 0.6em;line-height: 1.2em;bottom: 0;position: absolute;text-align: center;color: #fff;width: 100%;margin-bottom: 10px; z-index: 1; text-shadow: 2px 2px 4px #000000; padding: 0 1em;}
#main-slide .img-slider {background-size: cover !important;width: 100vw;background-position: center !important;height: auto;
    max-width: 100%;}
/*#main-slide picture {display: inline-grid;}*/
@media screen and (max-width: 576px){
	#main-slide {margin-top: 48px;}
	#main-slide .img-slider {background-position: top !important;}
	#main-slide .credit .overlay {top: -10px;height: calc(100% + 10px);}
	#main-slide .img-info {top: 10px;}
}


#happyhour {min-height:inherit !important;padding: 40px 0px;}
#happyhour .img-hh {width:200px;}
#happyhour .txt-title {color:var(--primary);font-size:28px;line-height:1.2em;font-weight:600;text-align:center;}
#happyhour .txt-desc span {font-weight:600;}
@media screen and (max-width: 576px){
	#happyhour .txt-desc {width: 100%;}
}
#prizes h2{font-weight: 700; margin-bottom:50px;}
#prizes h4{font-size: 30px;}
#prizes .img-prizes img {width: 100%; float:right;}
#prizes .txt-prizes{padding-right: 40px !important;padding-left: 40px !important;}
#prizes .txt-prizes h4 {font-size: 18px;line-height: 19px;color:var(--primary);font-weight: normal;}
#prizes .txt-prizes h3 {color: var(--primary);font-size: 14px;};
#prizes .txt-prizes h4.big {font-size: 22px;}
#prizes .other-prize {position: absolute;text-align: center; width: 100%;}
#prizes .other-prize div {display:inline-block; background-color:#FFF;border-radius:50%;overflow:hidden;}

@media screen and (max-width: 576px){
	#prizes h2{margin-bottom: 20px;}
	#prizes .txt-prizes {-webkit-box-ordinal-group: 14;-ms-flex-order: 13;order: 13;padding-top: 10px !important;padding-right: 20px !important;padding-left: 20px !important;}
	#prizes .img-prizes {-webkit-box-ordinal-group: 0;-ms-flex-order: -1; order: -1;}
	#prizes .other-prize img {width:170px;}
}

#promo h4,#promo p {font-weight: normal;font-size: 16px;}
#blog .img-promo {order: 2; margin-bottom: -6px;}
#blog .txt-promo {order: 1;}
#blog h2 {color:#FFFFFF;font-family: "Asteria", sans-serif !important;font-size: 30px;font-weight: normal;
    line-height: 32px;}
#blog h4 {color:#FFFFFF;font-family: "BROLIMO", sans-serif !important;font-size: 30px;font-weight: normal;
    line-height: 32px;}
#blog h2 span, #blog h4 span {font-family: "BIZ UDPMincho", serif !important;}
@media screen and (max-width: 576px){
	#blog h2 {color:#FFFFFF;}
	#blog h4 {color:#FFFFFF;}
	#blog .img-promo {order: 1;}
	#blog .img-promo img{ margin-bottom: -8px;}
	#blog .txt-promo {order: 2;position:absolute; bottom:15px;margin-left: -30px;left: 0px;}
}
@media (max-width: 375px){
	#blog .txt-promo {margin-left: -10px;}
}
#main-slide video{position: relative;top: 50%;	transform: translateY(-50%);}
#main-slide .video-container{overflow:hidden;position:relative;height:300px;background-color:#000}
#main-slide .video-overlay{background-color:rgba(0,0,0,0.05); width: 100%;height: 100%;display: flex;position: absolute;z-index:1}
@media (min-width: 375px){
	#main-slide .video-overlay{background-size: 250px;}
}
@media (min-width: 768px){
	#main-slide .video-overlay{background-size: 450px;}
}

#wk-video, #wk-video-offline {border-radius: 0px;overflow: hidden;width:800px;margin: -200px 0 0 -400px;}
#wk-video .modal-body, #wk-video-offline .modal-body{padding: 0px;overflow: hidden}
#wk-video .button, #wk-video-offline .button {position: absolute;z-index: 100000;right: 0px;top: 0px;}
#wk-video .button button, #wk-video-offline .button button {background-color: #FFFFFF;border: 0px;font-size: 37px;line-height: 37px;}
#wk-video .video-container, #wk-video-offline .video-container{overflow:hidden;position:relative;height:600px;background-color:#000}
@media (max-width: 768px){
	#wk-video, #wk-video-offline {max-height: 100vh;border-radius: 0px;padding: 0px;width:100%;top: 50% !important;margin: -250px 0 0;}
	#wk-video .video-container, #wk-video-offline .video-container {height:100vh;}
	#wk-video .modal-body, #wk-video .modal-body .video-container, #wk-video-offline .modal-body, #wk-video-offline .modal-body .video-container {height: fit-content;max-height: fit-content;}
}



#journey, #journey .card, #journey-content .div-footer {background-color:#f7f7f7;}
#journey ul {list-style-type: disc;}
#journey ul li {text-align:left;margin-left: 3.2rem;}
#journey .card-body {position:relative;}
#journey .card-body h4 {text-align: left !important;margin-left: 2rem;font-size: 18px;line-height: 24px;}
#journey .card-body span{position: absolute;background-color: var(--bgpink);border-radius: 50%;color: #FFFFFF;padding: 4px 11px;left: 4px;top: 28px;}
.info .card .card-img-top {width: auto;margin: auto;}
.info .card .card-body .card-text {font-size:13px;}
.info .card .card-body .txt-redmore {font-size:13px;color:var(--primary)!important;font-weight:600;}

#participant {background-image:url('../images/bg-participant.jpg');background-size: 100% auto;background-position: center bottom;background-repeat: no-repeat;padding-bottom: 380px !important;background-color:#d6dad9;}
#participant .btn, #journey .btn, #prizes .btn, #highlight .btn,#vendors .btn {background-color:#FFFFFF;color:var(--bgpink);border-radius:50px;font-family: "Montserrat", sans-serif;box-shadow: 5px 4px 5px -1px rgba(0,0,0,0.49);
-webkit-box-shadow: 5px 4px 5px -1px rgba(0,0,0,0.49);
-moz-box-shadow: 5px 4px 5px -1px rgba(0,0,0,0.49);font-size: 15px;padding:6px 30px}
#journey .btn,#vendors .btn {background-color:var(--bgpink) !important;color:#FFFFFF !important;border-radius: 60px; font-size: 15px;font-family: "Montserrat", sans-serif;padding: 6px 30px;}


#participant .btn {padding: 15px 30px;color:var(--bgpink) !important;}
#participant .viewall,#participant .viewless {font-weight: bolder;color: #222222;text-decoration: underline;}
#participant .border-top{border-top:1px solid #c9c9c9 !important;}
@media screen and (max-width: 576px){
	#participant {background-image:url('../images/bg-participant-mobile.jpg?v=1');padding-bottom: 300px !important;background-size: 100% auto;}
	#prizes .py-5 {text-align:center;}
}

#vendors .card-item-detail {padding: 10px;margin-bottom: 25px;}
	
#faq h5 {font-size:16px;}
#faq h3 {font-size: 14px;font-size: 14px;background-color: #E9E9E9;border-radius: 50px;padding: 10px 50px 10px 30px;position:relative;}
#faq h3 img {position: absolute;right: 20px;top: calc(50% - 7px);}
#faq p {
	/* display:none; */
	padding: 10px 30px;}

@media (max-width: 1024px) {
	.div-header #main-slide .main-logo {
		right: 0;
	}
}
@media (max-width: 992px) {
	
}

#journey .div-head {position:relative;}
#journey ul.slick-dots {bottom: 10px;}
#journey .slick-dotted.slick-slider {margin-bottom: 0px !important;}
@media (max-width: 768px) {
	#journey .div-head {position:absolute;top:0px;z-index:10;}
	#journey h2{line-height: 28px;margin-top: 14px;}
	#journey .slide-arrow {top: 33%;}
	#journey .prev-arrow {left: 15px;}
	#journey .next-arrow {right: 15px;}
}
img.label {max-width: 30%;}
#about {background-image:url('../images/bg-about.jpg');background-size: 100% auto;background-position: center top;}
@media (max-width: 768px) {
	#about {background-image:url('../images/bg-about-mobile.jpg');background-size: 100% auto;}
	img.label {max-width: 70% !important;}
	
}


#highlight {background-image:url('../img/bg-highlight-d.jpg');background-size: cover;background-position: right top;   background-repeat: no-repeat;}}
#highlight h3 {font-size: 12px;font-weight: 500;}

#highlight .card {background-color: transparent !important;border:none !important;}

#health {background-color:#2C2C2C;background-image:url('../images/bg-health.jpg');background-size: auto 100%;background-position: right top;   background-repeat: no-repeat;}
#health h3 {color: #616571 !important;font-size: 16px;text-align: center;}
#health .card {background-color:#FFFFFF;padding:12px;border-radius:15px;}
@media (max-width: 768px) {
	#highlight {background-image:url('../img/bg-highlight.jpg');background-size: auto 100%;}
	#health {background-image:url('../images/bg-health-mobile.jpg');background-size: 100% auto;}
	#health .col-6 {padding: 0.5rem;margin-bottom: 0px !important;}
}

.bgpink {background-color:var(--bgpink);}
.bgpink h2{font-family: "Montserrat", sans-serif;}
.bgpink h2,.bgpink h4,.bgpink p{color:#FFFFFF !important;}

.img-promo h2 {bottom: 15px;left: 15px;font-weight:bold;font-family: "Montserrat", sans-serif;}

#promo .btn,#blog .btn {background-color:#FFFFFF;border-radius: 60px; font-size: 15px;padding: 6px 30px;font-family: "Montserrat", sans-serif;}
#blog .btn {background-color:#FFFFFF;border-radius: 60px; font-size: 11px;font-family: "Montserrat", sans-serif;padding: 4px 10px;}

#promo a,#promo  a:hover {color:#FFFFFF;}
#promo a.btn,#promo  a.btn:hover,#blog a.btn,#blog  a.btn:hover {color:var(--bgpink);box-shadow: 5px 4px 5px -1px rgba(0,0,0,0.24);
-webkit-box-shadow: 5px 4px 5px -1px rgba(0,0,0,0.24);
-moz-box-shadow: 5px 4px 5px -1px rgba(0,0,0,0.24);}

#promo .offline,#promo .online {min-width: 130px;}
#contact {background-image:url('../img/bg-contact.jpg'); background-position:top left;background-repeat: no-repeat;min-height: 456px;background-size: 100% 100%;}
#contact h4 {font-size: 14px;line-height: 24px;font-weight: normal;text-align:left;}
#contact .weddingku{margin: 28px;}
@media (max-width: 768px) {
	#contact .weddingku{margin: 0px;}
	#promo .offline,#promo .online {display:inline-block;min-width: 130px;}
}
.border-top {border-top-color:#FFF;}

#offers {background-color:#f5f5f5;}
#offers {
	overflow: hidden;
    margin-bottom: 0px;
    color: #ffffff;
}
#offers article h3 {
	font-size: 18px;font-weight: lighter;
	text-align: center;
	margin-bottom: 0px;
}
#offers article p {
	text-align: center;
    margin-bottom: 0px;
    font-size: 13px;
}
#offers article .col-price span.sale-price {
	text-decoration: line-through;
    font-family: sans-serif;
    font-size: 14px;
    position: relative;
    bottom: -9px;
}
#offers article .percent {
	color: #ff99a1;
    font-family: sans-serif;
    font-weight: 600;
    font-size: 35px;
    float: left;
    margin-right: 20px;
}
#offers article .percent em {
	font-family: sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: initial;
}
#offers article {
    overflow: hidden;
    margin-bottom: 25px;
}
#offers .border-offer {
	border: 1px solid #D4D4D4;
	padding-bottom: 20px;
}
#offers .discount {
	font-weight: 600;
    font-size: 22px;
}
#offers .discount small{
	font-weight: 100;
	font-size: 14px;
}
#offers .border-offer a{
	background: #c70027;
    color: #fff;
    padding: 10px 45px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
#offers .col {
	overflow: hidden;
}
#offers .term ul {list-style: initial;margin-left: 30px;}
#offers .term ul li {
	text-align: left;
    font-weight: 400;
    font-size: 14px;
    padding-left: 0px;
}
#offers .term {
	border-left: 1px solid #dddddd;
    margin-left: 15px;
}
#offers .term .bg-term  {
    margin: 15px;
    margin-top: 0px;
    padding: 20px 0px 20px 0px;
}
#offers .term .bg-term  p{
	margin-bottom: 0px;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
}
#offers .auto {
	margin: 0 auto;
    width: 80%;
}
#offers .auto .text-left{
	padding-right: 0px;
}
#offers .auto .text-left img{
	width: 80%;
	float: right;
}
#offers .auto .text-right{
	width: 45%;
	padding-left: 0px;
} 
@media screen and (max-width: 768px){
	#offers {padding:0px;}
	.picframe.text-right {text-align:center !important;}
	#offers .border-offer a {display:block;}
}

@media screen and (min-width: 768px){
	.slick-dots {
		bottom: -35px !important;
	}
}
#sharewin {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 2;
    width: 102px;
    background-color: #FFFFFF;
    border: 1px solid #6b6c6c;
    color: #6b6c6c;
    border-radius: 50px;
    line-height: 13px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 3px 14px;}
#sharewin .img { margin-right: 7px;
    margin-top: 3px;}
#sharewin div {float: left;}
@media screen and (max-width: 576px){
	#sharewin {top: 10px;}
}

.video-container iframe {
	width: 100%;
	height: 72%;
}

@media screen and (max-width: 480px) {	
	.video-container iframe {
		width: 100%;
		height: 210px;
	}
	#wk-video .modal-body, #wk-video .modal-body .video-container, #wk-video-offline .modal-body, #wk-video-offline .modal-body .video-container {height: 210px !important;}
}

body > div#bannerbar-fixed-bottom div.container {
    /*width: 100% !important;
    max-width: 100vw;*/
    margin: 0 !important;
    padding: 0 !important;
}
@media (max-width: 768px){
	#faq img.label {
		max-width: 100% !important;
	}
}