a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: inherit;
    outline: none;
    letter-spacing: inherit;
    text-decoration: none;
    cursor: inherit;
}

* {
    box-sizing: border-box;
}

html,body{
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    display: block;
    left: 0px;
    top: 0px;
}

#loading_screen {
    background: #181d27;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.row{
    margin: 0px;
}

body {
    font-family: 'Nunito Sans', sans-serif;
    margin:0px;
    font-size: 16px;
    margin: 0px;
}
 
.header { 
    background-color: #FFFFFF;  
    min-height: 72px; 
    z-index: 1; 
    position: fixed;
    top: 0;  
    width: 100%;
    z-index: 10;
}

.logo {  
    float: left;  
    height: 46px;   
    width: 123.54px;
    padding: 5px;
}

.topnav {   
    float: left; 
    color: #3D4B51; 
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;    
    letter-spacing: 0.6px;  
    line-height: 19px;
    overflow: hidden;
    padding: 25px;
}

.container-header{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container-no-padding{
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


.menu{
    min-height: 72px;
}
.mnmenu-sec{
    background:#fff;  
   /* box-shadow: 0 2px 30px 0 rgba(39,143,231,0.15);  */

/*    padding-left: 5.49%;  
    padding-right: 5.49%;*/
}

.main-menu{
    height: 60px;
    /*padding-right: 8%;*/
}

.main-menu ul{
    float:right;
    list-style:none outside none;
    margin:0;
    padding:0;
    position:relative;
    color: #3D4B51; 
    font-family: 'Nunito Sans', sans-serif;
    font-size: 14px;    
    letter-spacing: 0.6px;  
    line-height: 19px;
    /*text-transform: uppercase;*/
    cursor: pointer;
}

.main-menu .fokus{
    color: #2F9AEB;
}

.main-menu ul li:hover ul {
    width: 160%;
    visibility: visible;
    transition: all 0.4s ease 0s;
    opacity: 1;
    transform: scaleX(1);
    margin-left: -32%;	
    font-size: 16px;	
}

.main-menu ul ul {  
    opacity: 0;
    padding: 0px; 
    padding-top: 20px;
    padding-bottom: 10px;
    position: absolute;
    text-align: left;
    top: 50px;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    z-index: 99999;  
    color: #3D4B51;	
    font-family: "Nunito Sans";	 
    letter-spacing: 0.18px;	
    line-height: 22px; 
    background: #FFF url('../img/icon/bg_menu.png'); 
    background-position:top;
    background-repeat: no-repeat;  
    border-radius: 4px;	
    width: 223px;
}

 
.main-menu ul ul li a { 
    font-weight: 500;
    border-bottom: none;
}
 
.main-menu ul ul li a:hover { 
    font-weight: 500;
    border-bottom: none;
}

.main-menu ul li{
    float:left;
    padding:0;
    position:relative;
}

.main-menu ul ul li {
    width: 100%;
}
    
.main-menu ul li a{ 
    color:#3D4B51;
    display:block;
    font-size:14px;
    padding:24px 6px 14px 6px;
    text-decoration:none;
    transition:all 0.4s ease 0s;
    position:relative;
    border-bottom: 3px solid #fff;
}

.main-menu li.active{
    border-bottom: 3px solid #35A2ED;
}

.menu_aktif{
    border-bottom: 3px solid #35A2ED;
}

.main-menu .active a{
    border-bottom: none;
}


.main-menu .active ul li {
    width: 100%;
    border-bottom: 1px solid #A0A4AA;
}

.main-menu .active ul li:last-child { 
    border-bottom: none;
}

.main-menu .active a:hover{
    border: none;
    font-weight: 500;
}

.main-menu ul ul li {
    width: 100%;
    font-weight: 500;
    border-bottom: 1px solid #A0A4AA;
}

.main-menu ul ul li:last-child { 
    border: none;
    border-bottom: none
}

.main-menu ul ul a:hover{ 
    border: none;
    font-weight: 500; 
}

/*
.main-menu ul li.active a{
    border-bottom: 3px solid #35A2ED;
} */
 
.main-menu ul li a:hover{
    transition:all 0.4s 0s ease;
    /*color:#3D4B51;*/
    border-bottom: 3px solid #35A2ED;
    /*text-decoration: underline;*/
    /*color: #fff;
    border-radius: 2px; 
    background-color: #35A2ED;*/
}
.main-menu ul li a:hover{
    border-bottom: 3px solid #35A2ED; 
}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:relative;  background: linear-gradient(182.42deg, #49BEF4 0%, #2389E6 100%);padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#3190e2;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:"Nunito Sans";font-weight:600}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background-color: #e4f0fa;margin-top:44px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#377fa5;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase; font-size: 14px;}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:31px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:600;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.mean-container .mean-nav ul li a:hover{
    border-bottom: 3px solid #35A2ED;/*color:#474848;*/}
.mean-container .mean-nav ul li a.mean-expand:hover{/*background:rgba(0,0,0,.9)*/
    border-bottom: 3px solid #35A2ED;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

.slide_home{
    width: 100%;
    min-height: 700px; 
    padding-left: 9.2%;
}

.konten1{
    float: left;
    padding-top: 12%; 
    padding-right: 0%;
    width: 50%;
    min-height: 100%;
}

.konten1 h1 {  
    color: #3D4B51; 
    font-family: 'Nunito Sans';
    font-size: 50px;    
    font-weight: bold;
    font-size: 56px;
    line-height: 80px;
} 
.konten1 .birran-adalah-perusa { 
    color: #3D4B51; 
    font-family: 'Nunito Sans';
    font-size: 16px;    
    line-height: 36px;
    min-height: 144px;
    margin-bottom: 8%;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0.177778px;

} 

.bg_slide_home{ 
    background: url('../img/img_home/bg_h_home.png') no-repeat right; 
    width: 100%;
    height: 779px; 
}

.hero-img { 
    height: 100%;    
    float: right; 
    width: 50%; 
}

.hero-img img{ 
    float: right;   
}


.konten1 .btnhubungi_kami { 
    float: left;
    height: 58px;    

    background: linear-gradient(180.72deg, #49BEF4 -9.14%, #2389E6 97.97%);
    border-radius: 29px;

    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 1.75px;
    cursor: pointer;

    color: #FFFFFF; 
    text-align: center;
    float: left;
    margin-right: 40px;
    padding: 20px;
    text-transform: uppercase;
}

a{
    cursor: pointer;
}

.konten1 .btnselengkapnya {
    height: 58px;     
    background: rgb(231, 242, 252);
    mix-blend-mode: normal; 
    border-radius: 29px;
    font-family: Nunito;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px; 
    /* identical to box height */
    letter-spacing: 1.75px;
    cursor: pointer;

    color: #2389E6;
    text-align: center;
    float: left;
    padding: 20px;
    text-transform: uppercase; 
} 


.box_teknologi_birran{
    min-height: 300px; 
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 2%;  
}
 

.teknologi_birran{
    min-height: 220px;
}

.teknologi_birran h1 { 
    color: #3D4B51; 
    font-size: 30px;    
    font-weight: 600;   
    letter-spacing: 0.36px; 
    line-height: 43px;  
    text-align: center;
    margin-right: auto;
    margin-left: auto;   
}

.teknologi_birran p { 
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;

    /* or 175% */
    text-align: center;
    letter-spacing: 0.177778px;

    color: #3D4B51; 
    margin-top: 30px;
    min-height: 84px;
    width: 55%;
    margin-right: auto;
    margin-left: auto;   
    color: #3D4B51; 
}


.teknologi_yg_digunakan{ 
    width: 90%;  
    margin-right: auto;
    margin-left: auto;  
    margin-top:4%;
}

.teknologi_yg_digunakan img{
    width:100%;
}

.logo_tekno{
    text-align: center; 
    width: 20%;
    margin-top: 4%;
}

.box_mengapa_memilih_birran{
    background: url('../img/img_background/bg_why.png') no-repeat; 
    min-height: 982px; 
    padding-left: 0.5%;
    padding-right: 0.5%;
    padding-top: 14%; 
    padding-bottom: 2%; 
    margin-bottom: 2%; 
}

.mengapa_memilih_birran{
    min-height: 150px;
}

.mengapa_memilih_birran h1 { 
    color: #3D4B51; 
    font-size: 30px;    
    font-weight: 600;   
    letter-spacing: 0.36px; 
    line-height: 43px;  
    text-align: center;
    margin-right: auto;
    margin-left: auto;   
}

.mengapa_memilih_birran p { 
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 28px;

    /* or 175% */
    text-align: center;
    letter-spacing: 0.177778px;

    color: #3D4B51; 
    margin-top: 30px;
    min-height: 84px;
    width: 55%;
    margin-right: auto;
    margin-left: auto;   
    color: #3D4B51; 
}


.keunggulan_birran{
    margin-top: 60px; 
}

.keunggulan_birran2{
    margin-top: 4%; 
}


.oval { height: 64px;   width: 64px;    background: linear-gradient(182.42deg, #49BEF4 0%, #2389E6 100%);   box-shadow: 0 2px 20px 0 rgba(35,137,230,0.25);}
.equalizer-simple-line-icons {  height: 32px;   width: 32px;    color: #FFFFFF; font-family: simple-line-icons; font-size: 32px;  }

.keunggulan_birran .col-md4{ 
    /*width: 28.55%;*/
}

.keunggulan_birran .container{
    padding-right: 6.8%;
    padding-left: 6.8%;
    margin-right: auto;
    margin-left: auto;
}

.b_kualitas {     
    cursor:pointer;
    padding: 5% 2% 2% 7%;
    min-height: 320px;  
    border-radius: 8px;    
}
.b_kualitas picture{ 
    padding:10px;
}

.b_kualitas h3 {
    margin: 5% 5% 5% 2%;   
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.222222px;
    color: #3D4B51;
}

.b_kualitas p {
    margin: 5% 5% 5% 2%; 
    width: 90%;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    letter-spacing: 0.177778px;
    color: #3D4B51;
}

 
.b_respon_cepat { 
    cursor:pointer;
    padding: 5% 2% 2% 7%;
    min-height: 320px;  
    border-radius: 8px;    
}
.b_respon_cepat picture{ 
    padding:10px; 
}


.b_respon_cepat h3 {
    margin: 5% 5% 5% 3%;   
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.222222px;
    color: #3D4B51;
}

.b_respon_cepat p {
    margin: 5% 5% 5% 3%; 
    width: 90%;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    letter-spacing: 0.177778px;
    color: #3D4B51;
}

 
 
.b_handal { 
    cursor:pointer;
    padding: 5% 2% 2% 7%;
    min-height: 320px;  
    border-radius: 8px;    
}
.b_handal picture{ 
    padding:10px; 
}


.b_handal h3 {
    margin: 5% 5% 5% 3%;   
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.222222px;
    color: #3D4B51;
}

.b_handal p {
    margin: 5% 5% 5% 3%; 
    width: 90%;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    letter-spacing: 0.177778px;
    color: #3D4B51;
}
 
.b_murah:hover, .b_fleksibel:hover, .b_respon_cepat:hover, .b_kualitas:hover, .b_handal:hover {      
    border-radius: 8px; 
    background-color: #FFFFFF;  
    box-shadow: 0 20px 40px 0 rgba(0,136,237,0.15);
} 


.b_murah:hover img,
.b_fleksibel:hover img,
.b_respon_cepat:hover img,
.b_kualitas:hover img,
.b_handal:hover img {
    /*box-shadow: 0px 2px 20px rgba(64, 177, 241, 0.25);*/
}

.b_fleksibel {     
    cursor:pointer;
    padding: 5% 2% 2% 7%;
    min-height: 320px;  
    border-radius: 8px;  
    margin-right: 8%;
}
.b_fleksibel img{
    padding:10px; 
}  


.b_fleksibel h3 {
    margin: 5% 5% 5% 4%;   
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.222222px;
    color: #3D4B51;
}

.b_fleksibel p {
    margin: 5% 5% 5% 4%; 
    width: 90%;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    letter-spacing: 0.177778px;
    color: #3D4B51;
}


.keunggulan_birran2 .container{
    padding-right: 22%;
    padding-left: 22%; ;
    margin-right: auto;
    margin-left: auto;
}
  
.b_murah {  
    cursor:pointer;
    padding: 5% 2% 2% 7%;
    min-height: 320px; 
    border-radius: 8px; 
    background-color: #fff;   
} 

.b_murah picture{ 
    padding:10px; 
}  
.b_murah h3 {
    margin: 5% 5% 5% 4%;   
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.222222px;
    color: #3D4B51;
}

.b_murah p {
    margin: 5% 5% 5% 4%; 
    width: 90%;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    /* or 175% */
    letter-spacing: 0.177778px;
    color: #3D4B51;
}

/*end keunggulan*/

.channel-yt{ 
    margin-top: 8%;
    margin-bottom: 2%;
    background: #fff;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto; 
}

/*proyek*/

.box_proyek{ 
    min-height: 680px;  
    width: 100%;
}

.CombinedShape{
    margin-right: 40px;
    background: url('../img/img_background/ornamen_projek_terkini_atas.png') no-repeat right;
    min-height: 200px; 
}

.CombinedShape2{
    margin-left: 200px;
    background: url('../img/img_background/ornamen_projek_terkini_atas.png') no-repeat left;
    min-height: 140px;
}

.proyek_birran{ 
    background: url('../img/img_background/bg_projek.png') no-repeat;
    background-size: contain;
    min-height: 680px; 
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}


/*end proyek*/


/*pelatihan*/

.box_pelatihan_birran{
    background: url('../img/img_background/bg_pelatihan.png') no-repeat;
    min-height: 600px; 
    margin-top: 6%;
    padding-top: 6%;
    padding-left: 8%;
    padding-right: 8%;
    margin-bottom: 6%;   
    
    
}

.box_pelatihan_birran h1 { 
    color: #3D4B51; 
    font-size: 30px;    
    font-weight: 600;   
    letter-spacing: 0.36px; 
    line-height: 43px;  
    text-align: center;
    margin-right: auto;
    margin-left: auto; 
    width: 46%; 
}

.box_pelatihan_birran p { 
    margin-top: 30px;
    min-height: 40px;
    width: 80%;
    margin-bottom: 6%;
    margin-right: auto;
    margin-left: auto;   
    color: #3D4B51; 
    font-size: 16px;    
    letter-spacing: 0.18px; 
    line-height: 28px;  
    text-align: center;
} 

.pelatihan_bulan_ini{
    margin-top: 10px;
}

.box-info_pelatiahan{
    padding-right: 4%;
    padding-left: 4%;
    margin-left: auto;
    margin-right: auto;
}
.blog_waktu{

    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;

    /* identical to box height */
    letter-spacing: 0.4px;

    color: #3D4B51;

    mix-blend-mode: normal;
    opacity: 0.8;
}
.info_pelatiahan  {    
    min-height: 320px;  
    width: 31%;   
    margin-left: 2%;
    float: left;
    border-radius: 12px;    
    background-color: #FFFFFF;  
    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);
}
.info_pelatiahan h3{
    font-size: 16px;
    line-height: 22px;
    min-height: 60px;
    letter-spacing: 0.177778px;
    margin-bottom: 4%;
}

.info_pelatiahan_t h3{
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.177778px;
    margin-bottom: 4%;
}

.info_pelatiahan img{
    width: 100%; 
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}

.info_pelatiahan_t img{
    width: 100%;
}
 
.info_pelatiahan_t  {    
    min-height: 320px;  
    width: 31%;  
    float: left;
    margin-left: 3.5%;
    margin-right: 3.5%;
    border-radius: 12px;    
    background-color: #FFFFFF;  
    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);
}

.link_selengkapnya { 
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    /* identical to box height */ 
    letter-spacing: 0.155556px;
    color: #2890E8;
    cursor: pointer;
    
}

.ion-ios-arrow-thin-right-ionic {   
    font-family: Ionicons;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 0.266667px;
    
    color: #2890E8;
}


.kelas_bulan_ini{
    margin-top: 10px;
}

.text_pelatihan_more {  
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */

    letter-spacing: 1.75px;

    color: #FFFFFF;

    letter-spacing: 1.75px; 
    line-height: 19px;  
    text-align: center;
}

.pelatihan_more {  
    margin-top: 80px;   
    text-align: center;
    padding: 20px;
    min-height: 58px;   
    min-width: 196px;  
    width: auto;
    max-width: 260px; 
    border-radius: 29px;    
    background: linear-gradient(182.42deg, #49BEF4 0%, #2389E6 100%);   
    box-shadow: 0 2px 20px 0 rgba(35,137,230,0.25);
    margin-left: auto;
    margin-right: auto;  
    opacity: 1;
}

.pelatihan_more:hover { 
    opacity: 0.9;
    cursor: pointer;
}

/*end pelatihan*/


/*Blog*/
.box_blog_birran{
    background: url('../img/img_background/ornamen.png') no-repeat left;
    min-height: 600px; 
    margin-bottom: 60px; 
    padding-left: 8%;
    padding-right: 8%;
    margin-top: 18%;
} 

.judul_box_blog_birran{
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    /* identical to box height */
    
    text-align: center;
    letter-spacing: 0.355556px;
    
    color: #3D4B51;
}

.info_blog  {    
    min-height: 480px;
    height: auto; 
    padding-bottom: 2%;
    width: 46%;
    margin-right: 3.4%;
    float: left;
    border-radius: 12px;    
    background-color: #FFFFFF;  
    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);
} 

.info_blog_bi  {    
    min-height: 480px; 
    width: 46%;
    margin-right: 3.4%;
    float: left;
    border-radius: 12px;    
    background-color: #FFFFFF;  
    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);
    margin-bottom: 4%;
}

.info_blog_detail{
    min-height: 80px; 
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    padding: 4%;
    float: left;
    border-radius: 12px;    
    background-color: #FFFFFF;  
    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);
}

.info_blog img{
    width: 100%;
}

.info_blog_bi img{
    width: 100%;
}
 

.info_blog1 img{
    width: 29%;
}

.info_blogx{
    float: left;
    width: 50%;
}
.info_blog_text{float:left; width: 95%; padding: 0px 20px;}

.info_blog_text h3{
    height: 63px;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 0.266667px;

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

.info_blog img {
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}


.info_blog1 img{
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
}

.info_blog1  {    
    min-height: 230px;  
    width: 100%;    
    border-radius: 12px;    
    background-color: #FFFFFF;  
    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1); 
    float: left;;
}
.info_blog1 h3{
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: 0.27px;

    color: #3D4B51;
    margin-bottom: 4%;
    cursor: pointer;


}

.info_blog1_text  {
    float:left; width: 70%; padding: 2% 3%;
}

.mr_top20{
    margin-top: 20px;
}

.blog_bulan_ini{
    margin-top: 8%;
}

.btnPelatihan {  cursor: pointer; margin-top: 40px; float: left; margin-right: 40px; height: 32px;   min-width: 100px;   border-radius: 20.5px;  background-color: rgba(245,166,35,0.15); }
.lpelatihan {  cursor: pointer; text-align: center; padding: 8px; color: #F5A623; font-family: Montserrat;    font-size: 14px;  
    text-transform: uppercase;  font-weight: 500;   letter-spacing: 0.6px;  line-height: 18px;}

.btnKomputer { cursor: pointer; margin-top: 40px; float: left; height: 32px;   min-width: 100px;   border-radius: 20.5px;  background-color: rgba(41,145,232,0.15);}
.lkomputer { cursor: pointer;  text-align: center; padding: 8px; color: #2991E8; font-family: Montserrat;    font-size: 14px;  
    text-transform: uppercase;  font-weight: 500;   letter-spacing: 0.6px;  line-height: 18px;}

.info_blog_d{
    padding: 10px 20px;
    float:left;
    min-width: 280px;
}

.info_blog_img_h{
    min-height: 230px; 
}

.info_blog_img{
    min-height: 230px;
   float:left; 
}

/*end blog*/


/*testimoni*/
.box_testimoni_birran{
    padding-left: 4.5%;
    padding-right: 4.5%;
    margin-top: 26%;
   /* background: url('../img/img_background/ornamen21.png') no-repeat center; 
   */ /*min-height: 500px; */
    margin-bottom: 8%; 
}

.ornamen_komen{ 
    background: url('../img/img_background/ordernamen_komen2.png') no-repeat;
    width: 221px;
    height: 243px; 
    margin-top: -9%;
    margin-left: 540px;
    z-index: 1;
    position: absolute;
}

#komen_slide{ 
    z-index: 2;
    position: absolute;
}

#komen_slide col-md4 { 
    width: 40%;
}

.box_testimoni_birran .col-md5 {
    width: 45%;
}

.ini-dia-yang-mereka {  height: 86px;   width: 90%;   color: #3D4B51; font-family: "Nunito Sans"; font-size: 32px;    font-weight: 600;   letter-spacing: 0.36px; line-height: 43px;}
.berikut-adalah-clien { min-height: 100px;  color: #3D4B51; font-family: "Nunito Sans"; font-size: 16px;    letter-spacing: 0.18px; line-height: 36px;}
.oval { height: 58px;   width: 58px;    background: linear-gradient(194.39deg, #49BEF4 0%, #2389E6 100%);   box-shadow: 0 2px 50px 0 rgba(220,238,255,0.5);}
.link_kiri{
    float: left;
    margin-right: 20px;
    background: url('../img/img_background/nav_kiri_b.png') no-repeat;
    width: 60px;
    height: 60px;    
}
.link_kanan{
    float: left;
    background: url('../img/icon/nav_kanan_b.png') no-repeat;
    width: 60px;
    height: 60px;   
}
.link_kiri:hover{
    background: url('../img/icon/nav_kiri.png') no-repeat;
    width: 60px;
    height: 60px;    
}
.link_kanan:hover{
    background: url('../img/icon/nav_kanan.png') no-repeat;
    width: 60px;
    height: 60px;   
}
.link_kiri_active{
    float: left;
    margin-right: 20px;
    background: url('../img/icon/nav_kiri.png') no-repeat;
    width: 60px;
    height: 60px;    
}
.link_kanan .active{
    float: left;
    background: url('../img/img_home/nav_kanan.png') no-repeat;
    width: 60px;
    height: 60px;   
}
.box_info_testi{ 
    height: 413px;	
    width: 100%;   
}   
.info_testi  {    
    float: left;
    min-height: 240px;  
    border-radius: 12px;    
  /*  background-color: #FFFFFF;  */
   /* box-shadow: 0px 40px 50px rgba(0, 131, 255, 0.1);*/
    padding: 2% 4%;
/*    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);  */
} 

.info_testi_d  {    
    float: left;  
    background: #FFFFFF;
    border-radius: 12px;
    width: 100%;
    min-height: 240px;
    margin-right: 12%; 
    /*margin-left: 12%;*/
    padding:4%;
    box-shadow: 5px 5px 10px #E8F4FF;
    margin-bottom: 8%;
}

.proyek_birran_d{
    color:#fff;width:30%;
    padding-left: 9.5%;
    padding-top: 9.5%;
    color: #FFFFFF;	
    font-family: "Nunito Sans";
    float: left;
}

.proyek-terkini-birra {	 height: 64px;	width: 287px;font-size: 32px;	font-weight: 600;	letter-spacing: 0.36px;	line-height: 43px;}

.birran-sudah-banyak {	font-size: 16px;	letter-spacing: 0.18px;	line-height: 28px;}

.h_testi{
    background: #fff; 
    background-size: cover;
    height: 60px;  
    color: #3D4B51;
    padding-left: 10px;
}
.path_5 {   
    height: 104.23px;   
    width: 279px;   
    opacity: 0.13;  
    text-align: left;
    transform: scaleX(-1) scaleY(-1);
}
.img_5 { 
    box-sizing: border-box; 
    height: 32px;   
    width: 32px;    
    border: 3px solid #FFFFFF;
    border-radius: 20px;
    float: left;
    margin-top:2%;
    margin-left: 2%;
    margin-right: 12%;
}
.img_5 img{ 
    border-radius: 20px;
}
.nm_img_5 {     
    color: #3D4B51; 
    font-family: "Nunito Sans"; 
    font-size: 14px;    
    font-weight: 600;    
    line-height: 22px;
    float: left;
    margin-top: 5px;
    width: 50%;
}
.des_img_5 {  
    float: left;    
    opacity: 0.8;   
    color: #3D4B51; 
    font-family: "Nunito Sans"; 
    font-size: 14px;    
    font-weight: 300;    
    line-height: 18px;
}


.info_testi_i  {    
    margin-top: 5%;
    float: left;      
    border-radius: 12px;    
    background-color: #FFFFFF;  
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 24px;
/*    box-shadow: 0 10px 40px 0 rgba(0,136,237,0.1);*/
} 

/*end testimoni*/



/*call in action*/
.box_all_in_action{
    margin-top: 24%;
}

.all_in_action{
    background: url('../img/img_home/all_in_action.png') no-repeat;
    background-size: cover;
    width: 80%;
    min-height: 308px;
    margin-left: auto;
    margin-right: auto; 
    color: #FFF;  
    padding-left: 8%;
    padding-top: 6%;
}


.all_in_action h3{ 
    font-size: 28px;    
    font-weight: 600;   
    letter-spacing: 0.36px; 
    line-height: 43px;
    float: left;  
    margin-right: 16%;
    width: 50%;  
}

a.btnEmailKami {   
    float:left;  
    margin-top: 2%;
    border-radius: 20.5px;  
    height: 60px;
    background-color: #fff;
    text-decoration: none;
}

a.btnEmailKami:hover{
    background-color: #f6fcff; 
    cursor: pointer;
}
a.lEmailKami {  
    color: #00a3f5;
    text-align: center; 
    padding: 15px; 
    font-family: Montserrat;    
    font-size: 16px;    
    font-weight: 500;   
    letter-spacing: 0.6px;  
    line-height: 28px;
}

/*end call in action*/


/*footer*/
footer {    
    height: 990.09px;
    width: 100%;  
    margin-left: 0px;
    margin-right: 0px;
    background-color: #FFFFFF;  
    background: url('../img/img_background/bg_footer_new.png') no-repeat right;
    /*box-shadow: inset 0 1px 3px 0 #fff, inset 0 1px 3px 0 #fff, 0 -40px 50px 0 rgba(47,153,235,0.05);*/
} 

#ifb{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') 1px 1px; 
    float:left;
    margin-top:4%; 
    margin-right:6%;
    opacity: 0.9;
}

#itw{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') -55px 1px; 
    float:left;
    margin-top:4%; 
    margin-right:6%;
    opacity: 0.9;
}

#ig{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') -110px 1px; 
    float:left;
    margin-top:4%; 
    margin-right:6%;
    opacity: 0.9;
}

#iy{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') -170px 1px; 
    float:left;
    margin-top:4%; 
    margin-right:6%;
    opacity: 0.9;
}


#in{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') 1px 45px; 
    float:left;
    margin-right:6%;
    margin-top:4%; 
    opacity: 0.9;
}


#ipin{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') -55px 45px; 
    float:left;
    margin-right:6%;
    margin-top:4%;
    opacity: 0.9;
}


