body { 
	background: none !important; 
	text-rendering: optimizeLegibility;
	/*min-width: 1100px;*/
}
body, p, a, ul {
	font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: -0.02em;
}
#wrapper {
	height: auto !important;
}
#top_wrapper, #top, #nav_wrapper, #content_wrapper, #content, #bottom {
    float: none !important;
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}
#content, #top, .nav {
    width: 100% !important;   
    margin: 0 auto;
}
#top_wrapper, #top {
    height: auto;
}
#site_logo {
    float: none !important;
}
#sr_site_logo {
	display: inline-block;
	vertical-align: top;
	width: 90%;
	max-width: 317px;
	max-width: 377px;
}
#sr_site_logo img {
	width: 100%;
}
/*
#top_wrapper, #top_wrapper h1, #nav_wrapper, #nav_wrapper a, #content_wrapper, #content_wrapper h1, #content_wrapper p, #content_wrapper a, #content_wrapper ul {
    font-family: 'Open Sans', sans-serif;
}
*/
#nav_wrapper a {
	position: relative;
	font-weight: 700;
	color: #777 !important;
}
#nav_wrapper a .line {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 2px;
	background: #36b3a8;
	transition: left 0.25s ease, width 0.25s ease;
}
#nav_wrapper li:hover a .line {
	left: 0;
	width: 100%;
	transition: left 0.25s ease, width 0.25s ease;
}

#content_wrapper h1 {
    font-weight: 300;
}

#sidebar1, #sidebar2 { display:none; }
a.btn {
	display: inline-block;
	vertical-align: middle;
	padding: 10px 25px;
	color: #fff !important;
	background: #13665f;
	border: 2px solid #13665f;
	border-radius: 4px;
	outline: none;
	letter-spacing: -0.01em;
	font-size: 16px;
	line-height: 18px;
	transition: background 0.25s ease, color 0.25s ease !important;
}
a.btn:hover {
	background: none;
	color: #13665f !important;
	transition: background 0.25s ease, color 0.25s ease !important;
}
.num {
	display: inline-block;
	vertical-align: middle;
	background: #90c841;
	color: #fff !important;
	font-size: 20px;
	line-height: 22px;
	padding: 10px;
	margin-bottom: 7px;
}


/* HOME */
.sr_main {
	position: relative;
	overflow: hidden;
	height: 450px;
	z-index: 10;
}
.sr_main .bg {
	position: absolute;
	width: 100%;
	z-index: 1;
}
.sr_main .bg img {
	width: 100%;
}
.sr_main .video {
	position: absolute;
	width: 100%;
	z-index: 2;
}
.sr_main .video video {
	width: 100%;
}
.sr_main .copy {
	position: relative;
	width: 90%;
	max-width: 1100px;
	max-width: 850px;
	margin: 0 auto;
	z-index: 3;
}
.sr_main .copy .col1 {
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	margin-right: 0%;
	padding-top: 85px;
}
.sr_main .copy .col1 img {
	max-width: 100%;
}
.sr_main .copy .col2 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 52.5%;
	height: 446px;
	margin-left: -4px;
}
.sr_main .copy .col2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
	position: relative;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	z-index: 2;
}
.sr_main .copy .col2 .inner {
	padding: 87px 40px 0 40px;
}
.sr_main .copy .col2 ul li  {
	display: block;
	margin-bottom: 12px;
}
.sr_main .copy .col2 ul li .fa {
	float: left;
}
.sr_main .copy .col2 ul li div {
	margin-left: 30px;
}
.sr_main .copy .col2 .back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*
	background: #000;
	opacity: 0.4;
	*/
	z-index: 1;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0.1+100 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.3+100 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.sr_home_content {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 60px 0;
}
.sr_home_content h1 {
	text-align: center;
}
.sr_home_content h2 {
	text-align: center;
}

.sr_blue_box {
	background: #0675B0;
	padding: 30px;
}
.sr_blue_box.gray {
	background: #f7f7f7;
	border: 1px solid #f0f0f0;
	border-radius: 3px;
}
.sr_blue_box.gray .col1 {
	color: #333 !important;
}
.sr_blue_box .col1 {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	margin-right: 10%;
	font-size: 28px;
	line-height: 1.3em;
	font-weight: bold;
	color: #fff !important;
}
.sr_blue_box .col2 {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-left: -4px;
}
.sr_blue_box .col2 a {
	display: block;
	text-align: center;
	padding: 10px;
	color: #fff !important;
	background: #0088cc;
	border-radius: 4px;
	transition: background 0.25s ease, color 0.25s ease;
}
.sr_blue_box .col2 a:hover {
	background: #fff;
	color: #0088cc !important;
	transition: background 0.25s ease, color 0.25s ease;
}

