@charset utf-8;
/*--
	Theme Name: univercity
	Description: A theme for Wordpress 3.7+ from gridgum.com Collection
	Author: gridgum.com 
	Author URL: http://www.gridgum.com 
--*/


/*  ***************************************************** GENERAL ********************************************/

	
	@font-face {
	    font-family: 'FontAwesome';
	    src: url('fonts/fontawesome.eot');
	    src: url('fonts/fontawesome.eot') format('embedded-opentype'),
	         url('fonts/fontawesome.woff2') format('woff2'),
	         url('fonts/fontawesome.woff') format('woff'),
	         url('fonts/fontawesome.ttf') format('truetype'),
	         url('fonts/fontawesome.svg#FontAwesome') format('svg');
	}




	body {
		background: #fff;
		color: #595959;	
		font: 12px/20px 'Roboto', serif;
		/* position:relative; */
		overflow: hidden;
		position: relative;	
	}

	body #main {
	  margin: 0 auto 0;
	  position: relative;
	  z-index: 999;
	  font: 12px/20px 'Roboto', serif;    
	}


/*  *****************************************  H1 - H6  *************************************************/

	#main h1 {
		color: #334878;
		font: 100 48px/48px 'Roboto', sans-serif;
		text-transform: capitalize;
		text-align: left;
		padding: 0;
		margin: 0 0 15px 0;
	}
		#main h1 span {
			color: #ff7d00;
			font-size: 36px;
			line-height: 40px;
			text-transform: uppercase;			
		}


	/*  **************************************************/


	#main h2, #main h2 a {
		text-transform: capitalize;
		border-bottom: 1px solid #d9d9d9;
		color: #334878;
		font: 28px/32px 'Roboto', sans-serif;
		margin: 0 0 25px 0;
		padding: 0 0 17px 0;
	}
		#main h2 a { margin-bottom: 0; }
			#main h2 a:hover { text-decoration: underline; }
	
		#main .sidebar h2 {
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 18px;
		}

	/*  **************************************************/


	#main h3, #main h3 a {
		color: #334878;
		font: 24px/28px 'Roboto', sans-serif;
		text-transform: capitalize;
		padding: 0;
		margin: 0 0 17px 0;
	}
		#main h3 a { margin-bottom: 0; }
			#main h3 a:hover { text-decoration: underline; color: #3460c7; }


	/*  **************************************************/


	#main h4 {
		color: #334878;
		font: bold 18px/24px 'Roboto', sans-serif;
		text-transform: capitalize;
		padding: 0;
		margin: 0 0 17px 0;
	}
		#main .excerpt h4 { 
		  
		}


	/*  **************************************************/	


	#main h5, #main h5 a {
		color: #ff7d00;
		font: bold 16px/22px 'Roboto', sans-serif;
		text-transform: capitalize;
		padding: 0;
		margin: 0 0 17px 0;	
	}
		#main h5 a { margin-bottom: 0; }	
			#main h5:hover a {  }	


	/*  **************************************************/	

	#main h6 {
		color: #334878;
		font: bold 14px/18px 'Roboto', sans-serif;
		text-transform: uppercase;
		margin: 0 0 5px 0;
		padding: 0;
	}

	#main h6.different {
		color: #020202;
		font: bold 12px/18px 'Roboto', sans-serif;
		text-transform: uppercase;
		margin: 0 0 5px 0;
		padding: 0;
	}

	#main h6.relatedPost {
		font-size: 11px;
		line-height: 1.4em;
	}

/*  ****************************************** BLOCKQUOTE ********************************************/	

	body blockquote {
		padding-left: 65px;
		border: none;
		background: url(images/bg_blockquote.jpg) 0 0 no-repeat;
		color: #595959;
		font: italic 12px/18px 'Roboto', sans-serif;		
	}
		blockquote p.desrc {
			color: #a3a3a3;
			padding: 0;
			margin: 10px 0 0 0;
			font: 300 14px/18px 'Roboto', sans-serif;
		}
			blockquote p.desrc span {
				font-weight: bold;
				display: inline-block;
				position: relative;
				margin-right: 10px;				
			}
				blockquote p.desrc span:after {
					position: absolute;
					display: block;
					content: ',';
					height: 18px;
					width: 5px;
					right: -6px;
					top: 0;
				}

/*  ****************************************************** LINKS ******************************/

	a {

	}

	a.read {
		display: inline-block;
		padding: 4px 19px;
		margin: 15px 0;
		background: none;
		text-decoration: none;
		text-transform: uppercase;
		color: #fff;
		font: bold 14px/32px 'Roboto', sans-serif;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}	
		a.read:hover {
			text-decoration: none;
			
		}

	a.readmore {
		display: inline-block;
		padding: 0px 44px 0px 11px;
		margin: 15px 0 0;
		background: #fff;
		text-decoration: none;
		text-transform: uppercase;
		color: #cdcdcd;
		font: bold 14px/27px 'Roboto', sans-serif;
		border: 1px solid #efefef;
		position: relative;		
	}	
		a.readmore:hover {
			text-decoration: none;
			background: #efefef;
			color: #ff7d00;
		}

		a.readmore:after {
			right: 0;
			top: 0;
			background: url(images/bg_link_readmore_after.png) 0 0 no-repeat;
			width: 28px;
			height: 28px;
			display: block;
			content: '';
			position: absolute;			
		}
			a.readmore:hover:after {
				background-position: 0 -34px;
			}




