/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 

/* ============================================
GLOBAL
============================================ */
	.pb0 {
		padding-bottom: unset!important;
	}
	ul#top-menu li.current-menu-item a{
    color:#ffd01a!important;
	}
	ul#top-menu li.current-menu-ancestor>a{
     color: #ffd01a!important;
    }
	header.et-fixed-header{
	    background-color: #0072D0!important;
    }
    #main-header ul.sub-menu li  {
        line-height: 14px;
    }
	#main-header .et_mobile_menu {
        background-color: #0072D0!important;
        border-color: #FFD31A!important;
	}

	.mobile_nav li.current-menu-item a {
	    color:#FFD31A;
	}

    table.styleTable tr:nth-child(even) {
   	 	background-color: #f2f2f2;
    }
    table.styleTable td{
       border-top:1px solid #eeeeee;
       border: 1px solid #eeeeee;
       padding-left: unset!important;
       padding-right: unset!important;
    }

	#boxTable::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}

	#boxTable::-webkit-scrollbar
	{
		width: 12px;
		background-color: #F5F5F5;
		height: 5px;
	}

	#boxTable::-webkit-scrollbar-thumb
	{
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #D62929;
	}

	/*blurb img left*/
	.et_pb_blurb_position_left  .et_pb_image_wrap {
	   width: 40px; 
	}

   /*floating wa*/
    a.button_whatsapp {
        display: block;
        background: #25D366 url('/wp-content/uploads/wa_white.png') center center no-repeat;
        border-radius: 50%;
        overflow: hidden;
        position: fixed;
        bottom: 20px;
		width: 60px;
		height: 60px;
		right: 20px;	
        z-index: 99;
    }
        
    a.button_whatsapp span {
        display: none;
    }

    .cool-timeline .timeline-post .timeline-content h2.content-title{
    	color:#000000!important;
    	text-transform: uppercase!important;

    }

    .cool_timeline .meta-details {
	    color: #000000!important;
	    margin-bottom: 25px!important;
	}

	.cool_timeline .ultimate-style .timeline-post .timeline-content .content-title {
	    border-radius: 5px 5px 5px 5px!important;
	}

	.cool_timeline .event-description  {
	    margin-top: 20px;
	}

	/*.cool_timeline .content-details {
	    padding-left: 0px!important;
	    padding-right: 0px!important;
	}*/

