/********************************************
	MARIS.NET
	Built by WebSight Design Inc.
*********************************************/

/***** WEBFONTS *****/
@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,500|Roboto:300,300i,400,500');

/** USAGE
font-family: 'Roboto', sans-serif;
font-family: 'Frank Ruhl Libre', serif;
comment
**/

/******** BROWSER CSS RESET *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	/*** Include Padding/Borders in width for all elements ***/
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Responsive images & embedded objects (remove for image cropping) */
img, object, embed { max-width: 100%; }

/****** GLOBAL ELEMENT CSS ******/
html * { max-height: 999999px; } /* Android mobile font sizing fix */

body {
	line-height: normal;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	background: #fff;
	-webkit-text-size-adjust: none;
}

body, select, input, textarea { color: #555d68; }

.stopme { height:100vh; overflow:hidden; }

.html2pdf__page-break {
	page-break-after: always;
}

ins { background-color: #fcd700; color: #000; text-decoration: none; }
mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
	margin: 0px 0px 20px;
	color: #555d68;
}
h1 { font-size:40px; font-family: 'Frank Ruhl Libre', serif; font-weight:300; line-height:normal; }
h2 { font-size: 24px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:normal; }
h3 { font-size: 22px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:normal; }
h4 { font-size:50px; font-family: 'Frank Ruhl Libre', serif; font-weight:300; line-height:normal; }

h5, h6 { font-size: 20px; }

.h3-underline { border-bottom:1px #dcdee0 solid; padding-bottom:3px; font-weight:500; max-width:1027px; margin:0 auto 50px auto; }

a, a:visited { color: #0055b8; text-decoration: underline; }
a:hover, a:active { color: #0055b8; text-decoration: underline; }
a:link { -webkit-tap-highlight-color: #f0f1f2; }

a.btn-rounded, input.btn-rounded, span.btn-rounded {
	display:inline-block;
	background:#fff; border:2px #0055b8 solid; border-radius:30px;
	padding:10px 50px;
	font-weight:500; font-size:16px; text-decoration:none; color:#0055b8;
	transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
}

a.btn-rounded:hover, input.btn-rounded:hover {
	background:#0055b8;
	color:#fff;
}

a.btn-rounded:active {
	border:2px #dcdee0 solid;
 	background:#dcdee0;
	color:#555d68;
}

a.btn-rect {
	display:inline-block;
	/*background:transparent; */
	background:url('../png/button-blue.png') no-repeat 0 43px;
	border-bottom:2px #0055b8 solid;
	padding:10px 50px;
	font-weight:500; font-size:16px; text-decoration:none; color:#0055b8;
	transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -moz-transition: all 0.4s linear;
   animation-timing-function: ease-out;
}

a.btn-rect:hover {
	/*background:#0055b8;*/
	background:url('../png/button-blue.png') no-repeat 0 0; background-size:100% 100%;
	color:#fff;
}

a.btn-rect:active {
	border-bottom:2px #dcdee0 solid;
 	background:#fff;
	color:#dcdee0;
}

.btn-rounded.hidden {
	display: none;
}

a.underline {
	display:inline-block;
	background:transparent;
	border-bottom:2px #fff solid;
	padding:8px;
	font-weight:500; font-size:16px; text-decoration:none; color:#0055b8;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}

a.underline:hover, a.underline.active {
	border-bottom:2px #0055b8 solid;
}

a.underline:active {
	border-bottom:2px #dcdee0 solid;
	color:#dcdee0;
}


a.right-arrow { display:block; width:53px; height:33px; font-size:13px; background:url('../png/right-arrow.png') no-repeat 0 100%; text-align:left; text-decoration:none; }
a.left-arrow { display:block; width:53px; height:33px; font-size:13px; background:url('../png/left-arrow.png') no-repeat 0 100%; text-align:right; text-decoration:none; }


a.view-more-vids { position:absolute; top:45%; right:-100px; width:53px; height:33px; font-size:13px; background:url('../png/right-arrow.png') no-repeat 0 100%; text-align:left; text-decoration:none; }

div.video-list a.view-more-vids { top:37%; }
div.events-list a.view-more-vids { top:30%; }

div.events-list a.btn-rounded { padding:10px 20px !important; margin:0 3px; }

.spacer { margin:10px 20px; }

div.container { width:100%; max-width:1204px; margin:0 auto; padding:0 15px; }


p { margin: 0px 0px 20px; }
img { border: none; height:auto; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.nosho { display: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right }

p.mobile-header { max-width:306px; margin:0 auto 30px auto; }


.fancybox-slide--iframe .fancybox-content {
    width  : 80% !important;
    max-width  : 600px !important;
    max-height : 80% !important;
    margin: 0;
}


/*** Basic List Styling ***/
ul {
	margin: 0px 0px 20px;
	padding: 0 0 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}
ul li { margin-bottom: 5px; }
ul li ul li { margin-top: 5px; }
ul li ol li { margin-top: 5px; }

ol {
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
	list-style-type: decimal;
	list-style-position: outside;
}
ol li { margin-bottom: 5px; }
ol li ol li { margin-top: 5px; }
ol li ul li { margin-top: 5px; }


/*** CKEditor Image Alignment Classes ***/
.align-left, .align-right { margin:0 0 20px 0; float:none; }
.align-center { text-align: center; }
.align-center > figure { display: inline-block; }

blockquote { width:100%; max-width:630px; margin:30px auto 30px auto; text-align:center; 
	font-size:24px; font-family: 'Frank Ruhl Libre', serif; font-weight:500; color:#00bdd5;
	line-height:120%;
}
blockquote b, blockquote strong { font-family: 'Roboto', sans-serif ; font-style:italic; font-weight:300; font-size:18px; color:#555d68; }

figure.image { width:100%; text-align:center; margin:30px auto; }

.mob { display:block; }
.mob2 { display:inline; }
.dsk, .dsk2 { display:none !important; }

p.teambio-videos { display:none; }

div.breadcrumbs { display:none; }


/****** FRONTEND LAYOUT ******/
div.side-icons { display:none; }

#page {
	margin: 0px auto;
	width: 100%;
	position: relative;
	overflow:hidden;
}

/*** Header ***/
#header {
	margin:0 auto;
	padding:16px 15px 16px 15px;
	position: relative;
	max-width: 1264px;
}

.tactical { 
	background:#f0f1f2; 
	width:100%; height:40px;
	text-align:right; 
	padding:10px 15px 0 0;
	font-size:11px; font-weight:400;
}
.tactical a { color:#0055b8; text-decoration:none; font-size:16px; font-weight:400; }
.tactical a#sign-in-link { background:url('../png/signin-pencil.png') no-repeat; padding-left:20px; }


/*#login-form-container {
	position: absolute; top:30px; right:0; z-index:800;
	padding: 20px;
	border: 2px solid #0055b8;
	width: 100%;
	background-color: #fff;
	text-align:center;
	font-family: 'Roboto', sans-serif; font-size:18px; font-weight:500; 
}
	
#login-form-container input[type=text], #login-form-container input[type=password] { display:block; margin:5px auto 10px auto; font-family: 'Roboto', sans-serif; font-size:18px; font-weight:500; text-align:center; }
#login-form-container input[type=submit] { cursor:pointer; margin:10px auto 0 auto; }
p.pw-recon { text-align:center; font-size:11px; padding-top:20px; line-height:200%; margin-bottom:0; }*/


/*** Commented out 3/24/20 
#login-form-container {
	position: fixed; top:0; left:0; z-index:9999;
	width: 100%; height:100vh;
	display:table;
	background-color: rgba(255,255,255,0.95);
}

div.lfc-cell { display:table-cell; width:100%; height:100vh; padding:20px; vertical-align:middle; }
div.lfc-inner { width:100%; max-width:954px; height:auto; margin:0 auto; text-align:left; font-size:24px; font-weight:300; padding:0 5%; position:relative; }

.indent { padding-left:25px; }
div.lfc-inner label { color:#555d68; font-weight:300; }
	
#login-form-container input[type=text], #login-form-container input[type=password] { 
	display:block; margin:10px 0 15px 0; padding:15px 25px;
	font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#939598;
	width:87%; max-width:770px;
	border:1px #939598 solid; border-collapse:collapse;
}

#login-form-container input[type=submit] { cursor:pointer; margin:40px auto 35px auto; font-size:16px; font-weight:500; }
p.pw-recon a { font-size:16px !important; display:inline-block; margin:0 17px; }
***/

/*** NEW 03/24/20 ***/
#login-form-container { max-width:525px; margin:50px auto 0 auto; }

div.lfc-cell { display:block; width:100%; }
div.lfc-inner { width:100%; display:block; text-align:left; font-size:24px; font-weight:300; position:relative; }

div.lfc-inner label { color:#555d68; font-weight:300; }
	
#login-form-container input[type=text], #login-form-container input[type=password] { 
	display:block; margin:10px 0 15px 0; padding:15px 25px;
	font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#939598;
	width:87%; max-width:770px;
	border:1px #939598 solid; border-collapse:collapse;
}

#login-form-container input[type=submit] { cursor:pointer; margin:40px auto 35px auto; font-size:16px; font-weight:500; }
p.pw-recon a { font-size:16px !important; display:inline-block; margin:0 17px; }

p.instructions { font-size:18px; color:#939598; font-weight:300; text-align:center; }


/** Duplicate for WCAG **/
#login-form-container2 { max-width:525px; margin:50px auto 0 auto; }
	
#login-form-container2 input[type=text], #login-form-container2 input[type=password] { 
	display:block; margin:10px 0 15px 0; padding:15px 25px;
	font-family: 'Roboto', sans-serif; font-size:24px; font-weight:300; color:#939598;
	width:87%; max-width:770px;
	border:1px #939598 solid; border-collapse:collapse;
}

#login-form-container2 input[type=submit] { cursor:pointer; margin:40px auto 35px auto; font-size:16px; font-weight:500; }




#logo {
	display: block;
	float: left;
	font-size: 1px; color: #fff; text-indent:-2000px;
	width:146px; height:29px; overflow:hidden;
	background:url('../svg/maris-logo.svg') no-repeat;
	background-size:100% auto;
}

/* Menu with Icon */
#menuBtn {
	display: block; width:40px; height:40px;
	float: right; clear: right;
	background: url('../png/menu-btn.png') no-repeat center center;
	text-indent: -9999px;
	margin:-5px 0 0 0;
}
#menuBtn.open { background: url('../png/menu-close.png') no-repeat center center; }

#header .loginBox { display: none; }

/*** Main Menu ***/
#mainmenu {
	display: none;
	position: absolute; top:65px; left:0;
	z-index: 9999;
	width: 100%; height:100vh;
	text-align: center;
	margin: 0 auto;
	background: #fff;
}
#mainmenu ul {
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
}
#mainmenu ul li {
	margin: 0px;
	float: none;
	border-left: none;
}

#mainmenu ul li.mob { display:block; }

#mainmenu ul li a {
	display: block;
	padding: 20px 0 30px 0;
	color: #0055b8;
	font-size: 24px; font-weight:300;
	text-decoration: none;
	background-color: transparent;
}

#mainmenu ul li > ul { display: none; }
#mainmenu ul li:hover > ul { display: none; }

/*** Content Area ***/
#content {
	clear: both;
	margin: 0px;
	padding:0 15px;
	min-height:550px;
}
.featuredImg {
	display: block;
	width:100%; 
	margin:40px auto 40px auto; text-align:center;
}
.featuredImg img {
	display: block;
	width: auto; margin:0 auto;
}