/*  ************************************************** LIST *************************************/

	ul { 
		margin: 0;
		padding: 0;
	}
		ul li {
			list-style-type: none;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		ul.square li, .latestpost li,
		#sidebarBlog li, div[id*="categories"] ul li {
			color: #334878;
			font: 12px/18px 'Roboto', sans-serif;
			text-transform: uppercase;
			background: none;
			position: relative;
			padding-left: 18px;	
			margin: 0 0 10px 0;						
		}
			ul.square li:before, .latestpost li:before,
			#sidebarBlog li:before, div[id*="categories"] ul li:before {
				position: absolute;
				content: '';
				display: block;
				width: 6px;
				height: 6px;
				left: 0;
				top: 7px;
				background: #ff7d00;
			}

			ul.square li a, .latestpost li a,
			#sidebarBlog li a, div[id*="categories"] ul li a {
				color: #334878;
				font: 12px/18px 'Roboto', sans-serif;
				text-transform: uppercase;
				text-decoration: none;				
			}
				ul.square li:hover, ul.square li:hover a,
				.latestpost li:hover, .latestpost li:hover a,
				#sidebarBlog li:hover a, div[id*="categories"] ul li:hover a {
					color: #3460c7;
				}
					ul.square li:hover a, .latestpost li:hover a,
					#sidebarBlog li:hover a, div[id*="categories"] ul li:hover a { text-decoration: underline; }

	/************************/

		ul.greater-than li {
			color: #595959;
			font: 12px/22px 'Roboto', sans-serif;
			text-transform: none;
			background: none;
			position: relative;
			padding-left: 18px;	
			margin: 0 0 8px 0;						
		}
			ul.greater-than li:before {
				position: absolute;
				content: '';
				display: block;
				width: 8px;
				height: 19px;
				left: 0;
				top: 0;
				background: url(images/bg_list_greater-than_li_before.png) 0 7px no-repeat;
				opacity: 0.7;
			}

			ul.greater-than li a {
				color: #595959;
				font: 12px/22px 'Roboto', sans-serif;
				text-transform: none;
				text-decoration: none;				
			}
				ul.greater-than li:hover a {
					color: #fff;
				}
					ul.greater-than li:hover a { text-decoration: none; }
					ul.greater-than li:hover:before {
						opacity: 1;
					}
			
			#footerBottom ul.greater-than li,
			#footerBottom ul.greater-than li a {
				color: #8b96b0;
			}
				#footerBottom ul.greater-than li:hover a { color: #fff; }

		#footerBottom ul.greater-than.locations li {
			color: #a4a4a4;				
		}



		.sidebar ul.greater-than li:before {
			background: url(images/bg_list_greater-than_li_before2.jpg) 0 8px no-repeat;
		}
			.sidebar ul.greater-than li, .sidebar ul.greater-than li a {
				color: #595959;
				font-weight: 300;
			}

	/**************************************/

	.latestpost li time, .latestpost li .excerpt { display: none; }






/*  ****************************************************** SOCIAL LINKS ******************************/

	ul.social-networks {
		margin: 0 0 0 0;
		padding: 0;
		float: left;	
	} 	
		ul.social-networks li {
			list-style-type: none;
			float: left;
			margin-left: 10px;
			margin-bottom: 0;
			opacity: 0.85;
			background: none;
			padding: 0;
		}

			ul.social-networks li:hover { opacity: 1; }

			ul.social-networks li img {
				border: none;
				padding: 0;
				margin: 0;
				background: none;
				width: auto;
			}

		#header div[id*="social_networks"] {
			float: right;		
			margin-top: 5px;
		}
	
		#header ul.social-networks li a {
			display: block;
			width: 40px;
			height: 40px;
			text-indent: -9999px;	
			 background: url(images/socials.png) 0 0 no-repeat;				}
			#header ul.social-networks li a img { display: none; }
		
		#header ul.social-networks li a[title="facebook"] { background-position: 0 0; }
		#header ul.social-networks li a[title="twitter"] { background-position: -50px 0; }
		#header ul.social-networks li a[title="youtube"] { background-position: -100px 0; }
		#header ul.social-networks li a[title="google"] { background-position: -150px 0; }
					
			#header ul.social-networks li:hover a[title="facebook"] { background-position: 0 -48px; }
			#header ul.social-networks li:hover a[title="twitter"] { background-position: -50px -48px; }
			#header ul.social-networks li:hover a[title="youtube"] { background-position: -100px -48px; }
			#header ul.social-networks li:hover a[title="google"] { background-position: -150px -48px; }


/*  ************************************* PARAGRAPH *************************************************/	
	body p {
		font: 12px/20px 'Roboto', serif;
		color: #595959;
		margin: 0 0 8px 0;
	}
		p strong {
		  font-weight: bold;
		}	
		p span {
			font-weight: bold;
		}			


