/* 
Theme Name: Mila Jelantah
Description: Exclusive Custom Theme for Mila Jelantah
Version: 1
*/
/*wordpress core*/
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.row-no-container{margin-left:0px;margin-right:0px;}
.col-xs-five,.col-sm-five,.col-md-five,.col-lg-five {position:relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-xs-five {width: 20%;float: left;}@media (min-width: 768px){.col-sm-five {width: 20%;float: left;}}@media (min-width: 992px){.col-md-five {width: 20%;float: left;}}@media (min-width: 1200px){.col-lg-five {width: 20%;float: left;}}
/*bootstrap equal row equal height*/
.row-eq-height {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display:flex;}
.row-vertical-centering {justify-content: center;align-items: center;display: flex;}
/*col no padding*/
.no-pad{padding-right:0!important;padding-left:0!important;}.no-pad-right{padding-right:0!important;}.no-pad-left{padding-left:0!important;}

.clearfix{z-index: -1;}.clearfix:before,.clearfix:after,.row:before,.row:after{content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; }
.row:after,.clearfix:after{clear: both;}

*{margin:0;padding:0;position:relative;-webkit-text-size-adjust:none!important;-moz-text-size-adjust:none!important;-ms-text-size-adjust:none!important;text-size-adjust:none!important;/*disable chrome font-boosting*/max-height: 10000000px;}
table th,table td{background-clip: padding-box;}
a{text-decoration:none;}
a:focus,a:hover {outline: 0;text-decoration: none;}
a img{border:none;}
img{max-width:100%;height:auto;}
.image-wrapper{overflow:hidden;}
.image-wrapper img{max-width:100%;max-height:100%;width:auto;height:auto;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.image-wrapper.landscape,.image-wrapper.potrait{overflow:hidden;}
	.image-wrapper.landscape > img{max-width:none;max-height:none;height: 100%;width:auto;position: absolute;top: -100000px;		
		right: -100000px;bottom: -100000px;left: -100000px;margin: auto;}
	.image-wrapper.potrait > img{max-width:none;max-height:none;width: 100%;height:auto;position: absolute;top: -100000px;		
		right: -100000px;bottom: -100000px;left: -100000px;margin: auto;}

.flex-container{display:flex;flex-direction: row;align-items: center;align-content: center;justify-content: space-between;flex-wrap: wrap;}
.flex-container.absolute{position:absolute;height:100%;width:100%;top:0;left:0;justify-content: center;}
	.flex-container .flex-item-top{align-self:flex-start;}
	.flex-container .flex-item-center{align-self:center;}		
	.flex-container .flex-item-bottom{align-self:flex-end;}	
.image-background-half-screen{width: 50vw;max-width: none;position: absolute;object-fit: cover;height: 100%;}
.image-background-half-screen.image-background-half-screen-left{right: 0px;}
.image-background-half-screen.image-background-half-screen-right{left: 0px;}

body{
	font-family:arial;
	-webkit-font-smoothing:antialized;
	text-rendering: optimizelegibility;
}
h1,h2,h3,h4{
	font-family:'GothamBlack';
}
p,
li,
address{
	font-family:'GothamLight';
	font-size: 18px;
}
a{
	font-family:'GothamLight';	
}
li{
	list-style:none;
}
.the-content li{
	/*list-style:none;*/
	list-style-position: inside;
	font-family: "GothamLight";
	list-style-type: disc;
}
h1{
	font-size:34.97px;
}

.container .cols{
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.cols{
	padding-left:15px!important;
	padding-right:15px!important;	
}

.band.nav{
    /* background-color: rgba(249,249,249,0.7); */
	z-index: 1;
}
.band.nav.sticky{
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;	
}
.band.nav.home-nav{
	position:absolute;
    bottom: 18px;
    z-index: 1;
    margin: auto;
    right: 0;
    left: 0;
}
	.band.nav.home-nav .menu-logo{
	}
	.band.nav .menu-logo{	
		position: absolute;
		top: 30px;
		left: 15px;	
		z-index: 1;
	}
		.band.nav .menu-logo img{	
		}
	.band.nav .menu-logo-white{	
		position: absolute;
		top: 30px;
		left: 15px;	
		z-index: 1;
		visibility:hidden;
	}		

.navbar {
    background-color: transparent;
    border: none;	
    border-radius: 0px;
	margin-bottom:0px;
}
/*FORCE RESPONSIVE MENU DISPLAYED ON ALL SCREEN RESOLUTION 1*/
/*    .navbar-collapse.collapse {
        display: none!important;
    }
	.navbar-collapse.collapse.in{
	  display:block !important;
	}*/	
/*FORCE RESPONSIVE MENU DISPLAYED ON ALL SCREEN RESOLUTION 1*/

/*FORCE RESPONSIVE MENU DISPLAYED ON ALL SCREEN RESOLUTION 2*/
/* .navbar-collapse.collapse {
	display: none!important;
	border-top: 1px solid #dedede;
}
.navbar-collapse.collapse.in{
	display: table !important;
	width: 100%;
}		
.navbar-header{
	width: 100%;
}
.navbar-toggle
{
	display: block;
}
.navbar-nav {
	margin: 0px;
}
.navbar-nav > li {
	display: block;
	text-align: left;	
	padding: 10px 0px;
}	
	.navbar-default .navbar-nav > li > a {
		line-height: 40px;
	} */
/*FORCE RESPONSIVE MENU DISPLAYED ON ALL SCREEN RESOLUTION 2*/



	.navbar-collapse {
		position:static;
		padding-right: 0px;
		padding-left: 0px;
		border-color: #cfcfcf;
	}
	.navbar-brand  img{
		width: 88px;
		margin-top: -10px;
	}
	.band.nav .cv{
		position: absolute;
		top: 90px;
		right: 40px;
		font-family:"GothamBold";
		color:#103d22;
	}
	#main-nav{
		text-align: right;	
		padding-top: 200px;
	}
	.navbar-nav{
		text-align:right;
		float:none;
		display:inline-block;
		background-color:#0a2615;
	}	
		.navbar-nav > li {
			margin: 0px 8px;
			float:none;
			display: inline-block;
		}
			.navbar-default .navbar-nav > li > a{
				transition:all 0.25s ease-in-out;			
				font-family:'GothamBold';
				font-size:20px;
				color:white;
				border-bottom: none;
				padding: 0px 10px 0px;
				line-height: 34px;			
			}
				.navbar-default .navbar-nav > li > a:focus,
				.navbar-default .navbar-nav > li > a:hover{
					color:white;
					background-color:transparent;
				}			
				.navbar-default .navbar-nav > .active > a,
				.navbar-default .navbar-nav > .active > a:focus,
				.navbar-default .navbar-nav > .active > a:hover{
					color:white;
					background-color:transparent;
				}
			.navbar-default .navbar-nav .dropdown-menu{				
				background-color: #dedfe0;
				width: 200px;
				position: absolute;
				left: 50%;
				margin-left: -100px;
			}	
				.navbar-default .navbar-nav .dropdown-menu > li > a{
					font-family:'GothamBlack';
					display:block;
					padding: 0px 10px;
					font-size:20px;
					color:#06090B!important;	
					line-height:30px;
				}
				.navbar-default .navbar-nav .dropdown-menu > .active > a,
				.navbar-default .navbar-nav .dropdown-menu > .active > a:focus,
				.navbar-default .navbar-nav .dropdown-menu > .active > a:hover{
					background-color:black!important;
					color:white!important;				
				}	
		.navbar-nav #searchform input[type="submit"] {
			display:none;
		}
		.navbar-nav #searchform input[type="text"] {
			line-height: 28px;
			border: 3px solid #414142;
			border-radius: 14px;
			width: 140px;
			padding-left: 29px;
		}	
		.navbar-nav #searchform::after {
			content:'';
			position:absolute;
			top: 6px;
			left: 7px;
			width: 21px;
			height: 21px;
			background-image:url('images/template/magnifier-icon.png');
			background-position:center;
			background-repeat:no-repeat;
			background-size:contain;
		}				