#content_wrapper .sr_home_content1 h1 {
	font-weight: bold;
	margin-bottom: 10px;
}
#content_wrapper .sr_home_content h2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
}
.sr_home_content1 .portals {
	text-align: center;
	padding: 30px 0 0 0 ;
}
.sr_home_content1 .portals div {
	display: inline-block;
	vertical-align: middle;
	width: 7.5%;
	margin-left: -4px;
	margin-right: 2.5%;
}
.sr_home_content1 .portals div.first {
	margin-left: 0;
}
.sr_home_content1 .portals div.last {
	margin-right: 0;
}
.sr_home_content1 .portals div img {
	width: 100%;
}

.sr_home_content2 {
	padding-top: 0;
	padding-bottom: 0;
}
.sr_home_content3 .col1 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 47.5%;
	margin-right: 5%;
	padding-bottom: 50px;
	min-height: 400px;
}
.sr_home_content3 .col2 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 47.5%;
	margin-left: -4px;
	padding-bottom: 50px;
	min-height: 400px;
}
.sr_home_content3 .col2 img {
	width: 100%;
	margin-bottom: 10px;
}
#content_wrapper .sr_home_content3 h1,
#content_wrapper .sr_home_content4 h1 {
	text-align: left;
	font-weight: 700;
	margin-bottom: 20px;
}
.sr_home_content3 p,
.sr_home_content4 p {
	font-size: 16px;
	line-height: 1.66em;
	margin-bottom: 20px;
}
.sr_home_content3 p.big,
.sr_home_content4 p.big {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.sr_home_content3 .btn {
	position: absolute;
	bottom: 0;
	left: 50%;
}
.sr_home_content3 .col1 .btn {
	margin-left: -125px;
}
.sr_home_content3 .col2 .btn {
	margin-left: -110px;
}

.sr_home_content4_wrapper {
	background: #f0f0f0;
}
.sr_home_content4 {
	/*border-top: 1px dashed #e5e5e5;*/
}
.sr_home_content4 .col1 {
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
	margin-right: 5%;
}
.sr_home_content4 .col1 .icons {
	margin-bottom: 10px;
	text-align: center;
}
.sr_home_content4 .col1 .icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 10px 10px;
}
.sr_home_content4 .col2 {
	display: inline-block;
	vertical-align: top;
	width: 61.6667%;
	margin-left: -4px;
}
.sr_home_content4 .tabs {
	list-style-type: none;
	margin: 0 0 -1px 0;
	padding: 0;
}
.sr_home_content4 .tabs li {
	display: inline-block;
	vertical-align: bottom;
	border: 1px solid #e5e5e5;
	border-bottom: none;
}
.sr_home_content4 .tabs li a {
	display: block;
	padding: 10px 20px 10px 14px;
	color: #444 !important;
	font-size: 14px;
}
.sr_home_content4 .tabs li a .fa {
	font-size: 16px;
	color: #7d7d7d !important;
	transition: color 0.25s ease;
}
.sr_home_content4 .tabs li a:hover .fa {
	color: #444 !important;
	transition: color 0.25s ease;
}
.sr_home_content4 .panels {
	border: 1px solid #e5e5e5;
	background: #fff;
	padding: 25px;
}
.sr_home_content4 .profile_thumb {
	float: left;
}
.sr_home_content4 .profile_desc {
	margin-left: 186px;
}
#content_wrapper .sr_home_content4 h2 {
	text-align: left;
	font-size: 16px;
	font-weight: bold !important;
	margin-bottom: 20px;
}