/*  ******************************************* HEADER **********************************************/
	
	#header {
		z-index: 99;	 
		position: relative;
		height: 120px;
		background: url(images/bg_header.jpg) 0 0 repeat-x;
	}

	/*  *****************************************  LOGO  *******************************************/			
		.logo {
			float: none;
			position: relative;
			z-index: 10;
			padding-top: 32px;
		}
			#logo {
				position: relative;
				display: block;
				text-align: left;				
			}
				
			.logo img {
			  float: none;
			  margin: 0 auto;
			  width: auto;
			}
	
	/*  *****************************************  HEADER INFO  *******************************************/

		#header .span7 {
			padding-top: 40px;
			position: relative;			
		}
	
		#header .span7 > div:first-child {
			float: left;
		}	
			#header .span7 > div:first-child p {
				color: #fff;
				font: 16px/18px 'Roboto Condensed', sans-serif;
				margin: 0;
				padding: 0;
				text-align: left;				
			}
				#header .span7 > div:first-child p span {
					display: block;
					color: #ff7d00;
					font: bold 28px/30px 'Roboto', sans-serif;
				}
		
		#header .span7 > div:first-child + div {
			position: absolute;
			right: 0;
			top: 0;
		}
			#header #header_buttons {
				background: #101a32;
				border-bottom: 1px solid #334878;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				-ms-border-radius: 5px;
				-o-border-radius: 5px;
				border-radius: 5px;
				padding: 8px 20px;
			}
				#header #header_buttons a.mail,
				#header #header_buttons a.location {
					text-decoration: none;
					text-transform: uppercase;
					color: #8b96b0;
					font: 12px/18px 'Roboto', sans-serif;
					padding: 0 0 0 30px;
					display: inline-block;
					margin: 0 22px 0 0;
					background: url(images/bg_mailLink.png) 0 center no-repeat;
					-webkit-transition: all .25s ease;
					   -moz-transition: all .25s ease;
					    -ms-transition: all .25s ease;
					     -o-transition: all .25s ease;
					        transition: all .25s ease;
				}
					#header #header_buttons a.location {
						margin: 0;
						background: url(images/bg_mailLocation.png) 0 center no-repeat;
						padding-left: 22px;
					}

					#header #header_buttons a.mail:hover,
					#header #header_buttons a.location:hover { color: #fff; }


/*****************************************  NAVAREA  ******************************************/

	#navArea {
	  height: 47px;
	  width: 100%;
	  background: #fff;
	}

	nav.primary {
	  background: none;  
	  position: relative;
	  text-align: center;
	  z-index: 999;
	}

	#topnav {
		margin-top: 0;
		padding: 0;
		float: none;
		text-align: center;	
	}
		#topnav > li {
		    margin: 0 0 0;
		    float: left;	            
		    padding: 0;
			position: relative;
			list-style-type: none;	
			width: auto;
			background: none;
			-webkit-transition: all .35s ease;
		    -moz-transition: all .35s ease;
		    -ms-transition: all .35s ease;
		     -o-transition: all .35s ease;
		        transition: all .35s ease;
		}
			
			#topnav > li:hover {

			}

			#topnav > li.current-menu-item {
				
			}

			#topnav > li:first-child {
				border-left: none;		
				margin-left: 0;
			/* 	padding-left: 3px;	 */
			}
			
			#topnav > li > a {
				padding: 0 30px;		
				color: #565e71;
				font: bold 14px/47px "Roboto", sans-serif;
				background: none;
				margin: 0;	
				text-align: center;
				text-decoration: none !important;
				display: block;
				text-transform: capitalize;	
				position: relative;	
				border-right: 1px solid #d9d9d9;						
			}
				#topnav > li:first-child > a {
					border-left: 1px solid #d9d9d9;						
				}

				#topnav > li.menu-item-has-children > a:after {  
					position: absolute;
					content: '';
					display: block;
					background: url(images/bg_li_hasChildren_link_after.png) 0 0 no-repeat;
					width: 7px;
					height: 5px;
					z-index: 9;
					right: 13px;
					top: 50%;
					margin-top: -3px;
				} 
					#topnav > li.menu-item-has-children:hover > a:after {

					}		

				#topnav > li.current-menu-item > a {
					color: #777f92;
				}
				#topnav > li:before {
					display: block;
					content: '';
					position: absolute;					
					width: 100%;
					height: 3px;
					left: 0;
					top: -3px;	
				}
					#topnav > li.current-menu-item:before {
						background: #d6d7d9;
					}


				#topnav > li:hover > a {
					background: #95989c;
					color: #fff;
				}

				#topnav > li:hover:before {
					background: #ff7d00;
				}





		@media screen and (-webkit-min-device-pixel-ratio:0) /*----- Safari ------*/
		{  
		}
		
	/*  **************************************************/

	#topnav .sub-menu {
	  background: #95989c;
	  padding: 5px 18px;
	  min-width: 170px;
	  width: auto;	  
	}
		#topnav .sub-menu .sub-menu {
		  background: #888b8f;
		  margin-left: 18px;
		  top: -5px;
		}

	#topnav .sub-menu li {
		background: none;	
		width: 100%;
		padding: 0;
		text-align: left;
		list-style-type: none;	
		position: relative;
		
	}
		#topnav .sub-menu li a, .sub-menu li li a {
		  color: #e4e4e9;
		  display: block;
		  font: 13px/18px 'Roboto', sans-serif;
		  height: auto;
		  text-decoration: none;
		  text-transform: none;
		  white-space: nowrap;
		  text-align: left;	
		  border-radius: 0;  
		  -webkit-border-radius: 0;
		  -ms-border-radius: 0;
		  padding: 10px 0;
		  background: none;
		  border-bottom: 1px solid #aaadb0;
		  -webkit-transition: all .5s ease;
		     -moz-transition: all .5s ease;
		      -ms-transition: all .5s ease;
		       -o-transition: all .5s ease;
		          transition: all .5s ease;
		    position: relative;		                
		} 
			#topnav .sub-menu > li:hover > a, #topnav .sub-menu li li:hover > a,
			#topnav .sub-menu > li.current_page_item > a {
				color: #fff;
				border-bottom: 1px solid #fff;
			}
			#topnav .sub-menu > li:hover > a:after, #topnav .sub-menu li li:hover > a:after,
			#topnav .sub-menu > li.current_page_item > a:after {
				background: #fff;
				position: absolute;
				bottom: -2px;
				left: 0;
				width: 100%;
				height: 1px;
				display: block;
				content: '';
			}

			
			#topnav .sub-menu li:last-child > a, .sub-menu li li:last-child > a,
			#topnav .sub-menu li.last > a, .sub-menu li li.last > a {
				border-bottom: none !important;
			}

			#topnav .sub-menu .sub-menu li {
			 /*  overflow: hidden; */
			  width: 100%;
			}
				#topnav .sub-menu li.menu-item-has-children:after {  
					background: url(images/bg_topnav_sub-menu_hasChildren.png) 0 0 no-repeat;
					position: absolute;
					right: 2px;
					top: 50%;
					margin-top: -4px;
					display: block;
					width: 3px;
					height: 8px;
					content: '';
				} 

				#menu-right-menu .sub-menu {
					visibility: hidden;
				}


