/* Custom Style for Marble Theme
Copyright(R) Jason K Consultancy
@uthor CCLim
Created on 14-04-2017 */ 

@font-face {
  font-family: 'Gotham-Book';
  src: url('fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
  src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Gotham-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/Gotham-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Existence-Light';
  src: url('fonts/Existence-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/Existence-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Existence-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Existence-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Existence-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'LemonMilk';
  src: url('fonts/LemonMilk.eot'); /* IE9 Compat Modes */
  src: url('fonts/LemonMilk.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/LemonMilk.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/LemonMilk.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/LemonMilk.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html{
	width:100%;
	margin:0;
	padding:0;	
}

body {
	font-family: "Gotham-Book";
	width:100%;
	margin:0;
	padding:0;
	color:#000 !important;	
	overflow-x: hidden;
}

.carousel-inner .item .banner-title {
	position: absolute;
	width:80%;
	text-align:center;
    top: 50%;
    left: 50%;
    font-size: 48px;
	line-height:54px;
	letter-spacing:4px;
    color: #fff;
    font-family: 'LemonMilk';
	opacity:0;
	
    -webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	-webkit-transition: .8s all;
	-moz-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;
}

.carousel-inner .item.active .banner-title {
	opacity:1;
}

.home-keyword {
	font-size: 18px;
	font-family: "Gotham-Book";
	letter-spacing: 1px; 
	padding: 50px 30px 25px; 
	width: 100%; 
	color:#333333;
	max-width: 730px; 
	margin: 0 auto; 
	line-height: 32px;	
}

.home-keyword-sub {
	letter-spacing: 1px; 
	padding: 0 30px; 
	width: 100%; 
	max-width: 560px; 
	margin: 0 auto;	
	color:#4d4d4d;
	line-height:28px;
    word-break: break-word;
}

.home-features-wrapper {
	width:100%; 
	max-width:600px; 
	padding:0 30px 50px; 
	margin:0 auto;
}

.home-feature-title {
	font-size: 18px;
	font-family: "Gotham-Book"; 
	letter-spacing: 1px; 
	padding: 30px 30px 15px; 
	margin: 0 auto; 
	line-height: 32px;	
}

.home-parallax-wrapper {
	width:100%; 
	height:460px; 
	/*background:url(http://www.jasonkconsultancy.com.my/wp-content/uploads/2017/03/philosophy.jpg) no-repeat; 
	background-position:center; 
	background-attachment:fixed; 
	background-size:cover;*/
	background:#ffffff;
	position:relative;	
}

.home-parallax-wrapper .parallax-clam {
	width:100%;
	max-width:420px;
	right:0;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);	
	-moz-transform:translateY(-50%);	
	-o-transform:translateY(-50%);	
	transform:translateY(-50%);	
}

#clam-close, #clam-open {
	display:none;	
}

#clam-close.active, #clam-open.active {
	display:block;	
}

.home-parallax-wrapper .parallax-quotes {
	
}

#quote-01, #quote-02 {
	display:none;
	position:absolute;
	top:50%;
	font-size: 18px;
	font-family: "Gotham-Book"; 
	letter-spacing: 1px;
	line-height: 32px;
	width:40%;
	max-width:560px;
	left:40%;
	text-align:left;
	color:#444;
	
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

#quote-01.active, #quote-02.active {
	display:block;	
}

.home-video-wrapper {
	padding: 50px;
	width:100%;	
}

.home-minigallery-wrapper {
	width:100%; 
	max-width:960px; 
	margin:0 auto;	
}

.consultant-wrapper {
	text-align:center; 
	color:#333;  
	padding:50px 50px 60px; 
	width:100%; 
	max-width:1024px; 
	margin:0 auto;	
}

.consultant-title {
	font-size:20px; 
	line-height:24px; 
	color:#000; 
	letter-spacing:1px;	
}

.consultant-keyword, .consultant-keyword-end {
	font-size:18px; 
	line-height:22px; 
	color:#777; 
	letter-spacing:1px; 
	margin: 0 0 25px;	
}

.consultant-keyword-end {
	margin: 25px 0 0;	
}

.consultant-wrapper .consultant-profile-pic {
	width:30%;
	float:left;	
}

.consultant-wrapper .profile-img {
	background:url("http://www.jasonkconsultancy.com.my/wp-content/uploads/2017/03/JasonProfile0003.jpg") no-repeat;
	background-size:contain;
	background-position:top center;
	width:100%;
	height:640px;
}

.consultant-wrapper .profile-name { 
	background: rgba(0,0,0,.5);
    color: #ffffff;
    text-align: center;
    letter-spacing: 1px;
    line-height: 30px;
}

.consultant-wrapper .consultant-profile-article {
	width:70%;
	float:left;	
	text-align:justify;
	padding:0 25px;
}

.testimonial-wrapper {
	text-align:center; 
	color:#333;  
	padding:0 50px 50px; 
	width:100%; 
	max-width:768px; 
	margin:0 auto;	
}

.testimonial-wrapper .testimonial-row {
	padding: 40px;
    background: #f8f8f8;
    margin: 10px 0px;
    border-bottom: 3px #eeeeee solid;
    border-right: 3px #eeeeee solid;
    text-align: left;
}

.testimonial-wrapper .testimonial-content {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 200;
    font-style: italic;
}

.testimonial-wrapper .testimonial-referrer {
    font-weight: 600;
    text-align: right;
}

.program-title {
	font-size: 18px; 
	line-height: 22px; 
	letter-spacing: 1px; 
	margin: 30px 0 15px; 
	color: #000; 	
}

footer#contactus input, footer#contactus textarea {
	color:#333 !important;	
}

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

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

.white-bg {
	background: #ffffff;
}

.black-bg {
	background: #000000;
}

.light-grey-bg {
	background: #eee;	
}

.grey-bg {
	background:#ddd;
}



@media (max-width:767px) {
	
	.home-video-wrapper {
		padding: 50px 25px;
		width:100%;	
	}
	
	.consultant-wrapper {
		padding:50px 25px;	
	}
	
	.consultant-wrapper .consultant-profile-pic {
		width:100%;
		max-width:360px;
		float:none;
		margin:50px auto 0;	
	}	
	
	.consultant-wrapper .consultant-profile-article {
		width:100%;
		max-width:640px;
		float:none;	
	}
}