#sidebar {
	float: none;
	width: auto;
	margin: 30px 0px 0px;
	padding: 30px 0px 0px;
	border-right: none;
	border-top: 1px solid #ccc;
}

#main {
	float: none;
	width: auto;
	margin: 0px;
	padding: 0px;
}

/*** Footer ***/
#footer {
	padding:68px 0 31px 0;
	margin:0;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background:#002b5c;
	position:relative;
}

#to-top { width:95px; height:auto; display:block; position:absolute; right:15px; top:15px; text-align:left; color:#00bdd5; text-decoration:none; }

div.social-menu { width:100%; }
ul.sm-ul {
	display: inline-block;
	list-style-type:none;
	text-align:center;
	padding:0;
}
ul.sm-ul li {
	display: inline-block;
	/*width: 32%;*/ width:48%;
	white-space:nowrap;
	text-align: left;
	margin: 0 0 10px 0;
	/*padding-top:12px;*/
}

ul.sm-ul li.other { min-width:100px; text-align:center; }
ul.sm-ul li.mobftr { min-width:100px; text-align:center; }

ul.sm-ul li.smicon { width:10%; margin:15px 10px 10px 7px !important; padding-top:0; }
ul.sm-ul li.smicon1 { width:10%; margin:15px 10px 10px 7px !important; padding-top:0; }

a.linkedin { display:block; width:35px; height:35px; background:url('../svg/linkedin-maris.svg') no-repeat 50% 50%; background-size:auto 23px; text-indent:-2000px; overflow:hidden; margin:0 auto; }
a.facebook { display:block; width:35px; height:35px; background:url('../svg/facebook-maris.svg') no-repeat 50% 50%; background-size:auto 23px; text-indent:-2000px; overflow:hidden; margin:0 auto; }
a.twitter { display:block; width:35px; height:35px; background:url('../png/twitter-x.png') no-repeat 50% 50%; background-size:auto 23px; text-indent:-2000px; overflow:hidden; margin:0 auto; }
a.instagram { display:block; width:35px; height:35px; background:url('../svg/instagram-maris.svg') no-repeat 50% 50%; background-size:auto 23px; text-indent:-2000px; overflow:hidden; margin:0 auto; }

#footer p { margin:0 0 27px 0; }

ul.sm-ul li a { color:#00bdd5 !important; text-decoration:none; display:block; padding: 0;
	font-size:16px; font-weight:400; /*color:#0055b8;*/
	/*width: 100%;*/
}
ul.sm-ul li:first-child a { padding-left:0 !important; }
ul.sm-ul li:last-child a { padding-right:0 !important; }