/****************************************  SLIDER  ******************************************/
	
	#sliderWrap {
		z-index: 11;
		position: relative;
		background: none;
		height: 660px;
		width: 100%;
		padding-top: 0;
		overflow: hidden;
		
	}	
		
		.metaslider {
			margin: 0 auto;
		    padding: 0;
		    width: 1000px;
			height: 340px;	
		}
			.metaslider .slides {
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
				overflow: hidden;
				/* height: 340px; */
			}
				.metaslider .flexslider .slides li {
				  height: auto;
				  position: relative;
				}

		#sliderWrap .metaslider .caption-wrap {
			width: 940px;
			margin-left: -470px;
			background: none;
			opacity: 1;
			left: 50%;
			bottom: 39%;
		}
			#sliderWrap .metaslider .caption-wrap .caption {
				padding: 0;
			}

			#main #sliderWrap .metaslider .caption-wrap h3 {
				color: #fff;
				font: bold 48px/52px 'Asap', sans-serif;
				text-shadow: 0 2px 2px #000;
				margin-bottom: 15px;
			}

			#main #sliderWrap .metaslider .caption-wrap p {
				color: #fff;
				font: 24px/28px 'Roboto', sans-serif;
				text-shadow: 0 2px 2px #000;
			}



		#sliderWrap .flexslider {
			margin: 0;
		}


		#sliderWrap	.flex-direction-nav .flex-next, 
		#sliderWrap	.flex-direction-nav .flex-prev {
			width: 30px;
			height: 70px;
			background: none;
			text-indent: -9999px;		
			left: 0;	
			background: url(images/bg_sliderNav.png) 0 0 no-repeat;
			opacity: 1;
			-webkit-transition: all 0s ease;
			   -moz-transition: all 0s ease;
			    -ms-transition: all 0s ease;
			     -o-transition: all 0s ease;
			        transition: all 0s ease;
		}
			#sliderWrap	.flex-direction-nav .flex-next {
				background-position: -33px 0;
				left: auto;
				right: 0;
			}

			#sliderWrap	.flex-direction-nav .flex-next:hover { background-position: -33px -75px; } 
			#sliderWrap	.flex-direction-nav .flex-prev:hover { background-position: 0 -75px; }

		
		#sliderWrap .metaslider .slides img {
		  display: block;
		  height: 660px;
		  margin: 0 auto;
		  max-width: none;
		  width: auto;
		}

		#sliderWrap .flex-control-nav {
			bottom: 33%;
			left: 50%;
			margin-left: -470px;
			text-align: left;
			width: 940px;
			z-index: 999;
		}

			#sliderWrap .flex-control-nav li a {
				display: block;
				width: 80px;
				margin: 0;	
				padding: 0;
				text-decoration: none;
				height: 10px;
				/* border-right: 1px solid #ccdce4; */
				border-bottom: 1px solid #ccdce4;
				background: url(images/bg_sliderWrap_control_nav_link.jpg) right 7px no-repeat;
				-webkit-box-shadow: none;
				box-shadow: none;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;
			}


		#sliderWrap .flex-control-nav span#movingBox {
			background: #fff;
			height: 4px;
			position: absolute;
			top: 6px;
			left: 0;
			width: 80px;
			display: block;			
		}

/*  ******************************************  PRIMARY WRAP CONTENT  ***********************************************/

	#primaryWrapContent {
		background: #fff;
		padding: 40px 0 45px;
	}
		.home #primaryWrapContent {
			background: #f6f6f6;
			padding: 40px 0 45px;
			border-bottom: 4px solid #ff7d00;
		}

	
/*  ******************************************  HOME CONTENT  ***********************************************/

		#home-content {
		  margin: 0 auto;
		  position: relative;
		}


	
/*  ******************************** SIDEBAR ************************************************* */

			
		.sidebar > div { margin-bottom: 30px; }					
			.sidebar ul { margin: 0; padding: 0; }
			

