/**
 * Name: layout.css
 * Version: 1.0.0
 *	
 *	-
 *
 *	T.O.C
 *	
 *	
 */


	.border-replacement {
		-webkit-border-image: url(../images/dot.png) 1 repeat !important;
				border-image: url(../images/dot.png) 1 repeat !important;
	}
	
	.quick-social.border-replacement,
	.testimonial.alt blockquote,
	.testimonial.alt > p {
		-webkit-border-image: url(../images/dot-2.png) 1 repeat !important;
				border-image: url(../images/dot-2.png) 1 repeat !important;
	}
	
	.team-member-details.border-replacement {
		-webkit-border-image: url(../images/dot-3.png) 1 repeat !important;
				border-image: url(../images/dot-3.png) 1 repeat !important;
	}
	

/* ==========================================================================
   #General Layout 
   ========================================================================== */

	#wrap { }

	
/* #Header
   ========================================================================== */	
   	
	#header { }
		
	/* Logo */

	#logo { 
		display: block;
		margin: 30px 0 20px 0; 
	}
		
	/* Menu basics */

	.sf-menu, 
	.sf-menu * {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.sf-menu li {
		position: relative;
		white-space: nowrap;
	}
	.sf-menu ul {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 99;
		display: none;
	}
	.sf-menu > li {
		float: left;
	}
	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul {
		display: block;
	}
	
	.sf-menu a {
		position: relative;
		display: block;
	}
	.sf-menu ul ul {
		top: 0;
		left: 100%;
	}
	
	
	/* Menu skin */
	
	.sf-menu { float: right;  }
	
	/* Level 1 */
	
	.sf-menu a {
		padding: 10px 15px; 
		border-bottom: 1px solid #fff; 
		color: #fff; 
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 11px; 
		text-transform: uppercase;  
	}
	
	.sf-menu > li > a {
		position: relative;
		overflow: hidden; 
		padding: 50px 30px;
		border: none;
		margin-left: 1px; 
		color: #666; 
		font-size: 13px;
	}
	
	.sf-menu > li > a span {
		display: block;
		color: #c03;
		line-height: 10px;
	}
	
	.sf-menu > li > a img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		opacity: 0;
	}
	
	.sf-menu > li > a .sf-menu-item-overlay {
		position: absolute;
		top:0; 
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		background-color: #eee;
		opacity: 0;
	}
	
	.sf-menu > li > a .sf-menu-item-text {
		position: relative;
		z-index: 3;
		color: #000;
	}
	
	.sf-menu > li:hover > a img,
	.sf-menu > li.sfHover > a img 
	.sf-menu > li.current > a img {
		opacity: 1;
	}
	
	.sf-menu > li.current > a .sf-menu-item-text,
	.sf-menu > li:hover > a .sf-menu-item-text,
	.sf-menu > li.sfHover > a .sf-menu-item-text {
		color: #999;
	}

	.sf-menu > li.current > a .sf-menu-item-overlay {
		opacity: 1;
	}

	/*.sf-menu > li.current > a .sf-menu-item-overlay,*/
	.sf-menu > li:hover > a .sf-menu-item-overlay,
	.sf-menu > li.sfHover > a .sf-menu-item-overlay {
		opacity: 0.5;
	}
	
	.sf-menu li {
		-webkit-transition: background 0.2s;
			 -o-transition: background 0.2s;
				transition: background 0.2s;
	}
	
	.sf-menu li:hover,
	.sf-menu li.sfHover {
		position: relative;  
		text-decoration: none;	
	}
	
	.sf-menu li:hover a,
	.sf-menu li.sfHover a {
		text-decoration: none;
	}
	
	.sf-menu li.current a {
	}
	
	/* Level 2 */
	
	.sf-menu ul {
		min-width: 150px; /* allow long menu items to determine submenu width */
		background-color: #000;			
	}
	
	
	.sf-menu ul li:last-child a {
	
	}
	.sf-menu ul ul li {
	
	}
	
	
	/* Menu arrows */
	.sf-arrows .sf-with-ul {
		padding-right: 40px;
	}
	
	/* styling for both css and generated arrows */
	.sf-arrows .sf-with-ul:after {
		position: absolute;
		top: 50%;
		right: 16px;
		height: 0;
		width: 0;
		/* order of following 3 rules important for fallbacks to work */
		border: 5px solid transparent;
		border-top-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
		border-top-color: rgba(255, 255, 255, .5);
		margin-top: -3px;
		content: '';
	}
	/* styling for right-facing arrows */
	.sf-arrows ul .sf-with-ul:after {
		margin-top: -5px;
		margin-right: -3px;
		border-color: transparent;
		border-left-color: #dfeeff; /* edit this to suit design (no rgba in IE8) */
		border-left-color: rgba(255, 255, 255, .5);
	}
	
	/* Mobile Menu  */
			
	#mobile-menu {
		z-index: 20;
		border-bottom: 1px solid #efefef;
	}
	
	#mobile-menu li {	
		display: block;
		margin: 0;
	}
		
	#mobile-menu > li > ul, 
	#mobile-menu > li > ul > li > ul {
		display: none;
		margin-left: 0;
	}

	#mobile-menu li a {
		position: relative;
		display: block;
		padding: 15px 25px;
		border-top: 1px solid #efefef;
		color:#333;
		font-size: 13px;
		text-align: left;
		text-decoration: none;
	}
	
	#mobile-menu li a .sf-menu-item-overlay,
	#mobile-menu li a img {
		display: none;
	}
	
	#mobile-menu ul a { padding-left: 45px; }
	
	#mobile-menu ul li ul a  { padding-left: 65px; }
	
	#mobile-menu .mobile-menu-submenu-arrow {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 70px;
		border-left: 1px solid #efefef;
		color: #333;
		font-size:20px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	
	#mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; }
	
	#mobile-menu li a:hover {}
	
	#mobile-menu { display: none; }
	
	/* Mobile menu trigger  */
				
	#mobile-menu-trigger { 
		float: right;
		display: none;
		font-size: 32px;  
	}		
		
	/* Search */

	#searchform { position: relative; }
	
	#s { 
		width: 100%; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
		padding: 10px 15px;			 
	}
	
	#searchsubmit {
		position: absolute; 
		top: 9px; 
		right: 3px;
		padding: 3px;
		border: none;
		font-size: 10px; 
		cursor: pointer; 
	}
	
	#searchsubmit:focus { outline: 0; }
	
	
