@charset "utf-8";
:root {
	--primary: #cd3363;
	--white: #FFFFFF;
	--whitelight: #F7F7F7;
	--grey: #dddddd;
	--brown: #41886a;
	--brownlight: #cd3363;
}
h2 {font-size: 32px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
#main-slide {position:relative; box-sizing:inherit;}
#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;/*height: calc(100vh - 110px);*/background-position: center !important;}
.div-header #main-slide .img-slider {height: auto;}
/*#main-slide .main-logo { top: 2.5em; position: absolute;right: 10em;z-index: 1;padding: 0 15px;}*/
#main-slide .main-logo { margin-top: 210px;z-index: 1;padding: 0 15px;}
#main-slide .main-logo img {max-width: 100%;}
#main-slide .subtitle{ line-height: 20px; margin-bottom: 20px; color: var(--white);}


#main-slide .btn,  section .btn {padding: 15px 30px;}
#main-slide .btn,#main-slide .btn:hover, section .btn,section .btn:hover {background-color:var(--primary);color:var(--white);}
#main-slide .btn.btn-white,#main-slide .btn.btn-white:hover, section .btn.btn-white,section .btn.btn-white:hover {background-color:var(--white) ;color:var(--primary) !important;}

section#section-prizes .img-prizes img {width: 100%; float:right;}
section.primary {background-color: #f3f3f3 !important;overflow: hidden;border-bottom: 1px solid #eae7e7;}
section .row {max-width:100%; width:100%;}

#participant h3 {font-size: 14px;}

#section-hh .img-hh {width:200px;}
#section-hh .txt-title {color:var(--primary);;font-size:28px;line-height:1.2em;font-weight:600;text-align:center;}
#section-hh .txt-desc {color:#555555;font-size:14px;line-height:1.5em;font-weight:400;width:635px;text-align:center;}
#section-hh .txt-desc span {font-weight:600;}
#section-prizes .txt-prizes{padding-right: 40px !important;padding-left: 40px !important;}
#section-prizes .txt-prizes h4 {font-size: 16px;line-height: 19px;}

#section-prizes .other-prize {position: absolute;text-align: center; width: 100%;}
#section-prizes .other-prize div {display:inline-block; background-color:#FFF;border-radius:50%;overflow:hidden;}
@media screen and (max-width: 576px){
	#section-prizes .txt-prizes {-webkit-box-ordinal-group: 14;-ms-flex-order: 13;order: 13;padding-top: 85px !important;padding-bottom: 70px !important;padding-right: 20px !important;padding-left: 20px !important;}
	#section-prizes .img-prizes {-webkit-box-ordinal-group: 0;-ms-flex-order: -1; order: -1;}
	#section-prizes .other-prize img {width:170px;}
}

.grid.list.empty p {background-color: #eee;border-radius: 7px;margin: 0 0 50px !important;padding: 25px;}
.list.empty p {margin: 30px !important;background-color: #eee;border-radius: 7px;}
h3.suggest {padding-left: 15px;margin-bottom: 20px;}

.product.bg-white {border: 2px solid var(--primary);background-color:#FFFFFF;    height: 100%;}
/*.product .product-detail p.name {max-height: 2rem;min-height: 2rem;}*/
.card {border-radius:0px;}
#contributor .card img {border-radius:50%; width:150px;margin: 0 auto;}
.card-item {position: relative;border: 1px solid #dddddd;background-color:#FFFFFF;box-sizing: inherit;height: 100%;}
.card-item .card-item-image .card-item-update {position: absolute;padding: 5px 10px;bottom: 0px;width: 100%;color: #ffffff !important;background-color: #FD9AA2;white-space: nowrap;-webkit-line-clamp: 1;	-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
.card-item .card-item-image  .card-item-update.cl {background-color: #6ABCEA;}
.card-item .card-item-image  .card-item-update.pl {background-color: #64C7A3;}
.card-item .card-item-image .div-reward {position: absolute;color: #ffffff;top: 0;right:10px;z-index: 1;		}
.card-item .card-item-image .div-reward span.reward {position: relative;}
.card-item .card-item-image .div-reward span.reward span{position: relative;display: block;text-align: center;background: linear-gradient(180deg, #FFB7BD 0%, #FF9DA5 100%);font-size: 12px;font-weight: 600;line-height: 14px;letter-spacing: 1px;padding: 8px 4px 2px;}
.card-item .card-item-image .div-reward span.reward.rv span{background: #bcaa48;}
.card-item .card-item-image .div-reward span.reward.tg span{background: linear-gradient(180deg, #6FE2B8 0%, #64C7A3 100%);}
.card-item .card-item-image .div-reward span.reward.cl span{background: linear-gradient(180deg, #7FCCF8 0%, #6ABCEA 100%);}
.card-item .card-item-image .card-item-update .item-newupdate{color: #ffffff !important;font-family: Open Sans;font-style: normal;font-weight: bold;font-size: 13px;line-height: 18px;text-transform: uppercase;}
.card-item .card-item-image .card-item-update:hover .item-newupdate span,.card-item .card-item-image .card-item-update:active .item-newupdate span,.card-item .card-item-image .card-item-update:focus  .item-newupdate span{color: #ffffff !important;}
.card-item .card-item-image .card-item-update .item-newupdate span{padding: 0 20px;}
.card-item .card-item-image .card-item-update .item-newupdate svg{position: absolute;top: 7px;}
.card-item .card-item-image .card-item-update .item-newupdate svg path{fill: #ffffff !important;}
.card-item .card-item-image .card-item-update .item-newupdate:after{content: "\f105";font-family: FontAwesome;font-size: 16px;position: absolute;right: 10px;color: #ffffff;vertical-align: 0%;}
.card-item .card-item-detail {padding: 10px;}
.card-item .card-item-detail a {display: block;}
.card-item .card-item-detail .name, .card .name {font-family: Montserrat;font-style: normal;font-weight: 600;font-size: 15px;line-height: 18px;color: #555555;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 40px;min-height: 40px;overflow: hidden;	}
.card-item .card-item-detail .cat, .card .cat {font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 12px;line-height: 16px;color: #555555;margin-top: 4px;}
.card-item .card-item-detail ol.total-content {display: block;position: relative;text-align: left;margin-top: 16px;overflow: hidden;}
.card-item .card-item-detail ol.total-content li {display: inline;position: relative;font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 12px;line-height: 16px;padding: 0 5px;float: left;margin-bottom:5px;}
.card-item .card-item-detail ol.total-content li:first-child {padding-left: 0;}
.card-item .card-item-detail ol.total-content li .d-flex span {padding-left: 3px;}

#section-hh {min-height:inherit !important;padding: 40px 0px;}
#main-slide {margin-top: 110px;}
@media screen and (max-width: 576px){#main-slide {margin-top: 45px;}}
/*#main-slide .slider1 {background: url('https://v20.weddingku.com/minisite/expo/thevow/2021/assets/images/main-banner-1920-x-1080.jpg');}
.div-header #main-slide .slider1 {background: url('https://v20.weddingku.com/minisite/expo/thevow/2021/assets/images/mini-banner.jpg');background-position: left !important;}*/
#header-left #logo a {display: block;overflow: hidden;}
#header-left #logo p {position: absolute;color: var(--white);bottom: 0px;font-weight: 600;font-size: 13px;}
.border-none {border:0;}
.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;}
#section-prizes h2,#more-vendore .div-header h2, #faq h2, #webinar h2, #journey h2, #journey-content h2 {font-size:32px;font-family: "Montserrat", sans-serif;font-weight: 600;color: var(--primary);}
#section-prizes h2 {font-size:18px;}
#webinar .div-article .div-date .txt-date {font-size:52px;line-height: 45px;color:var(--white);}
#webinar .div-article .div-date .txt-month {font-size:14px;color:var(--white);}
#webinar .div-article .div-text .txt-title {font-size:18px;color:var(--white);font-weight:600;}
#webinar .div-article .div-text .txt-time {font-size:13px;color:var(--white);font-weight:600;}
#webinar .div-article .div-text .txt-time svg path {fill:var(--white);}
#webinar .div-article .div-text .txt-desc {font-size:14px;color:var(--white);font-weight:400;line-height: 18px;}
#webinar .btn {font-size:14px;color:var(--primary) !important;border:1px solid var(--primary);box-sizing: border-box;background:var(--white) !important;padding: 6px 15px;width: 100%;text-align: center;    font-weight: 600;}
#more-vendore {background-color: var(--white);}
#more-vendore .row {max-width: 100% !important;}
#more-vendore .div-text {position: absolute;bottom: 0px;padding: 50px 15px 24px;width: 100%;color: var(--white) !important;background-color: rgba(0,0,0,0.1);background: -moz-linear-gradient(top,transparent 0,transparent 0,rgba(0,0,0,0.4) 75%);background: -webkit-linear-gradient(top,transparent 0,transparent 0,rgba(0,0,0,0.4) 75%);background: linear-gradient(to bottom,transparent 0,transparent 0,rgba(0,0,0,0.4) 75%);}  
#vendor h2, #faq h2, #journey h2, #webinar h2 {text-align: center;line-height: 36px;color:var(--primary);font-weight:600;font-family: "Montserrat", sans-serif;padding: 0 1rem;}
#more-vendore .div-text .txt-title {text-align: left;font-size: 22px;line-height: 22px;color:var(--white);font-weight:600;}
/*#more-vendore .item.active::after {margin: auto;left: 0;right: 0;width: 20px;height: 20px;content: '';display: block;position: absolute;bottom: -1px;border-bottom:20px solid var(--whitelight);border-left:10px solid transparent;border-right:10px solid transparent;}*/
#more-vendore svg {width: 22px;}
#more-vendore .item .div-text svg {width: 30px; float: right;}
#more-vendore .item.active .div-text svg {transform: rotate(90deg);}
#more-vendore .item .div-text svg path {fill: var(--white);}
#more-vendore .item-show {background-color: var(--whitelight);}
#more-vendore .item-show .div-content {max-width: 90%;margin: 35px auto;}
#more-vendore .item-show .div-content .div-head {margin: 20px 0;}
#more-vendore .item-show .div-content .div-head .txt-title{text-align: center;font-size: 16px;line-height: 24px;color: #555555;padding: 0px 15px;}
#more-vendore .item-show .div-content .div-body .item a {display: block;overflow: hidden;position: relative;}
.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;}
.product .product-image .product-overlay {bottom:0;}
.item-more a {position: relative;display: block;height: 100%;background: #FFFFFF;border: 1px solid #ebebeb;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.item-more a .div-ic {position: absolute;width: 100%;top: 35%;z-index: 1;left: 0;right: 0;margin: auto;text-align: center;}
.item-more a .div-ic svg {width: 40px !important;}
.item-more a .div-ic p {text-transform: uppercase;}
.item-more a .div-ic svg path, .item-more a .div-ic p {fill: var(--primary) !important;color: var(--primary) !important;}
.div-header p {display: block;padding: 15px 10px;font-size: 18px;font-weight: 600;color: #555555;}
@media screen and (max-width: 576px) {
	.prev-arrow{left: 0px;}
	.next-arrow{right: 0px;}
	#more-vendore .item-show .div-content {max-width: 100%;margin: auto;}
}

@media screen and (max-width: 1366px) and (min-width: 1024px){
	section .row {max-width: 100% !important;}
}


@media screen and (max-width: 576px){
	#section-hh .txt-desc {width: 100%;}
	.item-show {padding:0px 20px 20px;}
	.item-show .div-body{0px 10px 0px 5px;}
	.slick-slide{margin: 0 0 0 0.5rem;}
	#main-slide .main-logo img {max-width: 70%;}
	#viewallvendor {display: inline-block;position: inherit;right: 0px;top: 0px;padding-top: 12px;}
	#main-slide .img-slider {background-position: top !important;}
}
#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;}
#journey .card-body span{position: absolute;background-color: var(--primary);border-radius: 50%;color: #FFFFFF;padding: 4px 11px;left: 4px;top: 28px;}
#journey .btn {padding: 15px 100px;color:#FFFFFF !important;}
#faq h5 {font-size:16px;}

.info .card .card-body .txt-redmore {text-decoration: underline;}

#journey-content, #content {margin-top: 115px;}
#journey-content .btn {background-color: var(--primary) !important;color: var(--white) !important;width: 250px; text-align: center;}
#journey-content .btn-white {background-color: var(--white) !important;color: var(--primary) !important;}
#journey-content .div-header {background-color: #efefef;background-repeat: no-repeat;background-position: center center;background-size: cover;min-height: 300px;}
#journey-content .div-header h3{font-family: Montserrat;font-style: normal;font-weight: 600;font-size: 34px;line-height: 41px;color: var(--primary);text-align:left;}
#journey-content .div-header p{font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 14px;line-height: 19px;color: var(--primary);width: 45em;text-align:left;}
#journey-content h2 {color: var(--black);}
#info-voucher {	background: var(--white);}
#journey-content #info-voucher .div-info p {font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 20px;align-items: center;text-align: center;color: var(--black);margin-right: 10px;margin-left: 10px;}
#journey-content #info-voucher .txt-desc, #journey-content .div-footer .txt-desc {font-family: Open Sans;font-style: normal;font-weight: normal;font-size: 14px;line-height: 19px;text-align: center;color: var(--black);}
#journey-content #info-voucher .div-hh {border: 1px solid #DDDDDD;box-sizing: border-box;width: 80%;margin: auto;}
#journey-content #info-voucher .div-text .txt-title {font-family: Open Sans;font-style: normal;font-weight: 600;font-size: 24px;text-transform: uppercase;line-height: 28px;color: var(--black);}
#journey-content #info-voucher .div-text .txt-title span {color: var(--red);}
#journey-content #info-voucher .div-text .txt-desc {text-align:left;}
#journey-content #info-voucher .div-text .txt-desc span {font-weight: 600;font-size:16px;} 
#journey-content .div-footer .txt-desc {text-align: left;margin-bottom: 1.5em;}
#journey-content .div-footer ol {list-style-position: inside; list-style-image: initial; list-style-type: decimal;}

.div-loading{margin-top: 110px;min-height: 350px;position: fixed;top: 0px; bottom: 0; width: 100%; background: #fff;z-index: 10;}
.div-loading .loading{margin: 0 auto; position: relative;top: 50%;transform: translateY(-50%);}

/*honeymoon*/
.thumbnail-list {border: 1px solid  var(--grey);background-color: var(--white);}
.col-pad {padding: 4px;padding-bottom: 10px !important;}
.imgcontainer {height: 0;padding-bottom: 66.667%;position: relative;}
.imgproduct {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover !important;background-repeat: no-repeat !important;    background-position: center center;}
.thumbnail-list article {padding: 25px 15px 0px 15px;overflow: hidden;}
.tagpromo, .tagpromo-list {height: 40px;margin-top: -45px;margin-left: -20px;position: absolute;width: 100%;}
.tagpromo-list {margin-top: -50px;margin-left: -15px;}
.thumbnail-list article .tagpromo-list {
    width: 95%;
    z-index: 3;
}
.title-des {
    margin-top: 0px;
}
.thumbnail-list article h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    white-space: normal;
    line-height: normal;
}
.star {
    overflow: hidden;
    max-height: 22px;
}
.thumbnail-list article .star {
    display: inline-block;
    vertical-align: bottom;
}
.star ul li {
    float: left;
    color: #c6af59;
}
.hotpromo {
    background-color: #e21b1b;
    height: 20px;
    color: #FFF;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    border-radius: 10px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.pricebook {
    margin-top: 5px;
    min-height: 50px;
}
.pricebook {
    white-space: normal;
}
.col-pad-nul {
    padding: 0px !important;
}
.price {
    color: #fa7d87;
    font-weight: bold;
}
.big-price {
    font-size: 20px;
}
.div-btnBook {
    text-align: right;
}
.location {
    margin-bottom: 0px;
    clear: both;
    position: relative;
}
article span {
    color: #929292;
    font-weight: 600;
}
.location i {
    font-size: 16px;
    font-weight: bold;
}
@media (max-width: 1024px) {
	.div-header #main-slide .main-logo {
		right: 0;
	}
}
@media (max-width: 992px) {
	#main-slide .txt {top: 0px;}
	
	#main-slide .main-logo { right: 0;left:0;height: 100%;position: relative;top: 10px !important;transform: translateY(0) !important;margin-top: 10px;} 
	.div-header #main-slide .main-logo {top: 40px !important;} 
	#main-slide .main-logo .btn-offer {position: relative;margin-top: 15px;left: 0;right: 0;} 
	#main-slide .main-logo .btn-offer a {width: 45%;font-size: 10px;} 
	.div-header #main-slide .main-logo .btn-offer a {width: 100%;font-size: 12px;} 
	#journey-content, #main-slide, #content {margin-top: 45px;}
	#journey-content .div-header p{width: 100%;}
	
	#journey-content #info-voucher .div-hh {width: 100%;margin: auto;}
}
#jewel .item {max-width: 40%;margin: 0 auto;}
@media (max-width: 576px) {
	/*#journey-content .div-header {padding: 30px 0px;}*/
	#journey-content .btn {width: 100%;}
	.div-header #main-slide .img-slider {height: calc(100vh - 300px);}
	#jewel .item {max-width: 80%;}
}
#contributor .card {min-height: 251px;}
.taginstallment {
    background: transparent url(../img/ico-cicilan.png) no-repeat scroll 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 98px;
    display: inline-block;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    margin-top: 0;
    margin-right: 10px;
    padding-top: 60px;
    float: right;
}
.disc-price {
    text-decoration: line-through;
    font-size: 10pt;
    color: #555555;
}