a.wsd { color:#00bdd5; font-size:11px; margin:5px 0 0 0; }
	
div#copyright { width:auto; height:auto; display:block; position:absolute; right:15px; bottom:15px; }



/****** HOMEPAGE ******/
.homepage { }


/* Homepage Content */
.homeContent {
	display:block;
	width:100%; max-width:1005px;
	padding:0;
	margin:40px auto;
	text-align:center;
}

p.home-buttons { margin-top:0px; margin-bottom:40px;}
p.home-buttons a { margin:0 20px 10px 20px; }

div.hps-container { width:100%; max-width:650px; /*806px;*/ margin:0 auto; display:block; }


/**** TILES ****/
div.tiles { width:100%; max-width:1027px; margin:0 auto; text-align:center; display:block; }
div.tile-row { width:100%; display:block; padding:0 15px; }
div.indv-tile { width:100%; max-width:306px; margin:0 auto 30px auto; display:block; background:#f0f1f2; }
div.tile-spacer { display:none; }
	
div.indv-tile img { width:100%; display:block; margin-bottom:30px; }
div.indv-tile p { margin:0 10% 0 10%; padding-bottom:40px; }

p.abs { margin:0 !important; padding-bottom:0 !important; background:url('../png/tile-ender.png') 0 76%; background-size:100% auto; text-align:center; }

.mob-only { display:block; }
div.tile-row.dsk-only  { display:none; }

div#home-gray { width:calc(100% + 30px); margin:182px -15px 0 -15px; text-align:center; padding:105px 20px 101px 20px; background:#f0f1f2; }



/****** FORMS STYLING ******/
div.form {
	margin: 0px auto;
	max-width: 600px;
}
div.form label {
	display: block;
	font-weight: normal;
}
div.form input,
div.form textarea,
div.form select {
	box-sizing: border-box;
	margin: 5px 0px;
	font-size: 18px; font-family: 'Roboto', sans-serif;
}

div.form input:focus, 
div.form select:focus, 
div.form textarea:focus { /*outline: none;*/ }

div.form input[type=text],
div.form input[type=number],
div.form input[type=password] {
	padding: 4px;
	width: 100%;
	max-width: 600px;
	border: 1px solid #aaa;
	border-radius: 0px;
}
div.form textarea {
	padding: 4px;
	width: 100%;
	max-width: 600px;
	height: 120px;
	resize: none;
	border: 1px solid #aaa;
	border-radius: 0px;
	-webkit-appearance: none;
	font-size: 18px; font-family: 'Roboto', sans-serif;
}
div.form select {
	padding: 4px;
	width: 100%;
	max-width: 600px;
	border: 1px solid #aaa;
	border-radius: 0px;
	font-size: 18px; font-family: 'Roboto', sans-serif;
}
div.form .note {
	font-style: italic;
}
div.form span.required { color: #00bdd5; }
div.form .row { margin: 0px 0px 10px; }

div.form .row.checkbox { margin-bottom:20px; }

div.form .row.checkbox input { display:inline; width:auto; }
div.form .row.checkbox label, div.form .row.radio label {
    margin-left:10px;
    width: auto;
	display:inline;
}

div.form .row.buttons { text-align: center; }

div.form input[type=submit], div.form input[type=button] {
	background:#fff; border:2px #0055b8 solid; border-radius:30px;
	padding:10px 50px;
	font-size:18px; text-decoration:none; color:#0055b8; font-weight:normal;
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   	/*outline:none;*/
	cursor:pointer;
}
div.form input[type=submit]:hover, div.form input[type=button]:hover {
	background:#0055b8;
	color:#fff;
	/*outline:none;*/
}
div.form input[type=submit]:active, div.form input[type=button]:active { border:2px #dcdee0 solid;
	background:#dcdee0;
	color:#555d68;
	/*outline:none;*/
}

/** Outage Form **/
div.form .row.text label { width:100%; float:none; margin:0 0 5px 0; padding-top:0; }
div.form .row.text input[type=text] { width:100%; float:none; }
div.form#outage-form .row.text select { width:100%; float:none; height:40px; } 
div.form#outage-form .row.text input[type=text] { height:40px; }

div.form .non-row { margin:0 0 10px 0; }

div.form .non-row radio { display:inline; float:none; margin:0; padding:0; width:auto; }
div.form .non-row label { width:auto; display:inline-block; margin:0 0 10px 5px; padding-top:0; float:none; }
div.form .non-row label:first-child { width:100%; float:none; margin:0 0 15px 0; padding-top:0; display:block; }

div.form .row.ckb input[type=checkbox] { margin-right:10px; }
div.form .row.ckb label { width:auto; display:inline; float:none; }

div.form#outage-form .row.checkbox { margin-left:0; }
div.form#outage-form .row.checkbox label { padding-top:5px; }


/*** Form Errors ***/
div.form div.error label,
div.form label.error,
div.form span.error {
	color: #C00;
}
div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error {
	background: #FEE;
	border-color: #C00;
}
div.form .errorSummary {
	border: 2px solid #C00;
	padding: 10px;
	margin: 0px 0px 20px;
	background: #FEE;
}
div.form .errorMessage { color: #00bdd5; clear:both; }
div.form .errorSummary p { margin: 5px; }
div.form .errorSummary ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}




/***** SEARCH RESULTS PAGE *****/
.results { }
.results #content .searchBox {
	margin: 0px 0px 20px;
}
.results #content .searchBox input[type=text] {
	width: 300px;
	height: 28px;
	font-size: 1em;
	padding: 4px;
	border-radius: 0px;
	border: 1px solid #ccc;
	-webkit-appearance: none;
}
.results #content .searchBox input[type=submit] {
	padding: 5px 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	background: #7f7f7f;
}
.results #content .searchBox input[type=submit]:hover { background: #666; }
.results .resultSet {
	margin: 0px 0px 20px;
	padding: 20px 0px 0px;
	border-top: 1px solid #ccc;
}
.results .resultSet .resultList {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.results .resultSet .resultList li { margin: 0px 0px 20px; }
.results .resultSet .resultList li img {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 100px;
}
.results .resultSet .resultList li h4 { margin: 0px 0px 5px; }
.results .resultSet .resultList li p.date { margin: 0px 0px 10px; }


/** Error Page **/

div.one-fifteen { text-align:center; margin:40px auto; width:100%; max-width:980px; }
div.one-thirty { text-align:center; margin:0px auto 30px auto; width:100%; max-width:980px; }





/********************** MODULE-SPECIFIC STYLES ***********************/
/* Feel free to remove all styles for modules that aren't being used.*/

/*** Photo Thumbnails Slider/Carousel ***/
.thumbsPrev,
.thumbsNext {
	position: absolute;
	top: 0px;
	width: 30px;
	height: 100px;
	font-size: 42px;
	line-height: 94px;
	text-align: center;
	color: #333;
	text-decoration: none;
	background-color: #ddd;
}
.thumbsPrev:hover, .thumbsPrev:active,
.thumbsNext:hover, .thumbsNext:active {
	color: #fff;
	background-color: #666;
	text-decoration: none;
}
.thumbsPrev { left: 0px; }
.thumbsNext { right: 0px; }
.thumbsCarousel {
	margin: 0px;
	position: relative;
    overflow: hidden;
}
.thumbsCarousel ul {
	width: 20000em;
    position: relative;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.thumbsCarousel ul li {
	float: left;
	margin: 0px 10px 0px 0px;
}
.thumbsCarousel ul li img {
	display: block;
	width: auto;
	height: 100px;
	cursor: pointer;
}
.thumbsCarousel ul li img.activeImg { opacity: 0.6; cursor: default; }

/****** REALTY / REAL ESTATE MODULE ******/
/*** Property Categories / Project Categories / Locations Listing ***/
.categories,
.locations {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.categories li,
.locations li {
	float: left;
	margin: 0px 2.5% 20px;
	width: 45%;
	height: auto;
	text-align: center;
}
.categories li img,
.locations li img {
	display: block;
	margin: 0px 0px 5px;
	width: 100%;
	height: auto;
}

/*** Location Detail Page ***/
.locationDetail .locImg {
	display: block;
	width: 100%;
	margin: 0px 0px 20px;
}

/*** Property Listings ***/
.propertiesList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.propertiesList li {
	margin: 0px 0px 20px;
	padding: 0px 0px 20px;
	border-bottom: 1px solid #ccc;
	clear: both;
}
.propertiesList li h3 { margin: 0px 0px 5px; }
.propertiesList li img {
	float:left;
	margin: 0px 20px 10px 0px;
	width: 50%;
	max-width: 400px;
	height: auto;
}

/*** Property Detail Pages ***/
.propertyDetail #photos { margin: 0px 0px 30px; }
.propertyDetail #photos #ftrImg {
	width: 100%;
	overflow: hidden;
	height: 400px;
}
.propertyDetail #photos #ftrImg img {
	display: block;
	margin: 0px auto;
	max-width: none;
	height: 400px;
}
.propertyDetail #photos #thumbs {
	margin: 20px 0px 0px;
	padding: 0px 40px;
	position: relative;
}
.propertyDetail #details { margin: 0px 0px 30px; }
.propertyDetail #description {
	padding: 30px 0px 0px;
	border-top: #ddd 1px solid;
}




/****** NEWS MODULE ******/
/*** News Listing Pages ***/

div.news-list { width:100%; max-width:1027px; margin:0 auto; display:block; }