/********* BOOTSTRAP DROPDOWN SUBMENU SPLIT BUTTON CLICK (3 TIER) on ligasetra.com
				.navbar-default .navbar-nav .dropdown .dropdown-submenu button.btn{
					position:absolute;
					right:0px;
					top:0px;
					width:61px;
					height:61px;
					background-color:#e7e7e7;
				}
				.navbar-default .navbar-nav .dropdown .dropdown-submenu button.btn:after{
					content:'+'
				}
				.navbar-default .navbar-nav .dropdown .dropdown-submenu.open button.btn:after{
					content:'-'
				}						
				.navbar-default .navbar-nav .dropdown-submenu .dropdown-menu{				
					position: relative;
					top:0px;
				}
					.navbar-default .navbar-nav .dropdown-submenu .dropdown-menu a{				
						position: relative;
						padding-left:40px;
					}				 */
footer{
	background-color:#103d22;
	text-align:center;	
	overflow-x:hidden;
}

	footer .left{
		background-color:#f9c513;
		padding-top:50px;
	}
		footer .left h3{
			font-family:'GothamBlack';
			font-size:84px;
			color:white;
			text-align: left;
			line-height: 80px;
			margin-bottom: 40px;
		}
			footer .left .form-wrapper input,
			footer .left .form-wrapper textarea{		
				font-family:'GothamBold';
				font-size:18px;
				line-height:45px;
				width: 100%;
				background-color:white;
				border:none;
				padding: 0px 15px;
				margin-bottom: 10px;
				vertical-align: inherit;
				border-radius: 15px;
			}
			footer .left .form-wrapper textarea{		
				height:100px;
			}
			footer .left .form-wrapper p.captcha .fix img {
				max-width: 100%;
				float: left;
  				margin: 0px 0px 10px;
			}		
			footer .left .form-wrapper p.submit{			
				text-align:right;
			}
				footer .left .form-wrapper input[type='submit']{		
					font-family: 'GothamBold';
					font-size: 18px;
					color: black;
					transition: all 0.25s ease-in-out;
					padding: 4px 30px;
					margin-top: 0px;
					margin-bottom: 20px;
					background-color: white;
					border: none;
					display: inline-block;
					width: auto;
					line-height: 38px;
					width: 170px;
				}	
				footer .left .form-wrapper input[type='submit']:hover{				
					opacity:0.7;
				}		
	footer .right .background{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		max-width: none;
		width: 45vw;
		object-fit: cover;
	}
	footer .right .footer-contact{
		position: absolute;
		bottom: 80px;
		right: 0px;
		text-align:right;
	}
		footer .right .footer-contact h4{
			font-family:'GothamLight';
			color:#fac113;
			font-size:26px;
			padding-right: 62px;
		}
		footer .right .footer-contact .item{
			margin-bottom:15px;
		}
			footer .right .footer-contact .item span{
				display:inline-block;
				font-family:'GothamLight';
				color:white;
				font-size:26px;
				vertical-align: middle;
			}
				footer .right .footer-contact .item span a{
					font-family:'GothamLight';
					color:white;
					font-size:26px;
				}
		footer .right .footer-contact .item .icon-wrapper{
			display:inline-block;
			width:60px;
			text-align: center;
		}			

 /* hide slick slider until ready */
 .slider{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.slick-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}	
