@charset "utf-8";
/*ovr*/
html, body{
    height: 100%;
	 scroll-behavior: smooth;
}
body {font-family: barlow;}
.fa-2x {font-size: 25px !important; margin-left: 5px !important;}
.pseudo-cfai-header {
    height: 150px;
    background: black !important;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 1;
	clip-path: polygon(0% 0%, 0 89%, 8% 100%, 100% 76%, 100% 0);
}
.pseudo-cfai-header-shrink {height: 80px !important;clip-path: polygon(0% 0%, 0 89%, 51% 127%, 100% 86%, 100% 0);}
.navbar {height: 150px;background: transparent !important;}
/*.navbar::before {clip-path: polygon(0% 0%, 0 89%, 8% 100%, 100% 76%, 100% 0);}*/
.nav-shrink {height: 80px;background: transparent !important;}
/*.nav-shrink::before {clip-path: polygon(0% 0%, 0 89%, 51% 127%, 100% 86%, 100% 0);}*/
.btn {border-radius: 0px;}

#tentang,#legalitas,#visimisi,#konektivitas,#galeri,#partner,#kontak {
  
  scroll-margin-top: 90px;
}
body > div > a {
    text-decoration: none;
}
.container-global-cfai {max-width: 2200px;height: 100%;}
/*UI*/
.logo-container {  max-width: 250px	;
  
  position: absolute;
  top: 10px;
}
.header-cfai {flex-direction: column;border-bottom: solid 0px #f2f2f2; height: 150px;}
.bg-footer {background: red;}
.logo-area-cfai-footer-inverse {
    max-width: 125px;
    margin-bottom: 15px;
}

.content-cfai {margin-top: 160px;}
.footer-container {padding-top: 50px; padding-bottom: 50px; width: 100%;}
.breadcrumb-area {background: #f8f8f8;padding-top: 10px; padding-bottom: 10px; }
.title-area {background:#f8f8f8;padding-top: 60px; padding-bottom: 20px;}
.title-area-post {background:#f8f8f8;padding-top: 20px; padding-bottom: 20px;}
.feature-image {height: 85% !important;background-size: cover !important; background-position: center -150px !important;}
.sosmed-share-cfai,.sidebar-cfai {
	 
  position: sticky;
  top: 110px !important;}

.sidebar-cfai {clip-path: polygon(0 9%, 1% 74%, 2% 93%, 72% 93%, 82% 99%, 100% 90%, 105% 60%, 100% 13%, 57% 0%);background:#474747;background-image: url("../images/joe-sidebar.jpg");background-size: cover; background-position: center 60%;}
.banner-area-cfai,.banner-inside-cfai {background-color: #ccc; background-size: cover;background-position: center center;height: 600px !important;margin-top: -90px;}
.inside-banner {width: 100%;height: 100%;background-size: cover; background-position: top center;}
.content-banner {height: 100% !important;}
.button-scroll-down-cfai {    position: absolute;

    margin-left: auto;

    margin-right: auto;

    width: 65px;

    left: 0;

    right: 0;
z-index: 10;
    margin-top: -100px;}
.footer-cfai-container {margin-top: -100px;padding-top: 75px; padding-bottom: 75px;background: black; clip-path: polygon(0 0, 83% 16%, 100% 0, 100% 100%, 0 100%);}

.title-area-container {margin-top: 70px;margin-bottom: 50px;}
.sidebar-cfai {padding: 75px 50px;  }

.page_item {list-style-type: disclosure-closed;color: #ccc; margin-bottom: 10px;}
a.page_item:hover {color: #333;}

/*banner-cfai*/
.banner-cfai {clip-path: polygon(0% 0%, 0 85%, 75% 92%, 100% 85%, 100% 0);height: 100%; background: black;margin-top: 80px;background-image: url("../images/banner-cfai3.jpg");background-position: center -50px;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
.banner-transition-cfai {background-image: url("../images/joe4.jpg"); height:2000px;background-size: cover;margin-top: -300px;}
.banner-transition-header-cfai {height:125%;background-size: cover; background-position: bottom;}
.banner-single-transition-header-cfai {height:100%;background-size: cover; background-position: bottom;    clip-path: polygon(0% 0%, 0 99%, 12% 100%, 100% 96%, 100% 0);}
.banner-partners-cfai {clip-path: polygon(0% 10%, 0 100%, 100% 100%, 100% 15%, 19% 7%);
    padding-top: 400px;
    padding-bottom: 400px;
    display: block;

}
.content-front-cfai {margin-top: -1650px;}
.content-inside-cfai {margin-top: -25%;padding-bottom: 200px;}
.content-inside-cfai-system {padding-bottom: 200px;padding-top: 200px;}
.content-single-inside-cfai {padding-bottom: 100px;margin-top: -70px;}
.cfai-button-pad-right {padding-left: 20px;}
/*typo*/
.sidebar-p {font-size: 16px;}
.cfai-title1 {display: table;clip-path: polygon(0 24%, 7% 83%, 29% 75%, 49% 79%, 75% 81%, 100% 69%, 100% 37%, 83% 22%, 47% 32%, 24% 23%);}
.cfai-title2 {display: table;clip-path: polygon(1% 19%, 5% 84%, 64% 79%, 55% 51%, 34% 48%, 58% 82%, 78% 83%, 87% 76%, 96% 80%, 98% 37%, 94% 19%, 67% 22%, 34% 22%, 82% 14%)}
.cfai-title2-inside {display: table;clip-path: polygon(1% 19%, 5% 84%, 64% 79%, 55% 51%, 34% 48%, 58% 82%, 78% 83%, 87% 76%, 96% 80%, 98% 37%, 94% 19%, 67% 22%, 34% 22%, 82% 14%);margin-left: auto;margin-right: auto;}
.cfai-title3 {display: table;clip-path: polygon(5% 24%, 7% 83%, 19% 75%, 49% 79%, 75% 81%, 100% 69%, 100% 37%, 83% 22%, 47% 32%, 34% 23%);}
.cfai-container-content {display: table;clip-path: polygon(5% 24%, 7% 83%, 19% 75%, 49% 79%, 75% 81%, 100% 69%, 100% 37%, 83% 22%, 47% 32%, 34% 23%);}
.cfai-inside-title-bg {background: red;padding: 55px; color: #fff;
    margin-left: -35px;padding: 65px;    margin-top: -150px;
    margin-bottom: 150px;}
.cfai-inside-title-bg-page {background: red;padding: 55px; color: #fff;
    margin-left: -35px;padding: 65px;    
    margin-bottom: 50px;}
.tagline-cfai {color: white;font-size: 55px;
    font-weight: 600;}
.tagline-cfai-larger  {color: white;font-size: 65px;
    font-weight: 900;}
.cfai-headline-sidebar {margin-bottom: 0px;    line-height: 8px;}
.logo-footer-text,.content-footer-text {
    font-size: 13px;
	color: #fff !important;
}
.cfai-p-footer {font-size: 14px;}
.cfai-crumb,.breadcrumb-link, a.breadcrumb-link {color: #333; font-size: 13px;}
p,li {font-size: 20px; font-weight: 400;}
h2,h4,h5 {font-weight: 500;}
h3 {font-weight: 500;}
h2 {font-size: 35px;}
h3 {font-size: 25px;}
.link_image {color: black;text-decoration: none;font-size: 25px; font-weight: 900;}
.title-inside-banner1 {color: #3D3D3D; font-size: 40px;font-weight: 700;  }

.cfai-breadcrumb,a.cfai-breadcrumb {color: #333;}
.vc_figure-caption {font-size: 22px !important; font-weight: 700;}

.shiftnav-toggle-button {
   
    background: transparent !important;
    
}

.ngg-gallery-thumbnail {
  
    background-color: transparent !important;
    border: 0px solid #A9A9A9 !important;
  
}
.size-large,.size-full {margin-bottom: 25px !important; margin-top: 15px;}
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
   
    background-color: transparent !important;
}

.ubermenu.ubermenu-main {
    background: transparent !important;
   
}

.logo-container-shrink {  max-width: 110px	;

  top: 10px;
}
.fa-bars {color: white;}
.shiftnav.shiftnav-skin-light {
 
    width: 220px;

}

/*.shiftnav-inner {
 
    background-color: #fff !important;
}*/
.shiftnav ul.shiftnav-menu li.menu-item {
    background-color: #fff !important;
}

.wpb_posts_slider .flex-caption, .wpb_posts_slider .nivo-caption {
   
    padding: 45px !important;
    
}

.bt368-nav-ptt[id^="jps_bete_"][data-style*="bt-post-grid-"] .bt-ajax-listing .bt-title-config {
 
  font-size: 25px;
  font-weight: 900;
}
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
   
    z-index: 5000000;
}
.ubermenu, .ubermenu .ubermenu-column, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-icon, .ubermenu .ubermenu-image, .ubermenu .ubermenu-item, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-row, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-submenu, .ubermenu .ubermenu-submenu-footer, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-target, .ubermenu-responsive-toggle {

    border-radius: 5px !important;
}

.wpwax-lsu-ultimate .wpwax-lsu-item.wpwax-lsu-item-bordered .wpwax-lsu-item-inner {
    border: 0px !important;
}
.wpwax-lsu-ultimate.wpwax-lsu-hover-active .wpwax-lsu-item img {
 
    border-radius: 50%;
}

.right-side-cfai {text-align: right;}

.membershipcard1 .arm_card_details {
    float: left;

    margin-top: 5%;
}
.membershipcard1 {
    
    width: calc(100% - 210px);
    margin-top: 25px;
}

.arm_template_wrapper_profiletemplate2 .arm_user_social_icons_right .social_profile_fields {

  text-align: center !important;

  margin-bottom: 30px;
  margin-top: -15px;
}
.arm_template_wrapper_profiletemplate2 .arm_profile_header_top_box {
  
  display: block !important;
  position: relative !important;
  text-align: center !important;
}

/*.arm_template_wrapper_profiletemplate2 .arm_profile_picture_block_inner .arm_user_avatar {

  margin-left: auto !important;
  margin-right: auto !important;
}

.arm_template_wrapper * {
 width: 100%;
}*/

@media (min-width: 1200px){
	.mobile {display: none;}
}

@media (min-width: 992px) and (max-width: 1199.88px){
	.desktop {display: none;}

}

@media (min-width: 768px) and (max-width: 991.98px){
	.desktop {display: none;}
	.logo-container-area,.mobile-nav {-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
		.logo-containter {
    max-width: 150px;
    margin-left: -10px;
    position: absolute;
    top: -27px;
}
	.logo-containter-shrink {
    max-width: 100px;
    top: -46px;
		margin-left: -20px;
}
	
	.mobile-nav-shrink {top:-28px;}
}

@media (min-width: 576px) and (max-width: 767.98px){
	.desktop {display: none;}
		.logo-container-area,.mobile-nav {-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;}
	
		.logo-containter {
    max-width: 150px;
    margin-left: -10px;
    position: absolute;
    top: -27px;
}
	.logo-containter-shrink {
    max-width: 100px;
    top: -46px;
		margin-left: -20px;
}
	
	.mobile-nav-shrink {top:-28px;}
	
}

@media (max-width: 575.98px){
    
    .banner-transition-header-cfai {
    height: 60%;
    
}
	.right-side-cfai {
  text-align: left;
}
	.banner-cfai {height: 80%; background: black;margin-top: 80px;background-image: url("../images/banner-cfai3.jpg");background-position: left;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
	.tagline-cfai {color: white;font-size: 25px;
    font-weight: 600;}
.tagline-cfai-larger  {color: white;font-size: 35px;
    font-weight: 900;}
	
	.banner-transition-cfai {background-image: url("../images/joe-free.jpg"); height:500px;background-size: cover;margin-top: -120px;}
	.content-front-cfai {margin-top: -350px;}
	.cfai-button-pad-right {padding-left: 0px;}
	
	.mobile-cfai-inframe {font-size: 14px;}
	.desktop {display: none;}
	.logo-containter {
    max-width: 150px;
    margin-left: -10px;
    position: absolute;
    top: -27px;
}
	.logo-containter-shrink {
    max-width: 100px;
    top: -42px;
		margin-left: -20px;
}
	
	
	.logo-container-area {
		max-width: 100px;
		-ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;}
	.mobile-nav {-ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;}
	
	.mobile-nav-shrink {top:-24px;}
	
	.header-cfai {height: 82px;}
	.feature-image {
    
    background-position: center center !important;
}
	h2 {font-size: 30px;}
h3 {font-size: 25px;}
.title-inside-banner1 {color: #3D3D3D; font-size: 35px;font-weight: 800;  }
	
	    .membershipcard1 .arm_card_left_logo img {
        width: 150px !important;
        
    }
	
}