.sr_home_content6_wrapper {
	position: relative;
	background: url('http://cdn.thehoopla.com/images/142/0/raw/testimonials_bg1.png') top center no-repeat;
	background-size: 100% auto;
}
.sr_home_content6 {
	text-align: center;
}
.sr_home_content6 .copy {
	position: relative;
	z-index: 2;
}
#content_wrapper .sr_home_content6 h1 {
	font-weight: bold;
}
#content_wrapper .sr_home_content6 h3 {
	margin-bottom: 30px;
}
.sr_home_content6 .box {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 30%;
	margin-right: 5%;
	margin-left: -4px;
	background: #fff;
	border-radius: 2px;
	text-align: left;
}
.sr_home_content6 .box_first {
	margin-left: 0;
}
.sr_home_content6 .box_last {
	margin-right: 0;
}
.sr_home_content6 .box .inner {
	padding: 15%;
}
.sr_home_content6 .box .fa-caret-down {
    position: absolute;
    bottom: -17px;
    left: 16%;
    color: #fff;
    font-size: 30px;
}
.sr_home_content6 .box p {
	font-size: 14px !important;
	line-height: 18px !important;
	margin-bottom: 20px !important;
}
.sr_home_content6 .box p.name {
	font-weight: bold;
	margin-bottom: 7px;
}
.sr_home_content6 .box p.title {
	color: #999;
	margin-bottom: 0;
}
/* END HOME */


/* CONTENT */
.blue_title_bar {
	position: relative;
	background: #32a69c;
}
.blue_title_bar h1, 
.blue_title_bar h3,
.blue_title_bar a {
	text-transform: uppercase;
}
.blue_title_bar h1 {
	color: #fff !important;
	text-transform: uppercase !important;
}
.blue_title_bar .breadcrumbs_html {
	color: #fff;
}
.blue_title_bar a {
	font-size: 12px;
	line-height: 14px;
	color: #fff !important;
	opacity: 0.7;
	transition: opacity 0.25s ease;
}
.blue_title_bar a:hover {
	opacity: 1;
	transition: opacity 0.25s ease;
}
.blue_title_bar .inner {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 45px 0;
}
.blue_title_bar .col2 {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}

.mk-accordion {
	position: relative;
	color: #222;
	border: 1px solid #ececec;
	border-top: none;
}
.mk-accordion-tab {
    position: relative;
    padding: 9px 30px 12px 15px;
    color: #222;
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    cursor: pointer;
	border-top: 1px solid #ececec;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    background-color: #fdfdfd;
}
.mk-accordion-pane {
    display: none;
	border-top: 1px solid #ececec;
    padding: 20px;
	background-color: #fff;
}
.mk-accordion .mk-accordion-single.active .mk-accordion-tab:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    ms-transform: rotate(90deg);
}
.mk-accordion.fancy-style .mk-accordion-tab:before {
    position: absolute;
    top: 50%;
    right: 14px;
    display: block;
    margin-top: -9px;
    padding: 3px 6px 2px;
    color: #adadad;
    content: "\f054";
	font-family: FontAwesome;
    font-size: 12px!important;
    line-height: 16px;
}
/* END CONTENT */


/* FOOTER */
.sr_footer {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.sr_footer, .sr_footer p, .sr_footer h2 {
	color: #999 !important;
}
.sr_footer p {
	margin-bottom: 10px;
}
.sr_footer a {
	color: #ddd !important;
	font-weight: 400 !important;
	transition: color 0.25s ease;
}
.sr_footer a:hover {
	color: #fff !important;
	transition: color 0.25s ease;
}
.sr_footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sr_footer .col {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	margin-left: -4px;
	margin-right: 5%;
	text-align: left;
}
.sr_footer .col1 {
	margin-left: 0;
}
.sr_footer .col4 {
	margin-right: 0;
}
#bottom .sr_footer .col h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal !important;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 22px;
}
.sr_footer .recent_posts li {
	display: block;
	margin-bottom: 12px;
}
.sr_footer .recent_posts li a {
	display: block;
	margin: 0;
	padding: 0;
}
.sr_footer .recent_posts li .date {
	font-size: 12px;
}
.sr_footer .contact li {
	display: block;
	margin-bottom: 5px;
}
.sr_footer .contact li .fa {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
/* END FOOTER */

/* CONTENT */
#header_wrapper {
	background: #32a69c;
	padding: 10px 0;
}
#header_wrapper .inner {
	position: relative;
	width: 90%;
	max-width: 1135px;
	margin: 0 auto;
}
#header_wrapper .col {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
#header_wrapper .col_right {
	position: absolute;
	top: 1px;
	right: 0;
	margin-right: 0;
}
#header_wrapper,
#header_wrapper a {
	color: #a9cadd !important;
	font-weight: 400 !important;
	transition: color 0.25s ease;
}
#header_wrapper a:hover {
	color: #fff !important;
	transition: color 0.25s ease;
}
#header_wrapper a.social {
	padding: 5px;
	border-radius: 100%;
	background: #a9cadd;
	color: #32a69c !important;
	margin-left: 3px;
	transition: background 0.25s ease;
}
#header_wrapper a.social:hover {
	background: #fff;
	transition: background 0.25s ease;
}
#header_wrapper a.social.tw {
	padding: 5px 7px;
}
#header_wrapper a.social.fb {
	padding: 5px 9px;
}
#header_wrapper a.social.in {
	padding: 4px 7px 6px 9px;
}
#header_wrapper a.social.gp {
	padding: 5px 3px 5px 6px;
}
#header_wrapper a.social.rs {
	padding: 5px 7px 5px 8px;
}