/*  ************************************************** IZOTOPE *************************************/

	#filter-by {
		text-align: left;
		margin-bottom: 30px;
	}
	#primaryWrapContent #filter-by a {
	  color: #404040;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: 700;
	  line-height: 20px;
	  padding: 5px 0;
	  text-decoration: none;
	  text-transform: uppercase;
	  -webkit-transition: all 0.3s ease-out 0s;
	  -moz-transition: all 0.3s ease-out 0s;
	  -ms-transition: all 0.3s ease-out 0s;
	  -o-transition: all 0.3s ease-out 0s;
	  transition: all 0.3s ease-out 0s;
	  margin-right: 30px;
	  font-family: 'Titillium Web', sans-serif;
	}
		#primaryWrapContent #filter-by a:hover, #primaryWrapContent #filter-by a.active { text-decoration: underline; }

	#galleryHolder { 
	  position:relative; 
	  width:100%; 
	  overflow:hidden; 
	} 
		#galleryHolder .isotope { margin-left: -20px; }

	.galleryItem { 
	  position:relative; 
	  float:left; 
	  overflow: hidden; 
	  position: relative; 
	  width: 212px; 
	  /* height: 212px;  */
	  margin: 0 0 25px 25px; 
	} 

		.galleryItem a {
			display: block;
			
		}


		.galleryItem a:after {
			position: absolute;
			display: block;
			content: '';
			background: url(images/gallery_item_after.png) center center no-repeat;
			width: 100%;
			height: 100%;
			z-index: 99;
			left: 0;
			top: 0;
			opacity: 0;
			-webkit-transition: all .25s ease;
			   -moz-transition: all .25s ease;
			    -ms-transition: all .25s ease;
			     -o-transition: all .25s ease;
			        transition: all .25s ease;
		}

		.galleryItem a:hover:after {
			opacity: 1;			
		}


	/**** Isotope Filtering ****/

	.isotope-item {
	  z-index: 2;
	}

	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}

	/**** Isotope CSS3 transitions ****/

	.isotope,
	.isotope .isotope-item {
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	      -ms-transition-duration: 0.8s;
	       -o-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}

	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	      -ms-transition-property: height, width;
	       -o-transition-property: height, width;
	          transition-property: height, width;
	}

	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	      -ms-transition-property:     -ms-transform, opacity;
	       -o-transition-property:      -o-transform, opacity;
	          transition-property:         transform, opacity;
	}

	/**** disabling Isotope CSS3 transitions ****/

	.isotope.no-transition,
	.isotope.no-transition .isotope-item,
	.isotope .isotope-item.no-transition {
	  -webkit-transition-duration: 0s;
	     -moz-transition-duration: 0s;
	      -ms-transition-duration: 0s;
	       -o-transition-duration: 0s;
	          transition-duration: 0s;
	}


/* ***************************************  FORMS  **************************************** */
	
	.wpcf7-form { margin: 0; }

	.wpcf7-form p.field small {	color:red;}

	.wpcf7-form .input-file {
		width: 79px;
		height: 22px;
		background: url(images/btn-choose-file.gif) 0 0 no-repeat;
		display: block;
		overflow: hidden;
		cursor: pointer;
		position:relative;
		}
	.wpcf7-form input[type="file"] {
		position: relative;
		height: 100%;
		width: auto;
		opacity: 0;
		cursor: pointer;
		-moz-opacity: 0;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		}

	#footer .wpcf7-form textarea {
	  height: 60px;
	  overflow: auto;
	  width: 92%;
	}

	.wpcf7-form .submit-wrap {
		padding:0;
		margin:0;
	}

		div.wpcf7-response-output {
		  margin-left: 0 !important;
		  margin-right: 0 !important;
		  width: 71%;
		}
		.wrap_cf.main div.wpcf7-response-output {
		  margin-left: 0 !important;
		  margin-right: 0 !important;
		  width: 200px;
		  margin-top: 0 !important;
		  clear: both;		  
		}
		
	.wpcf7-form .ajax-loader {
		margin: 17px 0 0 0 !important;
		width: auto !important;
	}



	/* Form defaults */
	#searchform {
		position: relative;
		clear: both;
		overflow: hidden;  
	}

	/*  **************************************************/

	.search-no-results .no-results #searchform input[type="text"],
	.error404 #error404 #searchform input[type="text"] {
		border: 2px solid #efefef;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		color: #8b8b8b;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 90%;
		padding-right: 30px;
	}
		.search-no-results .no-results #searchform input[type="text"] {
		  width: 94%;
		}

		.error404 #error404 #searchform input[type="submit"],
		.search-no-results .no-results #searchform input[type="submit"] {
			position: absolute;
			right: 9px;
			top: 9px;
			width: 14px;
			height: 15px;
			background: url(images/bg_submit.png) 0 0 no-repeat;
			border: none;
			outline: none;
			text-indent: -9999px;
		}

		#searchform input[type="submit"]:hover,
		.error404 #error404 #searchform input[type="submit"]:hover,
		.search-no-results .no-results #searchform input[type="submit"]:hover {
			opacity: 1;
		}
		
		#searchform input[type="text"]:focus,
		.error404 #error404 #searchform input[type="text"]:focus,
		.search-no-results .no-results #searchform input[type="text"]:focus {
			
		}


		/*  **************************************************/


		.wrap_cf .wpcf7-form input[placeholder],
		.wrap_cf .wpcf7-form textarea[placeholder] {
			color: #8b8b8b;
		}
		.wrap_cf .wpcf7-form input[placeholder]::-webkit-input-placeholder, 
		.wrap_cf .wpcf7-form textarea[placeholder]::-webkit-input-placeholder { /* WebKit browsers */
		    color:    #8b8b8b;
		}
		.wrap_cf .wpcf7-form input[placeholder]:-moz-placeholder,
		.wrap_cf .wpcf7-form textarea[placeholder]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		    color:    #8b8b8b;
		}
		.wrap_cf .wpcf7-form input[placeholder]::-moz-placeholder,
		.wrap_cf .wpcf7-form textarea[placeholder]::-moz-placeholder { /* Mozilla Firefox 19+ */
		    color:    #8b8b8b;
		}
		.wrap_cf .wpcf7-form input[placeholder]:-ms-input-placeholder,
		.wrap_cf .wpcf7-form textarea[placeholder]:-ms-input-placeholder { /* Internet Explorer 10+ */
		    color:    #8b8b8b;
		}


		.wrap_cf .wpcf7-form input[type="text"],
		.wrap_cf .wpcf7-form input[type="email"],
		.wrap_cf .wpcf7-form input[type="number"],
		.wrap_cf .wpcf7-form textarea {
		    border: 2px solid #efefef;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			border-radius: 5px;
			color: #8b8b8b;
			-webkit-box-shadow: none;
			box-shadow: none;
			width: 92%;
		}
			.wrap_cf .wpcf7-form textarea {
				height: 160px;
				resize: none;
			}
			.wrap_cf .wpcf7-form input[type="text"]:focus,
			.wrap_cf .wpcf7-form input[type="email"]:focus,
			.wrap_cf .wpcf7-form input[type="number"]:focus,
			.wrap_cf .wpcf7-form textarea:focus {
				/* -webkit-box-shadow: none !important;
				-moz-box-shadow: none !important;
				box-shadow: none !important; */
				background: #fff;
			}

			.wrap_cf .wpcf7-form p.btnSubmit { text-align: left; }

				.wrap_cf .wpcf7-form input[type="submit"],
				#commentform input[type="submit"] {
					margin: 20px 0 20px;
					border: 2px solid #f6f6f6;
					color: #ff7d00;
					background: #fff;
					font: bold 14px/18px 'Roboto', sans-serif;
					padding: 10px 30px; 
					text-transform: uppercase;	
					display: inline-block;			
				}
					.wrap_cf .wpcf7-form input[type="submit"]:hover,
					#commentform input[type="submit"]:hover {
						background: #ff7d00;
						color: #fff;
					}


			
			.wpcf7-form-control-wrap { display: block !important; overflow: hidden; }
				.wpcf7-form .wpcf7-not-valid-tip {
					position: absolute;
					top: 0;
					left: 0;
					height: 14px;
					background: #f00;
					color: #fff;
					padding: 9px;
					display: block;
					width: 100%;
					line-height: 14px;
				}

		.wpcf7-form-control-wrap + br { display: none; }

	.sidebar #searchform input[type="text"]	{
		border: 2px solid #efefef;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		color: #8b8b8b;
		-webkit-box-shadow: none;
		box-shadow: none;
		width: 81%;
		padding-right: 30px;
	} 

	.sidebar #searchform input[type="submit"] {
		position: absolute;
		right: 9px;
		top: 9px;
		width: 14px;
		height: 15px;
		background: url(images/bg_submit.png) 0 0 no-repeat;
		border: none;
		outline: none;
		text-indent: -9999px;
	}

