@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Grand+Hotel);
@import url(https://fonts.googleapis.com/css?family=Vast+Shadow);

.label_skin_corporation {font-size:1em;}
.label_skin_corporation a {text-decoration:underline !important;}
.label_skin_corporation a:hover {text-decoration:none !important;}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */



/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


/*----- FONTS -----

    font-family: 'montserratblack';
    font-family: 'montserratbold';
    font-family: 'montserratlight';
    font-family: 'montserratregular';

*/

/*============================== START TEMPLATE ==============================*/

a, a:hover {
  color: #333333;
  text-decoration: none;
}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    background-color:#fff;
   color: #000;
}

#skip a:focus {
    left: auto;
    position: static;
    width: auto;
    height: auto;
    background-color:#fff;
 color: #000;
}

#content-wrapper #title_tag {
    text-indent: -9999px;
    font-size: 0;
    padding: 0;
    margin: 0;
}

.clear { clear: both; }
.row:after { content: ''; display: block; clear: both; }
.inside-padding { max-width: 1350px; margin: 0px auto; padding: 10px; }
.w-33 { width: 33.333334%; float: left; }
.w-66 { width: 66.666667%; float: left; }

strong, em {
 font-weight: 700;
}

a.sizeable {
  color: #2e2e2e;
 font-weight: 700;
}

a.sizeable:hover {
  /*opacity: 0.8;*/
}

p {
  line-height: 27px;
}

.row .ptl_portlet_vertical { overflow: visible; overflow-x: visible; }

.row > .inside-padding {
 padding: 10px 50px 10px 50px;
}

body {
 background: #E2DCCB;
font-family: 'Roboto Slab', serif;
 font-size: 15px;
 line-height: normal;
 font-weight: 400;
 color: #080808;
 -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Roboto Slab', serif;
 margin: 15px 0px 15px 0px;
}

h2 { font-size: 28px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }


.w-33 { width: 33.333334%; float: left; }
.w-66 { width: 66.666667%; float: left; }

.w-25 { width: 25%; float: left; }
.w-30 { width: 30%; float: left; }
.w-33 { width: 33.33334%; float: left; }
.w-34 { width: 34%; float: left; }
.w-38 { width: 38%; float: left; }
.w-40 { width: 40%; float: left; }
.w-45 { width: 45%; float: left; }
.w-50 { width: 50%; float: left; }
.w-60 { width: 60%; float: left; }
.w-62 { width: 62%; float: left; }
.w-66whole { width: 66%; float: left; }
.w-66 { width: 66.66667%; float: left; }
.w-70 { width: 70%; float: left; }

a.btn { font-size: 18px; padding: 10px; display: inline-block; text-decoration: none; border-radius: 5px; background: #b55d38; color: #ffffff; transition: all .2s ease-in-out; text-align: center; }
a.btn:hover { opacity: 0.7; }





ul.sizeable li, ol.sizeable li {
 margin-bottom: 5px;
}

.img-fl{
    margin-right: 10px;
}

.img-fr{
    margin-left: 10px;
}

.hascaption {
    border: 2px solid #577B20;
    border-radius: 3px;
    padding: 4px;
    background: #6c9134;
    display: inline-block;
}

.caption-holder {
    color: #ffffff;
    text-align: center;
    padding: 5px;
    font-size: 13px;
    line-height: 1;
    font-family: 'montserratregular';
}

.tbl {
  border: none;
}

div.tbl div.tbl_header {
  background: #6c9134;
  border: none;
  color: #ffffff;
  padding: 10px;
  text-transform: none;
  font-size: 17px;
  letter-spacing: .8px;
}

.form-label {
  font-size: 17px;
  margin: 15px 0px 5px;
}

input {
  max-width: 300px;
  padding: 2%;
  font-size: 15px;
  margin: 0px;
  width: 94%;
  border: 1px solid #DADADA;
  border-radius: 3px;
}

div[id*="divEdit"] input {
    width: auto;
    margin-right: 5px;
}

.grid_row input, .grid_row_alt input {
  width: auto;
}

textarea {
  min-width: 300px;
  padding: 2%;
  font-size: 15px;
  margin: 0px;
  width: 94%;
  height: 100%;
  max-width: 94%;
  border: 1px solid #DADADA;
  border-radius: 3px;
}

input[type="submit"] {
  width: auto;
  padding: 15px;
  border: none;
  font-size: 15px;
  letter-spacing: 0.7px;
  background: #6c9134;
  color: #ffffff;
-webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

input[type="submit"]:hover {
 background: #88be3b;
}

input[type="image"] {
  width: auto;
  height: auto;
  padding: 0px;
  border: none;
}

blockquote {
  border-left: 5px solid #6c9134;
  padding-left: 10px;
}


.sec-header h2,
.sec-header h3 {
 font-size: 24px;
 position:relative;
 font-weight: 500;
color: #666666;
margin: 0px;
letter-spacing: 0.02em
}



#content-bottom {
    position: relative;
}

#content-bottom .triangleOne, #content-bottom .triangleTwo {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: -70px;
}

