@import url("font.css");
@import url("gumby.css");
@import url("header.css");
@import url("dashboard.css");
@import url("footer.css");
@import url("tw.css");
@import url("bread.css");
@import url("tabs.css");
@import url("table.css");
@import url("paging.css");
@import url("jquery.bxslider.css");
@import url("nivo-lightbox.css");
@import url("social-sharing-css.css");
@import url("default.css");
@import url("home.css");
@import url("tentang.css");
@import url("komunitas.css");
@import url("berita.css");
@import url("galeri.css");
@import url("bakti.css");
@import url("404.css");
@import url("search.css");
@import url("last.css");
@import url("alumni.css");
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{margin:0}
html{min-height:100%}
body{width:100%;height:100%;font-family:'AvenirLTStd45Book', Fallback, sans-serif;background:#fff;font-size:11px}
#wrapper{padding-bottom:45px}
#banner_wrap{float:left;width:100%;height:415px;position:relative;text-align:center}
#banner_wrap .row{position:absolute;left:50%;top:100px;margin-left:-495px}
#banner_wrap img{margin:0;padding:0}
#banner_wrap .row .text_banner{font-size:56px;color:#fff;line-height:66px;font-family:AvenirLTStd95Black}
#banner_wrap .row .text_banner span{font-size:30px;font-family:AvenirLTStd55Roman}
#social{margin-left:0 !important;float:right;width:25.211%}
#social ul li a img{max-width:none}
#social a{color:#fff}
#wrapper header+.row>.twenty-four.columns>.row>#breadcrum{margin-top:2rem}
nav ul>li:hover .submenu{display:block}
.submenu{position:absolute;z-index:9;padding-top:2rem;display:none}
.submenu>ul{margin:0;padding:0;list-style:none}
.submenu>ul>li{border-right:none !important;min-width: 200px;text-align:left !important;background-color:#00a8c8;height:100%;border-bottom:1px solid #0b8aa0}
.submenu>ul>li>a{padding:1rem;display:block}
.submenu>ul>li>a>span{color:#fff;font-size:12px;font-size:0.75rem;line-height: 14px;}
.submenu>ul>li:hover{background-color:#ffb20e}
.liststyle-dotted{list-style:circle}
.no-margin{margin:0}.butt-15{margin-bottom:15px}
.butt-30{margin-bottom:30px}
.boobs-15{margin-top:15px}
.boobs-30{margin-top:30px}
.link-banner{clear:both;float:none;margin-top:0}
.vol-link-buble{display:block;text-align:right;position:fixed;right:0.5rem;bottom:10rem}
.vol-link-buble>a{display:inline-block;background:url("../images/djarum-beswan-2.png") no-repeat center;background-size:contain;height:120px;width:120px;font-size:0}
.vol-link-buble>a:hover{-webkit-animation-name:bounce}
.box-link-one>h5>strong{color:#376877;font-family:'AvenirLTStd95Black';font-size:2rem}.box-link-one>h5>span{color:#90c6cc;font-size:1.35rem}
.box-link-one .btn{position:absolute;top:4px;right:0;overflow:hidden;display:block;padding:0 2.5rem 0 0.75rem !important;background-image:url(../images/arrow.png);background-position:95% center;background-repeat:no-repeat}.box-link-one{position:relative;margin-bottom:2rem;overflow:hidden}.box-link-one .btn.black{background-color:#000;color:#fff}#come-join-us{position:fixed;top:25%;right:10px;cursor:pointer}#come-join-us .come-circle{width:142px;height:145px;background:url(../images/btn-come-join-us.png) no-repeat;position:relative;animation:goyang 0.5s infinite ease-out alternate-reverse;-webkit-animation:goyang 0.5s infinite ease-out alternate-reverse;-moz-animation:goyang 0.5s infinite ease-out alternate-reverse;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all}#come-join-us .come-arrow{width:40px;height:40px;background:url(../images/btn-come-join-us-arrow.png) no-repeat;position:absolute;left:50%;margin-left:-20px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all}#come-join-us:hover .come-circle{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9)}@keyframes goyang{from{top:5px}to{top:-5px}}@-webkit-keyframes goyang{from{top:5px}to{top:-5px}}

#gal-foto a{display:block;width:100%;height:150px;background:#ddd;position:relative}#gal-foto a img{position:absolute;margin:auto;top:0;left:0;bottom:0;right:0}#gal-title{position:absolute;top:170px}


.modal-tvc {
	background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}

.modal-tvc .modal-body {
	position: relative;
}

.modal-tvc .close {
	width: 30px;
    height: 30px;
    border-radius: 50%;
    background: red;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 30px;
    position: absolute;
    color: #fff;
    top: -15px;
    right: -15px;
    font-size: 14px;
    z-index:9;
}

.marquee {
    clear: both;
    margin-bottom: 0;
    top: 0;
    background-color: #f9f9f9;
    border-top: 1px solid #ccc;
    position: relative;
    height: 40px;
}

footer {
    width: 100%;
    height: 48px;
    background-color: #00a8c8;
    position: relative;
    margin-top: 0;
    clear: both;
}

.modal-tvc .marquee {
    position: fixed;
    bottom: 0;
    top: auto;
}

#gal-tvc a #gal-title {
    position: static;
}




.modal-cst .modal-dialog{
	width: 100%;
}
.modal-cst .modal-body{
	position: relative;
	padding: 0;
}
.modal-cst .modal-content{
max-width: 90%;
}
.modal-cst .modal-body img{
	width: 100%;
}
.modal-cst .modal-body .close-popup{
	z-index: 1;
	right: 0;
	top: 0;
	position: absolute;
	font-size: 3em;
	background-color: #bf1e2e;
	width: 60px;
}
.modal-open{
	padding-right: 0;
}
.modal-tvc .close{
    cursor: pointer;
}