/*  ***************************************** BANNER AREA ***************************************************/

	#bannerArea {
	  margin-top: -190px;
	  position: relative;
	  z-index: 12;
	}

	.coloredBox {
		width: 33.333%;
		padding: 105px 0 20px;
		float: left;
		position: relative;		
	}
		.coloredBox.yellow {
			background: #ffcf3d;
		}	
			.coloredBox.yellow:after {
				position: absolute;
				display: block;
				content: '\f011';		
				font-family: 'FontAwesome';
				color: #fff;
				font-size: 50px;
				left: 27px;
				top: 48px;
			}
		.coloredBox.orange {
			background: #ff7d00;
		}
			.coloredBox.orange:after {
				position: absolute;
				display: block;
				content: '\f19c';		
				font-family: 'FontAwesome';
				color: #fff;
				font-size: 50px;
				left: 27px;
				top: 48px;
			}
		.coloredBox.blue {
			background: #334878;
		}
			.coloredBox.blue:after {
				position: absolute;
				display: block;
				content: '\f0c0';		
				font-family: 'FontAwesome';
				color: #fff;
				font-size: 50px;
				left: 27px;
				top: 48px;
			}

		.coloredBox > * {
			margin-left: 27px;
			margin-right: 27px;
		}
		#main .coloredBox h3, .coloredBox h3 {
			color: #fff;
			font: bold 24px/28px 'Asap', sans-serif;
			text-transform: uppercase;
			padding: 0;
			margin: 0 0 10px 26px;
		}
		#main .coloredBox p, .coloredBox p {
			color: #fff;
			font: 14px/20px 'Roboto', sans-serif;
			padding: 0;
			margin-bottom: 0;
		}
		.coloredBox a.read {
			color: #fff;
			border: 2px solid #fff;
		}
			.coloredBox.yellow a.read:hover {
				color: #ffcf3d;
				background: #fff;
			}
			.coloredBox.orange a.read:hover {
				color: #ff7d00;
				background: #fff;
			}
			.coloredBox.blue a.read:hover {
				color: #334878;
				background: #fff;
			}


	/*********************************/

	.banner-area-item {
		clear: both;
		overflow: hidden;		
	}
		#bannerArea .span12 .banner-area-item:last-child {
			padding: 40px 0;
		}
		
		#main #bannerArea h1 {
			line-height: 40px;
			margin: 0;
			font-weight: 300;
			
		}
			#main #bannerArea h1 span { display: block; margin-top: 5px; }