#content-bottom .triangleOne {
    right: 50%;
    border-color: transparent transparent #E2DCCB transparent;
border-width: 0px 0px 70px 100vh;
border-width: 0px 0px 70px 1600px;
z-index: 40;
}

#content-bottom .triangleTwo {
    left: 50%;
    border-color: transparent transparent transparent #E2DCCB;
border-width: 70px 0px 0px 100vh;
border-width: 70px 0px 0px 1600px;
z-index: 40;
}




#eventsRow > .inside-padding {
 background: #3b3a3a;
 padding: 0px;
 position: relative;
}


#events > .inside-padding > .w-60 {
    width: 55%;
    margin-right: 5%;
}


#news > .inside-padding > .w-60 {
    width: 55%;
    margin-left: 5%;
}

#map {
    border-top: 2px solid #B7704F;
    margin-top: 100px;
}



#eventsRow > .inside-padding > div {
 position: relative;
 z-index: 2;
}


#main-slider {
 position: relative;
}



.news-heading {
 text-align: center;
}

.news-heading h3 {
 font-size: 50px;
 border-bottom: 5px solid #7da93e;
 padding-bottom: 10px;
 margin: 40px 10px 10px;
}

.news-heading p {
 width: 60%;
 margin: 0px auto;
 color: #575757;
}

#newsControls .flex-control-nav {
 display: none;
}

#events {
    padding-top: 20px;
}

#news {
    padding-top: 50px;
}


.menuLogo {
 position: relative;
 width: 70px;
 padding: 5px;
 height: 45px;
 overflow: hidden;
 transition: all .4s ease-in-out;
 margin-left: 8px;
 float: left;
 z-index: 20;
 background-color: #AB553A;
}

a.menuLogo:hover {
   background-color: #B7704F;
    -webkit-transition: background .4s ease-out;
  -moz-transition: background .4s ease-out;
  -o-transition: background .4s ease-out;
  transition: background .4s ease-out;
opacity: 1;
    
}




.inner-bar {
    max-width: 1300px;
    margin: 0 auto;
}

.menuLogo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
















/*-- Footer --*/

#footer {
 background: #000;
 color: #ffffff;
padding-top: 30px;
padding-bottom: 20px;
}

#footer > .inside-padding {
 padding: 10px 50px 10px 50px;
}

#footer-left {
 float: left;
 width: 66.666667%;
}

.footer-logo {
    width: 12%;
    float: left;
}

.footer-address {
    width: 80%;
    float: left;
}

#footer-right {
 float: left;
 width: 33.333334%;
margin-top: -20px;
}


.footer-links ul a.btn {
    padding: 12px 0px;
    width: 100%;
    color: #FFF;
    line-height: 20px;
 margin-top: 30px;

}


#footer-right .footer-links {
    float: right;
    width: 70%;
    margin: 0px;
    padding: 0px 1% 0px 0px;
    list-style: none;
}

#footer-right .footer-links ul {
    width: 100%;
}


.footer-links ul {
 float: left;
 width: 48%;
 margin: 0px;
 padding: 0px 1% 0px 0px;
 list-style: none;
}

ul#social-department li a:hover {
    border: none;
    opacity: 0.7;
}

.footer-links ul a {
 padding: 7px 0px 7px 0px;
 display: block;
 color: #A9A9A9;
 text-decoration: none;
 line-height: 0px;
 position: relative;
 transition: all .2s ease-in-out;
}


.footer-links ul li {
 padding: 7px 0px 3px 0px;
 display: block;
 color: #A9A9A9;
 text-decoration: none;
 line-height: 5px;
 position: relative;
 transition: all .2s ease-in-out;
}



#footer h2 {
  font-size: 41px;
  margin: 0px;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
}

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

#footer .copy {
 margin-top: 20px;
}

#footer .copy p {
 margin: 0px;
 font-size: 14px;
 line-height: 17px;
}

#footer .copy a {
 color: #ffffff;
 text-decoration: none;
}

#footer .copy a:hover {
 text-decoration: underline;
}


/*-- SUBPPAGE --*/

/*.subpage #content > .row > .inside-padding {
 overflow: hidden;
}*/

.subpage .sidebar {
 float: left;
 width: 25%;
 position: relative;
 min-height: 10px;
}




span.stButton {
    display: none !important;
}


.stButton .stLarge {
    display: none;
}

.crm_gridview_table .header {
    background-color: #b7704f;
    border: none;
    color: #FFF;
}

