.w3-animate-fading{animation:fading 10s infinite}
	@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}
	@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}
	@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}
	@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}
	@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}
	@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}
	@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
/*====================================================================================================================
													  NAVBAR
====================================================================================================================*/
/*@media screen and (min-width: 1366px){*/
/*	#header-landing{*/
/*		background: rgba(0, 0, 0, 0.7);*/
/*		width: 100%;*/
/*		position: fixed;*/
/*		z-index: 1000;*/
/*		padding: 0.5vw 5vw;*/
/*	}*/

/*	.logo-360{*/
/*		float: left;*/
/*		width: 10%;*/
/*	}*/

/*	.navbar-landing ul{*/
/*		float: right;*/
/*		color: white;*/
/*		list-style: none;*/
/*		margin: 2vh 0;*/
/*	}*/

/*	.navbar-landing ul li, .navbar-landing ul li form{*/
/*		display: inline;*/
/*	}*/

/*	.navbar-landing ul li a{*/
/*		display: inline-block;*/
/*		cursor: pointer;*/
/*		color: white;*/
/*		padding: 1.5vw;*/
/*		font-size: 2vh;*/
/*	}*/

/*	.navbar-landing ul li a:hover{*/
/*		text-decoration: none;*/
/*		background-color: rgba(0,0,0, 0.3);*/
/*	}*/

/*	.navbar-landing ul li a.active {*/
/*	    background-color: rgba(0,0,0, 0.3);*/
/*	}*/

/*	.navbar-landing ul li a.icon-toggle{*/
/*		display: none;*/
/*	}*/

/*	.search-box-index{*/
/*		float: right;*/
/*	}*/

/*	.search-input{*/
/*		background-color: transparent;*/
/*		border-style: none;*/
/*		border-color: #333333;*/
/*		border-bottom-color: #333333;*/
/*		border-bottom: solid;*/
/*		width: 10vw;*/
/*		font-size: 2vh;*/
/*	}*/

/*	.search-icon{*/
/*		background-color: transparent;*/
/*		border-style: none;*/
/*		margin: auto 5px;*/
/*		font-size: 2vh;*/
/*	}*/

/*	.search-input:focus{*/
/*		color: white;*/
/*		border-color: white;*/
/*		transition: all .5s;*/
/*	}*/

	/*.search-icon{
		color: white;
		margin: auto 5px;
	}*/
/*}*/

/*@media screen and (max-width: 1366px){*/
/*	#header-landing{*/
/*		background: rgba(0, 0, 0, 0.7);*/
/*		width: 100%;*/
/*		position: fixed;*/
/*		z-index: 1000;*/
/*		padding: 0.5vw 5vw;*/
/*	}*/

/*	.logo-360{*/
/*		float: left;*/
/*		width: 10%;*/
/*	}*/

/*	.navbar-landing ul{*/
/*		float: right;*/
/*		color: white;*/
/*		list-style: none;*/
/*		margin: 0;*/
/*	}*/

/*	.navbar-landing ul li, .navbar-landing ul li form{*/
/*		display: inline;*/
/*	}*/

/*	.navbar-landing ul li a{*/
/*		display: inline-block;*/
/*		cursor: pointer;*/
/*		color: white;*/
/*		padding: 1.5vw;*/
/*		font-size: 16px;*/
/*	}*/

/*	.navbar-landing ul li a:hover{*/
/*		text-decoration: none;*/
/*		background-color: rgba(0,0,0, 0.3);*/
/*	}*/

/*	.navbar-landing ul li a.active {*/
/*	    background-color: rgba(0,0,0, 0.3);*/
/*	}*/

/*	.navbar-landing ul li a.icon-toggle{*/
/*		display: none;*/
/*	}*/

/*	.search-box-index{*/
/*	float: right;*/
/*	}*/

/*	.search-input{*/
/*		background-color: transparent;*/
/*		border-style: none;*/
/*		border-color: #333333;*/
/*		border-bottom-color: #333333;*/
/*		border-bottom: solid;*/
/*		width: 150px;*/
/*	}*/

/*	.search-icon{*/
/*		background-color: transparent;*/
/*		border-style: none;*/
/*		margin: auto 5px;*/
/*	}*/

/*	.search-input:focus{*/
/*		color: white;*/
/*		border-color: white;*/
/*		transition: all .5s;*/
/*	}*/

	/*.search-icon{
		color: white;
		margin: auto 5px;
	}*/
/*}*/

/*@media screen and (max-width: 992px){*/
/*	.logo-360{*/
/*		width: 10%;*/
/*		margin: 1.5vh 0;*/
/*	}*/

/*	.navbar-landing ul li a{*/
/*		padding: 1vw;*/
/*	}*/

/*	.navbar-landing ul li a, .search-input, .search-icon{*/
/*		display: none;*/
/*	}*/

/*	.navbar-landing ul li a.icon-toggle {*/
/*	    float: right;*/
/*	    display: block;*/
/*	    font-size: 5vh;*/
/*	}*/

/*	.navbar-landing.responsive {*/
/*	  	position: relative;*/
/*	}*/

/*	.navbar-landing ul{*/
/*		width: 30%;*/
/*		padding: 0;*/
/*		margin: 1vh 0;*/
/*	}*/

/*	.navbar-landing.responsive ul li a.icon-toggle {*/
/*	    position: absolute;*/
/*	    right: 0;*/
/*	    top: 0;*/
/*	}*/

/*	.navbar-landing.responsive ul li a {*/
/*	    float: none;*/
/*	    display: block;*/
/*	    text-align: center;*/
/*	    font-size: 14px;*/
/*	}*/

	/*.search-input{
		background-color: transparent;
		border-style: solid;
		border-width: thin;
		border-color: white;
		border-radius: 3px;
		width: 150px;
	}*/
/*}*/

/*@media screen and (max-width: 768px){*/
/*	.logo-360{*/
/*		width: 15%;*/
/*		margin: 1.5vh 0;*/
/*	}*/

/*	.navbar-landing ul li a, .search-input, .search-icon{*/
/*		display: none;*/
/*	}*/

/*	.navbar-landing ul{*/
/*		margin: 1.5vh 0;*/
/*	}*/

/*	.navbar-landing ul li a.icon-toggle {*/
/*	    float: right;*/
/*	    display: block;*/
/*	    font-size: 5vh;*/
/*	}*/

/*	.navbar-landing.responsive {*/
/*	  	position: relative;*/
/*	}*/

/*	.navbar-landing ul{*/
/*		width: 50%;*/
/*		padding: 0;*/
/*	}*/

/*	.navbar-landing.responsive ul li a.icon-toggle {*/
/*	    position: absolute;*/
/*	    right: 0;*/
/*	    top: 0;*/
/*	}*/

/*	.navbar-landing.responsive ul li a {*/
/*	    float: none;*/
/*	    display: block;*/
/*	    text-align: center;*/
/*	    font-size: 14px;*/
/*	}*/
/*}*/

/*====================================================================================================================
													LANDING PAGE
====================================================================================================================*/
.bg{
	background: url(../images/bg-landing.jpg) no-repeat;
	background-size: cover;
}

#step, #showcase, #contact, #footer{
	transition-delay: .3s;
}

@media screen and (min-width: 1366px){
	#landing-page, #loading-page, #feature, #step, #showcase{
		height: 100vh;
	}
}

@media screen and (max-width: 1366px){
	#landing-page, #loading-page, #feature, #step, #showcase{
		height: 100vh;
	}
}

@media screen and (max-width: 992px){
	#landing-page, #loading-page, #feature, #step{
		height: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#showcase{
		height: 600px;
	}
}

@media screen and (max-width: 768px){
	#landing-page, #loading-page, #feature, #step, #showcase{
		height: 100%;
	}
}

/*====================================================================================================================
											LANDING PAGE - LOADING PAGE
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#landing-page{
		padding: 20vh 0 15vh 0;
		text-align: center;
		transition-delay: .5s; 
	}
	.logo{
		margin: auto;
		width: 15vw;
	}

	#logo{
		display: none;
	}

	.cyber-olympus{
		font-size: 8vh;
		font-family: 'quicksandregular';
		color: white;
		text-align: center;
		margin-bottom: 100px;
	}

	.loading-icon{
		padding: 150px 0;
		margin: auto;
		width: 15vw;
	}

	.icon-landing{
		color: white;
		text-align: center;
		font-size: 8vh;
		transition: .3s;
	}

	.icon-landing:hover{
		color: white;
		text-decoration: none;
	}
}

@media screen and (max-width: 1366px){
	#landing-page{
		padding: 150px 0 100px 0;
		text-align: center;
		transition-delay: .5s; 
	}
	.logo{
		margin: auto;
		width: 15%;
	}

	#logo{
		display: none;
	}

	.cyber-olympus{
		font-size: 60px;
		font-family: 'quicksandregular';
		color: white;
		text-align: center;
		margin-bottom: 100px;
	}

	.loading-icon{
		padding: 150px 0;
		margin: auto;
		width: 35%;
	}

	.icon-landing{
		color: white;
		text-align: center;
		font-size: 40px;
		transition: .3s;
	}

	.icon-landing:hover{
		color: white;
		text-decoration: none;
	}
}

@media screen and (max-width: 992px){
	.loading-icon{
		padding: 100px 0;
		width: 60%;
	}

	.logo{
		width: 20%;
	}

	.cyber-olympus{
		font-size: 50px;
	}
}

@media screen and (max-width: 768px){
	.logo{
		width: 25%;
	}

	.cyber-olympus{
		font-size: 40px;
	}
}

/*====================================================================================================================
													LANDING PAGE - FEATURE
====================================================================================================================*/
@media screen and (min-width: 1366px){
	.wrap {
	  height: 100vh;  
	  width: 100vw;
	  position: relative;
	  overflow: hidden;
	  }
	.masking-bg {
	    width: 100vw;
	    height: 100vh;
	    
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    
	    /*background: url('../images/bg-landingpage.png') no-repeat center center;*/
	    background-size: cover;

	    transform: scale(1.1);
	  }

	  .masking {
	    width: 100vw;
	    height: 100%;
	    
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 0;
	    
	    background: url('../images/masking1.png') no-repeat center center;
	    background-size: cover;

	    transform: scale(1.1);
	  }

	  .inner-feature{
	  	padding-top: 100px;
	  }

	#feature{
		background-color: black;
		color: white;
		height: 100vh;
		/*padding: 100px 100px 150px 100px;*/
		position: relative;
		transition-delay: .3s;
		/*padding-top: 100px;*/
	}

	.parallax-bg{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    transform: scale(1.1);
	}

	.icon-hidden{
		display: none;
	}

	.sub-title{
		font-family: 'sf_ui__textregular';
		font-size: 20px;
	}

	.title-thin{
		font-family: 'quicksandlight';
		font-size: 48px;
		margin-bottom: 0;
		letter-spacing: 4px;
	}

	.title-thick{
		font-family: 'quicksandregular';
		font-size: 54px;
		margin-top: 0;
		margin-bottom: 3%;
		letter-spacing: 4px;
	}

	.feature-img{
		bottom: 0;
		right: 0;
		position: absolute;
	}

	.view{
		font-family: 'quicksandlight';
		font-size: 2.5vh;
		color: white;
		text-decoration: none;
		border-style: solid;
		border-color: transparent;
		border-width: thin;
		/*border-radius: 5px;*/
		padding: 10px 20px;
		margin-left: -10px;
		transition: .3s;
	}

	.view:hover{
		text-decoration: none;
		border-style: solid;
		border-width: thin;
		border-color: white;
		color: white;
		margin-left: 0;
		transition: .3s;
		padding: 10px 50px;
	}

	.feature-icon{
		width: 80%;
		height: 400px;
	}

	.feature-text{
		font-family: 'sf_ui__textregular';
		margin-bottom: 30px;
		font-size: 16px;
	}

	.feature-indicators{
		font-family: 'quicksandlight';
	}
}

@media screen and (max-width: 1366px){
	.wrap {
	  height: 650px;  
	  position: relative;
	  overflow: hidden;
	  }
	.masking-bg {
	    width: 100%;
	    height: 100%;
	    
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    
	    /*background: url('../images/bg-landingpage.png') no-repeat center center;*/
	    background-size: cover;

	    transform: scale(1.1);
	  }

	  .masking {
	    width: 100%;
	    height: 100%;
	    
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 0;
	    
	    background: url('../images/masking1.png') no-repeat center center;
	    background-size: cover;

	    transform: scale(1.1);
	  }

	  .inner-feature{
	  	padding-top: 100px;
	  }

	#feature{
		background-color: black;
		color: white;
		height: 650px;
		/*padding: 100px 100px 150px 100px;*/
		position: relative;
		transition-delay: .3s;
		/*padding-top: 100px;*/
	}

	.parallax-bg{
		width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: -1;
	    transform: scale(1.1);
	}

	.icon-hidden{
		display: none;
	}

	.sub-title{
		font-family: 'sf_ui__textregular';
		font-size: 20px;
	}

	.title-thin{
		font-family: 'quicksandlight';
		font-size: 48px;
		margin-bottom: 0;
		letter-spacing: 4px;
	}

	.title-thick{
		font-family: 'quicksandregular';
		font-size: 54px;
		margin-top: 0;
		margin-bottom: 3%;
		letter-spacing: 4px;
	}

	.feature-img{
		bottom: 0;
		right: 0;
		position: absolute;
	}

	.view{
		font-family: 'quicksandlight';
		font-size: 16px;
		color: white;
		text-decoration: none;
		border-style: solid;
		border-color: transparent;
		border-width: thin;
		/*border-radius: 5px;*/
		padding: 5px 10px;
		margin-left: -10px;
	}

	.view:hover{
		text-decoration: none;
		border-style: solid;
		border-width: thin;
		border-color: white;
		color: white;
		transition: .4s;
	}

	.feature-icon{
		width: 80%;
		height: 400px;
	}

	.feature-text{
		font-family: 'sf_ui__textregular';
		margin-bottom: 30px;
		font-size: 16px;
	}

	.feature-indicators{
		font-family: 'quicksandlight';
	}
}

@media screen and (min-width: 993px){
	.feature-indicators{
		left: 0;
		top: 0;
		margin-left: 125px;
		margin-top: 450px;
		text-align: left;
	}
}

@media screen and (max-width: 992px){
	#feature{
		/*padding-top: 50px;*/
		text-align: center;
		background: url(../images/bg-landing.jpg);
		height: 100%;
	}

	.inner-feature{
		padding-top: 50px;
	}

	.masking-bg, .masking{
		display: none;
	}

	.icon-hidden{
		display: block;
	}

	.icon-shown{
		display: none;
	}

	.feature-icon {
	    width: 50%;
	    height: 250px;
	    margin: 20px auto;
	}

	.sub-title{
		font-size: 18px;
	}

	.title-thin{
		font-size: 32px;
	}

	.title-thick{
		font-size: 40px;
	}

	.feature-text{
		font-size: 15px;
		margin-bottom: 20px;
	}

	.feature-indicators{
		top: 0;
		text-align: center;
		margin-bottom: 20px;
		margin-top: 600px;
		/*margin-bottom: -560px;
		margin-left: 0;
		text-align: center;		left: 0;
		width: 100%;*/
	}

	.feature-main{
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 768px){
	.sub-title{
		font-size: 16px;
	}

	.title-thin{
		font-size: 28px;
	}

	.title-thick{
		font-size: 34px;
	}

	.feature-text{
		font-size: 15px;
		margin-bottom: 20px;
	}
}

/*===================================================================================================================
														LANDING PAGE - STEP
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#step{
		background: url(../images/bg-step.png) no-repeat center;
		background-size: cover;
	}

	.step{
		text-align: right;
		padding: 20vh 5vw;
	}

	.sub-title{
		font-size: 3vh;
	}

	.title-thin{
		font-size: 5vh;
	}

	.title-thick{
		font-size: 7vh;
	}

	.feature-text{
		font-size: 2.5vh;
		margin-bottom: 20px;
	}
}

#step{
	background-color: white;
}

.step-box{
	height: 100%;
	padding: 100px 50px;
}

.step-img{
	width: 65%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.circle-move, .circle-move2{
	width: 15%;
}

.circle-move2{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 50px;
	margin-right: 30px;
}

.bg-step-icon{
	position: absolute;
}

.step-icon{
	width: 6%;
	bottom: 0;
	margin-top: 15px;
}

.step-icon-box:hover{
	text-decoration: none;
}

@media screen and (max-width: 1366px){
	.step{
		padding: 100px;
	}
}

@media screen and (min-width: 993px){
	.step-img{
		bottom: 0;
	}
}

@media screen and (max-width: 992px){
	#step{
		padding: 0;
	}

	.step{
		text-align: center;
	}

	.step-box{
		padding: 150px 0 100px;	
	}

	.circle-move, .circle-move2{
		width: 8%;
	}

	.circle-move{
		position: absolute;
		left: 0px;
		top: 0px;
		margin-top: 20px;
		margin-left: 300px;
	}

	.circle-move2{
		margin-bottom: -100px;
		margin-right: 250px;
	}

	.step-icon{
		margin-top: 0;
	}

	.step-img{
		width: 25%;
		margin: 50px auto 0;
	}
}

@media screen and (max-width: 768px){
	.step{
		padding: 50px;
	}

	.step-box{
		padding: 100px 0;
	}
	
	.circle-move, .circle-move2 {
	    /*width: 6%;*/
	    display: none;
	}

	.step-icon{
		width: 8%;
	}

	.step-img{
		width: 30%;
	}

	/*.circle-move{
		margin-left: 250px;
	}

	.circle-move2{
		margin-bottom: -50px;
	}*/
}