.slider .slick-slide{
    position:absolute;
}
 .slider .slick-slide:first-child{
    position:relative;
}
.slick-initialized.slick-slider .slick-slide,
.slick-initialized.slick-slider .slick-slide:first-child{
    position:relative;
}		
.slick-slide img{			
	max-width: 100%;
	width: 100%;
	height: auto;	
	display:block;
	margin:auto;
}
.slider-prev,
.slider-next{
	transition:all 0.25s ease-in-out;
	background: url('images/template/slider-arrow.png') no-repeat 0% / contain;	
	position: absolute; 
	display: block; 
	line-height: 0; 
	cursor: pointer;
	border: none; 
	outline: none; 		
	width: 27px;
	height: 40px;
	opacity:0.8;
	top: 50%;			
	margin-top:-38px;	
}
.slider-prev:hover,
.slider-next:hover{
	opacity:1;
}
.slider-prev{
	top:50%;
	margin-top:-20px;
	left:30px;
}
.slider-next{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";			
	top:50%;
	margin-top:-20px;
	right:30px;
}	

.slick-dots{
	bottom: 15px;	
}
	.slick-dots li button::before {
		color:white;
		font-size: 60px;
	}
	.slick-dots li.slick-active button::before {
		color: white;
		opacity:1;
	}	
/* SQUARE STYLE */
	/* .slick-dots li {
		width: 53px;
		height: 4px;	
		margin: 0 2px;
	}
		.slick-dots li button::before {
			content: '';
			background-color: white;
			width: 53px;
			height: 4px;
		}	 */

/*COMMON CLASS*/
a.anchor {
    height: 0px;
    display: block;
}		
.wpcf7-response-output{
	font-family: "GothamBold";
	font-size: 20px;
}
#es_shortcode_msg span{
	font-family: "GothamBold";
  font-size: 20px;
}
.frame-wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
	.frame-wrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}	

.link-animate{
	transition:all 0.25s ease-in-out;
	-webkit-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
}
	.link-animate:hover{
		opacity:0.7;
	}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}	
/*____________________________________*/

/* COMMON TEMPLATE */
.common-pagination{
	text-align:center;
}
	.common-pagination a,
	.common-pagination span{
		font-family: 'MarkPro';
		font-size: 18px;
		padding: 10px 15px;
	}
	.common-pagination span{
		font-weight:bold;
		font-size: 18px;
		border-bottom: 2px solid black;
	}

/* 404 PAGE */
.error404 main{text-align: center;min-height:80vh}.error404 main h2{margin-bottom: 40px;}.error404 main a{font-size: 25px;}

.styled-title{
	font-family:'GothamBlack';
	font-size:84px;
	color:#103d22;
}
	.styled-title span{
		font-family:'GothamBlack';
		font-size:84px;
		line-height: 79px;
		color:#fcc011;
	}

/*HOME PAGE*/
.home.page .band.nav{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
}

.home.page .band.nav .navbar-nav{
	visibility:hidden;
}
.home.page footer{
	display:none;
}

.home.page main{
	overflow-x:hidden;
}
.home.page section.first .background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}
.home.page section.first h1{
	font-family:'GothamBlack';
	font-size:144px;
	color:white;
	margin:400px 0px 30px;
	text-align:right;
}
	.home.page section.first h1 span{
		color:#fac111;
	}

.home.page section.second{
	background-color:#103d22;
}
.home.page section.second .beranda{
	position:absolute;
	top:10px;
	left:15px;
	font-family:'GothamBold';
	font-size:22px;
	color:white;
}

.home.page section.second .landing-contact{
	text-align: left;
	margin-top: 290px;
	margin-bottom: 30px;
}
	.home.page section.second .landing-contact h3{
		font-family:'GothamLight';
		color:#fac113;
		font-size:26px;
	}
	.home.page section.second .landing-contact .item{
		margin-bottom:15px;
	}
		.home.page section.second .landing-contact .item span{
			display:inline-block;
			font-family:'GothamLight';
			color:white;
			font-size:16px;
			vertical-align: middle;
		}
			.home.page section.second .landing-contact .item span a{
				font-family:'GothamLight';
				color:white;
				font-size:16px;
			}
	.home.page section.second .landing-contact .item .icon-wrapper{
		display:inline-block;
		width:26px;
		text-align: center;
	}			
		.home.page section.second .landing-contact .item .icon-wrapper img{
			width:18px;
		}		
		