#top_wrapper {
    position: relative;
	padding: 20px 0 15px 0;
	border-bottom: 1px solid #ccc;
	background: #efefef !important;
    z-index: 91;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+34,eaeaea+100 */

}
#top {
	position: relative;
	width: 97% !important;
	background: none !important;
	padding: 0;
	text-align: center;
}
#site_logo {
	display: inline-block;
    float: none !important;
    max-width: 300px;
	max-width: 500px;
	margin: 0 auto 25px auto;
}

.nav li {
	float: none !important;
	display: inline-block;
	vertical-align: top;
}
.nav li a {
	background: none !important;
	color: #333 !important;
	text-transform: uppercase;
}
.nav li a .fa {
	display: block;
	margin-bottom: -10px;
}
.nav li:hover a {
	color: #fff !important;
}
.nav li ul {
	width: auto;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    1px 1px 5px 0px rgba(0, 0, 0, 0.7);
	box-shadow:         1px 1px 5px 0px rgba(0, 0, 0, 0.7);
}
.nav li li {
	background: #fff;
	text-align: left;
	transition: background 0.15s ease;
}
.nav li li:hover {
	background: #32a69c;
	transition: background 0.15s ease;
}
.nav li li a {
	white-space: nowrap;
}
#nav_wrapper .nav li li:hover a {
	color: #fff !important;
	transition: color 0.15s ease;
}
#content {
    width: 90% !important;
    max-width: 1100px;
    padding: 30px 0;
	min-height: 600px;
}
#content h1, #content h2, #content h3, #content p, #content ul {
	font-family: 'Open Sans', sans-serif;
}
#content h1 {
	font-size: 40px;
	line-height: 1.2em;
	margin-bottom: 30px;
	letter-spacing: -0.02em;
	color: #13665f;
}
#content h1 a {
	font-family: 'Montserrat', sans-serif;
	font-weight: normal !important;
}
#content h2 {
	font-size: 22px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
#content h3 {
	font-size: 18px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
#content p, #content ul {
	font-size: 16px;
	line-height: 1.66em;
	margin-bottom: 20px;
}
#content a {
	color: #023b3c;
	transition: color 0.25s ease;
}
#content a:hover {
	color: #0f6162;
	transition: color 0.25s ease;
}


.tr_top {
	margin-bottom: 20px;
}
.currently_available {
	margin: 20px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
	letter-spacing: -0.02em;
}

.tr_group_preview {
	position: relative;
	background: #f3f3f3;
	margin: 25px 0 0 0;
	padding: 20px;
	padding: 50px 50px 30px 50px;
}
.tr_group_preview .tr_group_top {
	margin-bottom: 15px;
}
.tr_group_preview h3 {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 15px;
}
.tr_group_preview .view_all {
	position: absolute;
	top: 20px;
	right: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 15px;
}
.tr_group_preview .num_units {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	color: #fff;
	background: #8dc641;
	background: #f79521;
	font-size: 13px;
	line-height: 15px;
	margin-top: -5px;
	margin-left: 5px;
}
.tr_group_preview .num_available {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	color: #fff;
	background: #8dc641;
	font-size: 13px;
	line-height: 15px;
	margin-top: -5px;
	margin-left: 5px;
}
.available {
    display: block;
    vertical-align: top;
	text-align: center;
    padding: 5px;
    color: #fff;
    background: #8dc641;
    font-size: 13px;
    line-height: 15px;
	margin: -5px 0 4px 0;
}
.apply_btns .btn_submit {
	color: #fff !important;
}
#content .tr_top_group h1 {
	font-weight: 500;
	margin-bottom: 5px;
	font-size: 32px;
	line-height: 34px;
}
#content .tr_top_group h2 {
	font-weight: 300;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	color: #777;
}

