/*tentang_birran*/ 
.row{
    margin: 0px;
}
.bg_header_tentang_birran { 
    background: url('../img/img_header/bg_section_brown.png'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 877px;
    padding-top:0px; 
    padding-left: 8%;
    padding-right: 8%;
}


.bg_header_profil{
    background: url('../img/img_tentang_birran/h_profil.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    width: 100%;
    min-height: 450px;
    padding-top:0px; 
    padding-left: 8%;
    padding-right: 8%;
} 

.bg_header_hubungi { 
    background: url('../img/img_background/bg_contact.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    width: 100%;
    height: 1023px;
    padding-top:0px; 
    /*padding-left: 8%;
    padding-right: 8%;*/
}  
 

.bg_header_blogs{
    background: url('../img/img_tentang_birran/h_blogs.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    width: 100%;
    min-height: 450px;
    padding-top:0px; 
    padding-left: 8%;
    padding-right: 8%;
}


.bg_header_karir{
    background: url('../img/img_tentang_birran/b_karir.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    width: 100%;
    min-height: 450px;
    padding-top:0px; 
    padding-left: 8%;
    padding-right: 8%;
}


.bg_header_manajemen{
    background: url('../img/img_tentang_birran/manajemen_profil.png'); 
    background-position: right;
    background-repeat: no-repeat; 
    width: 100%;
    min-height: 450px;
    padding-top:0px; 
    padding-left: 8%;
    padding-right: 8%;

}

.hero-imglayanan {  
    height: 700px;    
    float: right; 
    width: 45%; 
    padding-top:0px; 
    padding-left: 8%;
    padding-right: 8%;
}

.hero-imglayanan img{ 
    float: right;   
} 

.konten3{    
    float: left;
    padding-top: 24%;
    padding-left: 2%;
    padding-right: 6%;
    width: 45%;
    min-height: 550px;
}

.konten3 h1 {   
    height: 80px; 
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 56px;
    line-height: 80px;
    /* identical to box height, or 143% */
     
    width:40%;
    color: #3D4B51; 
    margin-bottom: 4%;

} 

.konten3 p {  
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    /* or 225% */
    opacity: 0.9;

    letter-spacing: 0.177778px;

    color: #3D4B51;


} 


.konten4{        
    float: left;
    padding-top: 19%;
    margin-left: 1%;
    padding-left: 0%;
    width: 40%;
    min-height: 550px;
}

.konten4 h1 {       
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 56px;
    line-height: 80px;
    color: #3D4B51;

}  

.konten4 p {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.177778px;
    color: #3D4B51;
}
 
.hubungi_kami{
    background: url('../img/img_background/bg_kontak_kami.png');
    min-height: 860px;
    padding-right: 9%;
    padding-left: 9%; 
    margin-bottom: 16%;
}

.img_profil{
     width: 256px;
     height: 256px; 
     border-radius: 10px;
}


.form_hubungi{
    width: 50.5%;  
    padding:2%;
    background: #FFFFFF;
    box-shadow: 0px 8px 100px rgba(60, 163, 237, 0.14);
    border-radius: 12px;
    /* Inside Auto Layout */

    flex: none;
    order: 0;
    align-self: center;
    margin: 0px 0px; 
}

.form_hubungi h2{
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    /* identical to box height */
    
    letter-spacing: 0.355556px;
    
    color: #3D4B51;

    margin-bottom: 2%;
    margin-top: 2%;
}

.form_hubungi form label{
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    /* identical to box height */

    letter-spacing: 0.6px;

    color: #3D4B51;
} 


.form_hubungi form input[type="radio"]{ 
    background: #EEF8FF;
    border-radius: 5px;
    padding:2%;
    margin-bottom: 2%;
    margin-top: 2%;
    margin-left: 12%;
    margin-right: 4%; 
    margin-bottom: 4%;
}


.form_hubungi form input[type="text"]{
    width: 100%;
    height: 48px; 
    background: #EEF8FF;
    border-radius: 5px;
    padding:2%;
    margin-bottom: 2%;
    margin-top: 2%;
}


.form_hubungi form textarea{
    width: 100%;
    height: 140px; 
    background: #EEF8FF;
    border-radius: 5px;
    padding:2%;
    margin-bottom: 2%;
    margin-top: 2%;
}

.form_hubungi form button{
    width: 196px;
    height: 58px;  
    box-shadow: 0px 2px 20px rgba(63, 176, 241, 0.25);
    padding:2%;
    margin-bottom: 2%;
    margin-top: 2%;
    background: linear-gradient(180.72deg, #49BEF4 -9.14%, #2389E6 97.97%);
    border-radius: 29px;
    color: #fff;
}


.alamat{
    width: 45%;
    padding-top: 10%;
    padding-left: 7.5%;
}

.alamat .icon_alamat{  
    width: 24px;
    height: 24px; 
    padding-top : 1px;
    float: left;
}
.alamat label{ 
    width: 200px; 
    height: 30px;  
    padding-top: 3px;
    padding-bottom: 3px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    /* identical to box height, or 30px */
    margin-left: 2%; 
    text-align: justify;
    letter-spacing: 0.6px; 
    color: #3D4B51; 
}

.alamat h3{

    height: 42px;
    left: 821px;
    top: 1127px;

    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 42px */

    letter-spacing: 0.6px;

    color: #3D4B51;
    margin-bottom: 4%;
}


.alamat p{ 
    width: 100%; 
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    /* or 175% */

    letter-spacing: 0.177778px;

    color: #3D4B51;
    margin-bottom: 6%;
    margin-top: 4%;

}


.profil_birran{

}

.konten3 .birran-adalah-perusa { 
    color: #3D4B51; 
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;    
    letter-spacing: 0.18px; 
    line-height: 36px;
} 

.profil_birran{ 
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; 
    margin-bottom: 10%;
}

.sub_m{
    height: 22px;	
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 16px;	 
    letter-spacing: 0.18px;	
    line-height: 22px; 
    margin-bottom: 2%;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.konten_kanan{ 
    margin-top: -2%;
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 10%;
}

.prakata{
    
}

.prakata p{
    text-align: justify;
}

.prakata .ttd{
    text-align: center;
}

.prakata img{
    float: left;
    margin-right: 2%;
}

.konten_kanan h2{
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 32px;	
    font-weight: 600;	
    letter-spacing: 0.36px;	
    line-height: 43px;
}

.konten_kanan p {
    min-height: 120px;	
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 16px;	
    letter-spacing: 0.18px;	
    line-height: 28px;
    margin-bottom: 8%;
}

.box_profil_birran {
    background: url('../img/img_tentang_birran/bg_tentang_kami.png') left bottom no-repeat ;
    min-height: 400px;
    padding-left: 2%;
    padding-right: 2%; 
    margin-bottom: 4%;

}

.profil_birran h2{ 
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 32px;	
    font-weight: 600;	
    letter-spacing: 0.36px;	
    line-height: 43px; 
    margin-bottom:4%;
}

.profil_birran p{  
    min-height: 80px;	
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 16px;	
    letter-spacing: 0.18px;	
    line-height: 28px;
    margin-bottom: 4%; 
}



.blogs_birran h2{ 
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 32px;	
    font-weight: 600;	
    letter-spacing: 0.15px;	
    line-height: 20px; 
}

.blogs_birran p{ 
    min-height: 0px;	
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 16px;	
    letter-spacing: 0.15px;	
    line-height: 16px;
    margin-bottom: 0px;
}


.box_biru{ 
    width: 100%;	
    border-radius: 16px;	
    background-color: #F3F9FE;
    padding: 6%;
    margin-top: 6%;
    margin-bottom: 6%;
}

.box_biru p{ 
    width: 100%;
    color: #3D4B51;	
    font-family: "Nunito Sans";	
    font-size: 16px;	
    letter-spacing: 0.18px;	
    line-height: 28px;
}

 
.menu_side{
    float: left; 
    list-style:none;
    text-decoration: none; 
    margin-left: 0px;
    
}
.menu_side li{
    width: 280px; 
    height: 61px;	
    border-radius: 10px;
    text-decoration:none;	
    padding: 8%;
    font-family: "Nunito Sans";	
}

.ui-tabs-anchor{ 
    color: #3D4B51;
}

.rectangle {	
    height: 64px;	
    width: 10px;	
    background-color: #35A2ED;
}

/*
.menu_side li.active{ 
    border-radius: 10px; 
    padding-top: 8%; 
    background-color: #FFFFFF;	
    box-shadow: 0 10px 30px 0 rgba(39,143,231,0.15);
    background: url('../img/img_tentang_birran/bg_menu1.png');  
    font-size: 16px;	
    font-weight: bold;	
    letter-spacing: 0.18px;	
    line-height: 22px;
}*/
 

.ui-tabs-active{ 
    border-radius: 10px; 
    padding-top: 8%; 
    background-color: #FFFFFF;	
    box-shadow: 0 10px 30px 0 rgba(39,143,231,0.15);
    background: url('../img/img_tentang_birran/bg_menu1.png');  
    font-size: 16px;	
    font-weight: bold;	
    letter-spacing: 0.18px;	
    line-height: 22px; 
} 

.ui-tabs-active a{
    text-decoration: none; 
}

.ornamen-copy-4{
    background: url('../img/img_tentang_birran/bg_siap.png'); 
    height: 233px;	
    width: 100%; 
    background-position: left;
    background-repeat: no-repeat; 
}

.box_all_in_action{
    margin-top: 8%;
}



.btn-input-satu input[type="submit"]:hover {

    background: #000;
    transition: all 0.4s ease-in-out 0s;
    border-color: #000;

}
.btn-input-satu input[type="submit"] {

    background: #238ae6 none repeat scroll 0 0;
    color: #fff;
    margin-top: 20px;
    text-transform: uppercase;
    border-color: #238ae6;

}
.kontak-bid input {

    background: #fff none repeat scroll 0 0;
    border: 1px solid #E5E5E5;
        border-top-color: rgb(229, 229, 229);
        border-right-color: rgb(229, 229, 229);
        border-bottom-color: rgb(229, 229, 229);
        border-left-color: rgb(229, 229, 229);
    margin-bottom: 30px;
    padding: 10px;
    width: 100%;

}
button, html input[type="button"], input[type="reset"], input[type="submit"] {

    -webkit-appearance: button;
    cursor: pointer;

}
button, input, select, textarea {

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

}
input {

    line-height: normal;

}
button, input, optgroup, select, textarea {

    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
    color: inherit;

}
.input-satu textarea {

    border: 1px solid #E5E5E5;
    width: 100%;
    height: 200px;
    padding: 10px;

}
button, input, select, textarea {

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;

}
textarea {

    overflow: auto;

}
button, input, optgroup, select, textarea {

    margin: 0;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit;
    color: inherit;

}


.ornamen5{  
    background: url('../img/img_tentang_birran/ornamen5.png') no-repeat;
    width: 252px;
    height: 231px;
    margin-top: 60px;
    float: right;
    margin-right: 30%;
}



.filosofi-tata-kelola {	min-height: 56px;	width: 100%;	color: #3D4B51;	font-family: "Nunito Sans";	font-size: 16px;	letter-spacing: 0.18px;	line-height: 28px;}

.memenuhi-semangat-hu {	min-height: 252px;	width: 100%;	color: #3D4B51;	font-family: "Nunito Sans";	font-size: 16px;	letter-spacing: 0.18px;	line-height: 28px;}

.manajemen img{
    width: 100%;
}

.tmanajemen {
    min-height: 168px;	width: 100%;	color: #3D4B51;	font-family: "Nunito Sans";	font-size: 16px;	letter-spacing: 0.18px;	line-height: 28px;
    
}

.kontak-kami p{
    letter-spacing: 0.18px;	line-height: 32px;
}

@media screen and (min-width: 993px) {  
}

@media screen and (max-width: 768px) { 
     
}

@media screen and (max-width: 992px) { 
    
    .bg_header_profil{
        width: 100%;
        margin-top:0px;
        min-height:300px;
        background-size: contain;
    } 
    

    .bg_header_hubungi{
        width: 100%;
        margin-top:0px;
        min-height:300px;
        background-size: contain;

    }
    
    
    .bg_header_blogs{
        width: 100%;
        margin-top:0px;
        min-height:300px;
        background-size: contain;

    }
    
    
    
    .bg_header_karir{
        width: 100%;
        margin-top:0px;
        min-height:300px;
        background-size: contain;
    }
    
    .konten3{
        padding-top: 0px;
        min-height: 310px;
    }
    .konten3 h1{
        color: #FFF; 
        text-shadow: 0.5px 0.5px 0.5px #3D4B51;
        /*box-shadow: 0 10px 30px 0 rgba(39,143,231,0.15);*/
    }
    .menu_side { 
        float: none;
        width: 100%; 
        padding-left: 6%;
        padding-right: 6%;
    }
    .konten_kanan{
        float: none;
        width: 100%;
        margin-left: 0px;
        padding-left: 6%;
        padding-right: 6%;
        
    }
    .profil_birran{ 
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }  
    .menu_side li{
        padding:0px; float:left;
        width: 25%;
    }
    
    .menu_side li.active { 
        border-radius: 10px;
        padding-top: 0px; 
        box-shadow: none;
        background: none;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.18px;
        line-height: 22px;

    }
    
}

@media screen and (max-width: 600px) {  
    .bg_header_profil { 
        background: url('../img/img_tentang_birran/h_profil_mini.png'); 
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        float: none;
        width: 100%;  
        margin-top: 0px;  
        min-height: 180px; 
    }    
    
    .profil_birran h2{
        font-size: 24px;
    }
    
    .profil_birran h4{
        font-size: 14px;
    }
    
    .bg_header_manajemen{ 
        background: url('../img/img_tentang_birran/manajemen_profil_mini.png'); 
        background-position: right;
        background-repeat: no-repeat; 
        background-size: contain;
        width: 100%;
        min-height: 160px; 
    }
    
    
    .bg_header_hubungi{
        background: url('../img/img_tentang_birran/h_hubungi_mini.png'); 
        background-position: right;
        background-repeat: no-repeat; 
        background-size: contain;
        width: 100%;
        min-height: 180px; 

    }
    
    
    .bg_header_blogs{
        background: url('../img/img_tentang_birran/h_blogs_mini.png'); 
        background-position: right;
        background-repeat: no-repeat; 
        background-size: contain;
        width: 100%;
        min-height: 180px; 

    }
     
    
    .bg_header_karir{
        background: none; /*url('../img/img_tentang_birran/b_karir_mini.png'); */
        background-position: right;
        background-repeat: no-repeat; 
        background-size: contain;
        width: 100%;
        min-height: 100px; 

    }
     
    .konten3{
        float: none;
        padding-top: 0px;
        padding-left: 2%;
        padding-right: 2%;
        width: 100%;
        font-size: 12px;
        min-height: 100px;
        margin-bottom:8%;
        /*color: #fff;
        text-shadow: 2px 2px 2px #333;
        */
    }
    
    .profil_birran{
        width: 100%;
    }
    
    .masukan-email { 
        opacity: 0.8;
        color: #3D4B51;  
        font-size: 12px; 
    }

    .konten3 h1 {  
        color: #3D4B51;
        font-family: 'Nunito Sans', sans-serif;
        font-size: 32px;      
        line-height: 50px; 
        /*color: #fff;
        text-shadow: 2px 2px 2px #333;
        */
    } 
    .konten3 .birran-adalah-perusa { 
        color: #fff; 
        font-family: 'Nunito Sans', sans-serif;
        font-size: 16px;    
        letter-spacing: 0.18px; 
        line-height: 36px;
    } 
    .konten4 { 
        width: 100%;
        min-height: 250px;
        padding-left:2%;
        padding-right:2%;
    }
    .form_hubungi form input[type="radio"]{
        margin-left:2%;
        margin-right:2%;
    }
    .form_hubungi form button{
        
        width:100%;
    }

    .slide_home{ 
        min-height: 250px;
        
        padding-left:4%;
        padding-right:4%;
    }
    
    .form_hubungi, .alamat{
        width:100%;
    }
     .form_hubungi form, .form_hubungi form label, .form_hubungi form input{
        font-size:12px;
    }
    .konten4 h1 {       
        font-family: Nunito Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;      
        line-height: 80px;
        color: #3D4B51;
    
    }  

    
    .konten_kanan h2{
        font-size: 28px;
    }
    
    .konten_kanan img{
        width: 100%;
    }
    
    .sub_m{
        font-size: 12px;
        margin-bottom: 0px;
    }
   
    .menu_side {
        font-size: 12px;
        float: none;
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;

    }
    
    .menu_side li.active{
        font-size: 12px;
    }
    

    .ui-tabs-active{ 
        border-radius: 10px; 
        padding-top: 8%; 
        background-color: #FFFFFF;	
        box-shadow: none;
        background: none;
    } 

    
    
}


@media screen and (min-width: 1367px) { 
    .bg_header_manajemen { 
        padding-top: 0px;
        padding-top:0px; 
        padding-left: 2%;
        padding-right: 2%;
    }
    
    .konten3 {
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 0px; 
        min-height: 600px;
    }
}



@media screen and (min-width: 1440px) {  
    .bg_header_manajemen { 
        padding-left: 8%;
        padding-right: 8%;
    }
    
    .box_profil_birran{
        
        padding-left: 8%;
        padding-right: 8%;
    }
    
    .konten3 { 
        padding-top: 12%;  
    }
    
}



/*
1920 x 1080,
2560 x 1440
3440 x 1440
5120 x 2880
*/
@media screen and (min-width: 3440px) {  

    .profil_birran p,
    .profil_birran h3,
    .box_biru p,
    .menu_side { 
        line-height: 56px;  
    }

    .konten3{ 
        padding-top: 8%;
        padding-left: 0px;
    }


    .konten3 p,
    .konten3 h3,
    .konten3 h2,
    .konten3 h1,
    .alamat p { 
        line-height: 56px;  
    }

    .alamat{

        padding-top: 2%;
        padding-left: 6%;
    }
 
    .box_all_in_action{
        margin-top: 8%;
    }
 
    .hubungi_kami{
        background:none;
        width: 100%;
        padding-right: 2%;
        padding-left: 2%;
    }


}



/*end tentang_birran*/