/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 08:58:47 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

* {margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
a img:hover { }
a img.nohover:hover { box-shadow: none !important;}
.nohover img:hover { box-shadow: none !important;}
img {max-width: 100%; border: none; outline: none;}

/* fix  lightbox issues by swapping box model to content-box */
#fancybox-title-inside { overflow-y: scroll; max-height: 100px; }
#fancybox-wrap { padding: 0 !important; }
#fancybox-wrap * {box-sizing: content-box !important; -moz-box-sizing: content-box !important;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #777; font-family: 'Work Sans', sans-serif; font-size: 16px; padding: 0; background: white; font-weight: 300;}
.main-home a { color: #000; text-decoration: none; word-wrap: break-word; }
.main-home a:hover { color: #8bb8ca; text-decoration: none; }
.main-home a.anchor {display: block; position: relative; top: -60px;}
.main-home b, .main-home strong { font-weight: normal;}
.main-home h1, .main-home h2.title { font-size: 2.5em; color: #34495e; font-family: 'Neuton', serif; font-weight: bold; margin-bottom: 15px; line-height: normal !important; text-transform: none;}
.main-home h1 a { color: #435060; text-decoration: none !important;}
.main-home h2 { font-size: 1.75em; color: #000; font-family: 'Neuton', serif; font-weight: 300; margin-bottom: 15px; text-transform: uppercase;}
.main-home h2 a { color: #435060; text-decoration: none !important;}
.main-home h3 { font-size: 1.5em; color: #000; font-family: 'Neuton', serif; font-weight: normal; margin-bottom: 15px;}
.main-home h3 a { color: #435060; text-decoration: none !important;}
.main-home h4 { font-size: 1.25em; color: #000; font-family: 'Work Sans', sans-serif; font-weight: normal;  margin-bottom: 15px;}
.main-home h4 a { color: #435060; text-decoration: none !important;}

/* hover on headings */
.main-home h1 a:hover,.main-home h2 a:hover,.main-home h3 a:hover,.main-home h4 a:hover { color: #000; }
.main-home h2.arrow { background: url(/pub/photo/arrow.png) no-repeat left center; padding-top: 2px; padding-left: 28px;}

.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 1.5em; margin-bottom: 10px;}
.main-home p, .main-home ul, .main-home ol {}
.main-home ul {/* list-style-type: none;*/ }
.main-home ul li { margin-left: 0px; REMlist-style: none; margin-bottom: 0px; REMbackground: url(/pub/photo/list-arrow-color.png) 15px 10px no-repeat; padding-left: 30px;}
.main-home ol {padding-left: 25px;}
.main-home ol li { padding-left: 5px;}
.main-home ul.dash {list-style-type: none;}
.main-home ul.dash li {position: relative; background: none; padding-left: 15px;}
.main-home ul.dash li:before {content: "-"; position: absolute; left: 0;}

/* extra styles */
.main-home .subtitle { color: black; font-family: @main-subtitle-fontfamily@; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { }

/* ---------- style super common design items ---------*/
.livelink .selected, .livelink a:hover { color: black !important; font-family: RobotoCondensed, sans-serif; }

.bullet {color: #791c39; }
.small { font-size: .8em !important; }

.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home .template {position: relative; }

/* ------------- slices ----------------------*/
.bg-header  {REMborder-bottom: 4px solid #26507a; background: #fff; position: relative !important; z-index: 100;}
.bg-header .x-cell {position: relative; height: 115px;}
.bg-header + .x-clear {height: 0;}
.bg-menu {  height: 52px; background: #26507a; position: relative;}
.bg-menu a { color: #fff /*!important*/; }
.bg-menu .x-cell { position: relative; }
.bg-light { background: #f7f7f7; padding: 30px 0 !important;}
.bg-clear {background: #fff; padding: 30px 0 !important; }
.bg-footer { background: #cccc51; }

.bg-img {background: url(/pub/photo/cta-background.jpg) no-repeat center center; background-size: cover; padding: 80px 0 !important;}
.bg-testimonials {background: url(/pub/photo/testimonial-bg.jpg) no-repeat center center; background-size: cover; padding: 0 !important;}
.bg-map {background: url(/pub/photo/map-strip.png) no-repeat center center; background-size: cover; min-height: 300px;}
.bg-blue {background: #26507a;}
.bg-tan {background: #892b32; padding: 20px 0 !important;}
.bg-tan-dark {background: #611f23; padding: 20px 0 !important;}
.full-width .bg-tan-dark {padding: 0 !important;}
.bg-green {background: #738539;}
.bg-blue-light {background: #8bb8ca; padding: 50px 0 !important;}
.bg-blue, .bg-blue-light {color: #fff;}
.bg-blue h2, .bg-blue-light h2 {color: #fff;}
.bg-blue h3, .bg-blue-light h3 {color: #fff;}
.bg-blue h4, .bg-blue-light h4 {color: #fff;}
.bg-blue h2 a, .bg-blue-light h2 a {color: #fff;}
.bg-tan h2 {color: #000 !important;}

.bg-strip {text-align: center;}
.bg-strip.x-block { padding: 20px 0;}
.bg-strip h2 {margin-bottom: 0;}
.bg-strip img {vertical-align: middle;}

.center { text-align: center; }
.center table { margin: 0 auto; }

.x-block { position: relative; width: 100%; padding: 0;}
.x-block > .x-cell { margin: 0 auto; width: 960px; max-width: 100%; position: relative;}
.x-block > .x-cell-container { margin: 0 auto; width: 960px; max-width: 100%; }
.x-clear { clear: both; }
.x-cell > .inner {  padding: 30px 0; }
.x-cell-container  > .inner { padding:  25px 0; }

.layout > .x-cell {width: 100%;}
.full-width > .x-cell {width: 100%;}

.bg-clear.no-padtop.no-padbot > .x-cell-container > .col-md-8 {padding: 20px;}

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 320px; padding: 0; border: solid 0px red;}
.col-double { width: 620px; padding: 0; margin-right: 0; border: solid 0px red;}
.col-third { width: 306px; }
.col-half { width: 470px; }
.col-half-inner { width: 417px; }
.col-single > .inner { padding-top: 0;}
.col-double > .inner { padding-top: 0; }
.col-third > .inner {  }
.col-half > .inner { }
.master-col-left { float: left; margin-right: 10px; margin-bottom: 20px; padding-right: 10px; border-right: 1px solid #d6d6d6;}
.master-col-right { float: right;}
.layout-col-left { float: left; }
.layout-col-right { float: right; }


.col-right {float: right !important;}

.col-md-8.nomargin.main-column {width: calc(100% / 12 * 8 - 10px); margin-left: 0 !important; margin-right: 10px !important; padding: 0 10px; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6;}

/* ---------------header -------------- */
.bg-header > .x-cell { position: relative; height: @header-height@; }
.bg-header #toplogo { position: absolute; top: 10px; left: 0px; z-index: 1; height: 93px;}
.bg-header #topmenu { position: absolute; bottom: 0px; right: 0px; z-index: 1;}
.bg-header #topcover { position: absolute; top: 20px; left: 370px; height: 100px;}
.bg-header #toptext { position: absolute; top: 36px; right: 0;}
.bg-header #toptext .contact-item {display: inline-block;}
.bg-header #toptext .contact-item {margin-right: 10px;}
.bg-header #toptext .contact-item:last-child {margin-right: 0px;}
.bg-header #toptext .contact-item > div {display: inline-block; vertical-align: middle;}
.bg-header #toptext .contact-item p {margin-bottom: 0;}
.bg-header #toptext .contact-item a {color: #777;}
.bg-header #toptext .contact-item a:hover {color: #8bb8ca;}
.bg-header #toptext .contact-item .icon-box {color: #26507a; width: 42px; height: 42px; line-height: 40px; border: 1px solid #d6d6d6; text-align: center; border-radius: 2px;}
.bg-header #toptext .contact-item .icon-box p {line-height: 40px;}
.bg-header #toptext .contact-item .icon-box a {color: #26507a; display: block;}
.bg-header #toptext .contact-item .icon-box a:hover {color: #8bb8ca;}
.bg-header #toptext .contact-item .contact-text {font-size: .8em;}
.bg-header #toplink { position: absolute; top: 55px; right: 0px; text-align: right; width: 400px; font-family: 'Neuton', serif; text-transform: uppercase; font-size: .9em;}
.bg-menu #topsearch { position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; width: 1px;}
.bg-menu #topsearch input::-webkit-input-placeholder { text-align: left;  color: #ccc; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input:-moz-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic; opacity: 1;}
.bg-menu #topsearch input::-moz-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic; opacity: 1;}
.bg-menu #topsearch input:-ms-input-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch table td { padding: 2px; }
.bg-menu #topsearch input { border: none; padding-right: 10px; width: 0; transition: .3s; height: 40px; border-left: 1px solid #d6d6d6; border-radius: 0px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0;}
.bg-menu #topsearch.open {width: 250px;}
.bg-menu #topsearch.open input {padding-right: 40px; width: 250px;}
.bg-menu #topsearch .search-reveal { width: 40px; height: 40px; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; background: #26507a; border: 0; cursor: pointer; line-height: 40px; color: #fff; text-align: center;}
.bg-menu #topsearch p {margin: 0; font-size: 1em;}
.bg-menu #topsearch a {display: inline-block;}
.bg-header #topnav { position: absolute; top: 40px; right: 0px; color: #777; text-align: right;}
.bg-header #topnav a { color: #777 !important; }
.bg-header #topnav a:hover { color: #000  !important;}

.bg-header .menu-toggle, .bg-header .topmenu-mobile {display: none;}

/* IE8 Fixes */

.bg-header #toptext .social-icons a {background: #fff\0/;}

/* -------------- menu ----------------- */
#topmenutext { text-transform: uppercase;}
#topmenutext p { }
#topmenutext a.navlink {color: black important; padding: 0 15px;}
#topmenutext a.navlink:hover, #topmenutext  a.navlink.selected { font-color: #333; }

/*------------ search -------------*/
#searchbox input[type="textbox"] { border: solid 1px #ccc; padding: 5px 5px; width: 100%; background: url(/pub/photo/search.png) no-repeat right center;}

.category-header {text-align: center; margin-bottom: 30px; padding: 10px 0 0; color: #000 !important;}
.category-header.left {text-align: left; margin-bottom: 20px;}
.category-header.right {text-align: right; margin-bottom: 20px;}
.category-header:after {content: " "; border-bottom: 2px solid #26507a; width: 53px; margin: 0 auto; display: inline-block;}
.category-header.left:after {margin-left: 0;}
.category-header.right:after {margin-right: 0;}
.category-header h1 {color: #000;}
.category-header h2 {color: #000; }
.category-header img {width: 34px; height: auto;}

table.bg-blue {border-spacing: 0; margin-bottom: 0;}
.bg-blue .category-header:after {border-color: #fff;}
.bg-blue .category-header h1, .bg-blue .category-header h2 {color: #fff;}

.no-padtop {padding-top: 0 !important;}
.no-padbot {padding-bottom: 0 !important;}

/*--------------- home --------------------*/
.slide-box-container { position: relative;  margin-bottom: 20px;}
.slide-box-slider-container {overflow: hidden; padding: 0 50px; position: relative;}
.slide-box-slider {display: table; border-collapse: separate; border-spacing: 55px 0px; position: relative; /*max-width: none; left: 0; width: 100%; table-layout: fixed;*/}
.slide-box  {display: table-cell; width: 215px; box-sizing: border-box; position: relative;}
.slide-box a  {cursor: pointer;}
.slide-box-text {text-align: center;}
.slide-box-photo {min-width: 215px;}
.slide-box-photo img {border: 3px solid #fff;}
.slider-border-left {width: 50px; height: 100%; position: absolute; top: 0; left: 0; background: rgba(139, 184, 202, 0.8);}
.slider-border-right {width: 50px; height: 100%; position: absolute; top: 0; right: 0; background: rgba(139, 184, 202, 0.8);}
#slider-left {position: absolute; left: 0; top: 0; bottom: 95px; margin: auto; height: 0; width: 0; opacity: 1; color: #fff; cursor: pointer; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 30px solid rgba(255, 255, 255, 0.5);}
#slider-right {position: absolute; right: 0; top: 0; bottom: 95px; margin: auto; height: 0; width: 0; opacity: 1; color: #fff; cursor: pointer;  border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 30px solid rgba(255, 255, 255, 0.5);}

/* IE Fixes */
.slider-border-left, .slider-border-right {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC8BB8CA,endColorstr=#CC8BB8CA)\0/; }
#slider-left, #slider-right {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF)\0/; }
@media screen and (min-width:0\0) and (min-resolution:+72dpi) { .slider-border-left, .slider-border-right { filter: none; } }
@media screen and (min-width:0\0) and (min-resolution:+72dpi) { #slider-left, #slider-right { filter: none; } }

.home-slideshow {position: relative; min-height: 150px; background-size: cover !important;}
.home-slideshow img{display: block;}
.slideshow-copy-container {position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; bottom: 0; text-align: left; display: block; background: rgba(255, 255, 255, 0.8);}
.slideshow-copy {width: 960px; max-width: 100%; display: table; height: 100%; margin: 0 auto; position: relative;}
.slideshow-copy-inner {display: table-cell; vertical-align: middle; color: #000;}
.slideshow-copy-inner.inside {height: 62px; position: absolute; top: 0; bottom: 0; margin: auto 0; width: 100%;}
.slideshow-copy-inner h2, .slideshow-copy-inner h1 {REMcolor: #fff;}

/* IE Fixes */
.slideshow-copy-container {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF)\0/; }
@media screen and (min-width:0\0) and (min-resolution:+72dpi) { .slideshow-copy-container { filter: none; } }

td[class*="col-md-"] {position: relative;}
.home-blocks {border-spacing: 0;}
.home-block {position: relative; padding: 0 30px;}
.home-block:first-child {margin-bottom: 50px !important;}
.home-blocks td {vertical-align: top;}
.home-blocks img {display: block; margin: 0 auto;}
.home-block .first-block {padding-left: 0;}
.home-block .right-block {padding-right: 0;}

/* IE9 and Safari Fixes */

.title-overlay {text-align: center\0/; padding: 90px\0/;}
.col-five-1 {width: 172px\0/; text-shadow: 3 3 3 #000\0/;}

_::-moz-svg-foreign-content, :root .home-blocks .col-md-4 {width: 291px; height: auto;}
_::-moz-svg-foreign-content, :root .title-overlay {text-align: center; padding: 90px;}
_::-moz-svg-foreign-content, :root .col-five-1 {width: 172px; text-shadow: 3 3 3 #000;}

.why-table {background: #fff; padding: 30px; border-radius: 5px;}
.why-table h3 {margin-bottom: 20px;}

.strip-text {padding: 5%; overflow: hidden;}
.table-img {position: relative;}
.table-img .strip-text-cover {background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.table-img .strip-text-inner {position: relative; z-index: 1;}

/* IE Fixes */
.table-img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pub/photo/strip-photo.jpg', sizingMethod='scale')\0/;}
.table-img .strip-text-cover {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)\0/; height: 650px\0/; }
@media screen and (min-width:0\0) and (min-resolution:+72dpi) { .table-img .strip-text-cover { filter: none; } }

.bg-testimonials {min-height: 400px;}
.bg-testimonials > .x-cell {min-height: 400px; padding: 30px 0; width: 100%; background: rgba(0, 0, 0, 0.5);}
.quote-container {position: absolute; bottom: 30px; right: 0; left: 0; width: 960px; max-width: 100%; margin: 0 auto;}
.quote-container .slider {width: 100% !important;}
.quote-body {color: #fff; font-family: 'Neuton', serif; right: 0; left: auto !important; max-height: 200px;}
.quote-text {font-style: italic; font-size: 3em; text-align: right;}
.quote-text p:before {content: "\201C";}
.quote-text p:after {content:"\201D";}
.quote-author {font-size: 2em; text-align: right;}
.testimonial-item {color: #777; margin-bottom: 15px;}
.testimonial-item .quote-text {font-size: 1.5em; text-align: left;}
.testimonial-item .quote-author {font-size: 1.25em;}

/*-------------- article --------------*/

.article-slideshow {text-align: left;}
.article-slideshow .slideshow {margin-bottom: 10px; width: 960px; max-height: 300px;}
.article-slideshow .slideshow > div {max-height: 300px; height: 100%; position: relative;}
.article-slideshow .slideshow img {max-height: 300px; width: auto !important; vertical-align: middle; position: relative; }
.article-slideshow .caption {position: absolute; bottom: 0; margin: 0; padding: 10px; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: left;}

/* IE8 Fixes */
.article-slideshow .slideshow img {top: auto\0/;}
.article-slideshow .caption {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\0/; }
@media screen and (min-width:0\0) and (min-resolution:+72dpi) { .article-slideshow .caption { filter: none; } }

.article-slideshow .custompager a {margin-right: 10px; margin-bottom: 10px;}

.pager {margin-bottom: 15px;}

.article-slideshow .custompager img {box-shadow: 0px 0px 10px #999;}
.article-slideshow .custompager img:hover {box-shadow: 0px 0px 10px #333c4e;}

.article-info .date {font-size: 1em;}
.article-info .author, .article-info .comments {margin-left: 10px;}

.article-title {font-weight: 300 !important;}

.right-photo {float: right; margin-left: 10px; margin-bottom: 10px; max-width: 300px;}
.right-photo img {max-width: 300px;}

.top-align {margin-bottom: 0;}
.top-align td {vertical-align: top;}

.large-font {font-size: 1.25em;}

.col-md-4.team-item  {margin-bottom: 20px;}
.team-item h2 {text-transform: none;}

/* --- Contact Form -- */

.contact-person { margin-bottom: 15px !important; padding: 10px; }
.contact-person img { text-transform: none; display: block; }
.contact-person h2 { margin-bottom: 15px; text-transform: none; }
.contact-person a { }

.form-name-fields td { width: 50% !important; }
.ui-form-cell-captcha img { display: table-cell; padding-left: 20px; }

/*---------- popup -------------*/

.popup {display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; width: 100%; height: 100%; }
.popup.form-submit {display: block;}
.popup .popup-inner {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 700px; max-width: 100%; height: 680px; background: #fff; font-size: initial; color: #000; z-index: 1001; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5); padding: 50px; padding-top: 30px; padding-bottom: 30px; }
.popup.error-container .popup-inner {height: 845px;}
.popup.success-container .popup-inner {height: 670px;}
.popup-tab {position: fixed; bottom: 50%; top: 0; right: -43px; left: auto; margin: auto 0; z-index : 999; text-transform: uppercase; font-size: 1.1em; font-weight: bold; letter-spacing: 1px;}
.popup .popup-inner h4 {text-align: left;}
.popup .popup-close {position: absolute; top: 15px; right: 20px; z-index: 1001; font-size: 1.5em; cursor: pointer; color: #26507a;}
.popup .popup-close:hover {color: #8bb8ca;}
.popup p { display: none; }

/* --- Sticky Menu --- */

.sticky {border-right: 0px; position: relative;}
.sticky-inner {max-width: 320px;}
.sticky-inner.fixed {position: fixed; top: 0; margin-top: 30px;}
.sticky-inner.bottom {position: absolute; bottom: 0;}

/* Sidebar */
.sidebar {color: #fff;}
.sidebar a {color: #fff;}
.sidebar a:hover {text-decoration: none;}

.sidebar .btn {width: 100%;}
.sidebar-links p:last-child {margin-bottom: 0;}

.side-contact { background: #26507a; padding: 20px; margin-bottom: 20px;}
.side-contact .contact-item {display: block; margin-bottom: 10px; }
.side-contact .contact-item:last-child {margin-right: 0px;}
.side-contact .contact-item > div {display: inline-block; vertical-align: middle;}
.sidebar h2 {color: #fff;}
.side-contact .contact-item p {margin-bottom: 0;}
.side-contact .contact-item a {color: #fff;}
.side-contact .contact-item a:hover {color: #8bb8ca;}
.side-contact .contact-item .icon-box {color: #fff; width: 42px; height: 42px; line-height: 40px; border: 1px solid #d6d6d6; text-align: center; border-radius: 2px; margin-right: 10px;}
.side-contact .contact-item .icon-box p {line-height: 40px;}
.side-contact .contact-item .icon-box a {display: block;}
.side-contact .contact-item .contact-text {font-size: .8em;}

/*-------------- bottom footer --------------*/
.bg-footer { background: #0a2642; background-size: cover; color: white; padding: 40px 0; }
.bg-footer .x-cell {font-size: .8em; }
.bg-footer .col-right {text-align: right;}
.bg-footer .inner { text-align: left; padding: 0 !important; } /* not used due to the uncheck 'wrap' box */
.bg-footer h2 { color: white;}
.bg-footer h3 {font-weight: 400; color: white;}
.bg-footer h4 { color: white;}
.bg-footer a { color: white;}
.bg-footer p { margin-bottom: 10px; }
.small-font {font-size: .9em;}

.footer-contact .category-header {margin-bottom: 0;}
.center-form {margin: 0 auto !important; float: none !important; color: #fff;}
.center-form h2 {color: #fff !important; font-weight: 300 !important; }
.center-form .ui-form-cell-label {}
.center-form .hidden-label .ui-form-label {display: none;}
.center-form input[type="text"], .center-form textarea {border: 1px solid #000; background: #fff; color: #000; padding: 5px 10px;}
.center-form .ui-form-table textarea {height: 105px;}
.center-form ::-webkit-input-placeholder {color: #777; font-style: normal;}
.center-form :-moz-placeholder {color: #777; font-style: normal;}
.center-form ::-moz-placeholder {color: #777; font-style: normal;}
.center-form :-ms-input-placeholder {color: #777; font-style: normal;}
.center-form ::-ms-input-placeholder {color: #777; font-style: normal;}
.center-form :placeholder-shown {color: #777; font-style: normal;}

/* IE Fixes */
.center-form .hidden-label .ui-form-label {display: block\0/;}
.center-form .ui-form-table textarea {height: 143px\0/;}
_:-ms-lang(x), .center-form .hidden-label .ui-form-label {display: none; }
_:-ms-lang(x), .center-form .ui-form-table textarea {height: 105px;}

.footer-logo {width: 75%;}

#signature { color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: left; padding: 20px 0; padding-top: 0; position: absolute; bottom: 0; right: 0; left: 0; max-width: 960px;}
#signature a { color: #FFF !important; }

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
#topmenu ul { list-style-type: none !important; margin: 0;}
#topmenu li { background: none; margin: 0;}

 #topmenu { font-size: 1em; font-family: 'Neuton', serif; margin: 0 !important; text-transform: uppercase; font-weight: 300; text-align: left;}
 ::i-block-chrome, #topmenu {font-weight: normal;}
  #topmenu > li { position: relative; color: #fff; /*float: left;*/ line-height: 12px;  display: block; text-align: center; font-size: 1em; padding: 0;}
  #topmenu > li { /*margin-left: 10px;*/ }
   #topmenu > li:not(.islast)::after { /*content: " ";*/ color: #26507a; display: inline-block; margin-left: 50px;} /* add a \ after each menu item */
  #topmenu > li.isfirst { margin-left: 0px; } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.ispadding {}
  
  #topmenu > li > a { font-style: normal;  }  
  #topmenu > li > a.isfirst { border-left: none; padding-left: 0;}  
  #topmenu > li > a.islast { } 

   #topmenu a { display: block; color:  #fff; border: solid 0px red; text-align: center; padding: 20px 15px;}
   #topmenu a:hover {text-decoration: none;}
   #topmenu a.selected { border-bottom: none;  color: #8bb8ca !important; background: #26507a; }
   #topmenu li:hover {background: #26507a;}
   
   /*#topmenu a.selected::after {
	position: absolute;
	bottom: -38px;
	left: 5px;
    content: " ";
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 20px solid #0a2642;}*/
   #topmenu a.hover { border-bottom: none; color: #8bb8ca !important;  }

  /* following is to fix the table layout for IE < 8 */
	#topmenu {/*display:inline-block;*/}
	#topmenu > li {display:inline-block; }
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul {  position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; 
                       font-family: inherit; border: 1px solid #000 !important; }
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { display: inline-block; width: 100%;} /* IE6/7 fix */
		#topmenu ul li {  padding: 6px 10px;height: auto;text-align: left;display: block;display: block; 
		border-bottom: 0px solid #ebebeb; border-left: none; border-right: none; background-color: #1F4B5F;line-height:1.5em;}
		#topmenu ul li.isfirst { border-top: solid 0px inherit; }
		#topmenu ul li.hover { background: #26507a;  }
		#topmenu ul li a.hover { background:none;}
		#topmenu ul li.selected { color: #000; }
		#topmenu ul a.selected { color: #000; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 200px;  text-align: left; top: 40px; font-size: 1em !important;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a {  }
	  #topmenu ul { top: @dropdown-top@; border: none; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 0px #777; }
        #topmenu ul { background-color: inherit; }

/*---------------------------------------------*/
/* Stylesheet: Form and Buttons*/

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 min-width: 73px;
}

.button, .btn {
    text-align: center;
    padding: 8px 30px;
    display: inline-block;
    font-family: 'Work Sans', sans-serif;
    background: #26507a;
    font-weight: 600;
	text-transform: uppercase;
	color: #fff !important;
	border-radius: 2px;
	min-width: 200px;
	cursor: pointer;
}

.btn-clear {background: none; border: 1px solid #fff;}

.btn-red {background: #892b32; border-color: #892b32;}

input[type="button"], input[type="submit"], .buy {
	border: none;
	text-align: center;
    padding: 8px 30px;
    display: inline-block;
    font-family: 'Work Sans', sans-serif;
    background: #892b32;
    font-weight: 600;
	text-transform: uppercase;
	color: #fff !important;
	border-radius: 2px;
	min-width: 200px;
	cursor: pointer;
}

input[type="button"]:hover, .button:hover, .button-buy:hover, .buy:hover, .btn:hover  {
	background: #892b32; border-color: #892b32;
}

.btn-red:hover, input[type="submit"]:hover {background: #ae373f; border-color: #ae373f;}

.btn-sm { min-width: 125px; }

.button-buy, .buy {
	color: white !important;
	background: #791c39;
}
/*.button-buy:hover, .buy:hover {
	background: #350805;
}*/


.button a { color: white !important; }
 .button-dark, .button-tan { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: 'Work Sans', sans-serif; background-color: #26507a;}
.button-dark, .button-tan { color: white !important; }
button { padding: 2px 5px; }
input[type="textbox"],input[type="text"],input[type="password"] { padding: 2px 5px; border: solid 1px #aaa; }
textarea { padding: 2px 5px; border: solid 1px #aaa;}

/*-------- text iput --------------*/
input[type="textbox"], input[type="text"], input[type="password"], select, textarea {
border: solid 1px #B1B1B1; padding: 5px 5px; font-family: 'Work Sans', sans-serif; width: 100%; border-radius: 2px;
}

/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; padding-left: 0;}
.ui-form-table textarea {width: 100%; height: 150px;}
.ui-form-table input { height: 40px; }
.ui-form-table input[type="text"] {/*width: 450px;*/ }
.ui-form-table input[type="textbox"] {width: 450px; }

.ui-form-cell-captcha table input { width: 200px; }

.ui-form-cell-input { /*width: 100%;*/ } 
.ui-form-cell-label { padding-right: 10px; } 

.digital-form .ui-form-cell-submit {text-align: right;}
/*.ui-form-checkbox-container { padding-left: 170px; } */

.col-single input[type="text"] {width: 100%; }
.col-single input[type="textbox"] {width: 100%; }
.col-single textarea {width: 100%; }

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { color: #999; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic;}
:-moz-placeholder { color: #999; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic;}
::-moz-placeholder { color: #999; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic;}
:-ms-input-placeholder { color: #999; font-size: 1em; font-family: 'Work Sans', sans-serif; text-transform: capitalize; font-style: italic;}

/*---------------------------------------------*/
/* Stylesheet: Slideshow Thumbs*/

/* slideshow pager */
.slideshow-pager a img { border: solid 4px #fff; margin-right: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }
.slideshow-pager img:hover { box-shadow: none !important;}
.slideshow-pager a.activeSlide img { border: solid 4px #ffc200; }

.caption { font-size: .9em; color: black; text-align: right; margin-bottom: 10px;}

.article-pager {margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #000; }
.article-pager.article-pager-top {}
.article-pager.article-pager-bottom {display: none;}
.article-pager .disabled { }
.article-pager .selected { background-color: #000; color: white !important;}
.article-pager .ui-next {display: inline-block; margin-right: 10px; display: none; padding: 2px 5px;}
.article-pager .ui-prev {display: inline-block; margin-right: 10px; display: none; padding: 2px 5px;}
.article-pager .ui-page-no  {display: inline-block; margin-right: 10px; padding: 2px 5px;}

/*---------------------------------------------*/
/* Stylesheet: Buttons*/

temp {}

.button {}

/*---------------------------------------------*/
/* Stylesheet: Editor Styles - styles available for the CMS editor*/

/*************** general *****************/

.cursive { font-size: 50px !important; color: #213c11 !important; font-family: 'Pinyon Script', cursive !important; margin-bottom: 30px !important; text-transform: capitalize !important;}
.cursive a { color: #213c11 !important;}
.text-double-size {font-size: 2em; line-height: 25px !important; margin-bottom: 20px !important; }

.readmore {  color: #438d9e !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #438d9e !important; text-transform: uppercase; text-decoration: none !important;}

.ruler-doubleline { border-top: solid 1px #ccc; padding-bottom: 5px; border-bottom: solid 1px #ccc; margin-bottom: 10px; }
.ruler { border-top: solid 1px #ccc; margin-bottom: 15px; }
.ruler-dot { border-top: dotted 1px #ccc; margin-bottom: 10px; }
.date { font-size: .8em !important; /*text-transform: uppercase; font-family: @sansserif-fontfamily@;*/}
.kicker { font-size: .9em; font-family: @sansserif-fontfamily@;}
.highlight { background-color: yellow; }
.title { font-family: @sansserif-fontfamily@;}
.nomargin { margin: 0 !important; }

.callout {padding: 1px; margin-bottom: 20px; color: #000; height: 162px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box;}
.callout a { color: #000 !important;}
.callout a:hover { color: #333 !important;}
.callout h3 { font-family: 'Work Sans', sans-serif; font-size: 2em; font-weight: normal; color: #000; }
.callout-inner { padding: 20px; }
.callout-inner * { margin-bottom: 0 !important;}

.callout-green { background: #c7d8ab;}
.callout-yellow { background: #feeb99;}
.callout-red { background: #c17f96;}
.callout-blue { background: #a4dff8;}
.callout-green2 { background: #cccc51;}

/*---------------------------------------------*/
/* Stylesheet: Event Calendar*/

/* events */
#calendar { margin-bottom: 0px; }
#calendar .calendar-header { font-size: 1em; color: #be0f34; font-family: 'Neuton', serif; font-weight:bold;  text-transform: uppercase; margin-bottom: 10px;}
#calendar #calendar-date { color: #84002e !important; }
#calendar .month-current { background-color: white; text-transform: uppercase; padding: 2px 0; }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 0px solid #F5F2EF; }
#calendar thead th {padding: 5px 0; text-align: center;border-top: 0px solid #F5F2EF; border-left: 0px solid #F5F2EF;background: #ddd;}
#calendar tbody td {padding: 5px 0; text-align: center;	border-top: 0px solid #F5F2EF; border-left: 0px solid #F5F2EF; border-bottom: 0px solid #F5F2EF;}
#calendar tfoot td {padding: 5px;}
#calendar td a { color: #84002e !important; font-weight: bold; text-decoration: none; background-color: white; display: block;}
#calendar tfoot #next {	text-align: right;}
#calendar #today { background: #84002e; color: white; }
#calendar #today a { background: none; color: white !important;}
#calendar td a:hover { color: #be0f34 !important; }
#calendar #today:hover, #today a:hover { background: #be0f34 !important; }

.ui-event-input { }
.ui-event-input-date-from { width: 90px !important; margin-right: 5px;}
.ui-event-input-date-to { width: 90px !important; margin-left: 5px;}

/* small date box with month+day (used in upcoming sidebar)*/
.ui-event-calendar-date {float: left;  width: 60px; height: 60px; overflow: hidden; 
  text-align: center; color: #192b33; border: solid 1px #ccc; background-color: white;}
.ui-event-calendar-date-month  { text-transform: uppercase; margin-bottom: 0 !important;line-height: 1 !important; margin-top: 8px; }
.ui-event-calendar-date-day  { font-size: 2em;margin-bottom: 0 !important; line-height: 1 !important; }

.ui-event-calendar-details { float: right; width: 180px; }
.ui-event-calendar-details h3 { text-transform: none !important; margin-bottom: 5px;}
.ui-event-calendar-details h4 { text-transform: none !important; margin-bottom: 5px;}
.ui-event-calendar-details p { margin-bottom: 5px; font-size: .8em; }
.ui-event-location { text-transform: uppercase; color: #003045; margin-bottom: 5px !important;}

h1.event{ color: #84002e;}
h1.event a{ color: #84002e;}
h2.event { color: #be0f34;}
h2.event a { color: #be0f34;}
h3.event { color: #be0f34;}
h3.event a { color: #be0f34;}

/*---------------------------------------------*/
/* Stylesheet: Store*/

/* shopping cart */

.cart {  /*background: url(../pub/photo/cart.png) no-repeat left top;*/  display: inline-block;
  padding: 4px; min-height: 18px; line-height: 18px; font-size: 1.2em; text-transform: capitalize; color: #123900 !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: #791c39;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; color: #444; font-size: 14px; font-style: italic; padding-bottom: 10px; border-bottom: dotted 1px #ccc;}
.cart-items td { padding: 5px 0; }
.cart-items td .label { display: inline-block; margin-top: 10px; }
.cart-items td.total { color: #000; font-size: 14px;  font-style: italic; padding-top: 10px; border-top: dotted 1px #ccc;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 20px !important; margin-left: 10px;}

.price { color: #791c39; font-family: 'Neuton', serif !important; font-size: 2em;}
.price-crossed { color: #777; font-family: 'Neuton', serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

/*---------------------------------------------*/
/* Stylesheet: bottom menu*/

.bg-menu .inner ul, #bottommenu ul { list-style-type: none !important; margin: 0;}
.bg-menu .inner li, #bottommenu li { background: none; margin: 0 auto;}

 #bottommenu { margin-bottom: 0px !important; text-transform: none; }
  #bottommenu > li { position: relative; color: white; float: left; line-height: 25px; text-align: left;}
  #bottommenu > li.isfirst {  } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #bottommenu > li.islast { } 
  #bottommenu > li.ispadding { padding: 0 5px;}  

  #bottommenu > li > a { padding: 0 10px; }  
  #bottommenu > li > a.isfirst { padding-left: 20px; }  
  #bottommenu > li > a.islast { } 

  #bottommenu > li { border-left: solid 1px #d3cab7; }  
  #bottommenu > li.isfirst { border-left: none; }  
  #bottommenu  > li.islast { }  

   #bottommenu a { display:block; color: black; }
   #bottommenu a.selected { border-bottom: none; background-color: white;color: black !important;  }
   #bottommenu a.hover { border-bottom: none; background-color: white; color: black !important;  }

  /* following is to fix the table layout for IE < 8 */
	#bottommenu {display:inline-block;}
	#bottommenu > li {display:inline-block;}
	#bottommenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #bottommenu ul { position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; color: #818284;
                       font-family: @submenu-fontfamily@; font-size: .9em;}
	  * html #bottommenu ul { line-height: 0;} /* IE6 "fix" */
  		#bottommenu ul a { zoom: 1; color: #818284;} /* IE6/7 fix */
		#bottommenu ul li { float: none; padding: 5px 0px;  
                                  line-height:20px; min-height: 20px; 
		                  border-bottom: solid 0px #FFF;
		                  text-align: left; padding-left: 10px;}
		#bottommenu ul li.isfirst { border-top: solid 0px #FFF; }
		#bottommenu ul li.hover { color: #000; }
		#bottommenu ul li.selected { color: #000; }
		#bottommenu ul a.selected {color: #000; }
		                  
		#bottommenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#bottommenu ul { width: 200px; left: 0px; text-align: left;}
	#bottommenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#bottommenu ul > li > a { line-height: 1; line-height: 20px; min-height: 20px; }
	  #bottommenu ul { top: @dropdown-top@; border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#bottommenu ul { box-shadow: 0 0 5px #777; }
        #bottommenu ul { background-color: white; }

/*---------------------------------------------*/
/* Stylesheet: Directory*/

/*.ui-directory-category {font-size: .9em; margin-bottom: 5px !important; line-height: 18px !important; border-top: solid 1px #eee; padding-top: 5px;}
.ui-directory-category-list {}
.ui-directory-category-list-item {}

.ui-directory-region {font-size: .9em; margin-bottom: 5px !important; line-height: 18px !important;}
.ui-directory-region-list {}
.ui-directory-region-list-item {}
*/
.directory-result {  }
.directory-3 {margin-bottom: 20px; border: solid 1px black; padding: 5px;
  /*box-shadow: 0 0 5px #777; border-radius: 4px;*/
 }
 .directory-3 .directory-inner {background: #e0cdcd; padding: 10px; }
 .directory-3 img { border: solid 3px white; }

.directory-2 { font-size: .9em;/*background-color: #f9f9f9; border: solid 1px #ddd; border-radius: 4px; padding: 10px;*/ margin-bottom: 10px;}
.directory-2 h2 { }
.directory-2 h2 a { }

.directory-1 {font-size: .8em;}
.directory-1 h2 { }
.directory-1 h2 a { }

.directory-result .readmore { color: #8f4451 !important; padding: 2px 5px;  font-weight: 700;}
.directory-result .readmore:before { content: "\00BB"; padding-right: 5px;}

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

.img-responsive { width: 100%; height: auto; }
.img-responsive img { width: 100%; height: auto; }
.img-center { text-align: center; } 
.img-rounded, .img-rounded img { border-radius: 4px; }
.img-circle, .img-circle img { border-radius: 50%; overflow: hidden; }
.circle-shadow, .circle-shadow img { box-shadow: 5px 5px #c8cccd; }
.img-thumbnail, .img-thumbnail img { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #d6d6d6; display: block;}
/* large screens */
@media screen and (min-width:768px) {
	.mobile-hide {display:none;}
	#mobilemenu-drop { display: none; }
	.responsive-left { float: left; margin-right: 10px; margin-bottom: 10px;}
	.responsive-right { float: right; margin-left: 10px; margin-bottom: 10px;}	
	.responsive-lg {}
	.responsive-sm {display: none !important;}
}

/* mobile screens */
@media screen and (max-width:768px) {
	.responsive-left { float: none !important; margin-right: 0 !important;}
	.responsive-right { float: none !important; margin-right: 0 !important;}
	.responsive-lg {display: none !important;}
	.responsive-sm {}

	/*.img-placeholder { display: none; }*/
	/*.img-responsive, .img-responsive img  { max-width: 300px; }*/
	img {max-width: 100% !important; height: auto;}
	
	.template { min-width: 300px; }

	.bg-header { /*position: relative !important;*/ height: auto; padding: 10px 0 !important;text-align: center;}
	.bg-header > .x-cell{ height: auto !important; /*margin-bottom: 80px;*/ }
	.bg-header + .x-clear { height: 0; }
	.bg-top-header {/*display: none !important;*/ position: static;}
	.bg-top-header .x-cell {/*height: 0 !important; */}
	.bg-top-header + .x-clear { height: 0 !important; }
	
	.bg-header #toptext .schedule-btn, .bg-header #toptext .social-icons {margin-bottom: 15px; float: none;}
	.bg-header #toptext .social-icons a {margin-right: 15px; background: #fff;}
	
	.bg-header #toptext .contact-menu {position: static; background: rgba(255, 255, 255, 0.8);}
	
	.bg-header #toplogo  { display: block;  z-index: 2; position: static !important; margin-left: 10px; margin-right: auto; height: 50px !important; max-width: 100%;} /* 175 x 48 */ 
	#topintro { position: static !important;  }
	.bg-header #toptext { right: 10px; bottom: 0; top: 5px;}
	#toptext .contact-text {display: none !important;}
	.bg-menu #topsearch { right: 0; margin: 0 auto; }
	.bg-menu #topsearch.open input {width: 250px;}
	.bg-menu #topsearch .search-reveal {bottom: auto;}
	.bg-menu #topsearch input {bottom: auto;}
	#topmenutext { display: block; position: relative !important; width: 100%; top: 0px !important; height: 50px; text-align: right;}
	.bg-map {min-height: 200px;}
	  
	  .main-home a.anchor {top: -143px;}
	  
	/* menu is moved into toptext and transformed into dropdown*/

	.bg-header .selectcontainer { display: block;  margin-left: auto; margin-right: auto; }
	.bg-header .selectcontainer select { width: 90%; background: #fff;}
	.bg-header { /*height: 75px;*/}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {position: absolute !important; padding: 10px;}
	.bg-menu  {padding: 5px 0; height: auto; position: static !important; margin-bottom: 0 !important;}
	
	/* Slider Menu */  
	
	.bg-menu #topmenu {display: none;}
	.bg-menu .topmenu-mobile {display: none; padding-right: 0; text-align: left; text-transform: uppercase; letter-spacing: 0; font-weight: normal; font-family: 'Neuton', serif; font-size: 16px; position: static; margin-bottom: 0; overflow-y: scroll; margin-top: 5px;}
	.bg-menu .topmenu-mobile li {display: list-item; line-height: 45px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative; padding-left: 0; border-top: 1px solid #fff;}
	.bg-menu .topmenu-mobile li ul {margin-bottom: 0; display: none; margin-left: 0; background-size: cover !important; text-transform: none; font-weight: normal;}
	.bg-menu .topmenu-mobile li ul li {}
	.bg-menu .topmenu-mobile li li a {padding-left: 29px;}
	.bg-menu .topmenu-mobile li:not(:last-child) {}
	.bg-menu .topmenu-mobile li:last-child {border-bottom: 1px solid #fff;}
	.bg-menu .topmenu-mobile li a {color: #fff !important; display: block; padding: 0 10px; border-bottom: 1px solid @color-gray-alt@; padding-left: 19px;}
	.bg-menu .topmenu-mobile > li:first-child > a {border-top: 1px solid @color-gray-alt@;}
	.bg-menu.inside .topmenu-mobile li a {color: #fff !important; }
	.bg-menu .topmenu-mobile li a:hover {color: #8bb8ca !important;}
	.bg-menu .topmenu-mobile li a.selected {color: #8bb8ca !important;}
	
	.bg-menu .menu-toggle {display: block !important; position: static; top: 8px; left: 10px; color: #fff; width: 40px; height: 40px; line-height: 40px; text-align: center;}
	.bg-menu .menu-toggle i {display: block !important; padding: 12px 9px; cursor: pointer;}
	.bg-menu.inside .menu-toggle {color: #fff;}
	
	.bg-menu .menu-expand {position: absolute; right: 0; width: 46px; height: 46px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid @color-gray-alt@;}
	.bg-menu .menu-expand i {line-height: 16px; height: 16px; width: 16px;}
	.bg-menu .menu-expand:hover i {color: #8bb8ca; border-color: #8bb8ca;}
	.bg-menu .menu-expand i:hover {}
	
	.bg-clear , .bg-blue-light, .bg-img, .bg-light {padding: 20px 10px !important;}
	.bg-clear.full-width {padding: 20px 0px !important;}
	.bg-clear.no-padtop {padding-top: 0 !important;}
	.bg-clear.no-padbot {padding-bottom: 0 !important;}
	.article-wide {padding: 0 10px;}
	.add-pad {padding-top: 20px !important;}
	.bg-testimonials {padding: 0 !important; min-height: 0;}
	.bg-testimonials > .x-cell {padding: 20px 10px !important; min-height: 0;}
	
	.bg-slideshow { overflow: visible !important; }
	.home-slideshow {height: auto !important;}
	.home-slideshow .copy { display: block; position: relative !important; width: 100% !important;}
	.home-slideshow .copy-inner {  width: 100% !important; max-width: 100%; height: auto !important;}
	
	.home-slideshow .slideshow {margin-bottom: 0;}
	.slideshow-copy-container {position: static;}
	.slideshow-copy {position: static; background: #fff; font-size: initial; text-align: left; width: 100%;}
	.slideshow-copy-inner {height: auto !important; position: static !important; padding: 0 10px;}
	.slideshow-copy-inner h2, .slideshow-copy-inner h1 {color: initial;}
	.slideshow-copy-inner table p {text-align: center;}
	
	.home-blocks td {max-width: 320px; margin: 0 auto;}
	.home-block:first-child {margin-bottom: 20px !important;}
	.home-blocks .home-block {margin-bottom: 20px !important;}
	
	.quote-container {position: static;}
	.quote-text {text-align: left; font-size: 1.5em;}
	.quote-author {text-align: left; font-size: 1.25em;}
	.quote-body {left: 0 !important; margin: 0 auto;}
	
	.category-header {text-align: center !important;}
	.category-header:after {margin: 0 auto;}
	
	.team-item {text-align: center;}
	.team-item.col-md-4 {margin-bottom: 15px !important;}
	
	.no-marbot-sm {margin-bottom: 0 !important;}
	.sticky-inner {max-width: 100%;}
	
	.testimonial-item {font-size: .8em;}
	
	/* form */
	.form { width: 100%; }
	
	/* generic layout review */
	.inner { padding: 20px 20px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; } /* bootstrap uses .table too */
	.table { margin-left: auto; margin-right: auto; }
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.x-slice-inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important;}
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  {}
	.slideshow > div {height: auto !important;}
	.slideshow > div > img {height: auto !important;width: 100% !important; min-height: 0 !important; min-width: 0 !important;}
	
	.right-photo {float: none; margin-left: 0; max-width: 100%;}
	.right-photo img {max-width: 100%;}
	
	/* home page */
	.home-slide { width: 100%; }
	
	.table-map img {max-width: 300px !important;}
	
	.slide-box-slider-container {overflow-x: scroll; padding: 0;}
	.slider-border-left, .slider-border-right {display: none;}
	
	.article-slideshow h1{ position:relative !important; top: 0 !important; text-align: center; }
	
	.article-slideshow .slideshow {background: none !important;}
	.article-slideshow .slideshow > div {-webkit-transform-style: flat; -moz-transform-style: flat; transform-style: flat;}
	.article-slideshow .slideshow img {vertical-align: initial; position: static; -webkit-transform: none; -ms-transform: none; transform: none;}
	.caption {position: static !important; color: #000 !important; background: none !important; padding: 0 !important;} 
	.article-slideshow .custompager img {height: 50px; margin-bottom: 10px;}
	
	.table-img {min-height: 300px;}
	
	/* form */
	.ui-form-table { width: 100%; border-spacing: 0;}
	.ui-form-cell-input { width: 100%; display: block;}
	.ui-form-cell-input textarea { width: 100%; display: block;}
	input[type].form-control:not([type=submit]), .form-control select, .form-control textarea { width: 100%;}
	
	.form-name-fields td {display: block; width: 100% !important;}
	
	/* Popups */
	
	.popup .popup-inner {max-height: 100%; overflow-y: scroll;}
	
	/* footer */
	.bg-footer .x-cell { padding: 20px 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: left !important; padding: 0; height: auto;}
	.bg-footer div {text-align: left !important; word-wrap: break-word;}
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
	
	.footer-location, .footer-contact {padding: 20px; height: auto !important;}
	.footer-contact input[type="submit"] {position: relative;}
	
	#signature {padding: 10px 20px;}
}

/*---------------------------------------------*/
/* Stylesheet: Grid for Editor AND Website*/

/* regular grid definition here - must be after above overrides */
/* grid definition 960px - bootstrap style */
*[class*="col-md-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="len-md-"] { padding: 0 10px; } /* 20px gutter, no float */
.len-md-1 { width: calc(100% / 12 * 1 - 20px); } 
.len-md-2 { width: calc(100% / 12 * 2 - 20px); } 
.len-md-3 { width: calc(100% / 12 * 3 - 20px); } 
.len-md-4 { width: calc(100% / 12 * 4 - 20px); } 
.len-md-5 { width: calc(100% / 12 * 5 - 20px); } 
.len-md-6 { width: calc(100% / 12 * 6 - 20px); } 
.len-md-7 { width: calc(100% / 12 * 7 - 20px); } 
.len-md-8 { width: calc(100% / 12 * 8 - 20px); } 
.len-md-9 { width: calc(100% / 12 * 9 - 20px); } 
.len-md-10 { width: calc(100% / 12 * 10 - 20px); } 
.len-md-11 { width: calc(100% / 12 * 11 - 20px); } 
.len-md-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-xs-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-xs-1 { width: calc(100% / 12 * 1 - 20px); } 
.col-xs-2 { width: calc(100% / 12 * 2 - 20px); } 
.col-xs-3 { width: calc(100% / 12 * 3 - 20px); } 
.col-xs-4 { width: calc(100% / 12 * 4 - 20px); } 
.col-xs-5 { width: calc(100% / 12 * 5 - 20px); } 
.col-xs-6 { width: calc(100% / 12 * 6 - 20px); } 
.col-xs-7 { width: calc(100% / 12 * 7 - 20px); } 
.col-xs-8 { width: calc(100% / 12 * 8 - 20px); } 
.col-xs-9 { width: calc(100% / 12 * 9 - 20px); } 
.col-xs-10 { width: calc(100% / 12 * 10 - 20px); } 
.col-xs-11 { width: calc(100% / 12 * 11 - 20px); } 
.col-xs-12 { width: calc(100% / 12 * 12 - 20px); } 

*[class*="col-five-"] { float: left; margin: 0 10px; } /* 20px gutter */
.col-five-1 { width: calc(100% / 5 * 1 - 20px); } 
.col-five-2 { width: calc(100% / 5 * 2 - 20px); } 
.col-five-3 { width: calc(100% / 5 * 3 - 20px); } 
.col-five-4 { width: calc(100% / 5 * 4 - 20px); } 
.col-five-5 { width: calc(100% / 5 * 5 - 20px); }

.clearfix { margin: 0 !important; clear: both;}
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  
}
/* margin fix when we don't want margins  */
.nomargin[class*="col-md-"] { margin: 0 ; }
.nomargin.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-md-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-xs-"] { margin: 0 ; }
.nomargin.col-xs-1 { width: calc(100% / 12 * 1) ; }
.nomargin.col-xs-2 { width: calc(100% / 12 * 2) ; }
.nomargin.col-xs-3 { width: calc(100% / 12 * 3) ; }
.nomargin.col-xs-4 { width: calc(100% / 12 * 4) ; }
.nomargin.col-xs-5 { width: calc(100% / 12 * 5) ; }
.nomargin.col-xs-6 { width: calc(100% / 12 * 6) ; }
.nomargin.col-xs-7 { width: calc(100% / 12 * 7) ; }
.nomargin.col-xs-8 { width: calc(100% / 12 * 8) ; }
.nomargin.col-xs-9 { width: calc(100% / 12 * 9) ; }
.nomargin.col-xs-10 { width: calc(100% / 12 * 10) ; }
.nomargin.col-xs-11 { width: calc(100% / 12 * 11) ; }
.nomargin.col-xs-12 { width: calc(100% / 12 * 12) ; }

.nomargin[class*="col-five-"] { margin: 0 ; }
.nomargin.col-five-1 { width: calc(100% / 5 * 1) ; }
.nomargin.col-five-2 { width: calc(100% / 5 * 2) ; }
.nomargin.col-five-3 { width: calc(100% / 5 * 3) ; }
.nomargin.col-five-4 { width: calc(100% / 5 * 4) ; }
.nomargin.col-five-5 { width: calc(100% / 5 * 5) ; }

/* margin fix when we don't want margins  */
.nomargin-lg[class*="col-md-"] { margin: 0 ; }
.nomargin-lg.col-md-1 { width: calc(100% / 12 * 1) ; }
.nomargin-lg.col-md-2 { width: calc(100% / 12 * 2) ; }
.nomargin-lg.col-md-3 { width: calc(100% / 12 * 3) ; }
.nomargin-lg.col-md-4 { width: calc(100% / 12 * 4) ; }
.nomargin-lg.col-md-5 { width: calc(100% / 12 * 5) ; }
.nomargin-lg.col-md-6 { width: calc(100% / 12 * 6) ; }
.nomargin-lg.col-md-7 { width: calc(100% / 12 * 7) ; }
.nomargin-lg.col-md-8 { width: calc(100% / 12 * 8) ; }
.nomargin-lg.col-md-9 { width: calc(100% / 12 * 9) ; }
.nomargin-lg.col-md-10 { width: calc(100% / 12 * 10) ; }
.nomargin-lg.col-md-11 { width: calc(100% / 12 * 11) ; }
.nomargin-lg.col-md-12 { width: calc(100% / 12 * 12) ; }

/* responsiveness fold */
@media screen and (max-width:768px) {
	*[class*="col-md-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	.nomargin[class*="col-md-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;} /* keep the margin gutter of 10px on either side */
	*[class*="len-md-"] { width: calc(100% - 20px) !important; padding: 0 10px !important;} /* keep the padding gutter of 10px on either side */
	/* don't do anything to -xs- columns. They need to keep their sizes */
	*[class*="col-five-"] { float: none !important;  width: calc(100% - 20px) !important; margin: 0 10px !important;} /* keep the margin gutter of 10px on either side */
	.nomargin[class*="col-five-"] { float: none !important;  width: calc(100%) !important; margin: 0 !important;} /* keep the margin gutter of 10px on either side */
}


/*
Bootstrap:
Extra small devices
Phones (<768px)		- col-xs. Horizontal at all times
Small devices
Tablets (&ge;768px)	- col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
Medium devices
Desktops (&ge;992px) 	- col-md (LVSYS default). Collapsed to start, horizontal above breakpoints
Large devices
Desktops (&ge;1200px) 	- col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints
http://getbootstrap.com/css/
*/

/* mobile screens */
@media screen and (max-width:768px) {
	*[class*="visible-xs"] {}
	*[class*="visible-sm"] {display: none !important;}
	*[class*="visible-md"] {display: none !important;}
	*[class*="visible-lg"] {display: none !important;}
	*[class*="hidden-xs"] { display: none !important;} /* lvsys grid */
	*[class*="hidden-sm"] {}
	*[class*="hidden-md"] {} /* lvsys grid */
	*[class*="hidden-lg"] {}
}

/* large screens */
@media screen and (min-width:768px) {
	*[class*="visible-xs"] {display: none !important;}
	*[class*="visible-sm"] {}
	*[class*="visible-md"] {}
	*[class*="visible-lg"] {}
	*[class*="hidden-xs"] { } /* lvsys grid */
	*[class*="hidden-sm"] {display: none !important;}
	*[class*="hidden-md"] {display: none !important;} /* lvsys grid */
	*[class*="hidden-lg"] {display: none !important;}
}