/*!
 * CSS Custom - Champs
 * Last Update : May 14, 2017
*/

/* >>> Import Google Fonts <<< additional by Ad */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i');

/* >>> Custom Reset <<< */ 

body {color: #5d5d5d; font-family: 'Open Sans', sans-serif; background: url(img/bg-main.jpg) bottom center no-repeat; font-weight: 300; background-size: cover; background-attachment: fixed; font-size: 1.7rem;
	min-height: 600px;
}

/* >>> Base Layout <<< */ 	
	
	/* >>> General <<< */
	
	a:hover { text-decoration: none}
	 
	.container-fluid { padding-left: 0; padding-right: 0;}
	.show-m { display: none !important}
	.show-d { display: block !important}
	
	ul.nl, ol.nl { list-style: none; margin: 0; padding: 0;}
	
	.nopadding { padding: 0;}
	
	h1 { font-size: 32px; line-height: 36px;}
	h1, h2 { /* font-family: 'Montserrat', sans-serif; */}
	
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300;}
	
	.cf {/* font-family: 'Prompt', sans-serif; */}
	
	.breadcrumb { background: none; padding:0; margin: 20px 0; font-size: 16px;}
		.breadcrumb > li + li:before { content: ">"}
	
	@media only screen and (min-width: 1500px) {
		.container { width: 1440px;}
	}
	
	@media only screen and (max-width: 767px) {	 

		.show-m { display: block !important}
		.show-d { display: none !important}
				
	}
	
		
	/* >>> Header <<< */	
	
		
	}	
	@media only screen and (min-width: 992px) and (max-width: 1199px)  {
	
		
	}
		
	@media only screen and (min-width: 768px) and (max-width: 991px) {	
		
	}
	
	@media only screen and (max-width: 767px) {
		
	}
	
	@media only screen and (max-width: 599px) {	 	
		
	}
		
	/* >>> Body <<< */
	
	header { display: none}
	
	.cd-main-content > .container { position: relative}
	
	.cd-side-nav { background: #fff; position: absolute; left: 15px; padding-top: 35px;}
	.cd-side-nav.is-fixed { left: auto}
	.cd-side-nav ul { list-style: none; margin: 0; padding: 0;}
	.cd-side-nav a { color: #000}
	
	.cd-side-nav > ul > li:not(.action-btn):hover > a { background-color: #ea1a28; color: #fff; }
	
	.cd-side-nav > ul > li a { font-size: 16px; font-weight: 400; padding: 12px 25px;}
	
	.cd-side-nav > ul >li.active a { background: #ea1a28 !important; color: #fff; box-shadow: none}
	.cd-side-nav .has-children ul { background: #fff; color: #000}
	
	.cd-side-nav .logo { text-align: center; padding: 0 15px; margin-bottom: 20px; font-size: 13px;}
		.cd-side-nav .logo img { max-width: 100%; height: auto}
	.cd-side-nav .opt { padding: 25px;}
	
	.cd-side-nav .opt ul { list-style: none}
		.cd-side-nav .opt ul li { display: inline-block; text-align: left;}
		.cd-side-nav .opt img { width: auto; max-width: 100%;}
	
	.cd-side-nav .opt.lang li { max-width: 50%;}
	.cd-side-nav .opt.fol li { max-width: 20%;}	
	
	@media only screen and (min-width: 1200px)  {
		.cd-side-nav { width: 240px;}
		.cd-main-content .content-wrapper { margin-left: 240px;}	
		
	}
	
	@media only screen and (min-width: 768px) and (max-width: 1199px)  {
		.cd-side-nav { width: 200px;}
		.cd-main-content > .container { width: auto;}
		.cd-main-content .content-wrapper { margin-left: 200px; padding-left: 15px; padding-right: 15px;}	
	}
	
	
	@media only screen and (max-width: 767px)  {
		header { display: block}
		.cd-main-content { padding-top: 40px;}
		
		.cd-side-nav { left: 0; z-index: 1000; top: 5px;}
		.cd-side-nav.is-fixed { left: 0;}
	}

	/* >>> Blocks <<< */
	.blocks { margin: 0 15px;}
		.blocks:before { content:""; display: table;}
		.blocks:after {content:""; display: table; clear: both}
		
	.blocks .block { margin: 15px 0; position: relative;}
		
	
	.block.banner img { width: 100%; height: auto}
	
	.block.map {width: 100%; height: 320px;}
		.block.map iframe { width: 100%; height: 100%;}
	
	.block.list { background: #fff; padding-bottom: 80px;}
		.block.list .content { padding: 20px;}
		.block.list .content h3{ font-size: 28px; line-height: 28px;}
		.block.list .jumper { position: absolute; bottom: 0; left: 0; right: 0;}
			.block.list .jumper a { display: block; padding: 20px; position: relative; font-size: 20px; text-align: center; font-weight: bold} 
			.block.list .jumper.dark a { color: #fff}
			.block.list .jumper.light a { color: #fff}
			
			.block.list .jumper a:after { content: "\f054"; font-family: FontAwesome; position: absolute; right: 15px; font-size: 24px;}
	
	.block.point { background: #FFFFFF}
		.block.point .main { margin-bottom: 20px;}
		.block.point .main img { width: 100%; height: auto}
		.block.point .row { margin-left: 0; margin-right: 0; padding-bottom: 20px;}
		.block.point .item .thumb { margin-bottom: 10px;}
		.block.point .item h3 { font-size: 16px; margin: 0 0 10px;}
	
	.block.content { background: #FFFFFF; padding: 20px;}
		.block.content h1 { color: #996600}
	
	.blocks .block.wrapper{ padding: 20px; background: #fff;}	
	
	.block .thumb > img { width: 100%; height: auto}	
	
	.block.footer { text-align: center; font-size: 14px; color: #fff;}
	
	/* >>> valign <<< */
	.valign-wrap { display: table; vertical-align: middle; width: 100%; height: 100%;}
		.valign {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
			
			
/* >>> Module Style <<< */ 

	/* >>> Homepage <<< */
	.homemedia .thumb {}
	
	/* >>> FAQ <<< */
	.panel-faq { }
		
	
/* >>> Additional Style <<< */ 	

.ani, .ani * {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.block.banner { position: relative;}
.block.media { position: relative}

.flash { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%;}
.flash.yellow { background: #ffff66}
.flash.pink { background: #ff9999}

.fancybox-skin, .fancybox-opened .fancybox-skin { background: none;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}