/* 
	Table of Contents
	update on Wed Mar 16 2016 15:20:41 GMT+0200 (FLE Standard Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	     02. Form Elements ----------------------------
	     03. Form -------------------------------------
	     04. List -------------------------------------
	     05. Logo -------------------------------------
	     06. Nav --------------------------------------
	     07. Section ----------------------------------
	     08. Slider -----------------------------------
	     09. Table ------------------------------------
	     10. Widget -----------------------------------
	IV.  Themes ---------------------------------------
	     01. block-elements ---------------------------
 */

.fair-housing { background-image: url(images/sprite.png); background-position: 0 -188px; width: 53px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(images/sprite.png); background-position: -224px -109px; width: 8px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-gplus { background-image: url(images/sprite.png); background-position: -254px -149px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-smiley { background-image: url(images/sprite.png); background-position: -274px -149px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-smiley-2 { background-image: url(images/sprite.png); background-position: -254px 0; width: 72px; height: 72px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(images/sprite.png); background-position: -294px -149px; width: 16px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-footer { background-image: url(images/sprite.png); background-position: -254px -76px; width: 70px; height: 69px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo { background-image: url(images/sprite.png); background-position: 0 -109px; width: 220px; height: 75px; display: inline-block; vertical-align: middle; font-size: 0; }
.logo-1 { background-image: url(images/sprite.png); background-position: 0 0; width: 250px; height: 105px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(images/ico-instagram.png); background-position: 0 0; display: inline-block; vertical-align: middle; font-size: 0; width: 16px; height: 16px; }
.ico-craig { background-image: url(images/ico-craig.png); background-position: 0 0; display: inline-block; vertical-align: middle; font-size: 0; width: 16px; height: 16px; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

html { background: #2e3233; }

body { min-width: 320px; font-family: "HelveticaNeue","Helvetica",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1; color: #222222; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
	font-family: "HelveticaNeue";
	src: url("fonts/HelveticaNeueMedium_500_normal_1424335110.eot");
	src: url("fonts/HelveticaNeueMedium_500_normal_1424335110.eot?#iefix") format("embedded-opentype"),
		url("fonts/HelveticaNeueMedium_500_normal_1424335110.svg#HelveticaNeueMedium") format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "HelveticaNeue";
	src: url("fonts/HelveticaNeue_400_normal_1424335078.eot");
	src: url("fonts/HelveticaNeue_400_normal_1424335078.eot?#iefix") format("embedded-opentype"),
		url("fonts/HelveticaNeue_400_normal_1424335078.svg#HelveticaNeue") format("svg"),
		url("fonts/HelveticaNeue_400_normal_1424335078.woff") format("woff"),
		url("fonts/HelveticaNeue_400_normal_1424335078.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}


/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content {}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #21a9e1; padding: 15px; }
.footer .copyright { font-size: 1rem; line-height: 1.6; color: #fff; padding-left: 30px; padding-top: 25px; font-weight: 500; }
.footer .address { text-align: right; color: #fff; font-size: 1rem; line-height: 1.6; padding-right: 30px; padding-top: 10px; font-weight: 500; }
.footer .socials { float: left; padding-top: 20px; }
.footer .fair-housing { float: right; margin-top: 10px; }
.footer:after { content: ''; display: table; clear: both; }

@media (max-width: 767px) {
	.footer .copyright { padding: 0; padding-bottom: 15px; }
	.footer .address { text-align: center; padding: 15px 0; }
	.footer .socials,
	.footer .fair-housing { float: none; padding: 0; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background: rgb(27,102,0); padding-right: 15px; position: relative; }
.header .logo-holder { float: left; padding: 15px; background: #fff; }
/* .header .nav { float: right; }
.header .h1 { float: right; } */
.header .header-inner { float: right; }
.header .header-inner h1 { font-size: 30px; font-family: 'Montserrat',sans-serif; text-transform: uppercase; line-height: 1; margin-bottom: 0px; margin-top: 5px; color: #fff; font-weight: normal; }
.header .header-inner h3 { font-size: 14px; margin: 0; line-height: 1; margin-top: -9px; color: #fff; font-family: 'Montserrat',sans-serif; font-weight: 400; }
.header .header-inner h3 i { font-style: normal; }
.header .header-inner:after,
.header:after { content: ''; display: table; clear: both; }

@media (max-width: 1023px) {
	.header { margin-bottom: 15px; }
}

@media (max-width: 767px) {
	.header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }
	.header .nav { padding-top: 0px; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1000px; margin: auto; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar {}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

@media (max-width: 767px) {
	.wrapper { padding-top: 120px; }
}

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Montserrat',sans-serif; text-transform: uppercase; position: relative; text-decoration: none; text-align: center; -webkit-border-radius: 0; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; background-color: #21a9e1; border: none; color: #ffffff; transition: background-color 300ms ease-out; }
.btn-normal { text-transform: none; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; }
.btn:hover { background: #008cba; }
.btn-large { min-width: 300px; text-align: center; }

.btn-small { display: inline-block; text-decoration: none; position: relative; z-index: 9999; color: #fff; background: #b8b8b8; padding: 5px 10px; border-radius: 4px; margin: 5px 0; transition: all .3s; }
.btn-small:hover { background: #fff; color: #000; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

@media (max-width: 767px) {
	.btn-large { min-width: 250px; }
}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.form-select { position: relative; }
.form-select .select { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); line-height: 60; height: 60px; display: block; width: 100%; -webkit-appearance: menulist-button; }
select { -webkit-appearance: menulist-button; border-radius: 0; }

.textarea,
.form-select-value,
.field { display: block; width: 100%; -webkit-appearance: none; border-radius: 0; color: #777; text-transform: uppercase; line-height: 60px; height: 60px; background-color: #ffffff; border: 1px solid #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); padding: 0 8px; }
.form-select-value { white-space: nowrap; text-overflow: ellipsis; position: relative; text-transform: none; padding-right: 20px; }
.form-select-value:after { content: ''; width: 0; height: 0; position: absolute; display: inline-block; vertical-align: middle; border: 3px solid transparent; border-top-color: #777; margin: 0 0 0 3px; top: 50%; right: 16px; }

.field { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.45s,border-color 0.45s ease-in-out; }
.textarea {background-color: #ffffff; font-family: inherit; border: 1px solid #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.45s,border-color 0.45s ease-in-out; color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; padding: 0.5rem; min-height: 140px; resize: vertical; line-height: 1.3; }

.field:focus,
.textarea:focus { background: #fafafa; border-color: #999999; outline: none; box-shadow: 0 0 5px #999999; }

.form-col { float: left; }
.form-col-1of2 { width: 50%; padding-right: 0.9375rem; }
.form-col-1of3 { width: 33.33%; padding: 0 0.9375rem; }
.form-col-fullwidth { padding: 0 0.9375rem; width: 100%; }
.form-col-1of2 + .form-col-1of2 { padding-left: 0.9375rem; padding-right: 0; }
.form-row:after { content: ''; display: table; clear: both; }

@media (max-width: 767px) {
	.form-col { float: none; }
	.form-col-1of2 { width: 100%; padding: 0; }
	.form-col-1of2 + .form-col-1of2 { padding: 0; margin-top: 2%; }
	.form-btn { top: auto; bottom: 23%; right: 30px; }
}

@media(max-width: 480px){
	.form-btn { bottom: 28px; }
	.form-col-1of3 { width: 100%; margin-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form-filter { position: relative; padding-bottom: 54px; }
.form-filter-primary { padding-bottom: 20px; }
.form-filter .form-body:after { content: ''; display: table; clear: both; }
.form-filter .form-btn { position: absolute; z-index: 2; right: 3.5%; top: 22px; height: 18px; width: 18px; border: none !important; outline: none !important; background: transparent url('images/search.png') no-repeat; text-indent: -999em; cursor: pointer; }

.form-available .form-head h3 { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.form-available .form-row { margin: 0 -0.9375rem; }
.form-available .form-row + .form-row { margin-top: 2rem; }
.form-available .form-btn { border: none; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1rem; background-color: #008cba; border-color: #007295; color: #ffffff; transition: background-color 300ms ease-out; }
.form-available .form-btn:hover { background: #007295; }
.form-available .form-actions { padding-top: 16px; text-align: right; padding-bottom: 20px; }

.form-available-request .form-col-1of2 { padding: 0 0.9375rem; }
.form-available-request .form-label { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; font-weight: 700; }

/*  form-contact  */

.form-contact .form-btn { border: none; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; text-decoration: none; text-align: center; -webkit-appearance: none; -webkit-border-radius: 0; display: inline-block; padding-top: 1.125rem; padding-right: 2.25rem; padding-bottom: 1.1875rem; padding-left: 2.25rem; font-size: 1.25rem; background-color: #21a9e1; border-color: #007295; color: #ffffff; transition: background-color 300ms ease-out; }
.form-contact .form-btn:hover { background: #007295; }
.form-contact .form-actions { margin: 1rem 0 1.25rem; }
.form-contact .form-row + .form-row { margin-top: 29px; }

@media (max-width: 1023px) {
	.form-filter { padding-bottom: 2%; }
	.form-available .form-col { float: left; }

	.form-available .form-btn { padding: 0.5rem 1rem; }

	.form-contact .form-row + .form-row { margin-top: 15px; }
}

@media(max-width: 480px){
	.form-available .form-col { float: none; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/*  list-prices  */

.list-prices li span { width: 50%; float: left; font-size: 1rem; line-height: 1.6; }
.list-prices li:after { content: ''; display: table; clear: both; }

.list-prices-holder { overflow: auto; }
.list-prices-secondary  { border-bottom: 2px solid #21a9e1; padding-bottom: 10px; margin-bottom: 20px; min-width: 600px; }
.list-prices-secondary .col-1of3 { width: 33.33%; padding-left: 20px; border: 1px solid  #000; display: table-cell; float: none; padding: 10px 0 10px 20px;}
.list-prices-secondary .col-1of3 + .col-1of3 { border-left: none; }
.list-prices-secondary .row { display: table; width: 100%; table-layout: fixed; }
.list-prices-secondary .row + .row .col-1of3 { border-top: none; }
.list-prices-secondary .row:after { clear: both; display: table; content: ''; font-size: 0; }
.list-prices-secondary .price-head { font-weight: 700 !important; }
.list-prices-secondary p { position: relative; padding-left: 10px; margin: 0 !important; line-height: 1 !important;}
.list-prices-secondary p + p { border-top: 1px solid  #000; }
.list-prices-secondary p:before { display: inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; left: 0px; top: 50%; margin-top: -2px; }

@media (max-width: 1023px) {
	.list-prices li span { font-size: 14px; }
}

@media(max-width: 767px){
	.list-prices-secondary li { width: 100%; float: none; }
	.list-prices-secondary li + li { margin-top: 20px; }
}

/* ------------------------------------------------------------ *\
	list-info
\* ------------------------------------------------------------ */

.info { background: #fff; margin-top: 20px; margin-bottom: 20px; }
.info:after { clear: both; display: table; font-size: 0; content: ''; }
.list-info { font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; margin-bottom: 20px !important; padding-top: 20px; }
.list-info li { padding-left: 15px; position: relative; }
.list-info li + li { margin-top: 5px; }
.list-info li:before { display: inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; left: 0; top: 50%; margin-top: -2px; }

@media(max-width: 767px){
	.info { padding: 20px 0; }
	.list-info { padding: 0; margin: 0 !important; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo {}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav li { float: left; }
.nav li + li { margin-left: 22px; }
.nav li a { color: #ffffff; line-height: 50px; font-size: 18px; display: block; height: 100%; font-family: 'Montserrat',sans-serif; text-decoration: none; transition: all .3s; }
.nav li:hover a { opacity: .7; }
.nav ul:after { content: ''; display: table; clear: both; }

.nav-secondary { text-align: center; }
.nav-secondary-inner { background: #21a9e1; }
.nav-secondary li { display: inline-block; margin: 0 10px; }
.nav-secondary li a { color: #ffffff; line-height: 50px; font-size: 20px; display: block; height: 100%; font-family: 'Montserrat',sans-serif; text-decoration: none; transition: all .3s; }
.nav-secondary li:hover a { opacity: .7; }
.nav-secondary li + li { margin: 0 10px; }

.nav-footer { text-align: center; background: #fff; }
.nav-footer li { display: inline-block; margin: 0 10px; }
.nav-footer li a { color: #000; line-height: 50px; font-size: 18px; display: block; height: 100%; font-family: 'Montserrat',sans-serif; text-decoration: none; transition: all .3s; }
.nav-footer li:hover a { opacity: 1; color: #fefe00; }
.nav-footer li + li { margin: 0 10px; }

.nav-trigger { position: relative; width: 26px; height: 16px; }
.nav-trigger span { position: absolute; display: block; height: 1px; width: 100%; background: #fff; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, -webkit-transform .2s 0s; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 8px; }
.nav-trigger span:nth-child(3) { top: 16px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, -webkit-transform .2s .25s; transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.nav-trigger.active span:nth-child(3),

.nav-trigger.active span:nth-child(1) { top: 8px;  background: #000; }
.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media (max-width: 1023px) {
	.nav li a { font-size: 14px; }
	.nav li + li { margin-left: 5px; }
}

@media (max-width: 767px) {
	.nav { max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; float: none;position: absolute; top: 100%; background: #21a9e1; left: 0; right: 0; z-index: 999; padding: 0 15px; transition: all .5s; }
	.nav li { float: none; display: block; text-align: right; }
	.nav.js-shown { max-height: 500px; overflow: visible; visibility: visible; opacity: 1; }
	.nav-trigger { display: inline-block; float: right; margin-top: 15px; }

	.nav-secondary,
	.nav-footer { margin-bottom: 10px; }

	.nav-secondary li a,
	.nav-footer li a { font-size: 16px; line-height: 2; }
}

@media(max-width: 480px){
	.nav-trigger { margin-top: 45px; }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section-listing { margin-bottom: 2%; }
.section-listing .section-actions { padding-left: 100px; }

/*  section-appartment  */

.section-appartment { padding: 2% 0; background: #e1e2de; }
.section-appartment:after { content: ''; line-height: 0; display: table; clear: both; }
.section-appartment-secondary { margin-bottom: 38px; padding-bottom: 0; }
.section-appartment .section-content { width: 83%; margin: 0 auto; }
.section-appartment .section-content ~ .section-content { padding: 20px 0; }

.section-appartment .section-head { position: relative; margin-bottom: 20px; }
.section-appartment .section-head h1 { color: #21a9e1; font-size: 31px; line-height: 1.4; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; position: relative; padding-bottom: 10px; }
.section-appartment .section-head h1:after { display: inline-block; content: ''; width: 50px; height: 2px; background: #21a9e1; position: absolute; bottom: 0px; left: 0; }
.section-appartment .section-head a { position: absolute; top: 10px; right: 15px; color: #21a9e1; font-size: 2rem; display: inline-block; text-decoration: none; opacity: 1; transition: all .3s; }
.section-appartment .section-head a:hover { opacity: .7; }
.section-appartment .section-head-aligncenter { text-align: center; }
.section-appartment .section-head-aligncenter h1:after { left: 50%; margin-left: -25px; }

.section-appartment .section-body:after { content: ''; display: table; clear: both; }
.section-appartment .section-body .col { padding: 0 0.9375rem; }
.section-appartment .section-body .col-size5 { padding-left: 0; padding-right: 2rem; }
.section-appartment .section-body .col-size5 + .col-size5  { padding-right: 0; }

.section-appartment .section-form { padding: 0 0.9375rem; }
.section-appartment .section-form-secondary { background: rgb(254,254,0); padding-top: 20px; }

/*  section-gray  */

.section-gray { background: #e1e2de; }

/*  section-employee  */

.section-employee { padding-bottom: 20px; }
.section-employee .section-body { width: 83%; margin: 0 auto; }

/*  section-more-info  */

.section-more-info { background: #e1e2de; padding: 2% 8.5%; margin-bottom: 2%; }

/*  section-our-team  */

.section-our-team { margin: 2% 0; padding: 2% 0; }
.section-our-team .section-content { width: 70%; margin: 0 auto; }
.section-our-team .section-content h2 { font-size: 2.3125rem; line-height: 1.4; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; color: #222222; margin-top: 0.2rem; padding-bottom: 0.5rem; position: relative; margin-bottom: 20px; }
.section-our-team .section-content h2:after { width: 60px; height: 2px; background: #21a9e1; display: inline-block; content: ''; position: absolute; bottom: 0; left: 0; }
.section-our-team .section-content p { font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }

.section-our-team .section-actions { text-align: center; }

/*  section-contact  */

.section-contact .section-content { width: 66.66%; float: left; padding-right: 0.9375rem; }
.section-contact .section-aside { width: 33.33%; float: left; padding: 2% 0.9rem; background: #e1e2de; text-align: center; }
.section-contact .section-aside p { font-family: "Raleway",sans-serif; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.section-contact:after { content: ''; display: table; clear: both; }

/*  section-phones  */

.section-phones { background: #e1e2de; padding: 3% 0px 2%; text-align: center; }
.section-phones .section-aside { margin-bottom: 20px; }
.section-phones p { color: #222; font-size: 1rem; line-height: 1.6; font-family: "Raleway",sans-serif; }

/*  section-rebates  */

.section-rebates { padding: 2% 8%; margin: 2% 0; }
.section-rebates p { color: #222; font-size: 1rem; line-height: 1.6; font-family: "Raleway",sans-serif; }

/*  section-faq  */

.section-faq { margin-bottom: 2%; }
.section-faq .section-content { width: 51%; float: left; padding: 2% 0; margin-left: 8%; padding-right: .9375rem; }
.section-faq .section-content h3 { font-family: 'Montserrat',sans-serif; color: #21a9e1; font-size: 1.6875rem; line-height: 1.4; font-weight: normal; margin-top: 0.2rem; padding-bottom: 0.5rem; margin-bottom: 20px; position: relative; }
.section-faq .section-content h3:after { width: 60px; height: 2px; background: #21a9e1; display: inline-block; content: ''; position: absolute; bottom: 0; left: 0; }
.section-faq .section-content p { font-size: 0.9rem; font-family: "Raleway",sans-serif; line-height: 1.6; }

.section-faq .section-image { width: 41%; float: right; }
.section-faq .section-image img { width: 100%; height: auto; }
.section-faq:after { content: ''; display: table; clear: both; }


@media (max-width: 1023px) {
	.section-listing .section-actions { padding: 0; text-align: center; }

	.section-appartment .section-content { width: 100%; padding: 0 0.9375rem; }
	.section-appartment .section-head a { top: 3px; }
	.section-appartment .section-head h1 { font-size: 26px; padding-right: 43px; }
	.section-appartment .section-body .col { padding: 0; }

	.section-rebates { padding: 2% .9375rem; }
	.section-faq .section-content { padding: 2% .9375rem; width: 59%; margin: 0; }
	.section-faq .section-content h3 { font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; }
	.section-faq .section-content p { font-size: 13px; margin-bottom: 10px; }
}

@media (max-width: 767px) {
	.section-more-info { padding: 2% 0.9375rem; }
	.section-our-team .section-content { width: 90%; }
	.section-our-team .section-content h2 { font-size: 26px; }
	.section-our-team .section-content p { font-size: 14px; }

	.section-contact { margin-bottom: 2%; }
	.section-contact .section-content { float: none; width: 100%; padding: 0 0.9375rem; }
	.section-contact .section-aside { float: none; width: 100%; padding: 2% .9375rem; }

	.section-faq .section-image,
	.section-faq .section-content { width: 100%; float: none; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider-gallery { position: relative; }

.slider-gallery .slide { width: 100%; float: left; }
.slider-gallery .slides { list-style: none outside none; }
.slider-gallery .slides:after { content: ''; display: table; clear: both; }

.slider-gallery .flex-direction-nav a { opacity: 1; display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; width: 42px; height: 42px; }
.slider-gallery .flex-direction-nav a:before { display: none; }
.slider-gallery .flex-direction-nav .flex-prev { left: 10px; background: url(images/prev.png) no-repeat center center; }
.slider-gallery .flex-direction-nav .flex-prev:hover { background: url(images/prev-hover.png) no-repeat center center; }
.slider-gallery .flex-direction-nav .flex-next { right: 10px; background: url(images/next.png) no-repeat center center; }
.slider-gallery .flex-direction-nav .flex-next:hover { background: url(images/next-hover.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	slider-intro
\* ------------------------------------------------------------ */

.slider-intro .slide { /* min-height: 560px; */background-size: cover; background-position: center center; }
.slider-intro .slide img { display: none; }
.slider-intro .slides { list-style: none; }
.slider-intro .slides:after { content: ''; display: table; clear: both; }

@media(max-width: 767px){
	.slider-intro .slide { min-height: 180px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	block-elements
\* ------------------------------------------------------------ */

/*  bar  */

.bar { padding-top: 38px; }

/*  appartments  */

.appartments { list-style: none; }
.appartment { position: relative; }
.appartments .appartment { width: 25%; float: left; padding: 0 0.9375rem; margin-bottom: 2%; position: relative; transition: all .3s; opacity: 1; }
.appartments .appartment .appartment-image { opacity: 1; transition: all .3s; }
.appartments .appartment-tel { border-top: 1px solid  #000; cursor: pointer; }
.appartments .appartment .link-appartment { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.appartments .appartment:hover .appartment-image { opacity: .5; }
.appartments .appartment-image { background-size: cover; width: 100%; height: 235px; background-position: center; position: relative; } 
.appartments .appartment-image  img { display: none; } 

.appartments .appartment-meta { padding-top: 2%; padding-bottom: 2%; background: #e1e2de; text-align: center; min-height: 78px; }
.appartments .appartment-meta .btn-small { position: relative; z-index: 9999; }
.appartments .appartment-meta p { font-family: 'Montserrat',sans-serif; margin: 0; color: #000; font-size: 1rem; line-height: 1.6; } 
.austin-page .appartments .appartment-meta p { font-family: 'Montserrat',sans-serif; margin: 0; font-size: 1rem; line-height: 1.6; } 

.appartments .appartment-meta p span { font-family: "HelveticaNeue","Helvetica",Helvetica,Arial,sans-serif; color: red; clear: both; display: inline-block; padding: 0 10px; margin-bottom: 0; }

.appartments .appartment-meta p a { display: inline-block; text-decoration: none; } 
.appartments .appartment-tittle { text-align: center; padding: 5px 10px; position: absolute; top: 50%; left: 0; right: 0; z-index: 999; transform: translateY(-50%); }
.appartments .appartment-tittle h3 { color: #fff; font-family: 'Montserrat',sans-serif; text-transform: uppercase; margin: 1px; font-size: 22px; line-height: 1.6; }
.appartments .appartment-meta span { font-family: 'Montserrat',sans-serif; color: #b8b8b8; font-size: 1.1rem; margin-bottom: 20px; display: inline-block; }
.appartments:after { content: ''; display: table; clear: both; }

/*  caption-images  */
.caption-images { padding-top: 20px; }
.caption-images .caption-image { width: 25%; float: left; padding: 0 0.9375rem; margin-bottom: 2%; position: relative; transition: all .3s; opacity: 1; }
.caption-images .caption-image-box { position: relative; text-align: center; position: relative; }
.caption-images .caption-image-box img { width: 100%; height: 50px; }
.caption-images .caption-image-box .inner-text { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; font-size: 17px; font-family: 'Raleway', sans-serif; }
.caption-images .caption-image:hover { opacity: .5; }
.caption-images:after { content: ''; display: table; clear: both; }
.caption-images .caption-image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }

@media(max-width: 767px){
	.caption-images .caption-image { width: 50%; }
	.caption-images .caption-image-box .inner-text { font-size: 18px; }
}

@media(max-width: 480px){
	.caption-images .caption-image { width: 100%; }
}

/*  paging  */

.paging .paging-next { float: left; }
.paging ul { list-style: none; float: left; }
.paging li { float: left; }
.paging .paging-next,
.paging li a { display: inline-block; text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; background: #e1e2de; color: #008cba; } 
.paging li.current a { font-weight: 700; color: #000; border-color: #000; } 
.paging .paging-next:hover,
.paging li:hover a { border-color: #000; color: #000; } 
.paging .paging-spacer a { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.paging:after,
.paging ul:after { content: ''; display: table; clear: both; }

/*  cols  */

.col { float: left; }
.col:after { content: ''; display: table; clear: both; }
.col-1of2 { width: 50%; padding: 0 0.9375rem; }
.col-size1 { width: 41%; }
.col-size2 { width: 16%; }
.col-size3 { width: 25%; }
.col-size4 { width: 18%; }
.col-size5 { width: 30%; }
.col-size6 { width: 40%; }

/*  socials  */
.socials ul { list-style: none; }
.socials ul li { float: left; }
.socials ul li a { display: inline-block; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px !important; background: #fff; transition: all .3s; }
.socials ul li:hover a { background: #2e3233; }
.socials ul li + li { margin-left: 5px; }
.socials ul:after { content: ''; display: table; clear: both; }

/*  city-about  */

.city-holder { border-bottom: 2px solid #21a9e1; margin-bottom: 20px; }
.city-holder + .city-holder { margin-top: 70px; }
.city-holder h1 { border-bottom: 2px solid #21a9e1; padding-bottom: 10px; }
.city-holder .phone { font-size: 14px; display: inline-block; text-decoration: none; margin: 10px 0; }

.city-about { padding-top: 25px; }
.city-about .city-about-content { float: right; width: 75%; }
.city-about .city-about-image { float: left; width: 25%; padding-right: 20px; }
.city-about .city-about-image-inner { width: 150px; height: 150px; overflow: hidden; position: relative; }
.city-about .city-about-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; max-width: none;}
.city-about .city-about-image .image-caption { font-size: 10px; }
.city-about:after { content: ''; display: table; clear: both; }

@media(max-width: 1024px){
	.city-about .city-about-content { width: 70%; }
	.city-about .city-about-image { width: 30%; }
}

@media(max-width: 767px){
	.city-about .city-about-content { float: none; width: 100%; margin-bottom: 15px; }
	.city-about .city-about-image { float: none; width: 100%; }
}

/*  intro  */

.intro .intro-content { text-align: center; color: #fff; padding: line-height: 1; position: relative; }
.intro-about .intro-content { background: url(images/temp/about-bg.jpg) no-repeat center center; background-size: cover; }
.intro-contact .intro-content { background: url(images/temp/contact-bg.jpg) no-repeat center center; background-size: cover; }
.intro-rebates .intro-content { background: url(images/temp/rebate-bg.jpg) no-repeat center center; background-size: cover; }
.intro-city { margin-bottom: 20px; }
.intro .intro-content h1 { font-size: 60px; font-family: 'Montserrat',sans-serif; text-transform: uppercase; line-height: 1; margin-top: 0; margin-bottom: 40px; }
.intro .intro-content p { font-size: 18px; font-weight: 500; margin-bottom: 0; }
.intro .intro-content-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 989; padding: 210px 0; }

.intro .intro-entry { background: #e1e2de; padding: 3% 0px 2%; text-align: center; }
.intro .intro-entry h1 { font-family: "Raleway",sans-serif; font-weight: normal; color: #222; }
.intro .intro-entry p { color: #222; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; font-family: "Raleway",sans-serif; }
.intro .intro-entry a { color: #008cba; text-decoration: none; line-height: inherit }
.intro .intro-entry a:hover { color: #007ba0; }
/* .intro .intro-entry  + .intro-entry  { margin-top: 20px; } */
.intro .intro-entry-inner { width: 70%; margin: 0 auto; }
.intro .intro-entry.custom-content { text-align: left; }
.intro .intro-entry.custom-content .intro-entry-inner { width: auto; }

.intro-about .intro-entry { text-align: left; }
.intro-about .intro-entry p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.intro-about .intro-entry a { color: #008cba; text-decoration: none; line-height: inherit; }
.intro-about .intro-entry a:hover { text-decoration: underline; }

.intro-rebates .intro-entry,
.intro-contact .intro-entry { text-align: left; }
.intro-rebates .intro-entry p span { text-decoration: underline; }
.intro .city-holder h1 { border: none; }

@media(max-width: 767px){
	.header .header-inner h1 { font-size: 16px; }
}

@media(max-width: 480px){
	.header .header-inner h3,
	.header .header-inner h1 { display: none; }
}

/*  appartment  */

.appartment .appartment-info p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.appartment .appartment-info p a { color: #008cba; text-decoration: none; line-height: inherit; font-size: 1rem; }
.appartment:after { content: ''; display: table; clear: both; }

.appartment .appartment-price p { font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.appartment .appartment-location img { width: 100%; height: auto; }

/*  accordion  */

.accordion .accordion-head { cursor: pointer; position: relative; margin-top: 20px; }
.accordion .accordion-head h3 { color: #21a9e1; font-size: 31px; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; line-height: 1.4; position: relative; padding-bottom: 10px; margin-bottom: 20px; }
.accordion .accordion-head h3:after { display: inline-block; content: ''; width: 50px; height: 2px; background: #21a9e1; position: absolute; bottom: 0px; left: 0; }
.accordion .accordion-head i { font-size: 2rem; color: #21a9e1; position: absolute; top: 0; right: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: -webkit-transform .3s; transition: transform .3s; }
.accordion-expanded .accordion-head i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.accordion-body { display: none; }
.accordion-body h2 { font-size: 2.3125rem; line-height: 1.4; margin-top: 0.2rem; margin-bottom: 0.5rem; color: #222; }
.accordion-body ul { margin-left: 1.1rem; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.accordion-body p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.accordion-body blockquote { line-height: 1.6; color: #6f6f6f; margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #dddddd; }
.accordion-body ul a { color: #008cba; text-decoration: none; line-height: inherit; }
.accordion-body .extra-info { border-top: 2px solid #777777 !important; margin: 1.25rem 0 0; padding-top: 1.1875rem; }
.accordion-body .raleway { font-family: "Raleway",sans-serif; }
.accordion-body .comments-wrapper { width: 50%; margin-top: 3%; }

/*  cities  */

.cities .cities-half { width: 50%; float: left; }
.cities .cities-half p { font-family: 'Montserrat',sans-serif; }
.cities .cities-half p span { color: #21a9e1; }
.cities:after { content: ''; display: table; clear: both; }
.cities-contact { padding: 10px; }
.cities-contact a { font-size: 18px; display: inline-block; text-decoration: none; }
.cities-contact span { color: #21a9e1; font-size: 21px; }
.cities-contact + .cities-contact { margin-top: 10px; }

/*  rebates  */

.rebates .rebate p { font-weight: normal; font-size: 1rem; line-height: 1.6; margin-bottom: 20px; padding-bottom: 20px; position: relative; }
.rebates .rebate .rebate-title:after { display: inline-block; content: ''; width: 60px; height: 2px; background: #21a9e1; position: absolute; left: 0; bottom: 0; }
.rebates .rebate p span { color: #21a9e1;  }
.rebates .rebate ul { margin-left: 1.1rem; font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; }
.rebates:after { content: ''; display: table; clear: both; }

@media (max-width: 1023px) {
	.appartments .appartment { width: 33.33%; }
	.bar { padding: 0 0.9375rem; }

	.paging .paging-next { float: none; text-align: center; margin: 0; }
	.paging ul { float: none; display: inline-block; }
	.paging ul li { float: none; display: inline-block; }
	.paging ul li a { margin: 0; }

	.col-size1 { width: 35%; }
	.col-size2 { width: 11%; text-align: center; }
	.col-size3 { width: 27%; }
	.col-size4 { width: 27%; }
	.col-size5 { width: 100%; float: none; }
	.col-size6 { width: 50%; margin: 15px 0; float: none; }
}

@media (max-width: 767px) {
	.appartments .appartment { width: 50%; }

	.col-1of2,
	.col-size1,
	.col-size2,
	.col-size3,
	.col-size4 { width: 100%; float: none; text-align: center; }
	.col-1of2 { text-align: left; }

	.socials { margin-bottom: 15px; }
	.socials ul li { float: none; display: inline-block; }

	.intro .intro-content-inner { padding: 100px 0; }
	.intro .intro-content p { font-size: 12px; }
	.intro .intro-content h1 { font-size: 32px; margin-bottom: 10px; }

	.intro .intro-entry-inner { width: 90%; }
	.intro-contact .intro-entry p,
	.intro-rebates .intro-entry p,
	.intro-about .intro-entry p { font-size: 14px; margin-bottom: 10px; }

	.accordion-body .comments-wrapper { width: 100%; }
	.accordion .accordion-head h3 { font-size: 20px; }
	.accordion .accordion-head i { font-size: 20px; top: 5px; }

	.accordion-body h2 { font-size: 22px; }
	.accordion-body ul { font-size: 14px; margin-bottom: 10px; }
	.accordion-body p { font-size: 14px; margin-bottom: 10px; }

	.rebates .col { padding: 0; }
	.rebates .rebate ul { font-size: 14px; }
	.rebates .rebate p { font-size: 14px; }
}

@media(max-width: 480px){
	.appartments .appartment { width: 100%; }
	.col-size6 { width: 100%; }
}

/* New styles for home-new-ver.html */

.appartments { padding-top: 2%; }

.appartment-head { background: #fff; text-align: center; }

.appartment-head h3 { font-family: 'Montserrat',sans-serif; text-transform: uppercase; font-size: 22px; line-height: 1.2; padding: 10px 0; color: #000; }
.appartment-head h4 { font-family: 'Montserrat',sans-serif; text-transform: uppercase; font-size: 18px; line-height: 1.2; padding: 10px 0; color: #000; }
.appartment-head h5 { font-family: 'Montserrat',sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1.2; padding: 10px 0; color: #000; }
.appartment-head h3 a,
.appartment-head h4 a { color: #000; text-decoration: none; }

.appartments .appartment-tittle h3 a { color: #fff; text-decoration: none; text-shadow: 2px 2px 1px rgba(0,0,0,0.5); }
.appartments .appartment-tittle h3 a:hover { text-decoration: none; }

.appartments .appartment-meta p a { color: #000; }

.btn-small { color: #000; }

/* appartment-slider */

.appartment-slider,
.appartment-slider ul { width: 100%; height: 235px; position: relative; }
.appartment-slider li { float: left; }
.appartments .appartment-slider li img { display: block; max-width: 100%; width: 100%; height: 235px; }