/*===================================================================================================================
													LANDING PAGE - SHOWCASE
====================================================================================================================*/
.chuar .view:hover{
	border-color: #ff9680;
}

.pakelan .view:hover{
	color: white;
	border-color: white;
}

.kaiser .view:hover{
	border-color: #0090c3;
}
.adhibuana .view:hover{
	color: #ffd200;
	border-color: #ffd200;
}
.dg-dash .view:hover{
	border-color: #a67c00;
}
.showcase-icon-box:hover{
	text-decoration: none;
}

.sub-show{
	color: white;
}

.sub-show:hover{
	text-decoration: none;
	color: white;
}

@media screen and (min-width: 1366px){
	#showcase{
		color: white;
	}

	.controller-box{
		position: absolute;
		bottom: 0;
		margin-bottom: 10vh;
		padding-left: 4vw;
	}

	.controller-box2{
		text-align: right;
		position: absolute;
		bottom: 0;
		margin-bottom: 10vh;
		padding-right: 5vw;
	}

	.button-box{
		position: absolute;
		bottom: 0;
		text-align: center;
	}	

	.cat-btn{
		border-style: solid solid none;
		color: white;
		border-color: white;
		transition: .3s all;
		border-radius: 5px 5px 0 0;
		font-size: 2.5vh;
	}

	.cat-btn:hover{
		background-color: transparent;
		border-style: solid solid none;
		border-color: white;
		color: white;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 2vh;
		transition: .3s all;
		text-align: center;
	}

	.cat-btn-kaiser{
		border-style: solid solid none;
		color: #FF6B00;
		border-color: #FF6B00;
		transition: .3s all;
		border-radius: 5px 5px 0 0;
		font-size: 2.5vh;
	}

	.cat-btn-kaiser:hover{
		background-color: transparent;
		border-style: solid solid none;
		border-color: #FF6B00;
		color: #FF6B00;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 2vh;
		transition: .3s all;
		text-align: center;
	}

	.showcase-inner, #showcase-slide, .carousel-inner, .item, .bg-trans{
		height: 100%;
	}

	.pakelan, .adhibuana{
		padding: 100px 100px 0 50px;
	}

	/*.chuar, .kaiser, .dg-dash{
		padding: 100px 50px 0 100px;
	}*/

	.chuar-side-box{
		position: absolute;
		padding: 0;
		height: 100%;
		right: 0;
	}

	.chuar-side{
		position: absolute;
		width: auto;
		height: 100%;
		right: 0;
	}

	.chuar-img{
		position: absolute;
		width: 50%;
		right: 0;
		bottom: 0;
	}

	.chuar .view:hover{
		border-color: #ff9680;
	}

	.chuar-hidden{
		display: none;
	}

	.pakelan{
		text-align: right;
	}

	.pakelan-side-box{
		padding: 0;
		height: 100%;
		position: absolute;
		left: 0;
	}

	.pakelan-side{
		position: absolute;
		width: auto;
		left: 0;
		height: 100%;
	}

	.pakelan-img{
		position: absolute;
		left: 0;
		width: 40%;
	}

	.kaiser-side-box{
		padding: 0;
		height: 100%;
		position: absolute;
		right: 0;
	}

	.kaiser-side{
		position: absolute;
		height: 100%;
		right: 0;
		width: auto;
	}

	.kaiser .view:hover{
		border-color: #0090c3;
	}

	.kaiser-hidden{
		display: none;
	}

	.adhibuana{
		text-align: right;
	}

	.adhibuana .view:hover{
		color: #ffd200;
		border-color: #ffd200;
	}

	.ab-side-box{
		padding: 0;
		height: 100%;
		position: absolute;
		left: 0;
	}

	.ab-side{
		position: absolute;
		width: auto;
		left: 0;
		height: 100%;
	}

	.ab-img{
		position: absolute;
		width: 25%;
	}

	.dg-img-mobile{
		display: none;
	}

	.dg-dash .view:hover{
		border-color: #a67c00;
	}

	.dg-dash-hidden{
		display: none;
	}

	.dg-side-box{
		position: absolute;
		padding: 0;
		height: 100%;
		right: 0;
	}

	.dg-side{
		position: absolute;
		width: auto;
		height: 100%;
		right: 0;
	}

	.showcase-icon{
		width: 7%;
	}

	.showcase-icon-box:hover{
		text-decoration: none;
	}

	.ab-side{
		margin: auto;
	}

	.ab-img{
		top: 0;
		left: 0;
		margin-left: 380px;
		margin-top: 380px;
	}

	.pakelan-img{
		top: 0;
	}

	.chuar, .kaiser, .dg-dash{
		padding: 17vh 3vw 0 4vw;
	}	
}

@media screen and (min-width: 992px) and (max-width: 1366px){
	
	#showcase{
		color: white;
	}

	.controller-box{
		position: absolute;
		bottom: 0;
		margin-bottom: 10vh;
		padding-left: 4vw;
	}

	.controller-box2{
		text-align: right;
		position: absolute;
		bottom: 0;
		margin-bottom: 10vh;
		padding-right: 5vw;
	}

	.button-box{
		position: absolute;
		bottom: 0;
		text-align: center;
	}	

	.cat-btn{
		border-style: solid solid none;
		color: white;
		border-color: white;
		transition: .3s all;
		border-radius: 5px 5px 0 0;
		font-size: 2.5vh;
	}

	.cat-btn:hover{
		background-color: transparent;
		border-style: solid solid none;
		border-color: white;
		color: white;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 2vh;
		transition: .3s all;
		text-align: center;
	}

	.cat-btn-kaiser{
		border-style: solid solid none;
		color: #FF6B00;
		border-color: #FF6B00;
		transition: .3s all;
		border-radius: 5px 5px 0 0;
		font-size: 2.5vh;
	}

	.cat-btn-kaiser:hover{
		background-color: transparent;
		border-style: solid solid none;
		border-color: #FF6B00;
		color: #FF6B00;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 2vh;
		transition: .3s all;
		text-align: center;
	}

	.showcase-inner, #showcase-slide, .carousel-inner, .item, .bg-trans{
		height: 100%;
	}

	.pakelan, .adhibuana{
		padding: 100px 100px 0 50px;
	}

	/*.chuar, .kaiser, .dg-dash{
		padding: 100px 50px 0 100px;
	}*/

	.chuar-side-box{
		position: absolute;
		padding: 0;
		height: 100%;
		right: 0;
	}

	.chuar-side{
		position: absolute;
		width: auto;
		height: 100%;
		right: 0;
	}

	.chuar-img{
		position: absolute;
		width: 50%;
		right: 0;
		bottom: 0;
	}

	.chuar .view:hover{
		border-color: #ff9680;
	}

	.chuar-hidden{
		display: none;
	}

	.pakelan{
		text-align: right;
	}

	.pakelan-side-box{
		padding: 0;
		height: 100%;
		position: absolute;
		left: 0;
	}

	.pakelan-side{
		position: absolute;
		width: auto;
		left: 0;
		height: 100%;
	}

	.pakelan-img{
		position: absolute;
		left: 0;
		width: 40%;
	}

	.kaiser-side-box{
		padding: 0;
		height: 100%;
		position: absolute;
		right: 0;
	}

	.kaiser-side{
		position: absolute;
		height: 100%;
		right: 0;
		width: auto;
	}

	.kaiser .view:hover{
		border-color: #0090c3;
	}

	.kaiser-hidden{
		display: none;
	}

	.adhibuana{
		text-align: right;
	}

	.adhibuana .view:hover{
		color: #ffd200;
		border-color: #ffd200;
	}

	.ab-side-box{
		padding: 0;
		height: 100%;
		position: absolute;
		left: 0;
	}

	.ab-side{
		position: absolute;
		width: auto;
		left: 0;
		height: 100%;
	}

	.ab-img{
		position: absolute;
		width: 25%;
	}

	.dg-img-mobile{
		display: none;
	}

	.dg-dash .view:hover{
		border-color: #a67c00;
	}

	.dg-dash-hidden{
		display: none;
	}

	.dg-side-box{
		position: absolute;
		padding: 0;
		height: 100%;
		right: 0;
	}

	.dg-side{
		position: absolute;
		width: auto;
		height: 100%;
		right: 0;
	}

	.showcase-icon{
		width: 7%;
	}

	.showcase-icon-box:hover{
		text-decoration: none;
	}

	.ab-side{
		margin: auto;
	}

	.ab-img{
		top: 0;
		left: 0;
		margin-left: 380px;
		margin-top: 380px;
	}

	.pakelan-img{
		top: 0;
	}

	.chuar, .kaiser, .dg-dash{
		padding: 17vh 3vw 0 4vw;
	}	


	/*.controller-box{
		padding-left: 100px;
	}

	.controller-box2{
		padding-right: 75px;
	}*/
	.ab-side{
		margin: auto;
	}

	.ab-img{
		top: 0;
		left: 0;
		margin-left: 380px;
		margin-top: 380px;
	}

	.pakelan-img{
		top: 0;
	}
}

@media screen and (max-width: 992px){
	#showcase{
		height: 100%;
	}
	.button-box{
		text-align: center;
	}
	.cat-btn{
		border-style: solid solid none;
		color: white;
		border-color: white;
		transition: .3s all;
		border-radius: 5px 5px 0 0;
		font-size: 2.5vh;
	}

	.cat-btn:hover{
		background-color: transparent;
		border-style: solid solid none;
		border-color: white;
		color: white;
		padding-left: 4vw;
		padding-right: 4vw;
		transition: .3s all;
		text-align: center;
	}

	.cat-btn-kaiser{
		border-style: solid solid none;
		color: #FF6B00;
		border-color: #FF6B00;
		transition: .3s all;
		border-radius: 5px 5px 0 0;
		font-size: 2.5vh;
	}

	.cat-btn-kaiser:hover{
		background-color: transparent;
		border-style: solid solid none;
		border-color: #FF6B00;
		color: #FF6B00;
		padding-left: 4vw;
		padding-right: 4vw;
		padding-top: 2vh;
		transition: .3s all;
		text-align: center;
	}
	.controller-box, .controller-box2{
		position: relative;
		text-align: center;
		margin-top: 0;
		margin-bottom: 50px;
	}

	.chuar, .kaiser, .adhibuana, .pakelan, .dg-dash{
		text-align: center;
		padding: 50px;
	}
	.ab-side, .chuar-side, .chuar-img, .pakelan-side, .pakelan-img, .kaiser-side, .ab-side, .ab-img, .dg-color-dash, .dg-white-dash1, .dg-white-dash2, .dg-side{
		display: none;
	}

	.chuar p, .pakelan p, .adhibuana p, .dg-dash p{
		color: white;
	}

	.dg-img-mobile{
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 20%;
	}

	/*.dg-dash-hidden{
		display: block;
		position: absolute;
		width: 16%;
		margin: 20px auto 0;
		left: 0;
		right: 0;
	}*/

	.chuar-img {
	    position: absolute;
		width: 55%;
		right: 0;
		bottom: 0;
		margin-bottom: -50px;
	}

	.chuar-hidden{
		display: block;
		position: absolute;
		right: 0;
		left: 0;
		margin: 20px auto 0;
		width: 40%;
		border-radius: 20px;
	}

	.pakelan-img {
	    width: 30%;
	    bottom: 0;
	    left: 0;
	}

	.ab-img{
		bottom: 0;
		right: 0;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	.kaiser-hidden{
		display: block;
		right: 0;
		left: 0;
		width: 100%;
	}

	.showcase-icon{
		width: 5%;
	}
}

@media screen and (max-width: 768px){
	.showcase-icon{
		width: 7%;
	}
}

/*====================================================================================================================
													LANDING PAGE - CONTACT
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#contact{
		padding: 5% 0;
		height: 100vh;
	}

	.contact-box{
		padding: 3vh 5vw;
	}

	.contact-title{
		font-family: 'sf_ui__textregular';
		margin-bottom: 5%;
		font-size: 4.5vh;
	}

	.title-hidden{
		display: none;
	}

	.par-contact{
		font-size: 2.2vh;
	}

	.center{
		text-align: center;
		margin-top: 5%;
	}

	.contact-form p{
		font-size: 2.2vh;
	}

	.contact-form input/*, .contact-form select*/{
		width: 100%;
		margin-bottom: 1%;
		border-style: none;
		border-bottom: solid thin;
		vertical-align: middle;
		padding: 1vh 0 0.5vh;
		font-size: 2.2vh;
	}

	.contact-form select + i.fa{
	  float: right;
	  margin-top: -30px;
	  margin-right: .5vw;
	  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
	  pointer-events: none;
	  /* everything after this is just to cover up the original arrow */
	  /* (for browsers that don't support the syntax used above) */
	  background-color: #fff;
	  padding-right: .5vw;
	}

	.contact-form input:focus{
		transition: .3s;
	}

	.contact-form-btn{
		margin: 3% 0;
		text-align: center;
	}

	.contact-form-btn button{
		border-radius: 5px;
		background-color: black;
		color: white;
		border-style: solid;
		padding: 1% 2%;
		letter-spacing: .1vw;
		transition: .3s;
		font-size: 2.3vh;
	}

	.contact-form-btn button:hover{
		color: black;
		background-color: transparent;
		border-style: solid;
		border-color: black;
		transition: .3s;
		padding: 1% 5%;
	}

	.topic{
		margin: .3vh 0 .2vh;
		font-size: 2.2vh;
		padding: .2vh 0;
	}
}

@media screen and (max-width: 1366px){
	#contact{
		padding: 5% 0;
	}

	.contact-title{
		font-family: 'sf_ui__textregular';
		margin-bottom: 5%;
	}

	.title-hidden{
		display: none;
	}

	.center{
		text-align: center;
		margin-top: 5%;
	}

	.contact-form p{
		font-size: 16px;
	}

	.contact-form input/*, .contact-form select*/{
		width: 100%;
		margin-bottom: 1%;
		border-style: none;
		border-bottom: solid thin;
		vertical-align: middle;
		padding: 10px 0 5px;
	}

	.contact-form select + i.fa{
	  float: right;
	  margin-top: -30px;
	  margin-right: 5px;
	  /* this is so when you click on the chevron, your click actually goes on the dropdown menu */
	  pointer-events: none;
	  /* everything after this is just to cover up the original arrow */
	  /* (for browsers that don't support the syntax used above) */
	  background-color: #fff;
	  padding-right: 5px;

	}

	.contact-form input:focus{
		transition: .3s;
	}

	.contact-form-btn{
		margin: 3% 0;
		text-align: center;
	}

	.contact-form-btn button{
		border-radius: 5px;
		background-color: black;
		color: white;
		border-style: solid;
		padding: 1% 2%;
		letter-spacing: 1px;
		transition: .3s;
	}

	.contact-form-btn button:hover{
		color: black;
		background-color: transparent;
		border-style: solid;
		border-color: black;
		transition: .3s;
		padding: 1% 5%;
	}

	.topic{
		margin: 5px 0;
	}
}

@media screen and (max-width: 992px){
	#contact{
		text-align: center;
	}

	.contact-title{
		font-size: 1.7em;
	}

	.title-hidden{
		display: block;
		font-family: 'sf_ui__textregular';
		margin-bottom: 3%;
		font-size: 18px;
	}

	.contact-form{
		margin-top: 5%;
		margin-bottom: 20px;
	}

	.contact-form p{
		margin-bottom: 0;
	}
	.contact-form input, .contact-form select, .contact-form option{
		text-align: center;
	}

	.contact-form-btn button{
		width: 100%;
	}
}

/*====================================================================================================================
														FOOTER
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#footer{
	padding: 5% 0;
	background-color: black;
	font-family: 'sf_ui__textregular';
	}

	.footer-main{
		width: 100%;
		align-items: center;
		margin: 0 auto;
	}

	.footer a{
		margin-bottom: 2vh;
		color: white;
		float: none;
		text-decoration: none;
		text-align: center;
		display: block;
		font-size: 2.2vh;
	}

	.footer a:hover{
		transition: .3s;
		text-decoration: underline;
	}

	.copy{
		text-align: center;
		margin-top: 5%;
		color: white;
		font-size: 2vh;
	}
}

@media screen and (max-width: 1366px){
	#footer{
	padding: 5% 0;
	background-color: black;
	font-family: 'sf_ui__textregular';
	}

	.footer-main{
		width: 60%;
		align-items: center;
		margin: 0 auto;
	}

	.footer a{
		margin-bottom: 10px;
		color: white;
		float: none;
		text-decoration: none;
		text-align: center;
		display: block;
	}

	.footer a:hover{
		transition: .3s;
		text-decoration: underline;
	}

	.copy{
		font-size: 14px;
	}
}

@media screen and (max-width: 992px){
	.footer-main{
		width: 100%;
	}
	.footer a{
		text-align: center; 
	}

	.copy{
		text-align: center;
		color: white;
	}
}

/*====================================================================================================================
													SHOWCASE LIST
====================================================================================================================*/
.all-showcase{
	width: 100vw;
}

