/* Font Define */
@font-face {
	font-family: 'Lato-Regular';
		src: 	url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-Regular.woff') format('woff'), 
				url('../fonts/Lato-Regular.ttf')  format('truetype'), 
				url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Italic';
		src: 	url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-Italic.woff') format('woff'), 
				url('../fonts/Lato-Italic.ttf')  format('truetype'), 
				url('../fonts/Lato-Italic.svg#Lato-Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Light';
		src: 	url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-Light.woff') format('woff'), 
				url('../fonts/Lato-Light.ttf')  format('truetype'), 
				url('../fonts/Lato-Light.svg#Lato-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-LightItalic';
		src: 	url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-LightItalic.woff') format('woff'), 
				url('../fonts/Lato-LightItalic.ttf')  format('truetype'), 
				url('../fonts/Lato-LightItalic.svg#Lato-LightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Bold';
		src: 	url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-Bold.woff') format('woff'), 
				url('../fonts/Lato-Bold.ttf')  format('truetype'), 
				url('../fonts/Lato-Bold.svg#Lato-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-BoldItalic';
		src: 	url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-BoldItalic.woff') format('woff'), 
				url('../fonts/Lato-BoldItalic.ttf')  format('truetype'), 
				url('../fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Hairline';
		src: 	url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/Lato-Hairline.woff') format('woff'), 
				url('../fonts/Lato-Hairline.ttf')  format('truetype'), 
				url('../fonts/Lato-Hairline.svg#Lato-Hairline') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* General Setting */
body{
	background:#34104d;
	color:#fff5e4;
	font-family: 'Lato-Regular';
}
a{
	color:#fff5e4;
}
p{
	margin-bottom:40px;
}
iframe{
	display:block;
}
.regular{
	font-family: 'Lato-Regular';
}
.light{
	font-family: 'Lato-Light';
}
.bold{
	font-family: 'Lato-Bold';
}
.f16{
	font-size:16px;
}
.f14{
	font-size:14px;
}
.margin-bottom-0{
	margin-bottom:0;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-15{
	margin-bottom:15px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.margin-right-30{
	margin-right:30px !important;
}
.aligncenter{
	text-align:center;
}


/* Logo */
.logo-container{
	padding:25px 0 0;
	text-align:center;
} 
.logo-container a{
	display:inline-block;
}
/* Menu */
#navbar{
	text-align:center;
}
.navbar-nav{
	float:none;
}
.navbar-nav>li{
	float:none;
	display:inline-block;
}
.navbar-nav li a{
	font-family: 'Lato-Light';
	font-size:16px;
	text-transform:uppercase;
	padding:15px 35px;
	margin:25px 0;
}
.navbar-nav li a.active{
	background-color:#fff5e4 !important;
	color:#34104d !important;
	text-decoration:underline;
}
.nav>li>a:focus, 
.nav>li>a:hover{
	background-color:#34104d;
	color:#fff5e4;
}
.is-sticky #sticky-menu{
	background:#34104d;	
	z-index:100 !important;
}
.brick-top-repeat{
	background-image:url(../images/top-repeat.jpg);
	background-repeat:repeat-x;
	height:19px;
}
.brick-bottom-repeat{
	background-image:url(../images/bottom-repeat.jpg);
	background-repeat:repeat-x;
	height:19px;	
}
.custom-width{
	margin:0 auto;
}
.video-container{
	background-color:#34104d;
}
.grey-border{
	border:1px solid #e1e1e1;
	margin:85px 0 60px;
}
.naked-border{
	border:2px solid #fcf2d7;
}
.swiper-slide{
	/*margin-bottom:60px;*/
}
.slider-detail{
	padding:60px 0 0 0;
}
.slider-detail-left{
	text-align:left;
}
.swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: transparent;
	opacity: 1;
	border: 1px solid #fff;	
}
.swiper-pagination-bullet-active{
	background-color:#fff;
}
.swiper-button-prev{
	background-image:url(../images/arrow-left.png);
	background-repeat:no-repeat;
	background-size:auto;
	width:18px;
	height:44px;
}
.swiper-button-next{
	background-image:url(../images/arrow-right.png);
	background-repeat:no-repeat;
	background-size:auto;	
	width:18px;
	height:44px;
}
input{
	background:transparent;
	border:1px solid #fff5e4;
	padding:15px 20px;
	height:54px;
	color:#fff6e1;
	font-family: 'Lato-Hairline';
	letter-spacing:.2px;
	font-size:14px;
	outline:none;
}
.width100{
	width:100%;
}
.width48{
	width:48%;
}
.btn-submit{
	display:block;
	background-color:#fff5e4;
	color:#34104d !important;
	text-align:center;
	padding:18px 33px 18px 33px;
	clear:both;
	margin-bottom:60px;
	text-decoration:none !important;
	cursor:pointer;
	border:2px solid #fff5e4;
	transition:all .3s;
	letter-spacing:1.5px;
	font-size:16px;
}
.btn-submit:hover{
	display:block;
	background-color:transparent;
	color:#fff5e4 !important;
	text-align:center;
}
.thanks-msg{
	display:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:#fff6e1;
	text-transform:uppercase;
	font-family: 'Lato-Hairline';
	font-weight:normal;
}
::-moz-placeholder { /* Firefox 19+ */
	color:#fff6e1;
	text-transform:uppercase;
	font-family: 'Lato-Hairline';
	font-weight:normal;	
}
:-ms-input-placeholder { /* IE 10+ */
	color:#fff6e1;
	text-transform:uppercase;
	font-family: 'Lato-Hairline';
	font-weight:normal;	
}
:-moz-placeholder { /* Firefox 18- */
	color:#fff6e1;
	text-transform:uppercase;
	font-family: 'Lato-Hairline';
	font-weight:normal;	
}
.modal{
	top:40%;
}
.modal-header{
	border-bottom:none;
}
.modal-content{
	background:#34104d;	
}
.close,
.close:hover{
	color:#fff5e4;
	opacity:1;
}

/* Mobile Responsive CSS */
@media screen and (max-width: 768px) {
	.mobile-logo{
		float:left;
		margin:20px;
	}
	.mobile-logo img{
		width:80%;
	}
	#navbar{
		background:#34104d;
	}	
	.navbar-toggle{
		margin:30px 17px 0 0;
	}
	.navbar-toggle .icon-bar{
		background-color:#fff;
		width:35px;
		margin-bottom:6px;
	}
	.navbar-nav{
		margin:0 -15px;
	}	
	.navbar-nav>li{
		display:block;
	}
	.navbar-nav li a{
		margin:0;
		background:#34104d;
		color:#fff5e4;		
	}
	iframe{
		height:195px;
	}
	.slider-detail p:last-child{
		margin:0;
	}
	.width48{
		width:100%;
	}
	#sticky-menu{
		width:100% !important;
		position:fixed;
		top:0;
		z-index:100;
	}
}