.crm_gridview_table {
    border: none;
}

.grid_header, tr.grid_header td, tr.grid_header th {
    border: none;
    padding: 10px;
}


tr.grid_row td a {
    text-decoration: none;
}

tr.grid_pager {
    background: #f2f2f2;
}

.grid_pager span {
    background: #b7704f;
    color: #fff;
}

tr.grid_row_alt {
    background: #f2f2f2;
}




/*subpageContent img {
    margin: 15px;
}*/


.subpage #sub-content-left #sidebar .cover {
 background: #F2F2F2;
 display: block;
 width: 0px;
 height: 0px;
 position: absolute;
 top: -10px;
 right: 0px;
 z-index: -1;
}



.subpage .sidebar .cover {
 background: #B7704F;
 display: block;
 width: 0px;
 height: 0px;
 position: absolute;
 top: -10px;
 right: 0px;
 z-index: 1;
}

.subpage .sidebar #nav {
 position: relative;
 z-index: 2;
 padding-right: 20px;
padding-top: 20px;
}

.subpage .main-content {
 float: left;
 width: 75%;
 min-height: 500px;
}

.subpage.fullWidth .main-content { width: 100%; }

.subpage .main-content > .inside-padding {
 padding: 40px 10px 10px 30px;
}

.subpage.fullWidth .main-content > .inside-padding {
 padding: 10px 10px 10px 10px;
}

h3.page-title {
 font-size: 45px;
 margin: 0px;
 font-weight: normal;
 padding-bottom: 10px;
 margin-bottom: 15px;
 line-height: 50px;
color: #9c5838;
}

.subpage-bottom {
 opacity: 0;
 transition: all .2s ease-in-out;
padding: 10px;
background-color: #D6CFBB;
}


ul#social-department li {
    display: inline-block;
    letter-spacing: 1px;
    margin: 10px auto;
    text-align:center;
padding: 4px;
margin: 5px;
}

ul#social-department li a {
    padding: 0px;
}




ul#social-department li a span {
    font-size: 24px;
    color: #E2DCCB;
    padding: 7px;
    text-align:center;
}

ul#social-department {
    margin: 0 auto;
    padding: 0px;
width: 100%;
}



ul#social-department li.icn.facebook {
    background-color: #507BBC;
    border-radius: 20px;
    text-align: center;
     width: 36px;
}

 ul#social-department li.icn.instagram {
    background-color: #3F729B;
    border-radius: 50px;
}

 ul#social-department li.icn.twitter {
    background-color: #005cc6;
    border-radius: 50px;
}

 ul#social-department li.icn.youtube {
    background-color: #a61310;
    border-radius: 50px;
}




.nivo-directionNav { display: none; }

.departmentPage .main-content .box {
 padding: 0px 0px 85px 0px;
}

.departmentPage .w-70 { width: 70%; float: left; }

.departmentPage .w-30 { width: 30%; float: left; }

.departmentPage .w-70 .inside {
 padding: 20px 20px 20px 0px;
}


.departmentPage .inside.subpageLogo {

 padding: 10px;
 margin-top: 20px;
 background-color: #55413A;
 color: #FFF;
    
}


.subpageLogo h4 {
    color: #E2DCCB;
}

.departmentPage .row .subpageLogo a {
    color: #B7704F;
}


.departmentPage .main-content .box {
 padding: 0px 0px 85px 0px;
}

.departmentPage .w-30 .inside {
  margin-top: 20px;
}



#breadcrumbs {
 float: left;
 width: 70%;
}

#breadcrumbs > div {
 margin-top: 6px;
}

#breadcrumbs span#spanBreadcrumbPageId { font-weight: 700; color: #000; letter-spacing: 0.5px;  }

#breadcrumbs a {
 color: #171717;
 text-decoration: none;
}

#breadcrumbs a:hover {
 opacity: 0.8;
 text-decoration: underline;
}

.sb-r {
 width: 30%;
 float: left;
}

.sb-r ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 text-align: right;
 display: inline;
 float: right;
}

.sb-r ul li {
 display: inline-block;
}

.sb-r ul li a {
 color: #55413A;
 margin-left: 10px;
 cursor: pointer;
}

a#fs-plus span, a#fs-minus span {
  background: ;
  display: inline-block;
  padding: 5px 0px;
  font-size: 23px;
  font-family: arial;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #55413A;
  font-weight: 700;
}

a#fs-plus:hover span, a#fs-minus:hover span {
}

