/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

*,
*:after,
*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

ul { list-style: none outside;    }
ol { list-style-position: inside; }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
	
}

a, a > * {
	text-decoration: none;
	color: #5b5e60;
}

a:hover {
	color: #3796d6;
}

.not-ie a {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

img {
    border: 0;
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
}

li {
    line-height: 22px;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
	background-color: #487BE8;
	color: #000;
	font-weight: 400;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		padding-top:30px;
}

	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}
	
	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}	
	
	
	p {
		margin: 0 0 15px;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 15px;
		color: #3e41a4;
		font-family: 'Open Sans Condensed', sans-serif;
		line-height: 1.0em;
		font-weight: normal;		
		letter-spacing:0px;
	}
	
	h1 { font-size: 30px; font-weight:700;}
	h2 { font-size: 22px; font-weight:700;}
	h3 { font-size: 20px; font-weight:700;}
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }

	::-moz-selection {
		background-color: #3796d6;
		color: #fff;
		text-shadow: none;
	}

		

	
	
	.loader {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		width: 100%; 
		height: 100%;
		background: #fff; 
	}
	
	
	
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		padding: 0;
		border: 0;
	}

	button,
	input,
	select,
	textarea {
		margin: 0;
		border: none;
		vertical-align: baseline;
		font-size: 100%;
	}
	
	button {
		display: inline-block;
		margin-bottom: 15px;
		padding: 6px 13px;
		outline: none;
		background-color: transparent;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		font: 11px/1.5 Arial;
		cursor: pointer;
	}

	label {
    cursor: pointer;
    display: table;
    width: 100%;
    margin-bottom: 8px;	
}
	
	input,
	textarea,
	select,
	button {
		-webkit-transition: all .25s ease;
				transition: all .25s ease;	
	}
	
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea, select {
		display: inline-block;
		padding: 8px 10px;
		width: 100%;
		outline: none;
		border: 1px solid #c2c9d3;
		border-color: rgba(0,0,0, .135);
		background-color: #fff;
		color: #999;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
		-webkit-border-radius: 3px;
				border-radius: 3px;	
				margin-bottom:10px;
					
				
				
				 
    
   
    
   
				
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	textarea:focus,
	select:focus { border-color: #3796d6; }
	
	
	textarea {
		resize: both;
		min-height: 90px;
		min-width: 100%;
		max-width: 100%;
	}

	input[type="radio"],
	input[type="checkbox"] {
		margin: 4px 0 0;
		line-height: normal;
	}

	input[type="image"],
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	input[type="radio"],
	input[type="checkbox"] { width: auto; }

	.wrong-data { border-color: #fe5214; }

	/* Fix for Mobile Safari */
	input[type="checkbox"]	{ -webkit-appearance: checkbox; }
	input[type="radio"]		{ -webkit-appearance: radio; }

	 Chrome, Safari 
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder { color: #999; }

	 Firefox 
	input:-moz-placeholder,
	textarea:-moz-placeholder { color: #999; }
	
		

	.btn, .button {
		font-family: Arial, Helvetica, sans-serif;
		display: inline-block;
		margin-bottom: 15px;
		padding: 8px 16px;
		outline: none;
		border-width: 1px;
		border-style: solid;
		background:#27296E;
		border:none;
		color: #fff;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 14px;
		cursor: pointer;
		 box-shadow: 0px 3px 0px #BCBEC2;
		-webkit-border-radius: 3px;
				border-radius: 3px;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
				
	}
	.btn:hover, .button:hover{background:#3C73E6; color:#fff;}
	
	
	
/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

#header {
	position: relative;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	
	background-color: #fff;
	line-height: 0;
	
	-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: background-color .25s ease, height .25s ease;
			transition: background-color .25s ease, height .25s ease;
}

.home #header, #header.header-shrink { border-bottom-width: 0;  }

#header.transparent   { background-color: transparent;  }


	.header-in {
		margin: 0 auto;
		/*width: 51.7%;*/
		text-align: justify;
		padding:0px 0px 0px;
		border-radius:3px 3px 0px 0px;
	}
#header.header-shrink .header-in { /*padding-top:0px;*/ }
	
	.not-ie .header-in { font: 0/0 a; }
	
	@media screen and (min-width: 0\0) {
		.not-ie .header-in {
			font-size: 15px;
			transition: height .25s ease;
		}
	}
	
	.ie8 .header-shrink .header-in { font-size: 15px; }

	.header-in:after {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		content: "";
	}	
	
	/* -------------------------------------------------- */
	/*	Logo
	/* -------------------------------------------------- */

	#logo,
	#navigation {
		display: inline-block;
		vertical-align: middle;
		
		

	}	
	
		#logo {
			margin-bottom: 0;
			
			-webkit-transition: font-size .25s ease;
					transition: font-size .25s ease;
		}
		
		.transparent #logo { font-size: 44px;  float:left;}
		
			.transparent #logo a { color: #fff; }
		
		.header-shrink #logo { font-size: 28px; }
		
			.header-shrink #logo a { color: #fff; }

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */
	
	/*.transparent .navigation {
		border-bottom: 1px solid #cfcfcf;
		border-bottom: 1px solid rgba(207,207,207, .4);
	}*/
	
	.header-shrink .navigation { border-bottom-width: 0; }

		.navigation > ul > li {
			position: relative; 
			display: block;
			float: left;
			background:url(../images/nav-sep.gif) repeat-y;
		}
		.navigation > ul > li:first-child{background:none;}

			.navigation > ul > li > a {
				display: block;
				margin: 0;
				padding: 35px 20px 41px;
				color: #fff;
				text-transform: uppercase;
				font-size: 15px;
				line-height: 1.7em;
				
				
				-webkit-transition: padding .25s ease, color 100ms linear, background-color .25s ease-out;
						transition: padding .25s ease, color 100ms linear, background-color .25s ease-out;
			}
			
			.navigation > ul > .downarrowclass > a:after {
				margin-left: 6px;
				color: #fff;
				font-size: 12px;
				font-family: 'fontello';
				content: '\e8ba';
				line-height: 1em;
			}
			
			/*.transparent .navigation > ul > li > a,
			.transparent .navigation > ul > li > a:after { color: #fff; }*/
			
			@media only screen and (min-width: 1025px) {
				
				.transparent .navigation > ul > li > a				  { padding: 5px 20px 	  }
				.transparent .navigation > ul > li.downarrowclass > a { padding: 5px 20px  }
			}
			
			@media only screen and (min-width: 993px) {
				.header-shrink .navigation > ul > li > a {					
					color: #fff;
				}
				.header-shrink .navigation > ul > li > a:after { color: #fff; }
			}

			.navigation a { 
				font-weight: 600;
				font-family: Arial, Helvetica, sans-serif;
			}

			.navigation > ul > li:hover > a,
			.navigation > ul > .current-menu-item > a,
			.navigation > ul > .current-menu-parent > a,
			.navigation > ul > .current-menu-ancestor > a,
			.navigation > ul > .current_page_item > a,
			.navigation > ul > .current_page_parent > a,
			.navigation > ul > .current_page_ancestor > a { 
				background-color: #3796d6;
				color: #fff;
			}

			.navigation > ul > li:hover > a:after,
			.navigation > ul > .current-menu-item > a:after,
			.navigation > ul > .current-menu-parent > a:after,
			.navigation > ul > .current-menu-ancestor > a:after,
			.navigation > ul > .current_page_item > a:after,
			.navigation > ul > .current_page_parent > a:after,
			.navigation > ul > .current_page_ancestor > a:after { color: #fff; }

			.transparent .navigation > ul > li:hover > a,
			.transparent .navigation > ul > .current-menu-item > a,
			.transparent .navigation > ul > .current-menu-parent > a,
			.transparent .navigation > ul > .current-menu-ancestor > a,
			.transparent .navigation > ul > .current_page_item > a,
			.transparent .navigation > ul > .current_page_parent > a,
			.transparent .navigation > ul > .current_page_ancestor > a { 
				background-color: #3796d6;
				/*background-color: rgba(0,194,169, .7);*/
				border-radius:0px 0px 0px 0px;
			}
			
			.header-shrink .navigation > ul > li:hover > a,
			.header-shrink .navigation > ul > .current-menu-item > a,
			.header-shrink .navigation > ul > .current-menu-parent > a,
			.header-shrink .navigation > ul > .current-menu-ancestor > a,
			.header-shrink .navigation > ul > .current_page_item > a,
			.header-shrink .navigation > ul > .current_page_parent > a,
			.header-shrink .navigation > ul > .current_page_ancestor > a { 
				background-color: #fff;
				color: #3796d6;
			}
			
			.header-shrink .navigation > ul > li:hover > a:after,
			.header-shrink .navigation > ul > .current-menu-item > a:after,
			.header-shrink .navigation > ul > .current-menu-parent > a:after,
			.header-shrink .navigation > ul > .current-menu-ancestor > a:after,
			.header-shrink .navigation > ul > .current_page_item > a:after,
			.header-shrink .navigation > ul > .current_page_parent > a:after,
			.header-shrink .navigation > ul > .current_page_ancestor > a:after { color: #3796d6; }

	/* Dropdown */

	 .navigation ul ul {
		position: absolute;
		display: none;
		padding: 10px 0;
		width: 170px;
		background-color: #000;
		background-color: #3B495D;
		border-radius:0px 0px 0px 0px;
		z-index: 999;
	}
	
			.navigation ul ul li { position: relative; }

			.navigation ul ul li a {
				display: block;
				padding: 7px 20px;
				color: #fff;
				text-transform: uppercase;
				font-size: 11px;
				line-height: 1.5em;
				text-align: left;
			}
			
			.navigation ul ul .rightarrowclass > a:after {
				margin-left: 15px;
				color: #fff;
				font-size: 12px;
				font-family: 'fontello';
				content: '\e8b8';
				line-height: 1em;
			}	
			
			.navigation ul ul a:hover,
			.navigation ul ul .current-menu-item > a,
			.navigation ul ul .current-menu-parent > a,
			.navigation ul ul .current-menu-ancestor > a,
			.navigation ul ul .current_page_item > a,
			.navigation ul ul .current_page_parent > a,
			.navigation ul ul .current_page_ancestor > a { color: #fff; background:#3796d6; }
			
			@media only screen and (min-width: 993px) {
				.navigation ul ul ul {
					top: 0;
					left: 170px;
					margin-top: -10px;
				}
			}
			
	/* Responsive Button */

	.responsive-nav-button {
		display: none;
		width: 40px;
		height: 40px;
		/*background-color: #3796d6;*/
		text-align: center;
		font-weight: normal;
		font-style: normal;
		font-size: 21px;
		font-family: 'fontello';
		line-height: 40px;
		vertical-align: middle;
		
		-webkit-border-radius: 6px;
				border-radius: 6px;
				float:left;
				margin-top:0px;
	}

	.responsive-nav-button:after {
		content: "\ed38";
		color: #fff;
	}
	

#footer {
	position: relative;
	z-index: 1;
	color: #a0a0a0;
}

		
	
	/* -------------------------------------------------- */
	/*	Back Top
	/* -------------------------------------------------- */

	#back-top {
		position: fixed;
		right: 40px;
		bottom: 40px;
		z-index: 999;
		display: none;
		width: 50px;
		height: 50px;
		border: 1px solid #e6e6e6;
		background-color: #fff;
		background-color: rgba(255,255,255,.25);
		text-align: center;
		
		-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
		-webkit-border-radius: 50%;
				border-radius: 50%;
	}
	
	#back-top:after {
		width: 40px;
		height: 40px;
		text-align: center;
		color: #e1e1e1;
		font-size: 20px;
		font-family: 'fontello';
		content: "\ed4e";
		line-height: 48px;
		
		-webkit-transition: all .25s ease;
				transition: all .25s ease;
	}
	
	#back-top:hover {
		border-color: transparent;
		background-color: #3796d6;
	}
	
	#back-top:hover:after { color: #fff; }