/*  ************************************************  CAROUSEL AREA  *******************************************/

	#carouselArea {
		margin-bottom: 55px;		
	}
		#carouselArea .container {
			padding: 20px 0 0 0;
			border-top: 2px solid #d9d9d9;
		}
			
		#main #carouselArea div[id*="my_fredcarouselwidget"] {
			position: relative;				
		}
		
		.list_carousel {
		    margin: 0 0 0 0;
		    padding: 0;
		    position: relative;
		    background: none;
		}		

		.caroufredsel_wrapper {
			margin: 0 auto !important;
			left: 0 !important;
			width: 100% !important;	
			height:auto;	
		}	

		.list_carousel ul {
		    margin: 0;
		    padding: 0;  
		}
		.list_carousel li {		    
		    width: 300px;
		    display: block;
		    float: left;
		    text-align: center;  
		    position: relative;  
		    margin: 0 20px 0 0;
		    background: none;
		    padding: 0;
		    opacity: 1;
		    overflow: hidden;
		    height: 200px !important;
		    -webkit-border-radius: 0;
		    -moz-border-radius: 0;
		    border-radius: 0;
		    background: #efefef;
		    /* border: 1px solid #efefef; */
		}
			.list_carousel li:hover {
				background: #ff7d00;
				/* border: 1px solid #ff7d00; */
			}

			.list_carousel li .slidertitle {
				text-align: left;
				margin-top: 15px;
				padding-right: 15px;
			}

			.list_carousel .slidertitle a {			    
				color: #101a32;
				display: block;
				font: bold 16px/20px 'Roboto', sans-serif;
				padding: 0;
				text-transform: none;
				text-align: left;
				margin: 0 0 7px 0;
				text-decoration: none;	
			}
				.list_carousel li:hover .slidertitle a { color: #fff; }		


			.list_carousel li .excerpt {
	    		padding: 0 15px 0 0;
	    		font: 12px/16px 'Roboto', sans-serif;
	    		text-align: left;
	    		color: #595959;
			}
				.list_carousel li:hover .excerpt {
					color: #fff;
				}

			.list_carousel li a.imgHolder {
				display: block;
				float: left;	
				margin: 0 20px 0 0;	
				position: relative;		
				z-index: 6;				
			}
				.list_carousel li img {
				  display: block;
				  margin: 0;
				  padding: 0;
				  width: auto;
				}
				.list_carousel li a.imgHolder .meta {
					position: absolute;
					bottom: 0;
					left: 0;
					height: 40px;
					background: rgba(0,0,0,0.4);
					text-align: center;
					width: 100%;					
				}
					.list_carousel li a.imgHolder .meta time {
						color: #ffcf3d;
						font: 12px/18px 'Roboto', sans-serif;
						text-transform: capitalize;	
						text-align: center;
						padding: 11px 0;
						display: block;																		
					}
						.list_carousel li a.imgHolder .meta time span {
							color: #fff;
						}
		
			.list_carousel li .caroItemBottom {
			  height: 40px;
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  z-index: 5;
			}
				.list_carousel li .caroItemBottom a {
					text-align: right;
					color: #334878;
					font: bold 12px/40px 'Roboto', sans-serif;
					padding-right: 75px;
					display: block;
					text-transform: uppercase;
					text-decoration: none;				
					border-top: 1px solid #f4f4f4;	
					background: url(images/bg_caroItemBottom_link.png) right 5px no-repeat;
				}
					.list_carousel li:hover .caroItemBottom a {
						background-position: right -34px;
						border-top: 1px solid #ffa44d;
						color: #fff;	
					}


		.caroNav a{
			display: block;
		    height: 36px;
		    position: absolute;
		    width: 36px;
		    bottom: -47px;
		    z-index: 999;
		    outline: none !important;
		}
			.caroNav a.prev { right: 40px; }
			.caroNav a.next { right: 0; }

			.caroNav a span {
				height: 100%;
			    display: block;
			    width: 100%;
			    text-indent: -9999px;	
			    margin: 0;  
			    opacity: 1 !important;
			}
				.caroNav a.prev span { background: url("images/bg_caroNav.png") no-repeat 0 0; }
					.caroNav a.prev:hover span { background-position: 0 -39px; }
					
				.caroNav a.next span { background: url("images/bg_caroNav.png") no-repeat -38px 0; }
					.caroNav a.next:hover span { background-position: -38px -39px; }


			.caroNav a.prev.disabled, a.next.disabled { cursor: default; }


/*  ***************************************************** FOOTERBOTTOM *********************************************/

	#beforeFooter {
		background: #f6f6f6;
		padding-top: 30px;
		border-bottom: 4px solid #ff7d00;
	}
		#beforeFooter .coloredBox {
			padding: 30px 0 20px 0;
		}

		#beforeFooter .coloredBox:hover h3 { text-decoration: underline; }

		#beforeFooter .coloredBox h3 + p { display: none; }

		#beforeFooter .coloredBox p:last-child {
			position: absolute;
			left: 0;
			top: 0;			
			width: 100%;
			height: 100%;
			margin: 0;
		}
			#beforeFooter .coloredBox p:last-child a {
				display: block;
				width: 100%;
				height: 100%;
				text-indent: -9999px;
				opacity: 0;
			}

		
		#beforeFooter .coloredBox h3 {
			font-size: 16px;
			line-height: 22px;
			margin-left: 102px;
		}