.sb-r ul li .fa {
 font-size: 27px;
 position: relative;
 top: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sb-r ul li .fa.fa-share-square-o {
 top: 7px;
 cursor: pointer;
}

.sb-r ul li a:hover .fa {
 opacity: 0.8;
}

.sharePanel {
 position: absolute;
 top: -76px;
 left: 50%;
 margin-left: -117px;
 display: none;
 padding-bottom: 20px;
}

.sharePanel .inside {
 background: #3b3a3a;
 border: 2px solid #2b2b2b;
 border-radius: 5px;
 padding: 4px 5px 5px 5px;
 width: 220px;
 height: 49px;
 color: #ffffff;
}

.sharePanel .inside .share-icn {
 display: inline;
 width: 50%;
 float: left;
 text-align: center;
 line-height: 30px;
 line-height: 21px;
 font-size: 12px;
 cursor: pointer;
 width: 55px;
 font-family: 'Montserrat', sans-serif;
}

.sharePanel .inside .share-icn:hover {
 opacity: 0.8;
}

.sharePanel:after {
 content: '';
 display: block;
 position: absolute;
 bottom: 8px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 12px 10px 0 10px;
 border-color: #2b2b2b transparent transparent transparent;
 left: 50%;
 margin-left: -10px;
}

.sb-r ul li .fa.fa-share-square-o:hover .sharePanel {
 display: block
}

.sharePanel .fa {
  display: block;
}












@-webkit-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}


.subHero {
 height: 280px;
 background-size: cover;
 background-position: center;
 position: relative;
 opacity: 0;
 padding-top: 50px;
}

.subHero.visible {
 opacity: 1;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
}



.subHero h2 {
 font-family: "Book Antiqua", "Palatino Linotype", Palatino, serif;
 font-style: italic;
 font-size: 60px;
 margin: 0px;
 text-shadow: 3px 3px 1px #333333;
}

.sidenav li {
 display: block;
 clear: both;
}

.sidenav a {
 color: #2e2e2e;
 text-decoration: none;
 font-size: 15px;
 display: block;
 font-family: 'Montserrat', sans-serif;
 font-weight: 400;
 position: relative;
 line-height: 17px;
}

ul.sidenav {
 list-style: none;
 margin: 0px;
 padding: 20px 10px 10px 0px;
}

.sidenav .fa-circle:before {
 font-size: 10px !important;
 color: #a8c67f;
 margin-right: 4px;
 top: 50%;
 transition: all .2s ease-in-out;
 font: normal normal normal 14px/1 FontAwesome;
 position: absolute;
 left: -17px;
 margin-top: -5px;
}

.sidenav .level1 a {
 font-weight: 700;
 margin-top: 0px;
 display: inline;
}

.sidenav .level2 a {
 margin-left: 20px;
}

.sidenav .level2 a span, .sidenav .level3 a span {
 transition: all .2s ease-in-out;
 display: inline-block;
}

.sidenav .level2 a:hover span, .sidenav .level3 a:hover span {
 margin-left: 9px;
}

.waterWidget img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}


/*-- GOOGLE CUSTOM SEARCH --*/

/*--BAR--*/

#search form.gsc-search-box {
  font-size: 15px;
  margin: 0px;
}

#search table.gsc-search-box {
  border: none;
  margin: 0px;
  position: relative;
}

#search .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0px;
}

#search .gsc-input-box {
  border: none;
  height: auto;
  background: transparent;
}

#search .gsib_a {
  padding: 0px;
}

#search td#gs_tti50 input {
  height: auto !important;
  margin: 0px !important;
  background: #ffffff !important;
}

#search .gsst_b {
  padding: 0px;
  font-size: 15px;
}

/*--BUTTON--*/

#search td.gsc-search-button {
  width: auto;
  position: absolute;
  top: 0px;
  right: 0px;
}

#search input.gsc-search-button, #search input.gsc-search-button:hover, #search input.gsc-search-button:focus {
  background: transparent;
  border: none;
  width: auto;
  height: auto;
  padding: 3px;
  min-width: inherit;
  margin: 0px;
}

/*--SIERRA STYLES--*/

#search {
 position: relative;
 max-width: 1100px;
 margin: 0px auto;
}

#search > #___gcse_0 {
  width: 300px;
  position: absolute;
  right: 0px;
  top: 40px;
}

#search.gsib_b {
 display: none !important;
}

body #search td#gs_tti50 input {
  padding: 6px 30px 6px 6px !important;
  font-weight: 400
  font-size: 14px;
  color: #2e2e2e;
  letter-spacing: .5px;
  -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body #search td#gs_tti50 input.watermark {
  color: #888888;
}

.gsst_a {
 display: none !important;
}

.search-results-page-box input.gsc-search-button, .search-results-page-box input.gsc-search-button:hover, .search-results-page-box input.gsc-search-button:focus {
  background: none;
  border: none;
  padding: 0px;
  margin: 0px;
  width: auto;
  height: auto;
  min-width: inherit;
}