.home.page section.second .person{
	position:absolute;
	bottom:0px;
	left:0px;
	width:50vw;
	max-width: none;
}

/* BERANDA PAGE */
.page-template-page-beranda .band.nav{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
}

.page-template-page-beranda section.first .slider-wrapper,
.page-template-page-beranda section.first .slider,
.page-template-page-beranda section.first .slider .slick-list,
.page-template-page-beranda section.first .slider .slick-list .slick-track{
	height:100%;
}	
.page-template-page-beranda section.first .slider-wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	overflow: hidden;
}
	.page-template-page-beranda section.first .slider-wrapper img{
		object-fit: cover;
		object-position: bottom;
		height:100%;
	}
.page-template-page-beranda section.first .container{
	pointer-events: none;
}	
.page-template-page-beranda section.first h1{
	font-family:'GothamBlack';
	font-size:108px;
	line-height: 90px;
	color:white;
	margin:400px 0px 30px;
	text-align:right;
	user-select:none;
}
	.page-template-page-beranda section.first h1 span{
		color:#fac111;
	}

.page-template-page-beranda section.second{
	background-color:#103d22;
}
	.page-template-page-beranda section.second .person{
		margin-top: -150px;
	}

.page-template-page-beranda section.third{
	padding: 100px 0px 440px;
}
.page-template-page-beranda section.third .tentang-perusahaan-background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}	

.page-template-page-beranda section.fourth{
	padding: 200px 0px 200px;
}
.page-template-page-beranda section.fourth .visi-misi-background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}	

.page-template-page-beranda section.fourth .person{
	position:absolute;
	bottom:-180px;
	left:0px;
}
.page-template-page-beranda section.fourth .right .box{
	background-color:white;
	border-radius:15px;
	padding:30px 40px 30px;
}
	.page-template-page-beranda section.fourth .right .box .item h3{
		font-size:21px;
	}
	.page-template-page-beranda section.fourth .right .box .item{
		text-align:justify;
	}
	.page-template-page-beranda section.fourth .right .box .item::before{
		content: '';
		position: absolute;
		top: 1px;
		left: -20px;
		width: 12px;
		height: 20px;
		background-image:url('images/beranda/green-fire-icon.jpg');
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;		
	}

.page-template-page-beranda section.fifth{
	padding:100px 0px 100px;
}

/* TENTANG KAMI PAGE */
.page-template-page-tentang-kami .band.nav{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;	
}
.band.nav .cv{
	color:white;
}

.page-template-page-tentang-kami .band.nav .menu-logo-white{	
	visibility:visible;
}		
	
	.page-template-page-tentang-kami .navbar-nav{
		text-align:right;
		float:none;
		display:inline-block;
		background-color:#f9c513;
	}	
.page-template-page-tentang-kami section.first{
	padding: 284px 0px 110px;
}
.page-template-page-tentang-kami section.first .background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}	

.page-template-page-tentang-kami section.first .right h1{
	font-family:'GothamBlack';
	font-size:88px;
	line-height: 70px;
	color:white;
}
	.page-template-page-tentang-kami section.first .right h1 span{
		color:#f9c513;
	}
.page-template-page-tentang-kami section.first .right h2{
	font-family:'GothamBlack';
	font-size:33px;
	color:white;
}	
.page-template-page-tentang-kami section.first .right h3{
	font-family:'GothamBlack';
	font-size:26px;
	color:#f9c513;
	margin-top: 60px;
}	

.page-template-page-tentang-kami section.second h1{
	color: white;
	font-size: 88px;
	padding-left: 60px;
	margin-bottom: 30px;
}

.page-template-page-tentang-kami section.second{
	padding:0px 0px 60px;
}
.page-template-page-tentang-kami section.second .box-background{
	position:absolute;
	width:100%;
	height:880px;
	background-color:#f9c513;
	top:-80px;
	left:0px;
}

.page-template-page-tentang-kami section.second .collage1{
	width:100%;
	margin-bottom:20px;
}
.page-template-page-tentang-kami section.second .collage2{
	width:100%;
	margin-bottom:20px;
}

/* PAGE PRODUK LAYANAN */
.page-template-page-produk-layanan section.first .title-wrapper{
	text-align:right;
}
.page-template-page-produk-layanan section.first h1{
	display:inline-block;
	text-align:left;
	font-size:127px;
	line-height: 100px;
}
	.page-template-page-produk-layanan section.first h1 span{
		font-size:127px;
	}
.page-template-page-produk-layanan section.first .background{
	width:100%;
}