#ipob{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_medsos.png') -110px 45px; 
    float:left;
    margin-right:6%;
    margin-top:4%;
    opacity: 0.9;
}

#b_indo{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_split.png') -55px 0px; 
    float:left;
    margin-right:6%;
    margin-top:4%;
    opacity: 0.9;
    margin-right:4%;
}

#b_ing{
    cursor:pointer;
    width: 35px;
    height: 35px;
    background: url('../img/icon/icon_split.png') 0px 0px; 
    float:left;
    margin-left:4%;
    margin-top:4%;
    opacity: 0.9;
}

#ifb:hover,
#itw:hover,
#ig:hover,
#iy:hover,
#in:hover,
#ipin:hover,
#ipod:hover,
#b_indo:hover,
#b_ing:hover{ 
    opacity: 1; 
}


.berlangganan{ 
    /* margin-top: 15%;
   background: url('../img/img_background/ornamen_testi.png') no-repeat  78% -10%;
   */ height: 300px; 
    margin-bottom: 40px; 
    padding-top: 6%;  
    padding-left: 8%;
    padding-right: 8%;
}
.berlangganan h3{
    width: 80%;
    color: #3D4B51; 
    font-family: "Nunito Sans"; 
    font-size: 32px;    
    font-weight: 600;   
    letter-spacing: 0.36px; 
    line-height: 45px; 
}
.box_footer{
    min-height: 578px;  
  /*  background-image: url('../img/img_background/bg_footer.svg'); 
  */  background-position: right bottom; 
    background-repeat: no-repeat;
}
.info_footer h3 {  
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    /* identical to box height */
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #3D4B51;

}

