/*
//  Core responsive stylesheet
//	Copyright 2013 - byali.co.uk

// Z-INDEX MAP

// KEY WIDTHS


*/

/* //////////////////////////////////////////////////////////////// */
/*                            LAYOUT                                */
/* //////////////////////////////////////////////////////////////// */



/* ============================== */
/* PAGE BODY */

h1{
	font-weight:600;
}
b{
	font-weight:600;
}



/* ============================== */
/* PAGE CONTAINERS + MAIN */


body,html{
	overflow:hidden;
	height:100%;
	min-height:100%;
	-webkit-overflow-scrolling: auto;
}

html,body,footer{
	background:#333;
}

#fullpage{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	}
	/* #header is at this level */
	#nonheader{
		overflow:auto;
		position:absolute;
		top:55px;
		left:0;
		right:0;
		bottom:0;
		z-index:400;
		padding:0;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		}
	
	#en_admbar + #fullpage{
		top:35px
	}
		/* #footer is at this level */
		#main{
			background:#FFF;
			}
				.page{
					min-height:500px;
					position:relative;
					}
					.page_padding{
						padding: 40px 30px 50px;
						background:#FFF;
					}
					.content iframe,
					.content img{
						max-width:100%;
					}

.fillcontainer{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
					
/* ============================== */
/* PAGE BANNER */


header{
	position:absolute;
	top:0;
	left:0;
	right:0;
	min-height:55px;
	background:#FFF;
	box-shadow:0px -5px 5px 5px rgba(0,0,0,0.2);
	z-index:5000;
	background:#FFF;
	white-space: nowrap;
	}
	
	
	#logo{
		margin-right:15px;
		display:inline-block;
		height:55px;
		line-height:55px;
		vertical-align:top;
		padding:0 10px;
		overflow:hidden;
	}
	#logo img{
		vertical-align:middle;
		width:150px;
		margin-left:10px
	}

	.banner{
		display:block;
		background:no-repeat center center #f5f5f5;
		height:300px;
		background-size:cover;
	}
	.banner.expandible_banner{
		cursor:pointer;
		position:relative;
		}
		.banner.expandible_banner .banner_expander,
		.banner.expandible_banner .banner_unexpander{
			background:#000;
			background:rgba(0,0,0,0.3);
			color:#FFF;
			position:absolute;
			bottom:10px;
			right:10px;
			font-size:20px;
			padding:5px 10px;
			display:block;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
		.banner.expandible_banner:hover .banner_expander,
		.banner.expandible_banner:hover .banner_unexpander{
			background:#000;
			background:rgba(0,0,0,0.5);
		}
		.banner.expandible_banner .banner_expander{
			display:block;
		}
		.banner.expandible_banner .banner_unexpander{
			display:none;
		}
		.banner.expandible_banner.expanded .banner_expander{
			display:none;
		}
		.banner.expandible_banner.expanded .banner_unexpander{
			display:block;
		}
	
	

/* ============================== */
/* NAV - MAIN */


/* Base Nav Style */

nav.top_nav{
	display:inline-block;
	height:55px;
	vertical-align:top;
	}
	nav.top_nav ul,
	nav.top_nav li{
		list-style:none;
		margin:0;
		padding:0;
	}
	nav.top_nav ul,
	nav.top_nav li,
	nav.top_nav a{
		display:inline-block;
	}
	nav.top_nav li ul{
		display:none;
	}
	nav.top_nav li a{
		display:inline-block;
		padding:0 20px;
		line-height:55px;
		color:#aaa;
	}
	nav.top_nav li a:hover{
		text-decoration:none;
		color:#555;
		background:#f7f7f7;
	}
	nav.top_nav li.active > a,
	nav.top_nav li.ancestor > a{
		color:#000;
	}
	#top_nav_back,
	#top_nav_expander,
	nav.top_nav .expander{
		display:none;
	}
	
	#expanded_nav_overlay{
		display:none;
	}
	
/* 'With Expanders' Nav */