/* SLIDESHOW */
.sr-slideshow {
	position: relative;
	width: 100%;
	background: #363636;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363636+0,4c4c4c+50,363636+100 */
background: rgb(54,54,54); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(54,54,54,1) 0%, rgba(76,76,76,1) 50%, rgba(54,54,54,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(54,54,54,1) 0%,rgba(76,76,76,1) 50%,rgba(54,54,54,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(54,54,54,1) 0%,rgba(76,76,76,1) 50%,rgba(54,54,54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#363636',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6d6d+0,363636+50,0f0f0f+100 */
background: rgb(109,109,109); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(109,109,109,1) 0%, rgba(54,54,54,1) 50%, rgba(15,15,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(109,109,109,1) 0%,rgba(54,54,54,1) 50%,rgba(15,15,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(109,109,109,1) 0%,rgba(54,54,54,1) 50%,rgba(15,15,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#0f0f0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1c1c1c+0,636363+51,0f0f0f+100 */
background: rgb(28,28,28); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(28,28,28,1) 0%, rgba(99,99,99,1) 51%, rgba(15,15,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(28,28,28,1) 0%,rgba(99,99,99,1) 51%,rgba(15,15,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(28,28,28,1) 0%,rgba(99,99,99,1) 51%,rgba(15,15,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#0f0f0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.sr-slideshow .sr-slides {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 65%;
	padding: 2.5%;
}
.sr-slideshow.sr-no-thumbs .sr-slides {
	display: block;
	width: 95%;
}
.sr-slideshow .sr-thumbs {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 27.5%;
	margin-left: -4px;
	padding: 2.5% 2.5% 2.5% 0;
	text-align: left;
}
.sr-slideshow .sr-slide {
	position: relative;
	width: 100%;
}
.sr-slideshow .sr-slide img {
	position: relative;
	width: 100%;
	height: auto;
}
.sr-slideshow .sr-thumbs img {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 75px;
	height: 75px;
	margin: 0 15px 15px 0;
	opacity: 0.65;
	transition: opacity 0.25s ease, -webkit-box-shadow 0.25s ease, -moz-box-shadow 0.25s ease, box-shadow 0.25s ease;
}
.sr-slideshow .sr-thumbs img:hover,
.sr-slideshow .sr-thumbs img.selected {
	opacity: 1;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.45);
	box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.45);
	transition: opacity 0.25s ease, -webkit-box-shadow 0.25s ease, -moz-box-shadow 0.25s ease, box-shadow 0.25s ease;
}
.sr-temp-img {
	position: fixed;
	top: -5000px;
	left: -5000px;
	opacity: 0;
	z-index: 1;
}
@media screen and (max-width:800px) {
	.sr-slideshow .sr-slides {
		display: block;
		width: 95%;
	}
	.sr-slideshow .sr-thumbs {
		display: block;
		padding: 0 2.5% 2.5% 2.5%;
		width: 95%;
	}
}

		.property_listing {
			padding: 30px 0;
		}
		.property_listing .property_images {
			float: left;
			position: relative;
			width: 200px;
			height: 133px;
			margin-bottom: 40px;
			overflow: hidden;
		}
		.property_listing .property_images img {
			position: absolute;
			position: relative;
			top: 0;
			left: 0;
			/*width: 100%;*/
		}
		.property_listing .top {
			margin-left: 225px;
			margin-bottom: 25px;
			overflow: auto;
			border-top: 1px solid #ccc;
			padding: 30px 0 0 0;
		}
		.property_listing .single_photo {
			float: left;
			width: 200px;
			margin-right: 20px;
		}
		.property_listing .single_photo img {
			width: 100%;
		}
		.property_listing .headline {
			margin-bottom: 23px;
		}
		.property_listing h1,
		.property_listing h2 {
			text-align: left;
		}
		.property_listing h1 {
			font-size: 40px;
			line-height: 45px;
			margin-bottom: 5px;
		}
		.property_listing h2 {
			font-size: 20px !important;
			line-height: 24px !important;
			font-weight: 300 !important;
			letter-spacing: 0.01em !important;	
		}
		.property_listing .group_name {
			display: block;
			font-size: 16px;
			line-height: 18px;
			text-transform: uppercase;
			margin-bottom: 7px;
		}
		#content_wrapper .property_listing h1 {
			/*
			font-size: 35px;
			line-height: 37px;			
			font-weight: 600;
			letter-spacing: -0.02em;
			color: #333 !important;
			margin-bottom: 2px;			
			*/
		}
		.property_listing h2 {
			font-size: 16px;
			color: #777 !important;
			text-transform: uppercase;
		}
		.property_listing .property_type {
			text-transform: uppercase;
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 20px;
		}
		.property_listing .details {
			margin: 0 0 23px 0;
		}
		.property_listing .detail {
			display: inline-block;
			vertical-align: middle;
			padding: 5px 10px;
			background: #d9e0e8;
			color: #333;
			border-radius: 4px;
			margin: 7px 7px 7px 0;
			font-size: 13px;
			font-weight: 600;
		}		
		.property_listing .btns.btns_top {
			float: right;
			margin-left: 25px;
		}
		.property_listing .btns a {
			display: inline-block;
			vertical-align: middle;
			padding: 12px 23px;
			margin: 0 7px 7px 0;
			color: #fff !important;
			border-radius: 6px;
			font-size: 18px;
			line-height: 18px;
			font-weight: normal !important;
			transition: background 0.25s ease;
		}
		.property_listing .btns .btn_details {
			background: #1058ab;
			background: #767676;
		}
		.property_listing .btns .btn_details:hover {
			background: #9f9f9f;
			transition: background 0.25s ease;
		}
		.property_listing .btns .btn_apply {
			background: #83b33d;
		}
		.property_listing .btns .btn_apply:hover {
			background: #99bf61;
			transition: background 0.25s ease;
		}		
		#property_map_canvas {
			clear: both;
			width: 100%;
			height: 250px;
			margin-bottom: 25px;
			background: #d9e0e8;
		}
		.property_listing .body {
			margin-bottom: 25px;
		}
		.property_listing .body h3 {
			margin-bottom: 20px;
		}
		.property_listing .description {
			display: inline-block;
			vertical-align: top;
			width: 65%;
			margin-right: 5%;
		}
		#content_wrapper .property_listing .description a {
			font-size: 14px !important;
			line-height: 18px !important;
		}
		.property_listing .features {
			display: inline-block;
			vertical-align: top;
			width: 30%;
			margin-left: -4px;
		}
		.property_listing .features ul {
			margin-top: 0;
			margin-left: 0;
			padding-left: 17px;
		}
		.property_bubbles {
			display: block;
			vertical-align: middle;
		}
		.property_bubbles .sr-item-detail {
			font-size: 16px;
			padding: 5px 20px;
			margin-right: 5px;
			margin-bottom: 7px;
		}	
		.property_listing .btns_bottom {
			border-top: 1px solid #ccc;
			margin-top: 20px;
			padding-top: 20px;
		}


/* MOBILE */
.mobile_only {
	display: none;
}
.mobile_nav {
	position: absolute;
	top: 7px;
	left: 7px;
	font-size: 25px !important;
	color: #333 !important;
	z-index: 999;
}
#mobile_menu {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20000;
	width: 0;
	min-height: 100%;
	background: #333;
	overflow: hidden;
	
	-webkit-box-shadow: inset -5px 0px 20px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    inset -5px 0px 20px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         inset -5px 0px 20px 0px rgba(0, 0, 0, 0.75);		
}
#mobile_menu .inner {
	width: 180px;
	padding: 10px;
}
#mobile_menu_bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 19999;
}
#mobile_menu a:not(.exempt) {
	display: block;
	padding: 7px 0 7px 3px;
	color: #fff !important;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #3c3c3c;
	font-family: 'Open Sans', sans-serif;
}
#mobile_menu a.donate {
	background: #e90101;
	height: 22px;
	line-height: 22px;
	text-align: center;
	margin-top: 10px;
	border-radius: 1px;
}
#mobile_menu a.social {
	display: inline-block;
	font-size: 24px;
	margin: 10px 12px 0 0;
	color: #fff !important;
}
#mobile_menu a.media {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff !important;
	text-decoration: none;
	margin: 14px 15px 5px 0;
}
#input_mobile_search {
	margin: 0 0 12px -1px;
	width: 95%;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 5%;
	border: 0;
	outline: none;
	background: #6d6d6d;
	color: #fff;
	font-size: 14px;
	border-radius: 15px;
}
#mobile_menu #mobile_submenu a {
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #f2f2f2 !important;
	border-top: none;
	padding: 4px 0 4px 20px;
}
#mobile_menu #mobile_submenu a.selected {
	color: #f4e57d !important;
}
#mobile_menu #mobile_submenu {
	margin: 0 0 8px 0;
}