/*-------- END GOOGLE SEARCH --------*/






#mobile-bar {
 display: none;
 line-height: 75px;
 font-weight: 700;
 color: #ffffff;
 font-size: 21px;
 text-decoration: none;
 text-align: center;
}

@media screen and (max-width: 950px) {
 .RadMenu_PageControls, #divMenuOffset {
  display: none;
 }

.CMS_adminBar, .CMS_DragDropWrapper {
    display: none;
}

}

@media screen and (max-width: 1270px) {

 #search > #___gcse_0 { right: 30px; }

}

@media screen and (max-width: 1190px) {

 #eventsRow .w-33, #eventsRow .w-66 { width: 50%; }

 .upcomingEvents .date { font-size: 15px; width: 20%; }
 .upcomingEvents .info { font-size: 15px; width: 80%; }

 .eventsBottom .viewAll { float: left; margin: 4px 0px 0px 5px; }
 .eventsControls a { font-size: 29px; }

}

@media screen and (max-width: 1050px) {

 #footer-left { width: 55%; }
 #footer-right { width: 45%; }

}

@media screen and (max-width: 1000px) {

 .row > .inside-padding { padding: 10px 20px 10px 20px; }

 #eventsRow > .inside-padding { margin: 0px 10px 0px 10px !important; }

}

@media screen and (max-width: 950px) {

 #menubar { position: relative; }

 #menubar .menuOffset { display: none; }

 #mobile-bar { display: block; line-height: 60px; }

ul.nav-menu {
    display: none;
}

.mobileMenuButton {
    display: block;
}

 .menuLogo { display: block; height: 52px; }

 #breadcrumbs { float: left; width: 60%; }

 .sb-r { width: 40%; float: left; }

 .mm-opening #quickLinks, .mm-background #quickLinks { position: absolute; }

 .subHero { padding-top: 0px; }
 .quick-links ul { display: none;
 }

}


@media screen and (max-width: 1100px) {

.footer-logo {  width: 100%;   float: left;
}


ul#tabs{margin-top: 0px;}

#quick-links ul li { width: 50%; }

 #eventsRow .w-33, #eventsRow .w-66 { width: 100%; float: none; }

#news > .inside-padding > .w-60 { width: 100%;   float: none; margin-left: 0%; }
#events > .inside-padding > .w-60 { width: 100%; margin-right: 0%; float: none;}

 .quick-links ul { display: none; }


 .mobile-quick-links { display: block; width: 100%; }

 .quickOpen #quick-links ul {
  display: block;
  width: 100%;
  height: auto !important;
  top: 0px !important;
  background: transparent;
 }

#socialMedia{display: none;}



 #eventsRow .w-66 { padding-top: 1px; }

 .upcomingEvents .date { font-size: 15px; width: 30%; }
 .upcomingEvents .info { font-size: 15px; width: 70%; }

 #footer-left, #footer-right { width: 100%; float: none; }
#footer > .inside-padding { text-align: center; }
.footer-address { width: 100%;  float: none; }
#footer-right { text-align: center; }

.footer-links ul a {
    line-height: 21px;
    padding: 0px;
}

 .w-30, .w-33, .w-34, .w-38, .w-40, .w-50, .w-62, .w-66whole, .w-66, .w-70 { width: 100%; float: none; margin-bottom: 30px; }
 .w-25 { width: 50%; }

.w-70 > #events {
   width: 100%;
    margin-bottom: 20px;
}

.departmentPage .w-70 {
width: 100%;
float: none;
}

.departmentPage .w-30 {
width: 100%;
float: none;
}

#footer-right .footer-links {
float: none;
text-align: center;
width: 100%;
}

.w-60 { width: 100%;  float: none; }


}



@media screen and (max-width: 960px) {

.footer-logo {  width: 100%;   float: left;
}

#news {
    padding-top: 0px;
}



a#events-button {
width: 93%;
}


ul#tabs{margin-top: 0px;}

#quick-links ul li { width: 50%; }

 #eventsRow .w-33, #eventsRow .w-66 { width: 100%; float: none; }

#news > .inside-padding > .w-60 { width: 100%;   float: none; margin-left: 0%; }
#events > .inside-padding > .w-60 { width: 100%; margin-right: 0%; float: none;}


 .mobile-quick-links { display: block; width: 100%; }

 .quickOpen #quick-links ul {
  display: block;
  width: 100%;
  height: auto !important;
  top: 0px !important;
  background: transparent;
 }

#socialMedia{display: none;}



 #eventsRow .w-66 { padding-top: 1px; }

 .upcomingEvents .date { font-size: 15px; width: 30%; }
 .upcomingEvents .info { font-size: 15px; width: 70%; }

 #footer-left, #footer-right { width: 100%; float: none; }

 .w-30, .w-33, .w-34, .w-38, .w-40, .w-50, .w-62, .w-66whole, .w-66, .w-70 { width: 100%; float: none; margin-bottom: 30px; }
 .w-25 { width: 50%; }