.info_footer h4 {  
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px; 
    letter-spacing: 1px;  
    color: #3D4B51; 
    font-weight: bold;
}

.masukan_email {  
    float: right;    
    width: 51%;   
    border-radius: 40px;   
    background-color: #FFFFFF;  
    box-shadow: 0px 4px 40px rgba(49, 157, 236, 0.1);
    margin-right: 1%;
    padding-right: 1%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.masukan-email { 
    margin-left: 20px;  
    height: 40px; 
    margin-top: 15px; 
    border: 0px;  
    width: 40%;   
    opacity: 0.5;   
    color: #3D4B51; 
    font-family: "Nunito Sans"; 
    font-size: 16px;    
    letter-spacing: 0.18px; 
    line-height: 28px;
}

.btnmasukan_email {   
    float: right;  
    padding: 20px 0px ;     
    color: #FFFFFF; 
    font-family: "Nunito Sans"; 
    font-size: 14px;    
    font-weight: bold;  
    letter-spacing: 1.75px; 
    line-height: 19px;  
    text-align: center; 
    height: 58px;  
    width: 116px;   
    border-radius: 29px;   
    background: linear-gradient(182.42deg, #49BEF4 0%, #2389E6 100%);   
    box-shadow: 0 2px 20px 0 rgba(35,137,230,0.25);
    margin-right: 0.5%;
}

.profil_footer { 
    margin-top: 20px;
    min-height: 100px;     
    color: #3D4B51; font-family: "Nunito Sans"; font-size: 16px;    
    letter-spacing: 0.18px; line-height: 28px; 
}

.info_footer{
    min-height: 578px; 
    padding-left: 8%;
    padding-right: 8%;
    margin: 0px; 
    /*background-image: url('../img/img_background/bg_footer.svg'); 
    background-position: right bottom; 
    background-repeat: no-repeat;*/

}


.info_footer .col-md3{
    margin-right: 4%;
}

.info_footer .col-md2{
    margin-right: 4%;
}

.box_footer ul{
    list-style:none;   
    margin-top: 20px;
}
.box_footer ul li {   
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 36px;
    /* identical to box height */

    letter-spacing: 0.16px;

    color: #3D4B51;

}

.box_footer a{
    color: #3D4B51;
    font-family: "Nunito Sans"; 
}

.box_footer a:hover{
    color: #00acf6;
    text-decoration: none;
}

.list_proyek_terkini{
    margin-top: 10%;
    float: left; 
    height: 40%;  
    width: 54%;
    background: #FFF;
    border-radius: 10px;
    position: relative; 
    margin-left: 6%; 
}

.list_proyek_terkini_judul{
    margin-top: 7%; 
    height: 40%;  
    float: left;
    margin-left: 8.8%;
    width: 22.5%;
    padding-top: 5%;
}


.pelatihan_more1{ 
    margin-top: 12%;   
    text-align: center;
    padding: 20px;
    min-height: 58px;   
    min-width: 196px;   
    width:auto;
    border-radius: 29px;    
    background-color: #FFFFFF;
    color: #248BE7;  
    opacity: 1;
}

.pelatihan_more1:hover { 
    opacity: 0.9;
    cursor: pointer;
}
 

.text_pelatihan_more1 {  
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    /* identical to box height */ 
    letter-spacing: 1.75px; 
    color: #248BE7; 
    letter-spacing: 1.75px; 
    line-height: 19px;  
    text-align: center;
}



.list_proyek_terkini_judul h3{
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 44px;
    letter-spacing: 0.355556px;
    color: #FFFFFF;

}
.list_proyek_terkini_judul p{ 
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px; 
    /* or 175% */

    letter-spacing: 0.177778px;

    color: #FFFFFF;
}

.list_proyek_terkini .gambar{
    width: 55%;
    float: left; 
    margin-top: 1%;
}

.list_proyek_terkini .gambar img{
    width: 100%; 
}

.list_proyek_terkini .teks{ 
    width: 45%;
    height: 100%;
    float: left;
    padding-top: 4%;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 14px; 
    letter-spacing: 0.36px;
    line-height: 24px;
}


.list_proyek_terkini .teks h3{ 
    font-size: 24px;    
    font-weight: 600;
    letter-spacing: 0.36px;
    line-height: 43px;
    width: 100%; 
    float: none;  
    margin: 0px; 
}


.list_proyek_terkini .teks h4{    
    font-size: 16px; 
    letter-spacing: 0.36px;
    line-height: 24px;
    width: 100%; 
    float: none;  
    margin: 0px; 
}


.list_proyek_terkini .teks p{
    margin-top: 2%; 
}
  
.owl-carousel button.owl-dot{
    width: 30px;
    height: 30px;
    border-radius: 25px; 
    font-size: 16px; 
    color: #FFF;
    background: #35A0EC;  
}

.owl-carousel .owl-nav button.owl-prev{    
    width: 35px;
    height: 35px;
    /*border-radius: 25px;*/
    font-size: 16px;
    color: #FFF;
    background: #35A0EC;
    /*background: url('../img/icon/nav_kiri1.png') no-repeat;*/
    background: url('../img/icon/icon_split.png') -55px 40px; 
}   

.owl-carousel .owl-nav button.owl-next {
    width: 35px;
    height: 35px;
    /*border-radius: 25px; */
    font-size: 16px; 
    color: #FFF;
    background: #35A0EC; 
    /*background: url('../img/icon/nav_kiri1.png') no-repeat;*/
    
    background: url('../img/icon/icon_split.png') 0px 40px;
       
}


.owl-carousel .owl-nav button.owl-prev:hover {  
    /*background: url('../img/icon/nav_kanan_b1.png') no-repeat;  
    */
    background: #35A0EC; 
    opacity:0.8;
    background: url('../img/icon/icon_split.png') -55px 40px; 
}

.owl-carousel .owl-nav button.owl-next:hover { 
    /*background: url('../img/icon/nav_kiri_b1.png') no-repeat; */
    background: #35A0EC; 
    background: url('../img/icon/icon_split.png') 0px 40px;
    opacity:0.8;
}

.owl-carousel.owl-rtl .owl-item{
    float: left;
    text-align: left;
    min-height: 330px;
}

.owl-theme .owl-nav{  
    float: right;  
    width: 40%; 
}

  
#komen_slide .owl-nav button.owl-prev {
    width: 30px;
    height: 30px;
    border-radius: 25px; 
    font-size: 16px; 
    color: #FFF;
    background: #35A0EC; 
    float: left;
    margin-right: 20px;
    background: url('../img/icon/nav_kiri.png') no-repeat;
    width: 60px;
    height: 60px; 

}
#komen_slide .owl-nav button.owl-prev:hover {
    background: url('../img/icon/nav_kiri_b.png') no-repeat;
}