div.indv-news { max-width:306px; display:block; background:#f0f1f2; border-radius:4px; margin:0 auto 50px auto; position:relative; text-align:left; min-height:315px; }

div.news-img { width:100%; height:143px; overflow:hidden; display:block; margin:0 0 30px 0; position:relative; border-radius:4px; }
div.news-img img { filter:grayscale(100%);  }

div.indv-news h3, div.indv-news p { margin:0 36px 10px 36px; }
div.indv-news h3 a { color:#555d68; text-decoration:none; }
div.indv-news h3 { height:100px; }

p.date { font-size:11px; margin-bottom:20px !important; }

div.cat-label { width:95px; height:17px; display:block; position:absolute; top:131px; left:36px; z-index:10; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; line-height:150%; }

a.news-overlay { display:block; width:100%; height:147px; z-index:5; position:absolute; top:0; left:0; }

div.cat-label.blue { background:url('../png/loz-blue.png') no-repeat; background-size:100% 17px; }
div.news-img.blue { border-bottom:6px #00358a solid; }
a.news-overlay.blue { background:rgba(0,53,138,0.6); }

div.cat-label.aqua { background:url('../png/loz-teal.png') no-repeat; background-size:100% 17px; }
div.news-img.aqua { border-bottom:6px #00bdd5 solid; }
a.news-overlay.aqua { background:rgba(0,189,213,0.6); }

div.cat-label.golden { background:url('../png/loz-yellow.png') no-repeat; background-size:100% 17px; }
div.news-img.golden { border-bottom:6px #f8b91c solid; }
a.news-overlay.golden { background:rgba(248,185,28,0.6); }

div.cat-label.midnight { background:url('../png/loz-midnight.png') no-repeat; background-size:100% 17px; }
div.news-img.midnight { border-bottom:6px #002b5c solid; }
a.news-overlay.midnight { background:rgba(0,43,92,0.6); }

p.catfilterp { font-weight:500; }

.special-container { border-left:6px #00bdd5 solid; padding-left:36px; margin:81px 0; font-weight:500; font-size:24px; }



/*** SUPPORT ***/
#sup-table { width:100%; display:block; }
div.sup-table-content { width:90%; display:block; border-top:6px #f0f1f2 solid; padding-top:30px; margin:0 auto 30px auto; }
div.sup-table-content h3 { margin-bottom:15px; }
div.sup-table-content p { font-size:16px; font-weight:300; }
div.sup-table-spacer { display:none; }

div.support-form { width:100%; max-width:823px; margin:0 auto; /*margin:63px auto 0 auto;*/ border:1px #d4d6d7 solid; }
input.need-answers { width:80%; float:left; border:0; border-collapse:collapse; padding:0 10px; margin:0; height:50px; 
	font-size:20px; font-weight:300; font-family: 'Roboto', sans-serif; }
input.na-submit { float:right; }

input.need-answers:focus { /*outline: none;*/ }


/** Support news list **/
div.support-list { max-width:1090px; margin:0 auto 50px auto; text-align:center; }
div.indv-sup { background:#fff; border-radius:4px; border:1px #dcdee0 solid; width:306px; margin:0 auto 75px auto; display:inline-block; text-align:left; position:relative; padding:35px 0; vertical-align:top; }

div.support-list div.indv-sup:nth-child(3n) { margin-right:0; }

div.indv-sup p, div.indv-sup h3 { margin:0 35px 20px 35px; }

div.indv-sup.blue { border-top:6px #0055b8 solid; }
div.indv-sup.aqua { border-top:6px #00bdd5 solid; }
div.indv-sup.golden { border-top:6px #f8b91c solid; }
div.indv-sub.midnight {border-top:6px #002b5c solid; }

div.indv-sup  div.cat-label { top:-10px; padding-top:1px; left:calc(50% - 45px); }

p.abs-sup { text-align:center; position:absolute; bottom:-20px; left:0; z-index:10; width:100%; height:auto; margin:0 !important; padding:0; }
div.indv-sup h3 a { color:#555d68; font-weight:500; text-decoration:none; }
div.indv-sup h3 a:hover { text-decoration:underline; }
div.indv-sup p { font-weight:300; }

/** Support Detail **/
#lower .sources { display:none; }
#qhalf, .ahalf { width:100%; display:block; }
#qhalf p { font-size:24px; font-weight:300; }


/*** News Detail Pages ***/
.newsModule.detail .tags {
	padding: 15px 0px 0px;
	font-size: 0.9em;
	border-top: 1px solid #ddd;
}
.newsModule.detail .tags a::after {
	content: ','
}

.newsModule ul.newsCategories {
	list-style-type: none;
}

#news-feature-img { width:100%; height:auto; position:relative; margin:50px 0 17px 0; }
div.nfi-img { height:auto; max-height:617px; width:100%; overflow:hidden; }
div.nfi-img img { width:100%; display:block; }

div.news-feature-title { position:relative; width:100%; height:auto; text-align:center; }
div.nft-info { width:100%; background:#fff; margin:0 auto; padding-top:30px; }
div.nft-info.blue { border-top:6px #00358a solid; }
div.nft-info.aqua { border-top:6px #00bdd5 solid; }
div.nft-info.golden { border-top:6px #f8b91c solid; }
div.nft-info.midnight {border-top: 6px #002b5c solid; }
div.nft-info h1 { margin-bottom:0; }

p.category { position:absolute; top:-5px; left:calc(50% - 40px); padding:1px 15px; font-size:11px; color:#fff; text-align:center; width:auto; display:inline-block; border-radius:7px; text-transform:uppercase; min-width:80px; }
p.category.blue { background:#00358a; }
p.category.aqua { background:#00bdd5; }
p.category.golden { background:#f8b91c; }
p.category.midnight { background:#002b5c; }
p.art-date { margin-bottom:10px; }

div.tweet-share { text-align:center; }
img.print-this { margin-left:20px; margin-right:20px; }

.tweet-this { float:none; position:relative; width:38px; height:31px; margin:0 20px; padding-top:7px; vertical-align:top; display:inline-block; overflow:hidden; background:url('../png/twitter.png') no-repeat 50% 100% #fff; }
.tweet-this iframe { opacity:0.01; }

#article-body { width:100%; max-width:850px; margin:50px auto; padding:0 15px; }

#article-body img { height:auto !important; }

p#author { text-align:center; max-width:600px; margin:20px auto 20px auto; font-style:italic; }


/** Post Nav **/
.postNav {
	margin:71px auto 76px auto; 
	clear:both; display:block;
	width:100%; max-width:1034px;
	text-align:center;
}




/****** EVENTS MODULES ******/
/*** Events Listing Pages ***/
.eventListings {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.eventListings li { margin: 0px 0px 30px; }
.eventListings li img {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 120px;
}
.eventListings li .desc { margin: 0px 0px 0px 140px; }
.eventListings li .date {
	margin: 0px 0px 5px;
	font-weight: bold;
}
.eventListings li h2 {
	margin: 0px 0px 10px;
	font-size: 22px;
}
.eventListings a.event-disabled,
.eventListings a.event-disabled:hover {
	background-color: #f0f1f2 !important;
}

/*** Events Detail Pages ***/
.eventsModule.detail img {
	/*float: right;
	max-width: 50%;
	margin: 0px 0px 20px 20px;*/
}

div.pillbox { width:auto; display:inline-block; padding:5px 20px 4px 20px; color:#fff; font-size:12px; border-radius:13px; text-transform:uppercase; margin-bottom:10px; width:92px; text-align:center; }
div.pillbox.aqua { background:#00bdd5; }
div.pillbox.midnight { background:#004392; }


div.events-list { width:100%; max-width:1034px; margin:0 auto; display:block; text-align:center; position:relative; }


div.ie-holder { text-align:center; }
div.ie-holder:focus { /*outline:none;*/ }

div.indv-event { width:306px; display:block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin-right:4.75%; margin:10px auto 70px auto; position:relative; text-align:left; padding-top:20px; }
div.indv-event.aqua { border-top:6px #00bcd5 solid; }
div.indv-event.midnight { border-top:6px #0047b9 solid; }
div.indv-event.blue { border-top:6px #0055b7 solid; }
div.indv-event.golden { border-top:6px #f8b91c solid; }

div.indv-event h3 a { color:#555d68; text-decoration:none; }
div.indv-event h3 { margin:0 36px 10px 36px; font-weight:500; min-height:87px; }
div.indv-event p { margin:0 36px 40px 36px; font-size:16px; font-weight:300; }

div.ie-label.aqua { position:absolute; top:-12px; left:35px; z-index:10; width:75px; height:17px; display:block; background:url('../png/loz-tealt.png') no-repeat; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; padding-top:2px; }
div.ie-label.midnight { position:absolute; top:-12px; left:35px; z-index:10; width:75px; height:17px; display:block; background:url('../png/loz-midnight.png') no-repeat; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; padding-top:2px; }
div.ie-label.blue { position:absolute; top:-12px; left:35px; z-index:10; width:75px; height:17px; display:block; background:url('../png/loz-blue.png') no-repeat; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; padding-top:2px; }
div.ie-label.golden { position:absolute; top:-12px; left:35px; z-index:10; width:75px; height:17px; display:block; background:url('../png/loz-yellow.png') no-repeat; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; padding-top:2px; }


/****** CMS MODULE (IMAGE GALLERIES/VIDEOS/SUBPAGES/FAQ) ******/
/*** Image Gallery Listing ***/
.gallery {
	margin: 0px 2.5% 30px;
	padding: 0px;
	float: left;
	width: 45%;
	height: auto;
	text-align: center;
	overflow: hidden;
}
.gallery .frame {
	display: block;
	margin: 0px 0px 10px;
	width: 100%;
	height: 0;
	padding: 100% 0px 0px;
	position: relative;
	overflow: hidden;
}
.gallery .frame a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px -25%;
	width: 150%;
	height: 100%;
	overflow: hidden;
}
.gallery img {
	display: block;
	margin: 0px auto;
	max-width: none;
	height: 100%;
}
.gallery h3 { margin: 0px 0px 5px; }
.gallery h3 a { text-decoration: none; }
.gallery p { margin: 0px 0px 10px; }

/*** Image Gallery Page ***/
.photos { margin: 0px -6px; }
.photos .thumb {
	margin: 0px 6px 20px;
	padding: 0px;
	float: left;
	width: 180px;
	height: 210px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}
.photos .thumb .frame {
	display: block;
	width: 180px;
	height: 180px;
	margin: 0px 0px 8px;
	overflow: hidden;
	background: #666;
}
.photos .thumb .frame a {
	display: block;
	margin: 0px -100px;
	width: 380px;
	height: 180px;
	overflow: hidden;
	background: #ccc;
}
.photos .thumb .frame img {
	display: block;
	max-width: none;
	height: 180px;
	margin: 0px auto;
}

/*** Videos Listing Page ***/
div.video-list { width:100%; margin:0 auto; display:block; position:relative; }

div.iv-holder { /*padding:0 27px;*/ padding:0; text-align:center; /*padding:4px;*/ display:inline-block; vertical-align:top; width:33%; }
div.iv-holder:focus { /*outline:none;*/ }
div.indv-video { width:306px; display:block; background:#f0f1f2; border-radius:4px; margin:0 auto 50px auto; position:relative; text-align:left; min-height:315px; /*outline:none;*/ padding-bottom:20px; }

div.vid-img { width:100%; height:147px; overflow:hidden; display:block; margin:0 0 30px 0; border-radius:4px; cursor:pointer; }
div.play-button, a.play-button { width:57px; height:57px; display:block; background:url('../png/video-play.png') no-repeat; position:absolute; top:55px; left:calc(50% - 29px); z-index:10; cursor:pointer; }

h3.video-title-h3 { min-height:66px; font-weight:500; }
p.video-desc-p { min-height:50px; font-weight:300; }

.video.aqua { border-bottom:6px #00bdd5 solid; } 
div.video-label.aqua { width:75px; height:17px; display:block; background:url('../png/loz-tealt.png') no-repeat; position:absolute; top:135px; left:36px; z-index:10; }

.video.golden { border-bottom:6px #f8b91c solid; } 
div.video-label.golden { width:75px; height:17px; display:block; background:url('../png/loz-yellow.png') no-repeat; position:absolute; top:135px; left:36px; z-index:10; }

.video.blue { border-bottom:6px #0055b8 solid; } 
div.video-label.blue { width:75px; height:17px; display:block; background:url('../png/loz-blue.png') no-repeat; position:absolute; top:135px; left:36px; z-index:10; }

.video.midnight { border-bottom:6px #002b5c solid; } 
div.video-label.midnight { width:75px; height:17px; display:block; background:url('../png/loz-midnight.png') no-repeat; position:absolute; top:135px; left:36px; z-index:10; }

div.video-label { width:75px; height:17px; display:block; position:absolute; top:135px; left:36px; z-index:10; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; padding-top:2px; }

div.indv-video h3, div.indv-video p { margin:0 36px 10px 36px; }
div.indv-video h3 a { color:#555d68; text-decoration:none; }





/*** Videos Detail Page ***/


/*** Subpage Listings ***/
.subpages {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.subpages li {
	float: left;
	margin: 0px 2.5% 20px;
	width: 45%;
	height: auto;
	text-align: center;
}
.subpages li img {
	display: block;
	margin: 0px 0px 5px;
	width: 100%;
	height: auto;
}

/*** Subpage Detail ***/
.subpageDetail .subImg {
	display: block;
	width: 100%;
	margin: 0px 0px 20px;
}


/***** COMPANY MODULE *****/
ul.team { margin:0; padding:0; list-style-type:none; }
ul.team li { width:100%; max-width:450px; overflow:hidden; margin:0 auto; padding:0; cursor:pointer; 
	transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
}

ul.team li p { font-weight:300; }

div.team-img { width:100%; display:block; margin:0 0 10px 0; position:relative; overflow:hidden; }

img.blue-overlay { width:100%; display:block; opacity:0; 
transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   }
img.see-more { position:absolute; top:calc(50% - 16px); left:calc(50% - 72px); z-index:10; display:none; 
transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   }

ul.team li h3 { margin-bottom:0; 
transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   }

/* hover styles */
ul.team li:hover, ul.team li:active { color:#dcdee0; }
ul.team li:hover h3, ul.team li:active h3 { color:#dcdee0; }
ul.team li:hover img.blue-overlay, ul.team li:active img.blue-overlay { opacity:1; }
ul.team li:hover img.see-more, ul.team li:active img.see-more { display:block; }


/* our markets */
div.market-table { width:100%; display:block; }
div.mt-row { width:100%; display:block; }
div.mt-cell { width:100%; display:block; padding:20px; text-align:center; }
div.mt-cell img { max-width:245px; max-height:125px; margin:0 auto; }

/* team detail */
div.team-detail-holder { width:100%; max-width:1034px; margin:100px auto 100px auto; }

div.td-table { width:100%; display:block; margin-bottom:70px; }
div.td-row { width:100%; display:block; }
div.td-img { width:100%; max-width:412px; display:block; }
div.td-img img { max-width:412px; }

#bio-photos { margin-bottom:70px; }
div.bp-slide { margin-right:8px; }

div.imgbio { width:100%; display:block; }
div.td-social { width:auto; display:block; margin:0 auto; text-align:center; }
div.td-contact { width:100%; display:block; }

div.td-social img { margin-right:30px; }

div.nontd-social { width:auto; display:block; margin:10px auto 0 auto; text-align:left; }
div.nontd-social img { margin-right:30px; }

div.membership { display:inline-block; width:50%; max-width:200px; text-align:center; margin:0 20px 30px 0; vertical-align:top; }
div.mem-img { height:50px; display:block; overflow:hidden; text-align:center; margin:0 auto 10px auto; }
div.mem-img img { max-height:50px; margin:0 auto; display:block; }
div.membership h5 { margin-bottom:5px; font-size:16px; font-weight:500; line-height:125%; }
div.membership p { font-size:12px; }

/* board */
ul.board { margin:0; padding:0; list-style-type:none; }
ul.board li { 
	width:49%; display:inline-block; vertical-align:top; float:none; overflow:hidden; margin:0; padding:0;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	text-align: center;
}
ul.board li h3 { 
	margin-bottom:0; 
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	font-size:18px;
}
ul.board li p { font-weight:300; margin:0 0 60px 0; font-size:12px; }
ul.board li a {
	text-decoration:none;
	color: #555d68;
}


/*** PRODUCTS ***/

/** app slider **/
div.slider-container { width:calc(100% + 30px); margin:0 0 40px -15px; border-radius:4px; border-top:6px #555d68 solid; border-left:1px #dddfe1 solid; border-right:1px #dddfe1 solid; border-bottom:1px #dddfe1 solid; position:relative; }

.app-slideshow { display:block; }
#products-banner .slick-next { width:25px; height:100%; background:url('../svg/right-arrow-white.svg') 0 50% no-repeat; background-size:20px auto; right:0; opacity:1; }
#products-banner .slick-prev { width:25px; height:100%; background:url('../svg/left-arrow-white.svg') 100% 50% no-repeat; background-size:20px auto; left:0; z-index:9999; opacity:1; }

div.slider-label { position:absolute; top:-12px; left:35px; z-index:10; width:75px; height:17px; display:block; background:url('../png/loz-gray.png') no-repeat; color:#fff; text-transform:uppercase; text-align:center; font-size:11px; padding-top:2px; }

a#classic-dash { padding:10px 20px !important; position:relative; margin:0 auto 20px auto; }

div.slide { position:relative; width:100%; display:block; overflow:hidden; }
div.slide img { width:100%; display:block; }
a.slide-learn-more { display:block; width:100%; height:330px; position:absolute; top:0; left:0; z-index:5; 
	background-image:url('../png/banner-learn-more.png');
	background-repeat: no-repeat;
	background-position: 50% 20%; 
	background-color:rgba(0,85,184,0.86); 
	opacity:0; 
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}
a.slide-learn-more:hover, a.slide-learn-more:active { opacity:1; }

#prods-title { max-width:1027px; margin-bottom:40px; margin-top:40px; }



div.product-list { width:100%; max-width:1027px; margin:0 auto; display:block; text-align:center; }

div.indv-product { width:306px; display:inline-block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin:0 auto 70px auto; position:relative; text-align:left; min-height:270px; border:1px #c1c4c9 solid; }

div.product-img { width:100%; height:141px; overflow:hidden; display:table; margin:0 0 20px 0; position:relative; border-top:6px #555d68 solid; text-align:center; background:#fff; padding:0; }
div.pi-vc { width:100%; height:141px; display:table-cell; vertical-align:middle; text-align:center; padding:20px; }
div.product-img img { display:block; margin:0 auto; max-width:264px; max-height:107px; }

div.indv-product h3 a { color:#555d68; text-decoration:none; }
div.indv-product h3 { margin:0 36px 10px 36px; font-weight:500; height:67px; }
div.indv-product p { margin:0 26px 0 26px; font-size:18px; font-weight:300; height:53px; overflow:hidden; }

p.product-abs { position:absolute; bottom:-30px; left:0; z-index:10; width:100%; height:auto; padding:0 !important; margin:0 !important; text-align:center; }


/* product detail */
div.prod-detail-holder { width:100%; max-width:1034px; margin:100px auto 30px auto; }

div.pd-table { width:100%; display:block; margin-bottom:70px; }
div.pd-row { width:100%; display:block; }
div.pd-img { width:100%; display:block; margin-bottom:54px; }
div.pd-img img { width:100%; max-width:412px; }

div.pd-desc { width:100%; display:block; }
div.pd-website { width:100%; display:block; }
p.p412 { max-width:412px; text-align:center; }
div.pd-blank { display:block; padding-top:20px; text-align:center; }

div.slideshow { margin:20px 0; padding:0;}
/*img.srceenshots { padding-right:8px !important; }*/
#screenshots { position:relative; }
div.ss-cont { width:348px; text-align:center; padding:0 10px; }



/**** JOIN US ****/
div.indv-benefit { display:block; text-align:left; padding:30px; width:100%; max-width:306px; margin:0 auto; position:relative; }

#benefits div.indv-benefit:first-child div.bstripe { background:#002b5c; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }
#benefits div.indv-benefit:nth-child(2) div.bstripe { background:#002b5c; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }
#benefits div.indv-benefit:nth-child(3) div.bstripe { background:#002b5c; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }

#benefits div.indv-benefit:nth-child(4) div.bstripe { background:#0055b8; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }
#benefits div.indv-benefit:nth-child(5) div.bstripe { background:#0055b8; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }
#benefits div.indv-benefit:nth-child(6) div.bstripe { background:#0055b8; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }

#benefits div.indv-benefit:nth-child(7) div.bstripe { background:#00bdd5; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }
#benefits div.indv-benefit:nth-child(8) div.bstripe { background:#00bdd5; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }
#benefits div.indv-benefit:nth-child(9) div.bstripe { background:#00bdd5; height:6px; border-radius:4px; width:100%; position:absolute; top:0; left:0; z-index:1; }

div.events-list a.event-full,
div.events-list a.event-full:hover {
	background-color: #f0f1f2;
	border-color: #555d68;
	color: #555d68;
}


/***************************************************
	TABLET BREAKPOINTS
****************************************************/
@media(min-width: 880px) {
	
	p.mobile-header { max-width:none; margin:0 0 30px 0; }

	/*** Videos Listing Page ***/
	div.video-list {  }
	div.indv-video { width:306px; display:inline-block; float:none; vertical-align:top; background:#f0f1f2; border-radius:4px; position:relative; text-align:left; min-height:315px; margin:0 auto 50px auto; padding-bottom:0; }


	/*** EVENTS LIST ***/
	div.indv-event { width:306px; display:inline-block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin:0 0 70px 0; position:relative; text-align:left; padding-top:20px; }
	p.evdesc { height:57px; overflow:hidden; }

	/** Support news list **/
	div.support-list { text-align:center; }
	/*div.indv-sup { margin:0 28px 75px 28px; }*/
	/*div.support-list div.indv-sup:nth-child(2n) { margin-right:0; }
	div.support-list div.indv-sup:nth-child(3n) { margin-right:3%; }*/
	

}




/***************************************************
	DESKTOP LAYOUT BREAKPOINTS
****************************************************/
@media(min-width: 1064px) {

	/****** GLOBAL ELEMENT CSS ******/
	
	body { font-size: 16px; }
	
	div.breadcrumbs { display:block; width:100%; height:auto; margin:0;
		position:absolute; bottom:0; left:0; z-index:999;
		padding:0 0 20px 0; 
	}
	div.bcinner { width:100%; max-width:1054px; padding:0 15px; color:#dcdee0; font-size:16px; margin:0 auto; }
	div.breadcrumbs a { color:#939598; text-decoration:none; }
	div.breadcrumbs a.unlink { color:#dcdee0; }
	
	div.one-fifteen { text-align:center; width:100%; max-width:980px; }
	div.one-thirty { text-align:center; margin:0px auto 30px auto; width:100%; max-width:980px; }
	
	.catfilter { max-width:1027px; margin:0 auto 20px auto; font-size:11px; }
	
	.spacer { margin:10px 20px; min-width:85px; }
	
	.align-left { margin: 0px 30px 15px 0px; float: left; }
	.align-right { margin: 0px 0px 15px 30px; float: right; }
	
	blockquote { font-size:36px; }
	blockquote b, blockquote strong { font-size:16px; }
	
	.dsk { display:block !important; }
	.dsk2 { display:inline !important; }
	.mob, .mob2 { display:none !important; }
	
	h1 { font-size:54px; }
	h2 { font-size:24px; }
	h3 { font-size:24px; }
	h4 { font-size:81px; }
	
	/*.tactical { padding:10px 68px 0 0; height:36px; } */
	.tactical a { font-size:14px; }
	
	.tactical { padding:10px 68px 0 0; }
	
	
	/****** FRONTEND LAYOUT ******/
	
	#header .loginBox {
		display: block;
		margin: 14px 0px 0px 20px;
		float: right;
		font-size: 12px;
		position: relative;
	}
	
	/*#login-form-container {
		position: absolute; top:30px; right:20px; z-index:800;
		padding: 20px;
		border: 2px solid #0055b8;
		width: 200px;
		background-color: #fff;
		text-align:left;
		font-family: 'Roboto', sans-serif; font-size:13px; font-weight:500; 
	}
	
	#login-form-container input[type=text], #login-form-container input[type=password] { display:block; margin:5px 0 10px 0; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:500; text-align:left; }
	#login-form-container input[type=submit] { cursor:pointer; margin:10px auto 0 auto; }*/
	
	/*** Commented out 3/24/20
	#login-form-container input[type=text], #login-form-container input[type=password] { 
		width:93%; max-width:770px;
	}***/
	
	
	/*** NEW 03/24/20 ***/
	#login-form-container input[type=text], #login-form-container input[type=password] { 
		width:93%; max-width:770px;
	}
	p.instructions { font-size:24px; }
	

	
	#content { margin: 0 auto; position:relative; border-bottom:1px #fff solid; }
	.featuredImg { margin:85px auto 40px auto; text-align:center; }

	#sidebar {
		float: left;
		width: 25%;
		margin: 0px;
		padding: 0px 0px 0px 30px;
		border-left: 1px solid #ccc;
		border-top: none;
	}

	#main {
		float: left;
		width: 75%;
		margin: 0px;
		padding: 0px 30px 0px 0px;
	}

	#footer { font-size:16px; text-align:left; padding-bottom:50px; /*width:calc(100% + 30px); margin-left:-15px;*/ width:100%; }
	
	#to-top { display:none; }
	
	div.social-menu { width:auto; float:right; }
	ul.sm-ul { display:block; text-align:left; }
	ul.sm-ul li { width:auto; float:left; margin:0 15px 27px 15px; padding-top:12px; }
	ul.sm-ul li a { font-size:16px; }
	ul.sm-ul li:first-child { margin-left:0; }
	ul.sm-ul li:last-child { margin-right:0; }
	
	ul.sm-ul li.mobftr { min-width:100px; text-align:left; }
	ul.sm-ul li.other { min-width:1px; text-align:left; }
	
	ul.sm-ul li.smicon { width:auto; margin:0 0 27px 0 !important; padding-top:0; }
	ul.sm-ul li.smicon1 { width:auto; margin:0 0 27px 10px !important; padding-top:0; }
	
	a.linkedin { display:block; width:35px; height:35px; background:url('../svg/linkedin-maris.svg') no-repeat 50% 50%; background-size:23px auto; text-indent:-2000px; overflow:hidden; }
	a.facebook { display:block; width:35px; height:35px; background:url('../svg/facebook-maris.svg') no-repeat 50% 50%; background-size:auto 23px; text-indent:-2000px; overflow:hidden; }
	a.twitter { display:block; width:35px; height:35px; background:url('../png/twitter-x.png') no-repeat 50% 50%; background-size:23px auto; text-indent:-2000px; overflow:hidden; margin-right:5px; }
	a.instagram { display:block; width:35px; height:35px; background:url('../svg/instagram-maris.svg') no-repeat 50% 50%; background-size:23px auto; text-indent:-2000px; overflow:hidden; }
	
	div#copyright { width:auto; height:auto; display:block; position:relative; right:0; bottom:0; }


	/****** HOMEPAGE ******/
	.homeContent { /* margin:160px auto 90px auto; */ }
	
	p.home-buttons a { margin:0 40px; }
	
	div.tiles { width:100%; max-width:1027px; margin:0 auto; text-align:center; display:table; }
	div.tile-row { width:100%; display:table-row; }
	div.indv-tile { width:30%; max-width:306px; display:table-cell; vertical-align:top; background:#f0f1f2; }
	div.tile-spacer { width:3%; display:table-cell; }
	
	div.tile-row div:nth-child(6) { display:none; }

	div.indv-tile img { width:100%; display:block; margin-bottom:30px; }
	div.indv-tile p { margin:0 10% 0 10%; padding-bottom:40px; }
	p.abs { margin:0 !important; padding-bottom:0 !important; background:url('../png/tile-ender.png') 0 76%; background-size:100% auto; text-align:center; }

	.mob-only { display:none; }
	div.tile-row.dsk-only { display:table-row !important; }

	
	/** Support news list **/
	div.indv-sup { /*margin:0 5% 75px 0; margin:0 28px 75px 27px; */ }
	/*div.support-list div.indv-sup:nth-child(2n) { margin-right:2.5%; }
	div.support-list div.indv-sup:nth-child(3n) { margin-right:2.5%; }*/
	
	p.catfilterp { font-weight:500; }
	p.catfilterp .underline { }
	
	/** Support Detail **/
	#lower .support-list { /*width:calc(100% + 100px) !important; margin-left:-28px !important;*/ text-align:left; }
	#lower .indv-sup { margin:0 20px 45px 20px !important; }
	#qhalf { width:50%; max-width:411px; float:left; }
	#ahalf { width:50%; max-width:510px; float:right; font-size:16px; }
	#ahalf p { font-size:16px; }
	
	
	/** NEWS DETAIL **/
	div.news-feature-title { position:absolute; bottom:0; left:0; width:100%; height:auto; z-index:10; text-align:center; }
	div.nft-info { width:95%; max-width:820px; background:#fff; margin:0 auto; padding-top:30px; }

	.tweet-this { float:left; position:relative; width:38px; height:31px; overflow:hidden; margin:0; padding:0; background:url('../png/twitter.png') no-repeat 50% 50% #fff; }
	.tweet-this iframe { opacity:0.01; }
	
	img.print-this { float:right; margin-left:30px; margin-right:0; }
	img.share-this { float:right; }
	div.share-this {
		float: right;
		width: 36px;
		height: 41px;
		background: url('../png/share.png') no-repeat 50% 50% #fff;
		cursor: pointer;
	}
	
	p#author { margin:0 auto 20px auto; }


	/****** FORMS ******/
	div.form { max-width:600px; }
	div.form label {
		float: left;
		padding: 10px 0px 0px;
		width:29%;
		margin-right: 6px;
	}
	div.form input[type=text],
	div.form input[type=number],
	div.form input[type=password],
	div.form select {
		width: 70%;
		float: left;
		font-family: 'Roboto', sans-serif; font-size:16px;
	}
	div.form textarea {
		width: 70%;
		float: left;
		height: 120px;
		font-family: 'Roboto', sans-serif; font-size:16px;
	}

	div.row { clear:both; padding-top:10px; }
	
	div.form .row.checkbox,
	div.form .row.radio { margin-left: 29%; }
	div.form .row.recaptcha { margin-left: 29%; }
	div.form .row.buttons { text-align: left; margin-left: 29%; }
	div.form input[type=submit] { font-size:16px; }
	
	div.form .row.tarow label { width:100%; float:none; }
	div.form .row.tarow textarea { width:100%; float:none; }
	
	div.form .row.checkbox input { display:block; float:left; width:auto; margin-top:10px; }
	div.form .row.checkbox label, div.form .row.radio label {
	    width: 85%;
		display:block; float:left;
	}
	
	
	
	/***** COMPANY MODULE *****/
	ul.team li { width:25%; float:left; overflow:hidden; margin:0; max-width:none; }
	ul.team li:nth-child(4n+1) { clear:both; }

	/* our markets */
	div.market-table { width:100%; display:table; }
	div.mt-row { width:100%; display:table-row; }
	div.mt-cell { width:33.3%; display:table-cell; vertical-align:middle; padding:20px; text-align:center; }
	div.mt-cell img { max-width:245px; max-height:125px; margin:0 auto; }
	
	/* board */
	ul.board li { 
		width:33%; overflow:hidden; margin:0 0 0 -1px; padding:0;
		transition: all 0.2s linear;
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		text-align: center;
	}
	ul.board li h3 { font-size:24px; }
	ul.board li p { font-size:18px; }
	
	ul.featured-board li h3 { font-size:24px; }
	ul.featured-board li p { font-size:18px; }
	
	ul.featured-board { text-align:center; }
	ul.featured-board li {
		width:33%; display:inline-block; vertical-align:top; float:none; 
	}


	/* team detail */
	div.team-detail-holder { width:100%; max-width:1034px; margin:78px auto 20px auto; }

	div.td-table { width:100%; display:table; margin-bottom:70px; }
	div.td-row { width:100%; display:table-row; }
	div.td-img { width:50%; display:table-cell; vertical-align:top; }
	div.td-img img { max-width:412px; }

	div.td-bio { width:50%; display:table-cell; vertical-align:top; }
	div.td-social { width:50%; display:table-cell; vertical-align:middle; text-align:left; margin:0; }
	div.td-contact { width:50%; display:table-cell; vertical-align:middle; }
	
	div.nontd-social { width:auto; display:block; text-align:left; margin:10px 0 0 0; }

	div.membership { display:inline-block; width:auto; max-width:200px; text-align:center; margin:0 20px 30px 0; vertical-align:top; }


	/*** PRODUCTS ***/
	/** app slider **/
	div.slider-container { width:100%; max-width:1027px; margin:0 auto 40px auto; border-radius:4px; border-top:6px #555d68 solid; border-left:1px #dddfe1 solid; border-right:1px #dddfe1 solid; border-bottom:1px #dddfe1 solid; position:relative; }
    #products-banner .slick-next { width:45px; height:100%; background:url('../svg/right-arrow-white.svg') 0 50% no-repeat; background-size:25px auto; right:0; opacity:0.75; }
    #products-banner .slick-prev { width:45px; height:100%; background:url('../svg/left-arrow-white.svg') 100% 50% no-repeat; background-size:25px auto; left:0; z-index:9999; opacity:0.75; }
    #products-banner .slick-next:hover, #products-banner .slick-prev:hover { opacity:1; }

	a#classic-dash { padding:10px 20px !important; position:absolute; top:13px; right:0; }
	
	a.slide-learn-more { background-position: 50% 50%; }
	
	#prods-title { /*margin-bottom:50px; margin-top:60px;*/ position:relative; }
	
	div.product-list { text-align:left; }
	
	div.indv-product { width:30%; max-width:306px; display:inline-block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin-right:4.75%; margin-bottom:70px; position:relative; text-align:left; min-height:250px;
	border:1px #c1c4c9 solid;
	}
	div.product-list div:nth-child(3n) { margin-right:0; }

	div.indv-product p { font-size:16px; }
	
	/** product detail **/
	div.ss-cont { width:348px; text-align:center; padding:0 21px; }
	
	div.pd-table { width:100%; display:table; margin-bottom:70px; }
	div.pd-row { width:100%; display:table-row; }
	div.pd-img { width:50%; display:table-cell; vertical-align:middle; }
	div.pd-img img { max-width:412px; }

	div.pd-desc { width:50%; display:table-cell; vertical-align:top; line-height:140%; }
	div.pd-website { width:50%; display:table-cell; vertical-align:middle; }
	p.p412 { max-width:412px; text-align:center; }
	div.pd-blank { width:50%; display:table-cell; vertical-align:middle; text-align:left; }

	p.delineator { font-weight:500; font-size:11px; }
	
	
	/*** News Listing Pages ***/
	div.indv-news { width:30%; max-width:306px; display:inline-block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin-right:4.75%; margin-bottom:50px; position:relative; text-align:left; min-height:315px; }
	/*div.news-list div:nth-child(3n) { margin-right:0; }*/
	
	a.tinylearn { font-size:11px; }


	/*** SUPPORT ***/
	#sup-table { width:100%; display:table; }
	div.sup-table-content { width:30%; display:table-cell; vertical-align:top; border-top:6px #f0f1f2 solid; padding-top:30px; }
	div.sup-table-spacer { width:3%; display:table-cell; }



	
	/****** REALTY / REAL ESTATE MODULE ******/
	/*** Property Categories / Project Categories/ Locations List ***/
	.categories,
	.locations { }
	.categories li,
	.locations li {
		float: left;
		margin: 0px 2.5% 20px;
		width: 45%;
		height: auto;
		text-align: center;
	}

	/*** Location Detail ***/
	.locationDetail .locImg {
		float: right;
		width: auto;
		max-width: 50%;
		margin: 0px 0px 20px 20px;
	}

	/*** Property Detail Pages ***/
	.propertyDetail #photos {
		float: left;
		padding: 0px 40px 0px 0px;
		width: 60%;
	}
	.propertyDetail #photos #ftrImg { height: 320px; }
	.propertyDetail #photos #ftrImg img { height: 320px; }
	.propertyDetail #photos #thumbs { }
	.propertyDetail #details {
		float: left;
		width: 40%;
	}
	.propertyDetail #description {
		margin: 20px 0px 0px 0px;
		padding: 20px 0px 0px 0px;
		border-top: #ddd 1px solid;
	}


	/****** CMS MODULE (IMAGE GALLERIES/VIDEOS/SUBPAGES/FAQ) ******/
	/*** Image Gallery Listing ***/
	.gallery {
		margin: 0px 2.5% 30px;
		width: 28.33%;
	}
	/*** Image Gallery Page ***/
	.photos {   }
	/*** Video Listing ***/
	.videoLink {
		margin: 0px 2.5% 30px;
		width: 28.33%;
	}
	/*** Subpage Listings ***/
	.subpages {  }
	.subpages li {
		margin: 0px 2.5% 30px;
		width: 28.33%;
	}
	/*** Subpage Detail ***/
	.subpageDetail .subImg {
		float: right;
		width: auto;
		max-width: 50%;
		margin: 0px 20px 20px 0px;
	}

	/** Recaptcha Responsive **/
	.rc-anchor-normal {
	    height: 74px;
	    max-width: 250px !important;
	    width: 100% !important;
	}
	
	
	/*** Videos Listing Page ***/
	div.indv-video { width:306px; display:block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin:0 auto 50px auto; position:relative; text-align:left; min-height:360px; }
	
	/*div.video-list div.indv-video:nth-child(3n+2) { margin-left:43px; margin-right:43px; }
	div.video-list div.indv-video:nth-child(3n+1) { clear:both; }
	div.video-list div:nth-child(3n) { margin-right:0; }*/
	
	
	/*** EVENTS LIST ***/
	div.events-list { width:100%; max-width:1034px; margin:0 auto; display:block; }
	
	div.indv-event { width:306px; /*display:block; float:left;*/ display:inline-block; vertical-align:top; background:#f0f1f2; border-radius:4px; margin:10px 0 70px 0; position:relative; text-align:left; padding-top:20px; }
	div.events-list div.indv-event:nth-child(3n+2) { margin:10px 54px 70px 54px; }
	
	div.events-list a.btn-rounded { padding:10px !important; margin:0 5px; min-width:130px; }
	
	
	/**** JOIN US ****/
	div.indv-benefit { display:inline-block; text-align:left; padding:30px; width:30%; vertical-align: top; margin:0 1.5%; position:relative; }
	
	

} /* @media(min-width: 1064px) */






/*** Skip to Content invisible link for accessibility ***/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* uncommenting will make the link visible when focused
#skip a:focus
{
position:static;
float:left;
width:auto;
height:auto;
}
*/

/**** Slick Slideshow Overrides ***/
.slideshow .slick-prev,
.slideshow .slick-next {
	position: absolute;
	top: 50%;
	z-index: 8888;
	width: 53px;
	height: 100%;
	text-indent: -9999px;
}



#photos-for .slick-slide img {
    margin: 0 auto;
    max-height: 400px;
}

#thumbs-nav .slick-prev:before, #thumbs-nav .slick-next:before {
	color: #000;
}

#thumbs-nav .slick-prev::before{
	content: "\2190";
}

#thumbs-nav .slick-next::before {
	content: "\2192";
}

#thumbs-nav.slick-slider {
    max-height: 150px;
    overflow: hidden;
}

#thumbs-nav .slick-list {
    margin: 0 30px;
}

#thumbs-nav .slick-next {
    right: 5px !important;
}

#thumbs-nav .slick-prev {
    left: 5px !important;
}

#thumbs-nav img {
    height: 150px;
    padding: 15px 5px;
    min-width: initial !important;
    max-width: initial!important;
}
.slick-dots {
    bottom: 25px !important;

}
.slick-dots li.slick-active button::before {
	color: #dcdcdc;
	opacity: 1;
}

.slick-dots li button::before {
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    content: "•";
    font-family: "slick";
    font-size: 12px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}


/********** MENU AND SIDE-ICONS BREAKPOINT **********/
@media(min-width:1000px) {

	div.side-icons { position:absolute; /*top:324px;*/ top:205px; left:30px; z-index:8888; width:44px; height:auto; display:block; padding-top:20px; }
	.sticky { position:fixed !important; top:0px !important; left:30px; z-index:500; width:44px; height:auto; display:block; padding-top:20px; }
	
	a.dollar { 
		width:44px; height:44px; display:block; margin:0 0 20px 0; 
		background:url('../svg/icon-dollar-on.svg') no-repeat 50% 50% #0055b8; background-size:100% 100%; border-radius:50%;
		transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;	
	}
	a.dollar:hover, a.dollar:active { background:url('../svg/icon-dollar-off.svg') no-repeat 50% 50%; background-size:100% 100%; }
	
	a.play { width:44px; height:44px; display:block; margin:0 0 20px 0; 
		background:url('../png/video-icon-white.png') no-repeat 50% 50% #0055b8; background-size:100% 100%; border:2px #0055b8 solid; border-radius:50%;
		transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	}
	a.play:hover, a.play:active { background:url('../png/video-icon-blue.png') no-repeat 50% 50% #fff; background-size:100% 100%; }
	
    a.docs {
		width:44px; height:44px; display:block; margin:0 0 18px 0;
		background:url('../png/documents-icon-white.png') no-repeat 50% 50% #0055b8; background-size:100% 100%; border:2px #0055b8 solid; border-radius:50%;
		transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	}
	
	a.docs:hover, a.docs:active { background:url('../png/documents-icon-blue.png') no-repeat 50% 50% #fff; background-size:100% 100%; }
    
	a.no-outage {
		width:44px; height:44px; display:block; margin:0;
		background:url('../png/alert-white.png') no-repeat 50% 45% #0055b8; background-size:25px auto; border:2px #0055b8 solid; border-radius:50%;
		transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	}
	
	a.no-outage:hover { background:url('../png/alert-blue.png') no-repeat 50% 45% #fff; background-size:25px auto; } 

	a.outage {
		width:44px; height:44px; display:block; margin:0;
		background:url('../png/alert-white.png') no-repeat 50% 45% #ff914d; background-size:25px auto; border:2px #ff914d solid; border-radius:50%;
		transition: all 0.2s linear;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
	}
	
	a.outage:hover, a.docs:active { background:url('../png/alert-orange.png') no-repeat 50% 45% #fff; background-size:25px auto; }
    	
	div.side-icons a b { display:none; }

	
	#menuBtn { display: none; }
	
	#mainmenu {
		display: block; float:right; width:75%; max-width:775px; height:auto;
		position: relative; top:0; left:0; z-index:1;
		margin:0 20px 0 0;
		text-align: center;
	}
	#mainmenu ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-around;
		justify-content: space-around;
	}
	#mainmenu ul li {
		display: -webkit-inline-flex;
		display: inline-flex;
		position: relative;
		border: none;
		width: 100%;
		text-align: center;
		margin: 0 auto;
		padding:2px 0 0 0;
	}
	
	#mainmenu ul li.mob { display:none; }
	#mainmenu ul li.payonline { display:none !important; }
	
	#mainmenu ul li a {
		padding: 8px 12px;
		font-size:16px; font-weight:400; color:#0055b8;
		width: 100%;
	}
	
	#mainmenu ul li.active a { color:#dcdee0 !important; }
	
	#mainmenu ul li > ul {
		display: none;
		position: absolute;
		margin: 0px;
		padding: 0px;
		min-width: 100px;
		z-index: 999;
		background: #fff;
		top: 36px; left:25px;
	}
	#mainmenu ul li:hover > ul { display: block; }

	#mainmenu ul li > ul li {
		margin: 0px;
		float: none;
		position: relative;
		border-left: none;
		border-top: 1px solid #eee;
		text-align:left;
	}

	#mainmenu ul li:first-child { border-top: none; }
	#mainmenu ul li > ul li a {
		display: block;
		padding: 8px 20px;
		color:#0055b8;
		font-size: 16px;
		text-decoration: none;
	}



}