.w-70 > #events {
   width: 100%;
    margin-bottom: 20px;
}

.departmentPage .w-70 {
width: 100%;
float: none;
}

.departmentPage .w-30 {
width: 100%;
float: none;
}

#footer-right .footer-links {
float: none;
}

.w-60 { width: 100%;  float: none; }

#content-bottom .triangleOne, #content-bottom .triangleTwo {
    display: none;
}




}

@media screen and (max-width: 860px) {

 .subpage .row > .inside-padding { padding: 0px; }

 .subpage .sidebar { width: 100%; float: none; }
 .subpage .sidebar .cover { display: none; }
 .subpage .sidebar #nav { padding-right: 0px; background-color:#B7704F; color: #FFF; margin: 0px; padding-top: 0px;  }
 .weather-wrapper { display: none; }

 .subpage .main-content { width: 100%; float: none; min-height: initial;  }
 .subpage .main-content > .inside-padding { padding: 10px; }

 .subHero { height: auto; padding: 10px; min-height: 150px; }

 .subHero .box { display: none; }

 .subHero .box { position: static; }

 .subHero .logo { float: none; width: 100%; text-align: center; }

 .subHero .logo img { max-width: 200px; }

 .hero { height: auto !important; padding: 10px; }

 .hero .box { position: static; margin: 0px !important; }

#fun-facts-wrapper { display: none;}

 .hero .box .inside { text-align: center; padding: 15px !important; }

 .hero .logo { width: 100%; position: static !important; }

 .hero .info { width: 100%; position: static !important; }

 .sidenav .level2 { display: none; }

 .level2.show { display: block; }

 #search { margin: 25px auto 25px auto; }

 #search > #___gcse_0 { position: static; width: 100%; }

 body #search td#gs_tti50 input { padding: 15px 30px 16px 15px !important; max-width: 100%; }

 #search input.gsc-search-button, #search input.gsc-search-button:hover, #search input.gsc-search-button:focus { padding: 13px 6px 8px 6px; }

 .waterWidget { display: none; }

}


@media screen and (max-width: 640px) {

 #theme { padding-left: 0px !important; }

 #footer { margin-left: 0px !important; }

 #footer > .inside-padding { padding: 10px 10px 10px 10px; }

 .news-heading p { width: 100%; }

 #quickLinks { width: auto; }

 #quickLinks:before { display: none; }

#fun-facts-wrapper {
    display: none;
}

.flexslider .box {
    display: none;
}

h3.page-title {
    display: none;
}


#content-bottom .triangleOne, #content-bottom .triangleTwo {
    display: none;
}

 #quickLinks ul {
  display: none;
 }

#quickLinks .quick-links {
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 3010;
  background: #6c9134;
  width: 100%;
  height: 50px;
  overflow: hidden;
  backface-visibility: hidden;
}

.quickOpen #quickLinks .quick-links {
 display: block;
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background: #6c9134;
 background: rgba(108, 145, 52, 0.95);
}

.quickOpen #quickLinks {
    z-index: 3010;
}

.quickOpen #quickLinks li {
    width: 50%;
    display: inline-block;
}

 .quickOpen #quickLinks ul {
  display: block;
 }

 .hero span { margin-bottom: 0px; }

 #breadcrumbs, .sb-r { float: none; width: 100%; }

 .sb-r { margin-top: 20px; }

 .sb-r ul { float: none; }

 .sb-r ul li a { margin: 0px 10px 0px 0px; }

 .sb-r .share { margin-right: 10px; }

 .mm-opened #quickLinks, .mm-opening #quickLinks { display: none; }


}



@media screen and (max-height: 840px) {

 .menuOffset { padding: 0px !important; }

 #theme { padding-left: 0px !important; }

 #footer { margin-left: 0px !important; }

 #footer > .inside-padding { padding: 10px 10px 10px 10px; }

 #quickLinks { width: auto; }
.footer-links ul a { line-height: 3px;}

 #quickLinks:before { display: none; }

 #quickLinks ul {
  display: none;

<!--.footer-links ul { width: 100% !important; }-- >


 }

#quickLinks .quick-links {
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 3010;
  background: #6c9134;
  width: 100%;
  height: 50px;
  overflow: hidden;
}

.quickOpen #quickLinks .quick-links {
 display: block;
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background: #6c9134;
}

.quickOpen #quickLinks {
    z-index: 3010;
}

.quickOpen #quickLinks li {
    width: 20%;
    display: inline-block;
}

 .quickOpen #quickLinks ul {
  display: block;
 }