#komen_slide .owl-nav button.owl-next:hover{

    background: url('../img/icon/nav_kanan_b.png') no-repeat;
}

#komen_slide .owl-nav button.owl-next{
    width: 30px;
    height: 30px;
    border-radius: 25px; 
    font-size: 16px; 
    color: #FFF;
    background: #35A0EC; 
    float: left;
    margin-right: 20px;
    background: url('../img/icon/nav_kanan.png') no-repeat;
    width: 60px;
    height: 60px; 

} 


#komen_slide .owl-rtl .owl-item{
    float: right;
    text-align: right;
}

#komen_slide .owl-nav{  
    float: left;  
    width: 100%;
    position: relative; 
    margin-left: -95.2%;
    margin-top: -20%;
} 
 

.kontak_birran_footer { 
    margin-top: 25px;
    color: #3D4B51;
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: 0.18px;
    line-height: 28px;
}
.kontak_birran_footer img{
    opacity: 0.8;
    margin-right: 12%;
    margin-top: 6%;
}
.kontak_birran_footer img:hover{
    opacity: 1;
}

.copy-right{
    margin-top: 4%;
    margin-bottom: 30px;
    color: #3D4B51;	font-family: "Nunito Sans";	font-size: 14px;	letter-spacing: 0.6px;	line-height: 19px;
    text-align: center;
    
}
.icon_bhs{
    width:200px;
    margin-left:auto;
    margin-right:auto; 
    float:none;
}

