/* COLOR

blue #2F4057 rgba(47,64,87,1)
green #5F8D3D
grey #4D4D4E



@import url("fonts/style-fontface.css");*/

/*
body #header-outer[data-full-width="true"] header >.container, body #header-outer #top .container {padding:0; max-width:9999px !important;}

body #header-outer nav {background:#2f4057; padding-top:15px;}
*/


li.link-instagram a span {position: relative; display: inline-block} 

li.link-instagram a span.ig-icon:before {content: '\f16d'; font-family: 'FontAwesome'}

body #header-outer nav li.link-instagram a span.ig-text {display: none}

.text-center, .text-center p {text-align: center}

/* HOME */

/* slider v1
.swiper-slide .container {width: 100%; max-width: none}

.swiper-slide .container .content {background: rgba(47,64,87,0.9); max-width: 800px; padding-top: 36px; padding-bottom: 36px;}

.swiper-slide .container .content h2 {font-family: 'Montserrat' !important; font-weight: 900; line-height: 1; margin: 0 0 12px 0; font-size: 44px !important; max-width: 500px}
.swiper-slide .container .content p {font-family: 'Montserrat' !important; font-weight: 300; line-height: 1;font-size: 22px !important; max-width: 500px} */


.swiper-slide .container {width: 100%; max-width: none;}

.swiper-slide .container .content {padding-left: 8% !important; padding-right: 8% !important}

.swiper-slide .button a {padding: 20px 30px !important}


.slide-count {
	display: none !important
}

body.home .swiper-container .slider-prev i, body.home .swiper-container .slider-next i {
	display: none !important
}
body.home .swiper-container .slider-prev, body.home .swiper-container .slider-next {
	font-size: 40px !important;
	margin-top: 0!important;
	font-family: FontAwesome!important;
	opacity: 1;
	transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
	-webkit-transition: all .35s cubic-bezier(0.12, 0.75, 0.4, 1);
	height: 40px !important;
	width: 50px !important;
	border-radius: 100px;
	background: rgba(0,0,0,0) !important;
	overflow: visible !important
}
body.home .swiper-container .slider-prev {left: 30px}

body.home .swiper-container .slider-next {right: 24px}

body.home .swiper-container .slider-prev:before {
	left: 30px;
	content: "\f104";
}
body.home .swiper-container .slider-next:before {
	left: 30px;
	content: "\f105";
}

