/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Wed, 17 Sep 2025 08:59:40 -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 { box-shadow: 0 0 10px #999;}
a img.nohover:hover { box-shadow: none !important;}
.nohover img:hover { box-shadow: none !important;}
img {border: none; outline: none; max-width: 100%;}

/* 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: #222; font-family: 'Lora', serif; font-size: 20px; padding: 0; background: white; font-weight: 400;}
.main-home a { color: #004f80; text-decoration: none; word-wrap: break-word; }
.main-home a:hover { /*text-decoration: underline;*/ color: #006eb3; }
.main-home a.anchor {display: block; position: relative; top: -60px;}
.main-home b, .main-home strong { font-weight: bold; }
.main-home h1, .main-home h2.title { font-size: 2em; color: #002b45; font-family: 'Lora', serif; font-weight: 400; margin-bottom: 20px; line-height: normal !important; text-transform: none;}
.main-home h1 a { color: #435060; text-decoration: none !important;}
.main-home h2 { font-size: 1.3em; color: #002b45; font-family: 'Lora', serif; font-weight: 400; margin-bottom: 10px;}
.main-home h2.title { font-size: 2.4em; }
.main-home h2 a { color: #435060; text-decoration: none !important;}
.main-home h3 { font-size: 1.2em; color: #002b45; font-family: 'Lora', serif; font-weight: normal; margin-bottom: 10px; line-height: 1.5em;}
.main-home h3 a { color: #435060; text-decoration: none !important;}
.main-home h4 { font-size: 1.0em; color: #002b45; font-family: 'Lora', serif; font-weight: normal; text-transform: uppercase;  margin-bottom: 10px;}
.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: #004f80;*/ }
.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; list-style: none; margin-bottom: 0px; /*background: 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;}

/* 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  {border-bottom: 2px solid #D4AF37; background: #002b45; position: fixed !important; z-index: 100;}
.bg-header .x-cell {position: relative; height: 100px;}
.bg-header + .x-clear {height: 102px;}
.bg-menu {  height: 83px; /*background: url(/pub/photo/bg-menu.png) no-repeat center top; position: relative;*/ margin-bottom: 20px !important; background: #fff; position: absolute !important; top: 37px; border-bottom: 3px solid #002b45;}
.bg-menu a { color: #5a5a5a /*!important*/; }
.bg-menu .x-cell { position: relative; width: 1263px !important; max-width: 100%;}
.bg-light { background: #e9e9e9; padding: 35px 0 !important;}
.bg-light h2 {  } 
.bg-light a {  } 
.bg-light a:hover { font-weight: bold; } 
.bg-light .x-cell { }
.bg-light-noresize { }
.bg-light-noresize .x-cell {  }
.bg-img {background: url(/pub/photo/img-background-new.jpg) center center no-repeat; background-size: cover; padding: 40px 0 !important;}
.bg-clear {background: #fff; padding: 35px 0 !important; }
.bg-footer { background: #cccc51; }

.bg-blue {background: #f5f5f5;}
.bg-blue.x-block {padding: 35px 0;}
.bg-tan {background: #ded3b0; padding: 20px 0 !important;}
.bg-tan-dark {background: #c9b280; padding: 20px 0 !important;}
.bg-offwhite { background: #f5f5f5; }
.full-width .bg-tan-dark {padding: 0 !important;}
.bg-green {background: #4ba000;}
.bg-blue-light {background: #8095a2; padding: 50px 0 !important;}
.bg-blue, .bg-blue-light {color: #002b45;}
.bg-blue h2, .bg-blue-light h2 {color: #002b45;}
.bg-blue h3, .bg-blue-light h3 {color: #002b45;}
.bg-blue h2 a, .bg-blue-light h2 a {color: #002b45;}
.bg-tan h2 {color: #000 !important;}
.bg-offwhite, .bg-offwhite h2, .bg-offwhite h3  { color: #002b45; }

.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; margin: auto; }
.center table { margin: 0 auto; }

.x-block { position: relative; width: 100%; padding: 0;}
.x-block > .x-cell { margin: 0 auto; width: 960px; }
.x-block > .x-cell-container { margin: 0 auto; width: 960px; }
.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: 0px 0; border: solid 0px red;}
.col-double { width: 640px; padding: 20px 30px; border: solid 0px red; background: rgba(255,255,255,.7); font-size: .9em; font-weight: 400;}
.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: 15px; left: 0px; z-index: 1;}
.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: 0; right: 0; color: #fff; text-transform: uppercase; font-size: 1.2em;}
.bg-header #toptext .schedule-btn, .bg-header #toptext .social-icons {float: right;}
.bg-header #toptext .schedule-btn p {margin: 0;}
.bg-header #toptext .schedule-btn a {color: #fff;}
.bg-header #toptext .social-icons a {display: inline-block; width: 37px; height: 37px; padding: 5px; text-align: center; background: rgba(255, 255, 255, 0.5); color: #8095a2;}
.bg-header #toptext .contact-menu {position: absolute; z-index: 1; top: 55px; right: 0;}
.bg-header #toptext .contact-menu a {color: #8095a2;}
.bg-header #toplink { position: absolute; top: 55px; right: 0px; text-align: right; width: 400px; font-family: 'Lora', serif; text-transform: uppercase; font-size: .9em;}
.bg-header #topsearch { position: absolute; top: 9px; right: 0; color: #fff;}
.bg-header #topsearch input::-webkit-input-placeholder { color: #fff; font-size: 1em; font-family: 'Lora', serif; text-transform: lowercase;}
.bg-header #topsearch input:-moz-placeholder { color: #fff; font-size: 1em; font-family: 'Lora', serif; text-transform: lowercase;}
.bg-header #topsearch input::-moz-placeholder { color: #fff; font-size: 1em; font-family: 'Lora', serif; text-transform: lowercase;}
.bg-header #topsearch input:-ms-input-placeholder { color: #fff; font-size: 1em; font-family: 'Lora', serif; text-transform: lowercase;}
.bg-header #topsearch button {position: absolute; right: 1px; top: 1px; height: 30px; width: 30px; background: none; border: none; cursor: pointer; line-height: 30px; padding: 0 5px; text-align: center;}
.bg-header #topsearch button img {width: 18px; height: auto; vertical-align: middle;}
.bg-header #topsearch table td { padding: 2px; }
.bg-header #topsearch input {padding: 7px; width: 100%; border: 1px solid #8095a2; line-height: 16px; background: none; color: #fff;}
.bg-header #topsearch p {margin: 0; font-size: .9em;}
.bg-header #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: #004f80  !important;}

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

.client-portal {position: absolute; top: 13px; right: 180px;}
.client-portal p {margin-bottom: 0; font-size: .8em;}
.client-portal p a {color: #fff; text-align: center; padding: 5px 12px;}
.client-portal p a:hover {color: #fff;}

/* 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: 40px !important; padding-bottom: 20px; color: #000 !important; border-bottom: 1px solid #000;}
.category-header.no-border {border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0;}
.category-header h1 {text-transform: uppercase; font-weight: bold;}
.category-header h2 {text-transform: uppercase; font-weight: bold;}
.category-header img {width: 34px; height: auto;}

.bg-blue .category-header {border-color: #fff;}

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

/*--------------- home --------------------*/

.home-call-out {background-color: #002b45; color: white; padding: 40px; margin-bottom: 40px !important; text-align: center;}
.home-call-out a {color: #D4AF37;}
.home-call-out h2 {color: white; font-size: 1.5em; margin-bottom: 20px;}

.slide-box-container { position: relative; max-width: 100%;}
.slide-box-slider-container {overflow: hidden; padding: 0 50px; position: relative;}
.slide-box-slider {position: relative; max-width: 100%; min-height: 438px;}
.slide-box { overflow: hidden; margin-left:auto; margin-right: auto; max-width: 100%; height: auto !important; }
.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);}

.testimonial-box-container {position: relative; padding: 0 30px;}
.testimonial-box-container:before {content: "“"; color: #000; position: absolute; top: 0; left: 0; font-size: 4em; font-family: 'Lora', serif;}
.testimonial-box-container:after {content: "”"; color: #000; position: absolute; bottom: 0px; right: 0; font-size: 4em; font-family: 'Lora', serif;}
.testimonial-body {font-style: italic; font-size: 1.4em; height: 438px; display: table;}
.testimonial-body .testimonial-inner {display: table-cell; vertical-align: middle; padding-bottom: 40px;}
.testimonial-box-container img {border-radius: 50%;}
.testimonial-author {text-align: right;}

.home-slideshow {position: relative; min-height: 200px; background-size: cover !important;}
.home-slideshow img{display: block;}
.home-slideshow .custompager {position: absolute; bottom: 20px; left: 0; right: 0; z-index: 99;}

.slideshow-container {width: 100% !important;}
.slideshow-copy {position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; bottom: 0; text-align: center; display: block; background: rgba(0, 0, 0, 0.4); font-size: 1.75em;}
.slideshow-copy-inner {height: 288px; position: absolute; top: 0; bottom: 0; margin: auto 0; width: 100%;}
.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 {color: #fff; font-weight: 100; font-style: italic; font-size: 1.75em; text-shadow: 1px 1px #666}
.slideshow-background {height: 600px;}

td[class*="col-md-"] {position: relative;}
.home-blocks {border-spacing: 0;}
.home-block {position: relative; margin-bottom: 5px;}
.home-blocks td {vertical-align: top;}
.home-blocks img {display: block; margin: 0 auto;}
.title-overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 !important; display: table-cell; color: #fff !important; background: rgba(0, 0, 0, 0.5); text-align: center; font-size: 1.5em;}
.title-overlay:hover {background: rgba(90, 142, 34, 0.7);}
.title-overlay strong {display: block; color: #fff;}
.title-overlay h2 {color: #fff; margin: auto 0; height: 90px; position: absolute; left: 0; right: 0; top: 0; bottom: 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;}

.full-width-inner {width: 960px; margin: 0 auto; max-width: 100%;}

.strip-text {padding: 5%; width: 50%; font-weight: 300; vertical-align: top;}
.strip-text-inner {width: 350px; margin: 0 auto;}
.strip-text h2 {font-weight: 300;}
.white-strip {background: #fff; color: #222; font-weight: 400; padding-left: 100px;}
.dark-blue-strip {background: #002b45; color: #fff; font-weight: 400; padding-left: 100px;}

.strip-text-inner img {max-height: 24px; width: auto; vertical-align: middle;}

.link-box {padding: 5px 10px; background: rgba(255, 255, 255, 0.2);}
.link-box:hover {background: rgba(255, 255, 255, 0.4); color: #fff !important;}

.services-block {background: rgba(255, 255, 255, 0.9); padding: 35px;}
.services-table {width: 100%;}
.services-table td {vertical-align: top;}

.table.bg-green, .table.bg-tan-dark, .table.bg-blue {margin-bottom: 0; border-spacing: 0; color: #002b45;}
.table.bg-offwhite { margin-bottom: 0; border-spacing: 0;}
.table.bg-green .table-img, .table.bg-tan-dark .table-img, .table.bg-blue .table-img {background-size: cover !important;}
.quote-strip .table-img {background-size: cover !important;}
/*.table.bg-green img, .table.bg-tan-dark img, .table.bg-blue img {display: block; width: 100%; height: auto;}*/
.table.bg-green a, .table.bg-tan-dark a, .table.bg-blue a {color: #002b45;}
.table.bg-green strong, .table.bg-tan-dark strong, .table.bg-blue strong, .table.bg-green b, .table.bg-tan-dark b, .table.bg-blue b {color: #fff;}

.quote-strip {position: relative;}
.quote-title {position: absolute; top: 20px; left: 0; right: 0; text-align: center; z-index: 1;}
.quote-strip table {border-spacing: 0; margin: 0;}
.quote-strip table img {display: block; width: 100%; height: auto;}
.quote-strip .quote-text {padding: 100px 5% 5%;}
.quote-strip .quote-caption {font-size: 1em;}

.callout-box {border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 10px; padding-top: 10px; clear: both;}
.documents {border: 2px solid #5a8e22; padding: 15px 10px 10px; margin-bottom: 15px;}
.documents p {font-style: italic; font-weight: bold;}
.documents ul li {background: url(/pub/photo/application-pdf.png) 10px 7px no-repeat;}

.business-table h2.title {font-size: 2.5em;}
.business-table .business-table-img {padding-right: 20px;}
.business-table .business-table-img img {max-width: 100%; width: auto !important;}

.category-box {padding: 13px 16px; margin-bottom: 20px; /*font-size: .8em;*/}
.category-box a {color: #fff;}
.category-box a:hover {text-decoration: none;}
.category-item {padding: 5px; padding-left: 30px; margin: 0 !important; cursor: pointer; font-size: .8em;}
.category-item.active, .category-item:hover {}

.green-box {padding: 13px 16px; margin-bottom: 20px; /*font-size: .8em;*/}
.green-box a {color: #fff;}
.green-box a:hover {text-decoration: none !important;}
.green-box ul {margin: 0 !important;}
.green-box > ul > li {padding-left: 30px; cursor: pointer; font-size: .8em;}
.green-box ul ul li {padding-left: 30px; margin: 0 !important; cursor: pointer;}
.green-box > ul > li.active, .green-box > ul > li:hover {}
.green-box ul ul li.active, .green-box ul ul li:hover {}

.small li {}

.left-photo {float: left; margin-right: 15px; margin-bottom: 10px; width: 300px;}
.align-top td {vertical-align: top;}

.ui-photo { border: 2px solid #002b45; }

.team-strip p {position: relative; }
.team-strip img {display: block; width: 300px; }
.team-strip .cover-ie {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.team-strip .team-member { padding: 10px 0; }

/* IE8 Fixes */
.team-strip .cover-ie {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)\0/; background: none\0/; }
@media screen and (min-width:0\0) and (min-resolution:+72dpi) {  .team-strip .cover-ie { filter: none; background: rgba(0, 0, 0, 0.1);} }

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

.article-slideshow {text-align: center;}
.article-slideshow .slideshow {margin-bottom: 10px; width: 960px; height: 450px;}
.article-slideshow .slideshow > div {max-height: 450px; height: 100%; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.article-slideshow .slideshow img {max-height: 450px; width: auto !important; vertical-align: middle; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.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 .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;}

/* Sidebar */
.sidebar {background: #002d36; color: #fff; font-size: .8em;}
.sidebar a {color: #fff;}
.sidebar a:hover {text-decoration: none;}
.sidebar-header {color: #fff !important; background: #438d9e; text-align: center; padding: 5px 0;}
.sidebar-content {padding: 20px;}
.sidebar-img {margin: 0 !important;}
.sidebar-img img {display: block;}

.sidebar ul li {}
.sidebar ul ul li {}

  /* directory */
.padding-left { padding-left: 15px;}
.img-max { max-width: 100%; height: auto; text-align: center; }
.listing-box { margin-bottom: 20px !important; }
.listing-box.listing-featured { padding: 10px;  box-shadow: 0 0px 2px rgba(0,0,0,.5);  /*background: @color-secondary-4-light@; */}
.listing-box.listing-gold { padding: 10px; box-shadow: 0 0px 2px rgba(0,0,0,.5); background: #D4AF37; }
  
.ui-directory-search-category, .ui-directory-search-region {padding-left: 10px; font-family: 'Roboto Slab', serif;}
.ui-directory-search-all-category, .ui-directory-search-all-region {padding-left: 0; border-bottom: none !important;}
.ui-directory-input {margin-right: 5px;}

.directory-item { margin-bottom: 20px !important; }

.directory-list p {font-size: 1em !important;}

/*-------------- bottom footer --------------*/
.bg-footer { background: #002b45; background-size: cover; color: white; padding: 40px 0; text-align: center;}
.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; }

.footer-contact .category-header {margin-bottom: 0;}
.center-form {margin: 0 auto !important; float: none !important;}
.center-form h2 {text-align: center;}
.center-form .ui-form-cell-label {display: none;}
.center-form input[type="text"], .center-form textarea {/*border: 1px solid #002b45;*/ background: rgba(255, 255, 255, 0.75); color: #000; padding: 5px 10px; width: 100% !important;}
.center-form .ui-form-table textarea {height: 80px;}
.center-form ::-webkit-input-placeholder {color: #000; font-style: normal; font-family: 'Lora', serif;}
.center-form :-moz-placeholder {color: #000; font-style: normal; font-family: 'Lora', serif;}
.center-form ::-moz-placeholder {color: #000; font-style: normal; font-family: 'Lora', serif;}
.center-form :-ms-input-placeholder {color: #000; font-style: normal; font-family: 'Lora', serif;}
.center-form ::-ms-input-placeholder {color: #000; font-style: normal; font-family: 'Lora', serif;}
.center-form :placeholder-shown {color: #000; font-style: normal; font-family: 'Lora', serif;}

.footer-logo {width: 75%;}

.bottom-menu li {display: inline-block;}
.bottom-menu li:first-child {padding-left: 0;}

#signature { display: none; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: center; 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: .8em; font-family: 'Lora', serif; margin: 0 !important; text-transform: uppercase; font-weight: 300; text-align: center;}
 ::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: #002b45; 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; }  
  #topmenu > li > a.islast { } 

   #topmenu a { display: block; color:  #fff; border: solid 0px red; text-align: center; padding: 20px 12px;}
   #topmenu a:hover {text-decoration: none;}
   #topmenu a.selected { border-bottom: none;  color: #fff !important; REMbackground: #002b45; }
   #topmenu li:hover {REMbackground: #002b45;}
   
   /*#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 #002d36;}*/
   #topmenu a.hover { border-bottom: none; color: #fff !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: #002b45;  }
		#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: 10px 10px;
    display: inline-block;
    font-family: 'Lora', serif;
    background: #4ba000 url(/pub/photo/direction202.png) 99% 50% no-repeat;
	background-size: auto 20px;
	color: white !important;
	max-width: 375px;
	font-weight: 300;
	font-size: 1.3em;
	padding-right: 20px;
	width: 100%;
	text-shadow: 0px 1px #bbb;
	text-decoration: none !important;
}

input[type="button"], input[type="submit"], .buy {
	display: inline-block;
	border: none;
	height: 40px;
	line-height: 30px;
	background: #4ba000 url(/pub/photo/direction202.png) 99% 50% no-repeat;
	background-size: auto 20px;
	color: #fff;
	padding: 0 10px;
	font-family: 'Lato', sans-serif;	
	cursor: pointer;
	text-align: center;
	font-weight: 300;
	font-size: 1.3em;
	min-width: 150px;
}

.center-form input[type="submit"] {width: 100%;}

input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .button-buy:hover, .buy:hover, .btn:hover  {
	background: #3c8000 url(/pub/photo/direction202.png) 99% 50% no-repeat;
	background-size: auto 20px;
}

.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: 'Lora', serif; background-color: #4ba000;}
.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;}

.btn-blue {background: #80ceff;}
.btn-blue:hover {background: #1F4B5F;}

.btn-dark {background: #002b45;}
.btn-dark:hover {background: #1F4B5F;}

/*-------- text iput --------------*/
input[type="textbox"], input[type="text"], input[type="password"], select, textarea {
border: solid 1px #B1B1B1; padding: 5px 5px; font-family: 'Lora', 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: 50%; height: 100px;}
.ui-form-table input[type="text"] {width: 50%; }
.ui-form-table input[type="textbox"] {width: 450px; }

.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: 'Lora', serif; text-transform: capitalize; font-style: italic;}
:-moz-placeholder { color: #999; font-size: 1em; font-family: 'Lora', serif; text-transform: capitalize; font-style: italic;}
::-moz-placeholder { color: #999; font-size: 1em; font-family: 'Lora', serif; text-transform: capitalize; font-style: italic;}
:-ms-input-placeholder { color: #999; font-size: 1em; font-family: 'Lora', 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;}

/* pager */
.custompager { text-align: center; }
.custompager img { display: none; }
.custompager a { display: inline-block; background: #fff; border-radius: 50%; width: 15px; height:  15px; margin-right: 12px;}
.custompager a.activeSlide { background: #aaa; }

.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: #004f80 !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #004f80 !important; text-transform: uppercase; text-decoration: none !important;}
.readmore a:hover, .readmore:hover { color: #006eb3 !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: 'Lato', 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: 'Lora', 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: 'Lora', serif !important; font-size: 2em;}
.price-crossed { color: #777; font-family: 'Lora', 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; }

	h1 { text-align: center; } 
	
	.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);}
	
	#toplogo  { display: block;  z-index: 2; position: relative !important; top: 15px !important; left: 20px !important; margin-left: auto; margin-right: auto; height: auto !important; max-width: 300px !important; margin-bottom: 30px;} /* 175 x 48 */ 
	#topintro { position: static !important;  }
	#toptext {position: relative !important; bottom: -15px; top: auto !important;}
	#top-text {text-align: center; padding: 3px 0 !important;}
	#topsearch { display: none; }
	#topmenutext { display: block; position: relative !important; width: 100%; top: 0px !important; height: 50px; text-align: right;}
      #topmenutext table.mobilemenu{ position: absolute; right: 10px; height: 100%;}
	  #mobilemenu-grip { padding: 0 10px; }
	  #mobilemenu-drop-shadow { opacity: 0.5; background: #000;  position: absolute; top: 50px; width: 100%;} 
	  #mobilemenu-drop { display: none; position: absolute; top: 50px; width: auto; right: 0; 
		background: #1F4B5F; color: white; text-align: left; box-shadow: 0 8px 12px rgba(0,0,0,.5);
		overflow-y: auto; overflow-x: hidden; /* height will be set in javascript */
		}
	  #mobilemenu-drop a { color: white !important; }
	  #mobilemenu-drop a:hover { color: #fff !important; }
	  #mobilemenu-drop a.selected { color: #fff !important; }
	  #mobilemenu-drop ul { list-style-type: none; border: solid 0px red; margin: 0 !important;}
	  #mobilemenu-drop li { border: solid 0px red; margin: 0 !important; padding: 2px 15px; min-width: 200px; text-align: left;}
	  #mobilemenu-drop .ruler { border-bottom: solid 2px #002b45; height: 1px; padding-top: 10px; margin-bottom: 10px; }
	  
	  .main-home a.anchor {top: -143px;}
	  
	/* Slider Menu */  
	
	.bg-header #topmenu {display: none;}
	.bg-header .topmenu-mobile {display: none; padding-right: 0; text-align: left; text-transform: none; letter-spacing: 0; font-weight: normal; position: static; margin-bottom: 0; border-top: 1px solid #eaeaea; font-weight: 300;}
	.bg-header .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;}
	.bg-header .topmenu-mobile li ul {margin-bottom: 0; border-top: 1px solid #eaeaea; display: none;}
	.bg-header .topmenu-mobile li li a {padding-left: 25px;}
	.bg-header .topmenu-mobile li:not(:last-child) {border-bottom: 1px solid #eaeaea;}
	.bg-header .topmenu-mobile li a {color: #fff !important; display: block; padding: 0 10px;}
	.bg-header .topmenu-mobile li a:hover {color: #fff !important;}
	
	.bg-header .menu-toggle {display: block !important; position: absolute; top: 20px; left: 5px; color: #fff;}
	.bg-header .menu-toggle i {display: block !important; padding: 8px 9px; cursor: pointer;}
	
	.bg-header .menu-expand {position: absolute; right: 0; width: 48px; height: 46px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}
	.bg-header .menu-expand i {display: block; color: #fff; line-height: 46px;}
	.bg-header .menu-expand i:hover {color: #fff;}
	  
	/* 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  {display: none;position: static !important; padding: 10px;}
	.bg-menu  {padding: 10px; height: auto; position: static !important; margin-bottom: 0 !important;}
	
	.client-portal {display: none;}
	
	.bg-clear , .bg-blue-light {padding: 20px 10px !important;}
	.bg-clear.full-width {padding: 20px 0px !important;}
	.bg-blue.bg-strip {max-height: none;}
	.bg-photo-bot {padding: 20px 0 !important;}
	.bg-clear.no-padtop.no-padbot > .x-cell-container > .col-md-8 {padding: 0;}
	.article-wide {padding: 0 10px !important;}
	.add-pad {padding-top: 20px !important;}
	
	.bg-clear, .bg-img, .bg-blue.x-block {padding: 20px 10px !important;}
	
	.bg-slideshow { overflow: visible !important; }
	.slideshow-background {height: 200px;}
	
	.home-slideshow {}
	.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: 20px;}
	.slideshow-copy {position: static; background: #fff; font-size: initial; text-align: left; }
	.slideshow-copy-inner {height: auto !important; position: static !important; padding: 20px 5% 0;}
	.slideshow-copy-inner h1, .slideshow-copy-inner h2 {font-weight: 400; font-style: normal; text-shadow: none;}
	.slideshow-copy-inner h1 {color: #002b45; font-size: 2em; margin-bottom: 0;}
	.slideshow-copy-inner h2 {color: #002b45;}
	
	.home-blocks td {max-width: 320px; margin: 0 auto;}
	
	.services-block {padding: 20px 5%;}
	
	.no-padtop-sm {padding: 0 20px 20px !important;}
	.left-photo {float: none; margin-right: 0; width: 100%;}
	
	.testimonial-body {font-size: 1em;}
	
	/* 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.services-table { text-align: center; }
	table.elastic > tbody, .table tbody { display: block; width: 100%;}
	table.elastic > tbody > tr, .table > tbody > tr { display: block; width: 100%;}
	table.elastic > tbody > tr > td, .table > tbody > tr > 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 */
	.button-cta { display: block; margin-bottom: 10px; }
	.our-story { padding: 0; }
	.focus img { width: 100%; height: auto; }
	.testimonial-box { width: 100%; margin-bottom: 20px; float: none; box-sizing: border-box; -moz-box-sizing: border-box; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}
	
	.table-map img {max-width: 300px !important;}
	
	.white-strip {padding-left: 5%;}
	.dark-blue-strip {padding-left: 5%;}
	.strip-text-inner {width: 100%;}
	
	.quote-title {position: static; padding: 20px;}
	.quote-strip .quote-text {padding: 5%;}
	
	td.col-md-4 {margin-bottom: 20px !important;}
	.title-overlay {height: auto;}
	
	.gallery-browser.col-five-1 {margin-bottom: 20px !important;}
	.gallery-copy {background: rgba(0, 0, 0, 0.3); opacity: 1;}
	
	.slide-box-slider-container {overflow-x: scroll; padding: 0;}
	.slider-border-left, .slider-border-right {display: none;}
	
	.article-row { display: block; } 
	.article-row-reverse { display: block; }
	.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;}
	
	/*Team page*/
	
	.team-strip img { width: 100%; max-width: 100%; }
	.center-sm {text-align: center;}
	
	/* Popup */
	
	.grid-gallery-detail .grid-gallery-detail-inner {width: 100%; height: 300px;}
	.grid-gallery-detail .grid-gallery-detail-inner .grid-gallery-detail-photo {text-align: center;}
	.grid-gallery-detail .grid-gallery-detail-inner img {max-height: 200px; width: auto;}
	
	.grid-plan-detail .grid-plan-detail-inner {width: 100%; height: 400px;}
	.grid-plan-detail .grid-plan-detail-inner .grid-plan-detail-photo {max-height: 100px;}
	.grid-plan-detail .grid-plan-detail-inner .grid-plan-detail-photo .slideshow div {text-align: center;}
	.grid-plan-detail .grid-plan-detail-inner .grid-plan-detail-photo img {height: 200px !important; width: auto !important;}
	 
	
	/* form */
	.ui-form-table { width: 100%;}
	.ui-form-cell-input { width: 100%; }
	.ui-form-cell-input textarea { width: 100%; }
	input[type].form-control:not([type=submit]), .form-control select, .form-control textarea { width: 100%;}
	
	/* 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;}
	
	.bottom-menu { text-align: center; }
	.bottom-menu li {display: list-item; padding-left: 0 !important;}
	
	#signature {padding: 0;}
}

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