@media all and (min-width: 700px){

	nav.top_nav.with_expanders > ul > li {
		position:relative;
	}
	nav.top_nav.with_expanders > ul > li > .expander{
		display:block;
		line-height:54px;
		color:#AAA;
		width:30px;
		text-align:center;
		position:absolute;
		top:0;
		right:0;	
	}
	nav.top_nav.with_expanders > ul > li > .expander:hover{
		cursor:pointer;
		color:#777;
	}
	nav.top_nav.with_expanders > ul > li > .expander + a{
		padding-right:40px;
	}
	nav.top_nav.with_expanders > ul > li > ul{
		display:block;
		top:55px;
		left:0;
		position:absolute;
		background:#FFF;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
		max-height:1000px !important;
		height:auto;
	}
	nav.top_nav.with_expanders > ul > li.collapsed > ul{
		display:none;
	}
	nav.top_nav.with_expanders > ul > li > ul > li {
		display:block;
	}
	nav.top_nav.with_expanders > ul > li > ul > li a{
		line-height:35px;
		display:block;
	}
	nav.top_nav.with_expanders > ul > li:hover{
		position:relative;
		z-index:2000;
	}
	nav.top_nav.with_expanders > ul > li:hover > .expander + a{
		position: relative;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	}
	nav.top_nav.with_expanders > ul > li:hover > .expander{
		z-index:10
	}
	nav.top_nav.with_expanders > ul > li:hover > ul {
		display:block;
	}
	nav.top_nav.with_expanders > ul > li > ul {
		display:none;
	}
}



/* Collapsed Nav */

@media all and (max-width: 699px){
	
	body,html{
	}
	
	#top_nav_back{
		display:inline-block;
		height:55px;
		line-height:55px;
		padding: 0 20px 0 10px;
		margin-right:-10px;
		font-size:180%;
		color:#777;
		border-left:1px solid #EEE;
		vertical-align:top;
	}
	#top_nav_expander{
		display:inline-block;
		line-height:55px;
		width:50px;
		font-size:180%;
		color:#777;
		text-align:center;
		border-left:1px solid #EEE;
		vertical-align:top;
		position:absolute;
		top:0;
		right:0;
	}
	#top_nav_back:hover,
	#top_nav_expander:hover{
		color:#222;
		background:#f5f5f5;
		cursor:pointer;
		text-decoration:none;
	}
	.navopen #top_nav_expander{
		background:#333;
		color:#FFF;
	}
	
	#expanded_nav_overlay{
		-webkit-transition: background 0.3s ease;                  
		-moz-transition: background 0.3s ease;                 
		-o-transition: background 0.3s ease;   
		-ms-transition: background 0.3s ease;          
		transition: background 0.3s ease;
		cursor:pointer;
		position:fixed;
		top:100%;
		left:0;
		right:0;
		bottom:0;
		z-index:900;
		display:block;
		background:rgba(0,0,0,0);
		box-shadow: inset 5px 0px 5px -5px rgba(0,0,0,0.5);
	}
	#expanded_nav_overlay:hover{
		background:rgba(0,0,0,0.4);
	}
	
	nav.top_nav{
		position:fixed;
		top:55px;
		bottom:0px;
		left:100%;
		width:80%;
		height:auto;
		z-index:1500;
		background:#333;
		border-left:1px solid #222;
		margin:0;
		overflow:auto;
		}
	#en_admbar + #fullpage nav.top_nav{
		top:90px;
	}
		
	nav.top_nav::-webkit-scrollbar {
		width: 8px;
	}
	nav.top_nav::-webkit-scrollbar-track {
		background:#222;
	} 
	nav.top_nav::-webkit-scrollbar-thumb {
		background:#555;
	}
	
	nav.top_nav.expanded{
		display:block;
		}
		nav.top_nav ul,
		nav.top_nav li{
			display:block;
		}
		nav.top_nav li a{
			display:block;
			padding:0 20px;
			line-height:45px;
		}
		nav.top_nav li.ancestor>a,
		nav.top_nav li a{
			color:#DDD;
		}
		nav.top_nav li{
			border-top:1px solid #444;
			border-bottom:1px solid #111;
			position:relative;
		}	
		nav.top_nav .expander{
			display:inline-block;
			width:45px;
			line-height:45px;
			position:absolute;
			top:0;
			right:0;
			text-align:center;
			color:#AAA;
			cursor:pointer;
		}
		nav.top_nav > ul > li > .expander.fa fa-caret-up{
			background:#272727 !important;
		}
		nav.top_nav .expander.fa fa-caret-up{
			color:#FFF;
		}
		nav.top_nav .expander + a{
			margin-right:45px;
		}
		nav.top_nav .expander:hover,
		nav.top_nav li a:hover{
			text-decoration:none;
			color:#EEE;
			background:#222;
		}
		nav.top_nav li.active>a{
			font-weight:600;
			color:#FFF;
		}
		nav.top_nav>ul>li>ul{
			box-shadow:inset 0 2px 2px -2px #000;
		}
		nav.top_nav li ul{
			background:#222;
			padding-left:19px;
		}
		nav.top_nav li ul li {
			border:0;
			background:none;
		}
		nav.top_nav li ul li > *{
			line-height:40px;
		}
		nav.top_nav li>ul{
			overflow:hidden;
			display:block;
			-webkit-transition: all 0.2s ease;                  
			-moz-transition: all 0.2s ease;                 
			-o-transition: all 0.2s ease;   
			-ms-transition: all 0.2s ease;          
			transition: all 0.2s ease;
			max-height:1000px; /* tweaked by script */
		}
		nav.top_nav li.collapsed>ul{
			max-height:0 !important;
		}
		
	
		#nonheader,
		nav.top_nav{
			-webkit-transition: right 0.3s ease,left 0.3s ease;                  
			-moz-transition: right 0.3s ease,left 0.3s ease;                 
			-o-transition: right 0.3s ease,left 0.3s ease;   
			-ms-transition: right 0.3s ease,left 0.3s ease;          
			transition: right 0.3s ease,left 0.3s ease;
			-webkit-transform: translate3d(0, 0, 0);
		}
		
		body.navopen{
			}
			body.navopen #nonheader{
				right:80%;
				left:-80%;
			}
			body.navopen nav.top_nav{
				left:20%;
			}
			body.navopen #expanded_nav_overlay{
				top:0;
				background:rgba(0,0,0,0.5);
			}
		
		
}


