#home-top { background:#e6e6e6 url(../images/home/bg_02.jpg) no-repeat center top; background-size:cover; padding-top:60px;  }

#featured { padding:0 0 60px; }

#featured .carousel .item-inner .content .read-more { margin:10px 0; }
#featured .carousel .item-inner .content .read-more a { display:block; background:#2a78b0; border-radius:4px; padding:20px; font-size:20px; line-height:20px; color:white; text-align:center; text-transform:uppercase; transition:background-color .2s; }
#featured .carousel .item-inner .content .read-more a i { display:inline-block; width:20px; height:20px; background:url(../images/icons/arrow_read_more.png) no-repeat center center; vertical-align:bottom; }
#featured .carousel .item-inner .content .read-more a:hover { background-color:#aa302f; text-decoration:none; }

#featured img { max-width:100%; }
#featured .carousel .item-inner .media {  }
#featured .carousel .item-inner .content { background:white; padding:20px; }
#featured .carousel .item-inner .content .title { margin:0 0 20px; font-family: 'Open Sans', Georgia, serif; color: #2a78b0; }
#featured .carousel .item-inner .content .title a { color:inherit; }
#featured .carousel .item-inner .content .title a:hover { color:#aa302f; text-decoration:none; }
#featured .carousel .item-inner .content .abstract { display:none; font-size:18px; line-height:24px; }
#featured .carousel .item-inner .content .read-more { display:none; }

#featured .control { position:absolute; top:50%; background-repeat:no-repeat; background-position:center center; width:60px; height:120px; margin-top:-20%; }
#featured .control.prev { left:0; background-image:url(../images/template/arrow_feature_left_small.png); }
#featured .control.next { right:0; background-image:url(../images/template/arrow_feature_right_small.png); }

@media screen and (min-width:768px) {
	#featured .carousel .item-inner .content .read-more { display:block; }
}

@media screen and (min-width:992px) {
	#featured .carousel .item { padding:10px; }
	#featured .carousel .item-inner { box-shadow:10px 10px 10px 0px rgba(0,0,0,0.25); }
	#featured .carousel .item-inner { position:relative; width:920px; height:445px }
	#featured .carousel .item-inner .media { position:absolute; top:0; left:0; bottom:0; width:570px; z-index:3; }
	#featured .carousel .item-inner .media img { width:100%; height:100%; }
	#featured .carousel .item-inner .content-inner { max-height:265px; overflow:hidden; position:relative; }
	/* #featured .carousel .item-inner .content-inner:before { content:''; width:100%; height:50px; position:absolute; left:0; right:0; bottom:0; background:linear-gradient(transparent, white); } */
	#featured .carousel .item-inner .content { position:absolute; top:0; right:0; bottom:0; width:350px; z-index:2; padding:30px; }
	#featured .carousel .item-inner .content .abstract { display:block; }
	#featured .carousel .item-inner .read-more { position:absolute; bottom:20px; left:20px; right:20px; margin:0; }
	
	#featured .control { width:80px; height:auto; margin-top:0; top:0; bottom:0; }
	#featured .control.prev { left:-80px; background-image:url(../images/template/arrow_feature_left_large.png); }
	#featured .control.next { right:-80px; background-image:url(../images/template/arrow_feature_right_large.png); }
}

/* @media (min-width:1152px) {} */

@media screen and (min-width:1380px) {
	#featured .carousel .item-inner { width:1180px; height:510px; } 
	#featured .carousel .item-inner .media { width:700px; /* height:470px; */ }
	#featured .carousel .item-inner .content { width:480px; /* height:470px; */ }
	#featured .carousel .item-inner .content-inner { max-height:330px; }
}

