@import url(ticker.css);
@font-face{font-family:'quicksandlight';src:url('../../fonts/quicksand-light-webfont.eot');src:url('../../fonts/quicksand-light-webfont.eot#iefix') format('embedded-opentype'),url('../../fonts/quicksand-light-webfont.woff') format('woff'),url('../../fonts/quicksand-light-webfont.ttf') format('truetype'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-light-webfont.svg#quicksandlight') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'quicksandregular';src:url('../../fonts/quicksand-regular-webfont.eot');src:url('../../fonts/quicksand-regular-webfont.eot#iefix') format('embedded-opentype'),url('../../fonts/quicksand-regular-webfont.woff') format('woff'),url('../../fonts/quicksand-regular-webfont.ttf') format('truetype'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-regular-webfont.svg#quicksandregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'quicksanddash';src:url('../../fonts/quicksand_dash-webfont.eot');src:url('../../fonts/quicksand_dash-webfont.eot#iefix') format('embedded-opentype'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand_dash-webfont.woff') format('woff'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand_dash-webfont.ttf') format('truetype'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand_dash-webfont.svg#quicksanddash') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'quicksandbold';src:url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-bold-webfont.eot');src:url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-bold-webfont.eot#iefix') format('embedded-opentype'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-bold-webfont.woff') format('woff'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-bold-webfont.ttf') format('truetype'),url('http://stkipsantupaulus.ac.id/templates/um/fonts/quicksand-bold-webfont.svg#quicksandbold') format('svg');font-weight:normal;font-style:normal} @media only screen and (max-width: 980px) {.hide-for-mobile {display:none;}}@media only screen and (min-width: 980px) {.hide-for-dekstop {display:none;}}
.container {padding-left: 15px;padding-right: 15px;}h4 { margin-top: 15px;font-family: 'quicksandregular';  font-size: 1em;}.row {margin-bottom: 20px;}.row .row {margin-top: 10px;margin-bottom: 0;}[class*="col-"] {padding-top: 15px;padding-bottom: 15px;}
.logo { background: #133108; position: absolute; z-index: 999; width: 120px; height: -10px; padding:10px; }
.logodesc { font-family: 'quicksandregular';  font-size: 1.4em; line-height: 32px; letter-spacing: -1px; }
.jr span.lang {/*JUDUL PALING ATAS*/ padding: 5px 8px;   color: #fdfdfd;}
[class*="col-"].jr { padding: 0px 15px !important;}
[class*="col-"].clear-col { padding: 0px !important; font-family: 'quicksandregular'; font-size: 12px;}
hr { /*margin-top: 40px; margin-bottom: 40px;*/ margin: 0; border-color: #47A447;}
hr.biru { /*margin-top: 40px; margin-bottom: 40px;*/ margin: 0; border-color: #39B3D7;}
.catthm { /*background: url(http://stkipsantupaulus.ac.id/templates/um/style/css/img/bgtitle.png) repeat-x bottom center ;*/ border-bottom: 3px solid #eee;  margin-right: 15px; margin-bottom: 15px; }
.catthm img{ padding-top: 15px; }
.catthm h4{ margin-bottom: 15px; }
.menupage{ width: 100%; border-bottom: dashed #47A447 1px; padding: 10px 0; }
.content-archive {background: #F1F1F1; padding: 15px 20px; margin: 10px 0;}
.content-archive img{float: left; margin: 0 15px 0 0;}
.content-archive .title-arvhive {color: #D2691E; margin: 0; margin-bottom: 15px; padding-bottom: 15px;border-bottom: solid #39B3D7 1px;}
.content-single {background: #F1F1F1; padding: 15px 20px;}
.content-single .title-single {color: #133108; margin: 0; margin-bottom: 15px; padding-bottom: 15px;border-bottom: solid #133108 3px;}
.biru { /*margin-top: 40px; margin-bottom: 40px;*/ margin: 0; border-color: #39B3D7; color: #39B3D7;}
.orange { /*margin-top: 40px; margin-bottom: 40px;*/ color: #ED9C28;}
.nav-list { /*background-color: #4F4F4F;*/ letter-spacing: -1px; padding: 5px 0;}
.nav-list li{ padding-bottom: 12px; }
.nav-list2 li{ padding-bottom: 5px; }
/*.nav-list > li > a {
  padding: 5px 10px !important;
}*/
.hari { background: #3498db; padding: 5px 0; color: #FFF; }
.tanggal { border: 1px solid #DEDEDE; background: #FFF; padding: 5px; color: #3498db; font-size: 14px; font-family: 'quicksandbold'; }
.search { padding: 0 10px; }
.search .input-search { background-color: #133108; color: #FFF; border: none; width: 80%; height: 38px; padding: 10px; float: left; }
.search .button-search { background: #133108 url(../../img/search.png) no-repeat center;width: 15%; margin-right: 10px ; border: 0; height: 38px; float: left; }
header { border-top: 4px solid #fafafc; font-family: 'quicksandregular'; color: #B2B2B2; font-size: 12px;}
header .global{ /*warna header 1*/background-color: #133108;/* padding: 5px 0;*/ }
nav .navbar-home{ /*warna header 2*/background-color: #1b420c; padding: 0 10px; }
.navbar-default { border: none; background: none; }
.navbar-collapse { padding: 0 20px; }
.navbar { margin: 0; min-height: 38px; }
.nav  > li > a {padding: 5px !important; margin: 5px; color: #FFF; }
.nav  > li > a:hover {color: #B2B2B2; background-color: #2e3192;}
nav [class*="col-"] { padding: 0px !important; font-family: 'quicksandregular'; font-size: 12px;}
h1.title { /*background: transparent url(http://stkipsantupaulus.ac.id/templates/um/style/css/img/bgtitle.png) top right no-repeat;*/ }
h3, h1, h5 { letter-spacing: -1px; font-family: 'quicksandregular'; /*background: transparent url(http://stkipsantupaulus.ac.id/templates/um/style/css/img/bgtitle.png) top right no-repeat;*/ }
.bar .siakad { background: #2980b9; }
.bar .bkd { background: #e67e22; }
.bar .ppl { background: #3498db; }
.bar .reg { background: #3d107b; }
.bar .simpega { background: #2ecc71; }
.bar .tracer { background: #f1c40f; }
.bar .stat { background: #e74c3c; }
.bar .alumni { background: #7f8c8d; }
.bar .sipadu { background: #A88B60;}
.bar .email { background: #1AA90C;}
.bar .learn { background: #CBB200;}
.bar .support { background: #FF0099;}
.bar [class*="col-"] { margin:1px; color: #FFF; }
aside { /*huruf berita*/font-family: 'quicksandregular'; color: #333232; font-size: 1.1em; letter-spacing: -1px; padding: 0px !important;}
aside .agenda [class*="col-"]{ padding: 5px 15px !important;}
.content { /*warna header 3*/background-color: #d3ebca; border-bottom: /*warna garis dibawahnya warne header 3*/4px solid #eaf6ed; border-top: 4px solid #DADADA; }
.content [class*="col-"]{ padding: 5px !important; font-family: 'quicksandregular';  }
.content article .title{ padding-top: 10px;  font-size: 1.1em; font-family: 'quicksandregular'; color: #565656; letter-spacing: -1px; }
.more { border-radius: 0; margin-left: 15px; }
footer  { font-family: 'quicksandregular'; color: #B2B2B2; font-size: 12px; padding: 0; margin: 0;}
footer [class*="col-"] { padding: 0px !important; color: #FFF; }
footer .ft-top-left{ /*footer visi*/background-color: #133108; padding: 35px; margin: 0;}
footer .ft-top-right{ /*footer kanan 1*/background-color: #133108; padding: 26px; margin: 0;}
footer .ft-bottom-left{ /*footer bawah*/background-color: #133108; padding: 16px; margin: 0; min-height: 351px; }
footer .ft-bottom-right{/*footer kanan2*/ background-color: #133108; padding: 15px; margin: 0; min-height: 431px;}
footer .ft-bottom-right .kom a { /*font footer*/text-decoration: none; color: #080808;}
footer .ft-bottom-right .kom a:hover { text-decoration: underline; color: #080808; opacity:0.5; }
footer h4.link{ border-left: 3px solid #CBB200; padding: 0 13px; color: #CBB200; text-transform: uppercase; }
footer .nav-list > li { padding-left: 15px; }
footer .nav-list > li > a { text-decoration: none; color: #FFF; }
footer .nav-list > li > a:hover { text-decoration: underline; color: #FFF; opacity:0.5; }
.fadein{position: relative; padding: 0;}

.navigation {position:absolute;top:20%;left:0;z-index:10000;}
a.navs {height:25px;display:block;font-family: 'quicksandregular', sans-serif;color:#fff;font-size:18px;text-align:left;padding-left:220px;margin: 10px 0;overflow:hidden;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
a.fip{ background:url(../../img/navfip.png) no-repeat;background-position:180px 0; }
a.fip span:hover{ color: #FFF; font-family: 'quicksandbold'; }
a.fs{ background:url(../../img/navfs.png) no-repeat;background-position:180px 0; }
a.fs span:hover{ color: #D3CB14; font-family: 'quicksandbold';}
a.fmipa{ background:url(../../img/navfmipa.png) no-repeat;background-position:180px 0; }
a.fmipa span:hover{ color: #25AB6B; font-family: 'quicksandbold';}
a.fe{ background:url(../../img/navfe.png) no-repeat;background-position:180px 0; }
a.fe span:hover{ color: #28A9D9; font-family: 'quicksandbold'; }
a.ft{ background:url(../../img/navft.png) no-repeat;background-position:180px 0; }
a.ft span:hover{ color: #E63F48; font-family: 'quicksandbold'; }
a.fik{ background:url(../../img/navfik.png) no-repeat;background-position:180px 0; }
a.fik span:hover{ color: #4B95AE; font-family: 'quicksandbold'; }
a.fis{ background:url(../../img/navfis.png) no-repeat;background-position:180px 0; }
a.fis span:hover{ color: #821D77; font-family: 'quicksandbold'; }
a.fppsi{ background:url(../../img/navfppsi.png) no-repeat;background-position:180px 0; }
a.fppsi span:hover{ color: #C20578; font-family: 'quicksandbold'; }
a.pps{ background:url(../../img/navpps.png) no-repeat;background-position:180px 0; }
a.pps span:hover { color: #843D3A; font-family: 'quicksandbold'; }
a.navs:hover {color:#fff;text-decoration: none;background-position:180px -25px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
a.navs span.navs-text {opacity:0;top:20px !important;position:relative;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
a.navs:hover span.navs-text {opacity:1;top:0px !important;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
/* Main Features */
p.prev.ss-icon,p.next.ss-icon {color:#fff; font-size:1.8125em; cursor:pointer; display:none; position:absolute; top:0; opacity:0; -webkit-transition-duration:.5s; -moz-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s; transition-duration:.5s; z-index:1000;}
p.prev.ss-icon:hover,p.next.ss-icon:hover,p.prev.ss-icon.ss-icon-show, p.next.ss-icon.ss-icon-show {opacity:1; -webkit-transition-duration:.5s; -moz-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s; transition-duration:.5s;}
.prev {left:0; /* IE9 SVG,needs conditional override of 'filter' to 'none' */background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* FF3.6+ */background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.5)),color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background:-webkit-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */background:-ms-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* IE10+ */background:linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000',endColorstr='#00000000',GradientType=1 ); /* IE6-8 */}
.next {right:0; /* IE9 SVG,needs conditional override of 'filter' to 'none' */background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* FF3.6+ */	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */	background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */	background:-o-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */	background:-ms-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */	background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#80000000',GradientType=1 ); /* IE6-8 */}
#featurenav, #explorenav {position:relative;  z-index:1000; margin: -40px auto 0; text-align:center; display:none; list-style-type:none; -webkit-transition-duration:.5s; -moz-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s; transition-duration:.5s;}
#featurenav li, #explorenav li {display:inline;}
#featurenav li button, #explorenav li button {font-size:3em; line-height:0; background:none; width:20px; height:20px; margin:0; padding:0; border:0; cursor:pointer; color:#fff; opacity:0.7; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s; text-shadow:0 0 2px #000;}
#featurenav li button.active, #explorenav li button.active {opacity:1.0; position:relative;}
#features li {position:absolute; height:100%; width:100%;}
#features, #explore {display:block; height:100%; width:100%; margin:0; position:relative; overflow:hidden; /*backface-visibility prevents graphical glitches when frames are animating*/-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden;}
#features li .headline a *, #features li .headline a *, #explore li .headline a *, #explore li .headline a * {-webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; transition-duration:1s;-ms-transition-duration:0s;}
#features li .headline a:hover p, #features li .headline a:focus p {background:rgb(255,255,255); /* Fallback for web browsers that doesn't support RGBa */background:rgba(255,255,255,1); /* RGBa with 0.9 opacity */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff); /* For IE 5.5 - 7*/-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)"; /* For IE 8*/}
#features li.feature1 a h2 {background:#CBB200;/* RGBa with 0.9 opacity */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff); /* For IE 5.5 - 7*/-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff)"; /* For IE 8*/}
#featurenav li.feature1 button.active {color:#CBB200;}
#features li.feature2 a h2 {background:#64B62F;}
#featurenav li.feature2 button.active {color:#64B62F;}
#features li.feature3 a h2 {background:#00ADB2;}
#featurenav li.feature3 button.active {color:#00ADB2;}
#features li.feature4 a h2 {background:#364F97;}
#featurenav li.feature4 button.active {color:#364F97;}
#features li.feature5 a h2 {background:#E74C3C;}
#featurenav li.feature5 button.active {color:#E74C3C;}
#features li.feature6 a h2 {background:#7F8C8D;}
#featurenav li.feature6 button.active {color:#7F8C8D;}
.whitealpha {font:normal 1.2em 'quicksandregular',Helvetica,Arial,sans-serif; letter-spacing: -1px; background:rgb(255,255,255); background:rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);}
.mainfeature #features li .headline h1, .mainfeature #features li .headline h2 {margin: 0 auto; letter-spacing: -1px; font:normal 2.4em 'quicksandregular',Helvetica,Arial,sans-serif; color:#fff; padding:.3333em .66666666666667em; margin-bottom:2px; display:inline-block; text-align:right;}
#features li .headline .blurb {float:right; width:70%; padding:.625em 1.25em; color:#605f5f; text-align:right;}
.mainfeature .hero img {display:block; margin:0 auto; max-width:none;}
.mainfeature .hero .headline.left {padding-right:0; padding-left:5%; left:0; z-index:1;}
.mainfeature .hero .headline.left .blurb {float:none; text-align:left;}
.mainfeature .hero .headline.left h1, .mainfeature .hero .headline.left h2 {text-align:left;}
#features li .headline .blurb span {font-size:1em;line-height: 1em;font-variant: small-caps;color:#896137;}
#features li .headline .blurb span:after {font: normal .75em/.5em 'quicksandregular'; text-decoration:none; text-rendering:optimizeLegibility; white-space:nowrap; vertical-align: middle; -webkit-font-feature-settings:"liga"; -moz-font-feature-settings:"liga=1"; -moz-font-feature-settings:"liga"; -ms-font-feature-settings:"liga" 1; -o-font-feature-settings:"liga"; font-feature-settings:"liga"; -webkit-font-smoothing:antialiased;content:"??";font-variant: normal;display:inline-block;margin-left: 5px;}
.mainfeature #featurewrap {height:506px; margin:0 auto; width:100%; max-width:1600px;}
.mainfeature #features {margin:0 auto; max-width:1600px;}
.mainfeature #features li img {/*height:100%;*/}
#features li img {position:absolute; top:0; opacity:0; left:0;}
html.no-js #features li.feature1 img, #features li img.visible {opacity:1;}
.mainfeature #features li .headline {z-index:1; padding-right:5%; position:absolute; width:40%; bottom:10%; left:100%; opacity:0;}
.mainfeature #features li .headline.animate-in {left:55%; opacity:0.8; -webkit-transition-delay:.75s; -moz-transition-delay:.75s; -o-transition-delay:.75s; -ms-transition-delay:.75s; transition-delay:.75s; -webkit-transition-duration:2s; -moz-transition-duration:2s; -o-transition-duration:2s; -ms-transition-duration:2s; transition-duration:2s;}
.mainfeature #features li .headline.off.animate-in {-ms-transition-delay:.0s; -ms-transition-duration:0s;}
.mainfeature #features li .headline.animate-out {left:-100%; -webkit-transition-duration:1s; -moz-transition-duration:1s; -o-transition-duration:1s; -ms-transition-duration:1s; transition-duration:1s;}
#features li img.animate-in {opacity:1; -webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; -ms-transition-duration:1.5s; transition-duration:1.5s;}
#features li img.animate-out {opacity:0; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; -ms-transition-delay:1s; transition-delay:1s; -webkit-transition-duration:1.5s; -moz-transition-duration:1.5s; -o-transition-duration:1.5s; -ms-transition-duration:1.5s; transition-duration:1.5s;}
#home #featurewrap .prev {height:246px; padding:220px 14px 0 10px;}
#home #featurewrap .next {height:246px; padding:220px 10px 0 14px;}
.ft-bottom-right a:focus,a:hover{opacity:0.8;}.jr a:focus,a:hover{text-decoration:none;}
.box-gubes {background-color: #FFFFFF; padding: 12px 0 30px 12px;}
.box-gubes img{margin-right: 10px; border: 5px solid #FFF; float: left; width: 85px;}
.box-gubes h4{padding: 0px; margin: 5px 0;color: #FFF; font-size: 18px; font-family: 'quicksandregular';}
.box-gubes .rvp{color: #3498db; font-size: 11px; font-family: 'quicksandbold';}
.box-gubes .vdv{font-size: 20px; font-family: 'quicksandregular';}
.box-gubes .vdv a{color: #FFF; text-decoration: none;}
.box-gubes .vdv a:hover{color: #FFF; text-decoration: underline;}
.textItem{position:absolute;display:none;margin-top:-20px;right:1%; width: 100%; text-align: right;}
#quotes blockquote{ border-left: 0 !important; }
#people{margin-top:5px;border-bottom:dotted 1px #CCCCCC;min-height:200px;font-size:10pt;}#people img{border:4px solid #999999;float:left;margin-right:10px;}#people p.bold{margin-bottom:-15px;padding:0;font-weight:bold;font-size:11pt;}
/* main menu */
.navbar li a div {
	font-size:90%;
	line-height:100%;
	color:#666;
}

.nav-collapse li a .dropdown li a:hover {
  cursor: pointer;
}

/* navbar */
.navbar .nav.pull-down {
  margin-top: 20px; /* change according to logo/brand height */
  margin-bottom:20px;
  padding-bottom:20p;
}
.navbar .nav li.last a {
	padding-right:0;
}

/* dropdown on hover */
.navbar ul.nav li.dropdown > ul.dropdown-menu {
	margin-top:0px !important;
}
.navbar ul.nav li.dropdown > a {
	cursor:default;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, 
.navbar .nav li.dropdown.active > .dropdown-toggle, 
.navbar .nav li.dropdown.open.active > .dropdown-toggle	{background-color:#fff;/*background-color:transparent*/; color:#3A87AD;}
.navbar .nav > li > .dropdown-menu:after					{border:none;}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover	{color:#3fc879; background-color:#fff;}

/*.dropdown-menu									{padding:0px;}
.navbar .nav li .dropdown-menu					{background:#24242c url(../../img/slider-pattern-dark.png) repeat;}
.navbar .nav li .dropdown-menu li					{background-image:none; padding:0px;}
.navbar .nav li .dropdown-menu li a					{color:#a29e9f; background:none transparent; border-bottom:1px solid #16181e; border-top:1px solid #34363b; text-align:right; font-size:90%;}
.navbar .nav li .dropdown-menu li a:hover			{color:#fff; background:#28292c url(../../img/bg-dd-menu-hover.gif) repeat;}
.navbar .nav li .dropdown-menu li:first-child a		{border-top:0px;}
.navbar .nav li .dropdown-menu li:last-child a		{border-bottom:0px;}
.navbar .nav li.open a.dropdown-toggle			{color:#b5d44b; background:url(../../img/color-green.gif) repeat-x bottom;}
*/
.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

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

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*ul li img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  border-radius: 5%;
}
*/
.img-overlay {
  display: block;
  top: 40%;
  width: 97%;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  transition: all 0.5s;
  opacity: 0;
  position: absolute;
}

.img-overlay:hover { opacity: 1; }

#overlay {
  /*background: rgba(0, 0, 0, 0.6);*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  z-index: 1000;
}

#overlay img {
  margin-top: 5%;
  border-radius: 5%;
  border: 3px solid #fff;
   -webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
  -moz-box-shadow: rgba(0,0,0,0.25) 3px 3px 12px;
  box-shadow: 3px 3px 12px rgba(0,0,0,0.25);
  
}
/* Kolom 3 */
.kolom3-listticker {
	margin-top:0px;
}

.kolom3-statistik {
	margin-top:20px;
}

.kolom3-statistik h4{
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left: 10px;
	padding-top:10px;
}
.kolom3-statistik td {
	font-family:"roboto_condensedregular";
	font-size: 95%;
}
}
.kolom3-polling {
	margin-top:40px;
}

.kolom3-polling h4 {
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left: 10px;
	padding-top:10px;
}

.kolom3-polling legend {
	text-align:center;
	border:0;
}
.kolom3-polling button {
	text-align:center;
}

.kolom3-banner {
	margin-top:40px;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:85%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}