/* ============================== */
/* NAV - SUB */
	

@media all and (max-width: 769px){

	nav.subnav{
			display:none;
			border-top:1px solid #CCC;
			background:#EEE;
		}
		nav.subnav ul,
		nav.subnav ul li{
			margin:0;
			list-style:none;
			display:block;
		}
		nav.subnav ul li a{
			line-height:30px;
			padding:0 10px;
		}
	
	.blog_info_written{
		display:none;
	}
	
	.rightcol{
		padding:30px 0;
	}
	
	.inpage_banner {
		height:200px;
		-webkit-transition: height 0.3s ease;                  
		-moz-transition: height 0.3s ease;                 
		-o-transition: height 0.3s ease;   
		-ms-transition: height 0.3s ease;          
		transition: height 0.3s ease;
	}
	.pg_news .inpage_banner:hover{
		height:220px;
	}
}
@media all and (min-width: 770px){

	.page.with_subnav{
		padding-left:200px;
	}
		
	nav.subnav{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		width:200px;
		box-shadow:inset -6px 0 6px -6px rgba(0,0,0,0.1);
		overflow:hidden;
		overflow-y:auto;
		padding-top:50px;
		padding-bottom:50px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
		background: linear-gradient(to right,  #ffffff 0%,#f9f9f9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=1 ); /* IE6-9 */

		}
	.page_padding{
		padding: 50px 30px 120px 30px;
		background:#FFF;
	}
	.with_subnav .page_padding{
		padding-left:50px;
	}
	.with_rightcol .page_padding{
		padding-right:50px;
	}
	
	.page.with_rightcol{
		padding-right:250px;
	}
		
	.rightcol{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:250px;
		box-shadow:inset 6px 0 6px -6px rgba(0,0,0,0.1);
		overflow:hidden;
		overflow-y:auto;
		padding-top:50px;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(left,  #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #f9f9f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #f9f9f9 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #f9f9f9 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to right,  #f9f9f9 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
		}
	
	.blog_info{
		padding-left:30px;
		font-size:90%;
		}
	
		
		nav.subnav ul,
		nav.subnav ul li{
			margin:0;
			list-style:none;
			display:block;
		}
		nav.subnav ul li a{
			line-height:140%;
			padding:13px 20px;
			color:#777;
			display:block;
			-moz-border-radius-topleft: 5px;
			-webkit-border-top-left-radius: 5px;
			border-top-left-radius: 5px;
			-moz-border-radius-bottomleft: 5px;
			-webkit-border-bottom-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		nav.subnav ul li a:hover{
			color:#555;
			text-decoration:none;
			background:rgba(0,0,0,0.02);
		}
		nav.subnav ul li.active>a{
			color:#000;
			background:rgba(0,0,0,0.03);
		}
		nav.subnav ul{
			padding-left:10px;
		}

}
	
	

/* ============================== */
/* NAV - RIGHT */	



/* ============================== */
/* PAGE FOOTER */


footer{
	box-shadow:inset 0 5px 5px -5px #000;
	color:#EEE;
	font-size:80%;
	}
	.footer_pad{
		padding:40px 40px 60px;
	}
	.footermain{
		display:inline-block;
		width:80%;
		vertical-align:top;
	}
	.footersig{
		text-align:right;
		display:inline-block;
		width:20%;
		vertical-align:top;
		}
		.signature{
			display:block;
			}
			.signature span,
			.signature img{
				vertical-align:middle;
				display:inline-block;
			}
			.signature span{
				color:#AAA;
				margin-right:2px;
				position:relative;
				top:-3px;
				-webkit-transition: all 0.4s ease;                  
				-moz-transition: all 0.4s ease;                 
				-o-transition: all 0.4s ease;   
				-ms-transition: all 0.4s ease;          
				transition: all 0.4s ease;
				opacity:0;
			}
			.signature:hover span{
				color:#EEE;
				opacity:1;
			}
	
@media all and (max-width: 699px){
	.signature{
		padding:40px 0 40px;
		text-align:center;
		margin-bottom:-40px;
		float:none;
	}
	.signature span{
		opacity:1;
	}
	.footersig,
	.footermain{
		display:block;
		text-align:center;
		width:auto;
	}
	.footersig{
		padding-top:30px;
	}
}
	

	
/* //////////////////////////////////////////////////////////////// */
/*                             PAGES                                */
/* //////////////////////////////////////////////////////////////// */


/* ============================== */
/* CONTACT */


#in_contact_message{
	width:100%;
	min-height:150px;
}


/* ============================== */
/* BLOG */


.blog_h1{
	margin-bottom:5px;
}
.blog_h1 a,
.blog_h1 a:hover{
	text-decoration:none;
	color:inherit !important;
}


.blog_written{
	margin-bottom:20px;
	color:#AAA;
	font-size:80%;
}

.blog_post{
	position:relative;
	overflow:hidden;
	}
.blog_post + .blog_post{
		margin-top:20px;
	}
	.blog_post_image{
		display:block;
		background:no-repeat center center #f5f5f5;
		background-size:cover;
	}
	.blog_post_title{
		display:block;
		font-weight:600;
		font-size:150%;
	}
	.blog_post_date{
		display:block;
		font-size:80%;
		color:#AAA;
		margin-bottom:5px;
	}
	.blog_post_description{
		display:block;
	}

	
.pagniation{
	margin-top:30px;
	border-top:1px dotted #CCC;
	padding-top:20px;
	margin-bottom:-20px;
	}
	.pagniation a,
	.pagniation span{
		display:inline-block;
	}
	.pagniation span{
		color:#AAA;
	}
	.pagniation a{
		padding:10px;
	}
	.pagniation a:hover{
		background:#f5f5f5;
	}
	.pagniation a.active{
		color:#222;
		font-weight:bold;
	}
	
	.pg_blog .no_page_padding{
		padding:40px 20px 60px;
	}

	.blog_post{
			padding:30px 40px 40px 290px;
		}
	.blog_post + .blog_post{
		margin-top:30px;
		}
		.blog_post_image{
			width:250px;
			position:absolute;
			top:0;
			left:0;
			bottom:0;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}	

@media all and (max-width: 599px){

	.pg_blog #main{
		background:#EEE;
	}

	.pg_blog .no_page_padding{
		padding:20px 20px 40px;
	}

	.blog_post{
			background:#FFF;
			padding:30px;
			border:1px solid #FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			box-shadow:1px 1px 5px rgba(0,0,0,0.1);
		}
	.blog_post + .blog_post{
		margin-top:20px;
		}
		.blog_post_image{
			width:auto;
			position:static;
			height:150px;
			margin:-30px -30px 25px;
			border-radius:0px;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
		}
}

.rc_heading{
	display:block;
	color:#CCC;
	font-size:90%;
	margin-bottom:5px;
	text-align:left;
}
	.blog_info_written{
		color:#AAA;
	}
	.blog_author_info{
		margin-top:25px;
		padding-top:25px;
		border-top:1px solid #EEE;
		text-align:left;
	}
	.blog_author_details{
		position:relative;
		line-height:80px;
		padding-left:80px;
		margin-top:20px;
		margin-bottom:10px;
	}
	.blog_author_image{
		position:absolute;
		top:0;
		left:0;
		width:80px;
		display:block;
		background:#FFF;
		line-height:100%;
	}
	.blog_author_image img{
		height:80px;
		width:80px;
		box-shadow:inset 1px 1px 10px rgba(0,0,0,0.1);
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:#EEE;
	}
	.blog_author_summary{
		display:inline-block;
		vertical-align:middle;
		line-height:140%;
		text-align:left;
		padding-left:20px;
		padding-top:20px;
		}
	.blog_author_summary.with_twitter{
		padding-top:7px;
		}
		.blog_author_name{
			font-size:150%;
			font-weight:600;
		}
		.blog_author_summary{
			font-size:90%;
			color:#777;
			margin-top:3px;
		}
		.blog_author_socialmedia{
			font-size:110%;
			}
			.blog_author_socialmedia a{
				text-decoration:none !important;
				display:inline-block;
				padding:5px;
				margin:-5px;
			}
			.blog_author_socialmedia a.fa fa-twitter{
				color:#4099FF;
			}
			.blog_author_socialmedia a:hover{
				color:#222;
			}
		.blog_author_follow{
			padding-top:5px;
		}
	.blog_author_description{
		margin-top:10px;
		border-top:1px dotted #CCC;
		padding-top:10px;
		font-size:90%;
		color:#777;
		margin-top:3px;
		line-height:140%;
	}
		

/* ============================== */
/* CP */

body.in_en_cp #main{
	background:#727272;
	}