.mm-opening #quickLinks .quick-links, .mm-background #quickLinks .quick-links {
  position: absolute;
}

}

@media screen and (max-height: 750px) and (max-width: 640px) {

.quickOpen #quickLinks li {
    width: 50%;
    display: inline-block;
}

}




span.qu-text {
 font-weight: 400;
 font-size: 18px;
}

.mobile-quick-links {
 color: #ffffff;
 text-align: center;
 font-weight: 700;
 text-transform: uppercase;
 line-height: 50px;
 font-size: 20px;
 cursor: pointer;
}

.mobile-quick-links span.qbText {
 display: inline;
}

.mobile-quick-links span.fa {
 display: inline-block;
 font-size: 35px;
 position: relative;
 top: 4px;
 margin-left: 5px;
 font-weight: normal;
}

.quickOpen .mobile-quick-links span.fa:before {
 content: "\f00d";
 font-size: 25px;
 top: -3px;
 position: relative;
}

.mobile-quick-links span em {
 display: none;
}

.mobile-quick-links .qu-text span {
 display: inline;
 font-weight: 700;
}




.subpageContent {
  margin-top: 20px;
  padding-bottom: 30px;
}


.media img {
 max-width: 50%;
 margin: 0px 15px 0px 0px;
}


.posd-color {
  width: 80px;
  height: 80px;
  display: inline-block;
}

.bg-purple {
  background: #171b4a;
}

.bg-green {
  background: #6c9134;
}

.megamenu .level1:hover .second-level-list,
.megamenu .level1:hover .second-level-list, 
.megamenu .level1:hover .second-level-list,
.megamenu .level1:hover .second-level-list,
.megamenu .level1:hover .second-level-list {
    display: block;
}

.form-wrapper input[type="checkbox"], input[type="radio"] {
  float: left;
  width: auto;
  margin: 10px;
}

.tbl_row_data input[type="radio"] {
 float: none;
}

.tbl_row_data input[type="checkbox"] {
 float: none;
 width: auto;
}

a#ctl00_lnkMyProfile {
  width: auto;
  padding: 10px 15px 10px 15px;
  border: none;
  font-size: 15px;
  letter-spacing: 0.7px;
  background: #6c9134;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  border-radius: 3px;
  margin-top: 10px;
  font-weight: 700;
}

a#ctl00_lnkMyProfile:hover {
  background: #88be3b;
  text-decoration: none !important;
}

.form-wrapper .row {
  margin-bottom: 10px;
}

.form-wrapper textarea {
  margin-top: 10px;
}

.form-wrapper input {
  margin-left: 10px;
}

.form-wrapper input[type="radio"] {
  float: none;
}

.form-wrapper span {
  width: 30%;
  display: inline-block;
  text-align: right;
}

@media screen and (max-width: 950px) {

.form-wrapper span {
  width: 100%;
  display: block;
  text-align: left;
}

.form-wrapper input {
  margin-left: 0px;
  margin-top: 10px;
}

}


.subpage .grid_row td, .grid_row_alt td {
 white-space: normal !important;
 width: auto !important;
padding: 10px;
text-decoration: none;
}

.subpage .search_bar, table.search_bar td {
 white-space: normal !important;
} 



.tableWrapper label { display: none; }

@media screen and (max-width: 650px) {
.newscontent:after { display: none; }
.tableWrapper { overflow: auto; }
.tableWrapper label { display: block; }

}



/*-- Fix Default Layouts --*/

/*-- One Col 100% --*/
.ptl_col_1 { width: 98%; padding: 1%; }

/*-- Two Col 50% --*/
.ptl_col_1_2 { width: 48%; padding: 1%; }

/*-- Two Coll 25% / 65% --*/
.ptl_col_1_4 { width: 23%; padding: 1%; }
.ptl_col_3_4 { width: 63%; padding: 1%; }

/*-- Two Coll 66% / 33% --*/
.ptl_col_2_3 {width: 60%; padding: 1%;}
.ptl_col_1_3 {width: 31%; padding: 1%;}


@media screen and (max-width: 750px) {
.ptl_col_1_4 { width: 100%; padding: 0%; }
.ptl_col_3_4 { width: 100%; padding: 0%; }
}


@media screen and (max-width: 580px) {
 .ptl_col_1 { width: 100%; padding: 0%; }

 .ptl_col_1_2 { width: 100%; padding: 0%; }

 .ptl_col_2_3 { width: 100%; padding: 0%; }
 .ptl_col_1_3 { width: 100%; padding: 0%; }
}

.designMode .subpageContent img{
  margin: 0px;
}

.offScreen {
    position: fixed;
    top: -10000px;
    left: -10000px;
}

