/* COLOR

purple #532e61
teal #008f96
orange #f26d25

*/

@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;}
*/

.purple {color:#532e61 !important}
.teal  {color:#008f96 !important}
.orange  {color:#f26d25 !important}

hr {
border: 0;
clear:both;
color: #ccc;
background-color: #ccc;
height: 1px;
width:100%;
margin:10px 0;
padding:0
}


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

p, .wpb_text_column p {font-family: 'Cera Regular' !important; font-weight: normal !important; line-height: 1.25}
.nectar-button {font-family: 'Cera Medium' !important; font-weight: normal !important}

.main-content strong {font-family: 'Cera Bold' !important; font-weight: normal !important}


h1, h2, h3 {font-family: 'Cera Medium' !important; font-weight: normal !important}

body #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li > a,
body #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.current-menu-item > a {font-family: 'Cera Medium' !important; font-weight: normal !important;color:#532e61 !important; text-transform: uppercase; font-size:18px}

body #header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.button_solid_color > a {color:#fff !important}



/* 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";
}


.ultimate p, .ultimate h2 {color:#532e61 !important }

.ultimate p {font-size: 22px; line-height: 2.5; font-family: 'Museo Slab 100' !important; max-width: 880px; margin: 32px auto 0 auto}


#panel2 .row-bg-wrap {background: url("img/HF_VENTURA_Web_BG.jpg") center center; background-size: cover}

/* --- 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: #532e61; text-align: center}

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

.white-popup-block p {line-height:2 !important}

button.mfp-close {border:1px solid blue; margin-right:20px; color:#333 !important;z-index:100; text-align:center !important; text-indent:0 !important}

button.mfp-close:before {content: '\f00d'; text-align: center; font-family: 'FontAwesome'}

.img-with-aniamtion-wrap .hover-wrap {margin: 0 !important}

/* NEW MICROSITE */

/* -- home -- */
.overlay-wrapper.wpb_content_element,.overlay-content {margin-bottom: 0 !important}
.overlay-bg {display: block; position: absolute; z-index: 5; top: 0; left: 0; right:0; bottom:0;}
.overlay-wrapper {position:absolute;bottom: 0; width: 100%}
.overlay-wrapper .wpb_wrapper {position:relative;clear:both}
.overlay-content {position:relative; z-index:20; margin:0 auto;padding:48px 24px; max-width:1280px;}
.overlay-color {display: block; position: absolute; z-index: 10; top: 0; left: 0; right:0; bottom:0; background: #414042; mix-blend-mode: multiply; opacity: 1}
.overlay-content h1, .overlay-content h2,.overlay-content h4, .overlay-content a {font-weight: normal;}
.overlay-content h1, .overlay-content h2 {font-size: 44px; line-height: 1;font-family: 'Museo Slab 500' !important;color:#fff !important;}
.overlay-content h4,.overlay-content a{font-family: 'Cera Bold' !important; text-transform: uppercase; letter-spacing: 0.09em;color:#fff !important;}
.overlay-content a.stroke {display: inline-block; clear: both; margin-top: 12px; border: 1px solid #fff; color: #fff; padding: 8px 16px;}
.overlay-content a.stroke:hover {color: #414042 !important; background: #fff}
.overlay-teal {background-color:#008a83;}
.overlay-purple {background-color:/*#532e61*/ rgba(80,43,80,0.7);}
.overlay-gold {background-color:#c1a25d;}
.overlay-green {background-color:rgba(0,93,56,0.7)}
.overlay-blue {background-color: #265779}
.overlay-grey {background-color:rgba(77,73,72,0.7)}


.arrow-next {text-align: center;
display: block;
width: 100px;
	position: relative;
margin: 20px auto -20px auto;
	content: '\f107';
	font-family: 'FontAwesome';
font-size: 48px}

@media (min-width: 1280px) {
	.overlay-content h1, .overlay-content h2 {font-size: 72px;}
}

@media only screen and (max-width: 1000px) {
body .nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content {
top: 40px !important;
}
	body .nectar-fancy-box .inner {min-height: 250px !important}
	
}

body.page-id-238 .nectar-fancy-box .box-bg:after {background: rgba(51,51,51,0.3)}
body.page-id-238 .nectar-fancy-box:hover .box-bg:after {background: rgba(51,51,51,0)}

.nectar-fancy-box .link-text {font-family:'Cera Bold' !important; letter-spacing: 0 !important; font-weight: normal !important}

.nectar-carousel-fixed-content p {line-height: 1.25; color: #000}
.nectar-carousel-fixed-content p strong, .nectar-carousel-fixed-content strong {font-size: 18px; margin-bottom: 16px !important; display: block}
.nectar-carousel-fixed-content h3 {font-family: 'Cera Regular' !important; line-height: 1.25; font-size: 32px !important; color: #414042}
.nectar-carousel-fixed-content hr {height:2px; color: #111; background-color: #111;  margin: 24px 0; width: 100px}

.carousel-wrapper .bx-controls-direction .bx-prev {left: 0; background: #fff !important; height: 40px; width: 40px; margin-top: -20px}
.carousel-wrapper .bx-controls-direction .bx-prev:after {display: block; width: 30px; height: 240px; content: "\f104"; font-size: 36px; color: #000; font-family: 'FontAwesome'; position: absolute; top: 10px; left: 5px; text-align: center; text-indent: 0 }
.carousel-wrapper .bx-controls-direction .bx-next {right: 0; background: #fff !important; height: 40px; width: 40px; margin-top: -20px}
.carousel-wrapper .bx-controls-direction .bx-next:after {display: block; width: 30px; height: 240px; content: "\f105"; font-size: 36px; color: #000; font-family: 'FontAwesome'; position: absolute; top: 10px; left: 5px; text-align: center; text-indent: 0 }

body .nectar-fancy-box .link-text {
font-size: 12px;
color: #111 !important; position: relative
}

body .nectar-fancy-box .link-text:after {display: block; background: #fff; content: ''; position: absolute; top: -6px; left: -65px; right: 0; height: 44px; z-index: -1}
body .nectar-fancy-box .link-text .arrow:before {color: #111 !important}
body .nectar-fancy-box .link-text span.arrow:after {background-color: #111 !important}

.contact-details ul, .contact-details ul li {white-space: nowrap; margin:0; padding:0; text-align:left;display: inline-block}
.contact-details ul li {display: block; clear: both; padding-bottom: 3px}
.contact-details ul li strong {width: 68px; display: inline-block}
.contact-details ul li {font-family: 'Cera Regular'}
.contact-details ul li.pad72 {padding-left: 72px}

.explore h2 {font-family: 'Cera Regular' !important; color: #414042; line-height: 1.2}
.explore h4 {font-family: 'Cera Bold'; font-weight: normal; font-size: 18px}
.explore a {display: inline-block; clear: both; margin-top: 12px; border: 1px solid #414042; color: #414042; padding: 8px 16px;font-family: 'Cera Bold' !important; font-weight: normal !important}
.explore a:hover {color: #fff; background: #532e61; border-color:#532e61}
.explore p {line-height: 1.5}

/* -- amenities --*/
.local .span_12 {max-width: 1200px; padding: 0; margin: 0 auto !important; float: none !important}

.amenities-tabs .wpb_tabs_nav li {background: none !important}
.amenities-tabs .wpb_tabs_nav li a {text-indent: -9999px; width: 60px; height: 60px; margin:1px; background-position: center center;   border: none !important}

.amenities-tabs .wpb_tabs_nav li:first-child a, .amenities-tabs .wpb_tabs_nav li:first-child a.active-tab {background:#008a83 url("img/amenities-icons-02.svg") center center no-repeat;background-size: 48px 48px }
.amenities-tabs .wpb_tabs_nav li:nth-child(2) a, .amenities-tabs .wpb_tabs_nav li:nth-child(2) a.active-tab {background:#265779 url("img/amenities-icons-01.svg") center center no-repeat;background-size: 48px 48px }
.amenities-tabs .wpb_tabs_nav li:nth-child(3) a, .amenities-tabs .wpb_tabs_nav li:nth-child(3) a.active-tab {background:#532e61 url("img/amenities-icons-03.svg") center center no-repeat;background-size: 48px 48px }

img.logo-advantage {width:100% !important; max-width: 300px !important; height:auto}

/* -- design / garage -- */
.garage-features .span_12 {max-width: 1600px; padding: 0 24px; margin: 0 auto !important; float: none !important}
.garage-col h3 {font-size: 18px; line-height: 1; font-family: 'Museo Slab 700' !important; display: block; padding: 12px 0 12px 60px; background: url("img/icons-garage-03.svg") left center no-repeat; background-size: 48px 48px}
.garage-col hr {background-color: #414042; color: #414042; width: 80px; margin: 24px 0}
.garage-col p {font-size: 12px; line-height: 1.5}
.garage-col-1 h3 {color: #532e61}
.garage-col-2 h3 {color: #008f96;background-image: url("img/icons-garage-04.svg");}
.garage-col-3 h3 {color: #265779;background-image: url("img/icons-garage-05.svg");}
.garage-col .wpb_text_column {padding: 0 0 0 170px; min-height: 250px; background: url("img/da-garage-1.jpg") 0 0 no-repeat; background-size: 150px auto}
.garage-col .vehicles strong {display: block; color: #fff; padding: 6px; font-family: 'Cera Regular' !important; font-weight: normal; text-align: center; position: relative; margin-top: -2px}
.garage-col-1 .vehicles {background:#532e61;}
.garage-col-2 .vehicles {background:#008f96;}
.garage-col-3 .vehicles {background:#265779;}


@media (min-width: 1000px) and (max-width: 1280px) {
	.garage-col .wpb_text_column {padding: 0 0 0 100px; background-size: 90px auto}
}


/* -- collections -- */

.collection-col .vc_col-sm-6 .wpb_text_column {padding: 0 24px 24px 24px}
.collection-col .img-with-aniamtion-wrap {padding-bottom: 20px}

.collection-col .vc_col-sm-6 .wpb_text_column h2 {font-family: 'Cera Regular' !important; line-height: 1; text-transform: uppercase; font-size: 30px; color: #414042; max-width:330px; margin-bottom: 24px }
.collection-col .vc_col-sm-6 .wpb_text_column h3 {font-family: 'Cera Bold' !important}

.collection-col .vc_col-sm-6 .wpb_text_column p, .collection-col .vc_col-sm-6 .wpb_text_column ul li {font-family: 'Cera Regular'; line-height:1.25; padding-bottom: 0 }

.coll-25 .wpb_text_column .wpb_wrapper {background: url("img/icons-25.svg") top right no-repeat; background-size: auto 60px}
.coll-33 .wpb_text_column .wpb_wrapper {background: url("img/icons-33.svg") top right no-repeat; background-size: auto 60px}
.coll-33 .wpb_text_column {background: url("img/icons-33_hex.svg") 24px bottom no-repeat; background-size: auto 60px; padding-bottom: 72px !important}
.coll-38 .wpb_text_column .wpb_wrapper {background: url("img/icons-38.svg") top right no-repeat; background-size: auto 60px}
.coll-38 .wpb_text_column {background: url("img/icons-38_hex.svg") 24px bottom no-repeat; background-size: auto 60px; padding-bottom: 72px !important}
.coll-40 .wpb_text_column .wpb_wrapper {background: url("img/icons-40.svg") top right no-repeat; background-size: auto 60px}
.coll-50 .wpb_text_column .wpb_wrapper {background: url("img/icons-50.svg") top right no-repeat; background-size: auto 60px}


@media (max-width: 767px) {
.collection-col .vc_col-sm-6 .wpb_text_column .wpb_wrapper {background-size: auto 40px !important}
.collection-col .vc_col-sm-6 .wpb_text_column h2, .collection-col .vc_col-sm-6 .wpb_text_column h3 {padding-right: 50px}
}

.coll-details h3, .coll-details h4, .coll-details li a {color: #fff} 
.coll-details h3 {font-family: 'Cera Bold' !important}
.coll-details h4 {font-family: 'Cera Regular' !important}
.coll-details li a:hover {text-decoration: underline}

.collection-options .span_12 {max-width: 1000px; padding: 0 24px; margin: 0 auto !important; float: none !important}
.collection-options h3 {line-height: 1;font-family: 'Museo Slab 700' !important; font-weight: normal !important}
.collection-options .vc_column-inner  {padding:0px 12px 24px 12px;background: #fff;-webkit-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.4);-moz-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.4);box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.4);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;}
.collection-options .vc_column-inner:hover {-webkit-box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.6);}


/* -- forms --*/

.gform_wrapper {width:100%;max-width: 820px !important; margin: 60px auto !important}
.gform_wrapper h3.gform_title {color: #f26d25 !important; text-align: center; font-size: 36px !important; line-height: 1; text-transform: uppercase; margin-bottom: 36px !important}


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

.opt-in-consent .gfield_label {width: 100% !important; margin-top: 24px;}



.gform_description {font-size: 16px;font-family: 'Cera Regular' !important; line-height: 1.25}
.gform_wrapper .gfield_label, .gform_wrapper label {font-family: 'Museo Slab 700' !important; text-transform: uppercase; font-weight: normal !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 input[type='text'], .gform_wrapper select {border-radius: 0 !important; border: 1px solid #bbb !important; background: #fff !important; -webkit-appearance:none; padding: 10px !important  }

.gform_wrapper ul li select {
    border-radius: 0;
    background: #fff 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;
	height: 46px; margin-top: 2px !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;
    background-size: 50px 200px;
}

.gform_wrapper .gform_footer .gform_button {font-family: 'Cera Medium'; letter-spacing: 0.09em; font-weight: normal}


#community {overflow: hidden}


.vc_inline-link {display: none}

/* FOOTER */
#footer-outer .row {padding: 30px 0 !important}
#footer-outer .row .textwidget p {font-size: 12px !important; line-height: 1; font-family: 'Cera Regular'}
#footer-outer .row .textwidget .credit, #footer-outer .row .textwidget .credit a {font-size: 10px !important; line-height: 1; font-family: 'Cera Regular'; color: #666; text-transform: none !important}
#footer-widgets .widget li a {font-family: 'Montserrat'; }
#copyright, #copyright p, #copyright p a, body #footer-outer a:not(.nectar-button) {text-transform: uppercase; color: #5B5B5B !important;font-family: 'Montserrat';}
#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {padding: 20px !important}

.mpfy-tooltip *, .mpfy-tooltip .tltpcnt {text-align: center !important;}

#markerLayer img {
        border: 2px solid red !important;
        width: 85% !important;
        height: 90% !important;
        border-radius: 5px;
      }

/*
.leaflet-marker-pane .leaflet-marker-icon {border: 1px solid blue;margin-left: -30px !important; margin-top: -30px !important; width: 44px !important; height: 44px !important; transform: translate3d(920px, 275px, 0px); z-index: 275; outline: none; background: url("img/map-ventura.png") top center; background-size: contain}
.leaflet-marker-pane  .nectar-leaflet-pin {display: none}

.leaflet-marker-pane .leaflet-marker-icon:first-of-type {border: 1px solid red} */

/* - - - - -  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;
}

@media (max-width: 900px) {

	#panel2 .row-bg-wrap {background: url("img/HF_VENTURA_Web_BG-M.jpg") center center; background-size: cover}

}

/*
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) {

.ultimate h2, .innovative h2 {font-size: 28px; line-height: 1;}

.ultimate p {font-size: 16px; line-height: 1.5;}

	.nectar-leaflet-map {height: 300px !important; }
	
.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.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) {

body.page-id-2 .slide-out-widget-area-toggle,body.page-id-58 .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
}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
	#community.vc_row-o-full-height, #community div, .vc_row-o-full-height div {min-height: 800px !important}
}

body.material header#top .lines:before, body.material #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {width:1.4rem !important}

body.page-id-2 #menu-microsite-overlay-menu,body.page-id-58 #menu-microsite-overlay-menu {
	display: none !important
}

body #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {font-size: 20px !important; font-family: 'Cera Regular' !important; line-height: 1.25 !important; font-weight: normal; text-transform: uppercase}
body #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a:hover, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a:hover {color:#ddd}

body #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li.li-header a, body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.li-header a { font-family: 'Cera Bold' !important; margin: 12px 0 0 0}
body #slide-out-widget-area.fullscreen .inner .widget, #slide-out-widget-area.fullscreen-alt .inner .widget {padding: 0 30px !important}