.hero_cont {width:100%; text-align:center; font-size: 16px;}
.hero_cont a {text-decoration: none;}
.hero_cont a, .hero_cont a:visited {/*color: #0087cc;*/ color: #fff;}
.hero_cont a:hover, .hero_cont a:active{color: #009ceb;}
.mid_hero { background: url('http://cdn.toptenreviews.com/misc/3scn/home/about/whoweare_md.jpg') #000 center top no-repeat; }
.bottom_hero { background: url('http://cdn.toptenreviews.com/misc/3scn/home/about/whatwedo_md.jpg') #000 center top no-repeat; }
.hero_text {color:white; margin: 0 24px; padding: 0 0 30px;}
.hero_text h2 {text-align: center;font-size: 55px; font-weight: 200; margin:45px 0; line-height:1;}
.hero_text p {}
.hero_first_letter{float:left; font-size: 64px; font-weight:400; line-height:1; margin-top: -4px;}

.about_info_wrapper {padding: 0 24px;}
.about_info_row {float:left; width:100%; line-height:24px; font-size: 16px; margin-bottom:20px;}
.about_info_row:first-child {padding-top: 30px;}
.about_info_text_title, .about_info_text {float:left;}
.about_info_text_title h3 {color:#0187ce; margin:0 0 10px 0; font-size: 30px; line-height:1; font-weight:400;}
.about_info_icon {display: none; float:left; width:170px; height:170px; margin-right:65px; background: url('http://cdn.toptenreviews.com/misc/3scn/home/about_sprites.jpg');}
.icon_one {background-position: 0px -3px;}
.icon_two {background-position: 1449px -3px;}
.icon_three {background-position: 1182px -3px;}
.icon_four {background-position: 933px -3px;}
.icon_five {background-position: 702px -3px;}
.icon_six {background-position: 448px -3px;}
.icon_seven {background-position: 197px -3px;}

.hero_text_head {width:310px; color:white; padding:130px 0 105px;}
.hero_text_head h2 {text-align: center; font-size: 32px; font-weight: 200; margin:-35px 0 24px; line-height:48px;}
.hero_text_head h3 {text-align: center; font-size: 28px; font-weight: 200; margin:62px 0 0 0; }
.top_hero { height: 480px; background: url('http://cdn.toptenreviews.com/rev/site/hero/medium/hero1.jpg') #000 center top no-repeat; }

/* Mega Menu specific CSS and overrides */
.dropdown_menu { right: 0; }
.dropdown_menu.wedge_up_new:before, .dropdown_menu.wedge_up_new:after { left: 582px; }
/* End mega menu specific css */

#search-box {margin-bottom:62px;}
#search, #submit, #search-box { float:left; height:50px; border: none;}
#search { margin: 0; padding: 0px 14px 0px 20px; width: 410px; font-weight:300; font-size:18px; outline:none; color: #666; }
#submit { margin-left:5px; padding: 6px 0 6px; width: 115px; color: #FFF; background: #338CD8; cursor: pointer; font-size:20px; -webkit-appearance: none;}

/* Styling for google search is done in a separate file call is the head so it won't be overridden by google's default styles */

/* tabs for home page */
.ghost_button {font-family: Roboto,'Open Sans',Helvetica,Arial,sans-serif;margin: 75px 15px 75px 15px; padding: 12px 20px 12px 20px; text-align: center; text-decoration: none; }
.ghost_dropdown {font-size: 22px;}							/* ghost dropdowns should be bigger when above tiles */
.ghost_dropdown select {padding: 12px 44px 12px 20px;}

.gray_bck { background-color:#F3F3F3; }.gray_bck { background-color:#F3F3F3; width: 100%;}

/* tile stuff */
.stretch_container { overflow-x: hidden; overflow-y: hidden; transition: all 1s ease-in;}
.wrapstuff { width: 1200px; text-align: center; margin: 0 auto; }
.column { float: left; margin: 10px; width: 265px; }
.load_more {margin-top: 20px; text-align: center;}
.load_more a { color: #595959; cursor: pointer; font-size: 24px; font-weight: 300;text-decoration: none;}
.load_more a:after { content: '\e600'; font-family: 'ttr_3sc_icons'; font-size: 40px; margin: 0 0 0 10px; vertical-align: middle; }
.full_width {width: 100%;}
.pad_bottom {padding-bottom: 30px;}

@media only screen and (min-width: 1024px) {
	.about_info_icon {display: initial; }
	.about_info_row {line-height:30px; font-size: 22px; margin-bottom:80px;}
	.about_info_row:first-child {padding-top: 0;}
	.about_info_text {margin-top: 20px;}
	.about_info_text, .about_info_text_title {width: 635px;}
	.about_info_text_title {width: 635px;}
	.about_info_wrapper {padding:70px 0 20px 75px; width: 900px;}
	.hero_cont { font-size: 22px;}
	.hero_text {color:white; margin: 0 20px; padding:35px 0 65px;}
	.hero_text h2 {margin:45px 0 75px;}
	.hero_text_head {width:565px; color:white; padding:130px 0 105px;}
	.hero_text_head h2 {font-size: 60px; margin:45px 0 50px; line-height:70px;}
	.top_hero { height: 619px;}
}

@media only screen and (min-width: 1280px) {
	/*.home_tab {margin: 75px 15px 75px 15px; font-size: 18px; padding: 12px 20px 12px 20px;}*/
.ghost_button { font-size: 20px; margin: 75px 20px 75px 20px; padding: 15px 25px 15px 25px; }
.dropdown_menu.wedge_up_new:before, .dropdown_menu.wedge_up_new:after { left:404px; }
}

@media only screen and (min-width: 1600px) {
	.mid_hero { background: url('http://cdn.toptenreviews.com/misc/3scn/home/about/whoweare_lg.jpg') #000 center top no-repeat; }
	.bottom_hero { background: url('http://cdn.toptenreviews.com/misc/3scn/home/about/whatwedo_lg.jpg') #000 center top no-repeat; }
}