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

h2 {font-size: 32px;font-family: "Open Sans", 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: 100px;position:relative; box-sizing:inherit;margin-bottom: -10px;}
#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 {background-image:url('../images/bg-grandprize-desktop-p.jpg');background-size: 100% auto;background-position: right top;background-repeat: no-repeat;padding-top: 5rem !important;}
#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 (min-width: 1900px){
	#prizes {padding-top: 380px !important;}
	#prizes .container {max-width: 940px;}
}
@media screen and (max-width: 576px){
	#prizes {background-image:url('../images/bg-grandprize-mobile-p.jpg');padding-top: 2rem !important;}
	#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 {background-color:#d3d7d6;border-bottom:1px solid #DDDDDD;}
#promo .img-promo {background-color:#031018;}
#promo h4 {font-weight:bold;font-style:italic;font-size: 18px;}
#promo .img-promo h2 {position:absolute;bottom: 0px;padding: 20px;font-size: 22px;line-height: 22px;color: #FFFFFF;}
#promo .txt-promo h2 {font-size: 32px;}
#promo .viewall, #promo .viewless {font-weight: bolder;color: #222222;text-decoration: underline;}
@media screen and (max-width: 576px){
	#promo {border-bottom:none;}
	#promo .txt-promo {background-image:url('../images/bg-promo-text.jpg');background-size: 100% auto;background-position: right bottom;background-repeat: no-repeat;padding-bottom: 130px !important;padding-top:30px !important;}
}

.slick-slide {margin: 0 0.5rem;}
.slick-track {margin-left: 0px !important;margin-right: 0px !important;}
.slide-arrow{z-index: 1;margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.slide-arrow{position: absolute;top: 50%;margin-top: -15px;}
.slide-arrow.slick-disabled{display: none !important;}
.prev-arrow{left: -15px;}
.next-arrow{right: -15px;}
.prev-arrow svg,.next-arrow svg{width: 40px !important;height: 40px;border: 1px solid #ddd;background: #fff;border-radius: 50%;}
.prev-arrow svg path,.next-arrow svg path{color: #555555;fill: #555555;}
.prev-arrow svg path.arrow-background,.next-arrow svg path.arrow-background{color: #ffffff;fill: #ffffff;}

@media screen and (max-width: 576px) {
	.slick-slide{margin: 0 0 0 0.5rem;}
	.prev-arrow{left: 0px;}
	.next-arrow{right: 0px;}
}


#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(--primary);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 {background-color:var(--primary);color:#FFFFFF;}
#journey .btn,#prizes .btn,#journey .btn,#highlight .btn {padding: 15px 100px;color:#FFFFFF !important;}
#participant .btn {padding: 15px 30px;color:#FFFFFF !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;}
	#journey .btn,#prizes .btn,#journey .btn,#highlight .btn {padding: 15px 80px;}
	#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;}
}

#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;}
}


#highlight {background-color:#F5F5F5;}
#highlight h3 {font-size: 12px;font-weight: 500;}


#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) {
	#health {background-image:url('../images/bg-health-mobile.jpg');background-size: 100% auto;}
	#health .col-6 {padding: 0.5rem;margin-bottom: 0px !important;}
}


#contact h4 {font-size: 14px;line-height: 24px;font-weight: normal;}
#contact .weddingku{margin: 28px;}
@media (max-width: 768px) {
	#contact .weddingku{margin: 0px;}
}


div#bannerbar-fixed-bottom {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
	background-color: #FFFFFF;
    position: fixed;
    bottom: 0px;
    height: auto !important;
    width: 100%;
    z-index: 100;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    cursor: pointer;
}
body > div#bannerbar-fixed-bottom div.container {
    width: 100% !important;
    max-width: 100vw;
    background: #ffff;
    margin: 0 !important;
    padding: 0 !important;
}
@media screen and (max-width: 768px){
	body > div#bannerbar-fixed-bottom {
		bottom: 75px;
	}
}

#offers {background-color:#f5f5f5;}
#offers {
	overflow: hidden;
	background-image: url('../images/offer-bg.jpg');
    /*background: #3d3c3c;*/
    padding: 50px 50px 70px 50px;
    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;}
}