.icon_bhs p {
    width:100%;
    float:none;
}

.copy-right img{
    margin-right: 2%;
    margin-bottom: 2%;
    opacity: 0.8;
}

.copy-right img:hover{
    margin-right: 2%;
    margin-bottom: 2%;
    opacity: 1;
}

/*end footer*/

.progress-bar {
  height: 3px;
  background: #54ACE9;
  width: 0%;
}
 
@media screen and (min-width: 993px) { 
    .container { 
        width: 100%; 
    }
    .container-header {
        padding-right: 4.5%;
        padding-left: 4.5%; 
    }
    .list_proyek_terkini_judul {
        margin-left: 8%;
    }
    
    .box_pelatihan_birran {
        padding-left: 6%;
        padding-right: 6%;
    }
    
    .container-no-padding { 
        width: 100%; 
        min-width: 940px;
    }
    
    .box_testimoni_birran {
        padding-left: 4.5%;
        padding-right: 4.5%;
    }
    
    .konten2, .konten3 {
        padding-left: 0%;
    }
    
    .all_in_action {
        background-size: contain;
    }
    
    .mnmenu-sec{
        padding-right:0; 
    }

    .container-header { 
        padding-left:7.5%;
        padding-right:7.5%;
    }
   
    .kontrak_kerja_text {
        width: 45%;
        padding-left: 9%;
    }
    
    .main-menu ul li a{
        margin-left: 20px;
        margin-right: 20px;
    }  
}


@media screen and (max-width: 768px) { 
    .info_blog { 
        width: 100%; 
        float: none;
    }
    .info_blog_bi { 
        width: 100%; 
        float: none;
    }
    .info_blogx{
        margin-top: 4%;
        width: 100%; 
        float: none;
    }

    .owl-carousel.owl-rtl .owl-item{
        float: left;
        text-align: left;
        min-height: 280px;
    }

    .list_proyek_terkini_judul{ 
        width: 98%;
        margin-bottom: 12%;
    }
    .list_proyek_terkini{
        margin-top: 2%;
        float: right;
        margin-right: 2%; 
        width: 98%;
        background: #FFF;
        border-radius: 10px;
        position: relative;
        margin-bottom: 12%;
    }
    
    .box_pelatihan_birran h1{
        width: 100%;
    }
    .box_pelatihan_birran p{
        width: 100%;
    }

    .proyek_birran{
        /*background: none;*/
    }
    .list_proyek_terkini .gambar{
        width: 50%; 
        float: left;
    }
    
    .list_proyek_terkini .teks{
        width: 50%; 
        float: left;
        padding-top: 2%;
        padding-left: 2%;
        padding-right: 2%;

    }
    
}