/* #Content
   ========================================================================== */
   		
	#content { 
		min-height: 300px; 
		/*padding-bottom: 50px;  */
	}   		
	#content.start { 
		padding-bottom: 0px;  
	}
		
	/* Color Shade */
	
	.color-shade-1 { background-color: #333; }
	.color-shade-2 { background-color: #666; }
	.color-shade-3 { background-color: #888; }
	.color-shade-4 { background-color: #999; }
	
	/* Headline Titles */
	
	.headline {
		margin: 20px 0 75px 0;
		text-align: center;
	}
	
	.headline img { 
		display: block; 
		margin: 0 auto 20px;
	}
	
	.headline > span {
		display: inline-block;
		width: 20px;
		padding: 0;
		border-bottom: 3px solid #045395;
		margin-bottom: -11px;
	}
	
	.headline h1 {
		display: inline-block;
		padding: 0 12px;
		border-bottom: 1px solid #d0d0d0;
		margin: 0 -3px;
		line-height: 40px;
		font-weight: 300;
		text-transform: uppercase;
	}
	
	.headline h1 span {
		padding: 0;
		color: #c03; 
	}
	
	span { color: #c03; }
	
	/* Page Header */
	
	#page-header { 
		padding: 5px 0;
		margin-bottom: 60px; 
		background-color: #000;
		color: #fff;
	}
	
	#page-header img { 
		display: block;
		width: 100%;
		padding: 5px 0;
		border-bottom: 1px solid #fff; 
	}
	
	#page-header-content {
		padding: 25px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	#page-header-content h5 {
		color: #fff;
		margin-bottom: 0;
		line-height: 16px;
	}
	
	#page-header-content p {
		margin-bottom: 0;
	}
	
	#page-header-content a {
		color: #fff;
	}

	/* Side Nav */
	
	.side-nav { 
		border-top: 1px solid #efefef; 
		margin-bottom: 30px; 
		list-style-type: none; 
		list-style-position: outside; 
	}
	
	.side-nav li { border-bottom: 1px solid #efefef; }
	
	.side-nav li a { 
		display: block; 
		padding: 10px 0 10px 25px; 
	}
	
	.side-nav li a:hover { }
	
	.side-nav li.current a { color: #303030; }
	
	.side-nav li.current a:hover { text-decoration: none; }	
			
/* #Footer
   ========================================================================== */		
		
	#footer {
		padding-bottom: 40px;
  background-color: #cc0033;
  color: #ffffff;
	}
	
	#footer h5 {
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #fff;
	} 
	
	#footer a,
	#footer span { color: #fff; }
	
	#footer img { width: 100%; }
	
	/* Footer top */
	
	#footer-top {
		padding: 40px 0;
		background-color: #045395;
	}
	
	/* Footer middle */
	
	#footer-middle {
		padding-top: 50px;
  padding-right: 0px;
  padding-bottom: 50px;
  padding-left: 0px;
  background-color: #cccccc;
  color: #333333;
	}
	
  /*#footer-middle.start {
		margin-top: -80px;
		padding-top: 0;*/
	}
	
	/* Footer bottom */
	
	#footer-bottom {
		padding: 20px 0;
		background-color: #0384ce;
	}
	
	/* Footer social media */
	
	#footer-top .social { text-align: center; }
	
	#footer-top a.social-icon { margin-right: 40px; }
	
	#footer-top a.social-icon i {
		font-size: 22px;
		line-height: 22px;
		color: #fff;
	}
	
	#footer-top a.social-icon:last-child i { margin-right: 0; }

	/* Contact Information */
	
	.widget_contact_info ul {
		margin-left: -40px;
		list-style: none;
	}
	
	.widget_contact_info ul li { 
		margin-bottom: 20px;
		padding-left: 30px;	
	}
	
	.widget_contact_info ul li span,
	.widget_contact_info ul li a { color: #2f2f2f; }
	
	.widget_contact_info ul li:last-child { margin-bottom: 0; }
	
	.widget_contact_info ul li.address { background: url(../images/bg-address-2.png) no-repeat 0 2px; }
	.widget_contact_info ul li.phone { background: url(../images/bg-phone-2.png) no-repeat 0 4px; }
	.widget_contact_info ul li.email { background: url(../images/bg-email-2.png) no-repeat 0 5px; }
	
	#footer .widget_contact_info ul li.address { background: url(../images/bg-address.png) no-repeat 0 2px; }
	#footer .widget_contact_info ul li.phone { background: url(../images/bg-phone.png) no-repeat 0 4px; }
	#footer .widget_contact_info ul li.email { background: url(../images/bg-email.png) no-repeat 0 5px; }
	
	/* Latest Tweet */
	
	#latest-tweet {
		min-height: 270px;
		padding: 30px 40px;
		border: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-left: -40px;
		text-align: center;
	}
	
	#twitter-account {
		display: block;
		margin-bottom: 20px;
		color: #018cdc;
		font-size: 22px;
		font-weight: 300;
		text-align: center;	
	}
	
	#twitter-account i { 
		margin-bottom: 10px;
		font-size: 40px; 
		
	}
	
	#tweet {}
	
	#tweet ul { 
		margin-bottom: 0;
		list-style: none;  
	}
	
	#tweet .tweet { word-wrap: break-word; }
	
	#tweet .interact { display: none; }

	/* Flickr Feed */
	
	#flickr-feed { margin-top: -3px; }
	
	#flickr-feed a { display: inline; }
	
	#flickr-feed img { 
		width: 65px; 
		height: auto;
		border: 0;
		padding: 3px 8px 0 0; 
	}
	
	/* Contact Support */
	
	.widget_contact_support div { 
		margin-left: -40px;
		padding: 20px;
		background-color: #0384ce;
		color: #fff;
	}

	.widget_contact_support .phone-number { 
		padding: 20px; 
		border: 1px solid #fff;
		margin-left: 0;
		font-size: 18px;
		line-height: 18px;
		text-align: center;
	}
	
	/* Newsletter  Subscribe */
	
	.widget_newsletter_subscribe div {
		padding: 20px;
		margin-left: -40px;
		background: #0384ce url(../images/bg-newsletter-subscribe.png) no-repeat top left; 
		color: #fff;
	}
	
	.widget_newsletter_subscribe h5 {
		margin-bottom: 20px;
		color: #fff; 
	}
	
	#newsletter-subscribe-form fieldset { position: relative; }
	
	#newsletter-subscribe-form input[type="text"] {
		width: 100%;
		border: none;
		margin-bottom: 2px;
		background-color: #0073b5;
		color: #fff;
	}
	
	#newsletter-subscribe-form input[type="submit"] {
		position: absolute;
		top: 2px;
		right: 2px;
		bottom: 2px;
		min-height: 24px;
		padding: 5px 10px;
		border: none;
		background-color: #0384ce;
		color: #fff;
		font-size: 10px;
		text-transform: uppercase;
	}
	
	#newsletter-subscribe-form input[type="submit"]:hover { background-color: #018cdc; }
	
	/* Footer Widgets */
	
	#footer .widget { margin-left: 0; }
	
	#footer .widget-title {
		padding: 0;
		border: none;
		-webkit-border-image: none;
				border-image: none;
		box-shadow: none;
		margin: 0 0 20px 0;
		background-color: transparent;
		color: #fff;
	}
	
	#footer .widget_categories ul li,
	#footer .widget_recent_entries ul li,
	#footer .widget_pages ul li,
	#footer .widget_archive ul li,
	#footer .widget_meta ul li,
	#footer #recentcomments li,
	#footer .widget_nav_menu .menu li,
	#footer .widget_categories select,
	#footer .widget_archive select,
	#footer #wp-calendar tr td {
		border-top-color: #fff;
		-webkit-border-image: url(../images/dot.png) 1 repeat;
				border-image: url(../images/dot.png) 1 repeat; 
	}
	
	#footer .widget_categories select,
	#footer .widget_archive select,
	#footer #tab-3 .tabs {
		background: transparent;
		color: #fff;
	}
	
	#footer #recentcomments li a,
	#footer #wp-calendar caption,
	#footer #calendar_wrap th,
	#footer #wp-calendar a,
	#footer .popular-posts-info { color: #fff; }
	
	#footer .widget_categories select,
	#footer .widget_flickr #flickr-feed,
	#footer .widget_popular_posts #tab-3,
	#footer .widget_archive select,
	#footer #calendar_wrap,
	#footer .widget_contact_info ul,
	#footer #latest-tweet,
	#footer .widget_contact_support div,
	#footer .widget_newsletter_subscribe div { margin-left: 0; }
	
	#footer .widget_search { margin-bottom: 20px; }

			
