/* header */
header{background:#000;}
header.fixed{padding-bottom:36px;}
header {position: fixed; width: 100%; height: 50px; z-index: 999; top: 0; }
.header-top{max-width:1005px; margin:0 auto; position:relative;}
.header-top .logo{float:left; padding:10px;}
.header-top .logo > a{height:30px; position:relative; z-index:2;}
.header-top .logo > a > img{max-height:30px;}
.coverimg > img{object-fit:cover;}

/* font roboto */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(../fonts/roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(../fonts/roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(../fonts/roboto/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* end font roboto */

/* font share */
@font-face {font-family: 'Share Tech Mono'; font-style: normal; font-weight: 400; src: local('Share Tech Mono'), local('ShareTechMono-Regular'), url(../fonts/share/J7aHnp1uDWRBEqV98dVQztYldFcLowEF.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


/* reset */
*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu > div,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu > div,nav,section{display:block}b,ol,ul{list-style:none}li{display:list-item}svg{overflow:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}optgroup{font-weight:bold;position:relative}optgroup option{font-weight:normal;margin-left:10px}a img{border:0}a{text-decoration:none}button:hover{cursor:pointer}i,em{font-style:italic}b,strong{font-weight:bold}img{max-width:100%}.hide{display:none}
/* end reset */





/* base */
body, html{font-family:'Roboto', sans-serif; font-size:14px; color:#616161; overflow-x:hidden; font-weight:400;
-o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;}
body{background:url(../img/bg.jpg) #69C4A7; overflow-x:hidden; box-sizing:border-box;background-repeat: no-repeat; background-size: cover;}
a{color:#c6242c; font-weight:700;}
b, strong{font-weight:900;}
.btn, input[type=button], select{-webkit-appearance:none; -moz-appearance:none;}
.btn{color:#FFF ; background:#c6242c; font-weight:bold; display:inline-block; padding:10px 20px; -webkit-appearance:none; cursor:pointer; box-sizing:border-box;
background-image:linear-gradient(to bottom, #c6242c 50%, #ff959b 50%); background-size:100% 200%;
-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); box-shadow:0 0 2px 0px rgba(33,33,33,0.4); 
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.btn:active{-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0); box-shadow:0 0 2px 0px rgba(33,33,33,0); color:#FFF ;}
#btt{cursor:pointer; display:none; background-image:url(../img/btt.png); background-repeat:no-repeat; background-position:center; background-color:rgba(33,33,33,0.3);
position:fixed; bottom:50px; right:10px; width:50px; height:50px; z-index:95; border:4px solid #FFF;
-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px;
-moz-box-shadow:0 0 10px #424242; -webkit-box-shadow:0 0 10px #424242; box-shadow:0 0 10px #424242;}
#btt:active{-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0); box-shadow:0 0 2px 0px rgba(33,33,33,0); background-color:rgba(153,0,0,1);}
.clearenter::before, .clearenter::after, 
ul::before, ul::after,
ol::before, ol::after{content:''; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearenter::after, ul::after, ol::after, .clearboth{clear:both;}
.container{max-width:1005px; margin:10px auto;}
.content_center{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; 
-ms-flex-align:center; align-items:center;}
.content_center > *{margin:auto;}
.flex_lazy, .flex_thumb, .flex_ori, .flex_slick{display:block; overflow:hidden; position:relative; background-color:#EEE; line-height:0;}
.flex_lazy, .flex_thumb, .flex_slick{background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; background-position:center;}
.flex_thumb img{max-width:inherit; max-height:100%; position:relative; right:50%;}
.flex_slick img{opacity:0 !important; position:absolute; top:0; left:0; width:0; height:0;}
.flex_lazy img{opacity:0;}

.mb0{margin-bottom:0 ;}
.mt0{margin-top:0 ;}
.pdt0{padding-top:0 ;}
.pdb0{padding-bottom:0 ;}
.pdt5{padding-top:5px ;}
.pdt10{padding-top:10px ;}
.pdb5{padding-bottom:5px ;}
.pdb10{padding-bottom:10px ;}
.pdt20{padding-top:20px ;}
.pdb20{padding-bottom:20px ;}

.module-title{padding:15px 10px 2px;}
.module-title > h6{font-weight:900; text-transform:uppercase; font-size:24px; display:block; margin-bottom:2px;color:#fff;}
.module-title > div > span{display:inline-block; height:5px; width:70px; background:#24c639;}



.muat-lainnya{padding:0px 10px 10px; box-sizing:border-box;}
.muat-lainnya > a{width:100%; display:block; text-align:center; color:#212121 ; padding:10px 0; background:#F5F5F5; border:1px solid #E0E0E0; font-size:12px; box-sizing:border-box;}
.muat-lainnya > a > b{display:inline-block; padding-right:24px; position:relative; font-size:12px; text-transform:uppercase;}
.muat-lainnya > a > b > .fa{position:absolute; bottom:0; right:0; line-height:16px; font-size:28px;}
.muat-lainnya-2{margin:0 10px 10px;}
.selengkapnya > a > b{padding-right:15px;}
.selengkapnya > a > b > .fa{font-size:18px; font-weight:bold;}

.tabception > ul{display:table; width:100%;}
.tabception > ul > li{display:table-cell;}
.tabception > ul > li:first-child{border-left:0;}
.tabception > ul > li > *{display: block; padding: 10px; border-bottom: 4px solid #E0E0E0; color: #f5f5f5; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px;}
.tabception > ul > li > .active{border-bottom: 4px solid #b7d42e; color: #b7d42e; }
.tabception .tab_content{padding:0 10px;}
.thumb{overflow:hidden; position:relative;}
.thumb > .flex_lazy, .thumb > .flex_thumb{display:block; width:100%; height:100%; -webkit-backface-visibility:hidden;}

.thumb169, .thumb43, .thumb11 {width:100%; display:block;}
.thumb169:after, .thumb43:after, .thumb11:after{display:block; content:'';}
.thumb169:after{padding-top:56.25%;}
.thumb43:after{padding-top:75%;}
.thumb11:after{padding-top:100%;}



.multimedia-icon{position:absolute; top:0; left:0; width:100%; height:100%; z-index:4; background:rgba(33,33,33,0.3);}
.multimedia-icon .circle{width:56px; height:56px; box-sizing:border-box; border:4px solid #FFF; color:#FFF;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.multimedia-icon .circle .fa-caret-right{margin-left:20px; font-size:36px;}
.multimedia-icon .circle .fa-camera{font-size:20px;}
.multimedia-icon .circle .fa-plus{font-size:24px;}
.multimedia-icon .circle > img {opacity: 1; }



section{ padding-bottom:0px; box-sizing:border-box;margin-top: 85px;background-color:rgba(51, 51, 51, 0.92);}

@media screen and (min-width:300px) and (max-width:767px){
  section{min-height: calc(100vh - 100px);padding-bottom:0px;}
}

@media screen and (min-width:768px){
  section{min-height: calc(100vh - 100px);padding-bottom:0px;}
}

@media screen and (min-width:300px) and (max-width:1023px){
  #btt{display:none ;}
}


@media screen and (min-width:1024px){
  a, .btn, #btt, .multimedia-icon{ cursor:pointer;}
  a:hover{color:#fff;}
  .btn:hover{background-position:0 100%;}
  #btt:hover{background-color:rgba(33,33,33,0.7);}
  
  .muat-lainnya > a:hover{background:#c6242c; color:#FFF ; border:1px solid #c6242c;
  box-shadow:0 0 10px #9E9E9E; -moz-box-shadow:0 0 10px #9E9E9E; -webkit-box-shadow:0 0 10px #9E9E9E;} 
  
  .multimedia-icon{opacity:0; }

}
/* end base */




.header-top .share{padding:8px; box-sizing:border-box; float:right;}
.header-top .share > div > ul > li{float:left; margin:2px;}
.header-top .share > div > ul > li > a{color:#000; background:#FFF; width:30px; height:30px; position:relative; z-index:2;border-radius:20px;}

@media screen and (min-width:1024px){
  .header-top .logo > a:hover{opacity:0.5;}
  
  .header-top .share .facebook > a:hover{background:#4867aa;}
  .header-top .share .twitter > a:hover{background:#00acec;}
  .header-top .share .gplus > a:hover{background:#dc4a38;}
  .header-top .share .email > a:hover{background:#f89a1e;}
  .header-top .share .whatsapp > a:hover{background:#0dc143;}
  .header-top .share .whatsapp, .header-top .share .line{display:none;}
}
/* end header */



/* menu*/
.menu{border-bottom:4px solid #fff;background:#FFF;-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2);z-index: 99;
    top: 50px;height:36px;position:fixed;width:100%;}
.menu.fixed{border-bottom:4px solid #fff;position:fixed; top:0; left:0; width:100%; z-index:999;}
.menu > div{margin-bottom:-4px;}
.menu > div > ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.menu > div > ul > li{float:left;}
.menu > div > ul > li > a{height:36px;padding:0 10px;box-sizing:border-box;color:#757575;}
.menu > div > ul > li > a.curr{color: #c6242c;border-bottom: 4px solid #c6242c;}
.menu > div > ul > li > a > h2{font-size:14px; text-transform: uppercase;}

@media screen and (min-width:300px) and (max-width:359px){
  .menu > div > ul > li > a > h2{font-size:12px;}
}

@media screen and (min-width:300px) and (max-width:567px){
  .menu > div > ul > li > a > h2 > span{display:none;}
}

@media screen and (min-width:1024px){
  .menu > div > ul > li > a:hover{color: #c6242c; font-weight: bold; } 
}
/* end menu */






/* home page */
.main{padding: 5px 15px 15px 15px;text-align:center;margin-bottom:0;background:#fff;} 
.main > ul{width:100%; max-width:385px; display:inline-block;}
.main > ul > li{float:left;width: 25%;}
.main .side img{max-height:30px;}

.main .logo img{max-height:96px;}
.main .logo .image{text-align:center;}
.main .viva .image{text-align:left;}
.main .image{background-color:transparent; margin:5px;text-align: center;height: 30px;}

.tag-line > span > h1 {border-radius: 5px 5px 0 0;color: #181244; text-align: center;font-weight: bold; font-size: 20px; z-index: 5;padding:10px;background-color: #fff; }
.tag-line > span > h4{color: #181244; font-weight: 600; font-size: 20px; background-color: #fff; padding: 10px 10px 10px 40px; padding-top: 67px;}
.tag-line > span{text-align:left;border-radius: 5px; min-width: 300px;position: relative;}
.icon-mil {padding: 10px;position: absolute; }
.tag-line > span > .pf {position: absolute; width: 315px; height: 182px; top: 0; left: 0; background-color: rgb(255, 255, 255); z-index: 2; }
.cover {padding: 20px; padding-bottom: 0; }
@media screen and (min-width:1024px){
  .tag-line > span > h4{font-size:30px;}
}



.schedule{text-align:center; font-weight:900; text-transform:uppercase; margin-bottom:10px;}
.schedule > span{width:100%; max-width:410px; display:inline-block;}
.schedule > span > div{margin:10px;margin-top: 0;}
.schedule-date{text-align:center; font-size:18px; color:#FFF;}
.schedule-date ul{display:inline-block;}
.schedule-date ul > li{float:left; padding:5px 10px;font-size: 11px;}
.schedule-date .day{background-color:#e7252d;}
.schedule-date .date{background-color:#08549f;}
.schedule-date .time{background-color: #b7d42e;}
.schedule-location > h4{text-align:center; margin:10px; font-size:16px; color:#fff;}
.regisnow{text-align:center;}
.regisnow > span{display:inline-block;}
.regisnow .btn{padding:10px 20px; font-size:18px; text-transform:uppercase;}

.regisnote > h6{text-align:center; padding:10px 20px; text-transform:uppercase; font-size:12px; font-weight:600; color:#fff;}
.regis-now > h5{color: #fff;}

@media screen and (min-width:1024px){
  .main .logo > a:hover{opacity:0.6;}
  
  .schedule-location > h4{font-size:16px;}
}
/* end home page */




/* news list */
.news-list > div > ul, .news-list > div > ul > li{margin:5px;}
.news-list > div > ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.news-list > div > ul > li{float:left; background:#FFF; box-sizing:border-box; border:1px solid #E0E0E0;}
.news-list > div > ul > li > a{display:block;}

.news-box{position:relative; color:#212121;}
.news-box .news-thumb{background-color:#424242;}
.news-box .news-thumb:after{display:block; content:''; padding-top:56.25%;}
.news-box .news-content{padding:10px;}
.news-box .news-title > h3{font-size:16px; line-height:22px;}
.news-box .news-date{font-size:12px; color:#9E9E9E; margin-top:5px;}

@media screen and (min-width:300px) and (max-width:567px){
  .news-list > div > ul > li{width:calc(100% - 10px); flex-basis:calc(100% - 10px);}
}

@media screen and (min-width:568px) and (max-width:767px){
  .news-list > div > ul > li{width:calc(50% - 10px); flex-basis:calc(50% - 10px);}
}

@media screen and (min-width:1024px){
  .news-list > div > ul > li{transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;}
  .news-list > div > ul > li{width:calc(33.33% - 10px); flex-basis:calc(33.33% - 10px);}  
  .news-list > div > ul > li:hover{box-shadow:0 0 10px #9E9E9E; -moz-box-shadow:0 0 10px #9E9E9E; -webkit-box-shadow:0 0 10px #9E9E9E;}
  
  .news-box:hover{color:#c6242c;}
  .news-box:hover .multimedia-icon{-ms-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1); opacity:1;}
}
/* end news list */


/* registration page */
.register{text-align:center;}
.register > span{width:100%; max-width:300px; margin:20px; box-sizing:border-box; 
display:inline-block; background:#FFF; overflow:hidden;
-webkit-box-shadow:0 0 5px 0px rgba(33,33,33,0.4); -moz-box-shadow:0 0 5px 0px rgba(33,33,33,0.4); box-shadow:0 0 5px 0px rgba(33,33,33,0.4); 
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.register > span > div > ul{margin:10px;}
.register > span > div > ul > li{padding:5px 10px;}
.register  .info{margin-bottom:5px; font-weight:600;}
.register  .field > *{border:1px solid #E0E0E0; background-color:#FFF; padding:10px; width:100%; box-sizing:border-box;
-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}

.register .alert{text-align:center; color:#FFF; padding:10px;}
.register .alert-error{background-color:#c6242c;}
.register .field-error .info{color:#c6242c;}
.register .field-error .field > *{border-color:#c6242c;}
.register .alert-success{background-color:#388E3C;}

.survey > h6{padding:15px 20px 0; color:#212121; font-weight:bold; font-size:18px; border-top:2px dashed #BDBDBD;}
.survey > ul{margin-top:0 ;}
.survey-each .survey-question{font-weight:bold; font-size:14px;}
.survey-each .survey-answer > li{padding:5px 0; position:relative;}
.survey-each .survey-answer input{position:absolute; top:7px; left:0;}
.survey-each .survey-answer label{margin-left:18px;}
.survey-error .survey-question{color:#c6242c;}

.submit{margin:10px 20px 20px;}
.submit .btn{padding:10px 20px; width:100%; box-sizing:border-box; text-align:center; font-size:18px; text-transform:uppercase; display:block;}

@media screen and (max-width:359px){
  .register > span{max-width:248px;}
}
/* end registration page */


/* live page */
.live-video{background:#000;}
.live-box{max-width:985px; position:relative;}
.live-box > video{width:100%;}
.video-player {max-width: 985px; margin: 0 auto; }
/* end live page */



/* custom select */
.cf-select .cf-field, .cf-password .cf-field, .cf-search .cf-field, .cf-calendar .cf-field{position:relative;}
.cf-select .cf-down, .cf-password .cf-eye{position:absolute; top:22px; right:0; height:40px; width:40px; color:#9E9E9E;}
.customform { border: 0; background: 0; }
.customform span,.customform .fc-formname { font-weight: bold;margin-bottom: 5px;}
.customform .rs-rule { border-bottom: 1px solid #eee; width: 500px; }

.cf-down, .cfs-button { top: 24px; }
.cf-field { border: 1px solid #eee; }
.list-box-user.non-box .cf-field { border: 0;font-size: 16px; font-weight: 500; }


.cf-select .cf-field{z-index:2; cursor:pointer;}
.cf-select .cf-down{ z-index:1; font-size:24px;}
.customform{position:relative;}
.customform > .cf-field{box-sizing:border-box; padding:10px; width:100%;color: #848484; font-weight: 100;}

.customform input, .customform select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.customform input, .customform select, .customform textarea{background-color:transparent;}
.cf-box{background-color:#FFF; border:1px solid #E0E0E0;}
.customform > .cf-field{box-sizing:border-box; padding:10px; width:100%;}
.cf-select .cf-field, .cf-password .cf-field, .cf-search .cf-field, .cf-calendar .cf-field{position:relative;}
.cf-password .cf-field{z-index:1;}
.cf-password .cf-eye{z-index:2; font-size:18px;}
.cf-submit input, .cf-submit a{padding:8px 15px; color:#FFF; cursor:pointer; font-weight:bold;
transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s;
background-image:linear-gradient(to bottom, #047480 50%, rgba(4, 116, 128, 0.83) 50%); background-size:100% 200%;
-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); box-shadow:0 0 2px 0px rgba(33,33,33,0.4);
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.cf-submit input:hover, .cf-submit a:hover{background-position:0 100%;}
/* end custom select */

/* upload */
.upload-fx { border: 2px dashed #f7a7a7; position: relative;}
.upload-fx input { margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0;position: absolute;}
.upload-fx p { text-align: center; padding: 10px;}

.btn-upload { padding: 10px 0; }
.btn-upload h6 { padding-top: 5px; }

.upload-fx:hover { border: 2px dashed #f7a7a7; }
.upload-fx.crop-x div{padding: 0;}
.upload-fx div { padding: 20px; }
.upload-fx div span ul li {text-align: center;font-weight: 300;font-size: 16px;}
.upload-fx div span ul li h2{text-align: center;color: #c00;font-size: 16px;}
.upload-fx div span ul li i { font-size: 30px; }
.upload-fx div span ul li:nth-child(3) i{font-size: 12px;}
.upload-fx div span ul li b { font-size: 12px; }
.upload-fx div span > h3 { color: #c00; font-size: 14px; }

.ket{font-size: 12px;margin: 10px;}
.ket > a{color: #333; font-weight: bold;}
.ket > a:hover{color: #c00;}

.info-karir{text-align: center;background-color: #f8bd0d;}
.info-karir > span {width: calc(100% - 40px); max-width: 600px; margin: 20px; box-sizing: border-box; display: inline-block; background: #FFF; overflow: hidden; -webkit-box-shadow: 0 0 5px 0px rgba(33,33,33,0.4); -moz-box-shadow: 0 0 5px 0px rgba(33,33,33,0.4); box-shadow: 0 0 5px 0px rgba(33,33,33,0.4); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.info-karir li > h5 {font-size: 14px; font-weight: 500; }
.info-karir h4 {padding: 20px; font-size: 14px; font-weight: bold; padding-bottom: 10px;text-transform: uppercase;}
.info-karir ul { margin: 0 20px !important;padding-bottom: 10px; }
.info-karir ul > li {margin: 5px 10px;padding:10px !important;border-bottom: 1px solid #eee; }

.info-karir ul > li > a{display: block;}
.info-karir ul > li > a > h5 {color: #333; font-size: 14px; font-weight: 100;}
.info-karir ul > li > a:hover {color: #c6242c; }


.sponsored {background: #fff; padding: 10px; margin-top: 20px;}
.sponsored > img {border-radius: 2px; }

::placeholder {color: #ccc; opacity: 1; }
:-ms-input-placeholder {color: #ccc; } 
::-ms-input-placeholder {color: #ccc; }


.logo-kampus{padding-bottom: 10px;}



footer {border-top: 5px solid #E0E0E0; height: 32px; box-sizing: border-box;background-color:#f3f3f3; }
footer > span {font-size: 12px; text-align: center; }