.showcase-list{
	height: 600px;
	width: auto;
}

.list-view{
	background-color: black;
	color: white;
	padding: 2.5vh;
	text-align: center;
}

.no-res-btn{
    border-style: solid;
    color: white;
    border-color: white;
    transition: .3s all;
    border-radius: 5px;
    font-size: 2.5vh;
}

.no-res-btn:hover{
    background-color: transparent;
	border-style: solid;
	border-color: white;
	color: white;
	padding-left: 4vw;
	padding-right: 4vw;
	transition: .3s all;
	text-align: center;
}

/*====================================================================================================================
													SHOWCASE DETAIL
====================================================================================================================*/
#header-sc{
	background: url('../images/bg-landing.jpg');
	padding: 0.5vw 5vw;
	width: 100%;
	position: fixed;
	z-index: 1000;
}

.logo-sc{
	float: left;
	width: 20%;
}

.search-box{
	float: right;
	padding: 2vh 0;
	}

	.search-box input{
		background-color: transparent;
		border-style: none;
		border-bottom: solid;
		width: 15vw;
	}

	.search-box input:focus{
		color: white;
		border-color: white;
		transition: all .5s;
	}

	.search-box i{
		color: white;
		margin: auto 10px;
	}

#main-title{
	color: white;
	text-align: center;
	background-color: black;
	font-family: 'quicksandregular';
	padding-top: 100px;
	padding-bottom: 20px;
	}

	#main-title h2{
		font-size: 40px;
		margin-bottom: 20px;
		text-transform: uppercase;
}

#section-2{
	height: 650px;
}

	#section-2 h2{
			font-size: 50px;
			font-family: 'quicksandregular';
			margin-top: 150px;
			margin-bottom: 30px;
			margin-left: 50px;
		}

		#section-2 p{
			font-size: 16px;
			font-family: 'sf_ui__textregular';
			text-align: justify;
	}


/*====================================================================================================================
										DR. THERESSIA, DRG. ANDHIKA, DR. TISYA
====================================================================================================================*/
@media screen and (min-width: 1366px){

	#hero-sc{
		height: 650px;
		background-repeat: no-repeat;
		background-size: contain cover;
	}

	#profile{
		height: 650px;
		background-repeat: no-repeat;
		background-size: contain cover;
		}

		#profile h2{
			font-size: 50px;
			font-family: 'quicksandregular';
			margin-top: 150px;
			margin-bottom: 30px;
		}

		#profile p{
			font-size: 16px;
			font-family: 'sf_ui__textregular';
			text-align: justify;
	}

	#business-card{
		background-color: #dcdadc;
		height: 650px;
		padding: 50px;
		}

		.img1{
			position: absolute;
			margin-left: 200px;
			width: 35%;
		}

		.img2{
			position: absolute;
			margin: 200px 50px 200px 500px;
			width: 35%;
		}

		.bc-hidden{
			display: none;
	}

	#big-bc{
		height: 650px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		}

		.bc1-andhika, .bc2-andhika{
			width: 70%;
			height: auto;
			margin-top: 25px;
		}

		.bc1-andhika{
			margin-left: 180px;
		}

		.bc2-andhika{
			left: 0;
	}
}

@media screen and (max-width: 1366px){
	#hero-sc{
		height: 650px;
		background-repeat: no-repeat;
		background-size: contain cover;
	}

	#profile{
		height: 650px;
		background-repeat: no-repeat;
		background-size: contain cover;
		}

		#profile h2{
			font-size: 50px;
			font-family: 'quicksandregular';
			margin-top: 150px;
			margin-bottom: 30px;
		}

		#profile p{
			font-size: 16px;
			font-family: 'sf_ui__textregular';
			text-align: justify;
	}

	#business-card{
		background-color: #dcdadc;
		height: 650px;
		padding: 50px;
		}

		.img1{
			position: absolute;
			margin-left: 200px;
			width: 35%;
		}

		.img2{
			position: absolute;
			margin: 200px 50px 200px 500px;
			width: 35%;
		}

		.bc-hidden{
			display: none;
	}

	#big-bc{
		height: 650px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		}

		.bc1-andhika, .bc2-andhika{
			width: 70%;
			height: auto;
			margin-top: 25px;
		}

		.bc1-andhika{
			margin-left: 180px;
		}

		.bc2-andhika{
			left: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#main-title{
	padding-top: 50px;
	padding-bottom: 10px;
	}

	#main-title h2{
		font-size: 35px;
		margin-bottom: 10px;
	}

	#hero-sc, #business-card, #profile, #big-bc{
		height: 500px;
	}

	#profile h2{
		font-size: 35px;
		margin-top: 80px;
		margin-bottom: 30px;
		text-align: center;
	}

	#profile p{
		font-size: 14px;
		text-align: center;
	}

	.bc1-andhika, .bc2-andhika{
		width: 85%;
		margin-top: 0;
	}

	.bc1-andhika{
		right: 0;
		margin: auto;
		top: 0;
		margin-right: 0px;
	}

	.bc-hidden{
		display: block;
	}

	.bc-hidden img{
		margin-top: 70px;
	}

	.bc-shown{
		display: none;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#main-title{
	padding-top: 50px;
	padding-bottom: 10px;
	}

	#main-title h2{
		font-size: 35px;
		margin-bottom: 10px;
	}

	#hero-sc, #business-card, #profile, #big-bc{
		height: 450px;
	}

	#profile h2{
		font-size: 35px;
		margin-top: 50px;
		margin-bottom: 30px;
		text-align: center;
	}

	#profile p{
		font-size: 14px;
		text-align: center;
	}

	#business-card{
		padding: 15px 50px;
	}

	.bc1-andhika, .bc2-andhika{
		width: 100%;
		margin-top: 0px;
	}

	.bc1-andhika{
		right: 0;
		margin: auto;
		margin-right: 0px;
	}

	.bc-hidden{
		display: block;
	}

	.bc-hidden img{
		margin: 0 auto;
		width: 50%;
	}

	.bc-shown{
		display: none;
	}
}

/*====================================================================================================================
														SHOWCASE
====================================================================================================================*/
@media screen and (min-width: 1366px){

	.butterfly h2, .book h2, .colour h2, .deer h2, .coffee h2, .colour-noe h2, .electricity h2, .crown h2, .colour-dg h2, #dwi-golden h2, .scaffolding h2, .bcp-hero h2, .bcp-main h2, .blue-dolphin-hero h2, .children h2, .enggal-jaya h2, .fox-hero h2, .fox-logo h2, .intec-hero h2, .intec-main h2, .irkon-hero h2, .irkon-main h2, .boss-katsu h2, .chuar-detail h2, .home-grab-hero h2, .home-grab-detail h2, .icompete-hero h2, .icompete-main h2, .icompete-tagline h2, .multi-profile h2, .multi-product h2, .sehati-hero h2, .sehati-main h2, .sehati-colour-text h2, .tick-main h2, .tick-travel h2, .kaiser-detail h2, .kaiser-detail-2 h2, .latoya-main h2, .luisa-main h2, .luisa-main-2 h2, .luisa-product h2, .pakelan-main-text h2, .pakelan-main-2 h2, .finder-main-text h2, .finder-main-2text h2, .new-leader-det h2, .new-leader-det2 h2, .showcase-font h2{
		font-family: 'quicksandregular';
		font-size: 50px;
		margin-bottom: 30px;
		margin-top: 0;
		text-transform: uppercase;
	}

	.butterfly h3, .colour h3, .deer h3, .colour-noe h3, .electricity h3, .colour-dg h3, .bcp-hero h3, .bcp-main h3, .blue-dolphin-hero h3, .fox-hero h3, .fox-logo h3, .intec-hero h3, .intec-main h3, .irkon-hero h3, .irkon-main h3, .chuar-detail h3, .home-grab-hero h3, .home-grab-detail h3, .icompete-hero h3, .icompete-main h3, .icompete-tagline h3, .multi-profile h3, .multi-product h3, .sehati-hero h3, .sehati-main h3, .sehati-colour-text h3, .tick-main h3, .tick-travel h3, .kaiser-detail h3, .kaiser-detail-2 h3, .latoya-main h3, .luisa-main h3, .luisa-main-2 h3, .luisa-product h3, .pakelan-main-text h3, .pakelan-main-2 h3, .finder-main-text h3, .finder-main-2text h3, .new-leader-det h3, .new-leader-det2 h3, .showcase-font h3{
		font-family: 'quicksandlight';
		font-size: 35px;
		margin-bottom: 0;
	}

	.butterfly p, .book p, .colour p, .deer p, .coffee p, .colour-noe p, .crown p, .colour-dg p, .electricity p, #dwi-golden p, .scaffolding p, .bcp-hero p, .bcp-main p, .blue-dolphin-hero p, .children p, .enggal-jaya p, .fox-hero p, .fox-logo p, .intec-hero p, .intec-main p, .irkon-hero p, .irkon-main p, .boss-katsu p, .chuar-detail p, .home-grab-hero p, .home-grab-detail p, .icompete-hero p, .icompete-main p, .multi-profile p, .multi-product p, .sehati-hero p, .sehati-main p, .sehati-colour-text p, .tick-main p, .tick-travel p, .kaiser-detail p, .kaiser-detail-2 p, .latoya-main p, .luisa-main p, .luisa-main-2 p, .luisa-product p, .pakelan-main-text p, .pakelan-main-2 p, .finder-main-text p, .finder-main-2text p, .new-leader-det p, .new-leader-det2 p, .showcase-font p{
		font-family: 'sf_ui__textregular';
		font-size: 16px;
	}

	.circle1, .circle2, .circle1-noe, .circle2-noe, .circle1-dg, .circle2-dg, .circle1-sehati, .circle2-sehati, .circle3-sehati{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border-color: white;
		border-style: solid;
		border-width: thin;
		float: left;
		margin: auto;
		margin-right: 25px;
		margin-top: 20vh;
	}
}

@media screen and (max-width: 1366px){
	.butterfly h2, .book h2, .colour h2, .deer h2, .coffee h2, .colour-noe h2, .electricity h2, .crown h2, .colour-dg h2, #dwi-golden h2, .scaffolding h2, .bcp-hero h2, .bcp-main h2, .blue-dolphin-hero h2, .children h2, .enggal-jaya h2, .fox-hero h2, .fox-logo h2, .intec-hero h2, .intec-main h2, .irkon-hero h2, .irkon-main h2, .boss-katsu h2, .chuar-detail h2, .home-grab-hero h2, .home-grab-detail h2, .icompete-hero h2, .icompete-main h2, .icompete-tagline h2, .multi-profile h2, .multi-product h2, .sehati-hero h2, .sehati-main h2, .sehati-colour-text h2, .tick-main h2, .tick-travel h2, .kaiser-detail h2, .kaiser-detail-2 h2, .latoya-main h2, .luisa-main h2, .luisa-main-2 h2, .luisa-product h2, .pakelan-main-text h2, .pakelan-main-2 h2, .finder-main-text h2, .finder-main-2text h2, .new-leader-det h2, .new-leader-det2 h2, .showcase-font h2{
		font-family: 'quicksandregular';
		font-size: 50px;
		margin-bottom: 30px;
		margin-top: 0;
		text-transform: uppercase;
	}

	.butterfly h3, .colour h3, .deer h3, .colour-noe h3, .electricity h3, .colour-dg h3, .bcp-hero h3, .bcp-main h3, .blue-dolphin-hero h3, .fox-hero h3, .fox-logo h3, .intec-hero h3, .intec-main h3, .irkon-hero h3, .irkon-main h3, .chuar-detail h3, .home-grab-hero h3, .home-grab-detail h3, .icompete-hero h3, .icompete-main h3, .icompete-tagline h3, .multi-profile h3, .multi-product h3, .sehati-hero h3, .sehati-main h3, .sehati-colour-text h3, .tick-main h3, .tick-travel h3, .kaiser-detail h3, .kaiser-detail-2 h3, .latoya-main h3, .luisa-main h3, .luisa-main-2 h3, .luisa-product h3, .pakelan-main-text h3, .pakelan-main-2 h3, .finder-main-text h3, .finder-main-2text h3, .new-leader-det h3, .new-leader-det2 h3, .showcase-font h3{
		font-family: 'quicksandlight';
		font-size: 35px;
		margin-bottom: 0;
	}

	.butterfly p, .book p, .colour p, .deer p, .coffee p, .colour-noe p, .crown p, .colour-dg p, .electricity p, #dwi-golden p, .scaffolding p, .bcp-hero p, .bcp-main p, .blue-dolphin-hero p, .children p, .enggal-jaya p, .fox-hero p, .fox-logo p, .intec-hero p, .intec-main p, .irkon-hero p, .irkon-main p, .boss-katsu p, .chuar-detail p, .home-grab-hero p, .home-grab-detail p, .icompete-hero p, .icompete-main p, .multi-profile p, .multi-product p, .sehati-hero p, .sehati-main p, .sehati-colour-text p, .tick-main p, .tick-travel p, .kaiser-detail p, .kaiser-detail-2 p, .latoya-main p, .luisa-main p, .luisa-main-2 p, .luisa-product p, .pakelan-main-text p, .pakelan-main-2 p, .finder-main-text p, .finder-main-2text p, .new-leader-det p, .new-leader-det2 p, .showcase-font p{
		font-family: 'sf_ui__textregular';
		font-size: 16px;
	}

	.circle1, .circle2, .circle1-noe, .circle2-noe, .circle1-dg, .circle2-dg, .circle1-sehati, .circle2-sehati, .circle3-sehati{
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border-color: white;
		border-style: solid;
		border-width: thin;
		float: left;
		margin: auto;
		margin-right: 25px;
		margin-top: 20vh;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	.butterfly h2, .book h2, .colour h2, .deer h2, .coffee h2, .colour-noe h2, .electricity h2, .crown h2, .colour-dg h2, #dwi-golden h2, .scaffolding h2, .bcp-hero h2, .blue-dolphin-hero h2, .children h2, .enggal-jaya h2, .fox-hero h2, .fox-logo h2, .intec-hero h2, .intec-main h2, .irkon-hero h2, .irkon-main h2, .boss-katsu h2, .chuar-detail h2, .home-grab-hero h2, .home-grab-detail h2, .icompete-hero h2, .icompete-main h2, .icompete-tagline h2, .multi-profile h2, .multi-product h2, .sehati-hero h2, .sehati-main h2, .sehati-colour-text h2, .tick-main h2, .tick-travel h2, .kaiser-detail h2, .kaiser-detail-2 h2, .latoya-main h2, .luisa-main h2, .luisa-main-2 h2, .luisa-product h2, .pakelan-main-text h2, .pakelan-main-2 h2, .finder-main-text h2, .finder-main-2text h2, .new-leader-det h2, .new-leader-det2 h2, .showcase-font h2{
		font-size: 40px;
		margin-bottom: 25px;
	}

	.butterfly h3, .colour h3, .deer h3, .colour-noe h3, .electricity h3, .colour-dg h3, #dwi-golden h3, .bcp-hero h3, .blue-dolphin-hero h3, .fox-hero h3, .fox-logo h3, .intec-hero h3, .intec-main h3, .irkon-hero h3, .irkon-main h3, .chuar-detail h3, .home-grab-hero h3, .home-grab-detail h3, .icompete-hero h3, .icompete-main h3, .icompete-tagline h3, .multi-profile h3, .multi-product h3, .sehati-hero h3, .sehati-main h3, .sehati-colour-text h3, .tick-main h3, .tick-travel h3, .kaiser-detail h3, .kaiser-detail-2 h3, .latoya-main h3, .luisa-main h3, .luisa-main-2 h3, .luisa-product h3, .pakelan-main-text h3, .pakelan-main-2 h3, .finder-main-text h3, .finder-main-2text h3, .new-leader-det h3, .new-leader-det2 h3, .showcase-font h3{
		font-size: 30px;
	}

	.butterfly p, .book p, .colour p, .deer p, .coffee p, .colour-noe p, .crown p, .colour-dg p, .electricity p, #dwi-golden p, .scaffolding p, .bcp-hero p, .blue-dolphin-hero p, .children p, .enggal-jaya p, .fox-hero p, .fox-logo p, .intec-hero p, .intec-main p, .irkon-hero p, .irkon-main p, .boss-katsu p, .chuar-detail p, .home-grab-hero p, .home-grab-detail p, .icompete-hero p, .icompete-main p, .multi-profile p, .multi-product p, .sehati-hero p, .sehati-main p, .sehati-colour-text p, .tick-main p, .tick-travel p, .kaiser-detail p, .kaiser-detail-2 p, .latoya-main p, .luisa-main p, .luisa-main-2 p, .luisa-product p, .pakelan-main-text p, .pakelan-main-2 p, .finder-main-text p, .finder-main-2text p, .new-leader-det p, .new-leader-det2 p, .showcase-font p{
		font-size: 14px;
	}

	.circle1, .circle2, .circle1-noe, .circle2-noe, .circle1-dg, .circle2-dg, .circle1-sehati, .circle2-sehati, .circle3-sehati{
		margin-right: 10px;
		margin-top: 100px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	.butterfly h2, .book h2, .colour h2, .deer h2, .coffee h2, .colour-noe h2, .electricity h2, .crown h2, .colour-dg h2, #dwi-golden h2, .scaffolding h2, .bcp-hero h2, .bcp-main h2, .blue-dolphin-hero h2, .children h2, .enggal-jaya h2, .fox-hero h2, .fox-logo h2, .intec-hero h2, .intec-main h2, .irkon-hero h2, .irkon-main h2, .boss-katsu h2, .chuar-detail h2, .home-grab-hero h2, .home-grab-detail h2, .icompete-hero h2, .icompete-main h2, .icompete-tagline h2, .multi-profile h2, .multi-product h2, .sehati-hero h2, .sehati-main h2, .sehati-colour-text h2, .tick-main h2, .tick-travel h2, .kaiser-detail h2, .kaiser-detail-2 h2, .latoya-main h2, .luisa-main h2, .luisa-main-2 h2, .luisa-product h2, .pakelan-main-text h2, .pakelan-main-2 h2, .finder-main-text h2, .finder-main-2text h2, .new-leader-det h2, .new-leader-det2 h2, .showcase-font h2{
		font-size: 35px;
		margin-bottom: 20px;
	}

	.butterfly h3, .colour h3, .deer h3, .colour-noe h3, .electricity h3, .colour-dg h3, #dwi-golden h3, .bcp-hero h3, .bcp-main h3, .blue-dolphin-hero h3, .fox-hero h3, .fox-logo h3, .intec-hero h3, .irkon-hero h3, .irkon-main h3, .chuar-detail h3, .home-grab-hero h3, .home-grab-detail h3, .icompete-hero h3, .icompete-main h3, .icompete-tagline h3, .multi-profile h3, .multi-product h3, .sehati-hero h3, .sehati-main h3, .sehati-colour-text h3, .tick-main h3, .tick-travel h3, .kaiser-detail h3, .kaiser-detail-2 h3, .latoya-main h3, .luisa-main h3, .luisa-main-2 h3, .luisa-product h3, .pakelan-main-text h3, .pakelan-main-2 h3, .finder-main-text h3, .finder-main-2text h3, .new-leader-det h3, .new-leader-det2 h3, .showcase-font h3{
		font-size: 25px;
	}

	.butterfly p, .book p, .colour p, .deer p, .coffee p, .colour-noe p, .crown p, .colour-dg p, .electricity p, #dwi-golden p, .scaffolding p, .bcp-hero p, .bcp-main p, .blue-dolphin-hero p, .children p, .enggal-jaya p, .fox-hero p, .fox-logo p, .intec-hero p, .intec-main p, .irkon-hero p, .irkon-main p, .boss-katsu p, .chuar-detail p, .home-grab-hero p, .home-grab-detail p, .icompete-hero p, .icompete-main p, .multi-profile p, .multi-product p, .sehati-hero p, .sehati-main p, .sehati-colour-text p, .tick-main p, .tick-travel p, .kaiser-detail p, .kaiser-detail-2 p, .latoya-main p, .luisa-main p, .luisa-main-2 p, .luisa-product p, .pakelan-main-text p, .pakelan-main-2 p, .finder-main-text p, .finder-main-2text p, .new-leader-det p, .new-leader-det2 p, .showcase-font p{
		font-size: 12px;
	}

	.circle1, .circle2, .circle1-noe, .circle2-noe, .circle1-dg, .circle2-dg, .circle1-sehati, .circle2-sehati, .circle3-sehati{
		margin-right: 10px;
		margin-top: 100px;
	}
}

