:root {
  --blue-100: #97d5ef;
  --blue-200: #95d6ed;
  --red-100: #fce3f0;
  --red-200: #fbc8e0;
  --red-300: #f29be5;
  --red-400: #f8cbcd;
  --red-700: #bb2231;
  --red-800: #ed1e79;
  --yellow-600: #fce169;
  --yellow-700: #eeac4c;
  --orange: #ec6707;
}


body { font-family: 'Oxygen', sans-serif; font-size: 13px; min-height: 100%; background-color: #84d0f5; }
.body-outer { position: relative; }
.body-bg-1 {
/* 
background: transparent url(../../images/goon/bg.png) repeat-x top center;
*/
position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index:-1;
}
.body-bg-2 {
/*
background: transparent url(../../images/goon/carousel-bg.png) repeat-x top center;
*/
position: absolute; top: 70px; left: 0; right: 0; bottom: 0;
}
.footer { padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #eee; }

/* Float */
.hvr-float {
  /* display: inline-block; */
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}


.desktop-only { display: block; }
.mobile-only { display: none; }
.masthead-outer {
  margin-top: 25px;
  /* border-top: 1px dashed #fff;
  border-bottom: 1px dashed #fff; */
  max-height: 100%; 
}
.masthead {
/* 
 border-top: 1px dashed #22b6c6; border-bottom: 1px dashed #22b6c6; 
 background-color: rgb(255,255,255,.5);
*/
}
.banner-bg {
position: absolute; top: 100px; left: 0; bottom: 0; right: 0; z-index: -1;
/*
background: transparent url(../../images/goon/carousel-bg.png) repeat-x top center;
*/
}

.page-home .banner { 
  /* margin-top: 55px; */ 
  position: relative; 
  /* height: 465px; */
}
.page-home .banner .container { 
  position: relative; 
  /* height: 440px; */
}
.page-home .banner-fg-bl { z-index: 2; position: absolute; bottom: 0; left: 0; }
.page-home .banner-fg-br { z-index: 2; position: absolute; bottom: 0; right: 45px; }

.anja { font-family: 'Anja Eliane'; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs24 { font-size: 24px; }
.fs38 { font-size: 38px; }
.fs50 { font-size: 50px; }
.c-blue { color: #2e3192; }
.c-red { color: #ed1e79; }
.c-white { color: #fff; }
.c-yellow { color: #fdeb1b; }
.c-inherit { color: inherit; }
/* https://css-tricks.com/adding-stroke-to-web-text/ */
.ts-darkblue { 
	-webkit-text-stroke: 1px #2e3192; 
	text-shadow: -1px -1px 0px #2e3192, 1px -1px 0px #2e3192, -1px 1px 0px #2e3192, 1px 1px 0px #2e3192;
}
.ts-blue { -webkit-text-stroke: 1px #0080c8; text-shadow: -1px -1px 0px #0080c8, 1px -1px 0px #0080c8, -1px 1px 0px #0080c8, 1px 1px 0px #0080c8; }
.ts-white { -webkit-text-stroke: 1px #fff; text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff; }
.bg-red-top { background-color: #fce3f0; }
.bg-red { background-color: var(--red-200); }
.bg-white { background-color: #fff; }
.inline { display: inline; }
.br3 { border-radius: 3px; }
.br5 { border-radius: 5px; }
.br5500 { border-radius: 5px 5px 0 0; }
.br10 { border-radius: 10px; }
.p5 { padding: 5px; }
.p20 { padding: 20px; }
.ta-center { text-align: center; }
.bg-orange { background-color: #ec6707; }
.bold { font-weight: bold; }
.va-middle { vertical-align: middle; }
.lh2 { line-height: 2em; }
.pl25 { padding-left: 25px; }
.pr25 { padding-right: 25px; }
.mt15 { margin-top: 15px; }
.mr5 { margin-right: 5px; }
.pr0 { padding-right: 0; }
.pl20 { padding-left: 20px; }
.dib { display: inline-block; }
.td-none { text-decoration: none; }
.lg-thumb.group { margin: 0 auto; }
.mt-1 {
 margin-top: 2rem;
}
.pl-3 { margin-left: 3rem; }

.bg-product {
padding: 15px 0;
background: transparent url(../../images/goon/bg-product.jpg) repeat top center;    
}
.bg-gallery {
padding: 40px;
background-color: var(--red-400);
}
.bg-video {
padding: 40px;
background: transparent url(../../images/goon/bg-video.jpg) repeat top center;    
}
.bg-menu {
  background-color: white;
  padding: 3rem;
}
.bg-footer {
  background-color: var(--blue-200);
}

.container-header {
/* padding: 30px 15px 0; */
}
.container-header .inner { 
  position: relative; 
background-color: var(--blue-100);
}
.container .lSSlideOuter {
background-color: var(--blue-100);  
}
.container-header .logo { text-align: center; height: 130px; }
.container-header .logo a { display: inline; }
.container-header .logo img { margin: 0 auto; display: block; max-height: 100%; }
.container-header .left { position: absolute; left: 0; top: 0; }
.container-header .left a { text-decoration: none; }
.container-header .left .fb { margin-left: 15px; }
.container-header .left .btn-social { margin-left: 5px; }
.container-header .right { position: absolute; right: 0; top: 0; }
.container-header .redeem { text-decoration: none; }
.container-header .redeem span { color: #f7931e; font-size: 14px; text-decoration: none; display: inline-block; vertical-align: middle; }
.container-header .redeem span:hover { text-decoration: underline; }
.container-header .redeem img { margin-right: 5px; vertical-align: middle; vertical-align: middle; }
.container-header .right img { margin-left: 10px; }
.container-header .right img.search { margin-left: 60px; }
.container-header .nav { text-align: center; }
.container-header .nav > li { float: none; display: inline-block; }
.container-header .nav > li > a { 
  font-size: 13px; 
/* color: #2e3192; */ 
  padding: 8px;
  color: white;
  font-family: 'Fredoka One';
}
.container-header .nav > li.active {
  background-color: rgba(255,255,255,25%);
}
.container-header .nav > li > a:hover,
.container-header .nav > li > a:focus { text-decoration: none; background-color: transparent; font-weight: bold; }
.container-header .navbar-toggle { float: none; border-color: #2e3192; }
.container-header .navbar-toggle .icon-bar { background-color: #2e3192; }
.container-header .left-menu { display: none; }
/* .container-header .nav-justified { border: 0; }
.container-header .nav-justified > li > a { padding: 10px 5px; color: #2e3192; margin-bottom: 0; text-align: center; } */

.container-footer { 
/* margin-top: 40px; */
}
.container-footer .left { text-align: center; 
  /* border-top: 1px dashed #34bbcf; */
  padding: 20px; 
}
.container-footer .left a { text-decoration: none; }
.container-footer .left .fb { margin-left: 15px; }
.container-footer .left .twitter { margin-left: 5px; }
.container-footer .row { 
  /* border-top: 1px dashed #34bbcf; */
  padding: 20px 40px 60px 0; 
}
.container-footer .col { padding-top: 30px; padding-bottom: 30px; min-height: 150px; }
.container-footer .cs { color: #2e3192; }
.container-footer .cs > div { margin: 0 auto;  }
.container-footer .cs .title { font-size: 14px; font-weight: bold; }
.container-footer .cs .phone { font-size: 11px; margin-top: 10px; }
.container-footer .cs img { margin-right: 5px; }
.container-footer .cs .email { font-size: 11px; margin-top: 10px; }
.container-footer .cs .email a { color: inherit; }
.container-footer .copyright { 
  color: #2e3192; border-left: 0; 
  /* border-right: 1px dashed #34bbcf; */
  border-top: 0; 
}
.container-footer .copyright .title { font-size: 18px; }
.container-footer .copyright .content { font-size: 11px; margin-top: 10px; }
.container-footer .copyright .privacy { font-size: 11px; margin-top: 10px; }
.container-footer .copyright .privacy a { margin: 0 5px; color: inherit; }
.container-footer .copyright .privacy a:first-child { margin-left: 0; }
.container-footer .elleair {  }
.container-footer .elleair img { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: auto; }


.page { min-height: 350px; }
.page .container-menu { 
/* padding-top: 35px; margin-bottom: 0px; */
}
.page .container-menu .title { 
/* margin-left: 30px; */
}
.page .double-stroke { z-index: 0; position: relative; }
.page .double-stroke:before { content: attr(title); position: absolute; left: 0; z-index: -1; 
	text-shadow: 
	-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 1px 0px #ffffff;	
}
.page .double-stroke:after { content: attr(title); position: absolute; left: 0; z-index: -2; 
	text-shadow: 
	-2px -2px 0px #2f358a, -2px -1px 0px #2f358a, -2px 0px 0px #2f358a, 
	-2px 1px 0px #2f358a, -2px 2px 0px #2f358a, -1px 2px 0px #2f358a, 
	0px 2px 0px #2f358a, 1px 2px 0px #2f358a, 2px 2px 0px #2f358a, 
	2px 1px 0px #2f358a, 2px 0px 0px #2f358a, 2px -1px 0px #2f358a;	
}

#lightSlider img { margin: 0 auto;display: block; width: 100%;}
.page-home .container-articles { margin-top: 60px; }
.page-home .container-product .row { display: table; width: 100%; }
.page-home .container-articles .col { 
margin-bottom: 20px; float: none; display: table-cell; vertical-align: top; position: relative;
}
.page-home .container-articles .col .border { 
 background-color: #fff; border-radius: 0 0 10px 10px; margin: 0 15px;
 position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;
}
.page-home .container-articles .col.event .border { background-color: #ccf5ff; border-radius: 10px; }
.page-home .container-articles .moms .inner { position: relative;  }
.page-home .container-articles .moms .pic { padding-top: 0; background-color:#BBEDFF; width: 100%; }
.page-home .container-articles .moms .pic a { display: inline-block; }
.page-home .container-articles .moms .pic img { width: 100%; }
.page-home .container-articles .moms .title { font-size: 15px; color: #0089cf; line-height: 1.2em; }
.page-home .container-articles .space { position: absolute; top: 0; left: 0; width: 100%; background: transparent url(../../images/goon/article-header-blue.png) repeat-x top center;height:40px;display:block; }
.page-home .container-articles .space.red { background: transparent url(../../images/goon/article-header-red.png) repeat-x top center; }
.page-home .container-articles .space.green { background: transparent url(../../images/goon/article-header-green.png) repeat-x top center; }
.page-home .container-articles .info { padding: 10px; }
.page-home .container-articles .date { font-size: 13px; color: #b3b3b3; margin-top: 5px; line-height: 1.2em; }
.page-home .container-articles .content { font-size: 13px; color: #603813; line-height: 1.2em; }
.page .container-articles .more { font-size: 13px; color: #f15a24; margin-top: 5px; }
.page .container-articles .more a { color: inherit; }
.page-home .container-articles .event .inner { padding: 10px;  }
.page-home .container-articles .event .title { margin: 0; 
font-family: 'Anja Eliane'; font-size: 26px; color: #fdeb1b;
padding: 5px; text-align: center; line-height: 1em;
-webkit-text-stroke: 1px #0080c8;
text-shadow: -1px -1px 0px #0080c8, 1px -1px 0px #0080c8, -1px 1px 0px #0080c8, 1px 1px 0px #0080c8;	
}
.page-home .container-articles .event .pic { margin: 0; }
.page-home .container-articles .event img { margin: 0 auto; width: 100%; }

.page-home .container-product {  }

.page-home .container-product .row,
.page-moms .container-product .row { 
  /* display: table; */
  /* width: auto;
  margin: 0 auto; */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.page-home .container-product .col,
.page-moms .container-product .col { 
  padding: 0px; 
  /* display: table-cell; float: none; */
  vertical-align: middle; 
  text-align: center; 
  align-self: center;
}
.page-home .container-product .col a { display: inline-block; }
.page-home .container-product .col img,
.page-moms .container-product .col img { 
  margin: 0 auto; 
  max-height: 100%;
  max-width: 100%;
}

.page-home .container-banner { margin: 35px auto; }
.page-home .container-banner img { margin: 0 auto; }

.page-product .container-menu .title { display: inline-block;  margin-bottom: 10px; vertical-align: top; }
.page-product .container-menu a { color: inherit; margin-right: 10px; }
.page-product .container-menu a.active, 
.page-product .container-menu a:hover, 
.page-product .container-menu a:focus { color: #fdeb1b; cursor: pointer; text-decoration: none; }

.page-product .nav-outer { display: inline-block; margin-left: 30px; }
.page-product .nav { border-bottom: 0; }
.page-product .nav > li > a,
.page-product .nav > li.active > a {
 font-family: 'Anja Eliane'; font-size: 32px; color: #fff; 
 display: inline-block; background-color: transparent; border: 0; padding: 0; margin-right: 15px; border-radius: 0; 
 -webkit-text-stroke: 2px #2e3192; 
 text-shadow: -1px -1px 0px #2e3192, 1px -1px 0px #2e3192, -1px 1px 0px #2e3192, 1px 1px 0px #2e3192;
}
.page-product .nav > li > a:hover { color: #fdeb1b; }
/* .page-product .nav > li.active > a, 
.page-product .nav > li.active > a:focus,
.page-product .nav > li.active > a:hover { color: #fdeb1b; } */

.page-product .container-product { 
/* margin-top: 20px; */
} 
.page-product .container-product .tab-pane {
  background-color: #fff; 
  /* border-radius: 10px; */
  padding: 20px; min-height:100px; 
}
.page-product .container-product h2 { 
font-family: 'Anja Eliane'; font-size: 50px; 
background-color: var(--blue-100); 
border-radius: 5px; padding: 20px;
text-align: center; line-height: 1em; margin: 0;
color: #2e3192;
-webkit-text-stroke: 1px #fff;
text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff;
}
.page-product .container-product .row { margin-top: 20px; }
.page-product .container-product .col { float: right; }
.page-product .container-product .left { text-align: center; }
.page-product .container-product .left .head { 
font-family: 'Anja Eliane'; font-size: 24px; 
color: var(--red-300); 
background-color: var(--blue-100);
/*
border-bottom: 2px dashed #fff; 
border-radius: 5px 5px 0 0;
*/
padding: 5px; text-align: center; -webkit-text-stroke: 1px #fff; 
text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff, 1px 1px 0px #fff; 
}
.page-product .container-product .left .category { 
/* border-bottom: 2px dashed #ffcae0; */
padding: 20px; 
}
.page-product .container-product .category .pic img { margin: 0 auto; }
.page-product .container-product .category .title { 
font-size: 1.1em; font-weight: bold; line-height: 2em;
font-family: 'Anja Eliane';
color: var(--yellow-600);
-webkit-text-stroke: 0.04em var(--red-700);
text-shadow:
-0.04em -0.04em 0px var(--red-700),
0.04em -0.04em 0px var(--red-700),
-0.04em 0.04em 0px var(--red-700), 
0.04em 0.04em 0px var(--red-700);
}
.page-product .container-product .category .size { font-family: 'Anja Eliane'; color: #fff; }
.page-product .container-product .right img { display: block; margin: 20px auto 0; }
.page-product .container-product .right img:first-child { margin-top: 0; }
.page-product .container-product .category .size { padding-top: 5px; }
.page-product .container-product .category .size a,
.page-product .container-product .category .size a:hover,
.page-product .container-product .category .size a:focus,
.page-product .container-product .category .size a:active { 
display: inline-block; background-color: var(--yellow-700); 
color: inherit; font-size: 1.2em; line-height: 1em;
padding: 5px; border-radius: 1em; 
margin: 5px; 
min-width: 2em;
text-decoration: none;
}
.page-product .container-product .category .size a.img,
.page-product .container-product .category .size a.img:hover,
.page-product .container-product .category .size a.img:focus,
.page-product .container-product .category .size a.img:active { 
background-color: transparent;
padding: 0; margin: 0; border: 0;
}
.page-product .container-product .category .size a img {
  max-width: 2em;
}

.page-product .container-product .category .size a.hvr-float:hover,
.page-product .container-product .category .size a.hvr-float:focus,
.page-product .container-product .category .size a.hvr-float:active { 
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.page-product .container-product .tips { margin-top: 10px; text-align: left; }
.page-product .container-product .tips .title { font-size: 14px; color: #ed1e79; font-weight: bold; line-height: 1em; }
.page-product .container-product .tips .content { font-size: 13px; color: #2e3192; }
.page-product .container-product .tips ul { padding: 0 25px; margin: 0; } 
.page-product .container-product .tips .pic { padding: 10px; } 
.page-product .container-product .tips .pic img { margin: 0 auto; display: block; } 


.page-faq .category { /* margin-top: 50px; margin-left: 60px; */ }
.page-faq .category .title { color: #0089cf; font-size:24px; padding: 5px 5px 5px 120px; border-bottom: 1px dashed #fff; }
.page-faq .category .content { margin-left: 120px; padding: 10px; }
.page-faq .category .content-list { padding-left: 15px; font-size: 18px; }
.page-faq .category .content-list li .question { line-height: 1em; color: #603813; font-size: inherit; margin: 10px 0; display: block; }
.page-faq .category .content-list li .answer { line-height: 1em; color: #666666; font-size: inherit; margin: 0 50px; }
.page-faq .category .panel { margin-bottom: 0; background-color: transparent; border: 0; box-shadow: none; }

.page-about .content { 
  /* margin: 50px; */
  font-size: 14px; color: #1d1d1b; 
}

.page-contest {  }
.page-contest .container-banner .pic { margin: 50px 100px 30px; padding: 40px; min-height: 500px; border: 2px dotted #fff; }
.page-contest .container-banner .pic img { margin: 0 auto; }
.page-contest .container-banner .content { 
  margin: 0; font-size: 16px; color: #754c24; padding: 5px; text-align: center; 
  padding-bottom: 2rem;
}
.page-contest .container-banner .btn-register {
 background: #b9cd32; 
 background: -webkit-linear-gradient(#b9cd32, #96c124); 
 background: -o-linear-gradient(#b9cd32, #96c124); 
 background: -moz-linear-gradient(#b9cd32, #96c124); 
 background: linear-gradient(#b9cd32, #96c124); 
 color: #f9f6f5; font-size: 24px; border-radius: 10px; margin: 15px; border: 0; padding: 15px 30px; line-height: 1em;
}
.page-contest .container-banner .facebook { color: #2e3192; font-size: 14px; }
.page-contest .container-banner .social { margin: 30px 30px 0; }

.page-reward-home { margin-top: 80px; }
.page-reward-home .container-banner {}
.page-reward-home .container-banner .outer {
border-radius: 10px; padding: 15px; margin-left: auto; margin-right: auto; background: #f2efec; 
background: -webkit-linear-gradient(#f2efec, #fff3ba); 
background: -o-linear-gradient(#f2efec, #fff3ba); 
background: -moz-linear-gradient(#f2efec, #fff3ba); 
background: linear-gradient(#f2efec, #fff3ba);
} 
.page-reward-home .container-banner .inner { border: 2px dotted #ca8120; position: relative; }
.page-reward-home .container-banner .title { padding: 0 25%; margin-top: -43px; position: absolute; top: 0; width: 100%; }
.page-reward-home .container-banner .title img { max-height: 86px; margin: 0 auto; }
.page-reward-home .container-banner .period { text-align: center; margin-top: -1px; min-height: 40px; }
.page-reward-home .container-banner .period-inner { 
 display: inline-block; background-color: #84d0f5; padding: 5px 20px; font-size: 21px; 
 font-weight: bold; color: #0089cf; border-radius: 0 0 5px 5px;
}
.page-reward-home .container-banner .banner { 
 text-align: center; 
 margin-top: 0; 
 /* margin-top: -83px;*/
 padding: 0px;
}
.page-reward-home .container-banner .banner img { margin: 0 auto; }

.page-reward-home .container-menu { margin-top: 25px; }
.page-reward-home .container-menu .col { margin-top: 0; }
.page-reward-home .container-menu .col:first-child { margin-top: 0; }
.page-reward-home .container-menu .col:last-child {  }
.page-reward-home .container-menu .col table { width: 100%; } 
.page-reward-home .container-menu .col td { 
border-radius: 10px; background-color: #4dbddb; color: #fff; font-size: 34px; line-height: 1em;  
padding: 30px; 
text-transform: uppercase; text-align: center; font-family: 'Fredoka One', cursive; 
text-shadow: 2px 2px 2px #2e3192; height: 130px;
text-decoration: none;
}
.page-reward-home .container-menu .col a { color: inherit; } 


.page-reward-home .container-menu { margin-left: auto; margin-right: auto; }
.page-reward-home .container-how { margin-top: 50px; }
.page-reward-home .container-how .banner { margin-left: 15px; margin-right: 15px; }
.page-reward-home .container-how .article { margin-bottom: 10px; padding: 0 15px; }
.page-reward-home .container-how .article .title { font-size: 30px; color: #2e3192; line-height: 1em; }
.page-reward-home .container-how .article .content { font-size: 13px; color: #666666; }

.page-reward-home .container-point { margin-top: 20px; padding: 0 30px; }
.page-reward-home .container-point td,
.page-reward-home .container-point th { 
 border-top: 0; padding: 0; position: relative; padding: 10px; text-align: center; 
}
.page-reward-home .container-point .outer { border-radius: 10px; border: 1px dotted #fff; padding: 10px; margin-top: 10px; }
.page-reward-home .container-point .table { border: 0; margin: 0; }
.page-reward-home .container-point .table-profile { height: 84px; }
.page-reward-home .container-point .space { width: 1.33333333%; }
.page-reward-home .container-point .how { width: 65.33333333%; vertical-align: middle; text-align: left; }
.page-reward-home .container-point .border { 
 position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-left: 1px dotted #fff; z-index: -1;
} 
.page-reward-home .container-point .title { font-size: 30px; color: #f15a24; text-decoration: underline; font-weight: bold; }
.page-reward-home .container-point .content { font-size: 13px; color: #0089cf; }
.page-reward-home .container-point .point { 
 width: 16.66666667%; line-height: 1em; vertical-align: middle; font-size: 54px; color: #666666; 
}
.page-reward-home .container-point .point .edit { 
 text-decoration: underline; font-size: 13px; color: #0089cf; display: block; line-height: 1.5em
}
.page-reward-home .container-point .max { 
 width: 16.66666667%; vertical-align: middle; font-size: 30px; color: #666666; text-align: center; 
}
.page-reward-home .container-point .outer.no-border { border: 0; border-radius: 0; }
.page-reward-home .container-point th.how { border-left: 0; }
.page-reward-home .container-point th.point { border-left: 0; font-size: 13px; }
.page-reward-home .container-point th.max { border-left: 0; font-size: 13px; }
.page-reward-home .btn-redeem { 
background-color: #95c124; color: #fff; border-radius: 10px; border: 0; padding: 10px; 
font-size: 18px; font-weight: bold; display: inline-block;
}
.page-reward-home .btn-redeem.disabled { background-color: #999; }
.page-reward-home .container-menu .title { margin-left: 0; }

.page-reward .container-menu .title { display: block; text-align: center; }
.page-reward .container-banner  { border-radius: 0; background: none; } 
.page-reward .container-banner .inner { border: 0; } 
.page-reward .container-banner .title { position: relative; } 
.page-reward .container-banner .period-inner { background-color: #fff; color: #e84e1b; padding: 5px 10px; white-space: nowrap; }
.page-reward .container-banner .period-inner a { 
 color: #e84e1b; text-decoration: none; padding: 0 10px; line-height: 1em; font-size: 18px; display: inline-block;
 border-left: 1px solid #e84e1b;
}
.page-reward .container-banner .period-inner a:first-child { border-left: 0; } 
.page-reward .reward-notice {
  text-align: center; font-size: 30px; color: #2e3192; margin-top: 20px;
  background-color: rgb(255,255,255,.5); border-radius: 10px; padding: 10px;
}

.page-reward-cek .container-balance { margin-top: 20px; }
.page-reward-cek .container-balance .header { text-align: center; font-size: 21px; color: #666666; }
.page-reward-cek .container-balance .title {
 font-size: 67px; color: #c7b299; font-weight: bold; background-color: #bbe3fa; border-radius: 0; text-shadow: none; 
 font-family: "Oxygen"; text-align: center; padding: 20px; line-height: 1em;
}
.page-reward-cek .container-balance .title.active { color: #8cc63f; }
.page-reward-cek .container-balance .col { margin-top: 0; }
.page-reward-cek .container-balance .col:first-child { margin-top: 0; }

.page-reward-cek .container-history table { border: 0; }
.page-reward-cek .container-history th { text-align: center; font-size: 12px; color: #666666; font-weight: normal; border: 0; }
.page-reward-cek .container-history td { font-size: 18px; color: #666666; border-color: #fff; vertical-align: middle; }
.page-reward-cek .container-history td.date { text-align: center; }
.page-reward-cek .container-history td.point { text-align: center; }
.page-reward-cek .container-history td:first-child { border-left: 0; padding-left: 50px; }
.page-reward-cek .container-history td:last-child { border-right: 0; }

.page-reward-tukar .container-reward  { margin-top: 20px; }
.page-reward-tukar .container-reward table { border: 0; }
.page-reward-tukar .container-reward th { text-align: center; font-size: 12px; color: #666666; font-weight: normal; border: 0; }
.page-reward-tukar .container-reward td { font-size: 18px; color: #666666; border-color: #fff; vertical-align: middle; }
.page-reward-tukar .container-reward td.date { text-align: center; }
.page-reward-tukar .container-reward td.point { text-align: center; }
.page-reward-tukar .container-reward td.action { text-align: center; }
.page-reward-tukar .container-reward td:first-child { border-left: 0; padding-left: 50px; padding-right: 20px; }
.page-reward-tukar .container-reward td:last-child { border-right: 0; }
.page-reward-tukar .container-reward td.reward { border-right: 0; width: 140px; }
.page-reward-tukar .container-reward td.reward img { max-width: 240px; max-height: 240px; }
.page-reward-tukar .container-reward td.title { font-size: 18px; color: #666666; border-left: 0; }

.page-birthday .container-banner,
.page-moms .container-articles,
.page-contest .container-banner,
.page-gallery .container-gallery
{
  padding-top: 20px; 
  background-color: white;  
}

.page-moms .container-articles .row { 
/* padding: 0 0 20px; margin-bottom: 20px; */
}
.page-moms .container-articles .left { 
 /* border-radius: 10px; */
 background-color: #fff; padding: 30px;
 background: #fff; 
 background: -webkit-linear-gradient(#fff, #fff0f8); 
 background: -o-linear-gradient(#fff, #fff0f8); 
 background: -moz-linear-gradient(#fff, #fff0f8); 
 background: linear-gradient(#fff, #fff0f8); 
}
.page-moms .container-articles .info { padding-left: 0; padding-right: 0; }
.page-moms .container-articles .title { font-size: 15px; color: #0089cf; line-height: 1.2em; }
.page-moms .container-articles .title a { text-decoration: none; color: inherit; }
.page-moms .container-articles .date { font-size: 13px; color: #b3b3b3; line-height: 1.2em; }
.page-moms .container-articles .content { font-size: 13px; color: #603813; line-height: 1.2em; margin-top: 0.5em; }
.page-moms .container-articles .right p { margin-top: 20px; }
.page-moms .container-articles .right p:first-child { margin-top: 0; }
.page-moms .container-articles .right p img { margin: 0 auto; }
.page-moms .container-articles .left .pic img { margin: 0 auto; }
.page-moms .container-articles .col {
  margin-top: 0; 
  padding-right: 3rem;
}
.page .pagination-outer {
  font-size: 12px; color: #000; text-align: center; 
  margin-top: 2rem;
}
.page .pagination-outer .page { 
min-height: 1px; background-color: #fff; border: 1px solid #ad4b95; padding: 2px 5px; display: inline-block; vertical-align: top;
}
.page .pagination > .disabled { display: none; }
.page .pagination { margin: 0; border-radius: 0; }
.page .pagination > li:first-child > a, 
.page .pagination > li:first-child > span,
.page .pagination > li:last-child > a,
.page .pagination > li:last-child > span { border-radius: 0; }
.page .pagination > li > a,
.page .pagination > li > span { 
color: #000; background-color: #fff; border: 1px solid #ad4b95; padding: 2px 5px; margin: 0 2px 0 0;
}
.page .pagination > li > a:hover,
.page .pagination > li > span:hover,
.page .pagination > li > a:focus,
.page .pagination > li > span:focus,
.page .pagination > .active > span, 
.page .pagination > .active > span:focus,
.page .pagination > .active > span:hover { background-color: #e6b6d5; color: #000; border: 1px solid #ad4b95; }


.page-moms-detail .container-articles .left { padding: 35px 60px; }
.page-moms-detail .container-articles .title { font-size: 20px; color: #0089cf; line-height: 1.5em; margin-top: 10px; }
.page-moms-detail .container-articles .date { font-size: 13px; color: #b3b3b3; line-height: 1.5em; }
.page-moms-detail .container-articles .content { font-size: 13px; color: #603813; line-height: 1.2em; }
.page-moms-detail .container-articles .pic { margin: 20px 0; }

.page-moms-detail .container-articles .latest-article { margin: 20px 0; }
.page-moms-detail .container-articles .latest-article .title { 
 padding-bottom: 10px; border-bottom: 1px dotted #fff; color: #0089cf; font-size: 20px; font-weight: bold; 
 text-align: center; text-transform: uppercase; 
}
.page-moms-detail .container-articles .media { padding: 15px; margin: 0; border-bottom: 1px dotted #fff; color: #0089cf; }
.page-moms-detail .container-articles .media:last-child { border-bottom: 0; }
.page-moms-detail .container-articles .media-heading { font-size: 15px; color: #0089cf; }
.page-moms-detail .container-articles .media-object { width: 64px; text-align: left; }
.page-moms-detail .container-articles .media-object img { max-height: 52px; }
.page-moms-detail .container-articles .media-body { vertical-align: middle; }

.page .container-daftar .pic { background-color: white; } 
/* .page-daftar #formDaftar { color: #969696; }
.page-daftar #formDaftar .form-group { margin-bottom: 5px; }
.page-daftar #formDaftar .selectWidth { display: inline-block; } 
.page-daftar #formDaftar .form-control { height: auto; } */
.page.page-reward-tukar .container-daftar .pic { margin: 50px 100px 30px; padding: 40px; color: black; } 


.social.center { text-align: center; }
.social .fb-twit { 
 background-color: #81ba2a; color: #fff; border-radius: 5px; display: inline-block; padding: 5px; 
 font-size: 14px; margin: 5px; 
}
.social .share { display: inline-block; min-width: 40px; margin-left: 2px; }
.social .count { background-color: #fff; color: #999999; border-radius: 3px; display: inline-block; padding: 0 5px; }
.social .bg-red { background-color: #ff9fcd; }

.page-home .container-articles .moms .pic img { margin: 0 auto; }

.page-policy .container-menu .title { font-family: 'Anja Eliane'; font-size: 36px; color: #e7267a; text-transform: uppercase; }
.page-gallery .container-gallery { padding: 50px; }

.sweet-alert h2 { line-height: 1em; }


.page .container-form { 
 color: #0089cf; 
}
.page .container-form p { font-size: 18px; margin-top: 10px; }
.page .container-form p a { text-decoration: underline; }
.page .container-form .form-group { margin-top: 10px; }
.page .container-form input.form-control,
.page .container-form textarea.form-control { 
 font-family: arial; padding: 10px; width: 100%; 
 /* margin: 0 auto; max-width: 270px; */
}
.page .container-form form { font-family: 'Oxygen'; font-size: 14px; }
.page .container-form .btn-action { 
font-family: 'Fredoka One'; font-size: 23px; color: white; background-color: #c0cb00; 
background: -webkit-linear-gradient(#c0cb00, #95c125); 
background: -o-linear-gradient(#c0cb00, #95c125); 
background: -moz-linear-gradient(#c0cb00, #95c125); 
background: linear-gradient(#c0cb00, #95c125); 
max-width: 175px; width: 100%; border-radius: 10px; margin-top: 10px;
}
.page .container-form .file-input .btn-file {
 color: #1d1d1b; background-color: #cfcfce; border-color: #cfcfce; font-size: 14px;
}
.page .container-form .file-input .file-caption-name { font-size: 12px; }
.page .container-form .file-input .glyphicon-folder-open { display: none; }
.page .container-form .file-input .input-group { width: 100%; }
.page .container-form .control-label,
.page .container-form .label { color: #5f3813; }
.page .container-form .label { font-weight: normal; }
.page .container-form .label-max { 
 display: table-cell; white-space: nowrap; vertical-align: middle; padding-left: 5px; 
}
.page .container-form .label-agree { white-space: normal; display: block; text-align: left; }
.page .container-form .label-agree label { font-weight: normal; display: inline; margin-left: 5px; }
.page .container-form .selectWidth { display: inline-block; height: auto; padding: 0; } 

/* 2018-03-05 */
.page-reward-home .container-menu .title { margin-left: 0; }
.container-ecommerce { margin-top: 30px; }
.container-ecommerce .row { margin-left:0;margin-right:0; }
.container-ecommerce .well { color:#337ab7;background-color:#cee5f5;margin-bottom:0;border:0;border-radius:15px; }
.container-ecommerce ul { margin-bottom:0; }
.container-ecommerce img { margin: 0 auto; }

/* 992px-1199px */
@media (min-width: 992px) and (max-width: 1199px) {}

/* 768px-991px */
@media (min-width: 768px) and (max-width: 991px) {}


/* 0-767px */
@media (max-width: 767px) {
.desktop-only { display: none; }
.mobile-only { display: block; }
.masthead-outer { max-height: 100%; margin-top: 10px; }

.page .container-form .file-input .glyphicon-folder-open { display: block; }

/* .nav-justified { border-top: 0; border-bottom: 0; }
.nav-justified > li > a { border-top: 1px dashed #22b6c6; }
.nav-justified > li:last-child > a { border-bottom: 1px dashed #22b6c6; } */

.container-header { /* padding: 15px 15px 0;*/ }
.container-header .inner { padding: 15px 15px 0; }
.container-header .logo { height: 130px; }
.container-header .logo img { height: 100%; }
.container-header .left-menu { display: block; }
.container-header .nav > li { display: block; border-top: 1px dashed #22b6c6; }
.container-header .navbar-collapse { padding-right: 0; padding-left: 0; background-color: #84d0f5; }
.container-header .right { position: static; padding-top: 10px;}
.container-header .right img { margin-left: 5px; }
.container-header .right img.search { margin-left: 5px; }

.container-footer .left { display: block; 
/* border-top: 1px dashed #34bbcf; */
}
.container-footer .col { padding-top: 20px; padding-bottom: 20px; min-height: 1px; }
.container-footer .cs { /* border-top: 1px dashed #34bbcf; */ }
.container-footer .cs > div { margin: 0;  }
.container-footer .row { border-top: 0; padding: 0; margin: 0; }
.container-footer .copyright { border-left: 0; border-right: 0; /* border-top: 1px dashed #34bbcf; */ }
.container-footer .elleair { /* border-top: 1px dashed #34bbcf; */ }
.container-footer .elleair img { position: static; }

.page .container-menu .title { margin-left: 0; }

.page-home .banner { margin-top:0; height: auto; }
.page-home .banner .container { height: auto; }
.page-home .container-product { padding-left: 15px; padding-right: 15px; }
.page-home .container-product .row { display: block; width: auto; }
.page-home .container-product .col { margin-bottom: 0; display: block; float: left; }
.page-home .container-banner .col { margin-bottom: 20px; }
.page-home .container-articles .moms .pic img { width: auto; }
.page-home .container-articles .moms { min-height: 1px; }
.page-home .container-articles .row { display: block; }
.page-home .container-articles .col { float: left; display: block; }
.page-home .container-articles .event img { width: auto; }
.page-home .container-product .col img { width: auto; }
.page.page-reward-tukar .container-daftar .pic { margin: 10px; padding: 10px; } 


.page-product .nav-outer { display: block; }
.page-product .nav > li,
.page-product .nav > li > a:hover, 
.page-product .nav > li > a:focus { float: none; }
.page-product .container-product h2 { font-size: 35px; }
.page-product .container-product .row { margin-top: 0; }
.page-product .container-product .row .col { margin-top: 20px; }

.page-moms .container-articles .col:first-child { margin-top: 0; }
.page-moms .container-articles .col { margin-top: 20px; }
.page-moms-detail .container-articles .left { padding: 20px; }
.page-contest .container-banner .pic { margin: 20px 0; padding: 20px; min-height: 1px; }
.page-reward-home .container-banner { margin-left: 15px; margin-right: 15px; }
.page-reward-home .container-banner .period-inner { font-size: 13px; }
/* .page-reward-home .container-menu .col { display: block; float: left; padding: 40px; height: auto; } */
.page-reward-home .container-menu { margin-left: 15px; margin-right: 15px; }
.page-reward-home .container-menu .col { margin-top: 10px; }
.page-reward-home .container-menu .col:first-child { margin-top: 0; }
.page-reward-home .container-menu .col a { min-height: 1px; }
.page-reward-home .container-banner .title { padding: 0; }
.page-reward .container-banner .period-inner a { display: block; border-left: 0; margin: 10px auto; }
.page-reward-cek .container-balance .col { margin-top: 20px; }
.page-reward-home .container-point .title { font-size: 20px; }
.page-reward-home .container-point .point { font-size: 30px; }
.page-reward-home .container-point .space { display: none; }
.page-reward-home .container-point .max { font-size: 20px; }
.page-reward-home .container-how .article { padding: 0 15px; }
.page-reward-tukar .container-reward td:first-child { padding-left: 0px; padding-right: 10px; }

.page-about .content { /* margin: 20px 0; */ }

.page-faq .category { /* margin: 20px 0; */ }
.page-faq .category .title { padding: 5px 5px 5px 5px; }
.page-faq .category .content { margin-left: 0; }
.page-faq .category .content-list li .answer { margin: 0; }

.page-gallery .container-gallery { padding: 0; }

}

/* >= 768px */
/* Responsive: Portrait tablets and up */
/* @media screen and (min-width: 768px) {} */
@media (min-width: 768px) {	
.desktop-only { display: block; }	
.mobile-only { display: none; }
.masthead-outer { max-height: 100%; margin-top: 25px; }

.container-header { /*padding: 30px 15px 0;*/ }
.container-header .inner {   padding: 25px 90px 0; }
.container-header .logo { height: 130px; }
.container-header .logo img { height: 72px; }
.container-header .nav > li { display: inline-block; border-top: 0; }
.container-header .navbar-collapse { padding-right: 15px; padding-left: 15px; }
.container-header .right { 
  position: absolute; right: 0; top: 0; 
  background-color: rgb(255,255,255,.5); border-radius: 10px; padding: 5px;
}
.container-header .right img { margin-left: 5px; }
.container-header .right img.search { margin-left: 5px; }

.container-footer .left { display: none; border-top: 0; }
.container-footer .col { padding-top: 30px; padding-bottom: 30px; min-height: 150px; }
.container-footer .cs { /* border-top: 1px dashed #34bbcf; */ }
.container-footer .cs > div { margin: 0 auto;  }
.container-footer .row { border-top: 0; padding: 0; margin: 0; }
.container-footer .copyright { border-left: 0; border-right: 0; /* border-top: 1px dashed #34bbcf; */ }
.container-footer .elleair { /* border-top: 1px dashed #34bbcf; */ }
.container-footer .elleair img { position: static; }

.page .container-menu .title { 
  /* margin-left: 30px; */
}

.page-home .container-product { padding: 0 1em;  }
.page-home .container-product .row { display: table; margin: 10px 0; }
.page-home .container-product .col { margin-bottom: 0; display: table-cell; float: none; text-align: center; }
.page-home .container-product .col img { width: 100%; }
.page-home .container-banner .col { margin-bottom: 0; }
.page-home .container-articles .row { display: table; }
.page-home .container-articles .col { float: none; display: table-cell; }
.page-home .container-articles .event img { width: 100%; }



.page-product .container-menu .title { display: block; text-align: center; }
.page-product .nav-outer { display: block; }
.page-product .nav > li { float: none; }
.page-product .container-product h2 { font-size: 50px; }
.page-product .container-product .row { margin-top: 20px; }
.page-product .container-product .col { margin-top: 0; }

.page-moms .container-articles .col { margin-top: 0; }
.page-moms-detail .container-articles .left { padding: 20px; }
.page-contest .container-banner .pic { 
 margin: 50px 100px 30px; padding: 40px; min-height: 500px; 
 /* background-color: rgb(255,255,255,.5); */
}
.page-reward-home .container-banner { margin-left: auto; margin-right: auto; }
.page-reward-home .container-banner .period-inner { font-size: 21px; }
/* .page-reward-home .container-menu .col { display: table-cell; float: none; padding: 0; height: 120px; } */
.page-reward-home .container-menu { margin-left: auto; margin-right: auto; }
.page-reward-home .container-menu .col { margin-top: 10px; }
.page-reward-home .container-menu .col a { min-height: 1px; }
.page-reward-home .container-banner .title { padding: 0 25%; }
.page-reward .container-banner .period-inner a { display: inline-block; border-left: 1px solid #e84e1b; margin-top: 0; }
.page-reward-cek .container-balance .col { margin-top: 0; }
.page-reward-home .container-point .title { font-size: 30px; }
.page-reward-home .container-point .point { font-size: 54px; }
.page-reward-home .container-point .max { font-size: 30px; }
.page-reward-home .container-point .space { display: block; }
.page-reward-home .container-how .article { padding: 0 15px; }
.page-reward-tukar .container-reward td:first-child { padding-left: 50px; padding-right: 20px; }

.page-about .content { /* margin: 50px; */ }

.page-faq .category { /* margin: 50px 0 0 60px; */ }
.page-faq .category .title { padding: 5px 5px 5px 120px; }
.page-faq .category .content { margin-left: 120px; }
.page-faq .category .content-list li .answer { margin: 0 50px; }

.page-gallery .container-gallery { padding: 50px; }

.page .container-form .col-input { text-align: left; }
.page .container-form .control-label { text-align: left; }

}

/* >= 992px */
@media (min-width: 992px) {
.container-header .logo { height: 130px; }
.container-header .logo img { height: 96px; }

.container-header { /*padding: 30px 15px 0;*/ }
.container-header .right img { margin-left: 10px; }
.container-header .right img.search { margin-left: 60px; }

.container-footer .cs > div { margin: 0 auto;  }
.container-footer .row { /* border-top: 1px dashed #34bbcf; */ padding: 20px 40px 60px 40px; }

.container-footer .cs { border-top: 0; }
.container-footer .copyright { border-left: 0; /* border-right: 1px dashed #34bbcf; */ border-top: 0; }
.container-footer .elleair { border-top: 0; }

.page-product .container-menu .title { display: inline-block; text-align: left; }
.page-product .nav-outer { display: inline-block; }
.page-product .nav > li { float: left; }
.page-moms-detail .container-articles .left { padding: 35px 60px; }
.page-reward-home .container-menu .col { margin-top: 0; }
.page-reward-home .container-menu .col a { min-height: 130px; }

.page-home .container-product { padding: 0 6em;  }

}

/* >= 1200px */
@media (min-width: 1200px) {
.container-header .logo { height: 130px; }
.container-header .logo img { height: 130px; }
.page-home .container-product { padding: 0 10em;  }
}