@charset "utf-8";
/* CSS Document */

@font-face {
font-family: SourceSansPro-Regular;
src: url(../fonts/SourceSansPro-Regular.otf);
}
@font-face {
font-family: Arial-Bold;
src: url(../fonts/Arial-Bold.ttf);
}
body{
margin: 0;
font-family: SourceSansPro-Regular;
font-size:15px;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;	
}
a{
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}
a:hover{
text-decoration:none;
}
/* hilangin focus warna biru default bootstrap */
.form-control, .form-control:focus {
border-color: none;
box-shadow: none;
-webkit-box-shadow: none;
outline: 0 none;
font-size:16px;
}
.wave-top{
background:#2a2c76; padding:0px; margin:0px; position:absolute; top:0; height:30px; opacity:1; z-index:0;
}
.business{
position:relative; z-index:1; margin-top:4px
}
.FlexEmbed {
display: block;
position: fixed;
margin-top: 0px;
width: 100%;
height: 100px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
 /*background-position: center; iwan */
background-position: 40% 50%;
}
.FlexEmbed:before {
content: "";
display: block;
width: 100%;
}
.wow{
visibility: hidden; animation-duration: 0.8s;
}
.overlay {
height: 0%;
width: 100%;
position: fixed;
z-index: 10;
top: 80px;
left: 0;
background-color: rgb(247,153,57);
background-color: rgba(247,153,57, 1);
overflow-y: hidden;
transition: 0.5s;
}
.overlay-content {
position: relative;
width: 80%;
margin-left:auto;
margin-right:auto;
text-align: center;
margin-top: 20px;
}
.overlay div, .overlay a {
padding: 10px;
color:#fff;
text-decoration: none;
font-family: Arial-Bold;
font-size: 24px;
display: block;
transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
color: #2a2c76;
}
.overlay .menu-text{
color:#2a2c76; font-size:22px; padding-bottom:10px; border-bottom:solid 1px #2a2c76
}
.overlay .pattern-overlay{
position:absolute; bottom:60px; margin-left:px; background-image:url(../images/pattern-bawah-overlay.jpg); height:98px; width:100%; background-repeat:no-repeat
}
.closebtn {
position: absolute;
z-index:999999;
display:none;
right: 25px;
margin-top:-10px;
font-size: 50px;
color:#fff;
text-decoration:none;
}
.closebtn:hover, .closebtn:focus {
color: #2a2c76;
text-decoration:none;
}
.btndaftar {
background: #2a2c76; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #2a2c76 , #4081c3); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #2a2c76, #4081c3); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #2a2c76, #4081c3); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #2a2c76 , #4081c3); /* Standard syntax */
padding:8px 15px 10px; margin-top:-5px; border-radius:25px; position:absolute; color:#fff;
}
.btndaftar:hover, .btndaftar:focus {
background: #4081c3; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #4081c3 , #2a2c76); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #4081c3, #2a2c76); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #4081c3, #2a2c76); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #4081c3 , #2a2c76); /* Standard syntax */
color:#fff;
}

/* footer */
.col-center-block{
margin:0 auto
}
#footer{
color:#fff;
background:#2a2c76;
padding-top:20px;
}
.logo-footer{
margin-top:20px
}
.footer-left .text1{
margin-top:20px; font-size:14px
}
.footer-left .text2{
margin-top:20px; font-size:13px
}
.footer-left .sosmed{
margin-top:20px;
}
.footer-left .sosmed div{
display:inline; margin-right:10px
}
.menu-footer-title {
font-size:18px;
font-weight:bold;
margin-top:50px;
margin-bottom:20px;
}
.menu-footer {
padding: 0;
margin: 0;
}
.menu-footer li {
list-style: none;
line-height: 2.5;
}
.menu-footer li a{
color:#fff;
}
.menu-footer li a:hover, .menu-footer li a:active {
text-decoration: none;
color:#f7893a;
}
.menu-footer li a:before {
padding-left: inherit;
padding-right: 20px;
}
.menu-footer li a:before{
content: "\f105";
font-family: "FontAwesome";
padding-right: 20px;
opacity:.8;
}	
/* end footer */