/*====================================================================================================================
														PETRACO
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#danaus{
		background: url(../images/showcase/petraco/bg-hero.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 200px;/*
		background-attachment: fixed;*/
	}

	.logo-petraco{
		width: 60%;
		margin: 0 auto;
	}

	.butterfly{
		text-align: right;
	}

	#book{
		background: url(../images/showcase/petraco/bg-book.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 200px;
		transform: scale(1);
	}

	#colour{
		background-color: #e80536;
		height: 650px;
	}

	.butterfly-bg{
		width: 100%;
		background: url(../images/showcase/petraco/logo-kupu.png) no-repeat;
		background-size: contain;
		height: 650px;
		position: absolute;
		padding-top: 150px;
		transform: scale(1);
	}

	.circle1 {
	  	background: #da48aa;
	  	margin-left: 20vw;
	}

	.circle2{
		background: #e80332;
	}

	.colour{
		text-align: right;
		color: white;
	}

	#petraco-logo{
		height: 650px;
		text-align: center;
	}

	.color-logo{
		padding: 100px;
	}

	.color-logo-img{
		margin: 0 auto;
	}

	.white-logo{
		padding: 0;
	}

	.white-logo1, .white-logo2{
		padding: 70px;
	}

	.white-logo1{
		background-color: #d94baf;
	}

	.white-logo2{
		background-color: #e80536;
	}
}

@media screen and (max-width: 1366px){
	#danaus{
		background: url(../images/showcase/petraco/bg-hero.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 200px;/*
		background-attachment: fixed;*/
	}

	.logo-petraco{
		width: 60%;
		margin: 0 auto;
	}

	.butterfly{
		text-align: right;
	}

	#book{
		background: url(../images/showcase/petraco/bg-book.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 200px;
		transform: scale(1);
	}

	#colour{
		background-color: #e80536;
		height: 650px;
	}

	.butterfly-bg{
		width: 100%;
		background: url(../images/showcase/petraco/logo-kupu.png) no-repeat;
		background-size: contain;
		height: 650px;
		position: absolute;
		padding-top: 150px;
		transform: scale(1);
	}

	.circle1 {
	  	background: #da48aa;
	  	margin-left: 20vw;
	}

	.circle2{
		background: #e80332;
	}

	.colour{
		text-align: right;
		color: white;
	}

	#petraco-logo{
		height: 650px;
		text-align: center;
	}

	.color-logo{
		padding: 100px;
	}

	.color-logo-img{
		margin: 0 auto;
	}

	.white-logo{
		padding: 0;
	}

	.white-logo1, .white-logo2{
		padding: 70px;
	}

	.white-logo1{
		background-color: #d94baf;
	}

	.white-logo2{
		background-color: #e80536;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#danaus, #book, #colour, #petraco-logo{
		height: 500px;
	}

	#danaus{
		padding-top: 100px;
	}

	.logo-petraco{
		margin: 25% auto;
	}

	#book{
		padding-top: 150px;
	}

	.butterfly-bg{
		height: 500px;
		position: absolute;
		padding-top: 0px;
	}

	.colour{
		text-align: center;
		color: white;
	}

	.circle1{
		margin-left: 290px;
	}

	.color-logo{
		padding-top: 70px;
		padding-bottom: 70px; 
	}

	.white-logo1, .white-logo2{
		padding-top: 54px;
		padding-bottom: 54px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#danaus, #book, #colour, #petraco-logo{
		height: 450px;
	}

	#danaus{
		padding-top: 30px;
		background-size: contain;
	}

	.logo-petraco{
		margin: 0 auto 2% auto;
		width: 35%;
	}

	.butterfly{
		text-align: center;
		/*background: rgba(0,0,0, 0.1);*/
	}

	#book{
		padding-top: 100px; 
	}

	.colour{
		text-align: center;
		color: white;
	}

	.circle1{
		margin-left: 265px;
	}

	.butterfly-bg{
		height: 450px;
		position: absolute;
		padding-top: 0px;
	}

	#color-logo{
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.white-logo1, .white-logo2{
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

/*====================================================================================================================
														NOE
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#deer{
		background: url(../images/showcase/noe/bg-hero.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 200px;
	}

	.logo-noe{
		width: 60%;
		margin: 0 auto;
	}

	.deer{
		text-align: right;
		color: white;
	}

	#coffee{
		background: url(../images/showcase/noe/bg-coffee.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 650px;
		padding-top: 100px;
		color: white;
	}

	#colour-noe{
		background-color: #7f0000;
		height: 650px;
	}

	.deer-bg{
		background: url(../images/showcase/noe/deer-logo.png) no-repeat;
		background-size: cover;
		background-position: center;
		height: 650px;
		position: absolute;
		padding-top: 150px;
		transform: scale(1);
		width: 100%;
	}

	.circle1-noe {
	  	background: #7f0000;
	  	margin-left: 13vw;
	  	margin-top: 60px;
	}

	.circle2-noe{
		background: #600000;
		margin-top: 60px;
	}

	.colour-noe{
		text-align: right;
		color: white;
	}

	.cup{
		bottom: 0;
		left: 0;
		margin-left: 190px;
		margin-bottom: -50px;
		width: 30%;
		position: absolute;
	}

	#promo1{
		height: 650px;
		margin: auto;
	}

	.promo1{
		width: 100%;
		height: auto;
		margin: 75px auto;
	}

	#promo2{
		background: url(../images/showcase/noe/bg-bottom.png) no-repeat;
		height: 650px;
	}

	.promo2{
		width: 100%;
		height: auto;
		margin-top: 25vh;
	}

	#noe-logo, .noe-logoc-bg, .noe-logo1-bg, .noe-logo2-bg{
		padding: 0;
	}

	#noe-logo{
		height: 650px;
	}

	.noe-logoc-bg{
		height: 650px;
	}

	.noe-logoc{
		margin: 10vh auto;
		height: 80vh;
	}

	.noe-logo1, .noe-logo2{
		height: 40vh;
		margin: 5vh auto;
	}

	.noe-logo1-bg{
		background-color: #600000;
		height: 325px;
	}

	.noe-logo2-bg{
		background: url(../images/showcase/noe/bg-logo3.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 325px;
	}
}

@media screen and (max-width: 1366px){
	#deer{
		background: url(../images/showcase/noe/bg-hero.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 100px;
	}

	.logo-noe{
		width: 20%;
		margin: 0 auto;
	}

	.deer{
		text-align: right;
		color: white;
	}

	#coffee{
		background: url(../images/showcase/noe/bg-coffee.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 650px;
		padding-top: 100px;
		color: white;
	}

	#colour-noe{
		background-color: #7f0000;
		height: 650px;
	}

	.deer-bg{
		background: url(../images/showcase/noe/deer-logo.png) no-repeat;
		background-size: cover;
		background-position: center;
		height: 650px;
		position: absolute;
		padding-top: 150px;
		transform: scale(1);
		width: 100%;
	}

	.circle1-noe {
	  	background: #7f0000;
	  	margin-left: 13vw;
	  	margin-top: 60px;
	}

	.circle2-noe{
		background: #600000;
		margin-top: 60px;
	}

	.colour-noe{
		text-align: right;
		color: white;
	}

	.cup{
		bottom: 0;
		left: 0;
		margin-left: 190px;
		margin-bottom: -50px;
		width: 30%;
		position: absolute;
	}

	#promo1{
		height: 650px;
		margin: auto;
	}

	.promo1{
		width: 100%;
		height: auto;
		margin: 75px auto;
	}

	#promo2{
		background: url(../images/showcase/noe/bg-bottom.png) no-repeat;
		height: 650px;
	}

	.promo2{
		width: 100%;
		height: auto;
		margin-top: 25vh;
	}

	#noe-logo, .noe-logoc-bg, .noe-logo1-bg, .noe-logo2-bg{
		padding: 0;
	}

	#noe-logo{
		height: 650px;
	}

	.noe-logoc-bg{
		height: 650px;
	}

	.noe-logoc{
		margin: 10vh auto;
		height: 80vh;
	}

	.noe-logo1, .noe-logo2{
		height: 40vh;
		margin: 5vh auto;
	}

	.noe-logo1-bg{
		background-color: #600000;
		height: 325px;
	}

	.noe-logo2-bg{
		background: url(../images/showcase/noe/bg-logo3.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 325px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#deer, #coffee, #colour-noe, #noe-logo, #promo1, #promo2, .deer-bg{
		height: 500px;
	}

	#deer, #coffee{
		padding-top: 80px;
	}

	.deer-bg{
		padding-top: 0;
	}

	.colour-noe{
		text-align: center;
		color: white;
	}

	.circle1-noe{
		margin-left: 290px;
	}

	.cup{
		margin-left: 50px;
		margin-bottom: -40px;
		width: 25%;
		position: absolute;
	}

	.promo1{
		height: 350px;
		margin: 75px auto;
	}

	.promo2{
		height: 220px;
		margin: 140px auto;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#deer, #coffee, #colour-noe, #noe-logo, #promo1, #promo2, .deer-bg{
		height: 450px;
	}

	#deer{
		padding-top: 20px;
	}

	#coffee{
		padding-top: 100px;
	}

	.logo-noe{
		width: 30%;
	}

	.deer{
		text-align: center;
	}

	.deer-bg{
		padding-top: 0;
	}

	.colour-noe{
		text-align: center;
		color: white;
	}

	.circle1-noe{
		margin-left: 265px;
	}

	.cup{
		margin-left: 50px;
		margin-bottom: -40px;
		width: 25%;
		position: absolute;
	}

	.promo1{
		height: auto;
		margin: 100px auto;
	}

	.promo2{
		height: auto;
		margin: 135px auto 0 auto;
	}

	.noe-logoc-bg{
		height: 500px;
	}

	.noe-logo1-bg, .noe-logo2-bg{
		height: 250px;
	}
}

/*====================================================================================================================
													DWI GOLDEN
====================================================================================================================*/
@media screen and (min-width: 1366px){

	#electricity{
		background-color: #a67c00;
		height: 650px;
		padding-top: 150px;
	}

	.logo-dg{
		width: 60%;
		margin: 0 auto;
	}

	.electricity{
		text-align: right;
		color: white;
	}

	#crown{
		background: url(../images/showcase/dwi-golden/bg-crown.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 650px;
		padding-top: 150px;
	}

	#colour-dg{
		background: url(../images/showcase/dwi-golden/dg-bg.png) no-repeat;
		height: 650px;
	}

	.dg-bg{
		background: url(../images/showcase/dwi-golden/dg-bg-3.png) no-repeat;
		background-size: contain;
		width: 100%;
		height: 650px;
		position: absolute;
		padding-top: 150px;
		transform: scale(1);
	}

	.circle1-dg {
	  	background: #000000;
	  	margin-left: 20vw;
	}

	.circle2-dg{
		background: #a67c00;
	}

	.colour-dg{
		text-align: right;
		color: white;
	}

	#dwi-golden{
		background: url(../images/showcase/dwi-golden/bg-dwi-golden2.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 150px;
		color: #fff;
	}

	.golden{
		text-align: right;
	}

	#dwi-golden-logo{
		height: 650px;
		text-align: center;
	}

	.dg-color-logo{
		padding: 100px;
	}

	.dg-color-logo img{
		margin: 0 auto;
	}

	.dg-white-logo{
		padding: 0;
	}

	.dg-white-logo1{
		background-color: #a67c00;
		padding: 68px;
	}

	.dg-white-logo2{
		background-color: #000000;
		padding: 68px;
	}

	#dwi-golden-logo2{
		height: 650px;
		padding: 0;
		background-color: white;
	}

	.dg-logoc{
		margin: 150px auto 100px auto;
		height: 400px;
	}

	.dg-logo1, .dg-logo2{
		height: 200px;
		margin: 65px auto 60px auto;
	}

	.dg-logo1-bg{
		background-color: #a67c00;
		height: 325px;
	}

	.dg-logo2-bg{
		background-color: #000000;
		height: 325px;
	}

	.dg-logo-white, .dg-logoc-bg, .noe-logo-white, .noe-logoc-bg{
		padding: 0;
	}
}