/*  ***************************************************** FOOTERBOTTOM *********************************************/

	#footerBottom {
		position: relative;
		background: #101a32;
		padding: 45px 0;
	}	

		#footerBottom h2 {
			color: #a4a4a4;
			font: 28px/32px 'Roboto',sans-serif;
			padding: 0;
			margin-bottom: 25px;
			text-align: left;	
			text-transform: uppercase;							
		}

			
/*  ***************************************************** FOOTER *********************************************/

	#footer {
		background: #0e1524;
		padding: 30px 0;
		color: #86888d;
		font: 12px/26px 'Roboto', sans-serif;
	}
		#footer a {
			color: #86888d;
			font: 12px/26px 'Roboto', sans-serif;
			display: inline-block;
			text-decoration: underline;
			padding: 0 0 0 12px;
			margin-left: 12px;
			border-left: 1px solid #3d424e;
		}
			#footer a:hover {
				text-decoration: none;
			}


/*  ************************************************ BREADCRUMBS ****************************************/	

	#breadcrumbs {
		background: #334878;
	}
		#breadcrumbs .breadcrumb {
			background: none;
			padding: 13px 0;
			margin: 0 0 0 20px;
			overflow: hidden;			
		}
			#breadcrumbs .breadcrumb li {
				float: left;
				margin: 0 17px 0 0;
				padding: 3px 0;
			}
				#breadcrumbs .breadcrumb li a {
					display: block;
					background: url(images/bg_breadcrumbs_link.png) 0 center no-repeat;
					padding: 0 0 0 29px;
					text-decoration: none;
					color: #fff;
					font: 14px/18px 'Roboto', sans-serif;
					text-transform: capitalize;			
				}
					#breadcrumbs .breadcrumb li a:hover { text-decoration: underline; }
					
					#breadcrumbs .breadcrumb li.menu-item-home a {
						padding: 0;
						background: url(images/bg_breadcrumbs_link_first.png) 0 center no-repeat;					
						text-indent: -9999px;
						width: 18px;
						height: 16px;
					}	


/*  *************************************************** STAFF BOX **************************************/			

	.staffBox {
		width: 308px;
		height: 160px;
		background: #efefef;
		padding: 20px 15px;
		position: relative;	
		display: inline-block;
		vertical-align: top;
		margin: 0 0 20px 20px;		
	}	
		.staffBox > img {
			position: absolute;
			display: block;
			width: 139px;
			height: 198px;
			left: 0;
			top: 0;
			z-index: 5;
		}

		#main .staffBox h4 {
			color: #101a32;
			margin-bottom: 3px;
			margin-left: 152px;
			line-height: 18px;
		}

		#main .staffBox h5 {
			font-size: 12px;
			text-transform: lowercase;
			margin-bottom: 10px;
			margin-left: 152px;			
		}

		.staffBox p {
			color: #595959;
			font: 12px/18px 'Roboto', sans-serif;
			margin-left: 152px;
		}

		.staffBox a {
			text-transform: uppercase;
			text-decoration: none;			
			color: #334878;
			font: bold 12px/40px 'Roboto', sans-serif;
			position: absolute;
			right: 12px;
			bottom: 0;
			z-index: 3;
			display: block;
			padding: 0 94px 0 0;
			background: url("images/bg_caroItemBottom_link2.png") no-repeat right 5px;
    		border-top: 1px solid #f4f4f4;
		}
			.staffBox a:hover {
			    background-position: right -49px;
			    border-top: 1px solid #ffa44d;
			    color: #E67100;
			    text-decoration: none;			    
			}


/*  ************************************************* CONTACT PAGE *****************************************/

	.wrapIframe iframe {
		width: 100%;
		border: none;
		height: 400px;		
	}

	.wrap_cf .leftPart {
		float: left;	
		width: 48%;		
	}

	.wrap_cf .rightPart {
		float: right;		
		width: 48%;
	}


/*  ************************************************** BLOG PAGES	*****************************/

	.post-meta, #commentform p {
	  color: #666666;
	  font-weight: 300;
	  padding-bottom: 10px;
	  border-bottom: 1px solid #d9d9d9;
	  margin-bottom: 18px;
	}
		 #commentform p {
		 	padding-bottom: 0;
		 	border: none;		 	
		 }
		.post-meta a {
			text-decoration: underline;
			text-transform: capitalize;
		} 
			.post-meta a:hover { text-decoration: none; } 

		.post-meta time { margin-left: 20px; }



	.wrapMeta b { display: none; }		 
	
	article.post-holder .featured-thumbnail {
		width: 220px;
		max-height: 220px;
		height: auto;
		margin: 0 20px 20px 0;
		overflow: hidden;		
	} 
		article.post-holder .featured-thumbnail img {
			max-width: 100%;
			width: auto;
		}

	article.post-holder .excerpt {
		color: #595959;
	}	


	/*  ********************************************** SINGLE POST *******************************************/

		.single-post #content .post-holder + h3 {
			margin-top: 50px;
		}

		.single-post #commentform textarea {
			border: 2px solid #efefef;
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    -ms-border-radius: 5px;
		    -o-border-radius: 5px;
		    border-radius: 5px;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    color: #8b8b8b;
		    padding-right: 30px;
		    width: 91%;
		    background: #fff;

		}

		.single-post #commentform input[type="text"] {
			border: 2px solid #efefef;
		    -webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    -ms-border-radius: 5px;
		    -o-border-radius: 5px;
		    border-radius: 5px;
		    -webkit-box-shadow: none;
		    box-shadow: none;
		    color: #8b8b8b;
		    padding-right: 30px;
		    background: #fff;
		}