#en_cp{
	text-align:left;
	}
	#en_cp .en_cphead{
		padding:0 10px;
		line-height:90px;
		position:relative;
		padding-right:200px;
	}
	#en_cp .en_cphead .en_cp_user{
		position:absolute;
		top:20px;
		right:0;
		bottom:20px;
		line-height:50px;
		padding:0 10px;
		border-radius:5px;
		color:#FFF;
	}
	#en_cp .en_cphead .en_cp_user:hover{
		background:#555;
		text-decoration:none;
	}
	#en_cp .en_cphead h1{
		margin:0;
		color:#FFF;
		font-size:160%;
		font-weight:normal;
		display:inline-block;
		vertical-align:middle;
	}
	#en_cp .en_cphead h1 i{
		margin-right:5px;
		color:#EEE;
	}
	#en_cp .en_cphead h1 a:hover{
		text-decoration:none;
	}
	#en_cp .en_cpmain{
		background:#FFF;
		box-shadow:1px 1px 7px rgba(0,0,0,0.3);
		overflow:hidden;
		margin:0;
		position:relative;
		padding-left:180px;
		border:0;
		margin-bottom:50px;
		}
		#en_cp .en_cpoptionholder{
			box-shadow:inset -9px 0 9px -9px rgba(0,0,0,0.4);
			position:absolute;
			top:0;
			left:0;
			bottom:0;
			width:180px;
			background:#888;
			padding:15px 0 0 15px;
			border:0;
			float:none;
		}
		#en_cp .en_cpoptionholder a{
			background:none;
			color:#EEE;
			padding:9px 10px;
			font-size:13px;
			border:0;
			box-shadow:none;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-top-left-radius: 3px;
			display:block;
			border-bottom-left-radius: 3px;
		}
		#en_cp .en_cpoptionholder a:hover{
			background:rgba(255,255,255,0.1);
			color:#fff;
			text-decoration:none;
		}
		#en_cp .en_cpoptionholder a.active{
			background:#fff;
			color:#333;
		}
		#en_cp .en_cpmainholder{
			float:none;
			width:auto;
			}
			#en_cp .en_cpmainholder_padding{
				padding:40px 40px 60px;
			}
		#en_cp .en_cphomeoptions {
			display:block;
			background:#f5f5f5;
			border:1px solid #CCC;
			min-height:120px;
			padding:20px;
		}
		#en_cp .en_cphomeoptions:hover{
			background:#EEE;
			text-decoration:none;
		}
		#en_cp .en_cphomeoptions .en_cphomeoptions_title{
			color:#222;
			margin-bottom:10px;
			font-size:130%;
			padding-bottom:10px;
			border-bottom:1px dotted #ccc;
			display:block;
		}
		#en_cp .en_cphomeoptions .en_cphomeoptions_description{
			display:block;
			font-size:13px;
			color:#AAA;
		}
		#en_cp .en_cphomeoptions:hover .en_cphomeoptions_description{
			color:#888;
		}
		#en_cp .en_cpmainholder form{
			padding:20px;
			border:1px solid #CCC;
			background:#f5f5f5;
		}

/* ============================== */
/* section links */

.sectionindex_link_image{
	display:none;
}	


/* ============================== */
/* ? */