@media screen and (max-width: 1366px){
	#electricity{
		background-color: #a67c00;
		height: 650px;
		padding-top: 150px;
	}

	.logo-dg{
		width: 60%;
		margin: 0 auto;
	}

	.electricity{
		text-align: right;
		color: white;
	}

	#crown{
		background: url(../images/showcase/dwi-golden/bg-crown.jpg) no-repeat;
		background-size: cover;
		background-position: center;
		height: 650px;
		padding-top: 150px;
	}

	#colour-dg{
		background: url(../images/showcase/dwi-golden/dg-bg.png) no-repeat;
		height: 650px;
	}

	.dg-bg{
		background: url(../images/showcase/dwi-golden/dg-bg-3.png) no-repeat;
		background-size: contain;
		width: 100%;
		height: 650px;
		position: absolute;
		padding-top: 150px;
		transform: scale(1);
	}

	.circle1-dg {
	  	background: #000000;
	  	margin-left: 20vw;
	}

	.circle2-dg{
		background: #a67c00;
	}

	.colour-dg{
		text-align: right;
		color: white;
	}

	#dwi-golden{
		background: url(../images/showcase/dwi-golden/bg-dwi-golden2.jpg) no-repeat;
		background-size: cover;
		height: 650px;
		padding-top: 150px;
		color: #fff;
	}

	.golden{
		text-align: right;
	}

	#dwi-golden-logo{
		height: 650px;
		text-align: center;
	}

	.dg-color-logo{
		padding: 100px;
	}

	.dg-color-logo img{
		margin: 0 auto;
	}

	.dg-white-logo{
		padding: 0;
	}

	.dg-white-logo1{
		background-color: #a67c00;
		padding: 68px;
	}

	.dg-white-logo2{
		background-color: #000000;
		padding: 68px;
	}

	#dwi-golden-logo2{
		height: 650px;
		padding: 0;
		background-color: white;
	}

	.dg-logoc{
		margin: 150px auto 100px auto;
		height: 400px;
	}

	.dg-logo1, .dg-logo2{
		height: 200px;
		margin: 65px auto 60px auto;
	}

	.dg-logo1-bg{
		background-color: #a67c00;
		height: 325px;
	}

	.dg-logo2-bg{
		background-color: #000000;
		height: 325px;
	}

	.dg-logo-white, .dg-logoc-bg, .noe-logo-white, .noe-logoc-bg{
		padding: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#electricity, #crown, #colour-dg, #dwi-golden, #dwi-golden-logo, #dwi-golden-logo2, .dg-bg{
		height: 500px;
	}

	#electricity{
		padding-top: 100px;
	}

	.logo-dg{
		width: 60%;
		margin: 0 auto;
	}

	.electricity{
		text-align: right;
		color: white;
	}

	#crown{
		padding-top: 50px;
		background-position: center;
	}

	/*.crown p{
		padding-right: 5vw;
	}*/

	.dg-bg{
		padding-top: 0;
	}

	.colour-dg{
		text-align: center;
		color: white;
	}

	.circle1-dg{
		margin-left: 290px;
	}

	#dwi-golden{
		padding-top: 0px;
		text-align: center;
		background: url(../images/showcase/dwi-golden/bg-dwi-golden-768.jpg) no-repeat;
		background-size: cover;
	}

	.dwi{
		padding-top: 50px;
		height: 225px;
	}

	.golden{
		text-align: center;
		height: 225px;
		padding-top: 75px;
	}

	.dg-color-logo{
		padding-top: 50px;
		height: 300px;
	}

	.dg-white-logo1, .dg-white-logo2{
		padding-top: 50px;
		padding-bottom: 50px;
		height: 200px;
	}

	.dg-logoc {
	    margin: 50px auto;
	}

	.dg-logo1-bg, .dg-logo2-bg {
    	height: 250px;
    }

    .dg-logo1, .dg-logo2 {
	    margin: 20px auto;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#electricity, #crown, #colour-dg, #dwi-golden, #dwi-golden-logo, #dwi-golden-logo2, .dg-bg{
		height: 450px;
	}

	#electricity{
		padding-top: 0;
	}

	.logo-dg {
	    width: 25%;
	    margin: 30px auto;
	}

	.electricity{
		text-align: center;
	}

	#crown{
		padding-top: 0;
	}

	.crown{
		margin-top: 30px;
	}

	.dg-bg{
		padding-top: 0;
	}

	.circle1-dg{
		margin-left: 38vw;
	}

	.colour-dg{
		text-align: center;
	}

	#dwi-golden{
		padding-top: 0px;
		text-align: center;
		background: url(../images/showcase/dwi-golden/bg-dwi-golden-768.jpg) no-repeat;
		background-size: cover;
	}

	.dwi{
		padding-top: 50px;
		height: 225px;
	}

	.golden{
		text-align: center;
		height: 225px;
		padding-top: 50px;
	}
}

/*====================================================================================================================
													ADHI BUANA
====================================================================================================================*/
@media screen and (min-width: 1366px){

	#scaffolding, #ab-click, #big-bc{
		height: 650px;
	}

	.scaffolding{
		padding: 150px 50px 100px 50px;
	}

	.ab-icon{
		margin: 120px auto 0 auto;
	}

	.ab-logo{
		width: 20%;
		right: 0;
		position: absolute;
		margin-right: 100px;
		bottom: 0;
		margin-bottom: -30px;
	}

	#ab-click{
		background: url(../images/showcase/adhibuana/bg2.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
	}

	.ab-text{
		width: 40%;
		position: absolute;
		right: 0;
		top: 45%;
		margin-right: 65px;
	}

	.ab-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
	}

	.ab-click{
		color: black;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid solid solid dashed;
		border-width: thick;
		border-color: black;
		transition: .3s all;
	}

	.ab-click:hover{
		text-decoration: none;
		color: #ffd200;
		background-color: black;
		border-color: black black black #ffd200;
		transition: .3s all;
	}

	.ab-pointer{
		top: 53%;
		right: 0;
		position: absolute;
		margin-right: 100px;
		width: 2%;
	}
}

@media screen and (max-width: 1366px){
	#scaffolding, #ab-click, #big-bc{
		height: 650px;
	}

	.scaffolding{
		padding: 150px 50px 100px 50px;
	}

	.ab-icon{
		margin: 120px auto 0 auto;
	}

	.ab-logo{
		width: 20%;
		right: 0;
		position: absolute;
		margin-right: 100px;
		bottom: 0;
		margin-bottom: -30px;
	}

	#ab-click{
		background: url(../images/showcase/adhibuana/bg2.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
	}

	.ab-text{
		width: 40%;
		position: absolute;
		right: 0;
		top: 45%;
		margin-right: 65px;
	}

	.ab-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
	}

	.ab-click{
		color: black;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid solid solid dashed;
		border-width: thick;
		border-color: black;
		transition: .3s all;
	}

	.ab-click:hover{
		text-decoration: none;
		color: #ffd200;
		background-color: black;
		border-color: black black black #ffd200;
		transition: .3s all;
	}

	.ab-pointer{
		top: 53%;
		right: 0;
		position: absolute;
		margin-right: 100px;
		width: 2%;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#scaffolding, #ab-click{
		height: 550px;
	}

	.scaffolding{
		padding: 150px 50px 0px 50px
	}

	.ab-click-box{
		margin-top: 250px;
	}

	.ab-click{
		font-size: 22px;
	}

	.ab-icon{
		width: 90%;
	}

	.ab-pointer{
		display: none;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#scaffolding, #ab-click{
		height: 500px;
	}

	.ab-click-box{
		margin-top: 230px;
	}

	.ab-click:hover{
		color: black;
		font-weight: bold;
		background-color: #ffd200;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid solid solid dashed;
		border-width: thick;
		border-color: black;
		transition: .3s all;
	}

	.ab-click{
		text-decoration: none;
		color: #ffd200;
		background-color: black;
		border-color: black black black #ffd200;
		transition: .3s all;
		font-size: 20px;
	}

	.ab-pointer{
		display: none;
	}
}