.page-header-bg-image {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.page-header-overlay-color:after {opacity: 0.85 !important;/*mix-blend-mode: multiply;*/}
.page-header-overlay-color:after {}



.section-title h1 span {display: block; font-family: 'Alegreya' !important}

.cta h2 {font-family: 'Montserrat'; font-weight: 600; font-size: 24px !important; color:#fff !important; text-align: center !important}


/* --- AMENITIES ---*/

.project-amenities-list_ {text-align: center;}
.project-amenities-list ul, .project-amenities-list ul li {display: block; margin: 0; padding: 0;  list-style: none}
.project-amenities-list ul {display: inline-block}
.project-amenities-list ul li {text-align: left; padding: 6px 0px; border-bottom: 1px solid #eee;transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;}
.project-amenities-list ul li:hover {color: #888}

.white-popup-block h3 {color: #2F4057; text-align: center}

.white-popup-block {
    background: #FFF;
    padding: 40px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative
}

.gf_small li.gfield .gfield_label, .opt-in-consent .gfield_label {
    display: none !important
}

.opt-in-consent a {text-decoration: underline}

.gform_confirmation_message {text-align: center;padding: 40px}
.gform_confirmation_message h2 {font-family: 'Montserrat'}

.gform_wrapper ul li select {
    border-radius: 0;
    border: 2px solid #b6b6b6;
    background: rgba(255,255,255,0.04) url("img/selectbox-arrow.png") right center no-repeat !important;
    /*padding: 8px !important;*/	
    background-size: 50px 50px !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    box-shadow: none !important;
}
.gform_wrapper input[type="radio"], .gform_wrapper input[type="checkbox"] {
    display: none !important;
    border: 1px solid red !important
}
.gform_wrapper ul li ul li label {
    display: inline-block;
    background: url("img/radio-check.png") 0 1px no-repeat;
    background-size: 50px 200px;
    padding: 0px 5px 0 28px !important;
    min-height: 24px;
    cursor: pointer;
    position: relative;
    margin: 0px !important;
    font-weight: normal !important
}
.gform_wrapper ul li ul li input:checked + label {
    background: url("img/radio-check.png") 0 -100px no-repeat;
    margin: 0 !important;
    background-size: 50px 200px;
}


.vc_inline-link {display: none}
#footer-widgets .widget li a {font-family: 'Montserrat'; }
#copyright, #copyright p, #copyright p a, body #footer-outer a:not(.nectar-button) { color: #5B5B5B !important;font-family: 'Montserrat'; font-size: 0.8rem; letter-spacing: 0.05em}
#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {padding: 20px !important}


/* GROUPED AMENITIES */

.project-amenities-row {
    background: #f8f8f8;
}
.project-amenities-container {
    background: #f8f8f8
}
.project-amenities-wrap {
    padding: 32px 24px 24px 24px
}
.project-amenities {
    border-bottom: #ccc 1px solid;
    margin-bottom: 12px;
    font-family: 'Montserrat';
}
.project-amenities-handle {
    cursor: pointer;
    display: block;
    /*color: #777;*/
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0 0 8px 0;
    text-decoration: none;
    outline: 0;
}
.project-amenities .project-amenities-handle:before {
    content: '+ '
}
.project-amenities.open .project-amenities-handle:before {
    content: '– ' !important
}
.project-amenities .project-amenities-handle:hover {
    color: #555555;
}
.project-amenities.open .project-amenities-handle {
    color: #414042;
}
.project-amenities-content {
    color: #666;
    font-weight: normal;
    display: none;
    padding: 0px 0 12px 0
}
.project-amenities-content ul, .project-amenities-content ul li {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
}
.project-amenities-content ul li:hover {
    color: #888;
    cursor: pointer
}

@media (max-width: 767px) {
	.project-amenities-containe {padding: 0 30px}
}


/* - - - - -  BONES - - - - -  */
.clearboth {
	clear: both;
	display: block;
	font-size: 0px;
	height: 0px;
	line-height: 0;
	width: 100%;
}
.space10 {
	height: 10px
}
.space20 {
	height: 20px
}
.space30 {
	height: 30px
}
.space40 {
	height: 40px
}
.space50 {
	height: 50px
}
.space60 {
	height: 60px
}
.space70 {
	height: 70px
}
.space80 {
	height: 80px
}
.space90 {
	height: 90px
}
.space100 {
	height: 100px
}
.last-col {
	float: right;
	padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {

	
.m-hide {
	display: none
}
.m-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.m-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.m-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.m-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.m-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.m-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.m-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.m-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.m-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.m-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.m-right {
	float: right !important
}
.m-left {
	float: left !important
}
/*body #slide-out-widget-area .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
	font-size: 22px !important;
	line-height: 32px !important
}*/

body.home .swiper-container .slider-prev, body.home .swiper-container .slider-next {
	display: none!important
}
body.ascend .active_texture {
	background-image: url(img/grid20.png) !important;
	display: block !important
}
	.spaceLC {
	height: 250px !important
}
	.wpb_row.native-size .row-bg.using-image {
	background-position:  center bottom !important
}
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 999px) {
	ul.related li {width: 32%; margin-right: 1%; margin-bottom: 0px; float:left }
	ul.resource-gallery li {padding: 8px; width: 40%;}
.spaceLC {
	height: 250px !important
}
	.homeblocks .vc_row-fluid .vc_col-sm-4 {
	float: left;
	width: 46% !important;
	margin: 2% 2% 2% 2% !important
}
.t-hide {
	display: none
}
.t-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.t-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50% !important
}
.t-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.t-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.t-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.t-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.t-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.t-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.t-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.t-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.t-right {
	float: right !important
}
.t-left {
	float: left !important
}
}


/* Landscape to small desktop */
@media (min-width: 1000px) {

.slide-out-widget-area-toggle, .d-hide {
	display: none !important
}
.d-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}
.d-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.d-1of3 {
	float: left;
	padding-right: 0.75em !important;
	width: 33.33% !important;
}
.d-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.d-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.d-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.d-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.d-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.d-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.d-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.d-1of6 {
	float: left;
	padding-right: 0.75em;
	width: 16.6666666667%;
}
.d-5of6 {
	float: left;
	padding-right: 0.75em;
	width: 83.333333%;
}
.d-1of7 {
	float: left;
	padding-right: 0.75em;
	width: 14.2857142857%;
}
.d-2of7 {
	float: left;
	padding-right: 0.75em;
	width: 28.5714286%;
}
.d-3of7 {
	float: left;
	padding-right: 0.75em;
	width: 42.8571429%;
}
.d-4of7 {
	float: left;
	padding-right: 0.75em;
	width: 57.1428572%;
}
.d-5of7 {
	float: left;
	padding-right: 0.75em;
	width: 71.4285715%;
}
.d-6of7 {
	float: left;
	padding-right: 0.75em;
	width: 85.7142857%;
}
.d-1of8 {
	float: left;
	padding-right: 0.75em;
	width: 12.5%;
}
.d-1of9 {
	float: left;
	padding-right: 0.75em;
	width: 11.1111111111%;
}
.d-1of10 {
	float: left;
	padding-right: 0.75em;
	width: 10%;
}
.d-1of11 {
	float: left;
	padding-right: 0.75em;
	width: 9.09090909091%;
}
.d-1of12 {
	float: left;
	padding-right: 0.75em;
	width: 8.33%;
}
.d-right {
	float: right !important
}
.d-left {
	float: left !important
}
}