@media screen and (max-width: 992px) { 
    .logo{
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2%;
        margin-bottom: 2%;
     } 

    .ornamen_komen{ 
        width: 181px;
        height: 203px; 
        margin-top: -200px;
        margin-left: 300px; 
    }


    .owl-carousel.owl-rtl .owl-item{ 
        min-height: 280px;
    }

    .box_teknologi_birran{ 
        padding-top: 12%;
    }
    .keunggulan_birran2 .container{
        padding-right: 6%;
        padding-left: 6%;
    }

    .channel-yt{
        width: 100%;
    }

    .teknologi_yg_digunakan{
        padding-top: 12%;
    }
    .logo_tekno{
        width: 50%;
        float: left;
    }
    
    .menu{
        float: none;
        width: 80%;  
        text-align: center;
    }

    #komen_slide .owl-nav{  
        float: right;  
        width: 100%;
        position: relative;   
        margin-top: 2%;
    } 
    
    .container { 
        width: 100%; 
    }

    .container-header { 
        width: 100%; 
    }
    .container-header .col-md3{
        width:100%;
    }
    .container-header .col-md9{
        width:100%;
    }
    .main-menu{  
        width: 100%; 
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding-right:0px; 
    }   
    .mnmenu-sec{ 
        padding-left: 4%;  
        padding-right: 4%;
    }

    
    .main-menu ul li a{
        margin-left: 6px;
        margin-right: 6px;
    }  
    .bg_slide_home, .bg_header_layanan, .bg_header_produk, .bg_header_pelatihan, .bg_header_profil, .bg_header_manajemen, .bg_header_karir, .bg_header_hubungi{   
        padding-top: 20%;
    } 
    
    .konten1{
        float: left;
        width: 50%;
        min-height: 240px;
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .konten1 h1{
        line-height: 60px;
        font-size: 36px;
        padding-top: 0px;
    }
    .hero-img {   
        background: none;  
        background-size: cover; 
        float: none; 
        width: 100%; 
    }
     
    .mengapa_memilih_birran h1 { 
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 0px;
    }

    .mengapa_memilih_birran p { 
        float: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    
    .proyek_birran{
      /*  background-size:cover; */
        min-height: 320px;
    }
    
    .hero-img img{  
        float: right;
        width: 50%;
    }
     
    .slide_home{
        min-height:350px;
    }
    
    .b_fleksibel h3{   
        margin: 2%;
    } 
    .b_fleksibel p{   
        margin: 2%;
        width: 100%;
    } 
    .b_respon_cepat h3{   
        margin: 2%;
    } 
    .b_respon_cepat p{   
        margin: 2%;
    } 
    .b_handal h3{   
        margin: 2%;
    } 
    .b_handal p{   
        margin: 2%;
    } 
    .b_fleksibel h3{   
        margin: 2%;
    } 
    .b_fleksibel p{   
        margin: 2%;
    }
    .b_murah h3{   
        margin: 2%;
    } 
    .b_murah p{   
        margin: 2%;
    } 
    
    .info_testi_d{
        width: 100%;
        margin-top: 3%;
    }
    .info_testi_i{
        width: 100%;
        margin-top: 1%;
        min-height: 40px;
    }

    .box_testimoni_birran .col-md5{
        width: 100%;
        margin-top: 3%; 
        float: none;
    }
    
    .nm_img_5{ 
        height: 25px;
        width: 60%;
        float: left;
    }
    .des_img_5{ 
        height: 25px;
        width: 60%;
        float: left;
    }
    .btnPelatihan{
        margin-top: 5px;
    }
    .btnKomputer{ 
        margin-top: 5px;
    }
    .box_all_in_action{ 
      /*  background: #00a5f6; */
        margin-top: 60%;
        margin-bottom: 12%;
    }

    .owl-theme .owl-nav{
        width: 100%;
    }

    .all_in_action{
        padding-top: 5%;
        background: #00a5f6; 
        float: none; 
        width: 100%; 
        height: 200px;
        color: #fff;
        margin-bottom: 0px; 
        text-align: center;
        margin-top: 10px;
    } 

    .all_in_action h3{ 
        font-size: 24px;  
        color: #ffffff; 
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.36px;
        line-height: 43px;
        width: 100%; 
        float: none;  
        margin: 0px; 
    } 
    a.btnEmailKami  {   
        width: 60%; 
        border-radius: 20.5px;  
        background-color: #FFF;
        height: 50px;  
        margin-left: 20%;
        margin-top: 0px;
    }
    
    
    .berlangganan h3{
        color: #3D4B51; font-family: "Nunito Sans"; 
        font-size: 24px; 
        font-weight: bold;
        width: 100%;
    }

    
    a.lEmailKami  {  
        text-align: center; padding: 10px; 
        color: #00a5f6; font-family: Montserrat;    
        font-size: 16px;    font-weight: 500;   
        letter-spacing: 0.6px;  line-height: 28px;
    }
    
    .masukan_email{  
        width: 100%;  
    }
    .btnmasukan_email{  
        margin-top: 0px;  
        float: left;
    }
    
    .info_pelatiahan{
        margin-top: 5%;
        width: 100%;
    }
    
    footer .berlangganan{
        margin-top: 10px; 
        margin-bottom: 0px;
        width: 100%; 
        float: none;
    }
    .berlangganan{
        padding-top: 10px; 
        padding-left: 0px;
    }
    
    .info_pelatiahan_t{
        margin-top: 5%;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
 
    
}

@media screen and (max-width: 767px) {  
    .logo img{
        margin-top: 10%;
    }
    .bg_slide_home{   
        background: url('../img/img_home/bg_hero767.png') no-repeat right; 
        width: 100%; 
    } 


    .owl-carousel.owl-rtl .owl-item{ 
        min-height: 200px;
    }

    #komen_slide .owl-nav{  
        float: right;  
        width: 100%;
        position: relative;   
        margin-top: 2%; 
    } 

    .img_5{
        float: left; 
    }
    .nm_img_5{
        width: 100%;
        float: left;
    }
    .des_img_5{
        width: 100%;
        float: left;
        margin-bottom: 8%;
    }

    .ornamen_komen{ 
        width: 100%;
        background: none;
        margin: 0px;
        float:none;
    }

    .info_testi_d{
        width: 100%;
        float: none;
        margin-right: 0px;
        margin-left: 0px;
        padding: 1%;
    }
    

    .konten1{
        float: left;
        width: 50%;
        min-height: 380px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .h_testi{
        padding-left: 0px;
    }
    .info_testi_d{
        width: 100%;
    }
    .konten1 h1{
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
    }
    .konten1 .birran-adalah-perusa{
        font-size: 14px;
        letter-spacing: 0.18px;
        line-height: 30px;
    }
    .hero-img {   
        background: none;  
        background-size: cover; 
        float: none; 
        width: 100%; 
    }
    .info_blog{
        width: 100%;
        margin-bottom: 3%;
    }
    .info_blogx{ 
        width: 100%;
    }

    .box_all_in_action{ 
        /*  background: #00a5f6; */
          margin-top: 60%;
          margin-bottom: 12%;
      } 
    
}


@media screen and (max-width: 680px) {  
    .bg_slide_home{   
        background: url('../img/img_home/bg_hero680.png') no-repeat right; 
        width: 100%; 
    } 

    .owl-carousel.owl-rtl .owl-item{ 
        min-height: 200px;
    }

    .konten1{
        float: left;
        width: 45%;
        min-height: 300px;
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
    } 

    .ornamen_komen{ 
        width: 181px;
        height: 203px; 
        margin-top: -200px;
        margin-left: 300px; 
    }

    .box_all_in_action{ 
        /*  background: #00a5f6; */
          margin-top: 60%;
          margin-bottom: 12%;
      }

    .konten1 h1{
        font-size: 28px;
        font-weight: 300;
        line-height: 30px;
    }
    .konten1 .birran-adalah-perusa{
        font-size: 14px;
        letter-spacing: 0.18px;
        line-height: 30px; 
    } 
    
}


@media screen and (max-width: 600px) {  
    .header {  
        position:relative;
        top:auto;  
        width: 100%;
    }


    .owl-carousel.owl-rtl .owl-item{ 
        min-height: 200px;
    }

    #komen_slide .owl-nav{  
        float: right;  
        width: 100%;
        position: relative;   
        margin-top: 2%; 
    } 

    .ornamen_komen{ 
        width: 100%;
        background: none;
        margin: 0px;
        float:none;
    } 

    .bg_slide_home, .bg_header_layanan, .bg_header_produk, .bg_header_pelatihan, .bg_header_profil, .bg_header_manajemen, .bg_header_karir, .bg_header_hubungi{   
        padding-top: 8%;
    } 
    
    .bg_slide_home{   
        background: none; 
        width: 100%; 
    }  
    .konten1{
        float: left;
        width: 100%; 
    }
    .konten1 h1{
        font-size: 28px;
        font-weight: 200;
        line-height: 30px;
    }
    .konten1 .birran-adalah-perusa{
        font-size: 14px;
        letter-spacing: 0.18px;
        line-height: 20px;
    }   
    .b_murah{
        margin:0px;
    }
}


@media screen and (min-width: 1367px) { 
    .container { 
        width: 1336px; 
        min-width: 940px;
    }

    .container-no-padding { 
        width: 1336px; 
        min-width: 940px;
    }

    .container-header { 
        width: 1366px; 
    }

    .main-menu{
        padding-right:0px;
    } 
    .box_testimoni_birran{
        margin-top:8%;
    } 
    .box_all_in_action{
        margin-top: 0px;
    }
    
    .box_blog_birran {
        padding-left: 2%;
        padding-right: 2%;
        margin-top: 18%;
    }
    .box_pelatihan_birran {
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 6%;
    }
    .keunggulan_birran .container {
        padding-right: 2%;
        padding-left: 2%;
        margin-right: auto;
        margin-left: auto;
    }
    .teknologi_yg_digunakan {
        width: 100%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .konten1 {
        float: left;
        padding-top: 12%;
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        min-height: 100%;
    } 


    .ornamen_komen{ 
        margin-top: -8%;
    }

    .masukan_email {
        width: 45%;
        margin-right: 10%; 
    }

}


@media screen and (min-width: 1440px) { 
    .container { 
        width: 100%; 
        min-width: 940px; 
    }

    .container-no-padding { 
        width: 100%; 
        min-width: 940px; 
    }

    .container-header { 
        width: 100%; 
        padding-left:8%;
        padding-right:8%;
    }
    
    .proyek_birran {
        background-size: cover;
    }
    .teknologi_yg_digunakan{
        margin-right: 0%;
        margin-left: 0%;
        padding-left:2%;
        padding-right:2%;
    }
    .box_mengapa_memilih_birran{
        padding-left: 4%;
        padding-right: 4%;
    }
 
    .box_pelatihan_birran {
    
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 6%;
    
    }
    .box_blog_birran {
        padding-left: 8%;
        padding-right: 8%;
        margin-top: 18%;
    }
    .box_testimoni_birran {
        padding-left: 7%;
        padding-right: 7%;
    }
    /*
    .box_footer{ 
        padding-left: 7%;
        padding-right: 7%;
    }*/
    
    .info_footer { 
        padding-left: 8.5%;
        padding-right: 8.5%;
    }

}




@media screen and (min-width: 1710px) { 
    .container { 
        width: 1440px; 
        min-width: 940px; 
    }

    .container-no-padding { 
        width: 1440px; 
        min-width: 940px; 
    }

    .container-header { 
        width: 1440px; 
        padding-left:5.5%;
        padding-right:5.5%;
    }
    .box_testimoni_birran {
         padding-left: 18%;
         padding-right: 18%;
    }
     

}



/*
1920 x 1080,
2560 x 1440
3440 x 1440
5120 x 2880
*/

@media screen and (min-width: 3440px) { 
    .container { 
        width: 1920px; 
        min-width: 940px;
    }

    .konten1 .birran-adalah-perusa,
    .teknologi_birran p,
    .mengapa_memilih_birran p,
    .b_kualitas p,
    .b_respon_cepat p,
    .b_handal p,
    .b_fleksibel p,
    .b_murah p,
    .list_proyek_terkini .teks p,
    .list_proyek_terkini_judul p,
    .list_proyek_terkini .teks h4,
    .box_pelatihan_birran h1,
    .info_pelatiahan h3,
    .info_pelatiahan p,
    .info_pelatiahan_t h3,
    .info_pelatiahan_t p,
    .profil_footer,
    .kontak_birran_footer,
    .info_testi_d { 
        line-height: 46px;  
    }

    .proyek_birran{
        padding:2%;
    }


    .list_proyek_terkini_judul { 
        margin-left: 2%; 
        padding-top: 2%;
        margin-top: 1%;
    }

    .list_proyek_terkini{ 
        margin-left: 2%; 
        padding-top: 2%;  
        margin-top: 2%;
    }

    .container-no-padding { 
        width: 1920px; 
        min-width: 940px;
    }
    
    .container-header { 
        width: 1920px; 
        padding-left: 6%;
        padding-right: 6%;
    }

    .main-menu{
        padding-right:0px;
    } 
    .box_testimoni_birran{
        margin-top:8%;
    } 
    .box_all_in_action{
        margin-top: 0px;
    }
    
    .box_blog_birran {
        padding-left: 2%;
        padding-right: 2%;
        margin-top: 18%;
    }
    .box_pelatihan_birran {
        padding-left: 2%;
        padding-right: 2%;
        margin-bottom: 6%;
    }
    .keunggulan_birran .container {
        padding-right: 2%;
        padding-left: 2%;
        margin-right: auto;
        margin-left: auto;
    }
    .teknologi_yg_digunakan {
        width: 100%;
        margin-right: 2%;
        margin-left: 2%;
    }

    .konten1 {
        float: left;
        padding-top: 12%;
        padding-left: 2%;
        padding-right: 2%;
        width: 50%;
        min-height: 100%;
    } 


    .ornamen_komen{ 
        margin-top: -8%;
    }

    .masukan_email {
        width: 45%;
        margin-right: 10%; 
    }
    
}


@media screen and (max-width: 600px) { 
    /* mobile */ 
    .box_teknologi_birran {
        min-height: 300px;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        width: 100%;
    } 
    
    .info_footer h3{
        margin-top:8%;
    }

    .logo_tekno{
        width: 100%;
    }

    .channel-yt{
        width: 100%;  
    }
    .container { 
        width: 100%;  
    }

    .container-no-padding { 
        width: 100%;  
    }

    .container-header { 
        width: 100%; 
    }

    body{
        margin:0px;
        font-size: 2em; 
    }
    .box_blog_birran{
        padding-left: 0px;
        padding-right: 0px;
    }
    .topnav a {
        float: none;
        width: 100%;
    }
    .slide_home{
        float: none;
        width: 100%;
        min-height: 600px; 
    }
    
    .logo{
        height: 46px;   
        width: 123.54px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .mengapa_memilih_birran{ 

    }


    .mnmenu-sec{
        min-height: 120px;
        margin-left: auto;
        margin-right: auto; 
        padding-left: 0px;
        padding-right: 0px;
    }
  
    .path-5_p{
        font-size: 14px;
    }

    .konten1{
        float: none;
        /*width: 100%;*/
        min-height: 440px;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .konten1 h1 {  
        font-size: 32px; 
        color: #3D4B51; 
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 300;   
        line-height: 40px;

        
    }
    
    .bg_slide_home{ 
        background: none;
        background-size: contain;
        width: 100%; 
    }


    .hero-img {  
        min-height: 600px;      
        float: none; 
        width: 100%;
    }

    .hero-img img{  
        float: none; 
        width: 100%;
    }

    .birran-telah-memilik {
        float: none; 
        width: 100%;
    }
    

    .keunggulan_birran{
        padding: 2px;
    }

    .keunggulan_birran2{
        margin-top: 20px;
        padding: 2px;
    }

    .keunggulan_birran2 .container{
        width: 100%;
        padding-right: 8%;
        padding-left: 8%;
    }

    .b_fleksibel  { 
        margin-bottom: 10px;
        float: none; 
        width: 100%;
        font-size: 14px;
    }
    
    
     .b_respon_cepat  { 
        float: none; 
        margin-bottom: 10px;
        width: 100%;
    }
     .b_handal{ 
        margin-bottom: 10px;
        float: none; 
        width: 100%;
    } 
     .b_handal_f{ 
        margin-bottom: 10px;
        float: none; 
        width: 100%;
    } 
    .info_pelatiahan{
        float: none; 
        width: 100%; 
        margin-bottom: 10px;
    }
    .info_pelatiahan img{
        float: none; 
        width: 100%; 
    }
    
    .info_blog1 img{
        width: 100%;
        height: 40px;
    }
    
    .info_pelatiahan_t{
        float: none; 
        width: 100%; 
        margin-bottom: 10px;
    }
    .info_pelatiahan_t img{
        float: none; 
        width: 100%; 
    }
     
    .b_fleksibel {    
        float: none; 
        width: 100%;  
        padding: 5px;
    }
    .b_murah {    
        float: none; 
        width: 100%; 
        padding: 5px;
    }
    .info_blog {    
        float: none; 
        width: 100%; 
        min-height: 450px;
        margin-bottom: 20px;
        
    }
    .info_blog img{    
        float: none; 
        width: 100%; 
    }
    
    .info_blog_bi {    
        float: none; 
        width: 100%; 
        min-height: 450px;
        margin-bottom: 20px;
        
    }
    .info_blog_bi img{    
        float: none; 
        width: 100%; 
    }
    
    .info_blog1 {    
        float: none; 
        width: 100%; 
    }
    .info_blog_text{
        float: none; 
        width: 100%; 
    }
    .info_blog1_text  {  
        float: left;
        width: 40%;
        padding: 5px;
        font-size: 12px;
    }
    .info_blog1_text h3{
        font-size: 14px;
    }
    .btnPelatihan{
        margin-top: 5px;
    }
    .btnKomputer{ 
        margin-top: 5px;
    }
    
    .info_testi{
        float: none; 
        width: 100%;
        padding: 10px 20px;
    }

    .info_testi{ 
        float: none; 
        width: 100%; 
        min-height: 340px;
        margin: 0px;
    }   
    .img_5{
        float: left; 
    }
    .nm_img_5{
        width: 100%;
        float: left;
    }
    .des_img_5{
        width: 100%;
        float: left;
        margin-bottom: 8%;
    }
    
    .ini-dia-yang-mereka{
        float: none; 
        width: 100%;
        margin-bottom: 10px; 
    }
    .berikut-adalah-clien{
        float: none; 
        width: 100%; 
    } 
    .box_all_in_action{ 
        background: #00a5f6; 
        margin-top: 40%;
        margin-bottom: 12%;
    }
    .all_in_action{
        background: #00a5f6; 
        float: none; 
        width: 100%; 
        height: 200px;
        color: #fff;
        margin-bottom: 0px; 
        text-align: center;
        margin-top: 10px;
    } 
    .all_in_action h3{ 
        font-size: 24px;  
        color: #ffffff; 
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.36px;
        line-height: 43px;
        width: 100%; 
        float: none;  
        margin: 0px; 
    }  
    a.btnEmailKami  {   
        width: 60%; 
        border-radius: 20.5px;  
        background-color: #FFF;
        height: 50px;  
        margin-left: 20%;
        margin-top: 0px;
    }

    a.lEmailKami  {  
        text-align: center; padding: 10px; 
        color: #00a5f6; font-family: Montserrat;    
        font-size: 16px;    font-weight: 500;   
        letter-spacing: 0.6px;  line-height: 28px;
    }

    
    .box_mengapa_memilih_birran{
        /*background: url('../img/img_background/bg_section2mini.png') no-repeat; */
        min-height: 982px;
        /*padding-top: 5px;*/
        padding-bottom: 5px;
        margin-bottom: 10px; 
        padding-left: 0px;
        padding-right: 0px;
    }


    .b_fleksibel {    
        padding: 5px;
        min-height: 300px;    
    }
    

    .box_proyek{ 
        min-height: 200px;  
        width: 100%;
    }

    .CombinedShape{
        margin-right: 10px;
        background: url('../img/img_background/CombinedShape6mini.png') no-repeat right;
        min-height: 65px; 
    }

    .CombinedShape2{
        margin-left: 50px;
        background: url('../img/img_background/CombinedShape8mini.png') no-repeat left;
        min-height: 85px;
    }
 

    .proyek_birran{ 
        background: #0ab0f7 url('../img/img_home/bg_section4mini.png') no-repeat;
        min-height: 200px;
        background-size: cover;
        width: 100%;
    }

    
    .box_pelatihan_birran{
        background: url('../img/img_background/bg_section22.png') no-repeat;
        min-height: 200px; 
        margin-bottom: 60px;
        background-size: cover;
        padding-left: 0px;
        padding-right: 0px;
    }

    .box_pelatihan_birran h1 { 
        color: #3D4B51; 
        font-size: 24px;    
    }


    .btnEmailKami{
        margin-top: 0px;
    }
    .box_testimoni_birran{
        margin-top: 40px;
        float: none; 
        width: 100%;  
        padding-left: 0px;
        padding-right: 0px;
    }
     
    .ini-dia-yang-mereka{
        margin-bottom: 40px;
    }
    
    #komen_slide{
        position: relative;
        width: 90%;
    }

    .info_testi_d{
        margin-top: 30px; 
        width: 90%;
    } 
    
    .profil_footer { 
        width: 100%;
        min-height: 100px;
    }
    
    .kontak_birran_footer{ 
        width: 100%;
        height: 120px;
    }
    
    .box_footer{ 
        width: 100%; 
        float: none;
    }
    
    .info_footer{
        width: 100%; 
        float: none;
        padding: 10px 5px;
        margin: 0px;
    } 
    
    .info_blog1 { 
        width: 100%; 
        float: none;
    }
    
    .info_blog_img { 
        width: 100%; 
        float: none;
        background-color: #FFFFFF;
    }
    
    .info_blog1_text{ 
        width: 100%; 
        float: none;
        min-height: 180px;
    } 
    
    .copy-right{
        padding-top: 0px;
    }

    b_fleksibel h3{  
        font-size: 24px;     
    } 

    .b_respon_cepat h3{  
        font-size: 24px;        
    } 
    .b_handal h3{  
        font-size: 24px;      
    } 

    .b_fleksibel h3{  
        font-size: 24px;       
    }
    .b_murah h3{  
        font-size: 24px;       
    }
    
    b_fleksibel p{  
        font-size: 14px;  
    } 

    .b_respon_cepat p{  
        font-size: 14px;       
    } 
    .b_handal p{  
        font-size: 14px;     
    } 

    .b_fleksibel p{  
        font-size: 14px;      
    }
    .b_murah p{  
        font-size: 14px;      
    }
    
    .list_proyek_terkini_judul{ 
        width: 100%;
        margin-bottom: 12%; 
        margin-left:2%;
    }
    .list_proyek_terkini{
        margin-top: 2%;
        float: right;
        margin-right: 2%;
        height: 40%;
        width: 100%;
        background: #FFF;
        border-radius: 10px;
        position: relative;
        margin-bottom: 12%; 
    }
    
    .box_testimoni_birran .col-md5{
        width: 100%;
    }

    .box_pelatihan_birran h1{
        width: 100%;
    }

    .box_pelatihan_birran p{
        width: 100%;
    }
    
    .list_proyek_terkini .gambar{
        width: 100%; 
        float: left; 
    }
    
    .list_proyek_terkini .teks{
        width: 100%; 
        float: left;
        padding-top: 2%;
        padding-left: 2%;
        padding-right: 2%;

    } 
    
    .mean-nav ul li img{
        display: none; 
    }
    
    .teknologi_birran h1, .teknologi_birran p{
        width: 100%;
    }   
}