/* ============================================   
PAGE CONTACT
============================================ */
	.page-id-482 .wpcf7 input[type="text"],
    .page-id-482 .wpcf7 input[type="email"],
    .page-id-482 .wpcf7 input[type="tel"],
    .page-id-482 .wpcf7 textarea
    {
        background-color: #ffffff95;
        border: none;
        width: 100% !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        font-size: 14px;
        color: #000000 !important;
        padding: 16px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .page-id-482 .wpcf7-captchar {
        background-color: #fff !important;
        border: 1px solid !important;
        padding: 12px !important;
    }
    .page-id-482 .textRecapcha {
	    font-size: 12px;
	    color: #ffffff;
	    margin-bottom: .8rem;
	}

    .page-id-482 .wpcf7-submit {
        background-size: auto;
        background: #FFD31A !important;
        color: #ffffff;
        font-size:11px;
        font-weight: 600;
        padding: 5px 20px;
        height: auto ! important;
        border:  #FFD31A 3px solid;
        transition: 0.3s;
    }
    .page-id-482 .wpcf7-submit:hover {
        background: #ffffff!important;
        color: #FFD31A;
        border:  #ffffff 3px solid;
    }

    .page-id-482 ::-webkit-input-placeholder { /* WebKit browsers */
        color: #eeeeee !important;
        opacity: 1;
    }
    
	.page-id-482  .one_half, .one_half_last {
	     width: 48%!important;
	}   
	.page-id-482 .wpcf7-response-output {
	    color:#ffffff!important;
	} 


/* ============================================   
page home
============================================ */
/*slider*/
	.custom-slider .et_pb_slide_description { 
	    float:left!important; 
	    /*padding-left:300px!important;*/
	    /*padding-left:56px!important;*/
	}
	.custom-slider .et_pb_slide_image { 
	    left: 60%;
	}

/*cf7*/
	.page-id-441  .wpcf7 input[type="text"],
    .page-id-441  .wpcf7 input[type="email"],
    .page-id-441  .wpcf7 input[type="tel"],
    .page-id-441  .wpcf7 textarea
    {
        background-color: #e9eaeb;
        border: none;
        width: 100% !important;
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        font-size: 14px;
        color: #000000 !important;
        padding: 16px !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .page-id-441 .wpcf7-submit {
        background-size: auto;
        background: #FFD31A !important;
        color: #ffffff;
        font-size:11px;
        font-weight: 600;
        padding: 5px 20px;
        height: auto ! important;
        border:  #FFD31A 3px solid;
        transition: 0.3s;
    }
    .page-id-441 .wpcf7-submit:hover {
        background: #ffffff!important;
        color: #FFD31A;
        border:  #ffffff 3px solid;
    }
    .page-id-441 .textRecapcha {
	    font-size: 12px;
	    color: #666666;
	    margin-bottom: .8rem;
	}

	/*section jaminan produk berkualitas */
	.sectionJaminanProdukBerkualitas .et_pb_image_wrap {
	    width: 70px!important;
	}

	.sectionJaminanProdukBerkualitas .et_pb_main_blurb_image {
	    margin-bottom:unset;
	}

    /* ============================================   
    page article
    ============================================ */
    .et_pb_blog_0 article {
	    height: 400px;
	}

/* ============================================   
    page contact
    ============================================ */

	
/* ============================================   
    page Calculator
    ============================================ */
	.page-id-542   {
	    font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif!important;
	}
/* ============================================   
ANIMATION
============================================ */ 
.boxLight {
    width:50%!important;
    text-align: center!important;
}   
.light {
	box-shadow: 0 0 8px rgb(215,231,244);
	/*background-color:rgba(215,231,244,0.5);*/
	background-color:#ffffff;
	height:8px;
	width:8px;
	border-radius: 50%;
	position: relative;
	opacity: 0;
}

div.light1 {
	top:20%;
	left:10%;
}

div.light2 {
	top:80%;
	left:30%;
	animation-delay: 2s;
}

div.light3 {
	top:10%;
	left:35%;
	animation-delay: 3s;
}

div.light4 {
	top:50%;
	left:50%;
	animation-delay: 3s;
}

div.light5 {
	top:50%;
	left:50%;
}

div.light6 {
	top:30%;
	left:50%;
	animation-delay: 2s;
}

div.light7 {
	top:15%;
	left:80%;
	animation-delay: 2s;
}

div.light8 {
	top:90%;
	left:5%;
	animation-delay: 3s;
}

div.light9 {
	top:18%;
	left:50%;
}

div.light10 {
	top:80%;
	left:80%;
	animation-delay: 2s;
}

div.light11 {
	top:60%;
	left:75%;
	animation-delay: 3s;
}

div.light12 {
	top:10%;
	left:80%;
}


/*div.light13 {
	top:1%;
	right:1%;
}
div.light14 {
	top:3%;
	right:3%;
}
div.light15 {
	top:5%;
	left:85%;
}
div.light16 {
	top:8%;
	left:80%;
}
div.light17 {
	top:10%;
	left:79%;
}
div.light18 {
	top:13%;
	left:70%;
}
div.light19 {
	top:13%;
	right:10%;
}
div.light20 {
	top:5%;
	left:50%;
}*/

/*Light animation*/

.light1, .light4, .light10,
.light13, .light17 {
	animation:meander 20s infinite ease;
}

.light2, .light6, .light11,
.light14, .light18 {
	animation:side-ways 20s infinite;
}

.light3, .light7, .light9,
.light15, .light19 {
	animation:fall-down 20s infinite;
}

.light5, .light8, .light12,
.light16, .light20 {
	animation: wind 20s infinite;
}

/*background animation keyframes*/

@keyframes background-slide {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

/*light animation keyframes*/

@keyframes meander {

	22% {
		transform:translate3d(28px,60px,0px);
		animation-timing-function: ease;
		opacity: 0.8;
	}

	44% {
		transform:translate3d(80px,90px,0px);
		animation-timing-function: ease;
		opacity: 0.5;
	}

	66% {
		transform:translate3d(54px,115px,0px);
		animation-timing-function: ease;
		opacity:0.7;
	}

	100% {
		transform:translate3d(20%,10%,0px);
		animation-timing-function: ease;
		opacity: 1;
	}
}

@keyframes side-ways {

	50% {
		transform:translate3d(200px,-30px,0);
		animation-timing-function: ease;
		opacity: 1;
	}

	100% {
		transform:translate3d(50,0,0);
		animation-timing-function: ease;
		opacity: 0;
	}
}

@keyframes fall-down {

	10% {
		transform: translate3d(5px,50px,0);
		animation-timing-function: ease;
		opacity: 1;
	}

	100% {
		transform:translate3d(10px,250px,0);
		animation-timing-function: ease;
		opacity: 0;
	}
}

@keyframes wind {

	0% {
		transform: rotate(0deg)
		           translate(-150px)
		           rotate(0deg);
		animation-timing-function: ease;
		opacity: 1;
	}

	100% {
		transform: rotate(360deg)
		           translate(-150px) 
		           rotate(-360deg);
		animation-timing-function: ease;
		opacity: 0;
	}
}

/* ============================================   
PAGE LINKS
============================================ */
/*remove hamburger button*/
.page-id-3314 .et_menu_container #et_mobile_nav_menu .mobile_menu_bar{
    visibility: hidden;
}
.btnLinkGroup .iconWhatsapp:before{
    content: url('/wp-content/uploads/icon-whatsapp3.png') !important;
}
.btnLinkGroup .iconInstagram:before{
    content: url('/wp-content/uploads/icon-instagram.png') !important;
}
.btnLinkGroup .iconCart:before{
    content: url('/wp-content/uploads/icon-cart.png') !important;
}
.btnLinkGroup .iconStore:before{
    content: url('/wp-content/uploads/icon-store.png') !important;
}
.btnLinkGroup .iconTokopedia:before{
    content: url('/wp-content/uploads/icon-tokopedia2.png') !important;
}
.btnLinkGroup .iconBlibli:before{
    content: url('/wp-content/uploads/icon-blibli.png') !important;
}
.btnLinkGroup .iconJdid:before{
    content: url('/wp-content/uploads/icon-jdid.png') !important;
}
.btnLinkGroup .iconMaps:before{
    content: url('/wp-content/uploads/icon-maps.png') !important;
}
.btnLinkGroup .iconLazada:before{
    content: url('/wp-content/uploads/icon-lazada.png') !important;
}
.btnLinkGroup .iconShopee:before{
    content: url('/wp-content/uploads/icon-shopee.png') !important;
}
.btnLinkGroup .iconBukalapak:before{
    content: url('/wp-content/uploads/icon-bukalapak.png') !important;
}
.btnLinkGroup .iconTwitter:before{
    content: url('/wp-content/uploads/icon-twitter.png') !important;
}
.btnLinkGroup .iconFacebook:before{
    content: url('/wp-content/uploads/icon-facebook.png') !important;
}
.btnLinkGroup .iconYoutube:before{
    content: url('/wp-content/uploads/icon-youtube.png') !important;
}
.btnLinkGroup .iconGlobe:before{
    content: url('/wp-content/uploads/icon-globe.png') !important;
}
.btnLinkGroup .setIconStyle:before{
    position: absolute !important;
    background-size: 20px 20px;
    margin-top: 2px !important;
    margin-left: -1.6em !important;
    right: auto !important;
    display: inline-block !important;
    line-height: inherit !important;
}
/* Toggle Button Style */
.btnLinkGroup .iconYoutubeToggle .et_pb_toggle_title:before{
    content: url('/wp-content/uploads/icon-youtube.png') !important;
}
.btnLinkGroup .setIconStyleToggle .et_pb_toggle_title:before{
    position: absolute !important;
    background-size: 20px 20px;
    margin-top: 2px !important;
    margin-left: -1.6em !important;
    right: auto !important;
    display: inline-block !important;
    line-height: inherit !important;
    top: 3.5px;
    font-size: unset;
}
    
/* ============================================   
FOOTER
============================================ */
.sectionFooter .et_pb_text.et_pb_text_3_tb_footer .et_pb_text_inner{
    position: absolute!important;
    z-index: -999!important;
}
/* button back to top */
a.button_to_top {
    display: block;
    background: #e0443e url(/wp-content/uploads/toTop-icon.png) center center no-repeat;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    right: 20px;
    bottom: 90px;
    z-index: 99;
}
a.button_to_top span{
    display: none;
}
/* when device is touchscreen */
@media (hover: none) and (pointer: coarse) {
/*************** ADD TOUCHSCREEN DEVICE HERE  ***************/
    a.button_whatsapp,
    a.button_to_top{
        right: 23px;
    }
}

/*mobile version*/
@media only screen and (max-width:479px){
	/*GLOBAL CSS ============================*/
	.plm0 {
		padding-left: unset!important;
	}
	.ptm1 {
		padding-top: 10px!important;
	}

	/*PAGE HOME============================*/
    body.home .custom-slider .et_pb_slide_image { 
	    right: unset!important;
	    left: unset!important; 
    }
    body.home .custom-slider .et_pb_slide_image img { 
	    margin:auto; 
    }
    body.home .custom-slider .et_pb_slide_description {
        padding-left: unset!important;
    }

    /*PAGE ABOUT============================*/
    .sectionSertifikasi  .et_pb_row_4col .et_pb_column {
        width: 47.25% !important;
        margin-right: 2.5% !important;
    }
    .sectionCommittedTo .et_pb_slide_description .et_pb_slide_content img {
	    margin:auto ;
	}
	/*PAGE Awards ============================*/
	.sectionSertifikasi  .et_pb_row_5col .et_pb_column {
        width: 47.25% !important;
        margin-right: 2.5% !important;
    }
    /*PAGE Gallery ============================*/

   /* #rbs_gallery_60377c287c046 {
        margin-left: -8px!important;
        width: 100%!important;
    }*/
}

/*laptop vesion*/
@media only screen and (min-width: 1100px) and (max-width: 1405px) {
    .custom-slider .et_pb_slide_description {
        padding-left:56px!important;
    }
    .custom-slider .et_pb_slide_image { 
        margin: unset;    
    }
}