@charset "utf-8";
/* CSS Document */
@import "fonts.css";

body{
    font-family:"Web-Lato-Regular", Tahoma, Arial;
    margin : 0;
    font-size: 12px;
}


/* Website Style */
#header-top {
    /*background : #f3f3f3;*/
	background:#0A5274;
    padding: 15px 0;
    /*color : #393939;*/
	color:#FFFFFF;
    font-family:"Web-Lato-Bold";
}
#header-top ul,
#header-top ul li,

.header .right-menu
.header .right-menu ul,
.header .right-menu ul li {
    margin : 0;
    padding : 0;
    list-style-type: none;
    display: inline-block;
}
#header-top .left-top {
    float: left;
}
#header-top .left-top .fa {
    font-size: 16px;
}
#header-top .left-top li {
    padding-right:10px;
}
#header-top .right-top {
    float: right;
}
#header-top .right-top li {
    padding-left:15px;
}
#header-top .right-top a {
    /*color : #393939;*/
	color:#FFFFFF;
}

.header{
	padding:10px 0;
	/*background:#0B5C83;*/
	background:#FFFFFF;
	color:#000;
	/*border:solid 1px rgba(0,0,0,0,0.1);*/
	border:1px solid #E1E1E1;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.header .left-logo {
    float: left;
    font-size:25px;
}
.header .left-logo a{
	color:#000000;
}
.header .left-logo a:hover{
	color:#0B5C83;
	text-decoration:none;
}


.header.fixed {
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #FFF;
    z-index: 999;
    opacity : 0;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    opacity : 0;
    z-index: 9;

    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.back-top.show {
    opacity : 0.8;
}
.back-top.show:hover {
    opacity : 1;
}
.back-top a {
    background: #084F70;
    color: #FFF;
    padding: 6px 15px 9px 15px;
    font-size: 23px;
    outline: none;
}


/* Slider Website */
#slider {
    /*border-top: solid 4px #1aa55a;*/
}
#slider .item .in {
    background: rgba(10,10,10,0.5);
    color : #ffffff;
    padding : 30px;
    /*height : 540px;*/
    height : 450px;
}
#slider .title-slide {
    font-size:22px;
    display: inline-block;
    font-family:"Web-Lato-Heavy";
    /*background: rgba(0,0,0,0.5);*/
    line-height:10px;
    margin-bottom:5px;
	padding-top:80px;
}
#slider .text-slide {
    /*font-size:16px;
    display: inline-block;
    padding:10px 15px;
    font-family:"Web-Lato-Heavy";
    /*background: rgba(0,0,0,0.5);*/
    line-height:20px;
    margin-bottom:20px;
	width:80%;
}
#slider .item .in {
    padding-top:160px;
}
#slider .btn,
#slider .btn:focus,
#slider .btn:active,
#slider .btn:active:focus {
    font-size: 13px;
    text-transform: uppercase;
    font-family:"Web-Lato-Semibold";
    border:solid 2px #084F70;
    padding:11px 19px;
    margin-right:10px;
}

#slider .btn.transparent:hover {
    background : #0E77AA;
}
.carousel-control,
.carousel-control.left,
.carousel-control.right {
    width : 7%;
    background: none;
}
.carousel-control .fa {
    font-size: 70px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -20px;
    opacity : 0.5;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.carousel-control.left .fa {
    margin-left:-10px;
}
.carousel-control.left:hover .fa {
    margin-left: 0;
    opacity : 1;
}
.carousel-control.right .fa {
    margin-left:-15px;
}
.carousel-control.right:hover .fa {
    margin-left: -25px;
    opacity : 1;
}
.carousel-indicators li,
.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    margin : 1px;
}
.carousel-indicators .active {
    border : solid 1px #084F70;
    background : #0E77AA;
}
.bg-blue{
	background:#0E77AA;
}


.slider-kanan{

}
.slider-kanan .judul{
	
	
    font-family: "Web-Gotham-Medium";
    font-size: 15px;
    text-decoration: none !important;
}
.slider-kanan-title {
	background:#0B5C83;
    font-size:18px;
    font-family:"Web-Gotham-Medium";
    text-transform: uppercase;
	padding:7px 10px;
	color:#FFFFFF;
}
.slider-kanan-title span {
    font-family:"Web-Gotham-Light";
}
.slider-kanan-content {
	padding:10px;
}


.btn {
    padding: 11px 15px;
    text-transform: uppercase;
    font-family: "Web-Lato-Bold";

    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    outline: none !important;
    font-size:11px;
}
.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus {
    background: #0E77AA;
    border: solid 1px #084F70;
}
.btn-primary:hover {
    background: none;
    color : #0B5C83;
    border: solid 1px #084F70;
}

.footer {
    /*background : #2f2f2f;*/
    text-align: center;
    padding:25px 0;
    /*color : #ffffff;*/
    background-color : #0B5C83;
    color : #ffffff;
}
.footer a{
	color:#FFFFFF;
}


@media (max-width : 1039px) {
    .header .left-logo, .header .right-menu {
        float: none;
        text-align: center;
    }
    .header .right-menu ul li ul a {
        text-align: left;
    }
}

@media (max-width : 1200px) {

    .container {
        width: auto;
    }
}
@media (max-width : 976px) {
    .wrapper li {
        width : 50%;
    }
}
@media (max-width : 767px) {

    .bg-dark .title-header {
        text-align: center;
    }
    .bg-dark .title-header span {
        display: inline;
    }
    .link {
        text-align: center;
    }
}
@media (max-width : 755px) {

    .header .left-logo {
        float: left;
    }
    .row {
        margin : 0;
    }
    .header .right-menu {
        position: fixed;
        top : 0;
        right : 0;
        left : 0;
        bottom : 0;
        padding: 20px;
        z-index: 9999;
        background: rgba(255,255,255,0.94);
        display: none;
        overflow-y: auto;
    }
    .header .right-menu.active {
        display: block;
    }
    .header .right-menu ul,
    .header .right-menu ul li {
        display: block;
        text-align: left;
        margin : 0;
        padding : 0;
    }
    .header .right-menu ul li a,
    .header .right-menu ul li ul,
    .header .right-menu ul li ul li ul {
        display: block;
    }
    .header .right-menu ul li ul,
    .header .right-menu ul li ul li ul {
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin : 0;
        padding-left: 5px;
        background : rgba(0,0,0,0.02);
    }
    .header .right-menu ul li ul li {

        background: none;
    }
    .header .right-menu .mega-menu {
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        display: block;
        padding : 0;
        background : rgba(0,0,0,0.02);
    }
    .header .right-menu .mega-menu .row,
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        margin : 0;
        padding : 0;
        float: none;
        width : auto;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        margin-bottom:10px;
    }
    .mobile-menu {
        display: block;
    }
    .control-mobile {
        display: block;
    }
}
@media (max-width : 690px) {
    #header-top .left-top {
        display:block;
    }
    #header-top .right-top{
        float: none;
        text-align: center;
    }
}
@media (max-width : 645px) {
    .wrapper li {
        width : auto;
        float: none;
    }
}
@media (max-width: 550px) {

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        width: auto;
    }
}