.page-template-page-produk-layanan section.second .left{
	background-color:#f9c513;
	padding:50px 40px 50px;
}
	.page-template-page-produk-layanan section.second .left h2{
		font-size:47px;
	}
	.page-template-page-produk-layanan section.second .left h3{
		font-size:22px;
	}
	.page-template-page-produk-layanan section.second .left p::before{
		content: '';
		position: absolute;
		top: 1px;
		left: -20px;
		width: 12px;
		height: 20px;
		background-image:url('images/produk-layanan/green-fire-icon.png');
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;		
	}	
.page-template-page-produk-layanan section.second .right{
	background-color:#103d22;
	padding:50px 40px 50px;
}
	.page-template-page-produk-layanan section.second .right h2{
		font-size:47px;
		color:white;
	}
	.page-template-page-produk-layanan section.second .right h3{
		font-size:22px;
		color:white;
	}
	.page-template-page-produk-layanan section.second .right p{
		color:white;
	}
	.page-template-page-produk-layanan section.second .right p::before{
		content: '';
		position: absolute;
		top: 1px;
		left: -20px;
		width: 12px;
		height: 20px;
		background-image:url('images/produk-layanan/white-fire-icon.png');
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;		
	}	

.page-template-page-produk-layanan section.third .background{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}
.page-template-page-produk-layanan section.third .wrapper{
	margin: 160px 0px 320px;
	text-align:center;
}
.page-template-page-produk-layanan section.third h2{
	font-size:47px;
}
.page-template-page-produk-layanan section.third h3{
	font-size:22px;
}
.page-template-page-produk-layanan section.third p{
	font-family: 'GothamBold';
}

.page-template-page-produk-layanan section.fourth img{
	width:100%;
	margin-top:-370px;
}
.page-template-page-produk-layanan section.fourth .box{
	width:100%;
	position:absolute;
	bottom:0px;
	height:455px;
	background-color:#103d22;
}

/* PARTNERSHIP PAGE */
.page-template-page-partnership section.first{
	margin-top:50px
}
.page-template-page-partnership section.first .background{
	width:100%;
}
.page-template-page-partnership section.first h1{
	font-size:158px;
	color:#f9c513;
	text-align:center;
	top:-140px;
}

.page-template-page-partnership section.first .body{
	padding: 60px 0px 40px;
	text-align: justify;
}
.page-template-page-partnership section.first .body h3{
	font-size:47px;
	margin:30px 0px 30px;
}
.page-template-page-partnership section.first .body .item{
	padding-left: 20px;
	line-height: 36px;
}
.page-template-page-partnership section.first .body .item::before{
	content: '';
	position: absolute;
	top: 5px;
	left: 0px;
	width: 12px;
	height: 20px;
	background-image:url('images/produk-layanan/green-fire-icon.png');
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;		
}

.page-template-page-partnership section.second .collage{
	width:100%;
}
.page-template-page-partnership section.second .body{
	padding:50px 0px 70px;
	text-align: justify;
}
.page-template-page-partnership section.second p{
	line-height: 36px;
}
.page-template-page-partnership section.second p strong{
	font-family:'GothamBold';
}


/* PAGE TESTIMONI */
.page-template-page-testimoni section.first{
	margin-top: 40px;
}
.page-template-page-testimoni section.first h1{
	position: absolute;
	bottom: -41px;
	text-align: center;
	font-size: 158px;
	color: #f9c513;
	width: 100%;
}
.page-template-page-testimoni section.first .background{
	width:100%;
}

.page-template-page-testimoni section.second{
	background-color:#f9c513;
	padding:50px 0px 0px;
}
.page-template-page-testimoni section.second h2{
	font-size:52px;
	margin-bottom:60px;
	padding-left: 50px;
}
.page-template-page-testimoni section.second .person1{
	position:absolute;
	bottom:0px;
	left:100px;
}
.page-template-page-testimoni section.second .person2{
	position:absolute;
	bottom:0px;
	right:0px;
	width:45vw;
	max-width:none;
}
.page-template-page-testimoni section.second .person3{
	position:absolute;
	bottom:-90px;
	right:40px;
}
.page-template-page-testimoni section.second .person4{
	position:absolute;
	bottom:-40px;
	right:0px;
	width:31vw;
	max-width:none;
}

.page-template-page-testimoni section.second .slider-wrapper{
	padding-bottom: 50px;
	z-index: 1;
}
.page-template-page-testimoni section.second .box-white{
	background-color:white;
	border-radius:15px;
	padding: 15px 20px 40px;
  	text-align: left;
	margin-bottom:30px;
}
.page-template-page-testimoni section.second .box-white::before{
	content:'';
	position:absolute;
	bottom: -26px;
	left: 50px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 26px 27.5px 0 27.5px;
	border-color: #FFFFFF transparent transparent transparent;
	transform: rotate(0deg);
}
	.page-template-page-testimoni section.second .box-white .five-star{
		width:289px;
		margin:0px 0px 20px;
	}
	.page-template-page-testimoni section.second .box-white .testimoni{
		font-family:'GothamLight';
		font-size:25px;
	}
	.page-template-page-testimoni section.second .nama{
		font-family:'GothamBlack';
		font-size:29px;
		padding-left:110px;
		line-height: 30px;
  		margin-bottom: 10px;
	}	

.page-template-page-testimoni section.second .slick-dots{
	bottom:-45px;
}