/*====================================================================================================================
										BHINNEKA CITRA PRIMA CONTRACTOR
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#bcp-hero{
		background: url(../images/showcase/bcp-contractor/bg-hero.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.bcp-hero{
		color: white;
		text-align: right;
		padding: 120px 50px 0 0;
	}

	.bcp-hero p{
		margin-left: 100px;
	}

	.wall-1, .wall-2{
		position: absolute;
		width: 10%;
	}

	.wall-1{
		right: 0;
		top: 0;
	}

	.wall-2{
		left: 0;
		bottom: 0;
	}

	#bcp-main{
		background: url(../images/showcase/bcp-contractor/bg2.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.bcp-main{
		padding: 150px 50px 0 100px;
	}

	#bcp-click{
		background: url(../images/showcase/bcp-contractor/bg3.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.bcp-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.bcp-click{
		color: white;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 15px;
		letter-spacing: 2px;
		border-style: double;
		border-width: 15px;
		border-color: white;
		transition: .3s all;
	}

	.bcp-click:hover{
		text-decoration: none;
		color: black;
		background-color: rgba(255,255,255, 0.8);
		border-color: rgba(0,0,0, 0.7);
		transition: .3s all;
	}

	.bcp-link{
		width: 40%;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		margin: 250px auto 0;
	}

	.bcp-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 2%;
		left: 0;
		margin: 340px auto 0 760px;
	}

	#bcp-full-bg{
		background: url(../images/showcase/bcp-contractor/bg-full.jpg) no-repeat center top;
		background-size: cover;
		height: 650px;
	}
}

@media screen and (max-width: 1366px){
	#bcp-hero{
		background: url(../images/showcase/bcp-contractor/bg-hero.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.bcp-hero{
		color: white;
		text-align: right;
		padding: 120px 50px 0 0;
	}

	.bcp-hero p{
		margin-left: 100px;
	}

	.wall-1, .wall-2{
		position: absolute;
		width: 10%;
	}

	.wall-1{
		right: 0;
		top: 0;
	}

	.wall-2{
		left: 0;
		bottom: 0;
	}

	#bcp-main{
		background: url(../images/showcase/bcp-contractor/bg2.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.bcp-main{
		padding: 150px 50px 0 100px;
	}

	#bcp-click{
		background: url(../images/showcase/bcp-contractor/bg3.jpg) no-repeat center center;
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.bcp-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.bcp-click{
		color: white;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 15px;
		letter-spacing: 2px;
		border-style: double;
		border-width: 15px;
		border-color: white;
		transition: .3s all;
	}

	.bcp-click:hover{
		text-decoration: none;
		color: black;
		background-color: rgba(255,255,255, 0.8);
		border-color: rgba(0,0,0, 0.7);
		transition: .3s all;
	}

	.bcp-link{
		width: 40%;
		position: absolute;
		right: 0;
		left: 0;
		top: 0;
		margin: 250px auto 0;
	}

	.bcp-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 2%;
		left: 0;
		margin: 340px auto 0 760px;
	}

	#bcp-full-bg{
		background: url(../images/showcase/bcp-contractor/bg-full.jpg) no-repeat center top;
		background-size: cover;
		height: 650px;
	}
}

@media screen and (max-width: 992px){
	#bcp-hero, #bcp-main, #bcp-click, #bcp-full-bg{
		height: 550px;
	}

	.bcp-click{
		font-size: 25px;
	}

	.bcp-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 2%;
		margin: 340px 340px 0 auto;
	}
}

@media screen and (max-width: 768px){
	#bcp-hero, #bcp-main, #bcp-click, #bcp-full-bg{
		height: 500px;
	}

	.bcp-hero{
		padding-right: 0;
	}

	.bcp-hero p{
		margin-left: 50px;
	}

	.bcp-main{
		padding-left: 50px;
	}
}

/*====================================================================================================================
												BLUE DOLPHIN PLAYSKOOL
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#blue-dolphin-hero{
		background: url(../images/showcase/blue-dolphin/bg-hero.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.blue-dolphin-hero{
		padding: 150px 100px 0 100px;
		text-align: right;
	}

	#children{
		background: url(../images/showcase/blue-dolphin/bg-main.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.children{
		padding: 150px 100px 0 100px;
	}

	#blue-bc{
		height: 650px;
		background-color: #919191;
		position: relative;
	}

	.blue-front, .blue-back{
		width: 30%;
		top: 0;
		position: absolute;
	}

	.blue-front{
		left: 0;
		margin: 200px 50px 0 250px;
	}

	.blue-back{
		right: 0;
		margin: 200px 250px 0 0;
	}

	#blue-big-bc{
		background: url(../images/showcase/blue-dolphin/bg-full.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}
}

@media screen and (max-width: 1366px){
	#blue-dolphin-hero{
		background: url(../images/showcase/blue-dolphin/bg-hero.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.blue-dolphin-hero{
		padding: 150px 100px 0 100px;
		text-align: right;
	}

	#children{
		background: url(../images/showcase/blue-dolphin/bg-main.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.children{
		padding: 150px 100px 0 100px;
	}

	#blue-bc{
		height: 650px;
		background-color: #919191;
		position: relative;
	}

	.blue-front, .blue-back{
		width: 30%;
		top: 0;
		position: absolute;
	}

	.blue-front{
		left: 0;
		margin: 200px 50px 0 250px;
	}

	.blue-back{
		right: 0;
		margin: 200px 250px 0 0;
	}

	#blue-big-bc{
		background: url(../images/showcase/blue-dolphin/bg-full.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#blue-dolphin-hero, #children, #blue-bc, #blue-big-bc{
		height: 550px;
	}

	.blue-front, .blue-back{
		width: 40%;
	}

	.blue-front{
		margin: 200px 50px 0 70px;
	}
	
	.blue-back{
		margin: 200px 70px 0 0;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#blue-dolphin-hero, #children, #blue-bc, #blue-big-bc{
		height: 500px;
	}

	.blue-dolphin-hero{
		padding: 50px 50px 0;
	}

	.children {
	    padding: 100px 50px 0;
	}

	.blue-front {
	    margin: 120px 50px 0 70px;
	}

	.blue-back {
	    margin: 120px 70px 0 0;
	}
}

/*====================================================================================================================
												TOKO ENGGAL JAYA
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#enggal-hero, #enggal-jaya, #enggal-bc{
		height: 650px;
	}

	#enggal-hero{
		background: url(../images/showcase/enggal-jaya/bg-hero.jpg) no-repeat center;
		background-size: cover;
	}

	#enggal-jaya{
		position: relative;
	}

	.enggal-jaya{
		padding: 150px 0 0 100px;
	}

	.enggal-side{
		position: absolute;
		right: 0;
		top: 0;
		width: 45%;
		height: 100%;
	}

	#enggal-bc{
		position: relative;
		background-color: #f1f1ee;
	}

	.enggal-bc1, .enggal-bc2{
		position: absolute;
		width: 40%;
		top: 0;
		margin-top: 150px;
	}

	.enggal-bc1{
		right: 0;
		margin-right: 200px;
	}

	.enggal-bc2{
		left: 0;
		margin-left: 200px;
	}
}

@media screen and (max-width: 1366px){
	#enggal-hero, #enggal-jaya, #enggal-bc{
		height: 650px;
	}

	#enggal-hero{
		background: url(../images/showcase/enggal-jaya/bg-hero.jpg) no-repeat center;
		background-size: cover;
	}

	#enggal-jaya{
		position: relative;
	}

	.enggal-jaya{
		padding: 150px 0 0 100px;
	}

	.enggal-side{
		position: absolute;
		right: 0;
		top: 0;
		width: 45%;
		height: 100%;
	}

	#enggal-bc{
		position: relative;
		background-color: #f1f1ee;
	}

	.enggal-bc1, .enggal-bc2{
		position: absolute;
		width: 40%;
		top: 0;
		margin-top: 150px;
	}

	.enggal-bc1{
		right: 0;
		margin-right: 200px;
	}

	.enggal-bc2{
		left: 0;
		margin-left: 200px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#enggal-hero, #enggal-jaya, #enggal-bc{
		height: 550px;
	}

	.enggal-jaya {
	    padding: 50px 0 0 50px;
	}

	.enggal-bc1{
		margin-right: 150px;
	}

	.enggal-bc2{
		margin-left: 150px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#enggal-hero, #enggal-jaya, #enggal-bc{
		height: 500px;
	}

	.enggal-jaya {
	    padding: 50px 0 0 50px;
	}

	.enggal-bc1{
		margin-right: 130px;
	}

	.enggal-bc2{
		margin-left: 130px;
	}
}

/*====================================================================================================================
													FOX CREEK
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#fox-hero, #fox-logo, #fox-click{
		height: 650px;
	}

	#fox-hero{
		background: url(../images/showcase/fox-creek/bg-hero.jpg) no-repeat center;
		background-size: cover;
		color: white;
	}

	.fox-hero{
		padding: 150px 0 0 100px;
	}

	.fox-hero p{
		margin-right: 150px;
	}

	#fox-logo{
		background: url(../images/showcase/fox-creek/bg2.jpg) no-repeat center;
		background-size: cover;
		color: white;
	}

	.fox-img{
		margin: 150px auto 0;
	}

	.fox-logo{
		text-align: right;
		padding: 150px 100px 0 0;
	}

	#fox-click{
		background: url(../images/showcase/fox-creek/bg3.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.fox-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.fox-click{
		color: black;
		font-size: 24px;
		background-color: white;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		border-color: white;
		transition: .3s all;
	}

	.fox-click:hover{
		text-decoration: none;
		color: white;
		background-color: transparent;
		border-color: white;
		transition: .3s all;
	}

	.fox-pointer{
		right: 0;
		position: absolute;
		width: 2%;
		top: 0;
		margin-top: 330px;
		margin-right: 550px;
	}
}

@media screen and (max-width: 1366px){
	#fox-hero, #fox-logo, #fox-click{
		height: 650px;
	}

	#fox-hero{
		background: url(../images/showcase/fox-creek/bg-hero.jpg) no-repeat center;
		background-size: cover;
		color: white;
	}

	.fox-hero{
		padding: 150px 0 0 100px;
	}

	.fox-hero p{
		margin-right: 150px;
	}

	#fox-logo{
		background: url(../images/showcase/fox-creek/bg2.jpg) no-repeat center;
		background-size: cover;
		color: white;
	}

	.fox-img{
		margin: 150px auto 0;
	}

	.fox-logo{
		text-align: right;
		padding: 150px 100px 0 0;
	}

	#fox-click{
		background: url(../images/showcase/fox-creek/bg3.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.fox-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.fox-click{
		color: black;
		font-size: 24px;
		background-color: white;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		border-color: white;
		transition: .3s all;
	}

	.fox-click:hover{
		text-decoration: none;
		color: white;
		background-color: transparent;
		border-color: white;
		transition: .3s all;
	}

	.fox-pointer{
		right: 0;
		position: absolute;
		width: 2%;
		top: 0;
		margin-top: 330px;
		margin-right: 550px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#fox-hero, #fox-logo, #fox-click{
		height: 550px;
	}

	.fox-hero {
	    padding: 100px 0 0 100px;
	}

	.fox-logo {
	    padding: 100px 100px 0 0;
	}

	.fox-img {
	    margin: 150px auto 0;
	    width: 70%;
	}

	.fox-click-box {
	    margin-top: 250px;
	}

	.fox-pointer {
	    margin-top: 290px;
	    margin-right: 350px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#fox-hero, #fox-logo, #fox-click{
		height: 500px;
	}

	.fox-hero{
		padding: 50px 0 0 50px;
	}

	.fox-hero p {
	    margin-right: 100px;
	}

	.fox-logo {
	    padding: 100px 50px 0 0;
	}

	.fox-click-box {
	    margin-top: 200px;
	}

	.fox-pointer {
	    margin-top: 240px;
	    margin-right: 250px;
	}
}

/*====================================================================================================================
													IN TEC
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#intec-hero, #intec-main, #intec-bc, #intec-full{
		height: 650px;
	}

	#intec-hero{
		background: url(../images/showcase/intec/bg-hero.jpg) no-repeat center;
		background-size: cover;
	}

	.intec-hero{
		text-align: right;
		padding: 150px 100px 0;
	}

	.intec-main{
		padding: 150px 100px 0;
	}

	.intec-img{
		position: relative;
	}

	.intec-img1{
		width: 50%;
		position: absolute;
		margin: 0 auto;
		right: 0;
		top: 0;
		left: 0;
	}

	.intec-img2{
		position: absolute;
		width: 25%;
		top: 0;
		margin-top: 400px;
		margin-left: 100px;
	}

	#intec-bc{
		background-color: #808688;
		position: relative;
	}

	.intec-bc1, .intec-bc2{
		width: 30%;
		position: absolute;
	}

	.intec-bc1{
		right: 0;
		margin-right: 300px;
		margin-top: 300px;
	}

	.intec-bc2{
		left: 0;
		top: 0;
		margin-left: 350px;
		margin-top: 150px;
	}

	#intec-full{
		background: url(../images/showcase/intec/bg-full.jpg) no-repeat center;
		background-size: cover;
	}
}

@media screen and (max-width: 1366px){
	#intec-hero, #intec-main, #intec-bc, #intec-full{
		height: 650px;
	}

	#intec-hero{
		background: url(../images/showcase/intec/bg-hero.jpg) no-repeat center;
		background-size: cover;
	}

	.intec-hero{
		text-align: right;
		padding: 150px 100px 0;
	}

	.intec-main{
		padding: 150px 100px 0;
	}

	.intec-img{
		position: relative;
	}

	.intec-img1{
		width: 50%;
		position: absolute;
		margin: 0 auto;
		right: 0;
		top: 0;
		left: 0;
	}

	.intec-img2{
		position: absolute;
		width: 25%;
		top: 0;
		margin-top: 400px;
		margin-left: 100px;
	}

	#intec-bc{
		background-color: #808688;
		position: relative;
	}

	.intec-bc1, .intec-bc2{
		width: 30%;
		position: absolute;
	}

	.intec-bc1{
		right: 0;
		margin-right: 300px;
		margin-top: 300px;
	}

	.intec-bc2{
		left: 0;
		top: 0;
		margin-left: 350px;
		margin-top: 150px;
	}

	#intec-full{
		background: url(../images/showcase/intec/bg-full.jpg) no-repeat center;
		background-size: cover;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#intec-hero, #intec-main, #intec-bc, #intec-full{
		height: 550px;
	}

	.intec-hero, .intec-main {
	    padding: 100px 50px 0;
	}

	.intec-img1 {
	    width: 60%;
	}

	.intec-img2 {
	    width: 23%;
	    margin-top: 350px;
	    margin-left: 100px;
	}

	.intec-bc1, .intec-bc2{
		width: 40%;
	}

	.intec-bc2 {
	    margin-left: 150px;
	    margin-top: 80px;
	}

	.intec-bc1 {
	    margin-right: 150px;
	    margin-top: 220px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#intec-hero, #intec-main, #intec-bc, #intec-full{
		height: 500px;
	}

	.intec-hero {
	    padding: 100px 50px 0 0;
	}

	.intec-main {
	    padding: 100px 0 0 50px;
	}

	.intec-img1 {
	    width: 70%;
	}

		.intec-img2 {
	    width: 23%;
	    margin-top: 310px;
	    margin-left: 180px;
	}

	.intec-bc2 {
	    margin-left: 120px;
	    margin-top: 100px;
	}

	.intec-bc1 {
	    margin-right: 120px;
	    margin-top: 220px;
	}
}

/*====================================================================================================================
											IRKON PANELINDO PRODUK
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#irkon-hero, #irkon-main, #irkon-click{
		height: 650px;
	}

	#irkon-hero{
		background: url(../images/showcase/irkon-panelindo/bg-hero.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.irkon-hero{
		position: absolute;
		text-align: center;
		width: 100%;
		color: white;
		margin: 250px auto 0;
	}

	#irkon-main{
		position: relative;
	}

	.irkon-main{
		text-align: right;
		padding: 150px 100px 0 100px;
	}

	.irkon-side{
		position: absolute;
		height: 100%;
	}

	#irkon-click{
		background: url(../images/showcase/irkon-panelindo/bg-click.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.irkon-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.irkon-click{
		color: black;
		font-size: 24px;
		background-color: #fed905;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		border-color: #fed905;
		transition: .3s all;
	}

	.irkon-click:hover{
		text-decoration: none;
		color: #fed905;
		background-color: transparent;
		border-color: #fed905;
		transition: .3s all;
	}

	.irkon-pointer{
		right: 0;
		position: absolute;
		width: 2%;
		top: 0;
		margin-top: 330px;
		margin-right: 550px;
	}
}

@media screen and (max-width: 1366px){
	#irkon-hero, #irkon-main, #irkon-click{
		height: 650px;
	}

	#irkon-hero{
		background: url(../images/showcase/irkon-panelindo/bg-hero.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.irkon-hero{
		position: absolute;
		text-align: center;
		width: 100%;
		color: white;
		margin: 250px auto 0;
	}

	#irkon-main{
		position: relative;
	}

	.irkon-main{
		text-align: right;
		padding: 150px 100px 0 100px;
	}

	.irkon-side{
		position: absolute;
		height: 100%;
	}

	#irkon-click{
		background: url(../images/showcase/irkon-panelindo/bg-click.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.irkon-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.irkon-click{
		color: black;
		font-size: 24px;
		background-color: #fed905;
		padding: 10px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		border-color: #fed905;
		transition: .3s all;
	}

	.irkon-click:hover{
		text-decoration: none;
		color: #fed905;
		background-color: transparent;
		border-color: #fed905;
		transition: .3s all;
	}

	.irkon-pointer{
		right: 0;
		position: absolute;
		width: 2%;
		top: 0;
		margin-top: 330px;
		margin-right: 550px;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px){
	#irkon-hero, #irkon-main, #irkon-click{
		height: 550px;
	}

	.irkon-hero {
	    margin: 200px auto 0;
	}

	.irkon-main {
	    text-align: right;
	    padding: 100px 50px 0;
	}

	.irkon-click-box {
	    margin-top: 250px;
	}

	.irkon-pointer {
	    margin-top: 280px;
	    margin-right: 350px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	#irkon-hero, #irkon-main, #irkon-click{
		height: 500px;
	}

	.irkon-side {
	    width: 50%;
	}

	.irkon-main {
	    text-align: right;
	    padding: 50px 50px 0 10px;
	}

	.irkon-click-box {
	    margin-top: 230px;
	}

	.irkon-pointer {
	    margin-top: 270px;
	    margin-right: 250px;
	}
}

/*====================================================================================================================
													BOSS KATSU
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#boss-katsu{
		height: 650px;
	}

	.boss-katsu{
		padding-top: 200px;
		padding-left: 100px;
	}

	.boss-katsu-img{
		position: relative;
	}

	.katsu-hidden{
		display: none;
	}

	.boss{
		position: absolute;
		width: 60%;
		margin: 100px auto 0;
		top: 0;
		left: 0;
		right: 0;
	}

	.katsu{
		position: absolute;
		width: 50%;
		top: 0;
		left: 0;
		margin-top: 350px;
		margin-left: -50px;
	}

	#menu{
		background-color: #ac1403;
		margin: auto;
	}

	.menu{
		width: 100%;
		height: auto;
		margin: 50px auto;
	}
}

@media screen and (max-width: 1366px){
	#boss-katsu{
		height: 650px;
	}

	.boss-katsu{
		padding-top: 200px;
		padding-left: 100px;
	}

	.boss-katsu-img{
		position: relative;
	}

	.katsu-hidden{
		display: none;
	}

	.boss{
		position: absolute;
		width: 60%;
		margin: 100px auto 0;
		top: 0;
		left: 0;
		right: 0;
	}

	.katsu{
		position: absolute;
		width: 50%;
		top: 0;
		left: 0;
		margin-top: 350px;
		margin-left: -50px;
	}

	#menu{
		background-color: #ac1403;
		margin: auto;
	}

	.menu{
		width: 100%;
		height: auto;
		margin: 50px auto;
	}
}

@media screen and (max-width: 992px){
	#boss-katsu, #menu, #big-menu{
		height: 100%;
	}

	.boss-katsu{
		padding-top: 100px;
		padding-left: 100px;
		padding-bottom: 100px;
	}

	.boss{
		width: 50%;
		margin: 50px auto 0;
	}

	.katsu{
		margin-top: 220px;
		margin-left: 0;
	}

	.menu{
		margin: 50px auto;
	}
}

@media screen and (max-width: 768px){
	#boss-katsu, #menu, #big-menu{
		height: 100%;
	}
	.boss-katsu{
		text-align: center;
		padding: 50px;
	}

	.katsu-hidden{
		display: block;
	}

	.boss-katsu-img{
		display: none;
	}

	.boss-768{
		width: 60%;
		margin: 50px 0 0 auto;
	}

	.katsu-768{
		margin: 80px auto 0 0;
		width: 80%;
	}

	.menu{
		margin: 50px auto;
	}
}

/*====================================================================================================================
													CHUAR-CHUAR
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#chuar-detail{
		height: 650px;
	}

	.chuar-detail{
		padding: 200px 0 0 100px;
	}

	.chuar-detail-hidden{
		display: none;
	}

	.chuar-big{
		position: absolute;
		width: 50%;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		margin-top: 150px;
	}

	.chuar-tiny{
		position: absolute;
		width: 30%;
		left: 0;
		top: 0;
		margin-left: 50px;
		margin-top: 350px;
	}

	#chuar-detail-logo{
		background: url(../images/showcase/chuar/bg-2.jpg);
		background-size: cover;
		height: 650px;
		position: relative;
	}

	.chuar-detail-logo{
		position: absolute;
		width: 60%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.chuar-detail-full{
		height: 100%;
	}
}

@media screen and (max-width: 1366px){
	#chuar-detail{
		height: 650px;
	}

	.chuar-detail{
		padding: 200px 0 0 100px;
	}

	.chuar-detail-hidden{
		display: none;
	}

	.chuar-big{
		position: absolute;
		width: 50%;
		margin: auto;
		top: 0;
		right: 0;
		left: 0;
		margin-top: 150px;
	}

	.chuar-tiny{
		position: absolute;
		width: 30%;
		left: 0;
		top: 0;
		margin-left: 50px;
		margin-top: 350px;
	}

	#chuar-detail-logo{
		background: url(../images/showcase/chuar/bg-2.jpg);
		background-size: cover;
		height: 650px;
		position: relative;
	}

	.chuar-detail-logo{
		position: absolute;
		width: 60%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

	.chuar-detail-full{
		height: 100%;
	}
}

@media screen and (max-width: 992px){
	#chuar-detail{
		height: 100%;
	}

	.chuar-detail{
		padding: 100px 0 100px 100px;
	}

	.chuar-big{
		margin-top: 80px;
	}

	.chuar-tiny{
		margin-top: 220px;
	}

	#chuar-detail-logo{
		height: 500px;
	}
}

@media screen and (max-width: 768px){
	#chuar-detail{
		height: 100%;
	}

	.chuar-detail-hidden{
		display: block;
	}

	.chuar-detail-img{
		display: none;
	}

	.chuar-detail{
		text-align: center;
		padding: 0 50px 50px;
	}

	.chuar-big-768{
		width: 60%;
		margin: 50px 0 50px auto;
	}

	.chuar-tiny-768{
		width: 60%;
		margin: 50px auto 50px 0;;
	}
}

/*====================================================================================================================
													HOME GRAB
====================================================================================================================*/
@media screen and (min-width: 1366px){
	.home-grab-hero{
		padding: 200px 100px 0 0;
		text-align: right;
	}

	#home-grab-detail{
		background: url(../images/showcase/home-grab/bg-2.jpg) no-repeat center top;
		background-size: cover;
		height: 650px;
	}

	.home-grab-detail{
		padding: 200px 0 0 100px;
		color: white;
	}

	#home-grab-click{
		background: url(../images/showcase/home-grab/bg-3.jpg);
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.home-grab-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.home-grab-click{
		color: white;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 15px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		box-shadow: 5px 5px 10px black;
		border-color: white;
		transition: .3s all;
	}

	.home-grab-click:hover{
		text-decoration: none;
		color: #669933;
		background-color: white;
		border-color: white;
		transition: .3s all;
	}
	.home-grab-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 2%;
		left: 0;
		margin: 350px auto 0 auto;
	}
}

@media screen and (max-width: 1366px){
	.home-grab-hero{
		padding: 200px 100px 0 0;
		text-align: right;
	}

	#home-grab-detail{
		background: url(../images/showcase/home-grab/bg-2.jpg) no-repeat center top;
		background-size: cover;
		height: 650px;
	}

	.home-grab-detail{
		padding: 200px 0 0 100px;
		color: white;
	}

	#home-grab-click{
		background: url(../images/showcase/home-grab/bg-3.jpg);
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.home-grab-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.home-grab-click{
		color: white;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 15px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		box-shadow: 5px 5px 10px black;
		border-color: white;
		transition: .3s all;
	}

	.home-grab-click:hover{
		text-decoration: none;
		color: #669933;
		background-color: white;
		border-color: white;
		transition: .3s all;
	}
	.home-grab-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 2%;
		left: 0;
		margin: 350px auto 0 auto;
	}
}

@media screen and (max-width: 992px){
	.home-grab-hero{
		padding: 100px 100px 0 0;
	}

	.home-grab-detail{
		padding: 100px 0 0 100px;
	}
}

@media screen and (min-width: 600px) and (max-width: 768px){
	#home-grab-detail{
		height: 500px;
	}

	.home-grab-detail{
		padding: 100px 0 0 50px; 
	}

	.home-grab-hero{
		padding-right: 50px;
	}
}