/* Very Small devices (hp) xs*/
@media (max-width: 767px) {
.navbar {
position: fixed;
z-index:11;
width:100%;
background:transparent;
color: #fff;
border:none; 
}
.top-one{
padding:0; margin:0; background:#2a2c76; min-height:30px; color:#fff
}
.top-one .business{
position:relative; z-index:1; margin-top:4px
}
.top-one a{
color:#fff; 
}
.top-one a:hover{
color:#f7893a; text-decoration:none
}
.top-two{
padding:0px; margin-top:30px; z-index:11
}
.top-three{
margin-top:30px; 
}
.navbar .navbar-nav{
padding:0px; 
}
.navbar .navbar-nav>li>a:focus {
color: #808080;
}
.navbar .navbar-nav>li:hover{
background:#5bb6e2;
}
.navbar .navbar-nav>li>a {
background:#eeeeee; 
color: #5bb6e2;
font-size: 18px;
padding:10px 20px;
}
.navbar .navbar-nav>li>a:hover {
color: #fff;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.nav{
background:#5bb6e2; 
}
.navbar-collapse{
border:none; 
}
.navbar-toggle{
background:transparent; color:#f7893a; border:none; margin:0px 10px 0px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background-color: transparent;  
}
.navbar-header{
padding-right:20px
}
.navbar-header .navbar-toggle .icon-bar {
background-color: #fff; height:3px; width:30px; margin:5px 0px
}
.bg-top{
padding:0; margin-top:20px
}
.list-footer{
padding:0px;
}
.container{
padding:0px; 
margin:0px 30px;
}
.btndaftar{
width:135px
}
.menubali{
margin-right:0px
}
.footer-left{
text-align:center;
}
.offset{
padding:0px;
text-align:center
}
.menu-footer-title{
text-align:center;
}
.menu-footer{
margin-left:auto; margin-right:auto; float:none;
text-align:left;
}
.copyright{
margin-top:-36px; position:relative; z-index:99999; text-align:center; font-size:13px
}
}

/* Small devices (tablets kecil, 768px and up) sm*/
@media(min-width:768px) and (max-width: 991px){
.navbar {
background:transparent;
color: #fff;
margin-bottom:0px;
border:none;
}
.top-one{
padding:0; background:#2a2c76; min-height:30px; color:#fff; 
}
.top-one a{
color:#fff; 
}
.top-one a:hover{
color:#f7893a; text-decoration:none
}
.top-two{
padding:0px; margin-top:30px; z-index:10
}
.top-three{
margin-top:30px
}
.navbar .navbar-nav>li>a {
color: #fff;
font-size: 15px;
padding:15px;
}
.navbar .navbar-nav>li>a:focus {
color: #fff;
}
.navbar .navbar-nav>li>a:hover {
color:#2a2c76;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.navbar-inverse {
border: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-menu {
color:#fff; padding:10px;
}
.navbar-toggle{
background:#000
}
.container{
padding:0px; 
}
.btndaftar{
width:135px
}
.menubali{
margin-right:0px
}
.footer-left .sosmed div{
display:inline; margin-right:0px
}
.menu-footer-title {
padding-left:25px;
}
.copyright{
margin-top:-30px; position:relative; z-index:99999; text-align:right
}
}

/* Medium devices (tablets besar, laptop kecil 991px and up) md*/
@media (min-width:991px) {
.navbar {
background:transparent;
color: #fff;
margin-bottom:0px;
border:none;
}
.top-one{
padding:0; background:#2a2c76; min-height:30px; color:#fff
}
.top-one a{
color:#fff; 
}
.top-one a:hover{
color:#f7893a; text-decoration:none
}
.top-two{
padding:0; border:none; margin-top:30px; z-index:10
}
.top-three{
margin-top:30px; 
}
.navbar .navbar-nav>li>a {
color: #fff;
font-size: 15px;
padding:15px;
}
.navbar .navbar-nav>li>a:focus {
color: #fff;
}
.navbar .navbar-nav>li>a:hover {
color:#2a2c76;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.navbar-inverse {
border: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar-toggle{
background:#000
}
.container{
padding:0px; 
}
.btndaftar{
width:135px
}
.menubali{
margin-right:50px
}
.menu-footer-title {
padding-left:25px;
}
.copyright{
margin-top:-40px; position:relative; z-index:99999; text-align:right
}
}

/* Large devices (pc square dan wide, laptop besar 1200px and up) lg*/
@media (min-width:1200px) {
.navbar {
background:transparent;
color: #fff;
margin-bottom:0px;
border:none;
}
.top-one{
padding:0; background:#2a2c76; min-height:30px; color:#fff
}
.top-one a{
color:#fff; 
}
.top-one a:hover{
color:#f7893a; text-decoration:none
}
.top-two{
padding:0; border:none; margin-top:30px; z-index:10
}
.top-three{
margin-top:30px; 
}
.navbar .navbar-nav>li>a {
color: #fff;
font-size: 16px;
padding:15px;
}
.navbar .navbar-nav>li>a:focus {
color: #fff;
}
.navbar .navbar-nav>li>a:hover {
color:#2a2c76;
-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;
}
.navbar-inverse {
border: none;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.navbar-toggle{
background:#000
}
.container{
width:1200px;
padding:0px; 
}
.FlexEmbed{
display:none
}
.btndaftar{
width:142px
}
.menubali{
margin-top:5px;
margin-right:0px;
}
.menu-footer-title {
padding-left:25px;
}
.copyright{
margin-top:-40px; position:relative; z-index:99999; text-align:right
}
}

@media (min-width:1400px) {
.FlexEmbed{
display:block
}
.bg-1200{
display:none;
}
.top-three{
margin-top:25px; 
}
}