/* ==========================================================================
   #Page Styles
   ========================================================================== */ 

/* #Index
   ========================================================================== */
   
	.blog-post-overview { position: relative; }
	
	.blog-post-overview img {
		display: block;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.blog-post-overview .date {
		position: absolute;
		top: 0;
		right: 0;
		padding-top: 20px;
		background-color: #cc0033;
		color: #2f2f2f;
		font-size: 24px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.blog-post-overview .date p span {
		padding: 0 15px;
		color: #2f2f2f;
		font-size: 30px;
	}
	
	.blog-post-overview .date p.new {
		padding: 5px 10px;
		margin-bottom: 0;
		background-color: #cc0033;
		color: #fff;
		font-size: 18px;
	}
	
	.blog-post-overview > p { padding: 0 20px; }
	
	.blog-post-overview h4 {
		padding: 0 20px; 
		margin-bottom: 35px;
	}
	
	.blog-post-overview a { color: #fff; }
	
	.blog-post-overview a.btn {
		float: none;
		margin: 0 0 40px 20px;
		color: #2f2f2f;
		font-size: 14px;
		text-transform: uppercase;
	}
	.blog-post-overview a.btn:hover {
		color: #fff;
	}
	
	/* Services List*/
	
	.services-list {
		margin: 20px 0 20px 0;
		list-style: none;
		text-align: center;
	}
	
	.services-list li {
		display: inline-block;
		margin: 0 25px 30px 0;
		text-align: center;
	}
	
	.services-list li:last-child { margin-right: 0; }
	.services-list li a { color: #2f2f2f; }
	
	.services-list li img {
		display: block;
		margin: 0 auto 25px;
	}
	
   
/* #About
   ========================================================================== */
   
  /* Team Member */
   
   .team-member {
		margin-bottom: 30px;
		background-color: #fff;
		text-align: center;
		-webkit-transition: background-color 0.3s;
			 -o-transition: background-color 0.3s;
				transition: background-color 0.3s;
	}
   .span2 .team-member {
		margin-bottom: 5px;
	}
	
	.team-member img {
		display: block;
		width: 100%;
	}
	
	.team-member-details {
		padding: 35px 15px;
		border: solid #eee;
		border-width: 1px 1px 1px 1px;
	}
	
	.span2 .team-member-details {
		padding: 10px 10px;
		border: solid #eee;
		border-width: 1px 1px 1px 1px;
	}
	
	.team-member-details h5 {
		margin-bottom: 10px;
		text-transform: uppercase; 
	}
	
	.team-member-details h6 { 
		margin-bottom: 30px;
		text-transform: uppercase;
	}	
	
	
	.span2 .team-member-details h5 {
		font-size:0.9em;
		margin-bottom: 0px;
		text-transform: uppercase; 
	}
	
	.span2 .team-member-details h6 {
		line-height:0.9em;
		font-size:0.85em;
		margin-bottom: 0px;
		text-transform: uppercase;
	}
	
	.team-member:hover { background-color: #eee; }

/* #Services
   ========================================================================== */
      
/* #Portfolio
   ========================================================================== */
   
    /* Portfolio Filter */
	
	.portfolio-filter {
		margin-bottom: 60px;
		text-align: center; 
	}
	
	.portfolio-filter ul { list-style: none; }
	
	.portfolio-filter ul li { 
		display: inline-block;
		margin-right: 25px;
	}
	
	.portfolio-filter ul li a {
		display: block;
		padding: 2px 15px;
		color: #0384ce;
		text-decoration: none;
	}
	
	.portfolio-filter ul li:last-child { margin-right: 0; }
	
	.portfolio-filter ul li a.active,
	.portfolio-filter ul li a:hover { 
		background-color: #0384ce;
		color: #fff;
	}
	
	.portfolio-items {
		margin: 0 -10px;
		list-style: none;  
	}
		
	.portfolio-items li {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
	.portfolio-items li.span3,
	.portfolio-items li.span4,
	.portfolio-items li.span5 { margin-left: 0; }
	
	.portfolio-items li img { 
		display: block; 
		max-width: 100%; 
	}

	.portfolio-item { 
		position: relative;
		overflow: hidden; 
		margin-bottom: 0px;
	}
	
	.portfolio-item-preview { position: relative; }
	
	.portfolio-item-preview > a img {
		display: block;
		width: 100%;
		-webkit-transition: -webkit-transform 0.5s; 
			-ms-transition: -ms-transform 0.5s;
			 -o-transition: -o-transform 0.5s;
				transition: transform 0.5s;
	}
	
	.portfolio-item-overlay {
		position: absolute; 
		top: 0;
		right: 0; 
		bottom: 0;  
		left: 0;
		padding-top: 40px;
		border: 1px solid #fff;
		margin: 20px;
		background-color: rgba(1, 140, 220, 0.7);
		opacity: 0;
		color: #fff;
		text-align: center;
		-webkit-transition: opacity 0.5s; 
			 -o-transition: opacity 0.5s;
				transition: opacity 0.5s;
	}
	
	.portfolio-item-overlay a {
		display: inline-block;
		margin: 10px 10px 0 0;
		color: #fff;
		text-transform: uppercase;
	}
	
	.portfolio-item-overlay a:last-child { margin-right: 0; }
	
	.portfolio-item-overlay h4 { color: #fff; }
	
	.portfolio-item:hover .portfolio-item-preview > a img { 
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);  
			 -o-transform: scale(1.1); 
				transform: scale(1.1); 
	}
	
	.portfolio-item:hover .portfolio-item-overlay { opacity: 1; }	
				
	/* Portfolio Pagination */
	
	.pagination { list-style: none; }
	
	.pagination li { display: inline-block; }

	.pagination a { 
		display: block; 
		padding: 8px 15px;  
		border-left: 0;
		margin: 0 3px 3px 0;
		background-color: #0384ce;
		color: #fff;
		text-decoration: none;
	}
	
	.pagination li a:last-child{ margin-right: 0; }
	
	.pagination li.current a,
	.pagination li a:hover { background-color: #045395; }	
	
	/* Timeline */
	
	.timeline {
		padding-bottom: 50px;
		margin-bottom: 0;
		list-style: none; 
		background: url(../images/bg-line-2.png) repeat-y top center;
	}
	
	.timeline img {
		-webkit-border-radius: 50%;
				border-radius: 50%; 
	}
	
	.left-side,
	.right-side {
		float: left;  
		width: 460px; 
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
				box-sizing: border-box; 
		padding: 0 20px; 
	}
	
	.separator:before {
		position: absolute;
		top: 5px;
		right: 4px;
		width: 10px;
		height: 10px;
		border: 1px solid #0384ce;
		-webkit-border-radius: 50%;
				border-radius: 50%;
		background-color: #0384ce;
		content: "";
	}
	
	.separator:hover:before { 
		background-color: #fff; 
		border: 1px solid #0384ce; 
	}
	
	.separator {
		position: relative; 
		float: left;
		width: 20px;
		min-height: 20px;
	}
	
	a.view-more:before {
		position: absolute;
		top: -30px;
		right: 50%;
		width: 11px;
		height: 11px;
		margin-right: -5.5px;
		-webkit-border-radius: 50%;
				border-radius: 50%;
		background-color: #0384ce;
		content: "";
	}
	
	a.view-more {
		display: block; 
		position: relative;
		margin-top: 30px;
	}
	
/* #Blog
   ========================================================================== */
   
	/* Blog Post */
	
	.blog-post { padding: 0 50px; }
	
	.blog-post a { color: #2f2f2f; }
	.blog-post a.btn-blue { color: #fff; }
	
	.blog-post .date {
		position: absolute;
		top: 0;
		left: 50px;
		padding-top: 20px;
		background-color: #c03;
		color: #fff;
		font-size: 18px;
		text-align: center;
		text-transform: uppercase;
	}
	
	.blog-post .date p span {
		padding: 0 15px;
		color: #fff;
		font-size: 25px;
	}
	
	.blog-post-img {
		position: relative;
		margin: 30px -50px 50px -50px;
	}
	
	.blog-post-img img {
		display: block;
		width: 100%;
	}
	
	.blog-post .testimonial,
	.blog-post .row { margin: 30px -50px; }
	
	.blog-post-info {}
	
	.blog-post-readmore {}
	
	#comment-form {}
			
	/* Blog Post Comment */
		
	.blog-post-comment {}
	
	.blog-post-comment .who {}
	
	.blog-post-comment-reply {}
	
	/* Popular Posts Widget */
	
	.popular-posts { margin-bottom: 20px; }
	
	.popular-posts-title {
		padding: 5px;
		background-color: #045395; 
	}
	
	.popular-posts-title p {
		padding: 15px;
		border: 1px solid #fff;
		margin-bottom: 0;
		color: #fff; 
		text-transform: uppercase;
	}
	
	.popular-posts-thumb { float: left; }
	.popular-posts-thumb img { display: block; }
	
	.popular-posts-thumb p {
		background-color: #edff58;
		color: #2f2f2f;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
	}
	
	.popular-posts-info {
		margin-left: 90px;
		color: #2f2f2f; 
	}
	
	.popular-posts-info h5 { margin-bottom: 10px; }
	.popular-posts-info a { color: #2f2f2f; }
	
	/* WordPress Widget Defaults */
	
	.widget { margin: 0 0 20px 40px; } 
	
	#content .widget-title {
		padding: 10px 15px;
		/*border: 1px solid #fff;
		-webkit-border-image: url(../images/dot.png) 1 repeat;
				border-image: url(../images/dot.png) 1 repeat;
		box-shadow: 0 0 0 5px #045395;*/
		margin: 5px 5px 25px -35px;
		background-color: #000;
		color: #fff;
		text-transform: uppercase;
		line-height: 20px;
		font-size: 14px;
	}
	
	.widget-title a { color: #fff; }
	
	/* Search Widget */
	
	.widget_search { margin: 0; }
	
	#searchform { background-color: #0384ce; }
	
	.screen-reader-text { display: none; }
	
	#s {
		display: inline-block;
		width: 100%;  
		-webkit-box-sizing: border-box; 
		   -moz-box-sizing: border-box; 
		   	    box-sizing: border-box;
		padding-left: 30px;
		border: none;
		margin-bottom: 0;
		background: #0384ce url(../images/bg-search-2.png) no-repeat 10px center;
		color: #fff;
	}
			
	#searchsubmit { 
		background-color: #045395; 
		color: #fff;
		text-transform: uppercase;  
	}
	
	/* Categories Widget */
	
	.widget_categories {}
	
	.widget_categories ul { list-style: none; }
	
	.widget_categories ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	.widget_categories ul li:last-child { 
		border-bottom: 0px none;
		-webkit-border-image: none;
		border-image: none; }
	
	.widget_categories ul ul.children {}
	.widget_categories a { color: #2f2f2f; }
	
	.widget_categories a.current { color: #999; text-decoration:none }
	
	.widget_categories select {
		width: 100%;
		-webkit-border-image: url(../images/dot-3.png) 1 repeat;
				border-image: url(../images/dot-3.png) 1 repeat;
		margin-left: -40px; 
	}
	
	.widget_categories select#cat { margin-bottom: 30px; }
	.widget_categories select.postform {}
	.widget_categories option {}
	.widget_categories .level-0 {}
	.widget_categories .level-1 {}
	.widget_categories .level-2 {}
	.widget_categories .level-3 {}
	
	/* Flickr Widget */
	
	.widget_flickr #flickr-feed { margin-left: -40px; }
	
	/* Popular Posts Widget */
	
	.widget_popular_posts .widget-title { margin-bottom: 5px; }
	.widget_popular_posts #tab-3 { margin-left: -40px; }
	.widget_popular_posts .divider { margin: 25px 0; }
	
	/* Recent Entries Widget */
	
	.widget_recent_entries {}
	
	.widget_recent_entries ul { list-style: none; }
	
	.widget_recent_entries ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	.widget_recent_entries ul li:last-child { border-bottom: none; }
	.widget_recent_entries ul li a { color: #2f2f2f; }
	.widget_recent_entries ul li .post-date {}
	
	/* Pages Widget */
	
	.widget_pages {}
	
	.widget_pages ul { list-style: none; }
	
	.widget_pages ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	.widget_pages ul li:last-child { border-bottom: none; }
	.widget_pages ul li a { color: #2f2f2f; }
	
	/* Archive Widget */
	
	.widget_archive {}
	
	.widget_archive ul { list-style: none; }
	
	.widget_archive ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	} 
	
	.widget_archive ul li:last-child { border-bottom: none; }
	.widget_archive ul li a { color: #2f2f2f; }
	
	.widget_archive select { 
		width: 100%;
		-webkit-border-image: url(../images/dot-3.png) 1 repeat;
				border-image: url(../images/dot-3.png) 1 repeat;
		margin-left: -40px;  
	}
	
	.widget_archive option {}
	
	/* Meta Widget */
	
	.widget_meta {}
	
	.widget_meta ul { list-style: none; }
	
	.widget_meta ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	.widget_meta ul li:last-child { border-bottom: none; }
	.widget_meta ul li a { color: #2f2f2f; }
	
	/* Recent Comments Widget */
	
	.widget_recent_comments {}
	
	#recentcomments { list-style: none; }
	
	#recentcomments li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	#recentcomments li:last-child { border-bottom: none; }
	#recentcomments li a { color: #2f2f2f; }
	.recentcomments {}	
	
	/* Tag Cloud Widget  */
	
	.widget_tag_cloud { margin-bottom: 30px; }
	
	.widget_tag_cloud a { color: #2f2f2f; }
	.widget_tag_cloud a:after {}
	.widget_tag_cloud a:before {}
	
	/* Calendar Widget */
	
	.widget_calendar {}
	
	#calendar_wrap { margin-left: -40px; }
	#calendar_wrap th { color: #045395; }
	#calendar_wrap td {}
	
	#wp-calendar tr td {
		border-top: 1px solid #045395;
		-webkit-border-image: url(../images/dot-3.png) 1 repeat !important;
				border-image: url(../images/dot-3.png) 1 repeat !important;
	}
	
	#wp-calendar caption { color: #045395; }
	#wp-calendar a { color: #2f2f2f; }
	#wp-calendar #today {}
	#wp-calendar #prev {}
	#wp-calendar #next {}
	#wp-calendar #next a {}
	#wp-calendar #prev a {}
	
	/* Custom Menu Widget */
	
	.widget_nav_menu {}	
	
	.widget_nav_menu .menu { list-style: none; }
	
	.widget_nav_menu .menu li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	.widget_nav_menu .menu li:last-child { border-bottom: none; } 
	.widget_nav_menu .menu li a { color: #2f2f2f; }
	
	/* RSS Widget */
	
	.widget_rss {}
	
	.widget_rss ul { list-style: none; }
	
	.widget_rss ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #2f2f2f;
		-webkit-border-image: url(../images/dot-2.png) 1 repeat;
				border-image: url(../images/dot-2.png) 1 repeat;
		margin-bottom: 10px;
	}
	
	.widget_rss ul li:last-child { border-bottom: none; }
	.widget_rss ul li a { color: #2f2f2f; }
	
	
	/* WordPress Comments */
	
	.comments-title { margin-bottom: 20px; }
	.comment-reply-title { display: none; }

	.commentlist .reply {}
	.commentlist .reply a { color: #1ba3f1; }
	
	.commentlist .alt {}
	.commentlist .odd {}
	.commentlist .even {}
	.commentlist .thread-alt {}
	.commentlist .thread-odd {}
	.commentlist .thread-even {}
	.commentlist li ul.children .alt {}
	.commentlist li ul.children .odd {}
	.commentlist li ul.children .even {}
	
	.commentlist .vcard {}
	.commentlist .vcard cite.fn {}
	.commentlist .vcard span.says { display: none; }
	.commentlist .vcard img.photo {}
	
	.commentlist .vcard img.avatar { 
		float: left;
		margin-right: 30px;
	}
	
	.commentlist .vcard cite.fn a.url {
		color: #1ba3f1;
		font-size: 18px;
	}
	
	.commentlist .comment-meta { margin-bottom: 20px; } 
	.commentlist .comment-meta a { color: #2f2f2f; }
	.commentlist .commentmetadata {}
	.commentlist .commentmetadata a {}
	
	.commentlist p { margin-left: 110px; }
	.commentlist .comment-body { margin-bottom: 30px; }
	
	.commentlist .parent {}
	.commentlist .comment {}
	.commentlist .children {}
	.commentlist .pingback {}
	.commentlist .bypostauthor {}
	.commentlist .comment-author {}
	.commentlist .comment-author-admin {}
	
	.commentlist { list-style: none; }
	.commentlist li {}
	.commentlist li p {}
	
	.commentlist li ul {
		margin-left: 110px;
		list-style: none; 
	}
		
	.commentlist li ul.children li {}
	.commentlist li ul.children li.alt {}
	.commentlist li ul.children li.byuser {}
	.commentlist li ul.children li.comment {}
	.commentlist li ul.children li.bypostauthor {}
	.commentlist li ul.children li.comment-author-admin {}
	
	#cancel-comment-reply {}
	#cancel-comment-reply a {}
	
	/* Blog Post Comment Form */

	.nocomments, 
	.must-log-in, 
	.logged-in-as { display: none; }

	/* Comment Form */

	#commentform {
		padding: 40px;
		border: 1px solid #045395;
		-webkit-border-image: url(../images/dot-3.png) 1 repeat;
				border-image: url(../images/dot-3.png) 1 repeat; 
		margin-bottom: 30px;
	}
	
	/* Comment notes */
	
	.comment-notes { display: none; }
	
	/* Comment author field. */
	
	.comment-form-author { }
	.comment-form-author label { display: none; }
	.comment-form-author input#author { }

	/* Comment email field. */
	
	.comment-form-email { }
	.comment-form-email label { display: none; }
	.comment-form-email input#email { }

	/* Comment URL field. */
	
	.comment-form-url { }
	.comment-form-url label { display: none; }
	.comment-form-url input#url { }

	/* Required (*) text. */
	
	#commentform .required { }

	/* Comment form comment. */
	
	.comment-form-comment { }
	.comment-form-comment label { display: none; }
	.comment-form-comment textarea#comment { resize: none; }

	/* Allowed tags paragraph. */
	
	.form-allowed-tags { display: none; }
	.form-allowed-tags code { }

	/* Paragraph that wraps the submit button and hidden comment ID fields. */
	
	.form-submit {}

	/* Submit button. */
	
	#commentform #submit { 
		background-color: #018cdc;
		color: #fff;
	}
	
	#commentform #submit:hover { background-color: #045395; }
   
/* #Contact
   ========================================================================== */
   
	/* Contact Form */
  
	#contact-form { 
		overflow: hidden;  
		margin-bottom: 30px; 
	}
	
	#contact-form fieldset { margin: 0; }
	
	label.validation-error { color: #b55454; }
	
	input.validation-error,
	textarea.validation-error,
	select.validation-error { border: 1px solid #e1a1a1; }
	
	#contact-form #formstatus {}
	
	#contact-form input[type="text"] { background: url(../images/bg-input.png) no-repeat bottom right; }
	
	#contact-form textarea {
		height: 130px;
		background: url(../images/bg-input.png) no-repeat bottom right;
		resize: none;
	}
	
	#contact-form .float-left { margin-right: 20px; }
	
	#contact-form .btn-blue {
		border: none;
		background-color: #c03; 
	}
	
	#contact-form .btn-blue:hover { background-color: #333; }
	
	/* Need Support */
	
	.need-support {
		padding: 35px 15px 35px 15px; 
		margin-bottom: 20px;
		background-color: #c03;
		color: #fff;
	}
	
	.need-support p {
		float: left;
		width: 200px;
		margin: 5px 0 10px 10px; 
	}
	
	.need-support h3 {
		float: left;
		width: 200px;
		margin: 5px 0 0 10px; 
	}
	
	.need-support .phone-number { 
		float: left;
		margin: 5px 0 0 10px;
		border: 1px dotted #fff;
		padding: 5px; 
		font-size: 20px;
		line-height: 24px;
		text-align: center;
	}
	
	/* Quick Social */
	
	.quick-social {
		padding: 25px;
		border: 1px solid #4d4d4d;
		text-align: center;
	}
	
	.quick-social p a { margin-bottom: 0; }	
	
/* ==========================================================================
   #Responsive
   ========================================================================== */
   
/* #Large Display
   ========================================================================== */
   	
	@media (min-width: 1400px) {
		
		#wrap {}
		
		#flickr-feed { margin-top:-5px; }
		
		#flickr-feed img { 
			width: 75px; 
			padding: 5px 12px 0 0;
		}
		
		/* Portfolio items */
		
		.portfolio-item-overlay {
			margin: 30px;
			padding-top: 80px; 
		}
		
		/* Timeline */
		
		.left-side,
		.right-side { width: 570px; }
		
		.separator:before { right: 10px; }
		.separator { width: 30px; }
		
		#contact-form .float-left { margin-right: 30px; }
		
		.need-support .phone-number { padding: 20px 70px; }
	}

/* #Smaller then 1024px width
   ========================================================================== */
	
	@media (max-width: 1024px) {

		#wrap {}
		
		#header {}
		
		#content {}
		
		#footer {}
		
		#logo { }
		
		
		
	}

/* #Tablet (Portrait)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		
		#wrap {}
		
		#header {}	
		
		#logo {}
		
		#menu { display: none; }
		
		#mobile-menu-trigger { display: block; margin-top: 45px; }	
		
		#content {}
		
		#footer {}
		
		/* Index */
		
		.services-list li {
			float: left;
			width: 25%;
			margin-right: 0; 
		}
		
		/* Contact Support */
		
		.widget_contact_support .phone-number {
			padding: 20px 5px;
			font-size: 12px;  
		}
		
		/* Newsletter  Subscribe */
		
		#newsletter-subscribe-form input[type="submit"] {
			position: relative;
			top: auto;
			right: auto;
			bottom: auto;
			background-color: #0073B5;
			-webkit-box-sizing: content-box;
			   -moz-box-sizing: content-box;
					box-sizing: content-box;
			
		}
		
		/* Portfolio items */
		
		.portfolio-item-overlay {
			margin: 10px;
			padding-top: 20px; 
		}
		
		.portfolio-items { margin: 0 -7.5px; }
		.portfolio-items li img { height: 225px; }		
		
		.portfolio-items li { 
			padding:0 7.5px; 
			margin-bottom: 15px; 
		}
		
		/* Timeline */
		
		.left-side,
		.right-side { width: 345px; }
		
		.separator:before { right: 2px; }
		.separator { width: 15px; }

		/* Blog */
		
		.popular-posts-thumb { float: none; }
		.popular-posts-thumb img { width: 100%; }
		.popular-posts-info { margin-left: 0; }
		
		/* Search Widget */
	
		#searchsubmit { 
			position: relative;
			right: 0;
		}
		
		/* Contact */

		.need-support { padding: 10px; }
		.need-support p { width: 115px; }
		
		#contact-form .float-left { margin-right: 15px; }

	}
	
/* #Mobile (Portrait)
   ========================================================================== */
	
	@media (max-width: 767px) {
	
		body { 
			background: none; 
			background-color: #fff; 
		}
		
		#wrap {}
		
		#header { }	
		
			
		
		#logo img {margin-left:-35px }
		
		#menu { display: none; }
		
		#mobile-menu-trigger {
			position: absolute;
			top: 13px; 
			right:40px; 
			display: block;  
		}
		
		#content {}
		
		.headline { margin-top: 50px; }
		.headline > span { display: none; }
		.headline h1 { border-bottom: none; }
		
		#footer{}	

		/* Footer social media */
		
		#footer-top .social { text-align: left; }
		
		#footer-top a.social-icon { 
			margin-right: 10px; 
			padding: 5px;
		}
		
		/* Latest Tweet */
		
		#latest-tweet { 
			min-height: 0;
			margin-bottom: 20px;
		}

		/* Flickr Feed */
		
		#flickr-feed { margin-bottom: 20px; }
		
		#flickr-feed img { 
			width: 75px; 
			padding: 0px 5px 0 0;
		}
		
		/* Grid */
			
		.row { padding: 0 40px; }
		
		.row .row { 
			width: auto; 
			padding: 0; 
			margin: 0; 
		}
		
		p.last, 
		h1.last, 
		h2.last, 
		h3.last, 
		h4.last, 
		h5.last, 
		address.last, 
		ul.last, 
		ol.last { margin-bottom: 20px; }
		
		.text-right{ text-align: left; }
		
		/* Index */
		
		.services-list li {
			float: left;
			width: 50%;
			margin-right: 0; 
		}
		
		/* Portfolio filter */
		
		.portfolio-filter ul li { 
			display: block; 
			margin: 0; 
		}
		 
		.portfolio-filter ul li a { padding: 10px; }
		
		/* Portfolio items */
		
		.portfolio-item-overlay {
			margin: 10px;
			padding-top: 20px; 
		}
		
		.portfolio-item-overlay p { display: none; }
		
		.portfolio-items li {
			float: none;
			width: 100%;
			padding: 0;
		}
	
		.portfolio-items li img { margin: 0 auto; }
		
		/* Timeline */
		
		.timeline { background: none; }
		
		.timeline li { 
			padding: 10px 0; 
			border-bottom: 1px solid #045395; 
		}
		
		.timeline li:first-child { border-top: 1px solid #045395; }
		
		.timeline .text-right { text-align: left; }
			
		.left-side,
		.right-side { width: 100%; }
		
		.separator { display: none; }
		
		a.view-more:before { display: none; }
		
		/* Blog */
		
		.blog-post { padding: 0 }
		
		.blog-post .date { display:none }
		
		.blog-post-img { margin: 30px 0 50px 0; }
		
		.blog-post .testimonial,
		.blog-post .row { margin: 30px 0; }
		
		/* Contact */

		.need-support p {
			margin: 20px 0 0 0;
			width: 100%;
		}
		
		.need-support .phone-number { margin: 20px 0 0 0; }
		
		#contact-form .float-left {
			float: none;
			margin-right: 0; 
		}
		
		.commentlist li ul { margin-left: 30px; }
		.commentlist p { margin-left: 0; }
		
		#s {
			padding-left: 15px;
			background-image: none; 
		}

	}

/* #Mobile (Landscape)
   ========================================================================== */

	@media (min-width: 480px) and (max-width: 767px) {
		
		/* Index */
		
		.services-list li {
			float: left;
			width: 25%;
			margin-right: 0; 
		}
	}
	
.split-color-box.alt .inner-box i.fa {
	font-size: 1.5em;
	margin-right: 10px;
	margin-left: 10px;
}