@charset "utf-8";
/** CUSTOM FONTS **/ @font-face{font-family:'Mulish';font-weight:400;font-style:normal;src:url('../fonts/Mulish.eot');src:url('../fonts/Mulish.eot?#iefix') format('embedded-opentype'),url('../fonts/Mulish.woff') format('woff'),url('../fonts/Mulish.ttf') format('truetype'),url('../fonts/Mulish.svg#Mulish') format('svg')} .Mulish{font-family:'Mulish'} @font-face{font-family:'Muli';font-weight:400;font-style:normal;src:url('../fonts/Muli.eot');src:url('../fonts/Muli.eot?#iefix') format('embedded-opentype'),url('../fonts/Muli.woff') format('woff'),url('../fonts/Muli.ttf') format('truetype'),url('../fonts/Muli.svg#Muli') format('svg')} .Muli{font-family:'Muli'}/* font ini untuk content area */ @font-face{font-family:'Montserrat';font-weight:400;font-style:normal;src:url('../fonts/Montserrat.eot');src:url('../fonts/Montserrat.eot?#iefix') format('embedded-opentype'),url('../fonts/Montserrat.woff') format('woff'),url('../fonts/Montserrat.ttf') format('truetype'),url('../fonts/Montserrat.svg#Montserrat') format('svg')} .Montserrat{font-family:'Montserrat'}/* font ini untuk sub tajuk area */ @font-face{font-family:'HelveticaCondensedBold';font-weight:400;font-style:normal;src:url('../fonts/HelveticaCondensedBold.eot');src:url('../fonts/HelveticaCondensedBold.eot?#iefix') format('embedded-opentype'),url('../fonts/HelveticaCondensedBold.woff') format('woff'),url('../fonts/HelveticaCondensedBold.ttf') format('truetype'),url('../fonts/HelveticaCondensedBold.svg#HelveticaCondensedBold') format('svg')} .HelveticaCondensedBold{font-family:'HelveticaCondensedBold'}/* font ini untuk tajuk area */
/** CSS RESET **/ html,body,div,table,thead,tbody,tfoot,tr,th,td,span,p,h1,h2,h3,h4,h5,h6{margin:0; padding:0} html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} *,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s} body{font-family:sans-serif} body,div,th,td,span,p{word-wrap:break-word} a,a:hover{text-decoration:none} a{color:rgba(200,34,73,1)} a:hover{font-weight:600} p{padding-bottom:1em} button,i{cursor:pointer} button{padding:0.25em} ol,ul{margin-bottom:0} .img-center{display:block;vertical-align:middle;margin:0 auto}
/** CUSTOM CSS **/ body{font-family:'Mulish'} a{color:rgba(201,35,75,1)}
.L2-image img {display:block;width:100%;height:auto;margin:0 auto} .L2-title a{color:rgba(255,255,255,1);text-shadow:3px 2px black} .btn-upm{border:0;font-family:'Montserrat';color:rgba(255,255,255,1)} .btn-upm:hover{background:rgba(158,31,100,1)}
.youtube { background-color:#000; position:relative; padding-top:56.25%; overflow:hidden; cursor:pointer; } .youtube img, .youtube iframe { position:absolute; } .youtube img { width:100%; top:-16.82%; left:0; opacity: 0.7; cursor:pointer; } .youtube iframe { width:100%; height:100%; top:0; left:0; } .bar_locationtitle{font-family:'Montserrat'} .preview { margin-bottom:2em; } .preview img { border:0.1em solid #ddd; border-radius:0.7em; padding:1em; width:100%; height:auto; } .gallery-container { display:inline-block; vertical-align:top; width:25%; margin-right:-0.3em; margin-bottom:0.5em; padding:0.5em; } .gallery-container img:hover { cursor:pointer; } .gallery-caption { padding-top:0.25em; font-size:0.9em; text-align:center; line-height:1em; } @media all and (max-width:767px) { .gallery-container { width:33%; } } @media all and (max-width:420px) { .gallery-container { width:50%; } } hr{margin:0.5em auto} .L3-gallery{margin-bottom:1em}  #text_kat{color:#ec2f6f} .subbar_hidden{font-family:'Montserrat';font-weight:600;padding-bottom:0.5em} #c_share{background:rgba(255,255,255,1);padding:1em 8em}

/** REF: Fixed Position **/ .fixed-top{position:fixed;top:0;right:0;left:0;z-index:500;background:rgba(210,211,213,1);padding:0.7em 1em} .fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:500;background:rgba(200,34,73,1);padding:0.7em 2em}
/** REF: Inline Block **/.inline-block{display:inline-block}
/** REF: Table Inline **/.table-main{display:table;width:100%} .table-cell{display:table-cell}
/** REF: Background & Font Color **/.upm-red{background:rgba(200,34,73,1);color:rgba(200,34,73,1);} .upm-grey{background:rgba(148,162,170,1);color:rgba(148,162,170,1)} .color-pink{background:rgba(239,58,111,1);color:rgba(239,58,111,1)} .color-purple {background:rgba(158,31,100,1);color:rgba(158,31,100,1)} .color-grey{background:rgba(168,169,173,1);color:rgba(168,169,173,1)} .color-lightgrey{background:rgba(210,211,213,1);color:rgba(210,211,213,1)} .color-darkgrey{background:rgba(88,89,91,1);color:rgba(88,89,91,1)} .color-red{background:rgba(201,35,75,1);color:rgba(201,35,75,1)} .color-duckgreen{background:rgba(50,75,33,1);color:rgba(50,75,33,1)}