html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,.fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1.3;font-size:17px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:inherit}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align: middle; margin: 0 auto;}
	*{-webkit-box-sizing:border-box;
	  box-sizing: border-box;
	  -moz-box-sizing: border-box;
	}

table, th, td {
  border: 1px solid black;
  padding: 5px;
  margin: 10px;
}	

@font-face {
	font-family: 'Gotham Book';
	src: url('../font/GothamRounded-Book.eot');
	src: url('../font/GothamRounded-Book.eot?#iefix') format('embedded-opentype'),
		url('../font/GothamRounded-Book.woff') format('woff'),
		url('../font/GothamRounded-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Bold';
	src: url('../font/GothamRounded-Bold.eot');
	src: url('../font/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/GothamRounded-Bold.woff') format('woff'),
		url('../font/GothamRounded-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Light';
	src: url('../font/GothamRounded-Light.eot');
	src: url('../font/GothamRounded-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/GothamRounded-Light.woff') format('woff'),
		url('../font/GothamRounded-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham Medium';
	src: url('../font/GothamRounded-Medium.eot');
	src: url('../font/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/GothamRounded-Medium.woff') format('woff'),
		url('../font/GothamRounded-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.book{font-family: 'Gotham Book';}
.bold{font-family: 'Gotham Bold';}
.light{font-family: 'Gotham Light';}
.medium{font-family: 'Gotham Medium';}
html{position:relative;background:#e6e6e6}
.slick-slide{position:relative;}
.error{color:red; font-size:11px;font-family: 'Gotham Book';font-weight:bold;}
.buynow {margin: 0 auto;margin-bottom: 0px;display: block;margin-bottom: 20px;color: #c80520;border: solid 1px #c80520;padding: 4px 20px;display: inline-block;cursor: pointer;}


.topmargin{
	margin-top: 2rem;
}	

.find-us{
	font-family: 'Gotham Book';
	background-color: #C80520;
	 border-radius: 10px;
	padding-top: 4%;
	padding-bottom: 4%;
	color: #fff !important;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	margin-bottom:20px; 
}

.find-us:hover{
	background-color:#810E12;
	padding-top: 4%;
	padding-bottom: 4%;
	color: #fff !important;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	margin-bottom:20px; 
	text-decoration:none;
}

@media (min-width: 770px) {
.header{position:fixed;width:100%;height:100px;background:#c80520;transition:0.5s;z-index:2;}
.header.fixed{height:45px;}
.header >.logo{float:left;margin-left:50px;position:relative;z-index:2;}
.header >.logo img{transition:0.5s;width:170px;}
.header.fixed >.logo img{ /*width:100px;*/}
.header .menu{float:right;color:white;margin-top:17px;transition:0.5s; text-align: center;}
.header.fixed .menu{margin-top:0px;}
.header .menu>a{display:block;float:left;padding:0 13px;border-right:1px solid #d64458;position:relative;transition:0.5s;}
.header.fixed .menu >a{padding:10px;}
.header .menu>a:hover,.header .menu>a.active{color:#f8c313;}
.header .menu>a:last-child{border:0;}
.header .menu .logo{width:38px;height:36px;background-repeat:no-repeat;display:block;margin:0 auto;margin-bottom:12px;}
.header.fixed .menu .logo{display:none;}
.header .menu>a:hover .logo,.header .menu>a.active .logo{background-position:0 -36px;}
.header .menu span{display:block;}
.header .menu span.notification{position:absolute;width:14px;height:14px;text-align:center;border-radius:7px;background:#f8c313;color:#c80520;top:0;left:5px;font-size:11px;transition:0.5s;}
.header.fixed .menu span.notification{right:0px;left:auto;}
.header .menu>a .logo.homelogo{background-image:url('../images/logo-home.png');}
.header .menu>a .logo.produklogo{background-image:url('../images/logo-produk.png');}
.header .menu>a .logo.artikellogo{background-image:url('../images/logo-artikel.png');}
.header .menu>a .logo.kreasilogo{background-image:url('../images/logo-kreasi.png');}
.header .menu>a .logo.eventlogo{background-image:url('../images/logo-event.png');}
.header .menu>a .logo.profilelogo{background-image:url('../images/logo-profile.png');}
.header .menu>a .logo.keylogo{background-image:url('../images/logo-logout.png');}
.header .menu>a .logo.searchlogo{background-image:url('../images/logo-search.png');}
.header .search{position:fixed;left:-100%;top:100px;width:100%;padding:10px 30px 10px 250px;background:white;transition:0.5s}
.header .search.visible{left:0;}
.header.fixed .search{top:40px;}
.header .search >*{display:inline-block;vertical-align:middle;}
.header .search form{width:50%;padding-left:10px;}
.header .search form input{width:100%;border:none;padding-left:10px;font-family: 'Gotham Medium';outline:none;height:30px;}
.header .search .close-search{float:right;cursor:pointer; margin-top: 8px;}
.header .notification-content{position:absolute;width:200px;margin:0 auto;left:0;right:0;background:white;border:solid 1px #e5e5e5;color:#919191;transition:0.5s;border-radius:3px;transition:0.5s;display:none;opacity:0;}
.header .notification-content.active{display:block;opacity:1;}
.header .notification-content .triangle-up{width: 0;height: 0;border-style: solid;border-width: 0 12px 10px 12px;border-color: transparent transparent #fafafa transparent;position:absolute;top:-10px;left:0;right:0;margin:0 auto;}
.header .notification-content .content{padding:10px;border-bottom:1px solid #e5e5e5}
.header .notification-content .content .fontsize15{color:#c80520}
.header .notification-content .go-to-profile{text-align:center;padding:10px 0;background:#f8c313;color:#c80520}
.slider-wrapper{padding-top:100px;background-color:#C80520;max-height: 550px;}
.slider-wrapper .full-width{width:100%;}
.slider-wrapper .float-left{position:absolute;top:35%;left:30px;color:#df001e;max-width:30%;}
.slider-wrapper .goto{color:white;padding:10px 15px;background:#089661;border-radius:5px;margin-top:8px;display:inline-block;}
.slider-wrapper .slick-dots{position:absolute;left:30px;bottom:45px;}
.slider-wrapper .slick-dots>*{display:inline-block}
.slider-wrapper button{width:10px;height:10px;background:white;border:solid 2px #df001e;border-radius:5px;display:inline-block;text-indent:-9999px;padding:0px;margin:0 3px;cursor:pointer; }
.slider-wrapper .slick-active button{background:#f8c313 }
.title-birthday{margin-top:-60px;}

.tanya-dokter{position:fixed;right:-230px;top:40%;z-index:3;background:#ab1419;text-align:center;color:white;border-radius:4px;overflow:hidden;transition:0.5s}
.tanya-dokter.active{right:0;}
.tanya-dokter >* {display:inline-block;vertical-align:middle;padding:10px;}
.tanya-dokter >div:first-child {background:#D8232C;cursor:pointer;}
.tanya-dokter a{color:#f8c313 }
.tanya-dokter .fontsize15{margin-bottom:10px;}
.yellow{background:#f8c313;text-align:center;padding:40px 0;}
.yellow .daftar-sekarang-button{cursor:pointer;}
.tab{width:100%;overflow:hidden;background:white}
.tab>div{width:25%;display:block;float:left;text-align:center;padding:8px 0;cursor:pointer; border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.tab>div:first-child{border-left:0;}
.tab>div>*{display:inline-block;vertical-align:middle;margin:0 5px;}
.tab .logo{width:31px;height:31px;display:inline-block;}
.tab .news {border-top:solid 4px #c80520;}
.tab .artikel,.artikel-grid,.other.artikel{border-top:solid 4px #f8c313;} 
.tab .duniaberbo,.duniaberbo-grid,.other.duniaberbo {border-top:solid 4px #1ca4fa;}
.tab .event,.event-grid,.other.event {border-top:solid 4px #089661;}
.tab .product {border-top:solid 4px #089661;}
.tab .news.active {background:#c80520;color:white;}
.tab .artikel.active{background:#f8c313;color:white;} 
.tab .duniaberbo.active {background:#1ca4fa;color:white;}
.tab .event.active {background:#089661;color:white;}
.tab .news .logo{background-image:url('../images/logo-news.png');}
.tab .artikel .logo{background-image:url('../images/logo-artikel-black.png');}
.tab .duniaberbo .logo{background-image:url('../images/logo-kreasi-black.png');}
.tab .event .logo{background-image:url('../images/logo-event-black.png');}
.tab .product .logo{background-image:url('../images/logo-produk.png');}
.tab .active .logo{background-position:0 -31px;}
.wrapper1000{width:1140px;margin:0 auto;text-align:center;}
.home.grid{text-align:center;padding:20px 0 10px 0;}
.home .grid-item{width:30%;background:white;padding:20px 20px 0 20px;text-align:left;line-height:1.2;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:15px;}
.home .grid-item p{margin:10px 0;}
.home .grid-item h2{margin:10px 0; font-weight: normal;}
.home .grid-item img{max-width:100%;min-width:260px;}
.home .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;padding:8px 0;}
.home .grid-item .readmore>span+span{float:right}
.loadmore{margin:0 auto;display:block;margin-bottom:20px;color:#c80520;border:solid 1px #c80520;padding:4px 20px;display:inline-block;cursor:pointer;}
.subscribe{background-color:#c80520;padding:15px 0;text-align:center;}
.subscribe span{color:white;display:inline-block;vertical-align:middle;}
.subscribe form{display:inline-block;vertical-align:middle;background:white;border-radius:3px;overflow:hidden;height:25px;}
.subscribe form >*{display:inline-block;vertical-align:middle;}
.subscribe form input{border:0;padding:3px 0px 3px 8px;height:26px;font-family: 'Gotham Medium';}
.subscribe form .submit{background:#f8c313;color:#c80520;height:26px;cursor:pointer;padding:0 5px;line-height:25px;cursor:pointer;}
.footer{background-color:#810e12;padding:10px 0 0 0;text-align:center;color:white;overflow:hidden;padding-top: 25px}
.footer .submenu{display:block;float:left;text-align:left;margin-right:30px;margin-bottom:30px;margin-top: 10px;}
.footer .submenu a{display:block;}
.footer .fontsize18{color:#f8c313;margin-bottom:10px;}
.footer .sosmed{float:right}
.footer .sosmed a{display:inline-block;vertical-align:middle;padding:0px 8px;}
.footer .copyright{display:block;border-top:solid 1px white;clear:both;text-align:left;padding:6px 0;margin-bottom:20px;}

.copy-text{
	float:left;
}
.copy-link{
	float:right;
}
.copy-link a:hover{
	color: #f8c313;
}


.blacklayer{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none}
.popup{width:600px;background:white;background-color:white;border-radius:4px;overflow:hidden;position:fixed;left:0;right:0;top:30px;margin:0 auto;z-index:11;display:none;}
.template1 .red{background:#c80520;height:40px;position:relative;}
.template1 .redcolor{color:#ca0e20}
.template1 .red img{max-width:140px;margin:0 auto;display:block;}
.template1 .red .closepop{color:white;cursor:pointer;position:absolute;top:10px;right:10px;}
.template1 .content{padding:110px 30px 30px 30px;}
.template1 .scroll,.template2 .scroll{max-height:370px;}
.template1 input,.template1 textarea,.template1 select{border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;font-family: 'Gotham Medium';font-size:15px;}
.template1 .login{display:block;}
.template1 .login .redcolor{cursor:pointer;text-decoration:underline;}
.template1 .login input{width:100%;}
.template1 .button-login{margin:0 auto;display:block;cursor:pointer;}
.template1 .register {display:none;}
.template1 .register p{text-align:center;margin:8px 0;}
.template1 .register input,.template1 .register select{width:100%;}
.template1 .register textarea{width:100%;height:90px;resize:none;}
.template1 .register input[type="file"]{width:1px;height:1px;visibility:hidden}
.template1 .register .pict-value{background:url('../images/kamera.png') no-repeat;background-position:center right;cursor:pointer;}
.template1 .register .width100{width:98%;text-align:left;display:inline-block;vertical-align:top;margin-bottom:1%;}
.template1 .register .width80{width:78%;text-align:left;display:inline-block;vertical-align:top;margin-right:1%;margin-bottom:1%;}
.template1 .register .width20{width:18%;text-align:left;display:inline-block;vertical-align:top;margin-bottom:1%;}
.template1 .register .width30{width:28%;text-align:left;display:inline-block;vertical-align:top;margin-right:1%;margin-bottom:1%;}
.template1 .register .width40{width:38%;text-align:left;display:inline-block;vertical-align:top;margin-bottom:1%;}
.template1 .register .width50{width:48%;text-align:left;display:inline-block;vertical-align:top;margin-bottom:1%;margin-right:1%;}
.to-right{ display: table; text-align: center; width: 100%; }
.template1 .info{max-width:40%;text-align:center;display:inline-block;vertical-align:top;margin:20px 1%;}
.template1 .info img{height:70px;}
.template1 .tambah-anak{float:right;cursor:pointer;margin-right:20px;}
.template1 .daftar-sekarang{display:block;margin:0 auto;cursor:pointer;}
.template2 .yellow{background:#f8c313;height:40px;position:relative;padding:10px 0 0 0;}
.template2 .yellow .closepop{color:black;cursor:pointer;position:absolute;top:10px;right:10px;}
.template2 .content{padding:30px 30px 30px 30px;}
.template2 .tanya-image{width:100%;padding:20px;}
.template2 p{text-align:left;padding:10px 10px;}
.template2 .answer{color:#3aa276}
.template2 .italic{font-style:italic;color:#cccccc;border-top:solid 1px #cccccc}

.after-login{padding-top:100px;background-color:#C80520;}
.wallpaper{height:350px;width:100%;background-size:cover;position:relative;background-position:center center}
.profpict{position:absolute;bottom:-30px;width:200px;height:200px;left:0;right:0;margin:0 auto;border-radius:4px;border:solid 3px white;z-index:1;background-size:cover;background-position:center center}
.white-space{height:110px;background:white;width:100%;padding-top:40px;text-align:center;position:relative;}
.white-space .point>*{display:inline-block;vertical-align:middle;}
.button-setting{position:absolute;top:10px;right:10px;cursor:pointer;}
.tab-after-login{width:100%;overflow:hidden;background:white}
.tab-after-login>a{width:33.3%;display:block;float:left;text-align:center;padding:8px 0;cursor:pointer;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc}
.tab-after-login>a:first-child{border-left:0;}
.tab-after-login>a>*{display:inline-block;vertical-align:middle;margin:0 5px;}
.tab-after-login .logo{width:33px;height:33px;display:inline-block;}
.tab-after-login .activity{border-top:solid 4px #c80520;}
.tab-after-login .birthday {border-top:solid 4px #00ae42;}
.tab-after-login .tanya {border-top:solid 4px #F8C313;}
.tab-after-login .redeem{border-top:solid 4px #1ca4fa;}
.tab-after-login .activity.active {background:#c80520;color:white;}
.tab-after-login .birthday.active{background:#00ae42;color:white;} 
.tab-after-login .tanya.active{background:#F8C313;color:white;} 
.tab-after-login .redeem.active {background:#1ca4fa;color:white;}
.tab-after-login .activity .logo{background:url('../images/logo-activity-black.png') no-repeat;}
.tab-after-login .birthday .logo{background:url('../images/logo-event-black.png') no-repeat;}
.tab-after-login .product .logo{background:url('../images/logo-produk.png') no-repeat;}
.tab-after-login .tanya .logo{background:url('../images/logo-tanya-black.png') no-repeat;}
.tab-after-login .redeem .logo{background:url('../images/logo-redeemblack.png') no-repeat;}
.tab-after-login .active .logo{background-position:0 -33px;}
.after-login .wrapper1000{background:white;padding:40px;text-align:center;overflow:hidden}
.after-login .redcolor{color:#ca0e20}
.after-login .divider{width:50%;display:block;float:left;text-align:left;padding-right:40px;margin-top:40px;}
.after-login .divider+.divider{padding-left:40px;border-left:1px solid #7f7f7f}
.after-login .content{background:#e6e6e6}
.profile input,.profile textarea,.profile select{border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;width:100%;margin-bottom:10px;font-family: 'Gotham Medium';font-size:15px;}
.profile textarea{width:100%;height:90px;resize:none;}
.profile .width100{width:98%;text-align:left;display:inline-block;vertical-align:top;margin-bottom:1%;}
.profile .width40{width:38%;text-align:left;display:inline-block;vertical-align:top;margin-right:1%;}
.profile .width60{width:58%;text-align:left;display:inline-block;vertical-align:top;margin-right:1%;}
.profile .width50{width:48%;text-align:left;display:inline-block;vertical-align:top;margin-right:1%;}
.profile input[type="file"]{width:1px;height:1px;visibility:hidden}
.profile .page-pict-value{background:url('../images/kamera.png') no-repeat;background-position:center right;cursor:pointer;}
.profile .page-photo-anak-preview{width:200px;height:200px;border:solid 3px white;border-radius:3px;margin-top:8px;cursor:pointer;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);background-position:center center;background-size:cover}
.profile .page-tambah-anak{text-align:right;cursor:pointer;float:right}
.profile .page-tambah-anak>*{display:inline-block;vertical-align:middle}

.after-login .content.activity .wrapper1000{background:0;padding:40px 5px}
.after-login .content.activity select{border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;width:100%;margin-bottom:10px;font-family: 'Gotham Medium';display:inline-block;background:white;width:300px;}
.after-login .content.activity.grid{text-align:center;padding:50px 0 10px 0;}
.after-login .content.activity .grid-item{width:300px;background:white;padding:20px 20px 0 20px;text-align:left;line-height:1.2;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:15px;}
.after-login .content.activity .grid-item p{margin:10px 0;}
.after-login .content.activity .grid-item img{max-width:100%;}
.after-login .content.activity .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;padding:8px 0;}
.after-login .content.activity .grid-item .readmore>span+span{float:right}
.after-login .content.activity .grid-item .desc{margin:0 0 20px 0;}
.after-login .content.activity .grid-item .desc >*{display:inline-block;vertical-align:middle;}
.after-login .content.activity .grid-item .desc >div{width:210px;padding-left:10px;}
.after-login .content.activity .grid-item .fontsize13{color:#c3c3c4;display:block;line-height:1.3}

.after-login .content.tanyadokter .yellow{padding-bottom:0px;background:#f8c313}
.after-login .content.tanyadokter .yellow .wrapper1000{background:0;padding:0px 5px;text-align:left;padding-bottom:0px;}
.after-login .content.tanyadokter .yellow .wrapper1000 >*{display:inline-block;vertical-align:middle;margin:0 20px;}
.after-login .content.tanyadokter .yellow .wrapper1000 > div{width:auto;}
.after-login .content.tanyadokter .yellow .wrapper1000 p{margin-bottom:20px;}
.after-login .content.tanyadokter .wrapper1000.white{background:white;border-bottom:solid 1px #d8d8d8;border-left:solid 1px #d8d8d8;border-right:solid 1px #d8d8d8;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.after-login .content.tanyadokter .wrapper1000.black{background:none;padding-left:0px;padding-right:0px;}
.after-login .content.tanyadokter .wrapper1000.black  .border{width:100%;height:1px;background:#acacac}
.after-login .content.tanyadokter .wrapper1000.black >p{background:#E6E6E6;position:relative;top:-20px;display:inline-block;padding:0 20px;}
.after-login .content.tanyadokter .wrapper1000.black >p *{display:inline-block;vertical-align:middle;}
.after-login .content.tanyadokter  form{text-align:left;}
.after-login .content.tanyadokter  form>*{display:inline-block;vertical-align:top;}
.after-login .content.tanyadokter  form label{width:20%;}
.after-login .content.tanyadokter input,.after-login .content.tanyadokter textarea,.after-login .content.tanyadokter select{font-size:15px;width:80%;border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;margin-bottom:10px;font-family: 'Gotham Medium';margin-bottom:20px;}
.after-login .content.tanyadokter textarea{height:100px;resize:none;}
.after-login .content.tanyadokter .button-kirim{margin:20px auto;display:block;text-align:center;width:119px;}
.tanyadokter .pict-value{background:url('../images/kamera.png') no-repeat !important;background-position:center right !important;cursor:pointer;}
.tanyadokter input[type="file"]{width:1px !important;height:1px !important;visibility:hidden}
.tanyadokter input[type="checkbox"]{width:12px !important;height:12px !important;margin-bottom:0px !important;vertical-align:middle !important;}
.tanyadokter span{display:inline-block;vertical-align:middle !important;}
.after-login .content.tanyadokter.grid{text-align:center;padding:50px 0 10px 0;}
.after-login .content.tanyadokter .grid-item{width:300px;background:white;text-align:center;line-height:1.2;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:15px;cursor:pointer;}
.after-login .content.tanyadokter .grid-item .nama{background:#f8c313;padding:8px 5px;}
.after-login .content.tanyadokter .grid-item p{margin:20px;text-align:left;background:0;padding:}
.after-login .content.tanyadokter .grid-item .pict{max-width:100%;padding:0 20px;}
.after-login .content.tanyadokter .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;text-align:left;padding:8px 0px;width: calc( 100% - 40px );margin:0 auto;}
.after-login .content.tanyadokter .grid-item .readmore>span+span{float:right}

.after-login .content.redeem{background:#1ca4fa;color:white;padding:40px 0;text-align:center;}
.after-login .content.redeem>p{max-width:600px;margin:0 auto;}
.after-login .content.redeem .prize{width:30%;display:inline-block;vertical-align:bottom;margin:1%;}
.after-login .content.redeem .prize>div>*{display:inline-block;vertical-align:middle;}
.after-login .content.redeem .prize>img{max-width:100%;}

.after-login .content.wishes{background:#ffffff;color:000000;padding:40px 0;text-align:center;}

.produk{padding-top:100px;}
.produk .width40,.produk .width60{display:inline-block;vertical-align:middle;margin:70px 0;width:40%;}
.produk .width40 img{max-width:100%;}
.produk .width60 {padding-left:40px;width:55%;text-align: left;}
.produk .width60 .fontsize18{line-height:30px;margin:20px 0;}
.produk .width60 .red-gradient{color:#c80520;background: -webkit-linear-gradient(#fe4359, #8f1624); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1}
.produk .width60 .orange-gradient{color:#f07f0a;background: -webkit-linear-gradient(#fc8f1f, #9e3e10); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1}
.produk .width60 .blue-gradient{color:#009fe3;background: -webkit-linear-gradient(#30d0ff, #084a76); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1}
.produk .width60 .green-gradient{color:#279823;background: -webkit-linear-gradient(#8cfb5b, #125c10); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1}
.produk .width60 .redcolor{color:#c80520;}
.produk .width60 .orangecolor{color:#f07f0a;}
.produk .width60 .bluecolor{color:#009fe3;}
.produk .width60 .greencolor{color:#279823;}
.produk .width60 .icon{margin-bottom:20px;}
.produk .width60 .icon >div{display:inline-block;vertical-align:middle;text-align:center;margin-right:20px;}
.produk .yellow{background-color:#f8c313;background-image:url('../images/shadow.png');background-repeat:no-repeat;background-position:center 130px;padding:0px 0 20px 0;height:240px}
.produk .yellow .child{width:100px;height:100%;position:relative;margin:0 20px;display:inline-block;}
.produk .yellow .child img{max-width:100%;display:inline-block;vertical-align:middle;max-height:100%;}
.produk .yellow .child a{padding:40px 0 0 0;display:block;}
.produk .yellow .child a.active{background:url('../images/triangle-down.png') no-repeat;background-position:top center;}

.change-password{ text-align:center;padding-top:150px; background:#FFFFFF; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}

.artikel .detail a{color:#ff0000;}
.artikel .detail a:hover{text-decoration:underline;}
.artikel {text-align:center;padding-top:150px;}
.artikel .category{display:inline-block;padding:4px 20px;color:white;margin-bottom:30px;background: #f8c313;}
.artikel .category.event{background:#089661}
.artikel .category.artikel{background:#f8c313}
.artikel .category.duniaberbo{background:#1ca4fa}
.artikel .fontsize13{color:#919191;margin:8px 0;}
.artikel .fontsize15>*{display:inline-block;vertical-align:middle;margin:12px 0;}
.artikel .fb-share,.tw-share{cursor:pointer;}
.artikel .main-image{max-width:100%;display:block;margin:40px auto;}
.artikel .detail {line-height:27px;text-align: initial;}
.artikel .detail p {margin-bottom: 20px;}
.artikel .detail p img {margin: 0 auto;}
.artikel .detail ol,.artikel .detail ul{padding:20px}
.artikel .detail >div{padding:40px 0}
.artikel .detail >div>p{padding:10px 0}
.artikel .wrapper1000 .border{width:100%;height:1px;background:#acacac;margin-top: 60px;}
.artikel .wrapper1000 .bacajuga{background:#E6E6E6;position:relative;top:-15px;display:inline-block;padding:0 20px;margin-bottom: 20px;}
.artikel .wrapper1000 .bacajuga>*{display:inline-block;vertical-align:middle;}
.artikel .other{vertical-align:top;width:30%;background:white;padding:20px 20px 0 20px;text-align:left;line-height:1.2;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:15px;display:inline-block;}
.artikel .other p{margin:10px 0;}
.artikel .other img{max-width:100%;max-height:200px;display:block;margin:0 auto;}
.artikel .other .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;padding:8px 0;}
.artikel .other .readmore>span+span{float:right}

.search-result {padding-top:140px;}
.search-result .grid{text-align:center;padding:10px 0 10px 0;}
.search-result .grid-item{width:300px;background:white;text-align:center;line-height:1.2;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:15px;cursor:pointer;}
.search-result .grid-item .nama{background:#f8c313;padding:8px 5px;}
.search-result .grid-item p{margin:20px;text-align:left;background:0;padding:}
.search-result .grid-item .pict{max-width:100%;padding:0 20px;}
.search-result .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;text-align:left;padding:8px 0px;width: calc( 100% - 40px );margin:0 auto;}
.search-result .grid-item .readmore>span+span{float:right}
.search-result .wrapper1000{text-align:center;}
.search-result .wrapper1000 .border{width:100%;height:1px;background:#acacac}
.search-result .wrapper1000 >p{background:#E6E6E6;position:relative;top:-15px;display:inline-block;padding:0 20px;text-align:center;}
.search-result .wrapper1000 >p *{display:inline-block;vertical-align:middle;}

.faq{padding-top:100px;}
.faq .wrapper1000{text-align:left;padding:20px;}
.faq  td{padding-right:20px;}

.fontsize10{font-size:10px;}
.fontsize12{font-size:12px;}
.fontsize13{font-size:13px;}
.fontsize15{font-size:15px;}
.fontsize18{font-size:18px;}
.fontsize22{font-size:22px;}
.fontsize25{font-size:25px;}
.fontsize27{font-size:27px;}
.fontsize30{font-size:30px;}
.fontsize33{font-size:33px;}
.fontsize48{font-size:48px;}
.fontsize60{font-size:60px;}
.mobile{display:none;}
.popup-berbo{display:none;}
}
.mobile .fa {
	font-size: 27px;
	color: #fff;
}

.kidsclub-desc {width:52%;margin:0 auto;}

.btn{
    color: white;
    padding: 10px 15px;
    background: #089661;
    border-radius: 5px;
    margin-top: 8px;
    display: inline-block;
}

@media (max-width: 769px) {
img{max-width:100%;}
.header{position:fixed;width:100%;height:60px;background:#c80520;transition:0.5s;z-index:2;}
.header >.logo{float:left;margin-left:10px;position:relative;z-index:2;margin-top:5px;}
.header >.logo img{transition:0.5s;width: 100px;margin-top: 10px;}
.header .menu{position:fixed;color:white;transition:0.5s;background:#c80520;top:60px;right:-100%;width:100%;text-align:center;}
.header .menu.active{right:0;}
.header .menu-button{float:right;margin:15px 10px 0 0;}
.header .menu-button img{width:30px;}
.header .menu>a{display:block;padding:4px 10px;border-bottom:1px solid #d64458;position:relative;width:100%;margin:5px auto;    text-align: left;}
.header .menu>a:hover,.header .menu>a.active{color:#f8c313;}
.header .menu>a:last-child{border:0;}
.header .menu .logo{width:38px;height:36px;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:0 auto;margin-bottom:5px;margin-right: 5px;}
.header .menu>a:hover .logo,.header .menu>a.active .logo{background-position:0 -36px;}
.header .menu span{vertical-align:middle;width:100%;}
.header .menu span.notification{position:absolute;width:14px;height:14px;text-align:center;border-radius:7px;background:#f8c313;color:#c80520;top:0;left:5px;font-size:11px;}
.header .menu>a .logo.homelogo{background-image:url('../images/logo-home.png');}
.header .menu>a .logo.produklogo{background-image:url('../images/logo-produk.png');}
.header .menu>a .logo.artikellogo{background-image:url('../images/logo-artikel.png');}
.header .menu>a .logo.kreasilogo{background-image:url('../images/logo-kreasi.png');}
.header .menu>a .logo.eventlogo{background-image:url('../images/logo-event.png');}
.header .menu>a .logo.profilelogo{background-image:url('../images/logo-profile.png');}
.header .menu>a .logo.keylogo{background-image:url('../images/logo-logout.png');}
.header .menu>a .logo.searchlogo{background-image:url('../images/logo-search.png');}
.header .search{position:absolute;left:-100%;top:390px;width:100%;padding:5px;background:white;transition:0.5s}
.header .search.visible{left:0;}
.header .search >*{display:inline-block;vertical-align:middle;}
.header .search form{width:50%;padding-left:10px;}
.header .search form input{width:100%;border:none;padding-left:10px;font-size:12px !important;font-family: 'Gotham Medium';}
.header .search .close-search{float:right;cursor:pointer;font-size:13px !important;margin-top:15px;}
.header .notification-content{z-index:2;position:absolute;width:200px;margin:0 auto;left:0;right:0;background:white;border:solid 1px #e5e5e5;color:#919191;transition:0.5s;border-radius:3px;transition:0.5s;display:none;opacity:0;}
.header .notification-content.active{display:block;opacity:1;}
.header .notification-content .triangle-up{width: 0;height: 0;border-style: solid;border-width: 0 12px 10px 12px;border-color: transparent transparent #fafafa transparent;position:absolute;top:-10px;left:0;right:0;margin:0 auto;}
.header .notification-content .content{padding:4px;border-bottom:1px solid #e5e5e5}
.header .notification-content .content p{display:inline-block;}
.header .notification-content .content .fontsize12{font-size:11px !important;}
.header .notification-content .content .fontsize15{color:#c80520;font-size:12px !important;}
.header .notification-content .go-to-profile{text-align:center;padding:10px 0;background:#f8c313;color:#c80520}
.slider-wrapper{padding-top:60px;}
.slider-wrapper .full-width{width:100%;}
.slider-wrapper .float-left{position:absolute;top:30%;left:10px;color:#df001e;max-width:33%;line-height:1}
.slider-wrapper .goto{color:white;padding:5px;background:#089661;border-radius:5px;margin-top:10px;display:inline-block;font-size:10px !important;}
.slider-wrapper .slick-dots{position:absolute;left:0px;right:0px;bottom:5px;margin:0 auto;text-align:center;}
.slider-wrapper .slick-dots>*{display:inline-block}
.slider-wrapper button{width:10px;height:10px;background:white;border:solid 2px #df001e;border-radius:5px;display:inline-block;text-indent:-9999px;padding:0px;margin:0 3px;cursor:pointer; }
.slider-wrapper .slick-active button{background:#f8c313 }
.slider-wrapper .fontsize18 {font-size:12px !important; }
.slider-wrapper .fontsize33 {font-size:13px !important; }
.slider-wrapper .fontsize25 {font-size:10px !important; }
.title-short {display:none;}
.title-birthday{margin-top:-20px;}
.title-birthday .title-wishes{font-size:10px !important;margin-bottom:5px;display:inline-block;}
.title-birthday .desc-wishes{font-size:10px !important;}
.tanya-dokter{display:none}
.yellow{background:#f8c313;text-align:center;padding:10px;}
.tab{width:100%;overflow:hidden;background:white;}
.tab>div{width:25%;display:block;float:left;text-align:center;padding:8px 0;cursor:pointer; border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;}
.tab>div:first-child{border-left:0;}
.tab>div>*{display:inline-block;vertical-align:middle;margin:0 5px;font-size:10px !important;}
.tab>div span{line-height:9px;display:block;min-height:18px;margin-top:5px;}

.tab .logo{width:31px;height:31px;display:inline-block;}
.tab .news {border-top:solid 4px #c80520;}
.tab .artikel,.artikel-grid,.other.artikel{border-top:solid 4px #f8c313;} 
.tab .duniaberbo,.duniaberbo-grid,.other.duniaberbo {border-top:solid 4px #1ca4fa;}
.tab .event,.event-grid,.other.event {border-top:solid 4px #089661;}
.tab .news.active {background:#c80520;color:white;}
.tab .artikel.active{background:#f8c313;color:white;} 
.tab .duniaberbo.active {background:#1ca4fa;color:white;}
.tab .event.active {background:#089661;color:white;}
.tab .news .logo{background-image:url('../images/logo-news.png');}
.tab .artikel .logo{background-image:url('../images/logo-artikel-black.png');}
.tab .duniaberbo .logo{background-image:url('../images/logo-kreasi-black.png');}
.tab .event .logo{background-image:url('../images/logo-event-black.png');}
.tab .active .logo{background-position:0 -31px;}
.wrapper1000{width:100%;text-align:center;}
.home.grid{text-align:center;padding:20px 0 10px 0;}
.home .grid-item p{margin:10px 0;}
.home .grid-item img{width:100%;margin-bottom: 10px;}
.home .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;padding:8px 0;}
.home .grid-item .readmore>span+span{float:right}
.loadmore{margin:0 auto;display:block;margin-bottom:10px;color:#c80520;border:solid 1px #c80520;padding:4px 20px;display:inline-block;cursor:pointer;}
.subscribe{background-color:#c80520;padding:10px 0;text-align:center;}
.subscribe span{color:white;display:inline-block;vertical-align:middle;margin:8px 0;}
.subscribe form{display:inline-block;vertical-align:middle;background:white;border-radius:3px;overflow:hidden;height:25px;}
.subscribe form >*{display:inline-block;vertical-align:middle;}
.subscribe form input{border:0;padding:3px 0px 3px 8px;height:26px;font-family: 'Gotham Medium';}
.subscribe form .submit{background:#f8c313;color:#c80520;height:26px;cursor:pointer;padding:0 5px;line-height:25px;cursor:pointer;}
.footer{background-color:#810e12;padding:10px 0 0 0;text-align:center;color:white;overflow:hidden;}
.footer .submenu{display:inline-block;text-align:left;margin:10px;}
.footer .submenu a{display:block;}
.footer .fontsize18{color:#f8c313;margin-bottom:10px;}
.footer .sosmed{display:block;margin-bottom:10px;}
.footer .sosmed a{display:inline-block;vertical-align:middle;padding:0px 8px;}
.footer .copyright{display:block;border-top:solid 1px white;clear:both;text-align:left;padding:6px 10px;}
.blacklayer{position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none}
.popup{width:95%;background:white;background-color:white;border-radius:4px;overflow:hidden;position:fixed;left:0;right:0;top:80px;margin:0 auto;z-index:11;display:none}
.template1 .red{background:#c80520;height:40px;position:relative;}
.template1 .redcolor{color:#ca0e20}
.template1 .red img{max-width:140px;margin:0 auto;display:block;}
.template1 .red .closepop{color:white;cursor:pointer;position:absolute;top:10px;right:10px;}
.template1 .content{padding:110px 30px 30px 30px;}
.template1 .scroll,.template2 .scroll{max-height:300px;}
.template1 input,.template1 textarea,.template1 select{border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;font-family: 'Gotham Medium';font-size:15px;}
.template1 .login{display:none;}
.template1 .login .redcolor{cursor:pointer;text-decoration:underline;}
.template1 .login input{width:100%;}
.template1 .button-login{margin:0 auto;display:block;cursor:pointer;}
.template1 .register {display:none;text-align:center;}
.template1 .register p{text-align:center;margin:8px 0;}
.template1 .register input,.template1 .register select{width:100%;}
.template1 .register textarea{width:100%;height:90px;resize:none;}
.template1 .register input[type="file"]{width:1px;height:1px;visibility:hidden}
.template1 .register .width100{width:80%;text-align:left;display:inline-block;}
.template1 .register .width80{width:80%;text-align:left;display:inline-block;}
.template1 .register .width20{width:80%;text-align:left;display:inline-block;}
.template1 .register .width30{width:80%;text-align:left;display:inline-block;}
.template1 .register .width40{width:80%;text-align:left;display:inline-block;}
.template1 .register .width50{width:80%;text-align:left;display:inline-block;}
.to-right{display: table; text-align: center; width: 100%;}
.template1 .info{max-width:200px;text-align:center;display:inline-block;vertical-align:top;margin:10px 1%;}
.template1 .info img{height:70px;}
.template1 .tambah-anak{float:right;cursor:pointer;margin-right:20px;}
.template1 .daftar-sekarang{display:block;margin:0 auto;cursor:pointer;}
.template2 .yellow{background:#f8c313;height:40px;position:relative;padding:10px 0 0 0;}
.template2 .yellow .closepop{color:black;cursor:pointer;position:absolute;top:10px;right:10px;}
.template2 .content{padding:30px 20px 30px 20px;}
.template2 .tanya-image{width:100%;padding:20px;}
.template2 p{text-align:left;padding:10px 10px;}
.template2 .answer{color:#3aa276}
.template2 .italic{font-style:italic;color:#cccccc;border-top:solid 1px #cccccc}


.after-login{padding-top:60px;background-color:#C80520;}
.wallpaper{height:350px;width:100%;background-size:cover;position:relative;background-position:center center}
.profpict{position:absolute;bottom:-30px;width:200px;height:200px;left:0;right:0;margin:0 auto;border-radius:4px;border:solid 3px white;z-index:1;background-size:cover;background-position:center center}
.white-space{background:white;width:100%;padding:40px 0;text-align:center;position:relative;}
.white-space .point>*{display:inline-block;vertical-align:middle;}
.button-setting{}
.tab-after-login{width:100%;overflow:hidden;background:white}
.tab-after-login>a{width:33.3%;display:block;float:left;text-align:center;padding:8px 0;cursor:pointer;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc}
.tab-after-login>a:first-child{border-left:0;}
.tab-after-login>a>*{display:inline-block;vertical-align:middle;margin:0 5px;font-size: 10px !important;}
.tab-after-login>a span{line-height:9px;display:block;min-height:18px;margin-top:5px;}
.tab-after-login .logo{width:33px;height:33px;display:inline-block;}
.tab-after-login .activity{border-top:solid 4px #c80520;}
.tab-after-login .tanya {border-top:solid 4px #F8C313;}
.tab-after-login .redeem{border-top:solid 4px #1ca4fa;}
.tab-after-login .activity.active {background:#c80520;color:white;}
.tab-after-login .birthday.active{background:#00ae42;color:white;} 
.tab-after-login .tanya.active{background:#F8C313;color:white;} 
.tab-after-login .redeem.active {background:#1ca4fa;color:white;}
.tab-after-login .activity .logo{background:url('../images/logo-activity-black.png') no-repeat;}
.tab-after-login .birthday .logo{background:url('../images/logo-event-black.png') no-repeat;}
.tab-after-login .tanya .logo{background:url('../images/logo-redeemblack.png') no-repeat;}
.tab-after-login .redeem .logo{background:url('../images/logo-redeemblack.png') no-repeat;}
.tab-after-login .active .logo{background-position:0 -33px;}
.after-login .wrapper1000{background:white;padding:40px 20px;text-align:center;overflow:hidden}
.after-login .redcolor{color:#ca0e20}
.after-login .divider{width:100%;display:block;text-align:center;margin:20px auto}
.after-login .content{background:#e6e6e6}
.profile input,.profile textarea,.profile select{font-size:15px;border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;width:100%;margin-bottom:10px;font-family: 'Gotham Medium';}
.profile textarea{width:100%;height:90px;resize:none;}
.profile .width100{width:100%;text-align:left;display:inline-block;}
.profile .width40{width:100%;text-align:left;display:inline-block;}
.profile .width60{width:100%;text-align:left;display:inline-block;}
.profile .width50{width:100%;text-align:left;display:inline-block;}
.profile input[type="file"]{width:1px;height:1px;visibility:hidden}
.profile .page-pict-value{background:url('../images/kamera.png') no-repeat;background-position:center right;cursor:pointer;}
.profile .page-photo-anak-preview{width:200px;height:200px;border:solid 3px white;border-radius:3px;margin-top:8px;cursor:pointer;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);background-position:center center;background-size:cover}
.profile .page-tambah-anak{display:block;margin:0 auto;cursor:pointer;margin-top:10px;}
.profile .page-tambah-anak>*{display:inline-block;vertical-align:middle}

.after-login .content.activity .wrapper1000{background:0;padding:20px 0 10px 0;}
.after-login .content.activity select{border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;width:100%;margin-bottom:10px;font-family: 'Gotham Medium';display:inline-block;background:white;width:300px;}
.after-login .content.activity.grid{text-align:center;padding:50px 0 10px 0;}
.after-login .content.activity .grid-item p{margin:10px 0;}
.after-login .content.activity .grid-item img{max-width:100%;}
.after-login .content.activity .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;padding:8px 0;}
.after-login .content.activity .grid-item .readmore>span+span{float:right}
.after-login .content.activity .grid-item .desc{margin:0 0 20px 0;}
.after-login .content.activity .grid-item .desc >*{display:inline-block;vertical-align:top;}
.after-login .content.activity .grid-item .desc >div{width:calc(100% - 50px);padding-left:10px;}
.after-login .content.activity .grid-item .fontsize13{color:#c3c3c4}

.after-login .content.tanyadokter .yellow{padding-bottom:0px;background:#f8c313;}
.after-login .content.tanyadokter .yellow .wrapper1000{background:0;padding:40px 5px;text-align:center;padding-bottom:17px;}
.after-login .content.tanyadokter .yellow .wrapper1000 >*{display:inline-block;vertical-align:middle;margin:0 20px;}
.after-login .content.tanyadokter .yellow .wrapper1000 p{margin:20px 0;}
.after-login .content.tanyadokter .wrapper1000.white{background:white;border-bottom:solid 1px #d8d8d8;border-left:solid 1px #d8d8d8;border-right:solid 1px #d8d8d8;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.after-login .content.tanyadokter .wrapper1000.black{background:none;padding-left:0px;padding-right:0px;}
.after-login .content.tanyadokter .wrapper1000.black  .border{width:100%;height:1px;background:#acacac}
.after-login .content.tanyadokter .wrapper1000.black >p{background:#E6E6E6;position:relative;top:-20px;display:inline-block;padding:0 20px;}
.after-login .content.tanyadokter .wrapper1000.black >p *{display:inline-block;vertical-align:middle;}
.after-login .content.tanyadokter  form{text-align:left;}
.after-login .content.tanyadokter  form>*{display:block;}
.after-login .content.tanyadokter input,.after-login .content.tanyadokter textarea,.after-login .content.tanyadokter select{font-size:15px;width:100%;border-radius:4px;background:0;border:solid 1px #7f7f7f;height:30px;padding-left:8px;margin-bottom:10px;font-family: 'Gotham Medium';margin-bottom:20px;}
.after-login .content.tanyadokter textarea{height:100px;resize:none;}
.after-login .content.tanyadokter .button-kirim{margin:20px auto;display:block;text-align:center;width:119px;}
.tanyadokter .pict-value{background:url('../images/kamera.png') no-repeat !important;background-position:center right !important;cursor:pointer;}
.tanyadokter input[type="file"]{width:1px !important;height:1px !important;visibility:hidden}
.tanyadokter input[type="checkbox"]{width:12px !important;height:12px !important;margin-bottom:0px !important;vertical-align:middle !important;display:inline-block !important;}
.tanyadokter span{display:inline-block !important;vertical-align:middle !important;max-width:80%;}
.after-login .content.tanyadokter.grid{text-align:center;padding:50px 0 10px 0;}
.after-login .content.tanyadokter .grid-item .nama{background:#f8c313;padding:8px 5px;}
.after-login .content.tanyadokter .grid-item p{margin:20px;text-align:left;background:0;padding:}
.after-login .content.tanyadokter .grid-item .pict{max-width:100%;padding:0 20px;}
.after-login .content.tanyadokter .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;text-align:left;padding:8px 0px;width: calc( 100% - 40px );margin:0 auto;}
.after-login .content.tanyadokter .grid-item .readmore>span+span{float:right}

.after-login .content.redeem{background:#1ca4fa;color:white;padding:40px 10px;text-align:center;}
.after-login .content.redeem>p{max-width:600px;margin:0 auto;}
.after-login .content.redeem .prize{width:200px;display:inline-block;vertical-align:bottom;margin:20px;}
.after-login .content.redeem .prize>div>*{display:inline-block;vertical-align:middle;}
.after-login .content.redeem .prize>img{max-width:100%;}

.after-login .content.wishes{background:#ffffff;color:000000;padding:40px 0;text-align:center;}
.after-login .content.wishes iframe {width:100%;}

.produk{padding-top:60px;}
.produk .width40,.produk .width60{display:block;text-align:center;padding:20px;}
.produk .width40 img{max-width:100%;display:block;margin:0 auto;max-height:400px;}
.produk .width60 .fontsize18{margin:20px 0; text-align: left;}
.produk .width60 .red-gradient{color:#c80520;background: -webkit-linear-gradient(#fe4359, #8f1624); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1;}
.produk .width60 .orange-gradient{color:#f07f0a;background: -webkit-linear-gradient(#fc8f1f, #9e3e10); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1;}
.produk .width60 .blue-gradient{color:#009fe3;background: -webkit-linear-gradient(#30d0ff, #084a76); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1;}
.produk .width60 .green-gradient{color:#279823;background: -webkit-linear-gradient(#8cfb5b, #125c10); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;line-height:1.1;}
.produk .width60 .redcolor{color:#c80520;}
.produk .width60 .orangecolor{color:#f07f0a;}
.produk .width60 .bluecolor{color:#009fe3;}
.produk .width60 .greencolor{color:#279823;}
.produk .width60 .icon{margin-bottom:20px;}
.produk .width60 .icon >div{display:inline-block;vertical-align:middle;text-align:center;margin:10px;}
.produk .yellow{background-color:#f8c313;background-image:url('../images/shadow.png');background-repeat:no-repeat;background-position:center 80%;padding:0px 0 20px 0;}
.produk .yellow .child{width:180px;height:100%;position:relative;margin:0 10px;display:inline-block;}
.produk .yellow .child img{max-width:100%;display:inline-block;vertical-align:middle;max-height:400px;}
.produk .yellow .child a{padding:30px 0 0 0;display:block;}
.produk .yellow .child a.active{background:url('../images/triangle-down.png') no-repeat;background-position:top center;}
.produk .yellow .slick-prev{width:30px;height:55px;position:absolute;background:url('../images/arrow_left.png') no-repeat;border:0;top:40%;left:10px;text-indent:-9999px;}
.produk .yellow .slick-next{width:30px;height:55px;position:absolute;background:url('../images/arrow_right.png') no-repeat;border:0;top:40%;right:10px;text-indent:-9999px;}

.artikel .detail a{color:#ff0000;}
.artikel .detail a:hover{text-decoration:underline;}
.artikel {text-align:center;padding-top:80px;width:100%;}
.artikel .category{display:inline-block;padding:4px 20px;color:white;margin-bottom:10px;}
.artikel .category.event{background:#089661}
.artikel .category.artikel{background:#f8c313}
.artikel .category.duniaberbo{background:#1ca4fa}
.artikel .fontsize13{color:#919191;margin:8px 0;}
.artikel .fontsize15>*{display:inline-block;vertical-align:middle;margin:12px 0;}
.artikel .fb-share,.tw-share{cursor:pointer;}
.artikel .main-image{max-width:100%;display:block;margin:0 auto;}
.artikel .detail {text-align:left;line-height:27px;}
.artikel .detail >div{padding:20px}
.artikel .detail .kreasi-mobile{padding:0 !important; }
.artikel .detail >div>p{padding:10px}
.artikel .detail .kreasi-mobile>p{padding:0 !important;}
.artikel .wrapper1000 .border{width:100%;height:1px;background:#acacac}
.artikel .wrapper1000 .bacajuga{background:#E6E6E6;position:relative;top:-15px;display:inline-block;padding:0 20px;}
.artikel .wrapper1000 .bacajuga>*{display:inline-block;vertical-align:middle;}
.artikel .other{width:300px;background:white;padding:20px 20px 0 20px;text-align:left;line-height:1.2;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:10px;display:inline-block;}
.artikel .detail ol,.artikel .detail ul{padding:20px 40px;}
.artikel .detail p{padding:20px 20px}
.artikel .other img{max-width:100%;}
.artikel .other .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;padding:8px 0;}
.artikel .other .readmore>span+span{float:right}

.search-result {padding-top:100px;}
.search-result .grid{text-align:center;padding:10px 0 10px 0;}
.search-result .grid-item .nama{background:#f8c313;padding:8px 5px;}
.search-result .grid-item p{margin:20px;text-align:left;background:0;padding:}
.search-result .grid-item .pict{max-width:100%;padding:0 20px;}
.search-result .grid-item .readmore{color:#c3c3c4;border-top:solid 1px #c3c3c4;text-align:left;padding:8px 0px;width: calc( 100% - 40px );margin:0 auto;}
.search-result .grid-item .readmore>span+span{float:right}
.search-result .wrapper1000{text-align:center;}
.search-result .wrapper1000 .border{width:100%;height:1px;background:#acacac}
.search-result .wrapper1000 >p{background:#E6E6E6;position:relative;top:-15px;display:inline-block;padding:0 20px;text-align:center;}
.search-result .wrapper1000 >p *{display:inline-block;vertical-align:middle;}

.faq{padding-top:60px;}
.faq .wrapper1000{text-align:left;padding:20px;}
.faq .wrapper1000{text-align:left;padding:20px;}
.faq  td{padding-right:20px;}

.fontsize10{font-size:10px;}
.fontsize12{font-size:12px;}
.fontsize13{font-size:13px;}
.fontsize15{font-size:15px;}
.fontsize18{font-size:18px;}
.fontsize22{font-size:22px;}
.fontsize25{font-size:25px;}
.fontsize27{font-size:27px;}
.fontsize33{font-size:33px;}
.fontsize60{font-size:60px;}

.popup-berbo{
	width:90%;
	background:rgba(255,255,255,1);
	border-radius:5px;
	overflow:hidden;
	position:fixed;
	left:0;right:0;
	top:40%;
	margin:0 auto;
	z-index:11;
	padding: 20px;
	line-height:1.5;
    box-shadow: 0px 1px 10px #333;
	color:#000;
}

.kidsclub-desc {width:90%;margin:0 auto;}

	iframe{
		width: 100%;
		height: 300px;
	}

}

@media (min-width:320px) and (max-width: 450px) {
.grid-item{width:90%;background:white;padding:20px 20px 0 20px;text-align:left;line-height:1;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:10px 5%;}
.tanyadokter .grid-item,.search-result .grid-item{padding:0px 0px 0 0px;text-align:center;}
}
@media (min-width:350px) and (max-width: 570px) {
.tab>div{min-height:73px;}
}
@media (min-width:450px) and (max-width: 780px) {
.grid-item{width:48%;background:white;padding:20px 20px 0 20px;text-align:left;line-height:1;border-bottom:1px solid #c3c3c4;border-left:1px solid #c3c3c4;border-right:1px solid #c3c3c4;margin:10px 1%;}
.tanyadokter .grid-item,.search-result .grid-item{padding:0px 0px 0 0px;text-align:center;}
.float-left{top:15% !important;}
.slider-wrapper .fontsize18{font-size:18px !important}
.slider-wrapper .fontsize33{font-size:22px !important}
}
@media (min-width:1000px) and (max-width: 1025px) and (orientation: landscape)  {
.float-left{top:20% !important;}
}
@media (min-width: 1400px) {
.template1 .scroll,.template2 .scroll{max-height:500px;}
.wallpaper{height:450px;}
}

#update-btn {cursor:pointer;}


/* Custom Style */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.text-center {
	text-align: center;
}

.inline-block {
	display: inline-block;
}

.slider-background .background,
.img-background .background {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	    max-height: 450px;
}

.list-article .background {
	background-position: top center;
}

.icon {
    display: inline-block;
    margin: 3px;
    position: relative;
}

.icon-socmed {
    vertical-align: middle;
    width: 35px;
    height: 35px;
    /* background-color: #f8911e; */
    color: #fff;
    /* border-radius: 50%; */
    font-weight: bold;
}

.icon-socmed:hover,
.icon-socmed:focus {
    color: #fff !important;
}

.icon-socmed .fa {
    font-size: 30px;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.icon-search {
	width: 24px;
	height: 24px;
	background-image: url('../images/search-black.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.row {
	width: 100% !important;
}

.body-text {
    font-family: 'Gotham Book';
    font-size: 14px;
}

.column-4 .column {
	float: left;
	width: 25% !important;
	padding-left: 15px;
	padding-right: 15px;
	margin:  0 !important;
    position: relative;
    min-height: 1px;
}
@media (max-width:770px) {
	.image-doctor {
		vertical-align: bottom;
		position: relative !important;
		margin-bottom: 10px;
		width: 66%;
	}

	.column-4 .column {
		float: left;
		width: 100% !important;
		padding-left: 10px;
		padding-right: 10px;
		margin:  0 !important;
		position: relative;
		min-height: 1px;
	}
}
.column-4 .column .body-text {
    margin-top: 10px;
}

.image-doctor {
	max-width: 250px;
}

.tanyadokter .image-doctor {
	vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (min-width: 770px) {
	.header .menu-sprite > a .logo {
		width: 50px;
	    height: 36px;
	    background-repeat: no-repeat;
	    background-image: url('../images/icon-spritesheet-menu.png') !important;
	}
	.header .menu-sprite > a .logo.homelogo {
		background-position: -5px -10px;
	}
	.header .menu-sprite > a .logo.produklogo {
		background-position: -53px -10px;
	}
	.header .menu-sprite > a .logo.artikellogo {
		background-position: -102px -10px;
	}
	.header .menu-sprite > a .logo.kreasilogo  {
		background-position: -152px -10px;
	}
	.header .menu-sprite > a .logo.eventlogo {
		background-position: -197px -10px;
	}
	.header .menu-sprite > a .logo.profilelogo {
		background-position: -239px -10px;
	}
	.header .menu-sprite > a .logo.keylogo {
		background-position: -293px -10px;
	}
	.header .menu-sprite > a .logo.searchlogo {
		background-position: -341px -10px;
	}
	.header .menu-sprite > a .logo.asklogo {
		background-position: -597px -10px;
	}
	.header .menu-sprite > a.active .logo,
	.header .menu-sprite > a:hover .logo {
		background-position-y: -46px !important;
	}
	.tab-menu-sprite .logo {
		background-repeat: no-repeat;
		background-image: url('../images/icon-spritesheet-menu.png') !important;
	}
	.tab-menu-sprite .news .logo {
		background-position: -394px -10px;
	}
	.tab-menu-sprite .artikel .logo {
		background-position: -435px -10px;
	}
	.tab-menu-sprite .duniaberbo .logo {
		background-position: -519px -10px;
	}
	.tab-menu-sprite .event .logo {
		background-position: -477px -10px;
	}
	.tab-menu-sprite .product .logo {
		background-position: -477px -10px;
	}
	.tab-menu-sprite .active .logo {
		background-position-y: -41px !important;
	}
}

@media (min-width: 1200px) {
	.container-fluid {
		width: 1140px;
		margin: 0 auto;
	}
}


@media (max-width: 770px) {
	.header .menu-sprite > a .logo {
		width: 50px;
	    height: 36px;
	    background-repeat: no-repeat;
	    background-image: url('../images/icon-spritesheet-menu.png') !important;
	}
	.header .menu-sprite > a .logo.homelogo {
		background-position: 0px -10px;
	}
	.header .menu-sprite > a .logo.produklogo {
		background-position: -47px -10px;
	}
	.header .menu-sprite > a .logo.artikellogo {
		background-position: -96px -10px;
	}
	.header .menu-sprite > a .logo.kreasilogo  {
		background-position: -147px -10px;
	}
	.header .menu-sprite > a .logo.eventlogo {
		background-position: -192px -10px;
	}
	.header .menu-sprite > a .logo.profilelogo {
		background-position: -239px -10px;
	}
	.header .menu-sprite > a .logo.keylogo {
		background-position: -288px -10px;
	}
	.header .menu-sprite > a .logo.searchlogo {
		background-position: -336px -10px;
	}
	.header .menu-sprite > a .logo.tanya {
		background-position: -596px -10px;
	}
	.header .menu-sprite > a.active .logo,
	.header .menu-sprite > a:hover .logo {
		background-position-y: -41px !important;
	}
	.tab-menu-sprite .logo {
		background-repeat: no-repeat;
		background-image: url('../images/icon-spritesheet-menu.png') !important;
	}
	.tab-menu-sprite .news .logo {
		background-position: -389px -10px;
	}
	.tab-menu-sprite .artikel .logo {
		background-position: -430px -10px;
	}
	.tab-menu-sprite .duniaberbo .logo {
		background-position: -510px -10px;
	}
	.tab-menu-sprite .event .logo {
		background-position: -470px -10px;
	}
	.tab-menu-sprite .active .logo {
		background-position-y: -36px !important;
	}
	.copy-text{
		float:none;
		text-align: center;
	}
	.copy-link{
		float:none;
		text-align: center;
	}
}

.modal-dialog {
	max-width: 980px;
	width: auto;
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 40px;
}