.page-template-page-testimoni section.second .separator{
	width:100%;
	margin-bottom: 50px;
}

/* ENABLE SUB MENU BOOTSTRAP HOVER */
@media only screen and (min-width: 768px){
	.dropdown:hover > .dropdown-menu {
		display: block;
	}
}
@media only screen and (min-width : 1200px) and (max-width: 1440px){
	.container{width:1200px;}
	/* html::before{content:'1201 1519 lg';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */

	/* PRODUK LAYANAN PAGE */
	.page-template-page-produk-layanan section.fourth img {
		margin-top: -140px;
	}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width: 1199px){
/*col no padding*/
.col-md-no-pad{padding-right:0!important;padding-left:0!important;}
.col-md-no-pad-right{padding-right:0!important;}
.col-md-no-pad-left{padding-left:0!important;}
/* html::before{content:'992 1199 md';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}		 */
.navbar-default .navbar-nav > li > a {
	font-size: 17px;
}

/* PRODUK LAYANAN PAGE */
.page-template-page-produk-layanan section.fourth img {
	margin-top: -200px;
}
.page-template-page-produk-layanan section.fourth .box {
	height: 235px;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*col no padding*/
.col-sm-no-pad{padding-right:0!important;padding-left:0!important;}
.col-sm-no-pad-right{padding-right:0!important;}
.col-sm-no-pad-left{padding-left:0!important;}		
/* html::before{content:'768 991 sm';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */

/*FORCE RESPONSIVE MENU DISPLAYED ON ALL SCREEN RESOLUTION */
.navbar-header {
    float: none;
}
.navbar-collapse.collapse {
	display: none!important;
	border-top: 1px solid #dedede;
}
.navbar-collapse.collapse.in{
	display: table !important;
	width: 100%;
}		
.navbar-header{
	width: 100%;
}
.navbar-toggle
{
	display: block;
}
.navbar-nav {
	margin: 0px;
}
.navbar-nav > li {
	display: block;
	text-align: left;	
	padding: 10px 0px;
}	
	.navbar-default .navbar-nav > li > a {
		line-height: 30px;
		font-size: 14px;
	}

.band.nav{
	position:relative!important;
	background-color: #fac111;
}
.navbar-brand img {
	width: 59px;
	margin-top: -17px;
}
.band.nav .cv {
	top: 15px;
	right: 80px;
}
.band.nav .navbar-nav{
	visibility:visible!important;
	width: 100%;
}
#main-nav {
	padding-top: 0;
}

footer .right .footer-contact .item span,
footer .right .footer-contact .item span a {
	font-size: 19px;
}

/* LANDING PAGE */
.home.page section.second .landing-contact {
	margin-top: 150px;
}
.home.page section.first h1 {
	font-size: 114px;
	margin: 230px 0px 30px;
}

/* BERANDA PAGE */
.page-template-page-beranda section.first h1 {
	margin: 326px 0px 30px;
}

/* TENTANG KAMI */
.page-template-page-tentang-kami section.first {
	padding: 54px 0px 110px;
}
.page-template-page-tentang-kami section.first .right h1 {
	font-size: 65px;
}
.page-template-page-tentang-kami section.second h1 {
	font-size: 68px;
}
.page-template-page-tentang-kami section.second .box-background {
	height: 530px;
}

/* PRODUK LAYANAN PAGE */
.page-template-page-produk-layanan section.first h1,
.page-template-page-produk-layanan section.first h1 span {
	font-size: 70px;
	line-height: 57px;
}
.page-template-page-produk-layanan section.fourth img {
	margin-top: -230px;
}
.page-template-page-produk-layanan section.fourth .box {
	height: 215px;
}

/* TESTIMONI PAGE */
.page-template-page-testimoni section.first {
	margin-top: 0px;
}
.page-template-page-testimoni section.first h1 {
	bottom: -30px;
	font-size: 118px;
}
.page-template-page-testimoni section.second .person2 {
	width: 460px;
}
.page-template-page-testimoni section.second .person3 {
	bottom: 470px;
	right: 0px;
}
.page-template-page-testimoni section.second .person4 {
	width: 340px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*col no padding*/
.col-xs-no-pad{padding-right:0!important;padding-left:0!important;}
.col-xs-no-pad-right{padding-right:0!important;}
.col-xs-no-pad-left{padding-left:0!important;}
.row-eq-height,.row-vertical-centering{display:block;}
.image-background-half-screen{width:100%;position:relative}
.element-center{top:0px;transform:none;}		
/* html::before{content:'480 767 xs';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}		 */
.navbar-nav {
    margin: 0px;
}
.navbar-nav > li {
    display: block;
	text-align: left;	
	padding: 10px 0px;
}	
	.navbar-default .navbar-nav > li > a {
		font-size:14px;
		line-height: 30px;
	}
	.navbar-default .navbar-nav .dropdown-menu {
		padding-top: 10px;
		position: relative;
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}		
	
.band.nav{
	position:relative!important;
	background-color: #fac111;
}
.navbar-brand img {
	width: 59px;
	margin-top: -17px;
}
.band.nav .cv {
	top: 15px;
	right: 80px;
	font-size:12px;
}
.band.nav .navbar-nav{
	visibility:visible!important;
	width: 100%;
}
#main-nav {
	padding-top: 0;
}	

footer .left h3 {
	font-size: 60px;
	line-height: 62px;
}
footer .right{
	padding-top:50px;
}
footer .right .footer-contact {
	position: relative;
	bottom: 0px;
	right: 0px;
}
footer .right .footer-contact .item span,
footer .right .footer-contact .item span a {
	font-size: 19px;
}
footer .right .background {
	width: 100%;
}

.styled-title,
.styled-title span {
	font-size: 50px;
	line-height: 50px;
}

/* LANDING PAGE */
.home.page section.first h1 {
	font-size: 70px;
	margin: 140px 0px 30px;
}

.home.page section.second .landing-contact {
	margin-top: 120px;
}
.home.page section.second .beranda {
	top: -110px;
}

/* BERANDA PAGE */
.page-template-page-beranda section.first h1 {
	font-size: 70px;
	line-height: 65px;
	margin: 100px 0px 200px;
}

.page-template-page-beranda section.third {
	padding: 40px 0px 240px;
	overflow-x: hidden;
}
.page-template-page-beranda section.third .tentang-perusahaan-background {
	top:auto;
	bottom: 0px;
	left: -311px;
	height: 440px;
	width: auto;
	max-width: none;
}
.page-template-page-beranda section.fourth {
	padding: 30px 0px 410px;
}
.page-template-page-beranda section.fourth .person {
	bottom: 0px;
}

.page-template-page-beranda section.fifth {
	padding: 40px 0px 100px;
}

/* TENTANG KAMI */
.page-template-page-tentang-kami section.first {
	padding: 54px 0px 110px;
}
.page-template-page-tentang-kami section.first .right h1 {
	font-size: 65px;
}
.page-template-page-tentang-kami section.first .flex-container.absolute {
	position: relative;
}

.page-template-page-tentang-kami section.second {
	padding: 0px 0px 0px;
}
.page-template-page-tentang-kami section.second h1 {
	font-size: 68px;
}
.page-template-page-tentang-kami section.second .box-background {
	height: 530px;
	top: 0px;
}
.page-template-page-tentang-kami section.second h1 {
    font-size: 50px;
}

/* PRODUK LAYANAN PAGE */
.page-template-page-produk-layanan section.first h1{
	margin: 60px 0px 70px;
}
.page-template-page-produk-layanan section.first h1,
.page-template-page-produk-layanan section.first h1 span {
	font-size: 70px;
	line-height: 57px;
}
.page-template-page-produk-layanan section.fourth img {
	margin-top: -92px;
}
.page-template-page-produk-layanan section.fourth .box {
	height: 75px;
}
.page-template-page-produk-layanan section.second .right {
	padding: 1px 40px 50px;
}

/* PARTNERSHIP PAGE */
.page-template-page-partnership section.first {
	margin-top: 0px;
}
.page-template-page-testimoni section.first .background {
	height: 410px;
	object-fit: cover;
	object-position: -430px;
}
.page-template-page-partnership section.first h1 {
	font-size: 58px;
}
.page-template-page-partnership section.first .background {
	height: 500px;
	object-fit: cover;
	object-position: -470px;
}
.page-template-page-partnership section.first .body {
	padding: 60px 20px 40px;
}
.page-template-page-partnership section.first .body h3 {
	font-size: 37px;
}

.page-template-page-partnership section.second p {
	padding: 0px 20px 0px;
}

.page-template-page-testimoni section.first {
	margin-top: 0px;
}
.page-template-page-testimoni section.first h1 {
	bottom: -23px;
    font-size: 72px;
}

.page-template-page-testimoni section.second h2 {
	font-size: 40px;
	padding-left: 0px;
}
.page-template-page-testimoni section.second .person2 {
	width: 460px;
}
.page-template-page-testimoni section.second .person3 {
	bottom: 470px;
	right: 0px;
}
.page-template-page-testimoni section.second .person4 {
	width: 340px;
}	
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 479px) {
/*col no padding*/
.col-xs-no-pad{padding-right:0!important;padding-left:0!important;}
.col-xs-no-pad-right{padding-right:0!important;}
.col-xs-no-pad-left{padding-left:0!important;}		
.row-eq-height,.row-vertical-centering{display:block;}
.image-background-half-screen{width:100%;position:relative}
.element-center{top:0px;transform:none;}
/* html::before{content:'479 xs';font-size:50px;color:red;position:absolute;top:0px;left:0px;z-index: 99999;pointer-events:none;}	 */
.navbar-nav {
    margin: 0px;
}
.navbar-nav > li {
    display: block;
	text-align: left;	
	padding: 10px 0px;
}	
	.navbar-default .navbar-nav > li > a {
		font-size:14px;
		line-height: 30px;
	}
	.navbar-default .navbar-nav .dropdown-menu {
		padding-top: 10px;
		position: relative;
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}		
	
.band.nav{
	position:relative!important;
	background-color: #fac111;
}
.navbar-brand img {
	width: 59px;
	margin-top: -17px;
}
.band.nav .cv {
	top: 15px;
	right: 80px;
	font-size:12px;
}
.band.nav .navbar-nav{
	visibility:visible!important;
	width: 100%;
}
#main-nav {
	padding-top: 0;
}	

