html, body{height: 100%;-webkit-font-smoothing: antialiased;margin: 0;padding: 0;background:#fff;}
body {font-family: 'ITC Benguiat Std', Arial;font-size: 16px !important;font-weight: normal;font-style: normal;margin:0;padding:0;color: #212121 !important;}
a {-moz-transition: all .2s ease-in-out 0s;-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;color: #9b70ba;outline: none !important;border:none !important;text-decoration: none;}
a:hover {text-decoration: none;border:none;color:#DB5DAF;}
a:focus, a:active {outline: none !important;text-decoration: none;border:none;color:#DB5DAF !important;}
button {-moz-transition: all .2s ease-in-out 0s;-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;outline: none !important}
label {font-weight: 600;}
::selection {background: #212121;color: #fff;}
::-moz-selection {background: #212121;color: #fff;}
::-webkit-selection {background: #212121;color: #fff;}
::-o-selection {background: #212121;color: #fff;}
::-ms-selection {background: #212121;color: #fff;}  
.small-view{display:none;}
.medium-view{display:none;}
.big-view{display:block;}
.container-page1{margin-left:6%;margin-right:6%;}
.container-page2{margin-left:60px;margin-right:20px;}
.flexcenter{display: flex;justify-content: center;align-items: center;}
.flexleft{display: flex;justify-content: left;align-items: center;}
.flexright{display: flex;justify-content: right;align-items: center;}
.relative{position:relative !important;}
.static{position:static !important;}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.stick-fixed{position: fixed !important;top: 0;left: 0;}
.main-nav{}
.transition-height{-webkit-transition:height .27s cubic-bezier(0,0,.58,1);-moz-transition:height .27s cubic-bezier(0,0,.58,1);-o-transition:height .27s cubic-bezier(0,0,.58,1);-ms-transition:height .27s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.full-wrapper{padding:0;}
.header-nav-section{float:left;position:relative}
.mainmenu{float:right;margin:0 10px 0 auto;}
.nav-wrapper{position: relative;float: left;}
.nav-wrapper ul{list-style:none;float: left;margin:0;font-weight: bold;text-align: center;line-height:30px;}
.small-height .nav-wrapper ul{font-weight:normal;}
.nav-wrapper ul li{list-style:none;float: left;margin-left: 20px;position: relative;}
.nav-wrapper ul li:first-child{margin-left:0;}
.nav-fullwidth{position:static !important;}
.nav-wrapper ul li a{color:#fff;display: inline-block;padding:0;line-height:40px  !important;height:40px !important;font-weight:bold;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-decoration: none;-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);text-shadow:-1px -1px 0 rgba(0,0,0,0.3), 1px -1px 0 rgba(0,0,0,0.3), -1px 1px 0 rgba(0,0,0,0.3), 1px 1px 0 rgba(0,0,0,0.3);
}
.nav-wrapper ul li a:hover{color:#ffd0e6;}
.small-height .nav-wrapper ul li a{text-shadow:none;color:#000;}
.nav-sub {display: none;left: 0;padding: 10px;position: absolute;top: 100%;width: 220px;border-radius:5px;margin-top:5px !important;background:#9b70ba;}
.nav-sub li{display: block;width: 100%;margin: 0 !important;}
.nav-wrapper ul li .nav-sub li a{display: block;width: 100%;height: auto !important;line-height:1.2  !important;height:auto !important;position: relative;-moz-box-sizing: border-box;box-sizing: border-box;padding: 8px 10px;cursor: pointer;text-align:left;color:#fff;font-weight:normal;text-shadow:none;}
.nav-wrapper ul li a:focus, .nav-wrapper ul li a.active{color:#fff !important;}

.nav-sub li a:hover,.nav-wrapper ul li .nav-sub li a:hover,.nav-sub li a.active{background:rgba(0,0,0,0.1);padding-left:15px;padding-right:15px;border:none !important;}
.nav-wrapper > ul > li:last-child .nav-sub,.nav-wrapper li .nav-sub.to-left{left: auto;right: 0;}
.nav-wrapper li:last-child .nav-sub li ul,.nav-wrapper li .nav-sub li ul.to-left{	left: auto;	right: 100%;top: 0;border-left: none;border-right: 1px solid rgba(255,255,255, .07);}
.nav-wrapper a{font-size:95%;}

.body-absolute{position:absolute;top:0;left:0;right:0;}
.header{position:relative;z-index:900;background:linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0.5), rgba(0,0,0,0.4) 50%);}
.small-height .header{-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);}
.header-main{height:16vh;}
.small-height .header{position:fixed;top:0;left:0;right:0;background:#fff;}
.small-height .header-main{height:10vh;}
.logo{width:auto;height:12vh;float:left;margin:0 30px 0 0;}
.small-height .logo{height:8vh;}
.logo img{width:auto;height:100%;}
.header-right{margin:0 0 0 auto !important;}
.iconmenu{width:34px;height:34px;border-radius:4px;background:#9b70ba;margin:0 0 0 10px;cursor:pointer;}
.iconmenu-nobg{width:34px;height:34px;border-radius:4px;border:#fff 1px solid;background:transparent;margin:0 0 0 10px;cursor:pointer;}
.small-height .iconmenu-nobg{width:30px;height:30px;border:none;background:#DB5DAF;}
.small-height .iconmenu{width:30px;height:30px;}
.iconmenu svg{width:auto;height:20px;fill:#fff;}
.iconmenu-nobg svg{width:auto;height:20px;fill:#fff;}
.small-height .iconmenu svg{height:20px;}
.single-container{position:relative;overflow:hidden;margin-top:-16vh;}
.head-contact{width:auto;height:34px;border-radius:4px;padding:0 15px;background:#DB5DAF;margin:0 0 0 10px;}
.small-height .head-contact{height:30px;}
.head-contact p{font-size:100%;margin:0;padding:0;line-height:1;font-weight:normal;color:#fff;}
.intro{position:relative;z-index:2;width:100%;float:left;margin-top:60px;}
.intro-head{position:relative;overflow:hidden;border-radius:5px 5px 0 0;height:60px;background:linear-gradient(to right, #DB5DAF, #9b70ba);padding:0 20px;}
.intro-head h1{font-size:120%;margin:0;padding:0;line-height:1;font-weight:bold;color:#fff;font-weight:bold;text-transform:uppercase;text-shadow:1px 1px 2px #000;-webkit-text-stroke:1px transparent}
.intro-inner{width:100%;float:left;background:#ffd0e6;border-radius:0 0 5px 5px;-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);text-align:center;}
.intro-inner-padding{position:relative;overflow:hidden;padding:30px 20px;}
.intro-inner h3{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;font-weight:500;color:#212121;}
.intro-top{margin:0 0 10px;}
.intro-top img{width:auto;height:40px;margin:0 5px 0 0;}
.intro-top p{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;}

.margin-min10{margin:0 -10px;}
.margin-min5{margin:0 -5px;}
.margin-min15{margin:0 -15px;}
.margin-min30{margin:0 -30px;}
.column-left{width:35%;float:left;}
.column-right{width:65%;float:right;}
.column-2{width:50%;float:left;}
.column-3{width:33.33333333%;float:left;}
.column-5{width:20%;float:left;}
.column-4{width:25%;float:left;}
.column-60{width:60%;float:left;}
.padding-intro{position:relative;overflow:hidden;padding:20px 30px;}
.padding-lr-10{padding:0 10px;}
.padding-lr-5{padding:0 5px;}
.padding-lr-15{padding:0 15px;}
.padding-lr-30{padding:0 30px;}
.produk-area{width:100%;float:left;padding:60px 0;}
.alignright{text-align:right;}
.image-slideshow, .image-blog, .image-menupage, .foto, .image-artikel, .image-related-artikel, .image-manajemen, .category-head-bg, .imageproduk-other-photo{width: 100%;display: block;position: relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;}
.image-slideshow{height:100vh;}
.image-blog{height:25vh;}
.foto{height:20vh;}
.image-menupage{height:45vh;}
.image-artikel{padding-bottom:60%;background: #DB5DAF;}
.image-related-artikel{padding-bottom:80%;background: #DB5DAF;border-radius:5px;}
.image-manajemen{padding-bottom:120%;background: #DB5DAF;}
.imageproduk-other-photo{width:calc(25% - 6px);display:inline-block;height:80px;border:#DB5DAF 1px solid;margin:1px;border-radius:5px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);}
.image-slideshow img, .foto img, .big-image img, .image-menupage img, .photo img, .search-image img, .image-artikel img, .image-related-artikel img, .image-manajemen img, .image-blog img, .category-head-bg img, .imageproduk-other-photo img{display:block;width:100%;height:100%;position: absolute;top: 50%;left: 50%;margin:0 auto;object-fit: cover;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.video-icon{width:auto;height:50px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.video-icon svg{width:auto;height:50px;fill:#DB5DAF;}
.category-head-bg img{opacity:0.15;}

.fortab{position:relative;width:100%;float:left;margin:-48px 0 0;}
.fortab-inner{position:relative;}
.main{margin:0 auto 0;width:100%;position:relative;}
.content2{width:100%;margin:0 0 0;padding:0;position:relative;z-index:1;overflow: hidden;}
.content2 > div{display: none;padding:0 0 0;position:relative;text-align:left;z-index:1;width:100%;height:auto;padding:20px 0 0;}
.fortab input{display:none;}
.fortab label{position:relative;margin:0 0 0 20px;text-align:center;padding:0;width:auto;height:50px;font-weight:bold;float:right;font-size:100%;cursor:pointer;z-index:2;color:#717171;text-transform:uppercase;border-bottom:transparent 5px solid;} 
.fortab label svg{width:auto;height:30px;margin:0 5px 0 0;fill:#DB5DAF;filter: drop-shadow(2px 1px 2px #fff);}
.fortab label.makanan svg{height:34px !important;}
.fortab input:checked + label{color:#000;border-color:#DB5DAF;}
#tab_one:checked ~ .content2 #content2_one, #tab_two:checked ~ .content2 #content2_two, #tab_three:checked ~ .content2 #content2_three{display:block;}

.head-tab{width:100%;float:left;border-bottom:#DB5DAF 1px solid;padding:0 0 5px;margin:0 0 15px;}
.bigtab{font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; font-size:200%;margin:0;padding:0;line-height:1.2;font-weight:bold;letter-spacing:-0.5px;color:#9b70ba;}
.bigtab a{color:#9b70ba;}
.smalltab{font-weight:bold;font-size:100%;padding:0;line-height:1;text-transform:uppercase;margin:0 0 0 20px;}
.head-tab li, .head-tab ul{list-style:none;margin:0 !important;padding:0 !important;}
.head-tab svg{width:auto;height:30px;margin:0 5px 0 0;fill:#DB5DAF;filter: drop-shadow(2px 1px 2px #fff);}
.module-head{margin:0 0 15px;}
.module-head-inner h1{font-size:120%;margin:0;padding:0;line-height:1;font-weight:bold;text-transform:uppercase;color:#000;}
.module-head-inner svg{width:auto;height:34px;fill:#DB5DAF;margin:0 5px 0 0;}
.module-head-link{padding:0 0 0 10px;margin:0 0 0 10px;border-left:#9b70ba 1px solid;}
.module-head-inner p{font-size:90%;margin:0;padding:0;line-height:1;font-weight:normal;color:#9b70ba;}

.artikel-box{border:#DB5DAF 1px solid;padding:5px;border-radius:5px;}
.artikel-box h2{font-size:100%;margin:0 0 0;padding:0;line-height:1.1;font-weight:bold;}

.flex-container{display: flex;flex-flow: row wrap;justify-content: space-between center;margin:0 -5px;}
.testipage .flex-container{margin:0 -20px;}
.testipage .flex-2{position:relative;width:calc(50% - 40px);margin:10px 20px;border:none;}
.produkstyle .flex-2{position:relative;width:calc(50% - 10px);margin:5px 5px;border:none;display:grid;box-sizing: border-box;border-radius:5px;padding:25px 0;background: transparent;background: -moz-radial-gradient(circle, transparent 0%, #ffd0e6 100%);background: -webkit-radial-gradient(circle, transparent 0%, #ffd0e6 100%);background: radial-gradient(circle, transparent 0%, #ffd0e6 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="transparent",endColorstr="#ffd0e6",GradientType=1);}
.flex-4{position:relative;width:calc(25% - 10px);margin:5px 5px;}
.flex-5{position:relative;width:calc(20% - 10px);margin:5px 5px;border-radius:5px;}
.produkstyle .flex-5{padding:30px 0;overflow:hidden;background:url(../img/bg-produk.jpg) no-repeat center;background-size:cover;}
.produkstyle .flex-5:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin:10px;border:#fff 1px solid;border-radius:5px;background:rgba(255,255,255,0.4);}
.produk-inner{position:relative;z-index:2;}
.produk-title{position:relative;z-index:2;text-align:center;margin:15px 20px 0;}
.produk-title h2{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.produk-inner img{width:auto;height:100px;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);border-radius:5px;}
.produk-box{position:relative;overflow:hidden;border-radius:5px;text-align:center;}

.artikel .flex-4, .manajemenstyle .flex-4{border:#e2a9c4 1px solid;background:#fff;border-radius:5px;}
.artikel .flex-4:hover{border:#9b70ba 1px solid;}
.flex-2{position:relative;width:calc(50% - 10px);margin:5px 5px;border:#bdbdbd 1px solid;}
.bg-yellow{background:#DB5DAF;}
.image-produk{position:relative;margin:25px auto 10px;width:60%;}
.image-produk img{width:100%;height:auto;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);border-radius:5px;}
.icon-manajemen img{width:15vh !important;height:auto !important;fill:#fff;opacity:0.4;}
.produk-box-cover{width:0;height:0;text-align:center;position: absolute;top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);-moz-transform: translate3d(-50%, -50%, 0);-ms-transform: translate3d(-50%, -50%, 0);-o-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.carouselproduk-cell:hover .produk-box-cover, .flex-5:hover .produk-box-cover{width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center;z-index:4;border-radius:5px;}
.produk-box-cover h2, .produk-box-cover h3{font-size:0;}
.carouselproduk-cell:hover .produk-box-cover h2, .carouselproduk-cell:hover .produk-box-cover h3, .flex-5:hover .produk-box-cover h2, .flex-5:hover .produk-box-cover h3{font-size:110%;margin:0 15px;padding:15px 0 5px;line-height:1.2;color:#fff;font-weight:bold;}
.carouselproduk-cell:hover .produk-box-cover h2, .flex-5:hover .produk-box-cover h2{border-top:#DB5DAF 1px solid;}
.carouselproduk-cell:hover .produk-box-cover h3, .flex-5:hover .produk-box-cover h3{font-size:100%;font-weight:500;padding:5px 0 15px;border-bottom:#DB5DAF 1px solid;}

.testimoni{position:relative;overflow:hidden;width:100%;float:left;padding:60px 0;background:#fff;}
.testimoni-foto{width:25%;float:left;}
.testimoni-komen{width:75%;float:right;}
.komen-nophoto{position:relative;overflow:hidden;}
.testimoni h2{font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;font-weight:bold;color:#212121;}
.nofoto-testi img{width:80%;height:auto;margin:0 0 0;}

.fas-left{width:20%;float:left;}
.fas-left img{width:100%;height:auto;}
.fas-right-inner{position:relative;overflow:hidden;padding:10px;text-align:left;}
.fas-right-inner h3{font-size:110%;margin:0 0 0;padding:0;line-height:1.2;font-weight:bold;}
.samewidth {position:relative;display: grid;grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)) !important;grid-gap: 10px;}
.samewidth2 {position:relative;display: grid;grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)) !important;grid-gap: 10px;}
.footer-container{position:relative;overflow:hidden;width:100%;float:left;padding:10vh 0;color:#fff;background:linear-gradient(to right, #DB5DAF, #9b70ba);}
.footer-container h2{font-size:90%;margin:0 0 15px;padding:0 0 5px;line-height:1.2;font-weight:bold;text-transform:uppercase;border-bottom:rgba(255,255,255,0.6) 1px dotted;}
.footer-container h3{font-size:90%;margin:0 0;padding:0;line-height:1.4;font-weight:500;color:#dbdbdb;}
.footer-container a h3:hover {color:#fff;}
.footer-social svg{width:auto;height:24px;margin:0 0 0 0;fill:#dbdbdb;}
.footer-social svg:hover{fill:#fff;}
.copyright{width:100%;font-size:90%;float:left;text-align:center;margin:10vh 0 0;color:#dbdbdb;}

.category-head-cover, .artikel-cover{position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to top, #fff, transparent);}
.artikel-cover{background:linear-gradient(to right, #DB5DAF, #9b70ba);opacity:0.4;}
.category-head{position:relative;overflow:hidden;width:100%;margin-top:-16vh;}
.category-head-bg{position:relative;overflow:hidden;text-align:center;height:40vh;}
.artikelstyle .category-head-bg{height:auto;padding-top:16vh !important;padding-bottom:30px;}
.category-head-bg svg{position:absolute;left:0;bottom:0;right:0;width:100%;height:auto;}
.category-page{position:relative;overflow:hidden;width:100%;padding:60px 0;background:#fff;min-height:50vh;}
.category-title{position:relative;width:100%;margin-top:-46px;}
.category-title-inner{background:#fff;height:46px;padding:0 30px;border-radius:5px 5px 0 0;}
.category-title-inner h1 {font-size:120%;margin:0;padding:0;line-height:1;color:#000;font-weight:bold;text-transform:uppercase;}
.category-title-inner h2, .category-title-inner h3 {font-size:100%;margin:0;padding:0;line-height:1;color:#000;font-weight:bold;}
.category-title-inner h3{color:#9b70ba;}
.category-title-inner h2{font-size:120%;}
.category-title-inner svg{position:relative;width:auto;height:34px;margin:0 5px 0 0;fill:#DB5DAF;padding:0;line-height:1;}
.grid svg{fill:#9b70ba;margin:0 0 0 30px;float:right;}
.category-title .dropdown-menu{position:absolute;top:100%;right:0 !important;left:auto !important;margin:5px 0 0;padding:10px;font-size:100% !important;}
.category-title .dropdown-menu p{font-size:100%;margin:0;padding:5px 0;line-height:1.1;font-weight:bold;}

.profile-title{position:absolute;left:0;right:0;bottom:80px;text-align:center;}
.artikelstyle .profile-title{left:6%;right:6%;text-align:left;}
.profile-title h1{font-size:200%;margin:0 10%;padding:0;line-height:1.2;font-weight:bold;color:#DB5DAF;letter-spacing:-0.5px;text-shadow: 3px 2px 5px #000;-webkit-text-stroke: 1px transparent;}
.artikelstyle .profile-title h1{margin:0 0;}
.harga{padding:0 15px;border-radius:5px;height:40px;margin:15px 0 0;background:#DB5DAF;}
.menu-noimage .harga{background:#9b70ba;}
.harga h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;letter-spacing:-0.5px;}
.pagecontent-khusus{position:relative;overflow:hidden;width:100%;padding:10vh 0;background:#fff;text-align:center;}
.pagecontent-khusus h4 {font-size:120%;margin:0 0 10px;padding:0;line-height:1.2;}
.pagecontent-khusus h3 {font-size:130%;margin:0 0 10px;padding:0;line-height:1.2;}
.pagecontent-khusus h2 {font-size:140%;margin:0 0 10px;padding:0;line-height:1.2;}
.pagecontent-khusus h1 {font-size:160%;margin:0 0 10px;padding:0;line-height:1.2;}
.box-border{position:relative;overflow:hidden;padding:20px;border:#bdbdbd 1px solid;text-align:left;}
.column-2-relative{position:relative;overflow:hidden;width:50%;}
.menu-noimage{position:relative;overflow:hidden;width:100%;text-align:center;margin-top:-18vh;background:#DB5DAF;}
.menu-noimage-title{position:relative;overflow:hidden;width:100%;margin-top:18vh;padding:20vh 0;}
.menu-noimage-title h1{font-size:250%;margin:0 10%;padding:0;line-height:1.2;font-weight:bold;color:#000;letter-spacing:-0.5px;}
.related{position:relative;overflow:hidden;width:100%;padding:10vh 0;background:#e0e0e0;}
.page-search{position:relative;overflow:hidden;padding:40px 15%;min-height:60vh;}
.komentar{position:relative;overflow:hidden;padding:0 0 0 5px;border-left:#DB5DAF 2px solid;}
.pagination{margin-top:20px;}
.search-row{position:relative;overflow:hiddden;padding:15px 0;border-top:#bdbdbd 1px solid;width:100%;display:flex;}
.search-image{width:15vh;height:15vh;position:relative;overflow:hidden;margin:0 10px 0 0;border:#bdbdbd 1px solid;}
.search-title{position:relative;overflow:hidden;}
.search-title h3{font-size:100%;margin:5px 0;padding:0;line-height:1.2;font-weight:500;color:#9b70ba;}
.search-title h2{font-size:100%;margin:5px 0 0;padding:0;line-height:1.2;font-weight:bold;}
.search-image svg{width:auto;height:50%;fill:#DB5DAF;}
.nodata{overflow:hidden;position:relative;padding:30px;text-align:center;min-height:50vh;text-align:center;}
.nodata p{font-size:100%;margin:0 auto;padding:0;line-height:1.2;font-weight:bold;}
.nodata img{width:auto;height:15vh;margin:0 auto 20px;}
.page-address{position:relative;overflow:hidden;padding:40px 15px;min-height:60vh;}
.address{position:relative;overflow:hiddden;width:100%;display:flex;margin:0 0 10px;}
.address-icon{width:30px;min-width:30px;height:30px;position:relative;overflow:hidden;margin:0 10px 0 0;}
.address-icon svg{width:30px;height:30px;}
.address-icon.address-small svg{width:26px;height:26px;}
.address-title{position:relative;overflow:hidden;}
.column-contactleft{width:40%;float:left;}
.column-contactright{width:60%;float:left;}
.address-title p{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:500;}
.contact-map{width:100%;height:50vh;}

.menupanel{width: 0;position: fixed;top:0;bottom:0;right:0;overflow: hidden;z-index:9999999;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.menupanel-inner{position:absolute;width:25%;top:0;right:0;bottom:0;background:linear-gradient(to top, #DB5DAF, #9b70ba);}
.logo-menu{position:absolute;top:0;right:0;left:0;height:18vh;background:#fff;padding:0 45px 0 15px;}
.logo-menu img{width:auto;height:60px;margin:0 5px 0 0;}
.logo-menu h1, .logo-menu h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;}
.logo-menu h2{font-weight:500;font-size:90%;}
.logo-menu h1{text-transform:uppercase;}
.menu-m-box{position:absolute;top:18vh;left:0;right:0;bottom:0;}
.close-button{position:absolute;width:30px;height:30px;right:15px;top:50%;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);cursor:pointer;background:#9b70ba;border-radius:4px;}
.close-button-center{position:relative;overflow:hidden;width:30px;height:30px;cursor:pointer;background:#9b70ba;border-radius:4px;margin:0 auto;}
.close-button:before, .close-button:after, .close-button-center:before, .close-button-center:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:60%;top:20%;background:#fff;}
.close-button:before, .close-button-center:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.close-button:after, .close-button-center:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.close-area {margin:30px 0 0;}
.withscroll {width:100%;float:left;overflow-y: scroll;scrollbar-color:rgba(0,0,0,0.2) transparent;scrollbar-width: thin;height:100%;}
.withscroll::-webkit-scrollbar {width: 5px;}
.withscroll::-webkit-scrollbar-track {background:transparent;}
.withscroll::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.withscroll-padding{padding:15px;}
.mobile-menu a{color:#fff;margin:0;padding:0;font-weight:bold;}
.mobile-menu li a{color:#fff;}
.mobile-menu ul{margin:0 0;padding:0;list-style:none;color:#fff;}
.mobile-menu li ul{margin:0 0;padding:10px 0;color:#fff;}
.mobile-menu li{font-size:100%;margin:0;padding:7px 0;line-height:1.2;list-style:none;color:#fff;}
.mobile-menu li.active, .mobile-menu li:focus{color:#fff;}
.mobile-menu a:hover{color:#fff !important;}
.mobile-menu p{position:relative;font-size:110% !important;margin:0;padding:7px 0 7px 15px;line-height:1.2;list-style:none;color:#fff;}
.mobile-menu p:after{content:"";position:absolute;left:0;top:12px;width:10px;height:10px;border-radius:10px;}
.mobile-menu li ul li{font-size:100%;margin:0;padding:0 0;line-height:1.2;color:#fff;}
.mobile-menu-inner .navbar-nav{position:relative;overflow:hidden;width:100%;}
.mobile-menu .dropdown-menu{position:relative;float:none;background:transparent !important;padding:10px 0 !important;border-radius:0 !important;border:none;box-shadow:none !important;}
.mobile-menu a:focus, .mobile-menu a:active {outline: none !important;text-decoration: none;border:none;color:#fff !important;}

.carouselright {background:transparent;}
.testimoni .carouselright-cell{padding:0 40px;overflow:hidden;}
.carouselright-cell {width: 100%;counter-increment: gallery-cell;}
.testimoni .carouselright-cell{width: 50%;}
.produkstyle .carouselproduk-cell{width: calc(20% - 10px);display: flex;align-items: stretch;min-height: 100%;background:url(../img/bg-produk.jpg) no-repeat center;background-size:cover;margin:0 5px;border-radius:5px;padding:0 0 25px;overflow:hidden;}
.produkstyle .carouselproduk-cell:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;margin:10px;border:#fff 1px solid;border-radius:5px;background:rgba(255,255,255,0.4);}
.photo-other .carouselright-cell{width: 50%;}
.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none;}
.flickity-viewport{position: relative;height: 100%;overflow:hidden;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;width: 30px;height: 30px;border:none;background-color:transparent;background-size: auto 40%;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index:10;top:0;}
.testimoni .flickity-prev-next-button, .produkstyle .flickity-prev-next-button, .column-right .flickity-prev-next-button, .column-2-relative .flickity-prev-next-button, .pagecontent-default .flickity-prev-next-button, .artikelstyle .flickity-prev-next-button, .photo-other .flickity-prev-next-button{background-color:rgba(0,0,0,0.2);border-radius:30px;position: absolute;top: 50%;margin:0 auto;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);background-size: auto 50%;}
.flickity-prev-next-button.previous {left:5px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button.next { right: 5px;background-position: center;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.flickity-prev-next-button:disabled {filter: alpha(opacity=0); /* IE8 */opacity: 0;cursor: auto;}
.flickity-prev-next-button svg {display:none;}
.flickity-page-dots {display:none;}
.testimoni .flickity-prev-next-button.previous{left:10px;}
.testimoni .flickity-prev-next-button.next{right:10px;}
.produkstyle .flickity-prev-next-button.previous{left:0;}
.produkstyle .flickity-prev-next-button.next{right:0;}
.photo-other .flickity-prev-next-button.previous{left:0;}
.photo-other .flickity-prev-next-button.next{right:0;}
.height-map{width:100%;height:65vh;border:#bdbdbd 1px solid;}
.title-lokasi{position:relative;overflow:hidden;width:100%;margin:20px 0 0;}
.title-lokasi h1{font-size:110%;margin:0 0 5px;padding:0 0 5px;line-height:1;text-transform:uppercase;font-weight:bold;border-bottom:#DB5DAF 1px solid;}
.title-lokasi h2{font-size:100%;margin:0 0 5px auto !important;padding:0 0 5px;line-height:1.2;font-weight:bold;float:right;color:#9b70ba;}
.height-google{width:100%;height:calc(80vh - 60px);border:#bdbdbd 1px solid;}
.title-lokasi a{color:#9b70ba;}

.modal-open {overflow-x: hidden;overflow-y: auto;}
.modal{z-index:99999;}
.modal-backdrop{z-index:99998;background:#000 !important;}
.modal-backdrop.in{filter:alpha(opacity=60);opacity:.6}
.modal-mid{position:relative;width:40%;height:100vh;margin:0 auto;}
.modal-big{position:relative;width:80%;height:100vh;margin:0 auto;}
.modal-absolute{position:absolute;left:0;right:0;top:10%;bottom:10%;background:#fff;border-radius:7px;overflow:hidden;}
.modal-absolute-title{position:relative;overflow:hidden;padding:30px 15px;background:#000;text-align:center;border-radius:0 0 7px 7px;}
.modal-absolute-title h2{font-size:100%;margin:0 auto !important;padding:0;line-height:1.2;font-weight:500;color:#DB5DAF;}
.info-popup .modal-absolute{background:transparent;}
.searchstyle .modal-absolute{background:#DB5DAF;}
.modal-absolute-center{position:absolute;left:0;right:0;border-radius:7px;overflow:hidden;top: 50%;margin:0 auto;-webkit-transform: translate3d(0, -50%, 0);-moz-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);-o-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);height:80vh;}
.modal-absolute-head{position:absolute;left:0;right:0;top:0;height:60px;background:#DB5DAF;padding:0 55px 0 15px;}
.modal-absolute-head h2{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;color:#fff;}
.modal-inner{position:absolute;left:0;right:0;top:60px;bottom:0;}
.modal-inner-title{margin:0 0 20px;}
.modal-inner-title h3{font-size:100%;margin:0;padding:0;line-height:1.2;font-weight:bold;color:#000;}
.modal-inner-title img{width:auto;height:12vh;margin:0 5px 0 0;}
.pagecontent-default{position:relative;overflow:hidden;border-radius:10px 10px 0 0;padding:50px;background:#fff;min-height:60vh;margin:0 0 10vh;line-height:1.4;}
.pagecontent-default p{font-size:100% !important;margin:0 0 10px;padding:0;}
.pagecontent-default h2, .pagecontent-khusus h2{font-size:120% !important;margin:0 0 10px;padding:0;font-weight:bold;}
.pagecontent-default h3, .pagecontent-khusus h3{font-size:110% !important;margin:0 0 10px;padding:0;font-weight:bold;}
.image-standar{float:right;width:45%;vertical-align:text-top;margin:0 0 10px 10px;}
.image-standar img{display:block;width:100%;height:auto;border-radius:7px;}
.desk-menu-margin{margin:0 15px 0 0;}
.shareto{width:100%;margin:30px 0 0;float:left;}
.share-icon{width:32px;height:32px;margin:0 3px;}
.category-content{position:relative;overflow:hidden;height:40px;margin:0 0 10px;padding:0;line-height:1.2;font-size:120%;font-weight:bold;color:#9b70ba;}
.search-container{position:relative;overflow:hidden;margin:0 20% 10px;}
.searchstyle-inner{position:relative;overflow:hidden;text-align:center;font-size:100%;margin:0 0 10px;padding:0;line-height:1.2;}
.pencarian{position:relative;}
.formsubmit{border:none;outline:none;box-shadow:none;position:absolute;top:0;right:0;width:40px;height:40px;background:none !important;border-radius: 5px;}
.formsubmit svg{width:70%;height:auto;fill:#9b70ba;}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 50px 0 10px;
  font-size: 100% !important;
  line-height: 1.2;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: none !important;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
       -o-transition: none;
          transition: none;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.pagination a{color: #9b70ba !important;border-radius:0 !important;padding:0 8px!important;width:auto;height:30px;line-height:30px;display: flex;justify-content: center;align-items: center;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #9b70ba;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #9b70ba;
  border-color: #9b70ba;color: #fff !important;
}
.pagination .next, .pagination .prev{display:none;}
.link-menu{opacity:0.5;}
.link-menu:hover{opacity:1;}
.link-menu-inner{position:absolute;left:0;right:0;text-align:center;top:0;bottom:0;}
.link-menu-inner img{width:auto;height:8vh;margin:0 auto 10px;position:relative !important;top:auto;left:auto;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.link-menu-inner p{font-size:100%;margin:0;padding:0;line-height:1.1;font-weight:bold;}
.link-menu:hover .link-menu-inner p{padding:10px 0;border-top:#fff 1px solid;border-bottom:#fff 1px solid;}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
.setting-admin p{font-weight:bold;margin:0 10px;padding:0 0 5px;line-height:1.2;font-size:120%;border:none;border-bottom:1px solid;}
.profile-tab-content{position:relative;overflow:hidden;margin:40px 0;}
.profile-tab-content .form-control {margin-top:0;width:100%;height: auto;line-height: 1.2;border-radius: 4px;padding: 10px 50px 10px 10px;border:#bdbdbd 1px solid !important;}
.profile-tab-content .form-control:focus {color: #313131;width:100%;}
.foto-admin img{width:auto;height:80px;margin:0 auto;}
.pagination {
  margin:5px 0 0 !important;padding:0 !important;
}
.pagination ul, .pagination li{margin-bottom:0 !important;padding-bottom:0 !important;}
.mobileonly{display:none;}
.info-container{position:relative;overflow:hidden;margin:15px 0;}
.info-item{float:left;font-size:100%;margin:3px 10px 3px 0;padding:0;line-height:1.2;font-weight:500;color:#515151;}
.info-item svg{width:auto;height:20px;fill:#000;margin:0 4px 0 0;fill:#a1a1a1;}
.totop{position:fixed;bottom:10px;right:10px;z-index:99;height:35px;width:35px;overflow:hidden;}
#ScrollToTop{width:35px;height:0;cursor:pointer;border-radius:5px;}
#ScrollToTop svg{width:20px;height:0;fill:#fff;}
.small-height #ScrollToTop{height:35px;background:#000;}
.small-height #ScrollToTop svg{height:20px;}
.artikel{position:relative;overflow:hidden;width:100%;float:left;padding:60px 0;background:linear-gradient(to right, #ffd0e6, #fff, #ffd0e6);}
.artikel h2{font-weight:bold;margin:0 0 0;padding:0;line-height:1.2;font-size:100%;color:#000;}
.flex-4:hover h2{color:#9b70ba;}
.artikel a{color:#000;}
.artikel-padding{position:relative;overflow:hidden;padding:10px;}
.artikel-container{position:relative;overflow:hidden;border-radius:10px 10px 0 0;padding:20px;background:#fff;min-height:60vh;margin:0 0 10vh;line-height:1.4;}
.artikel-left{width:70%;float:left;}
.image-nocrop{width:100%;position:relative;overflow:hidden;margin:0 0 15px;}
.image-nocrop img{display:block;width:100%;height:auto;}
.artikel-right{width:30%;float:right;}
.related-row{width:100%;position:relative;overflow:hidden;margin:0;padding:10px 0;border-top:#bdbdbd 1px solid;}
.related-row-image{width:35%;float:right;}
.related-row-title{width:65%;float:left;}
.related-row-title h2{font-weight:500;margin:0 0 0;padding:0;line-height:1.2;font-size:100%;}
.related-row a{color:#212121;}
.related-head{font-weight:bold;margin:10px 0 15px;padding:0;line-height:1.2;font-size:120%;text-transform:uppercase;color:#9b70ba;}
.manajemen-nama{position:relative;overflow:hidden;width:100%;text-align:center;font-weight:bold;margin:10px 0 0;padding:0;line-height:1.2;font-size:100%;}
.ttan{display:inline-flex;cursor:pointer;transition:all 1s;position:absolute;right:3px;top:3px;line-height:30px;padding:0;margin:0;color:#fff;background:#9b70ba;font-weight:normal;border-radius:4px;font-size:90%;z-index:15 !important;opacity:0.8;}
.ttan-close {width:30px;height:30px;float:right;position:relative;z-index:50 !important;cursor:pointer;}
.ttan-close:before{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:60%;top:20%;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.ttan-close:after{content:'';position:absolute;left:50%;margin-left:-1px;width:2px;height:60%;top:20%;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#dtan{display:none}
.hitung{position:absolute;right:3px;top:3px;padding:0 15px;height:30px;background:#9b70ba;color:#fff;margin:0;line-height:1.2;font-size:90%;font-weight:500;border-radius:4px;}
.angka{margin:0 5px;font-weight:bold;font-size:120%;}
.recomended img{display:block;width:100%;height:auto;}
.video-height{height:67vh;}
.stickyright-margin{position:relative;overflow:hidden;margin:0 0 0 20px;}
.stickybig-margin{position:relative;overflow:hidden;margin:0 20px 0 0;}
.detail-page, .detail-artikel{position:relative;width:100%;z-index:6;margin-top:-15vh;margin-bottom:60px;}
.detail-artikel{margin-top:30px;}
.mainsticky {display: flex;width: 100%;margin: 0 auto;}
.stickyleft {flex: 0 0 35%;}
.stickyright {flex: 0 0 65%;}
.stickybig {flex: 0 0 70%;}
.stickysmall {flex: 0 0 30%;}
.stickytop {position: sticky !important;top:12vh;}
.headcontent{position:relative;margin:0 0 30px;z-index:7;}
.artikelstyle .headcontent{margin:70px 0 50px;}
.headcontent h1{font-weight:bold;margin:0 0 0;padding:0;line-height:1.1;font-size:180%;color:#000;}
.imagepost-produk{position:relative;overflow:hidden;border:#DB5DAF 1px solid;border-radius:5px;padding:20px;margin:0 20px 0 0;}
.imagepost-produk-inner{width:100%;overflow:hidden;text-align:center;animation: toRight 2s linear;margin:0 auto;-webkit-transition:width .4s cubic-bezier(0,0,.58,1);-moz-transition:width .4s cubic-bezier(0,0,.58,1);-o-transition:width .4s cubic-bezier(0,0,.58,1);-ms-transition:width .4s cubic-bezier(0,0,.58,1);transition:all .55s cubic-bezier(.645,.045,.355,1) 0s;}
.imagepost-produk img{display:block;width:100%;height:auto;margin:0 auto;}
.headsmall-content{font-size:120%;margin:0 0 20px;padding:0 0 5px;font-weight:bold;line-height:1.1;border-bottom:#DB5DAF 1px solid;color:#9b70ba;}
.deskripsi-produk{margin:20px 0 5px !important;}
.photo-main {margin:0 0 10px;}
.photo-main img{display:block;width:100%;height:auto;border-radius:5px;}
.photo-other{position:relative;overflow:hidden;padding:10px;margin:0 0 10px;background:#ffd0e6;border-radius:5px;}
.content-isi{margin:10px 0 0;}
.discount{position:absolute;left:0;top:0;right:0;height:30px;margin:-10px 10px 0 -50px;transform: rotate(-45deg);font-size:90%;padding:0 0 0 35px;font-family:"Arial";line-height:1;color:#fff;background:linear-gradient(to right, #DB5DAF, #9b70ba);z-index:3;}
.price{text-align:center;}
.price-top{align-self: start;text-align:center;margin:0 10px;}
.price-bot{align-self: end;text-align:center;margin:0 10px;}
.price p, .price h3{margin:0 0 0;padding:0;line-height:1.1;font-size:100%;letter-spacing:-0.5px;}
.price h1{margin:10px 0;padding:0;line-height:1.1;font-size:140%;font-weight:bold;color:#DB5DAF;}
.mainprice h2{margin:0;padding:0;line-height:1.1;font-size:120%;font-weight:bold;color:#DB5DAF;}
.price p{color:#9b70ba;font-weight:bold;}
.table-produk{margin:15px 0 0;}
.table-produk td{vertical-align:top;padding:3px 0;font-size:100%;height:auto;line-height:1.1;}
.mainprice svg{width:auto;height:30px;margin:0 5px 0 0;fill:#a0a0a0;}
.tabs{left:50%;transform:translateX(-50%);position:relative;width:100%;height:auto;overflow:hidden;margin:20px 0 0;}
.tabs input[name=tab-control]{display:none}
.tabs .content section h2,.tabs ul li label{font-weight:700;font-size:100%;padding:0;margin:0;line-height:1.1;}
.tabs ul{list-style-type:none;padding-left:0;margin-bottom:10px;border-bottom:#DB5DAF 1px solid;}
.tabs ul li{width:auto !important;padding:0;text-align:center;}
.tabs ul li label{transition:all 0.3s ease-in-out;padding:10px 25px;width:auto !important;float:left;text-overflow:ellipsis;cursor:pointer;transition:all 0.2s ease-in-out;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:#DB5DAF 1px solid;margin:0 10px -1px 0;border-radius:5px 5px 0 0;color:#DB5DAF}
.tabs ul li label br{display:none}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {outline: 0;}
.tabs .content{margin:5px 0 10px}
.tabs .content section{display:none;-webkit-animation-name:content;animation-name:content;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;line-height:1.2}
.tabs input[name=tab-control]:nth-of-type(1):checked~ul>li:nth-child(1)>label{cursor:default;border-bottom:#fff 1px solid;color:#000}
.tabs input[name=tab-control]:nth-of-type(1):checked~.slider{transform:translateX(0%)}
.tabs input[name=tab-control]:nth-of-type(1):checked~.content>section:nth-child(1){display:block}
.tabs input[name=tab-control]:nth-of-type(2):checked~ul>li:nth-child(2)>label{cursor:default;border-bottom:#fff 1px solid;color:#000}
.tabs input[name=tab-control]:nth-of-type(2):checked~.slider{transform:translateX(100%)}
.tabs input[name=tab-control]:nth-of-type(2):checked~.content>section:nth-child(2){display:block}
.imageproduk-other{margin:10px 20px 0 0;text-align:center;position:relative;}

.buy{position:relative;overflow:hidden;margin:30px 0;text-align:center;}
.buy-inner{height:40px;font-size:90%;margin:0 auto;padding:0 15px;border-radius:4px;line-height:1;color:#fff;background:#9b70ba;}

.single-container{min-height:100vh;}

@-webkit-keyframes content{from{opacity:0;transform:translateY(5%)}to{opacity:1;transform:translateY(0%)}}
@keyframes content{from{opacity:0;transform:translateY(5%)}to{opacity:1;transform:translateY(0%)}}

@-webkit-keyframes toRight{0% {-webkit-filter: blur(5px);filter: blur(5px);}100% {-webkit-filter: blur(0px);filter: blur(0px);}}
@-moz-keyframes toRight{0% {-webkit-filter: blur(5px);filter: blur(5px);}100% {-webkit-filter: blur(0px);filter: blur(0px);}}
@-ms-keyframes toRight{0% {-webkit-filter: blur(5px);filter: blur(5px);}100% {-webkit-filter: blur(0px);filter: blur(0px);}}
@-o-keyframes toRight{0% {-webkit-filter: blur(5px);filter: blur(5px);}100% {-webkit-filter: blur(0px);filter: blur(0px);}}
@keyframes toRight{0% {-webkit-filter: blur(5px);filter: blur(5px);}100% {-webkit-filter: blur(0px);filter: blur(0px);}}

@media (min-width: 768px) {
.modal-dialog {width: 100%;margin:0;}
}