/* FOOTER */
#bottom {
	min-height: 180px;
	background: #295b74;
	width: 80% !important;
	padding-left: 10% !important;
	padding-right: 10% !important;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	text-align: center;
}
#bottom div,
#bottom span {
	float: none !important;
}

/* PARALLAX */
.sr_parallax {
	position: relative;
	overflow: hidden;
}
.sr_parallax .inner {
	position: relative;
	z-index: 2;
}
.sr_parallax .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.sr_parallax .bg img {
	width: 100%;
}

/* MOBILE */
.mobile-only {
	display: none;
}
#mobile_nav {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #154b68 !important;
	font-size: 30px;
	z-index: 999;
}

#hpla_overlay .btn_submit {
	border: none !important;
}

@media screen and (max-width:1350px) {
	.nav li a {
		padding: 0 7px;
		font-size: 12px;
	}
}

@media screen and (max-width:1120px) {
	#sr_site_logo {
		width: 250px;
		height: 46px;
		margin: 22px 0 0 0;
	}
	#sr_site_logo img {
		width: 100%;
	}
}

@media screen and (max-width:980px) {
	.mobile-only {
		display: block;
	}
	#sr_site_logo {
		display: block;
		width: 80%;
		max-width: 300px;
		height: auto;
		margin: 0 auto;
	}	
	#site_logo {
		float: none !important;
		display: block;
		width: 65%;
		max-width: 300px;
		margin-top: -7px !important;
		margin-left: auto;
		margin-right: auto;
	}
	#nav_wrapper {
		display: none;
	}
	
	.body_2202 #content .col1,
	.body_2202 #content .col2,
	.body_2197 #content .col1, 
	.body_2197 #content .col2 {
		display: block;
		width: 100%;
		margin: 0 0 40px 0;
	}
	.sr_content_banner .fg {
		padding: 120px 10% 0 10% !important;
	}
	.sr_content_banner .fg h1 {
		font-size: 30px !important;
		line-height: 34px !important;
		font-weight: bold !important;
	}
	.body_2197 .col1 p {
		font-size: 18px;
		line-height: 24px;
	}
	.body_2197 .col2 h2 {
		font-size: 20px;
		line-height: 23px;
	}
	#content h2 .text {
		display: block;
	}
	.tr_group_preview .num_units,
	.tr_group_preview .num_available {
		margin: 4px 4px 4px 0;
	}
	
	#content .tr_top_group h1 {
		font-weight: 500;
	}
	
	/* property listing */
	.property_listing .btns.btns_top {
		display: none;
	}
	.property_listing .single_photo {
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	/* blue title bar */
	#layout .blue_title_bar .inner {
		padding-top: 80px;
		height: 320px;
	}
	body #layout .blue_title_bar h1 {
		font-size: 40px !important;
		line-height: 45px !important;
		width: 100%;
		margin-left: auto;
		margin-right: auto;		
	}
	#layout .blue_title_bar h3 {
		font-size: 20px !important;
		line-height: 25px !important;		
		width: 80%;
		margin-left: auto;
		margin-right: auto;		
	}
	
	/* content */
	#content {
		padding-top: 0;
	}
	
	/* footer */
	.sr_footer .col {
		display: block;
		width: 100%;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #5d5d5d;
		padding: 0 0 20px 0;
	}
}

@media screen and (min-width:601px) {
	.sr-rail-container .sr-rail-item:not(.sr_home_boxes .sr-rail-container .sr-rail-item) {
		width: 250px;
	}
}

@media screen and (max-width:600px) {
	#content h1 {
		font-size: 25px;
	}
	
	.imgs a {
		display: block !important;
		width: 100% !important;
		max-width: 330px;
		margin: 0 auto 30px auto !important;
	}
	
	.icon_list li {
		width: 47% !important;
	}
}

@media screen and (max-width:400px) {
	body #layout .blue_title_bar h1 {
		font-size: 30px !important;
	}
}

















