@font-face{font-family: 'CocogooseDemibold'; src: url('../fonts/cocogoose_semilight.woff2') format('woff2'), url('../fonts/cocogoose_semilight.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face{font-family: 'CocogooseLight'; src: url('../fonts/cocogoose_light.woff2') format('woff2'), url('../fonts/cocogoose_semilight.woff') format('woff'); font-weight: normal; font-style: normal;}@font-face{font-family: 'CocogooseThin'; src: url('../fonts/cocogoose_thin.woff2') format('woff2'), url('../fonts/cocogoose_thin.woff') format('woff'); font-weight: normal; font-style: normal;}body{margin: 0; padding: 0; font-family: 'Work Sans', 'PT Sans', sans-serif; color: #79654f; background-image: url('../images/bg.jpg'); background-repeat: no-repeat; background-size: 100% auto; background-position: top center;}.header{background-color: #ffffff; position: relative; box-shadow: 0 4px 8px 0 rgba(183, 183, 183, 0.5); margin-bottom: 3rem;}.header .navbar{padding: 0;}.header .navbar-expand-lg .navbar-nav .nav-link{padding: 1.1rem .75rem; color: #6c6c6c; margin-right: 1.25rem; border-bottom: 4px solid #ffffff;}.header .navbar-expand-lg .navbar-nav .nav-link.active,.header .navbar-expand-lg .navbar-nav .nav-link:hover{color: #b2776a; border-bottom: 4px solid #b2776a;}.header .search{border-radius: 1.5rem; border-color: #b2776a; background-color: #ffffff; color: #b5b5b5;}.header .search:focus{color:#6c6c6c; border-color:#b2776a; outline:0; box-shadow:0 0 0 .2rem rgba(183, 183, 183, 0.5);}.header .search::placeholder{font-size: .80rem;}.header .login img{vertical-align: inherit; width: 13px;}.header .logo{display: block; text-decoration: none; height: 6.5rem; width: 8rem; position: absolute; z-index: 1; bottom: -2.5rem; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; background-image: url('../images/bg-logo.png'); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto;}.header .logo img{width: 3rem; margin-top: 1rem;}.header .logo-menu-mobile{margin: 1.5rem 0; height: 1rem;}.content{padding: 1.5rem 0; min-height: 31rem;}.countdown{text-align: center; font-family: 'CocogooseLight'; padding: 3rem; background-image: url('../images/bg-countdown.png'); background-position: bottom left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}.countdown .title{font-size: 1.5rem;}.countdown .title span{color: #b2776a; font-family: 'CocogooseDemibold';}.countdown .day{font-size: 7rem; font-family: 'CocogooseThin'; margin: 2.5rem 0 0; line-height: normal;}.countdown .day-text{font-size: 2rem; margin-bottom: 2rem;}.countdown .notify{display: inline;}.countdown .notify img{width: 10rem;}.countdown.live{text-align: left; padding: 6rem 4rem;}.countdown.live .text h5{margin: 0 0 1rem;}.countdown.live .text h2{margin: 0 0 2rem; font-weight: 700;}.countdown.live .text p{line-height: 1rem; line-height: 1.75rem;}.countdown.live .cover{position: relative; height: 20rem;}.countdown.live .cover .img{object-fit: cover; width: 100%; height: 100%;}.countdown.live .cover .join{width: 10rem; display: block; text-decoration: none; position: absolute; z-index: 1; top: 9rem; left: 0; right: 0; margin-left: auto; margin-right: auto;}.countdown.live .cover .join img{max-width: 10rem;}.introduction{margin-top: 2.5rem;}.introduction .banner{height: 28rem; position: relative; display: none;}.introduction .banner.active{display: block;}.introduction .banner img{object-fit: cover; width: 100%; height: 100%;}.introduction .text .title{font-family: 'CocogooseLight'; font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem;}.introduction .text .text-item{padding: 1rem 0 2rem; display: none;}.introduction .text .text-item.active{display: block;}.introduction .text .text-item h1{font-family: 'CocogooseDemibold';}.introduction .text .text-item p{color: #6e6e6e;}.introduction .text .icon a{display: inline-block; height: 100px; width: 100px; margin-right: .5rem; margin-bottom: .5rem; position: relative; border-radius: 100px;}.introduction .text .icon a:hover,.introduction .text .icon a.active{border: 3px solid #b2776a;}.introduction .text .icon a img{object-fit: cover; width: 100%; height: 100%;}.card-title{padding: 3rem 0 1rem; margin: 0;}.card-title .text{text-align: center; font-size: 1.40rem; font-family: 'CocogooseDemibold';}.card-title .line{width: 4rem; height: 4px; background-color:#b2776a; margin-left: auto; margin-right: auto; margin-top: .25rem;}.bg-rice{/*background-image: url('../images/bg-rice-left.png'), url('../images/bg-rice-right.png'); background-position: left top, right 7rem; background-repeat: no-repeat, no-repeat;*/ background:none;}.product{margin-bottom: 1rem; text-decoration: none; color: #6c6c6c; text-align: center;}.product .cover{position: relative; margin-bottom: 1.5rem; padding: 1.5rem 3rem; transition: transform .2s;}.product .cover img{object-fit: cover; width: 100%; height: 100%;}.product .view{display: none; position: absolute; top: 45%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 125px; background-color: #b2776a; color: #ffffff; padding: 10px; font-size: .85rem; border-radius: 20px; object-fit: contain; box-shadow: 0 0 10px 0 #b2776a; z-index: 1;}.product:hover{text-decoration: none; color: #6c6c6c;}.product:hover .cover img{transform: scale(1.1);}.product:hover .view{display: block;}.product-detail{padding: 4rem 0; background-color: #ffffff; margin-bottom: -3.4rem;}.product-detail .variant{display: block; text-decoration: none; margin-bottom: 4rem; text-align: center; color: #6c6c6c; position: relative;}.product-detail .variant:last-child{margin-bottom: 0;}.product-detail .variant.active,.product-detail .variant:hover{font-weight: 900; color: #b2776a;}.product-detail .variant img{width: 55%;}.product-detail .variant h6{margin: .5rem 0 0;}.product-detail .cover{text-align: center;}.product-detail .cover img{width: 65%;}.product-detail .text{color: #6c6c6c;}.product-detail .text h1{margin: 2rem 0 1.5rem; font-weight: 900;}.product-detail .text h6{margin: 0 0 1rem;}.product-detail .text .buy{text-decoration: none; display:inline-block; margin-top: 1rem;}.product-detail .text .buy img{height: 3rem;}.product-line{margin: 2rem 0 0 15rem; height: 0px; width: 0px; border-bottom: solid 2rem #ffffff; border-left: solid 1rem transparent; border-right: solid 1rem transparent;}.product-mobile{display: none;}.marketplace .item{padding: 1.5rem; box-shadow: 0 0 6px 0 rgba(190, 190, 190, 0.5); background-color: #ffffff; text-align: center; margin: .75rem 0; min-height: 9rem;}.marketplace .item .cover{max-width: 100%; height: 2.35rem;}.marketplace .item .link{text-decoration: none; display: block; margin-top: 1rem;}.marketplace .item .link img{height: 2rem;}.marketplace .body{padding: 1rem 1.5rem; position: relative;}.marketplace .body .close{position: absolute; right: -1rem; top: -.75rem; z-index: 1051; width: 2rem; opacity: 1;}.marketplace .body .close img{width: 100%;}.article{box-shadow: 0 5px 10px 0 #b7b7b7; background-color: #ffffff; color: #6c6c6c; margin-top: 1.5rem; position: relative;}.article .category{background-color: #b2776a; color: #ffffff; max-width: 15rem; position: absolute; z-index: 1; top: 1.5rem; left: 0; padding: .4rem .8rem;}.article .cover{position: relative; height: 17rem;}.article .cover img{object-fit: cover; width: 100%; height: 100%;}.article .text{padding: 1rem;}.article .text h5{font-weight: 600; font-size: 1rem; margin-bottom: .5rem;}.article .text p{margin-bottom: .35rem; font-size: .9rem;}.article .text a{display: block; text-align: right; color: #b2776a; font-weight: 600; font-size: .9rem;}.article-detail{margin: 1rem 0; color: #6c6c6c;}.article-detail .title{color: #79654f; font-size: 2rem; font-weight: 700; text-align: center; margin: 0 0 1rem;}.article-detail .date{color: #b2776a; text-align: center; margin: 0 0 1rem;}.article-detail .cover{position: relative; height: 27rem; margin-bottom: 1rem;}.article-detail .cover img{object-fit: cover; width: 100%; height: 100%;}.article-detail .desc{margin-bottom: 1.5rem;}.pagination-nav{margin: 1.5rem 0; text-align: center;}.pagination-nav a,.pagination-nav strong{color: #b2776a; padding: 0 .55rem;}.see-more{display: block; text-align: center; color: #b2776a; font-weight: 600; margin-top: 2rem;}.see-more:hover{color: #b2776a;}.footer{margin-top: 2rem; box-shadow: 0 -4px 8px 0 rgba(183, 183, 183, 0.5); background-color: #ffffff; padding:1.5rem 0;}.footer .copy img{width: 10rem;}.footer .copy .text{margin-top: 1rem; font-size: .85rem; color: #6c6c6c;}.footer .sosmed h6{margin-bottom: .5rem; color: #b2776a;}.footer .sosmed a{display: inline-block; text-decoration: none; margin-right: .3rem;}.footer .sosmed a img{width: 2.5rem;}.footer .subscibe h6{margin-bottom: .5rem; color: #b2776a;}.footer .subscibe .email{border-radius: 1.5rem; border-color: #b2776a; background-color: #ffffff; color: #b5b5b5;}.footer .subscibe .email:focus{color:#6c6c6c; border-color:#b2776a; outline:0; box-shadow:0 0 0 .2rem rgba(183, 183, 183, 0.5);}.footer .subscibe .email::placeholder{font-size: .80rem;}.btn-custom{color: #fff; background-color: #b2776a; border-color: #b2776a; border-radius: 1.5rem; min-width: 8rem;}.btn-custom:hover{color: #fff; background-color: #79654F; border-color: #79654F;}.event-detail{text-align: center;}.event-detail h2{margin: 0 0 1rem; font-weight:800;}.event-detail p{margin: 0 0 2rem; color: #6c6c6c;}.event-list{margin-bottom: 2rem;}.event-list:last-child{margin-bottom: 0;}.event-list h2{font-weight:800; position: relative; padding: 0 0 .5rem; margin-bottom: 1.5rem;}.event-list h2::after{content: " "; position: absolute; bottom: 0; left: 0; width: 4rem; height: .3rem; background-color:#b2776a;}.event-list p{margin: 0 0 2.5rem; color: #6c6c6c;}.event-list .more{color: #b2776a; font-size: .9rem;}.event-list .more img{height: .7rem;}.event-list .cover{position: relative; height: 18rem;}.event-list .cover .img{object-fit: cover; width: 100%; height: 100%;}.event-list .cover .join{width: 3rem; display: block; position: absolute; z-index: 1; top: 8rem; left: 0; right: 0; margin-left: auto; margin-right: auto;}.event-list .cover .join img{height: 3rem;}.event-activity{margin: 1rem -7.5px 0; background-color: #ffffff; padding: 1rem 0; position: relative;}.event-activity .cover{position: relative; height: 16rem;}.event-activity .cover .img{object-fit: cover; width: 100%; height: 100%;}.event-activity h2{font-weight:800; position: relative; margin-bottom: 1rem; font-size: 1.5rem;}.event-activity p{margin: 0; color: #6c6c6c; padding-bottom: 2rem;}.event-activity .more{position: absolute; display: inline-block; right: 1rem; bottom: 0; color: #b2776a; font-size: .9rem; font-weight: 700;}.carousel-product .carousel-indicators{bottom: -20px;}.carousel-product .carousel-indicators li{background-color: #ebd8d4; height: 4px;}.carousel-product .carousel-indicators .active{background-color: #b2776a;}.carousel-banner .carousel-indicators li{background-color: #ffffff; height: 10px; border-radius: 5px; width: 10px; margin-right: .5rem;}.carousel-banner .carousel-indicators .active{background-color: #b2776a; width: 20px;}.carousel-banner .carousel-item .img{height: 35rem; position: relative;}.carousel-banner .carousel-item .img img{object-fit: cover; width: 100%; height: 100%;}.carousel-banner .carousel-item .img img.mobile{display: none;}.form-button{position: relative;}.form-button .form-control{width: 100%;}.form-button .submit{background: transparent; border: 0; padding: 0; margin: 0; position: absolute; right: 1rem; top: .3rem; cursor: pointer;}.form-button .submit img{height: 1rem;}.custom-select{border-radius: 0; border: 1px solid #b2776a;}.modal-dialog .close{color: #b2776a;}.modal-bg .modal-title{font-size: 1.1rem;}.modal-bg .form-control{border-radius: 0; border: 1px solid #b2776a;}.modal-bg .modal-content{background-image: url('../images/bg-modal.png'); background-size: cover; background-position: center center;}.nav-pills .nav-link{color: #b2776a; background-color: transparent; border: 1px solid #b2776a; border-radius: 1.5rem; margin: 0 .5rem;}.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #fff; background-color: #b2776a; border-color: #b2776a;}@media (max-width: 1024px){}@media (max-width: 768px){body{background-image: url('../images/bg.jpg'); background-repeat: no-repeat; background-size: auto 100%; background-position: top center;}.header .navbar .collapse{padding: 0 0 4.1rem;}.countdown{padding: 2rem 1.5rem; background-position: center center;}.countdown.live{text-align: center; padding: 0;}.countdown.live .text{padding: 2rem;}.countdown.live .text p{padding: 0; margin: 0;}.countdown.live .cover{height: 15rem;}.countdown.live .cover .join{top: 7rem;}.countdown .title{font-size: 1.2rem;}.countdown .day{font-size: 6rem; margin: 2.5rem 0 0rem; line-height: 6rem;}.countdown .day-text{font-size: 1.5rem; margin-bottom: 1.5rem;}.countdown.live .text h2{margin: 0 0 1rem; font-size: 1.65rem;}.introduction .text .title{font-size: 1rem; margin-bottom: .5rem;}.introduction .text .text-item h1{font-size: 2rem;}.introduction .text .icon a{height: 4.5rem; width: 4.5rem;}}@media (max-width:640px){body{background-image: url('../images/bg-m.jpg'); background-repeat: no-repeat; background-size: cover; background-position: top center;}.carousel-banner .carousel-item .img{height: 22rem;}.carousel-banner .carousel-item .img img.desktop{display: none;}.carousel-banner .carousel-item .img img.mobile{display: block;}.introduction{text-align: center;}.introduction .banner{height: 17rem;}.product-desktop{display: none;}.product-mobile{display: block;}.product .cover{padding: 1.5rem 7rem; margin-bottom: 1rem;}.product-line{margin: 2rem 0 0 10rem;}.product-detail{text-align: center;}.product-detail .cover{display: none; height: 22rem;}.product-detail .variant{display: inline-block; width: 35%; margin: 7%;}.product-detail .text h1{font-size: 1.75rem; color: #79654f;}.article .cover{height: 14rem;}.footer{text-align: center;}.footer .copy, .footer .sosmed{padding-bottom: 1.75rem; margin-bottom: 1.75rem; position: relative;}.footer .copy::before, .footer .sosmed::before{content: " "; position: absolute; width: 5rem; height: 1px; background-color: #E7D6D2; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto;}.modal-dialog{margin: .5rem 1.1rem;}.modal-dialog .card-title .text{font-size: 1rem;}.marketplace .item{padding: 1rem; min-height: 8rem;}.marketplace .body{padding: 1rem;}.event-activity .cover{margin-bottom: 1rem; height: 12rem;}}@media (max-width:480px){}@media (max-width:380px){}