.left { float:left; } .right { float:right; } .clear { clear:both; } .center { text-align:center; } .text-right { text-align:right; }

.col100 { width:100% !important; max-width:2000px !important; margin:0; } .col90 { width:90%; } .col80 { width:80%; } .col70 { width:70%; } .col60 { width:60%; } .col50 { width:50%; } .col40 { width:40%; } .col30 { width:30%; } .col20 { width:20%; } .col10 { width:10%; } .col5 { width:5%; } .col35 { width:35%; } .col75 { width:75%; } .col25 { width:25%; } .col65 { width:65%; }
.col100m { width:100%; } .col90m { width:90%; } .col80m { width:80%; } .col70m { width:70%; } .col60m { width:60%; } .col50m { width:50%; } .col40m { width:40%; } .col30m { width:30%; } .col20m { width:20%; } .col10m { width:10%; } .col5m { width:5%; } .col35m { width:35%; } .col75m { width:75%; } .col25m { width:25%; } .col65m { width:65%; }
.col32 { width:32%; margin-right:2%; }

h2 { font-weight:900; font-size:48px; margin-bottom:30px; color:#f9a21c; }
h3 { font-weight:bold; font-size:30px; margin-bottom:30px; }
h1 { font-weight:900; font-size:48px; color:#f9a21c;  }

.slick-prev { left:25px !important; transform:scale(1.4) !important; z-index:5000 !important; }
.slick-next { right:25px !important; transform:scale(1.4) !important; z-index:5000 !important; }

.padding { padding:20px; } .middle { margin:0 auto; }

.btn { line-height:30px !important; padding:5px 20px; border-radius:8px; background:#FFF; color:#f9a21c; font-weight:bold; font-size:0.8em; }
.btn:hover { background:#f9a21c; color:#FFF; text-decoration:none; }

.btn-readmore { line-height:30px !important; padding:5px 20px; border-radius:8px; background:#333; color:#fff; font-weight:bold; font-size:1em; display:inline-block; }
.btn-readmore:hover { background:#f9a21c; color:#FFF !important; text-decoration:none; }
.btn-readmore:hover a, .btn-readmore:hover a:hover { color:#FFF !important; }
.btn-bawah { line-height:39px !important; padding:6px 20px; position:relative; top:3px; left:-52px; border-radius:0px 20px 20px 0px; background:#333; color:#FFF; font-size:1em; display:inline-block; }
.btn-bawah:hover { background:#FFF; color:#333 !important; text-decoration:none; cursor:pointer; }

#contactform .btn-bawah { line-height:39px !important; padding:6px 20px; position:relative; top:0; left:0; border-radius:20px; background:#f9a21c; color:#FFF; font-size:1em; display:inline-block; font-weight:bold; letter-spacing:1px; }
#contactform .btn-bawah:hover { background:#FFF; color:#333 !important; text-decoration:none; cursor:pointer; }
.zoomout { transform:scale(0.9); background:#111; border-radius:50%; position:relative; z-index:5; }

.btn-invert { line-height:30px !important; padding:7px 20px !important; margin:17px 0 17px 17px !important; border-radius:8px; background:#f9a21c; color:#FFF !important; font-weight:bold; }
.btn-invert:hover { background:#333; color:#FFF !important; text-decoration:none; }

#Webinar_bar { background:#f9a21c; color:#FFF; height:56px; line-height:36px; padding:10px 20px; box-sizing:border-box; float:right; text-align:center; border-radius:10px 10px 0 0; } 

.container { width:90% !important; max-width:2000px !important; }

#topi .socmed { font-size:0; height:44px; }
#topi .socmed a { display:inline-block; font-size:14px; padding:0 14px; border-right:1px solid rgba(255,255,255,0.15); background:rgba(0,0,0,0.4); color:#FFF; }
#topi .socmed a:hover { background:#FFF; color:#23163b; }

p, body { letter-spacing:0.5px; }

section.col100 { background-color:#F8F8F8; }

.elementor-container { width:90% !important; }
.elementor-container.col100 { width:100% !important; max-width:2000px !important; padding:20px; }

.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated { padding:0; }
.elementor-section.elementor-section-boxed>.elementor-container { max-width:2000px; }

.border-radius { border-radius:80px !important; width:150px; height:150px; margin-bottom:-10px; }
.blogpost { width:100%; height:180px; object-fit:cover;  }

.elementor-widget:not(:last-child) { margin-bottom:0; }

span.company { position:relative;top:-20px; font-size:0.8em; }

.bq_wrapper p.padding { padding:8px 40px; }
.bawah .bq_wrapper p.padding { padding:0 40px 8px 40px; position:relative; top:-4px; }

.align-right { text-align:center !important; display:block !important; color:#FFF; padding:0 30px; background:#333; }

.actnow, .actnow:focus, .actnow:active { background:#000 !important; color:#FFF; margin-bottom:20px; -webkit-appearance:listbox !important; padding-right:8px; }

.thisistablecell h3 { font-size:22px; padding:15px; margin:0; background:rgba(255,255,255,0.8); color:#111; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
.thisistablecell p { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #EAEAEA; margin-bottom:0; background:rgba(255,255,255,0.8); color:#111; border-left:1px solid #EAEAEA; }
.thisistablecell.left p { font-weight:bold; padding:15px; background:rgba(255,255,255,0.8); color:#111; }

.mobileonly { display:none !important; }

rs-slides, rs-module { display:block !important; }

#Top_bar.is-sticky .logo { width:auto !important; padding:0 5px !important; }
#Top_bar.is-sticky .logo img { box-shadow:0px 0px 0px #FFF !important; }

.elementor video.col60 { width:60% !important; }

@media screen and (max-width:1365px) {
	.logo { width:40% !important; }
	#Webinar_bar { margin-top:0; font-size:80%; }
	#Top_bar a.responsive-menu-toggle { top:14px; }
}
@media screen and (max-width:1025px) {
	.logo { width:60% !important; }
	#Webinar_bar { display:none !important; }
	#Top_bar a.responsive-menu-toggle { top:38px; }
}
@media screen and (max-width:768px) {
	
	.elementor video.col60 { width:100% !important; }
	
	.elementor-column.elementor-col-50, .elementor-column[data-col="50"] { width:100% !important; }
	.elementor-6 .elementor-element.elementor-element-d8f3b81 .elementor-spacer-inner { height:150px; }
	.thisheight450 { height:450px !important; }
	
	.logo { width:auto !important; background:none !important; }
	#Top_bar { background:#FFF !important;}
	
	.pconly { display:none !important; } .mobileonly { display:block !important; } 
	
	.col80, .col60, .col50, .col40, .col30 { width:100%; }
	
	#profile { text-align:center; }
	
	#Top_bar #menu ul li a { padding:0 5px; }
	
	#testii { padding:70px 0 20px 0; }
	.testii .bq_wrapper p.padding { padding:40px 0 20px 0; }
	
	.testii .elementor-widget-wrap { margin-bottom:30px !important; }
	.blogg .elementor-column { margin:60px 0 40px 0 !important; }
	
	.elementor-6 .elementor-element .elementor-icon-list-item:not(:last-child):after { width:90% !important; opacity:0.8; }
	.thisistablecell h3 { font-size:22px; padding:5px 0; margin:0; background:rgba(0,0,0,0.8); color:#FFF; border-left:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA; }
	
	.mobile-header-mini #Top_bar .container { width:90% !important; }
	
	.logo { text-align:left !important; } .logo img { height:60px !important; margin-bottom:0; }
	.mobile-header-mini #Top_bar a.responsive-menu-toggle { top:34px !important; }
	
	#Webinar_bar { display:none !important; }
	
	#formnyanih { margin:30px 0 80px 0; }
	
	h1, h2 { font-size:28px; line-height:46px }
	h3 { font-size:30px; line-height:42px; }
	h5 { font-size:24px; line-height:42px; font-weight:bold; } span.company { font-size:14px; }
	h6 { font-size:20px; letter-spacing:5px; }
	
	.elementor-6 .elementor-element .elementor-widget-container { padding:0 !important; }
	
	#Footer { text-align:center; }
	
	p.big { font-size:14px; font-weight:normal; letter-spacing:4px; text-transform:uppercase; margin-top:20px; }
		
	.btn-bawah { line-height:39px !important; padding:6px 20px; position:relative; top:0; left:0; border-radius:20px; background:#333; color:#FFF; font-size:1em; display:inline-block; }
	.btn-bawah:hover { background:#FFF; color:#333 !important; text-decoration:none; cursor:pointer; }
	
	.notoponmobile { top:0 !important; } .nomargintoponmobile { margin-top:0 !important; }
	.bawah .bq_wrapper p.padding { margin-top:32px; }

	.pconly768 { height:140px !important; }
}
@media screen and (max-width:767px) {
	.pconly768 { display:none !important; }
}