footer .left h3 {
	font-size: 60px;
	line-height: 62px;
}
footer .right{
	padding-top:50px;
}
footer .right .footer-contact {
	position: relative;
	bottom: 0px;
	right: 0px;
}
footer .right .footer-contact .item span,
footer .right .footer-contact .item span a {
	font-size: 19px;
}
footer .right .background {
	width: 100%;
}

.styled-title,
.styled-title span {
	font-size: 50px;
	line-height: 50px;
}

/* LANDING PAGE */
.home.page section.first h1 {
	font-size: 70px;
	margin: 140px 0px 30px;
}

.home.page section.second .landing-contact {
	margin-top: 120px;
}
.home.page section.second .beranda {
	top: -110px;
}

/* BERANDA PAGE */
.page-template-page-beranda section.first h1 {
	font-size: 70px;
	line-height: 65px;
	margin: 100px 0px 200px;
}

.page-template-page-beranda section.third {
	padding: 40px 0px 240px;
	overflow-x: hidden;
}
.page-template-page-beranda section.third .tentang-perusahaan-background {
	top:auto;
	bottom: 0px;
	left: -311px;
	height: 440px;
	width: auto;
	max-width: none;
}
.page-template-page-beranda section.fourth {
	padding: 30px 0px 410px;
}
.page-template-page-beranda section.fourth .person {
	bottom: 0px;
}