/*====================================================================================================================
													ICOMPETE
====================================================================================================================*/
@media screen and (min-width: 1366px){
	.icompete-hero{
		padding: 200px 100px 0 0;
		text-align: right;
		color: white;
	}

	.icompete-hero p{
		padding-left: 200px;
	}

	.icompete-main{
		padding: 100px 30px 100px 100px;
	}

	.pad-hidden-box{
		display: none;
	}

	.pad-shown{
		width: auto;
		height: 100%;
		padding: 100px 20px 50px 0;
	}

	#icompete-tagline{
		background: url(../images/showcase/icompete/bg-2.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.icompete-tagline{
		text-align: center;
		padding-top: 250px;
		color: white;
	}
}

@media screen and (max-width: 1366px){
	.icompete-hero{
		padding: 200px 100px 0 0;
		text-align: right;
		color: white;
	}

	.icompete-hero p{
		padding-left: 200px;
	}

	.icompete-main{
		padding: 100px 30px 100px 100px;
	}

	.pad-hidden-box{
		display: none;
	}

	.pad-shown{
		width: auto;
		height: 100%;
		padding: 100px 20px 50px 0;
	}

	#icompete-tagline{
		background: url(../images/showcase/icompete/bg-2.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.icompete-tagline{
		text-align: center;
		padding-top: 250px;
		color: white;
	}
}

@media screen and (max-width: 992px){
	.icompete-hero{
		padding: 100px 50px 0 0;
	}

	.icompete-main{
		padding-left: 50px;
	}

	.icompete-hero p{
		padding-left: 100px;
	}
}

@media screen and (min-width: 500px) and (max-width: 768px){
	.icompete-main{
		text-align: center;
		padding: 0 50px 50px;
	}

	.pad-shown{
		display: none;
	}

	.pad-hidden-box{
		display: block;
		text-align: center;
	}

	.pad-hidden{
		width: 40%;
		margin: 50px auto 0;
	}

	.icompete-hero p{
		padding-left: 50px;
	}

	#icompete-tagline{
		height: 500px;
	}

	.icompete-tagline{
		padding-top: 200px;
	}
}

/*====================================================================================================================
										PT MULTI ANUGERAH DAYA GARMINDO
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#multi-profile{
		background: url(../images/showcase/pt-multi/bg-main.jpg) no-repeat right top;
		height: 650px;
		background-size: cover;
	}

	.multi-profile{
		padding: 100px 50px 0 100px;
	}

	#multi-product{
		background-color: #0698a5;
		height: 650px;
	}

	.multi-product{
		padding: 100px 100px 0 50px;
		text-align: right;
		color: white;
	}

	.multi-img-box{
		position: relative;
	}

	.multi-jeans{
		position: absolute;
		width: 50%;
		left: 0;
		top: 0;
		margin: 100px auto 0 100px;
	}

	.multi-shirt{
		position: absolute;
		width: 50%;
		right: 0;
		top: 0;
		margin: 100px 100px 0 auto;
	}

	#multi-click{
		background: url(../images/showcase/pt-multi/bg-click.jpg);
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.multi-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.multi-click{
		color: white;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 15px 50px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		box-shadow: 5px 5px 10px black;
		border-color: white;
		transition: .3s all;
	}

	.multi-click:hover{
		text-decoration: none;
		color: #0f214c;
		background-color: white;
		border-color: white;
		transition: .3s all;
	}
	.multi-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 1.5%;
		left: 0;
		margin: 350px auto 0 auto;
	}
}

@media screen and (max-width: 1366px){
	#multi-profile{
		background: url(../images/showcase/pt-multi/bg-main.jpg) no-repeat right top;
		height: 650px;
		background-size: cover;
	}

	.multi-profile{
		padding: 100px 50px 0 100px;
	}

	#multi-product{
		background-color: #0698a5;
		height: 650px;
	}

	.multi-product{
		padding: 100px 100px 0 50px;
		text-align: right;
		color: white;
	}

	.multi-img-box{
		position: relative;
	}

	.multi-jeans{
		position: absolute;
		width: 50%;
		left: 0;
		top: 0;
		margin: 100px auto 0 100px;
	}

	.multi-shirt{
		position: absolute;
		width: 50%;
		right: 0;
		top: 0;
		margin: 100px 100px 0 auto;
	}

	#multi-click{
		background: url(../images/showcase/pt-multi/bg-click.jpg);
		background-size: cover;
		position: relative;
		height: 650px;
	}

	.multi-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 300px;
		text-align: center;
		width: 100%;
	}

	.multi-click{
		color: white;
		font-size: 32px;
		font-weight: bold;
		background-color: transparent;
		padding: 15px 50px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		box-shadow: 5px 5px 10px black;
		border-color: white;
		transition: .3s all;
	}

	.multi-click:hover{
		text-decoration: none;
		color: #0f214c;
		background-color: white;
		border-color: white;
		transition: .3s all;
	}
	.multi-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 1.5%;
		left: 0;
		margin: 350px auto 0 auto;
	}
}

@media screen and (max-width: 992px){
	#multi-profile, #multi-product{
		height: 550px;
		background-position: center;
	}
	.multi-profile{
		padding-left: 50px;
	}

	.multi-jeans{
		margin-left: 50px;
		margin-top: 150px;
	}

	.multi-shirt{
		margin-right: 50px;
		margin-top: 150px;
	}

	.multi-product{
		padding: 100px 50px 0 0;
	}
}

@media screen and (max-width: 768px){
	#multi-profile{
		background-position: center;
		height: 500px;
	}

	.multi-profile{
		padding-right: 0;
	}

	#multi-product{
		height: 600px;
	}

	.multi-img-box{
		padding: 130px;
	}

	.multi-product{
		padding: 50px;
		text-align: center;
	}

	.multi-jeans{
		margin-left: 25%;
		margin-top: 50px;
		width: 25%;
	}

	.multi-shirt{
		margin-right: 25%;
		margin-top: 50px;
		width: 25%;
	}
}

/*====================================================================================================================
													SEHATI MART
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#sehati-hero{
		background-color: #0b5ab9;
		height: 650px;
		color: white;
	}

	.sehati-hero{
		padding: 150px 100px 0 0;
		text-align: right;
	}

	.heart1{
		position: absolute;
		width: 50%;
		top: 0;
		left: 0;
		right: 0;
		margin: 150px auto 0 auto;
	}

	.heart{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 350px 100px 0 auto;
		width: 25%;
	}

	#sehati-main{
		background-color: #e31400;
		height: 650px;
		color: white;
	}

	.sehati-main{
		padding: 150px 0 0 100px;
	}

	.sehati-main-side{
		padding: 0;
		position: relative;
		height: 650px;
	}

	.sehati-main-side img{
		height: 100%;
		width: auto;
		position: absolute;
		right: 0;
	}

	#sehati-colour{
		background: url(../images/showcase/sehati/bg-color.png) no-repeat center;
		height: 650px;
	}

	.sehati-colour-text{
		padding: 150px 100px 0 0;
		text-align: right;
		color: white;
	}

	#sehati-logo{
		text-align: center;
	}

	.sehati-color{
		padding: 100px;
	}

	.sehati-color img{
		margin: 0 auto;
	}

	.sehati-white-logo{
		padding: 0;
	}

	.sehati-white, .sehati-black{
		padding: 70px;
	}

	.sehati-black{
		background: url(../images/showcase/sehati/black-bg.jpg) no-repeat center;
	}

	.sehati-white{
		background-color: #e31400;
	}

	.sehati-circle{
		padding-top: 150px
	}

	.circle1-sehati {
	  	background: #f09300;
	  	margin-left: 15vw;
	}

	.circle2-sehati{
		background: #0071c6;
	}

	.circle3-sehati {
	  	background: #e31400;
	}
}

@media screen and (max-width: 1366px){
	#sehati-hero{
		background-color: #0b5ab9;
		height: 650px;
		color: white;
	}

	.sehati-hero{
		padding: 150px 100px 0 0;
		text-align: right;
	}

	.heart1{
		position: absolute;
		width: 50%;
		top: 0;
		left: 0;
		right: 0;
		margin: 150px auto 0 auto;
	}

	.heart{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 350px 100px 0 auto;
		width: 25%;
	}

	#sehati-main{
		background-color: #e31400;
		height: 650px;
		color: white;
	}

	.sehati-main{
		padding: 150px 0 0 100px;
	}

	.sehati-main-side{
		padding: 0;
		position: relative;
		height: 650px;
	}

	.sehati-main-side img{
		height: 100%;
		width: auto;
		position: absolute;
		right: 0;
	}

	#sehati-colour{
		background: url(../images/showcase/sehati/bg-color.png) no-repeat center;
		height: 650px;
	}

	.sehati-colour-text{
		padding: 150px 100px 0 0;
		text-align: right;
		color: white;
	}

	#sehati-logo{
		text-align: center;
	}

	.sehati-color{
		padding: 100px;
	}

	.sehati-color img{
		margin: 0 auto;
	}

	.sehati-white-logo{
		padding: 0;
	}

	.sehati-white, .sehati-black{
		padding: 70px;
	}

	.sehati-black{
		background: url(../images/showcase/sehati/black-bg.jpg) no-repeat center;
	}

	.sehati-white{
		background-color: #e31400;
	}

	.sehati-circle{
		padding-top: 150px
	}

	.circle1-sehati {
	  	background: #f09300;
	  	margin-left: 15vw;
	}

	.circle2-sehati{
		background: #0071c6;
	}

	.circle3-sehati {
	  	background: #e31400;
	}
}

@media screen and (max-width: 992px){
	.heart1{
		width: 60%;
	}

	.sehati-main{
		padding: 150px 25px 0 50px;
	}

	.sehati-circle{
		padding: 0;
	}

	.circle1-sehati{
		margin-left: 40.5vw;
	}

	.sehati-colour-text{
		padding: 50px;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	#sehati-hero{
		height: 600px;
	}

	.sehati-hero-img{
		position: relative;
		padding: 130px;
	}

	.heart{
		width: 27%;
		margin: 70px 0 0 400px;
	}

	.heart1{
		width: 30%;
		margin: 50px 0 0 150px;
	}

	.sehati-hero{
		padding: 50px;
		text-align: center;
	}

	#sehati-main, .sehati-main-side, #sehati-colour{
		height: 550px;
	}

	.circle1-sehati{
	  	margin-left: 40vw;
	}
}

/*====================================================================================================================
												TICK TRAVEL INSURANCE
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#tick-main{
		background: url(../images/showcase/tick-travel/bg-main.jpg) no-repeat center;
		height: 650px;
		background-size: cover;
	}

	.tick-main{
		padding: 150px 50px 0 100px;
	}

	#tick-travel{
		background: url(../images/showcase/tick-travel/bg-main-2.jpg) no-repeat center;
		height: 650px;
		background-size: cover;
	}

	.tick-travel{
		padding: 150px 100px 0 0;
		color: white;
		text-align: right;
	}
}

@media screen and (max-width: 1366px){
	#tick-main{
		background: url(../images/showcase/tick-travel/bg-main.jpg) no-repeat center;
		height: 650px;
		background-size: cover;
	}

	.tick-main{
		padding: 150px 50px 0 100px;
	}

	#tick-travel{
		background: url(../images/showcase/tick-travel/bg-main-2.jpg) no-repeat center;
		height: 650px;
		background-size: cover;
	}

	.tick-travel{
		padding: 150px 100px 0 0;
		color: white;
		text-align: right;
	}
}

@media screen and (max-width: 992px){
	.tick-main{
		padding: 100px 50px 0px;
	}

	.tick-travel{
		padding: 100px 50px 0 0;
	}
}

@media screen and (max-width: 768px){
	#tick-travel{
		height: 500px;
	}

	.tick-travel{
		text-align: center;
	}
}

/*====================================================================================================================
												KAISER MEDICAL INC
====================================================================================================================*/
@media screen and (min-width: 1366px){

	#kaiser-detail{
		background: url(../images/showcase/kaiser-med/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.kaiser-detail{
		text-align: right;
		padding: 150px 100px 0 25px;
	}

	#kaiser-detail-2{
		background: url(../images/showcase/kaiser-med/bg-icon.png) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.kaiser-detail-2{
		padding: 150px 25px 0 100px;
		color: white;
	}

	.kaiser-img-hidden{
		display: none;
	}

	.kaiser-img{
		position: relative;
	}

	.kaiser-img img{
		position: absolute;
		right: 0;
		margin: 150px auto 0;
		top: 0;
		left: 0;
	}

	#kaiser-detail-3{
		background: url(../images/showcase/kaiser-med/bg-2.jpg) no-repeat center;

		background-size: cover;
		height: 650px;
	}

	#kaiser-detail-4{
		/*background: url(../images/showcase/kaiser-med/bg-poster.png) no-repeat center;*/
		background-color: #0090c2;/*
		background-size: cover;*/
		/*height: 650px;*/
	}

	.kaiser-poster{
		margin: 150px 0 0;
	}
}

@media screen and (max-width: 1366px){
	#kaiser-detail{
		background: url(../images/showcase/kaiser-med/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.kaiser-detail{
		text-align: right;
		padding: 150px 100px 0 25px;
	}

	#kaiser-detail-2{
		background: url(../images/showcase/kaiser-med/bg-icon.png) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.kaiser-detail-2{
		padding: 150px 25px 0 100px;
		color: white;
	}

	.kaiser-img-hidden{
		display: none;
	}

	.kaiser-img{
		position: relative;
	}

	.kaiser-img img{
		position: absolute;
		right: 0;
		margin: 150px auto 0;
		top: 0;
		left: 0;
	}

	#kaiser-detail-3{
		background: url(../images/showcase/kaiser-med/bg-2.jpg) no-repeat center;

		background-size: cover;
		height: 650px;
	}

	#kaiser-detail-4{
		/*background: url(../images/showcase/kaiser-med/bg-poster.png) no-repeat center;*/
		background-color: #0090c2;/*
		background-size: cover;*/
		/*height: 650px;*/
	}

	.kaiser-poster{
		margin: 150px 0 0;
	}
}

@media screen and (max-width: 992px){
	.kaiser-detail{
		padding: 100px 50px 0 0;
	}

	#kaiser-detail-2, #kaiser-detail-3{
		height: 550px;
	}

	.kaiser-detail-2{
		padding: 100px 25px 0 50px;
	}

	.kaiser-img img{
		margin: 180px auto;
		width: 80%;
	}

	/*#kaiser-detail-4{
		height: 450px;
	}*/

	.kaiser-poster{
		margin: 100px auto 0;
	}

	.kaiser-poster-img img{
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px){
	#kaiser-detail, #kaiser-detail-3{
		height: 500px;
	}

	.kaiser-detail{
		padding: 50px 25px 0 0;
	}

	.kaiser-img{
		display: none;
	}

	.kaiser-img-hidden{
		display: block;
		padding: 50px 0 25px;
	}

	.kaiser-img-hidden img{
		margin: 0 auto;
		width: 50%;
	}

	.kaiser-detail-2{
		padding: 0 50px;
		text-align: center;
	}

	.kaiser-poster{
		margin: 25px auto 0;
	}
}