@media screen and (max-width: 425px){


.footer-links ul { width: 100% !important; }
}
span[id$='lblColor'], span[id$='lblIcon'], div[id$='cpEvent_label'], a[id$='hplIcon'] {
display:none!important;
}

.subpage .sidebar .cover {
    z-index: 0; 
}
.footer-links ul a.btn {
    margin-top: 0px; 
}



div.retail {
    display: none!important;
}
.sidenav .level3 a span.fa {
    display: none;
}

li.level3 {
    margin-left: 20px;
}









.newsItem .image .inside img {
    width: 100%;
    max-height: 210px;
    min-height: 210px;
}

.newsItem .newsContent {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    background: #AD5C37;
    color: #fff;
}

.newsItem .image {
    position: relative;
}

div#RSSLink{display: none}

#homeNewsWrapper .slick-slide,  a.newsItem {
    margin: 10px;
}

.news-title-container {
    display: none;
}

#main-slider .slides .image {
    max-height: 445px;
    height: 445px;
}

#community-title{margin-bottom: 35px}

.carousel-caption{width: 90%}

ul#tabs, div#events-title h2{margin-top:0}

 a#events-button{width: 100%; margin: 0;}



div#news-wrapper {
    display: flex;
    justify-content: space-between;
   align-items: center;
}

.newsControls .slick-arrow {
    color: #3333;
    display: block;
    width: 30px !important;
    height: 30px !important;
    font-size: 0 !important;
    position: relative !important;
    opacity: 1 !important;
}

.newsControls {position: relative;display: flex;}

.newsControls .slick-prev:before {
    content: "\f104";
    color: #000;
    font-family: "FontAwesome", sans-serif;
    font-size: 35px !important;
}

.newsControls .slick-next:before {
    content: "\f105";
    color: #000;
    font-family: "FontAwesome", sans-serif;
    font-size: 35px !important;
}

button.slick-prev.slick-arrow {
    font-size: 0 !important;
}

.eventsControls .flex-nav-next {

    margin: 0 25px;
}

div#events-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.goog-te-gadget img {
    display: none;
}

a.goog-logo-link {
    display: none;
}

.skiptranslate.goog-te-gadget {
    font-size: 0;
}

.goog-te-gadget .goog-te-combo {
    margin: 0 10px !important;
    padding: 5px 10px !important;
    margin-top: -5px !important;
    background: #e2dccb !important;
}

@media screen and (max-width: 1100px)
{
div#placeholder-CMS_admin_ToolBar, .mobileMenuButton{display: none}

#menubar .mobile-nav-items{top: 150%}

#menubar {
    margin-bottom: 60px;
}
}

/* Megamenu Hover fix */
.megamenu .level2 > a {
    border-bottom: solid 2px transparent;
}

.megamenu .level3 a {
    border-bottom: solid 1px transparent;
}


@media screen and (max-width: 960px) {
    #menubar .inner-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
}

a.menuLogo {
    display: flex;
    width: 250px;
    background: none;
    padding: 0;
    height: auto;
    align-items: center;
}

a.menuLogo > img:first-child {
    background: #ac5c37;
    padding: 7px 5px;
    width: 70px;
}

a.menuLogo > img:last-child {
    height: 45px;
    padding-left: 10px;
}

@media screen and (max-width: 960px) {
.skiptranslate.goog-te-gadget {
    font-size: 0;
    display: flex;
    justify-content: center;
    padding: 20px 10px;
}
#google_translate_element {
 width: 100%;
}
#menubar .mobile-nav-items {
    top: 177px;
}

div#searchBox {
    width: 100%;
    max-width: 360px;
    margin: 10px auto;
}
#searchBox td.gsc-search-button {
    padding: 2px 9px;
    top: 2px;
}
#menubar #mobileNav {
 display: flex;
}
}

#news-summary .row .image {
    height: 180px;
}

html body #news_content_body #featured_image {
  display: block;
}


/* Megemenu Overrides - IM-68145*/
#menubar {
    z-index: 8000;
}

.megamenu .level2 > a {
    padding: 10px 15px;
}

.megamenu .level3 a {
    padding: 3px 10px;
}

.megamenu h2.cat-title {
    padding: 10px;
    margin: 0;
}

.mega_i_want_to__ .sub-navBackground.container .level2 > a {
    padding: 3px 10px;
   font-weight: 500;
}

.mega_i_want_to__ .sub-navBackground.container .level2 > a:hover {
  border-bottom: solid 1px #fff;
}

.mega_i_want_to__ .level2 {
    margin: 5px 5px 5px 12px;
}

.mega_i_want_to__ .class-cat > ul {
    margin: 0;
    padding: 0;
}
/* Megemenu Overrides - IM-68145 END*/

form#aspnetForm[action$="action=design"] #banner:after {
    display: none;
}