.page-template-page-beranda section.fifth {
	padding: 40px 0px 100px;
}

/* TENTANG KAMI */
.page-template-page-tentang-kami section.first {
	padding: 54px 0px 110px;
}
.page-template-page-tentang-kami section.first .right h1 {
	font-size: 65px;
}
.page-template-page-tentang-kami section.first .flex-container.absolute {
	position: relative;
}

.page-template-page-tentang-kami section.second {
	padding: 0px 0px 0px;
}
.page-template-page-tentang-kami section.second h1 {
	font-size: 68px;
}
.page-template-page-tentang-kami section.second .box-background {
	height: 530px;
	top: 0px;
}
.page-template-page-tentang-kami section.second h1 {
    font-size: 50px;
}

/* PRODUK LAYANAN PAGE */
.page-template-page-produk-layanan section.first h1{
	margin: 60px 0px 70px;
}
.page-template-page-produk-layanan section.first h1,
.page-template-page-produk-layanan section.first h1 span {
	font-size: 70px;
	line-height: 57px;
}
.page-template-page-produk-layanan section.fourth img {
	margin-top: -92px;
}
.page-template-page-produk-layanan section.fourth .box {
	height: 75px;
}
.page-template-page-produk-layanan section.second .right {
	padding: 1px 40px 50px;
}

/* PARTNERSHIP PAGE */
.page-template-page-partnership section.first {
	margin-top: 0px;
}
.page-template-page-testimoni section.first .background {
	height: 410px;
	object-fit: cover;
	object-position: -430px;
}
.page-template-page-partnership section.first h1 {
	font-size: 58px;
}
.page-template-page-partnership section.first .background {
	height: 500px;
	object-fit: cover;
	object-position: -470px;
}
.page-template-page-partnership section.first .body {
	padding: 60px 20px 40px;
}
.page-template-page-partnership section.first .body h3 {
	font-size: 37px;
}

.page-template-page-partnership section.second p {
	padding: 0px 20px 0px;
}

.page-template-page-testimoni section.first {
	margin-top: 0px;
}
.page-template-page-testimoni section.first h1 {
	bottom: -23px;
    font-size: 72px;
}

.page-template-page-testimoni section.second h2 {
	font-size: 40px;
	padding-left: 0px;
}
.page-template-page-testimoni section.second .person2 {
	width: 460px;
}
.page-template-page-testimoni section.second .person3 {
	bottom: 470px;
	right: 0px;
}
.page-template-page-testimoni section.second .person4 {
	width: 340px;
}
}

@font-face {
    font-family: 'GothamBlack';
    src: url('fonts/GothamBlack.eot');
    src: url('fonts/GothamBlack.eot') format('embedded-opentype'),
         url('fonts/GothamBlack.woff2') format('woff2'),
         url('fonts/GothamBlack.woff') format('woff'),
         url('fonts/GothamBlack.ttf') format('truetype'),
         url('fonts/GothamBlack.svg#GothamBlack') format('svg');
}
@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot') format('embedded-opentype'),
         url('fonts/GothamBold.woff2') format('woff2'),
         url('fonts/GothamBold.woff') format('woff'),
         url('fonts/GothamBold.ttf') format('truetype'),
         url('fonts/GothamBold.svg#GothamBold') format('svg');
}
@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight.eot');
    src: url('fonts/GothamLight.eot') format('embedded-opentype'),
         url('fonts/GothamLight.woff2') format('woff2'),
         url('fonts/GothamLight.woff') format('woff'),
         url('fonts/GothamLight.ttf') format('truetype'),
         url('fonts/GothamLight.svg#GothamLight') format('svg');
}