/*====================================================================================================================
													LATOYA
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#latoya-main{
		height: 650px;
	}

	.latoya-main{
		padding: 150px 0 0 100px;
	}

	.latoya-bottle-box{
		position: relative;
	}

	.latoya-bottle{
		width: 40%;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 50px;
		z-index: 1;
	}

	#latoya-click{
		background-color: #f6f6f6;
		position: relative;
	}

	.latoya-product{
		width: 50%;
		padding: 50px 0 50px 100px;
	}

	.latoya-splash{
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 10%;
		margin-right: 5%;
		width: 40%;
	}

	.latoya-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 22%;
		text-align: left;
	}

	.latoya-click{
		color: black;
		font-size: 28px;
		font-weight: bold;
		background-color: white;
		padding: 10px 30px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		border-radius: 50px;
		border-color: #c09958;
		transition: .3s all;
	}

	.latoya-click:hover{
		text-decoration: none;
		color: #c09958;
		background-color: white;
		border-color: black black black #c09958;
		transition: .3s all;
	}

	.latoya-pointer{
		top: 56%;
		right: 0;
		position: absolute;
		margin-right: 15%;
		width: 1.5%;
	}
}

@media screen and (max-width: 1366px){
	#latoya-main{
		height: 650px;
	}

	.latoya-main{
		padding: 150px 0 0 100px;
	}

	.latoya-bottle-box{
		position: relative;
	}

	.latoya-bottle{
		width: 40%;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 50px;
		z-index: 1;
	}

	#latoya-click{
		background-color: #f6f6f6;
		position: relative;
	}

	.latoya-product{
		width: 50%;
		padding: 50px 0 50px 100px;
	}

	.latoya-splash{
		position: absolute;
		top: 0;
		right: 0;
		margin-top: 10%;
		margin-right: 5%;
		width: 40%;
	}

	.latoya-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 22%;
		text-align: left;
	}

	.latoya-click{
		color: black;
		font-size: 28px;
		font-weight: bold;
		background-color: white;
		padding: 10px 30px;
		letter-spacing: 2px;
		border-style: solid;
		border-width: thick;
		border-radius: 50px;
		border-color: #c09958;
		transition: .3s all;
	}

	.latoya-click:hover{
		text-decoration: none;
		color: #c09958;
		background-color: white;
		border-color: black black black #c09958;
		transition: .3s all;
	}

	.latoya-pointer{
		top: 56%;
		right: 0;
		position: absolute;
		margin-right: 15%;
		width: 1.5%;
	}
}

@media screen and (max-width: 992px){
	#latoya-main{
		height: 550px;
	}

	.latoya-main{
		padding: 100px 0 0 50px;
	}

	.latoya-click{
		font-size: 24px;
	}

	.latoya-click-box{
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	#latoya-main{
		height: 500px;
	}

	.latoya-main{
		padding: 50px 0 0 25px;
	}

	.latoya-click{
		font-size: 20px;
	}

	.latoya-click-box{
		text-align: center;
	}
}

/*====================================================================================================================
												LUISA SKINCARE
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#luisa-main{
		background: url(../images/showcase/luisa/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.luisa-main{
		padding: 150px 0 0 100px;
	}

	#luisa-main-2{
		background: url(../images/showcase/luisa/bg-2.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.luisa-main-2{
		padding: 150px 100px 0 0;
		text-align: right;
		color: white;
	}

	.luisa-logo-box{
		position: relative;
	}

	.luisa-logo-box img{
		position: absolute;
		width: 60%;
		left: 0;
		right: 0;
		margin: 15% auto 0;
	}

	#luisa-logo, .luisa-logo-bw, .luisa-black, .luisa-white, .luisa-logo-black{
		padding: 0;
	}

	.luisa-black{
		background: url(../images/showcase/luisa/bg-luisa-black.jpg) no-repeat center;
		background-size: cover;
		
	}

	.luisa-black img, .luisa-white img{
		margin: 0 auto;
		padding: 50px 0;
	}

	.luisa-logo-gold img{
		margin: 10% auto;
		padding: 50px 0;
	}

	.luisa-white{
		background-color: black;
	}

	#luisa-product{
		background: url(../images/showcase/luisa/bg-2.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.luisa-product{
		padding: 10% 20%;
		color: white;
		text-align: center;
	}

	#luisa-product-2{
		position: relative;
		height: 650px;
		background: url(../images/showcase/luisa/bg-full.jpg) no-repeat center bottom;
		background-size: cover;
	}

	.luisa-front{
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: 10%;
		margin-left: 30%;
		width: 15%;
	}

	.luisa-back{
		position: absolute;
		bottom: 0;
		right: 0;
		margin-bottom: 10%;
		width: 15%;
		margin-right: 30%;
	}
}

@media screen and (max-width: 1366px){
	#luisa-main{
		background: url(../images/showcase/luisa/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.luisa-main{
		padding: 150px 0 0 100px;
	}

	#luisa-main-2{
		background: url(../images/showcase/luisa/bg-2.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.luisa-main-2{
		padding: 150px 100px 0 0;
		text-align: right;
		color: white;
	}

	.luisa-logo-box{
		position: relative;
	}

	.luisa-logo-box img{
		position: absolute;
		width: 60%;
		left: 0;
		right: 0;
		margin: 15% auto 0;
	}

	#luisa-logo, .luisa-logo-bw, .luisa-black, .luisa-white, .luisa-logo-black{
		padding: 0;
	}

	.luisa-black{
		background: url(../images/showcase/luisa/bg-luisa-black.jpg) no-repeat center;
		background-size: cover;
		
	}

	.luisa-black img, .luisa-white img{
		margin: 0 auto;
		padding: 50px 0;
	}

	.luisa-logo-gold img{
		margin: 10% auto;
		padding: 50px 0;
	}

	.luisa-white{
		background-color: black;
	}

	#luisa-product{
		background: url(../images/showcase/luisa/bg-2.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.luisa-product{
		padding: 10% 20%;
		color: white;
		text-align: center;
	}

	#luisa-product-2{
		position: relative;
		height: 650px;
		background: url(../images/showcase/luisa/bg-full.jpg) no-repeat center bottom;
		background-size: cover;
	}

	.luisa-front{
		position: absolute;
		bottom: 0;
		left: 0;
		margin-bottom: 10%;
		margin-left: 30%;
		width: 15%;
	}

	.luisa-back{
		position: absolute;
		bottom: 0;
		right: 0;
		margin-bottom: 10%;
		width: 15%;
		margin-right: 30%;
	}
}

@media screen and (max-width: 992px){
	#luisa-main, #luisa-main-2{
		height: 550px;
	}

	#luisa-product, #luisa-product-2{
		height: 500px;
	}

	.luisa-main{
		padding: 100px 0 0 50px;
	}

	.luisa-main-2{
		padding: 100px 50px 0 0 ;
	}

	.luisa-logo-box img{
		margin-top: 25%;
	}

	.luisa-black img, .luisa-white img, .luisa-logo-gold img{
		width: 70%;
	}

	.luisa-logo-gold img{
		margin-top: 25%;
	}
}

@media screen and (max-width: 768px){
	#luisa-main, #luisa-main-2{
		height: 500px;
	}

	#luisa-product, #luisa-product-2{
		height: 450px;
	}

	.luisa-main{
		padding: 50px 0 0 50px;
	}

	.luisa-main-2{
		padding: 50px 50px 0 0 ;
	}

	.luisa-logo-box img{
		margin-top: 25%;
	}

	.luisa-black img, .luisa-white img, .luisa-logo-gold img{
		width: 65%;
	}

	.luisa-logo-gold img{
		margin-top: 25%;
	}

	.luisa-front, .luisa-back{
		width: 17%;
	}
}

/*====================================================================================================================
												RM. PAKELAN
====================================================================================================================*/
@media screen and (min-width: 1366px){

	#pakelan-main{
		height: 650px;
		position: relative;
	}

	.pakelan-main{
		position: relative;
	}

	.pakelan-main img{
		position: absolute;
		top: 0;
		margin: 100px auto 0;
		right: 0;
		left: 0;
	}

	.pakelan-main-text{
		padding: 150px 100px 0 0;
		text-align: right;
	}

	#pakelan-main-2{
		height: 650px;
		background: url(../images/showcase/pakelan/bg-hand.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.pakelan-main-2{
		padding: 150px 0 0 100px;
		color: white;
	}

	.pakelan-hand{
		position: absolute;
		right: 0;
		width: 42%;
	}

	#pakelan-menu{
		height: 650px;
		background: url(../images/showcase/pakelan/bg-menu.jpg) no-repeat center;
		background-size: cover;
	}

	.pakelan-menu{
		height: 100%;
		padding: 100px 0;
	}

	.pakelan-menu-box, .pakelan-menu-img{
		height: 100%;
	}

	.pakelan-menu-img{
		margin: 0 auto;
	}
}

@media screen and (max-width: 1366px){
	#pakelan-main{
		height: 650px;
		position: relative;
	}

	.pakelan-main{
		position: relative;
	}

	.pakelan-main img{
		position: absolute;
		top: 0;
		margin: 100px auto 0;
		right: 0;
		left: 0;
	}

	.pakelan-main-text{
		padding: 150px 100px 0 0;
		text-align: right;
	}

	#pakelan-main-2{
		height: 650px;
		background: url(../images/showcase/pakelan/bg-hand.jpg) no-repeat center;
		background-size: cover;
		position: relative;
	}

	.pakelan-main-2{
		padding: 150px 0 0 100px;
		color: white;
	}

	.pakelan-hand{
		position: absolute;
		right: 0;
		width: 42%;
	}

	#pakelan-menu{
		height: 650px;
		background: url(../images/showcase/pakelan/bg-menu.jpg) no-repeat center;
		background-size: cover;
	}

	.pakelan-menu{
		height: 100%;
		padding: 100px 0;
	}

	.pakelan-menu-box, .pakelan-menu-img{
		height: 100%;
	}

	.pakelan-menu-img{
		margin: 0 auto;
	}
}

@media screen and (max-width: 992px){
	#pakelan-menu, #pakelan-main, #pakelan-main-2{
		height: 550px;
	}

	.pakelan-main-text{
		padding: 100px 50px 0 0;
	}

	.pakelan-main-2{
		padding: 100px 0 0 50px;
	}
}

@media screen and (max-width: 768px){
	#pakelan-main, #pakelan-main-2{
		height: 500px;
	}

	#pakelan-menu{
		height: 450px;
		background-repeat: repeat-y;
	}

	.pakelan-menu{
		padding: 0;
	}

	.pakelan-main-text{
		padding: 50px 50px 0 0;
	}

	.pakelan-main-2{
		padding: 50px 0 0 50px;
	}
}

@media screen and (max-width: 500px){}

/*====================================================================================================================
												PEOPLE FINDER
====================================================================================================================*/
@media screen and (min-width: 1366px){
	#finder-hero{
		background: url(../images/showcase/people-finder/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 700px;
		width: 100%;
	}
	.finder-click-box{
		position: absolute;
		top: 350px;
		left: 300px;
	}

	.finder-click{
		background-color: #0e82f9;
		color: white;
		padding: 30px 40px; 
		text-decoration: none;
		border: solid;
		border-color: #0e82f9;
		border-width: thick;
		font-weight: bold;
		letter-spacing: 1.5;
	}

	.finder-click:hover{
		color: white;
		background-color: transparent;
		border: solid;
		border-color: white;
		border-width: thick;
		text-decoration: none;
	}

	#finder-main{
		background-color: #0a2745;
		height: 650px;
	}

	.finder-main, .finder-main-img, .finder-main-text, .finder-main-2text, .finder-side{
		padding: 0;
		height: 100%;
	}

	.finder-main-text{
		text-align: right;
		padding: 150px 100px 0 0;
		color: white;
	}

	.finder-lup{
		width: 60%;
		bottom: 0;
		left: 0;
		position: absolute;
	}

	.finder-circle{
		width: 30%;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 20% 15% auto;
	}

	#finder-main-2{
		background-color: #0e82f9;
		height: 650px;
	}

	.finder-main-2, .finder-side-box{
		padding: 0;
	}

	.finder-main-2text{
		padding: 150px 0 0 100px;
		color: white;
	}

	.finder-side{
		position: relative;
		padding: 0;
	}

	.finder-side img{
		position: absolute;
		width: 80%;
		bottom: 0;
		right: 0;
		margin-top: -10%;
	}
}

@media screen and (max-width: 1366px){
	#finder-hero{
		background: url(../images/showcase/people-finder/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 700px;
		width: 100%;
	}
	.finder-click-box{
		position: absolute;
		top: 350px;
		left: 300px;
	}

	.finder-click{
		background-color: #0e82f9;
		color: white;
		padding: 30px 40px; 
		text-decoration: none;
		border: solid;
		border-color: #0e82f9;
		border-width: thick;
		font-weight: bold;
		letter-spacing: 1.5;
	}

	.finder-click:hover{
		color: white;
		background-color: transparent;
		border: solid;
		border-color: white;
		border-width: thick;
		text-decoration: none;
	}

	#finder-main{
		background-color: #0a2745;
		height: 650px;
	}

	.finder-main, .finder-main-img, .finder-main-text, .finder-main-2text, .finder-side{
		padding: 0;
		height: 100%;
	}

	.finder-main-text{
		text-align: right;
		padding: 150px 100px 0 0;
		color: white;
	}

	.finder-lup{
		width: 60%;
		bottom: 0;
		left: 0;
		position: absolute;
	}

	.finder-circle{
		width: 30%;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 0 20% 15% auto;
	}

	#finder-main-2{
		background-color: #0e82f9;
		height: 650px;
	}

	.finder-main-2, .finder-side-box{
		padding: 0;
	}

	.finder-main-2text{
		padding: 150px 0 0 100px;
		color: white;
	}

	.finder-side{
		position: relative;
		padding: 0;
	}

	.finder-side img{
		position: absolute;
		width: 80%;
		bottom: 0;
		right: 0;
		margin-top: -10%;
	}
}

@media screen and (max-width: 992px){
	#finder-hero, #finder-main, #finder-main-2{
		height: 550px;
	}

	.finder-main-text{
		padding: 100px 50px 0 0;
	}

	.finder-main-2text{
		padding: 100px 0 0 50px;
	}
}

@media screen and (max-width: 768px){
	#finder-hero, #finder-main, #finder-main-2{
		height: 500px;
	}

	.finder-main-text{
		padding: 50px 50px 0 0;
	}

	.finder-main-2text{
		padding: 50px 0 0 50px;
	}
}

/*====================================================================================================================
												NEW LEADER
====================================================================================================================*/

@media screen and (min-width: 1366px){
	#new-leader{
		background: url(../images/showcase/new-leader/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 100%;
	}

	.new-leader-det{
		padding: 20vh 10vw 0 5vh;
	}

	.new-leader-det2{
		padding: 150px 25px 0 100px;
	}

	.new-leader-hidden{
		display: none;
	}

	.new-leader-img{
		position: relative;
	}

	.new-leader-full img{
		width: 100vw;
	}

	.new-leader-img img{
		position: absolute;
		right: 0;
		margin: 150px auto 0;
		top: 0;
		left: 0;
	}

	#new-leader-click{
		background: url(../images/showcase/new-leader/bg-2.jpg) no-repeat;
		background-size: cover;
		position: relative;
		height: 100%;
	}

	.new-leader-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 15vh;
		text-align: center;
		width: 100%;
	}

	.new-leader-click{
		border-style: solid;
		border-color: #2789c1;
		border-radius: 1vh;
		padding: 1vh 2vw;
		font-size: 3vh;
		letter-spacing: 0.2vw;
		color: black;
		background-color: white;
		font-weight: bold;
		transition: .3s all;
		margin-left: 40vw;
	}

	.new-leader-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 1.5%;
		left: 0;
		margin: 18vh 20vw 0 auto;
	}

	.new-leader-click:hover{
		text-decoration: none;
		color: #2789c1;
		transition: .3s all;
		padding: 1vh 4vw;
	}
}

@media screen and (max-width: 1366px){
	#new-leader{
		background: url(../images/showcase/new-leader/bg-1.jpg) no-repeat center;
		background-size: cover;
		height: 650px;
	}

	.new-leader-det{
		padding: 150px 100px 0 25px;
	}

	.new-leader-det2{
		padding: 150px 25px 0 100px;
	}

	.new-leader-hidden{
		display: none;
	}

	.new-leader-img{
		position: relative;
	}

	.new-leader-img img{
		position: absolute;
		right: 0;
		margin: 150px auto 0;
		top: 0;
		left: 0;
	}

	#new-leader-click{
		background: url(../images/showcase/new-leader/bg-2.jpg) no-repeat;
		background-size: cover;
		position: relative;
		height: 100%;
	}

	.new-leader-click-box{
		position: absolute;
		top: 0;
		left: 0;
		margin-top: 15vh;
		text-align: center;
		width: 100%;
	}

	.new-leader-click{
		border-style: solid;
		border-color: #2789c1;
		border-radius: 1vh;
		padding: 1vh 2vw;
		font-size: 3vh;
		letter-spacing: 0.2vw;
		color: black;
		background-color: white;
		font-weight: bold;
		transition: .3s all;
		margin-left: 40vw;
	}

	.new-leader-pointer{
		top: 0;
		right: 0;
		position: absolute;
		width: 1.5%;
		left: 0;
		margin: 18vh 20vw 0 auto;
	}

	.new-leader-click:hover{
		text-decoration: none;
		color: #2789c1;
		transition: .3s all;
		padding: 1vh 4vw;
	}
}

@media screen and (max-width: 992px){
	.new-leader-det{
		padding: 10vh 50px 0 10px;
	}

	.new-leader-det2{
		text-align: center;
		padding: 0 10vw;
	}

	.new-leader-img, .new-leader-pointer{
		display: none;
	}

	.new-leader-hidden{
		display: block;
		right: 0;
		left: 0;
		width: 100%;
	}

	.new-leader-hidden img{
		margin: 8vh auto;
		width: 40vw;
	}

	.new-leader-click-box{
		margin-top: 50vh;
	}

	.new-leader-click{
		margin-left: 0;
	}
}

/*====================================================================================================================
												PARAMON
====================================================================================================================*/
@media screen and (max-width: 1366px){
	#paramon1{
		background: url('../images/showcase/paramon/bg-1.jpg') no-repeat center;
		height: 650px;
	}

	.paramon1{
		margin: 150px 0 0;
		background-color: rgba(255,255,255,0.5);
		padding: 5vh 3vw;
	}

	#paramon2{
		background: url('../images/showcase/paramon/bg-2.jpg') no-repeat center;
		height: 650px;
	}

	.paramon2{
		margin-top: 150px;
		text-align: right;
		background-color: rgba(0,0,0,0.5);
		padding: 5vh 3vw;
		color: white;
	}

	#paramon-click{
		background: url('../images/showcase/paramon/bg-click.jpg') no-repeat center;
		height: 650px;
	}

	.paramon-click-box{
		margin-top: 50vh;
		text-align: center;
	}

	.paramon-click{
		background-color: white;
		border-radius: .8vw;
		color: black;
		text-decoration: none;
		font-size: 4vh;
		padding: 1vh 1vw;
		border-color: #a84e02;
		border-style: solid;
		transition: .3s all;
	}

	.paramon-click:hover{
		text-decoration: none;
		color: black;
		padding: 1vh 4vw;
		transition: .3s all;
	}
}

@media screen and (max-width: 992px){
	#paramon1, #paramon2, #paramon-click{
		height: 600px;
	}

	.paramon1, .paramon2{
		margin: 30vh 0 0;
		text-align: center;
	}
}

@media screen and (max-width: 768px){
	#paramon1, #paramon2, #paramon-click{
		height: 550px;
	}

	.paramon1, .paramon2{
		margin: 30vh 0 0;
		text-align: center;
	}
}

/*====================================================================================================================
												PIN IT PINS
====================================================================================================================*/
@media screen and (max-width: 1366px){
	#pin1{
		height: 650px;
	}

	.pin1{
		margin: 150px 0 0 100px;
	}

	.pin-icon1, .pin-icon2, .pin-icon3{
		position: absolute;
		width: 40%;
	}
}

.img-responsive.full-width {
	width: 100%;
}