/* load font */
@import url('../fonts/stylesheet.css');


@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
/* 
	

	font-family: "Quicksand", sans-serif;
	font-family: 'General Sans';
	*/
/*--------------------------------
1. Body 
-------------------------------- */
body{
	/*background: url();
	background-size: 100%;*/
	background: #f2f5fb;
	position: relative;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: bottom;
	font-weight: 400;
	font-family: "Quicksand", sans-serif;
	overflow-x: hidden !important;
	top: 0px !important;
}
html, body{}
html{}
a:hover{
	text-decoration: none;
}
a:active{
	text-decoration: none;
}
a:focus{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
}
ul{
	margin: 0;
	padding: 0;
}
h1{
	font-size:30px;
}
h2{
	font-size:26px;
}
h3{
	font-size:24px;
}
h4{
	font-size:20px;
}
h5, h6{
	font-size:16px
}
p {
    margin: 0 0 15px;
}
::-webkit-input-placeholder{
   color: #A29888;
}
:-moz-placeholder{ /* Firefox 18- */
   color: #A29888;  
}
::-moz-placeholder{  /* Firefox 19+ */
   color: #A29888;  
}
:-ms-input-placeholder{  
   color: #A29888;  
}
.clear{
	clear: both;
}
.text-center{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
/* ============================================================================== */
.wrap-main-menu-top{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.box-main-menu-top{
	background: rgba(220, 219, 234, 0.76);
	border-radius: 10px;
	position: relative;
	backdrop-filter: blur(10px);
}
.main-menu-top-center{
	position: relative;
}
.main-menu-top-center ul{
	text-align: center;
}
.main-menu-top-center > ul > li > a:hover{
	background: #4868AD;
	color: #fff;
}
.main-menu-top-center ul li.active a{
	background: #4868AD;
	color: #fff;
}
.main-menu-top-center > ul > li > a{

	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.main-menu-top-center ul li a{
	position: relative;
	color: #000;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 7px;
}
.main-menu-top-center > ul > li{
	margin-left: 7px;
	margin-right: 7px;
	padding-top: 18px;
	padding-bottom: 18px;
}
.main-menu-top-center ul li{
	list-style: none;
	display: inline-block;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
	font-family: 'General Sans';
	position: relative;
}
.main-menu-top-center ul > li.menu-item-has-children > a{
	position: relative;
	padding-right: 25px;
}
.main-menu-top-center ul > li.menu-item-has-children:hover > a:after {
	color: #fff;
}
.main-menu-top-center ul > li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Fontawesome", sans-serif;
    font-size: 17px;
    color: #141414;
	position: absolute;
	top: 4px;
	right: 3px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.main-menu-top-center ul li.menu-item-has-children:hover ul{
	visibility: visible;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.4s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.4s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.4s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.4s;
    animation-name: fadeInUp;
    animation-duration: 0.4s;
}
/* sub menu */
.main-menu-top-center ul ul {
    padding-top: 10px;
    padding-bottom: 5px;
    position: absolute;
    top: 69px;
    left: 0px;
    width: 200px;
    background: #e9e9e9;
    visibility: hidden;
}
.main-menu-top-center ul ul li a:hover{
	color: #4868AD;
}
.main-menu-top-center ul ul li {
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 8px;
}

.main-logo-top{
	position: absolute;
	left: 15px;
	top: 15px;
	height: 37px;
	z-index: 2;
}
.main-logo-top img{
	height: 100%;
}
.cta-button-menu-floating{
	position: absolute;
	right: 15px;
	right: 0px;
	padding-right: 15px;
	top: 15px;
	z-index: 9;
}
.cta-button-menu-floating a{
	display: inline-block;
}
.bt-cta-join:hover{
	background: #16141a;
	color: #C9E2B4;
}
.bt-cta-join i{
	margin-left: 5px;
}
.bt-cta-join{
	width: 100px;
	font-size: 14px;
	background: #312D39;
	color: #C9E2B4;
	font-weight: 600;
	font-family: 'General Sans';
	padding-top: 8px;
	padding-bottom: 9px;
	text-align: center;
	cursor: pointer;
	border-radius: 20px;
	display: block;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-cta-login{
	width: 90px;
	font-size: 14px;
	background: #F2F5FB;
	color: #2A2D2D;
	margin-right: 10px;
	font-weight: 600;
	font-family: 'General Sans';
	padding-top: 8px;
	padding-bottom: 9px;
	text-align: center;
	border-radius: 20px;
	display: block;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-cta-login:hover{
	background: #e3e6ed;
	color: #2A2D2D;
}

.wrap-main-header{
	position: relative;
	width: 100%;
}
.wrap-main-header > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main-header-info-desc{
	position: absolute;
	bottom: 0;
	left: 0;
	padding-left: 60px;
	padding-right: 120px;
	padding-bottom: 90px;
	width: 100%;
}
.sec-main-header-left h2{
	font-size: 79px;
	font-weight: 700;
	line-height: 90px;
	color: #F9F6F8;
	font-family: 'General Sans';
}
.sec-main-header-left{
	width: 550px;
}
.sec-main-header-right h4{
	font-size: 17px;
	font-weight: 700;
	line-height: 30px;
	color: #F9F6F8;
	text-align: left;
	display: block;
	margin-bottom: 20px;
}
.wrap-sec-main-header-right{
	text-align: right;
}
.sec-main-header-right{
	width: 400px;
	display: inline-block;
}
.in-col-lg-6{
	display: inline-block;
	vertical-align: bottom;
	width: 49%;
}
.padding-container{
	padding-left: 40px;
	padding-right: 40px;
}
.sec-main-content-1{
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
}
.wrap-main-content-1{
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}
.content-1-sec-img{
	position: relative;
	width: 100%;
}
.content-1-sec-img img{
	width: 100%;
	border-radius: 25px;
}
.sec-main-content-1 .col-lg-6{
	padding-left: 40px;
	padding-right: 40px;
}
.content-1-meta-text{
	position: relative;
	margin-bottom: 30px;
}
h2.title-c1-text1{
	font-size: 49px;
	line-height: 60px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 30px;
	font-family: 'General Sans';
}
p.subtext-title-c1-texxt{
	font-size: 14px;
	font-weight: 600;
	color: #000;
	margin-bottom: 25px;
}
.bt-cta-lanjut i{
	margin-left: 5px;
}
.bt-cta-lanjut:hover{
	background: #86B962;
	color: #1C2E14;
	vertical-align: middle;
	display: inline-block;
}
.bt-cta-lanjut{
	color: #1C2E14;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	border: 1px solid #1C2E14;
	border-radius: 25px;
	vertical-align: middle;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-main-content-2{
	position: relative;
	text-align: right;
	padding-left: 40px;
	padding-top: 100px;
	padding-bottom: 100px;
	background: #6B4957;
}
.content-2-meta-text{
	display: inline-block;
	width: 39%;
	vertical-align: middle;
	text-align: left;
	padding-right: 40px;
}
.content-2-video-play{
	display: inline-block;
	width: 60%;
	vertical-align: middle;
}
.default__button{
	color: #C9E2B4 !important;
}
.default__button--big{
	color: #C9E2B4 !important;
}
h2.title-content-meta1{
	font-size: 53px;
	font-weight: 700;
	color: #F9F6F8;
	line-height: 60px;
	margin-bottom: 25px;
	font-family: 'General Sans';
}
p.subtext-content2-meta-2{
	font-size: 15px;
	font-weight: 600;
	color: #F9F6F8;
	margin-bottom: 20px;
}
.ckin__overlay{
	margin-bottom: 0 !important;
	border-radius: 25px !important;
}
.wrap-main-content-3{
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 100px;
	padding-bottom: 100px;
	background: rgb(235,223,230);
	background: linear-gradient(0deg, rgba(235,223,230,1) 0%, rgba(244,239,242,1) 100%);
}
.main-content-3-title{
	position: relative;
	margin-bottom: 10px;
}
.main-content-3-title h2.title-content-meta1{
	color: #312D39;
}
.main-content-3-title p.subtext-content2-meta-2{
	color: #312D39;
}
.item-sec-content-3-col{
	position: relative;
	margin-bottom: 30px;
}
.content-3-col-img:hover img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.content-3-col-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 25px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.content-3-col-img{
	position: relative;
	width: 100%;
	height: 600px;
	margin-bottom: 5px;
	overflow: hidden;
	border-radius: 25px;
}
.item-sec-content-3-col:hover .content-3-col-desc{
	background: #C9E2B4;
}
.content-3-col-desc{
	position: relative;
	border-radius: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #eee5ea;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
h3.title-content3-text1{
	font-size: 35px;
	font-weight: 600;
	color: #2A2D2D;
	line-height: 43px;
	margin-bottom: 20px;
	font-family: 'General Sans';
}
h4.title-content3-text1{
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	color: #2A2D2D;
	margin-bottom: 20px;
	min-height: 80px;
}
.bt-join-link-cta-c3 i{
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
}
.bt-join-link-cta-c3:hover{
	background: #4F7D33;
	color: #F4F4F9;
	border: 1px solid #F4F4F9;
}
.bt-join-link-cta-c3{
	color: #2A2D2D;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	border: 1px solid #1C2E14;
	border-radius: 25px;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.copyright-footer{
	padding-left: 80px;
	padding-right: 80px;
	border-top: 1px solid #A198BC;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #C7C5DC;
}
h4.title-copyright-f{
	font-size: 10px;
	font-weight: 500;
	color: #707978;
}
.copyrightby-foo img{
	display: inline-block;
	height: 20px;
	margin-left: 6px;
	vertical-align: middle;
}
.copyrightby-foo{
	position: relative;
	text-align: right;
	font-size: 10px;
	font-weight: 500;
	color: #707978;
}
.wrap-main-footer{
	position: relative;
	background: #C7C5DC;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 80px;
	padding-right: 80px;
}
.main-logo-footer{
	width: 200px;
}
.main-logo-footer img{
	width: 100%;
}
.section-footer-block{
	position: relative;
	margin-bottom: 40px;
}
h2.heading-title-block-t{
	color: #2A2D2D;
	font-family: 'General Sans';
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
}
h4.subtitle-footer-block-item{
	font-size: 13px;
	font-weight: 600;
	color: #2A2D2D;
	margin-bottom: 20px;
	line-height: 19px;
}
ul.social-media-footer{}
ul.social-media-footer li a:hover{
	color: #86B962;
}
ul.social-media-footer li a{
	color: #2A2D2D;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.social-media-footer li{
	list-style: none;
	font-size: 24px;
	display: inline-block;
	margin-right: 20px;
}
.bt-cta-menu-mobile{
	display: none;
	font-size: 22px;
	cursor: pointer;
}


.bt-close-menu-mobile i{
	font-size: 20px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}
.bt-close-menu-mobile{
	display: inline-block;
	background: #fff;
	position: relative;
	margin-bottom: 25px;
	color: #1A163B;
	font-size: 16px;
	text-align: center;
	margin-left: 30px;
	font-weight: 700;
	cursor: pointer;
}
.wrap-sidebar-menu-mobile-active{
	display: block !important;
	-webkit-animation-name: fadeInLeft;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInLeft;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInLeft;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInLeft;
    -o-animation-duration: 0.5s;
    animation-name: fadeInLeft;
    animation-duration: 0.5s;
}
.wrap-sidebar-menu-mobile{
	position: fixed;
	left: 0;
	top: 0;
	width: 250px;
	height: 100vh;
	background: #fff;
	z-index: 99;
	padding-top: 20px;
	display: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.menu-mobile-res li.active a{
	background: #4868AD;
	color: #fff;
}
ul.menu-mobile-res li.menu-item-has-children a:hover:before{
	color: #fff;
}
ul.menu-mobile-res li a:hover{
	background: #4868AD;
	color: #fff;
}
ul.menu-mobile-res li a{
	position: relative;
	display: block;
	color: #1A163B;
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 8px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.menu-mobile-res li{
	list-style: none;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
	position: relative;
}
ul.menu-mobile-res > li.menu-item-has-children > a:before {
    content: "\f107";
    font-family: "Fontawesome", sans-serif;
    font-size: 20px;
    color: #000;
    vertical-align: middle;
    position: absolute;
    right: 8px;
    top: 4px;
    z-index: 9;
}
ul.menu-mobile-res > li.menu-item-has-children a.icon-change:before {
    content: "\f106";
}
ul.menu-mobile-res{
	padding-left: 10px;
	padding-right: 10px;
}
ul.menu-mobile-res ul {
    display: none;
    padding-right: 20px;
    padding-top: 10px;
	padding-left: 10px;
}
ul.main-menu-mobile ul li {
    font-size: 15px;
    padding-bottom: 8px;
	text-transform: uppercase;
    position: relative;
    list-style: none;
}
body.menu-mobile-open{
	overflow-y: hidden;
	
	/* -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.9s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.9s;
    -ms-animation-name: fadeIn;
    -ms-animation-duration: 0.9s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 0.9s;
    animation-name: fadeIn;
    animation-duration: 0.9s; */
}
body.menu-mobile-open:before{
	content:"";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.8);
	z-index: 99;
}
.wrap-logo-section-list-tentang-kami{
	position: relative;
	padding-left: 60px;
	padding-right: 60px;
	margin-bottom: 50px;
}
.box-logo-section-list-tentang-kami{
	position: relative;
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	background: #EBDEE6;
	border-radius: 25px;
	box-shadow: 0px 9px 11px -3px rgba(71,41,58,0.54);
-webkit-box-shadow: 0px 9px 11px -3px rgba(71,41,58,0.54);
-moz-box-shadow: 0px 9px 11px -3px rgba(71,41,58,0.54);
}
.wrap-logo-section-list{
	position: relative;
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	background: #F4EFF2;
}
.item-logo-section-list img{
	height: 100%;
}
.item-logo-section-list{
	display: inline-block;
	height: 80px;
	margin-left: 17px;
	margin-right: 17px;
	margin-bottom: 30px;
}


.bt-join-cta-head i{
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
.bt-join-cta-head:hover{
	background: #86B962;
	color: #F3F6FB;
}
.bt-join-cta-head{
	display: block;
	color: #2A2D2D;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	border: 1px solid #86B962;
	border-radius: 25px;
	background: #F3F6FB;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wr-bt-join-header{
	text-align: left;
}
.slider-main-header{
	position: relative;
}
.item-slider-main-i{
	position: relative;
	height: 100vh;
}
.item-slider-main-i img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.slider-main-header .owl-item.active .sec-main-header-left{
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 1.3s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 1.3s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 1.3s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 1.3s;
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}
.slider-main-header .active .wrap-sec-main-header-right{
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 1.3s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 1.3s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 1.3s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 1.3s;
    animation-name: fadeInUp;
    animation-duration: 1.3s;
}


.slider-main-header .owl-dots{
    position: absolute;
    margin: auto;
	left: 0;
	right: 0;
	bottom: 20px;
    text-align: center;
}
.slider-main-header .owl-dot {
    width: 12px;
    height: 12px;
    /* background: rgba(255,255,255, 0.5); */
    position: relative;
    background: #E6E7EE99;
    border-radius: 50%;
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    z-index: 99;
	outline: none !important;
}
.slider-main-header .owl-dot.active{
    background-color: #E6E7EE99 !important;
	width: 40px;
	border-radius: 15px;
}
.slider-main-header .owl-dot:hover{
    background-color: #E6E7EE99 !important;
	/* width: 40px;
	border-radius: 15px; */
}
.title-logo-sec-in span{
	font-weight: 600;
	color: #38508D;
}
.title-logo-sec-in.title-logo-sec-in-cus-2{
	font-weight: 700;
}
.title-logo-sec-in{
	position: relative;
	margin-bottom: 40px;
	font-size: 52px;
	font-weight: 500;
	color: #312D39;
	text-align: center;
	font-family: 'General Sans';
}
.wrap-main-header-section-content{
	position: relative;
	height: 100vh;
	background: rgb(220,197,209);
	background: linear-gradient(0deg, rgba(220,197,209,1) 0%, rgba(234,220,228,1) 100%);
}
.img-header-sec-content-bidang{
	position: relative;
	width: 50%;
	height: 100%;
}
.img-header-sec-content-bidang img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.img-header-sec-content-desc-in{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.img-header-sec-content-desc{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	display: table
}
h2.title-c-header-ahli{
	font-size: 79px;
	font-family: 'General Sans';
	font-weight: 700;
	margin-bottom: 30px;
	color: #312D39;
	text-transform: uppercase;
}
.in-sec-content-header-ahli{
	width: 450px;
	margin: auto;
}
ul.list-link-anchor-sec{
	padding-left: 60px;
}
ul.list-link-anchor-sec li.active{
	color: #4F7D33;
}
ul.list-link-anchor-sec li.active a{
	color: #4F7D33;
	border-bottom: 2px solid #689E44;
}
ul.list-link-anchor-sec li:hover:before{
	color: #4F7D33;
}
ul.list-link-anchor-sec li:hover{
	color: #4F7D33;
}
ul.list-link-anchor-sec li a:hover{
	color: #4F7D33;
	border-bottom: 2px solid #689E44;
}
ul.list-link-anchor-sec li a{
	color: #312D39;
	display: inline-block;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
	border-bottom: 2px solid transparent;
}
ul.list-link-anchor-sec li:before{
	content:"\f0da";
	font-family:"Fontawesome",sans-serif;
	font-size: 30px;
	position: absolute;
	left: -50px;
	top: -5px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.list-link-anchor-sec li{
	position: relative;
	list-style: decimal;
	font-size: 23px;
	font-weight: 500;
	color: #312D39;
	margin-bottom: 25px;
}
.wrap-section-2-col-content{
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
}
.container-padding{
	padding-left: 40px;
	padding-right: 40px;
}
h3.head-title-2-col-text span{
	font-style: italic;
}
h3.head-title-2-col-text{
	font-size: 27px;
	color: #312D39;
	font-weight: 500;
	font-family: 'General Sans';
	margin-bottom: 30px;
}
.sec-content-sec-2-col-left{
	position: relative;
	margin-bottom: 30px;
	padding-right: 40px;
}
.sec-content-sec-2-col-left p{
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 25px;
}
.sec-content-sec-2-col-left h2{
	font-size: 53px;
	font-weight: 700;
	color: #312D39;
	font-family: 'General Sans';
	margin-bottom: 40px;
}
.img-sec-2-col-res{
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}
.img-sec-2-col-res img{
	width: 100%;
	border-radius: 25px;
	
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-slider-content-sec{
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #374971;
	padding-left: 40px;
	padding-right: 40px;
}
h2.title-content-slider-meta1.title-content-meta1{
	color: #F9F6F8;
	margin-bottom: 60px;
}
.slider-section-content1{
	position: relative;
}
.item-slider-sec-c1{
	position: relative;
}
.img-slider-sec-c1{
	position: relative;
	width: 100%;
	height: 200px;
}
.img-slider-sec-c1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.desc-slider-sec-c1{
	position: relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #fff;
}
h4.title-desc-sec-c1{
	font-weight: 700;
	font-size: 16px;
	color: #2A2D2D;
	min-height: 45px;
	margin-bottom: 5px;
}
a.bt-readmore-desc-sec-c1{
	color: #689E44;
	font-size: 12px;
	font-weight: 700;
}
.nav-slider-client-bt{
	position: absolute;
	bottom: -5px;
	left: 300px;
	z-index: 9;
}
.nav-slider-client-bt-prev:hover{
	color: #1A163B;
    background: #ECFCCB;
}
.nav-slider-client-bt-prev{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	color: #A9A6C2;
	background: #F1F1F6;
	display: inline-block;
	font-size: 20px;
	padding-top: 3px;
	cursor: pointer;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.nav-slider-client-bt-next:hover{
	color: #1A163B;
    background: #ECFCCB;
}
.nav-slider-client-bt-next{
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	color: #A9A6C2;
	background: #F1F1F6;
	display: inline-block;
	font-size: 20px;
	padding-top: 3px;
	cursor: pointer;
	margin-left: 10px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wr-slider-c-sec{
	position: relative;
	padding-bottom: 0px;
}
.slider-section-content1 .owl-dots{
    position: relative;
    margin: auto;
    text-align: left;
	margin-top: 35px;
}
.slider-section-content1 .owl-dot {
    width: 12px;
    height: 12px;
    /* background: rgba(255,255,255, 0.5); */
    position: relative;
    background: #E6E7EE;
    border-radius: 50%;
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
    z-index: 99;
	outline: none !important;
}
.slider-section-content1 .owl-dot.active{
    background-color: #A9A6C2 !important;
	width: 40px;
	border-radius: 15px;
}
.slider-section-content1 .owl-dot:hover{
    background-color: #A9A6C2 !important;
	/* width: 40px;
	border-radius: 15px; */
}
.wrap-section-content-3{
	position: relative;
	/* padding-top: 50px; */
}
.wrap-section-content-3-insec{
	position: relative;
	/* padding-right: 120px; */
}
h2.title-sec-3-heading.title-sec-3-heading-cus{
	color: #fff;
	width: 80%;
	margin: auto;
	text-align: center;
	margin-bottom: 40px;
}
h2.title-sec-3-heading{
	font-size: 53px;
    font-weight: 700;
    color: #312D39;
    font-family: 'General Sans';
    margin-bottom: 40px;
	width: 40%;
}
.wrap-sec-3-content-right-list{
	position: relative;
}
.custom-padding-left-sec{
	padding-left: 100px;
}
.custom-padding-left-sec2{
	padding-left: 30px;
}
ul.list-sectino-content-3{}
ul.list-sectino-content-3 li:before{
	content:"";
	position: absolute;
	left: 10px;
	top: 39px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #312D39;
}
ul.list-sectino-content-3 li:first-child{
	border-top: 1px solid #B2ADCC;
}
ul.list-sectino-content-3 li p{
	font-size: 15px;
	color: #222D46;
	margin-top: 20px;
	font-weight: 400;
}
ul.list-sectino-content-3.list-sectino-content-3-cus-numb li:before{
	display: none;
}
ul.list-sectino-content-3.list-sectino-content-3-cus-numb{
	
}
ul.list-sectino-content-3.list-sectino-content-3-cus-numb li{
	position: initial !important;
	list-style: decimal;
	padding-left: 0;
}
ul.list-sectino-content-3 li b{
	font-weight: 800 !important;
	
	font-family: 'General Sans' !important;
}
ul.list-sectino-content-3 li{
	list-style: none;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	color: #312D39;
	border-bottom: 1px solid #B2ADCC;
	padding-bottom: 30px;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 20px;
}
.row-content:last-child{
	border-bottom: none;
}
.row-content{
	position: relative;
	padding-bottom: 70px;
	padding-top: 70px;
	border-bottom: 1px solid #312D39;
}

.wrap-section-4-col-content{
	position: relative;
	background: #ebdfe6;
	padding-top: 80px;
	padding-bottom: 80px;
}
.custom-padding-right-sec{
	padding-right: 100px;
}
.wrap-sec-link-to-regist{
	position: relative;
	padding-top: 80px;
	padding-bottom: 160px;
	background: #1C2E14;
}
.wrap-sec-link-to-regist-in{
	position: relative;
}
.sec-in-content-regist-info{
	position: relative;
	margin: auto;
	width: 550px;
	text-align: center;
}
p.par-info-reg-c{
	font-size: 14px;
    font-weight: 600;
    color: #F9F6F8;
    margin-bottom: 25px;
}
.sec-in-content-regist-info h3.head-title-2-col-text{
    color: #F9F6F8;
}
.sec-in-content-regist-info h2.title-sec-3-heading{
	width: 100%;
    color: #F9F6F8;
}

.bt-join-link-cta-c4 i{
	vertical-align: middle;
	display: inline-block;
	margin-left: 10px;
}
.bt-join-link-cta-c4:hover{
	background: #A6CE88;
	color: #F4F4F9;
}
.bt-join-link-cta-c4{
	color: #F4F4F9;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	border: 1px solid #A6CE88;
	border-radius: 25px;
	margin-top: 30px;
	vertical-align: middle;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 8px;
	margin-bottom: 0px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.img-reg-list-1 img{
	width: 100%;
}
.img-reg-list-1{
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 270px;
}
.img-reg-list-2 img{
	width: 100%;
}
.img-reg-list-2{
	position: absolute;
	right: 0;
	bottom: -100px;
	width: 270px;
}
.wrap-section-form-reg{
	position: relative;
	padding-top: 130px;
	padding-bottom: 80px;
}
.box-green-info-reg-in{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding-left: 30px;
	padding-right: 30px;
}
.box-green-info-reg.box-green-info-reg-cus{
	width: 70%;
	text-align: center;
}
.box-green-info-reg{
	display: table;
	position: absolute;
	background: #C9E2B4;
	left: 0;
	top: 50px;
	text-align: left;
	width: 50%;
	height: 600px;
	border-radius: 30px;
}
.box-green-info-reg-cus .box-green-info-reg-in-container{
	width: 60%;
	margin: auto;
	margin-left: 90px;
}
.box-green-info-reg-in-container{
	width: 70%;
}
h3.headsub-title-green-box-2{
	color: #312D39;
	font-family: 'General Sans';
	font-weight: 700;
	font-size: 29px;
	margin-bottom: 20px;
}
h2.title-green-box-info1{
	font-size: 54px;
	font-weight: 700;
	color: #312D39;
	font-family: 'General Sans';
	margin-bottom: 20px;
}
.box-green-info-reg-cus h4.title-green-box-info2{
	font-weight: 400;	
}
h4.title-green-box-info2{
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	color: #534D62;
	margin-bottom: 0;
}
.wrap-box-registration{
	position: relative;
	text-align: right;
}
.box-registration-form-active{
	display: inline-block !important;
	-webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeIn;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeIn;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeIn;
    -o-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
}
.regist-form-thankyou img{
	width: 100%;
	border-radius: 25px;
}
.regist-form-thankyou{
	display: inline-block;
	width: 40%;
}
.wrap-regist-form-thankyou{
	position: relative;
	text-align: right;
}
.wrap-box-registration-form{
	position: relative;
	width: 55%;
	display: inline-block;
	text-align: left;
	z-index: 4;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.box-registration-form{
	display: none;
	width: 100%;
}
.style-box-form-reg{
	background: #fff;
	border-radius: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
	box-shadow: -8px 8px 24px -3px rgba(82,112,173,0.54);
-webkit-box-shadow: -8px 8px 24px -3px rgba(82,112,173,0.54);
-moz-box-shadow: -8px 8px 24px -3px rgba(82,112,173,0.54);
}
.head-meta-info-reg{
	position: relative;
	margin-bottom: 35px;
}
h4.title-step-info-reg{
	font-size: 12px;
	font-weight: 700;
	color: #312D39;
	margin-bottom: 7px;
}
h3.title-main-info-reg{
	font-size: 28px;
	font-weight: 600;
	font-family: 'General Sans';
	margin-bottom: 0;
	color: #312D39;
}
.form-in-section-reg{
	position: relative;
}
.item-section-input-reg{
	position: relative;
}
.item-section-input-reg-in{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
}
h4.title-sec-input-reg-info span{
	display: inline-block;
	vertical-align: middle;
	color: #FF3B30;
	margin-left: 6px;
	font-size: 15px;
}
h4.title-sec-input-reg-info{
	font-size: 12px;
	font-weight: 600;
	color: #090A0D;
	margin-bottom: 5px;
}
.input-f-reg-i{
	border: 1px solid #CED2DC;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #37414B;
	outline: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.input-f-reg-text{
	border: 1px solid #CED2DC;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #37414B;
	outline: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
	height: 200px;
	resize: none;
}
.cta-button-form-reg{
	position: relative;
	margin-top: 20px;
}
.section-cta-bt-left{
	position: relative;
	text-align: left;
}
.section-cta-bt-right{
	position: relative;
	text-align: right;
}
.bt-next-form-reg:hover{
	background: #527e35;
}
.bt-next-form-reg{
	outline: none !important;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #F9F6F8;
	border-radius: 30px;
	background: #689E44;
	border: none;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-prev-form-reg:hover{
	background: #527e35;
	color: #fff;
}
.bt-prev-form-reg{
	outline: none !important;
	display: inline-block;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #689E44;
	border-radius: 30px;
	border: 1px solid #689E44;
	background: transparent;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.indicator-step-reg{
	position: absolute;
	top: 0;
	right: 0;
}
ul.indicator-step-reg li.active{
	background: #4872BD !important;
}
ul.indicator-step-reg li{
	width: 35px;
	height: 8px;
	border-radius: 15px;
	background: #CED3D2;
	display: inline-block;
	margin-left: 6px;
}
.select-form-input-reg{
	border: 1px solid #CED2DC;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #37414B;
	background: transparent;
	outline: none;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.item-select-subscribe-info  a{
	color: #3E61AD;
}
.item-select-subscribe-info {
    position: relative;
    display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 25px;
}
.containerc {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    cursor: pointer;
    height: 17px;
	margin-right: 10px;
    top: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */
.containerc input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmarkc {
	position: absolute;
	top: 8px;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #F5F5FD;
	border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.containerc:hover input ~ .checkmarkc {
	background-color: #4872BD;
}

/* When the checkbox is checked, add a blue background */
.containerc input:checked ~ .checkmarkc {
	background-color: #4872BD;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkc:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.containerc input:checked ~ .checkmarkc:after {
	display: block;
}

/* Style the checkmark/indicator */
.containerc .checkmarkc:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.wrap-tnc-check{
	position: relative;
	border-top: 1px solid #B2ADCC;
	padding-top: 20px;
	margin-top: 10px;
}
.img-captcha{
	position: relative;
	width: 180px;
	margin-bottom: 40px;
}
.img-captcha img{
	width: 100%
}
.date-icon-cus i {
    position: absolute;
    top: 7px;
    right: 15px;
    color: #37414B;
    font-size: 17px;
    z-index: 4;
}

.dropzone-wrapper {
	border: 2px solid #A6C6E4;
	border-radius: 8px;
	color: #2A2D2D;
	position: relative;
	/* background: #d6fcd2; */
	overflow: hidden;
	width: 130px;
}
  
.dropzone-desc {
	position: relative;
	margin: 0 auto;
	right: 0;
	text-align: left;
	bottom:0;
	/* padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 30px; */
}
.dropzone-desc-img-left img{
	width: 100%;
}
.dropzone-desc-img-left{
	width: 50px;
	height: 50px;
	margin: auto;
	margin-bottom: 25px;
}
.dropzone-desc-info i{
	font-size: 11px;
}
.dropzone-desc-info{
	text-align: center;
	padding-top: 6px;
	padding-bottom: 8px;
}
h4.title-banner-img-info-upload-section1{
	font-size: 12px;
	color: #2A2D2D;
	font-weight: 700;
	display: inline-block;
}
p.note-info-upload {
    font-size: 9px;
    color: #7D8583;
    font-weight: 600;
    margin-top: 8px;
}
h4.title-banner-img-info-upload-section2{
	font-size: 10px;
	font-weight: 400;
	color: #575757;
	margin-bottom: 0px;
}
  
.dropzone,
.dropzone:focus {
	position: absolute;
	outline: none !important;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	top: 0;
	left: 0;
}
  
.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
	background: #ecf0f5;
}
  
.preview-zone {
	text-align: center;
	overflow: hidden;
	background: #F4EFF2;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;	
	width: 60%;
	padding-left: 15px;
	padding-right: 15px;
}
.box-body{
	clear: both;
	position: relative;
	padding-right: 30%;
}
.box-body img{
	float: left;
	width: 60px;
	height: 45px;
	object-fit: cover;
	border-radius: 6px;
}
  
.preview-zone .box {
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
	clear: both;
	position: relative;
}
  
.wrap-bt-submit-cancel-form-in{
	position: relative;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-top: 30px;
}
.hidden{
	display: none;
}
.box-body p{
	font-size: 10px;
	font-weight: 400;
	color: #333333;
	word-wrap: break-word;
	text-align: left;
	margin-bottom: 0;
}
.remove-content-img-upload i{
	font-size: 16px;
}
.remove-content-img-upload:hover{
	color: red;
}
.remove-content-img-upload{
    color: #919EAD;
	border: none;
	background: transparent;
    width: 25px;
    height: 25px;
	line-height: 0;
    text-align: center;
    padding-top: 0px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.box {
	position: relative;
	/* background: #ffffff; */
	width: 100%;
}
.box-header {
	color: #444;
	position: absolute;
	top: -5px;
	right: -7px;
	z-index: 9;
}
.box-tools {
	/* position: absolute;
	right: 10px;
	top: 1px; */
}

input.form-input-sec-c{
	width: 100%;
    border: 1px solid #CED2DC;
    border-radius: 5px;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    height: auto;
	color: #333333;
	outline: none;
}
.progress-bar-up {
    border-radius: 10px;
    background: #4D7C0F33;
    position: relative;
    overflow: hidden;
	width: 25%;
	position: absolute;
	right: 20px;
	top: 5px;
}
.progress-bar-up-in {
    height: 4px;
    background: #84CC16;
    border-radius: 10px;
    -webkit-animation-name: slideInLeft;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: slideInLeft;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: slideInLeft;
    -ms-animation-duration: 0.5s;
    -o-animation-name: slideInLeft;
    -o-animation-duration: 0.5s;
    animation-name: slideInLeft;
    animation-duration: 0.5s;
}
.wrap-proyek-page-head{
	position: relative;
	padding-top: 150px;
}
.wrap-proyek-pag-detail-head{
	position: relative;
	padding-top: 90px;
}
h2.title-proyek-page-top{
	font-size: 79px;
	font-weight: 700;
	color: #312D39;
	font-family: 'General Sans';
	margin-bottom: 20px;
	text-transform: uppercase;
}
h2.title-proyek-page-top-cs{
	font-size: 90px;
	font-weight: 700;
	color: #312D39;
	font-family: 'General Sans';
	margin-bottom: 20px;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
	text-transform: uppercase;
}
.container-page-proyek{
	padding-left: 60px;
	padding-right: 60px;
}
.filter-proyek-page{
	position: relative;
}
.item-filter-option-proyek{
	position: relative;
	margin-bottom: 20px;
}
h4.title-filter-page-proyek{
	font-size: 13px;
	font-weight: 700;
	color: #2A2D2D;
	margin-bottom: 7px;
}
.filter-proyek-page .select-form-input-reg{
	font-size: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.big-box-content-full-width-proyek{
	position: relative;
	margin-bottom: 30px;
	background: #FFFFFF;
	border-radius: 10px;
}
.content-fw-proyek-img{
	position: relative;
	float: left;
	width: 50%;
	height: 500px;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.content-fw-proyek-img img:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.content-fw-proyek-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.content-fw-proyek-detail{
	position: relative;
	float: right;
	width: 50%;
	height: 500px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 25px;
	padding-right: 20px;
}
ul.list-tag-link-meta{
	margin-bottom: 25px;
}
ul.list-tag-link-meta li a:hover{
	color: #3b558d;
}
ul.list-tag-link-meta li a{
	color: #4868AD;
	
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.list-tag-link-meta li:last-child:after{
	display: none;
}
ul.list-tag-link-meta li:after{
	content:"";
	position: relative;
	display: inline-block;
	margin-left: 15px;
	margin-right: 12px;
	width: 5px;
	height: 5px;
	border-radius: 20px;
	background: #2A2D2D;
	vertical-align: middle;
}
ul.list-tag-link-meta li{
	list-style: none;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
h3.title-item-proyek-box-pg{
	font-size: 28px;
	font-weight: 600;
	color: #2A2D2D;
	font-family: 'General Sans';
	margin-bottom: 35px;
}
h4.title-item-proyek-box-pg2{
	font-size: 13px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 45px;
	line-height: 24px;
}
.custom-bt-cta-proyek-big-fw{
	position: absolute;
	bottom: 40px;
	left: 20px;
}
.item-video-slider-home{
	width: 100%;
}
.item-video-slider-home img{
	width: 100%;
}
.wrap-content-3col-small{
	position: relative;
	text-align: left;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 30px;
}
.item-content-box-proyek-sm{
	display: inline-block;
	vertical-align: top;
	width: 33%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
.item-content-box-proyek-sm-in{
	position: relative;
}
.img-proyek-small img:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.img-proyek-small img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.img-proyek-small{
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.meta-proyek-small{
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #FFFFFF;
	text-align: left;
	min-height: 225px;
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
ul.list-tag-link-meta2{
	margin-bottom: 5px;
}
ul.list-tag-link-meta2 li a:hover{
	color: #3b558d;
}
ul.list-tag-link-meta2 li a{
	color: #4868AD;
	
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.list-tag-link-meta2 li:last-child:after{
	display: none;
}
ul.list-tag-link-meta2 li:after{
	content:"";
	position: relative;
	display: inline-block;
	margin-left: 15px;
	margin-right: 12px;
	width: 5px;
	height: 5px;
	border-radius: 20px;
	background: #2A2D2D;
	vertical-align: middle;
}
ul.list-tag-link-meta2 li{
	list-style: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 5px;
}
h3.title-item-proyek-box-pg2 a:hover{
	color: #4868AD;
}
h3.title-item-proyek-box-pg2 a{
	color: #2A2D2D;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
h3.title-item-proyek-box-pg2{
	font-size: 21px;
	font-weight: 600;
	color: #2A2D2D;
	font-family: 'General Sans';
	margin-bottom: 15px;
}
h4.title-item-proyek-box-pg3{
	font-size: 11px;
	font-weight: 400;
	color: #000000;
	margin-bottom: 0px;
	line-height: 21px;
}
.wrap-pagination-page{
	position: relative;
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
ul.pagination-link{}
ul.pagination-link li a:hover{
	border: 1px solid #689E44;
}
ul.pagination-link li.active a{
	background: #689E44;
	color: #fff;
	border: 1px solid #689E44;	
	font-weight: 700;
}
ul.pagination-link li a{
	color: #2A2D2D;
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	border: 1px solid transparent;
	padding-top: 5px;
	border-radius: 50%;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.pagination-link li{
	list-style: none;
	display: inline-block;
	font-size: 14px;
	margin-left: 4px;
	margin-right: 4px;
}
ul.list-link-join-us-foo{}
ul.list-link-join-us-foo li a:hover .img-arrow-link{
	background: #4F7D33;
}
ul.list-link-join-us-foo li a:hover{
	border: 2px solid #A6CE88;
}
ul.list-link-join-us-foo li a{
	display: block;
	padding-left: 30px;
	padding-right: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 2px solid transparent;
	border-radius: 20px;
	position: relative;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
ul.list-link-join-us-foo li{
	display: block;
	list-style: none;
	margin-bottom: 20px;
	text-align: left;
}
h3.title-join-us-1{
	font-size: 28px;
	font-weight: 600;
	color: #F9F6F8;
	font-family: 'General Sans';
	margin-bottom: 5px;
}
h4.title-join-us-2{
	font-size: 14px;
	color: #F9F6F8;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 24px;
}
.img-arrow-link{
	position: absolute;
	right: 20px;
	top: 35px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #fff;
	padding-top: 8px;
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.img-arrow-link img{
	width: 40%;
	display: inline-block;
}
ul.breadcumb-link{
	position: relative;
	margin-bottom: 40px;
}
ul.breadcumb-link li a{
	color: #4B5050;
}
ul.breadcumb-link li:last-child:after{
	display: none;
}
ul.breadcumb-link li:after{
	content:"/";
	position: relative;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}
ul.breadcumb-link li{
	position: relative;
	color: #4B5050;
	font-size: 11px;
	font-weight: 600;
	list-style: none;
	display: inline-block;
}
h2.title-proyek-page-top2{
	font-size: 53px;
	font-weight: 600;
	color: #2A2D2D;
	font-family: 'General Sans';
	margin-bottom: 20px;
}

.list-tag-link-meta-detail.list-tag-link-meta{
	margin-bottom: 10px;
}
.list-tag-link-meta-detail.list-tag-link-meta li{
	font-size: 12px;
}
.content-desc-proyek-page.content-desc-proyek-page-cus-bidang-keahlian .in-content-desc-pro-single2{
	width: 100%;
}
.content-desc-proyek-page.content-desc-proyek-page-cus-bidang-keahlian{
	/* width: 75%; */
	display: inline-block;
	width: 90%;
	margin-right: 0;
	text-align: left;
}
.content-desc-proyek-page{
	position: relative;
}
.img-content-desc-proyek-page{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	height: 600px;
}
.img-content-desc-proyek-page img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.in-content-desc-pro-single img{
	width: 70%;
	margin-bottom: 30px;
}
.in-content-desc-pro-single h5{
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 20px;
	width: 75%;
	line-height: 24px;
}
.in-content-desc-pro-single p{
	font-size: 14px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 25px;
	width: 75%;
	line-height: 24px;
}
.in-content-desc-pro-single{
	position: relative;
	width: 900px;
	margin: auto;
	padding-bottom: 60px;
}
.wrap-related-post-single{
	position: relative;
	background: #EBDFE6;
	padding-top: 60px;
	padding-bottom: 40px;
}
.wrap-related-post-single-art .wrap-content-3col-small{
	text-align: left;
}
.wrap-related-post-single-art{
	position: relative;
	background: #CBDDEF;
	padding-top: 60px;
	padding-bottom: 40px;
}
.wrap-related-post-keahlian{
	position: relative;
	background: rgb(55,73,113);
	background: linear-gradient(0deg, rgba(55,73,113,1) 0%, rgba(64,86,141,1) 100%);
	padding-top: 60px;
	padding-bottom: 40px;
}
.wrap-related-post-keahlian .wrap-content-3col-small{
	text-align: left;
}
.wrap-related-post-single .wrap-content-3col-small{
	text-align: left;
}
h2.heading-title-related-single{
	font-size: 54px;
	font-weight: 700;
	font-family: 'General Sans';
	color: #312D39;
	margin-bottom: 30px;
}
h2.heading-title-related-single.heading-title-related-single-custom-lokasi span{
	font-weight: 700;
	color: #4F7D33;
}
h2.heading-title-related-single.heading-title-related-single-custom-lokasi{
	font-size: 54px;
	font-weight: 500;
	font-family: 'General Sans';
	color: #312D39;
	margin-bottom: 30px;
}

h2.heading-title-related-keahlian{
	font-size: 27px;
	font-weight: 700;
	font-family: 'General Sans';
	color: #F9F6F8;
	margin-bottom: 30px;
	width: 50%;
}


.wrap-main-header-section-content.cus-bidkeah{
	background: rgb(134,174,215);
	background: linear-gradient(0deg, rgba(134,174,215,1) 0%, rgba(172,201,228,1) 100%);
	margin-bottom: 60px;
}
.wrap-img-header-sec-content-bidang-bk{
	text-align: right;
	position: relative;
	height: 100%;
}
.img-header-sec-content-bidang-bk{
	position: relative;
	width: 50%;
	height: 100%;
	display: inline-block;
}
.img-header-sec-content-bidang-bk img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.img-header-sec-content-desc-in-bk{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.img-header-sec-content-desc-bk{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	display: table
}
h4.title-green-box-info3{
	font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: #534D62;
    margin-bottom: 10px;
}
.cus-bidkeah .in-sec-content-header-ahli{
	margin-left: 60px;
}
.in-content-desc-pro-single2 h2{
	color: #40568D;
	font-size: 28px;
	font-weight: 700;
	line-height: 39px;
	font-family: 'General Sans';
	margin-bottom: 30px;
}
.in-content-desc-pro-single2 h3{
	color: #312D39;
	font-size: 19px;
	font-weight: 600;
	line-height: 20px;
	font-family: 'General Sans';
	margin-bottom: 20px;
}

.in-content-desc-pro-single2 img{
	width: 70%;
	margin-bottom: 30px;
}
.in-content-desc-pro-single2 p{
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 25px;
	line-height: 24px;
}
.in-content-desc-pro-single2{
	position: relative;
	width: 700px;
	margin: auto;
	padding-bottom: 60px;
}
.img-content-desc-bidang-keahlian{
	position: absolute;
	right: 60px;
	top: 23%;
	width: 25%;
}
.img-content-desc-bidang-keahlian img{
	width: 100%;
}
.meta-tag-article-sec a{
	color: #3E61AD;	
}
.meta-tag-article-sec{
	font-size: 12px;
	color: #3E61AD;
	font-weight: 400;
}
.custom-article-box .meta-tag-article-sec{
	margin-top: 20px;
}
.bar-search-category-tag-bar{
	position: relative;
	padding-bottom: 40px;
	padding-top: 20px;
}
.wrap-input-search-article{
	position: relative;
	display: inline-block;
	width: 400px;
}
.i-f-search-art{
	width: 100%;
	outline: none;
	border: 1px solid #CED3D2;
	color: #2A2D2D;
	font-size: 12px;
	font-weight: 400;
	padding-left: 45px;
	padding-right: 13px;
	border-radius: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: transparent;
}
.ico-search-in{
	position: absolute;
	left: 10px;
	top: 4px;
	font-size: 18px;
	color: #969E9C;
}
.link-bt-tag-article-tags{
	border-left: 1px solid #969E9C;
	padding-left: 20px;
	margin-left: 20px;
	display: inline-block;
	vertical-align: middle;
}
.link-bt-tag-article-tags ul{}
.link-bt-tag-article-tags ul li.active a{
	color: #F7F8F7;
	background: #3E61AD;
}
.link-bt-tag-article-tags ul li a:hover{
	color: #F7F8F7;
	background: #3E61AD;
}
.link-bt-tag-article-tags ul li a{
	color: #969E9C;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 8px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.link-bt-tag-article-tags ul li{
	list-style: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 10px;
}
.cus-article-single .in-content-desc-pro-single{
	width: 70%;
	padding-bottom: 30px;
	margin: auto;
}
.cus-article-single .in-content-desc-pro-single p{
	width: 100%;
}
.section-meta-tag-art-single{
	width: 70%;
	padding-top: 0px;
	padding-bottom: 30px;
	margin: auto;
}
.meta-tag-cat-art ul{
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	margin-top: 2px;
}
.meta-tag-cat-art ul li a{
	color: #3E61AD;
}
.meta-tag-cat-art ul li{
	list-style: none;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin-right: 5px;
	margin-bottom: 5px;
}
.meta-tag-cat-art{
	position: relative;
	font-size: 12px;
	color: #2A2D2D;
	font-weight: 700;
}
.date-meta-tag-art{
	font-size: 12px;
	font-weight: 600;
	color: #2A2D2D;
	display: inline-block;
	vertical-align: middle;
}
ul.social-share-meta{
}
ul.social-share-meta li a{
	color: #575D5D;
}
.content-lokasi-kerja-mapan{
	position: relative;
	padding-bottom: 50px;
}
h4.title-lok-kerja-mapan-info{
	font-size: 13px;
	color: #312D39;
	font-weight: 600;
	margin-bottom: 25px;
	line-height: 22px;
}
h4.title-select-option-lok-kerja{
	font-size: 13px;
	color: #2A2D2D;
	font-weight: 700;
	margin-bottom: 8px;
}
.option-lokasi-kerja-mapan{
	border: 1px solid #CED2DC;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #37414B;
    background: transparent;
    outline: none;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    width: 80%;
}
.lok-kerja-mapan-maps{
	width: 100%;
	/* border-radius: 15px; */
}
.lok-kerja-mapan-maps img{
	width: 100%;
	/* border-radius: 15px; */
}
.lok-kerja-mapan-info-select{
	position: relative;
	margin-bottom: 30px;
}
.wrap-main-header-section-content.custom-tentang-kami {
	background: #f2f5fb;
    margin-bottom: 60px;
}
.custom-tentang-kami .in-sec-content-header-ahli{
	margin-left: 60px;
}
.custom-tentang-kami-text.in-content-desc-pro-single2 h2{
	color: #5B3D49;
}
.custom-tentang-kami-text.in-content-desc-pro-single2 h3{
	color: #5B3D49;
}
.custom-tentang-kami-text.in-content-desc-pro-single2 h4{
	color: #5B3D49;
	font-size: 14px;
}
.custom-tentang-kami-text ul{
	padding-left: 20px;
}
.custom-tentang-kami-text ul li{
	list-style: decimal;
	font-size: 12px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
    line-height: 24px;
}
.wrap-section-rekanan-kami{
	position: relative;
	width: 900px;
	margin: auto;
	padding-bottom: 40px;
}
.item-sec-rekanan-kami:last-child{
	margin-bottom: 0;
}
.item-sec-rekanan-kami{
	position: relative;
	margin-bottom: 50px;
}
.section-text-rek-kami-left{
	position: relative;
	margin-bottom: 30px;
}
.section-text-rek-kami-left p {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 25px;
    line-height: 24px;
}
.logo-rek-kami-sec{
	position: relative;
	text-align: left;
}
.item-sec-rekanan-kami .title-logo-sec-in{
	text-align: left;
	margin-bottom: 20px;
}
.item-sec-rekanan-kami .item-logo-section-list img{
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
	
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.item-sec-rekanan-kami .item-logo-section-list img:hover{
	filter: none;
    -webkit-filter: grayscale(0);
}
.wrap-section-dukung-kami{
	position: relative;
	padding-top: 40px;
	padding-bottom: 80px;
}
.item-dukung-kami-sec:first-child{
	padding-top: 0;
}
.item-dukung-kami-sec:last-child{
	border-bottom: none;
}
.item-dukung-kami-sec{
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom: 1px solid #EBDEE6;
}
.wrap-item-dukung-kami-sec{
	position: relative;
}
h3.title-dukung-kami-text{
	position: relative;
    margin-bottom: 20px;
    font-size: 35px;
    font-weight: 700;
    color: #38508D;
    text-align: left;
    font-family: 'General Sans';
}
.row-container-width-dk{
	position: relative;
	width: 70%;
}
.dukung-kami-text-info-right{
	position: relative;
	padding-left: 30px;
}
.dukung-kami-img{
	float: left;
	width: 37px;
}
.dukung-kami-img img{
	width: 100%;
}
.dukung-kami-info-text-meta{
	position: relative;
	margin-left: 50px;
	padding-top: 10px;
}
h4.title-dukung-kami-info1{
	font-size: 15px;
	font-weight: 700;
	color: #312D39;
	margin-bottom: 10px;
}
h4.title-dukung-kami-info2 span{
	color: #4F7D33;
}
h4.title-dukung-kami-info2{
	font-size: 13px;
	font-weight: 600;
	color: #312D39;
	margin-bottom: 8px;
}

.wrap-slider-merchandise{
	position: relative;
	padding-top: 60px;
}
.slider-merchandise{
	width: 70%;
	margin: auto;
}
.item-merchandise-sec{
	position: relative;
}
.item-merchandise-sec-img{
	position: relative;
	height: 400px;
	border-radius: 20px;
	margin-bottom: 10px;
}
.item-merchandise-sec-img img{
	height: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}
h4.title-merchandise-info{
	font-size: 12px;
	font-weight: 600;
	color: #312D39;
}
.bt-nav-slider-merchandines:hover{
	color: #4F7D33;
	border: 1px solid #4F7D33;
}
.bt-nav-slider-merchandines{
	position: absolute;
	width: 45px;
	height: 45px;
	text-align: center;
	font-size: 20px;
	top: 50%;
	border-radius: 50%;
	border: 1px solid #312D39;
	padding-top: 7px;
	cursor: pointer;
	
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.bt-nac-merchan-prev{
	left: 5%;
}
.bt-nac-merchan-next{
	right: 5%;
}
.wrap-position-fixed-coming-soon{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}
.logo-coming-soon-top{
	position: absolute;
	left: 40px;
	top: 30px;
}
.logo-coming-soon-top img{
	height: 37px;
	display: inline-block;
}
.big-banner-img{
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.big-banner-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}
.block-left-top-in{
	position: absolute;
	bottom: 0;
	left: 0;
	padding-bottom: 10px;
}
.block-left-top{
	position: absolute;
	top: 0;
	left: 100px;
	height: 50%;
}
h2.title-coming-soon{
	color: #2A2D2D;
	font-family: 'General Sans';
	font-weight: 700;
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 0;
}
.block-left-bottom-in{
	position: absolute;
	top: 50px;
	left: 0;
	padding-left: 110px;
	width: 100%;
}
.block-left-bottom{
	height: 50%;
	position: absolute;
	bottom: 0;
	width: 55%;
	left: 0px;
	background: rgba(235,222,230, 0.8);
	border-top-right-radius: 40px;
	z-index: 2;
	backdrop-filter: blur(3px);
}
h4.title-coming-soon-2{
	font-weight: 500;
	font-family: 'General Sans';
	font-size: 20px;
	color: #2A2D2D;
	margin-bottom: 20px;
}
ul.social-media-footer2{}
ul.social-media-footer2 li a:hover{
	color: #86B962;
}
ul.social-media-footer2 li a{
	color: #2A2D2D;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
ul.social-media-footer2 li{
	list-style: none;
	font-size: 24px;
	display: inline-block;
	margin-right: 25px;
}
.img-bedo-logo{
	height: 40px;
	margin-top: 20px;
}
.img-bedo-logo img{
	height: 100%;
}
ul.list-item-s{
	margin-left: 20px;
}
ul.list-item-s li{
	list-style: decimal;
	font-size: 14px;
    font-weight: 600;
    color: #000000;
	margin-bottom: 20px;
}
ul.list-item-s li b{
	font-weight: 800 !important;
	
	font-family: 'General Sans' !important;
}
.wrap-content-box-item{
	position: relative;
}
.icon-soc{
	position: absolute;
	bottom: 5px;
	left: 5px;
}
.cus-soc-icon-f .input-f-reg-i{
	padding-left: 25px;
}

.custom-form-reset-password .modal-body {
    padding: 0;
}


.bt-close-modal-cus img{
	width: 10px;
	display: inline-block;
}
.bt-close-modal-cus:hover{
	background: #c4c4c8;
}
.bt-close-modal-cus{
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 10px;
	background: #F1F1F6;
	text-align: center;
	padding-top: 1px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.custom-form-reset-password .modal-content {
    border: none;
    border-radius: 10px;
}
.custom-form-reset-password .modal-body {
    padding: 0;
}
.content-popup-form-info {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.heading-title-popup-info {
    font-size: 15px;
    font-weight: 700;
    color: #252525;
    border-bottom: 1px solid #CBDEEC;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}
.content-popup-form-info {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.custom-termofservice ul{
	list-style: decimal;
	font-size: 13px;
	font-weight: 400;
	color: #252525;
	padding-left: 20px;
}
.custom-termofservice p{
	font-size: 13px;
	font-weight: 400;
	color: #252525;
	margin-bottom: 20px;
}

.in-content-desc-pro-single2.in-content-desc-pro-single2-width70{
	width: 700px !important;
}


.select-lang-menu{
	background-color: transparent;
	color: #000;
	outline: none;
	border: none;
	cursor: pointer;
	border-left: 1px solid #8E81AA;
	padding-left: 10px;
}
.section-megamenu-daftar-bt-active{
	display: block !important;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.bt-join-mega-hover-active{
	padding-bottom: 30px;
}
.bt-join-mega-hover{
	display: inline-block;
}
/* .bt-cta-join:hover .section-megamenu-daftar-bt{
	visibility: visible !important;
	-webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
} */
.section-megamenu-daftar-bt{
	display: none;
	position: fixed;
	top: 68px;
	left: 0px;
	background: #cdccda;
    border-radius: 10px;
    backdrop-filter: blur(10px);
	width: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.section-megamenu-daftar-bt .item-sec-content-3-col{
	margin-bottom: 0;
}
.section-megamenu-daftar-bt .content-3-col-desc{
	background: #cdccda;
	padding-top: 15px;
	padding-bottom: 15px;
}
.section-megamenu-daftar-bt .content-3-col-img{
	height: 280px;
}
.section-megamenu-daftar-bt h4.title-content3-text1{
	margin-bottom: 0;
	min-height: 0;
}
.section-megamenu-daftar-bt h3.title-content3-text1  a:hover{
	color: #193773;
}
.section-megamenu-daftar-bt h3.title-content3-text1  a{
	color: #2A2D2D;
}
.section-megamenu-daftar-bt h3.title-content3-text1 {
    font-size: 27px;
    font-weight: 600;
    color: #2A2D2D;
    line-height: 32px;
    margin-bottom: 10px;
    font-family: 'General Sans';
}

.custom-border-sec-bottom{
	border-bottom: 1px solid #EBEBF4;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
.custom-no-loading-up .progress-bar-up{
	display: none !important;
}

.cta-button-menu-floating{
	position: absolute;
	right: 0px;
	padding-right: 15px;
	top: 15px;
	z-index: 9;
}
.cta-button-menu-floating a{
	display: inline-block;
}
.profile-info{
	position: relative;
}
.profile-info-ava{
	float: left;
	width: 40px;
	height: 40px;
}
.profile-info-ava img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}
.profile-info-desc{
	margin-left: 40px;
	padding-top: 2px;
	padding-left: 7px;
}
.profile-info-text1{
	font-size: 14px;
	font-weight: 700;
	color: #2A2D2D;
	line-height: 19px;
	margin-bottom: 0px;
	font-family: 'General Sans';
}
.profile-info-text2{
	font-size: 12px;
	line-height: 19px;
	font-weight: 500;
	color: #969E9C;
}

.user-info-box-n-active{
	display: block !important;
    -webkit-animation-name: fadeInUp;
    -webkit-animation-duration: 0.5s;
    -moz-animation-name: fadeInUp;
    -moz-animation-duration: 0.5s;
    -ms-animation-name: fadeInUp;
    -ms-animation-duration: 0.5s;
    -o-animation-name: fadeInUp;
    -o-animation-duration: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 0.5s;
}
.user-info-box-n{
	display: none;
	position: absolute;
    border-radius: 6px;
    z-index: 99;
    top: 70px;
    right: 0px;
    width: 220px;
	/* padding-top: 10px;
	padding-bottom: 10px; */
    background: #F9FAFB;
    border: 1px solid #eee;
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.wrap-item-user-info-notif-bar{
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-user-info-notif-bar{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-user-info-notif-ava img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 1px solid #e1e1e1;
}
.item-user-info-notif-ava{
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
}
.item-user-info-notif-info{
	margin-left: 50px;
	position: relative;
}
h3.name-item-user-info-notif{
	position: relative;
	padding-right: 20px;
	font-size: 14px;
    font-weight: 400;
	display: inline-block;
    color: #0B4F9F;
}
.icon-notif-red{
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #DC3030;
}
h5.text-notif-user-info-numbers{
	color: #8895A7;
    font-size: 10px;
    font-weight: 400;
}
.wrap-item-user-info-notif-link{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.item-user-info-notif-link li a:hover{
	color: #fff;
	background: #3E61AD;
}
.item-user-info-notif-link li a{
	color: #2A2D2D;
	display: block;
	background: #F2F5FB;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 25px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	font-family: 'General Sans';
	-webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
.item-user-info-notif-link li{
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 15px;
}
.bt-nav-pro-hide{
	display: none;
}
.wrap-logout-button{
	position: relative;
    border-top: 1px solid #A6C6E4;
    padding-top: 30px;
    margin-top: 30px;
}
a.bt-logout-acc:hover{
	color: #fff;
	background: #3E61AD;
}
a.bt-logout-acc{
	color: #2A2D2D;
    display: block;
    background: #F2F5FB;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    font-family: 'General Sans';
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}