#featured .thumbnails { display:none; margin:0 20px; padding:20px 0 0; }
#featured .thumbnails .item { padding:2px; display:inline-block; cursor:pointer; }
#featured .thumbnails .item-inner { position:relative; }
#featured .thumbnails .media { /* width:100%; height:0; padding-top:75%; position:relative; */ background:black; }
#featured .thumbnails .media img { /* position:absolute; top:0; right:0; bottom:0; left:0; */ opacity:0.5; transition: opacity .2s; } 
#featured .thumbnails .item:hover .media img { opacity:0.25; }
#featured .thumbnails .item.active .media { background:#aa302f; }
#featured .thumbnails .item.active .media img { opacity:0.25; }

#featured .thumbnails .title { position:absolute; right:0; bottom:10px; left:0; color:white; font-size:16px; font-weight:600; line-height:18px; padding:20px 10px 0; max-height:100%; overflow:hidden; }
#featured .thumbnails .active .title { display:none; }
#featured .thumbnails .share { position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; display:none; cursor:default; }
#featured .thumbnails .active .share { display:block; }
#featured .thumbnails .share-align { position:absolute; top:50%; left:0; right:0; margin-top:-40px; }
#featured .thumbnails .share-link { display:inline-block; width:80px; height:80px; background-repeat:no-repeat; background-position:center center; border-radius:40px; border:1px solid white; text-indent:-9999px; }
#featured .thumbnails .share-link-facebook { background-image:url(../images/template/carousel_share_facebook.png); }
#featured .thumbnails .share-link-twitter { background-image:url(../images/template/carousel_share_twitter.png); }

@media screen and (min-width:1200px) {
	#featured .thumbnails { display:block; }
	#featured .thumbnails .title { font-size:18px; line-height:24px; }
}

.homepage-header { position:relative; }
.homepage-header h3 { position:relative; z-index:5; text-align:center; font-size:32px; font-weight:800; padding:0 0 30px; }

#services { padding:30px 0; background:white; }
#services h3 { display:none; } 
#services .links { margin:0; }
#services .links div { padding:0 0 0; }
#services .links div a { display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:contain; padding-top:100%; height:0; transition:opacity .2s; }
#services .links div a:hover { opacity:0.75; }
#services .links div.about a { background-image:url(../images/template/service_about_ron.png); }
#services .links div.contact a { background-image:url(../images/template/service_email_ron.png); }
#services .links div.casework a { background-image:url(../images/template/service_need_assistance.png); }
#services .links div.newsletter a { background-image:url(../images/template/service_newsletter_signup.png); }
#services .links div.initiatives a { background-image:url(../images/template/service_key_initiatives.png); }
#services .links div.visiting-dc a { background-image:url(../images/template/service_visiting_dc.png); }


#social-media { padding:30px 0; background:url(../images/template/follow_bg.jpg) no-repeat center center; background-size:cover; color:white; }
 
#social-media .social-wrapper { display:table; width:100%; border-spacing:2px; }
#social-media .social-twitter { display:table-cell; background:rgba(255,255,255,0.15); padding:15px; }
#social-media .twitter-logo { float:left; padding:15px; }
#social-media .twitter-logo a { display:block; width:48px; height:60px; background-image:url(../images/template/follow_twitter.png); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
#social-media .tweet { min-height:90px; border-left:1px solid rgba(255,255,255,0.25); }
#social-media .tweet a { color:#b8ddfa; }
#social-media .social-header { font-size:30px; line-height:60px; font-weight:300; text-align:center; text-transform:uppercase; position:absolute; top:0; left:0; text-align:left; }
#social-media .social { display:table-cell; vertical-align:middle; background:rgba(255,255,255,0.15); }
#social-media .social a { display:block; height:60px; background-position:center center; background-repeat:no-repeat; background-size:contain; text-indent:-9999px; }
#social-media .social a:hover { background-color:rgba(255,255,255,0.25); transition: background-color .5s; }
#social-media .twitter a { background-image:url(../images/template/follow_twitter.png); }
#social-media .facebook a { background-image:url(../images/template/follow_facebook.png); }
#social-media .youtube a { background-image:url(../images/template/follow_youtube.png); }
#social-media .flickr a { background-image:url(../images/template/follow_flickr.png); }
#social-media .instagram a { background-image:url(../images/template/follow_instagram.png); }

@media (min-width:768px) {
	#social-media .social {  }
	#social-media .social a { min-width:100px; }
	#social-media .twitter { display:none; }
}

#social-media #twitter { min-height:48px; overflow:hidden; }
#social-media #twitter .tweet { margin-left:80px; padding:0 15px; line-height:24px; font-weight:400; font-size:18px; }


#offices { padding:40px 0; margin-bottom:20px; background:white; }
#offices h3 { margin:0 auto; }
#offices h3 span { display:block; text-indent:-9999px; background:url(../images/template/header_office_locations.png) no-repeat center center; background-size:contain; padding-top:11.3122172%; height:0; } 
#offices .locations { background:#f2f2f2; }
#offices .locations .location h4 { background:#e6e6e6; margin:0; padding:0 20px; height:50px; line-height:50px; }
#offices .locations .location.active h4 { transition:background-color 0.5s step-end, color 0.5s step-end; }
#offices .locations .location .location-content-inner { padding:20px; }
#offices .locations .location .contact { margin:5px 0; }
#offices .locations .location .contact a { background:#2a78b0; color:white; box-shadow:5px 5px 0 rgba(0,0,0,.2); border-radius:4px; }
#offices .locations .location .contact a:hover { background:white; color:inherit; } 

@media screen and (min-width:768px) {
	#offices .locations { overflow:hidden; }
	#offices .locations .location { float:left; height:350px;  }
	#offices .locations .location-header { width:50px; height:350px; cursor:pointer; position:relative; float:left; border-left:1px solid white; }
	#offices .locations .lcoation:first-child .location-header { border-left:0; }
	#offices .locations .location h4 { position:absolute; top:0; left:0; width:350px; transform:rotate(90deg) translateY(-50px); transform-origin:0 0; text-transform:none; font-size:24px; font-weight:300; color:#0c2d52; transition:color, background, .2s; }
	#offices .locations .location h4:hover { background:#0c2d52; color:#fff; }
	#offices .locations .location.active h4 { color:white; background:#0c2d52; }
	
	#offices .locations .location .location-content { width:0; height:350px; overflow:hidden; transition:width 0.5s ease-in-out; float:left; }
	#offices .locations .location.active .location-content { width:520px; }
	#offices .locations .location .location-content-inner { width:520px; height:350px; padding:30px; background-repeat:no-repeat; background-position:bottom right; background-size:cover; }
	
	#offices .locations .location.deland .location-content-inner { background-image:url(../images/offices/map_deland.jpg); }
	#offices .locations .location.palm-coast .location-content-inner { background-image:url(../images/offices/map_palm_coast.jpg); }
	#offices .locations .location.port-orange .location-content-inner { background-image:url(../images/offices/map_port_orange.jpg); }
	#offices .locations .location.washington-dc .location-content-inner { background-image:url(../images/template/map_dc.jpg); }
}

@media (max-width:767px) {
	#offices .locations:before { content:''; display:block; width:100%; height:0; padding-top:50%; background:white url(../images/template/map_dc.jpg) no-repeat center center; background-size:cover; } 
}

@media (min-width:992px) {
	#offices .locations .location.active .location-content { width:740px; }
	#offices .locations .location .location-content-inner { width:740px; }
}

@media (min-width:1380px) {
	#offices .locations .location.active .location-content { width:1000px; }
	#offices .locations .location .location-content-inner { width:1000px; }
} 

@media print {
	#featured-carousel .carousel-inner>.item { display:block; }
	#services { display:none; }
	#social-media {  }
	#social-media .section {  }
	
	.homepage-header .line { display:none; }
	
	#offices h3 { max-width:none; text-align:center; }
	#offices h3 span { text-indent:initial; height:auto; padding:0; }
}