/**********************************************************/
/**** RENDER FIRST ****/
/**********************************************************/

/**** PAGE WIDTH ****/

.WaPlaceHolder { 
    max-width: 1400px; 
}

.zonePlace {
    padding: 0 20px;
}

.zonePlace.WABannerStickyBottom, .WABannerStickyBottomSpacer {
    display: none;
}

body {
    background-color: #fff;
}

/****  END ****/


/**********************************************************/
/****** ACCORDION GADGET ******/
/**********************************************************/

/* Only hide the accordion content by default on the front-end (so admins can see it in the admin easily)... */

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
display:none; /* toggled by jQuery */
}

/* Allow an accordion to be open on page load... Use as gadget's custom css class... 'opened' */

.publicContentView .WaGadgetContentAccordion.opened .gadgetStyleBody,
.memberContentView .WaGadgetContentAccordion.opened .gadgetStyleBody {
display:block;
}

/* This are the selectors you should use for styling the "open" toggler gadgets, titles, body, etc... replace [selector] with an actual css element to select.
It requires you use two CSS selectors, one for the "opened" and one for the "active" togglers */

.publicContentView .WaGadgetContentAccordion.opened [selector],
.publicContentView .WaGadgetContentAccordion.active [selector] {
/* add css here */
}

/**** STYLE 1 - BORDER ****/

.WaGadgetContentAccordion {
    margin-bottom: 0;
    border-bottom: 2px solid #ececec;
}

.WaGadgetContentAccordion .gadgetStyleTitle {
    margin: 0;
    padding: 20px 60px 20px 0px!important;
    background-image: url(/resources/Pictures/Icons/accordion-icon-open.svg);
    background-color: #ffffff;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    -webkit-transition: all 0.2s ease-in-out;                  
    -moz-transition: all 0.2s ease-in-out;                 
    -o-transition: all 0.2s ease-in-out;   
    -ms-transition: all 0.2s ease-in-out;          
    transition: all 0.2s ease-in-out;
}

.WaGadgetContentAccordion.opened .gadgetStyleTitle, .WaGadgetContentAccordion.active .gadgetStyleTitle {
    padding: 20px 60px 20px 20px!important;
    cursor: pointer;
    background-image: url(/resources/Pictures/Icons/accordion-icon-close.svg);
    background-color: #ececec;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover {
    cursor: pointer;
    background-color: #ffffff;
}

.publicContentView .WaGadgetContentAccordion .gadgetStyleBody, .memberContentView .WaGadgetContentAccordion .gadgetStyleBody {
    display: none;
}

.WaGadgetContentAccordion .gadgetStyleBody, .WaGadgetContentAccordion .gadgetStyleBody {
    padding: 30px 0 30px 0;
    background-image: url(/resources/Pictures/Icons/accordion-body-down-arrow.png);
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: -10px;
    background-size: 32px;
}

.WaGadgetContentAccordion .gadgetStyleTitle h4 {
    font-size: 20px!important;
    font-weight: 400!important;
    color: #1a1a1a;
    text-transform: none;
}

.WaGadgetContentAccordion .gadgetStyleTitle:hover h4 {
    color:#f15930;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle:hover {
    background-color: #ececec;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle h4 {
    color:#f15930;
}

.WaGadgetContentAccordion.active .gadgetStyleTitle:hover h4 {
    color:#1a1a1a;
}

/**** END ACCORDION ****/


/**********************************************************/
/**** BACK TO TOP ****/
/**********************************************************/

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}


/**********************************************************/
/**** BLOG ****/
/**********************************************************/

/**** BLOG LIST EDITS ****/

.WaGadgetBlog .boxBodyInfoOuterContainer .postedByLabel, .WaGadgetBlog .boxBodyInfoOuterContainer .postedByLink {
    display:none;
}

.WaGadgetBlog .boxBodyInfoOuterContainer .postedOn:before {
    display: none;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem+li.boxesListItem {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 4px solid #ececec;
}

.WaGadgetBlogStateList ul.boxesList li.boxesListItem .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin-bottom: 10px!important;
}

/*** END ***/


/**********************************************************/
/**** BOARD MEMBERS ****/
/**********************************************************/

.WaGadgetFeaturedMember ul.layoutHorizontal li .img img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

/**** END ****/


/**********************************************************/
/**** BORDER COLUMNS ****/
/**********************************************************/

.BorderColumns .WaLayoutItem {
    border: 2px solid #ececec;
}

/*** END ***/


/**********************************************************/
/**** BREADCRUMBS ****/
/**********************************************************/

.WaGadgetBreadcrumbs {
    font-size: 14px;
}

.WaGadgetBreadcrumbs ul li {
    color: #fff;
}

.WaGadgetBreadcrumbs ul li a {
    color: #fff!important;
}

.WaGadgetBreadcrumbs ul li a:hover {
    color: #fff!important;
    text-decoration: none;
}

.WaGadgetBreadcrumbs ul li a:active {
    color: #fff!important;
}


/**********************************************************/
/**** BULLETS ****/
/**********************************************************/

.ArrowList ul {
    list-style: none;
    margin: 0;
}

.ArrowList ul li {
    padding: 5px 0 5px 35px;
    background-image: url(/resources/Pictures/Icons/link-arrow-right-yellow.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
}

/*** END ***/


/**********************************************************/
/**** BUTTONS ****/
/**********************************************************/

a.stylizedButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: background-color 0.3s ease-in-out;
    text-decoration: none!important;
}

.FeatureButton a.stylizedButton, .FeatureButtonLarge a.stylizedButton {
    width: 100%;
    text-transform: uppercase;
    text-align: left;
}

.FeatureButton a.stylizedButton {
    padding: 16px 20px;
    font: normal 18px/100% 'Ubuntu', sans-serif;
}

.FeatureButtonLarge a.stylizedButton {
    padding: 25px 30px;
    font: normal 22px/100% 'Ubuntu', sans-serif;
}

.FeatureButtonLarge.EventsButton a.stylizedButton {
    background-image: url(/resources/Pictures/Icons/icon-calendar-white.svg);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: right 25px center;
    padding-right: 70px;
}

/*** END ***/


/**********************************************************/
/**** CUSTOM CLASSES - MISC ****/
/**********************************************************/

/**** LITERATURE UPDATES ****/

.LiteratureUpdates .WaGadgetContent {
    margin-bottom: 40px;
    border-left: 8px solid #ececec;
    padding-left: 40px;
    background-position-x: -20px;
    background-position-y: 50%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.LiteratureUpdates .WaGadgetContent:hover {
    border-left: 8px solid #c91f39;
    background-image: url(/resources/Pictures/Icons/triangle-arrow-right-red.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position-x: -5px;
    background-position-y: 50%;
}

/**** TWITTER FEED ****/

.TwitterFeed {
    padding: 30px 30px 20px 30px;
    border: 4px solid #ececec;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**** MEMBERSHIP FEES ****/

.MembershipFees .WaGadgetContent {
    padding-left: 30px;
    margin-bottom: 30px;
    border-left: 8px solid #ececec;
}

.MembershipFees .WaGadgetContent .gadgetStyleTitle {
    padding-bottom: 15px;
}

/**** END MISC STYLES ****/


/**********************************************************/
/**** EVENTS ****/
/**********************************************************/

/**** Remove padding at top of list ****/

.WaGadgetEventsStateList .boxesList {
    padding: 0 0 30px 0;
}

/**** Events Title container bottom margin ****/

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer {
    margin: 0;
}

.WaGadgetEventsStateList .boxesList .boxesListItem {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #ececec;
}

.WaGadgetEventsStateList .boxOuterContainer .boxHeaderOuterContainer h4.boxHeaderTitle {
    margin: 0 0 30px 0!important;
}

.WaGadgetEventsStateList .boxesList .boxesListItem:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

/*** END ***/


/**********************************************************/
/**** FOOTER ****/
/**********************************************************/

.zonePlace.zoneFooter2 {
    background-repeat: no-repeat;
    background-position: center bottom -2px;
    background-size: 100%;
}

/*** END ***/


/**********************************************************/
/**** GADGETS ****/
/**********************************************************/

.gadgetStyleNone .gadgetStyleTitle h4.gadgetTitleH4, .gadgetStyle001 .gadgetStyleTitle h4.gadgetTitleH4, .gadgetStyle002 .gadgetStyleTitle h4.gadgetTitleH4 {
    margin-bottom: 0!important;
    text-transform: none;
} 

.gadgetStyle001 .gadgetStyleBody, .gadgetStyle002 .gadgetStyleBody {
    padding: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.WaGadgetSocialProfile.gadgetThemeStyle.LightSocial li a {
    color: #ffffff;
}

.WaGadgetSocialProfile.gadgetThemeStyle.LightSocial li a:hover {
    color: rgba(255,255,255,0.8);
}

/*** END ***/


/**********************************************************/
/**** HEADER ****/
/**********************************************************/

.zonePlace.zoneHeader2 {
    background-image: url(/resources/Pictures/Theme/home-slider-green-city-skyline.png);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right 30px center;
}

.zonePlace.zoneHeader3Home {
    background-position-x: right;
    background-position-y: bottom;
    padding: 0;
    overflow: hidden;
}

.zonePlace.zoneHeader2 {
    background-color: #2EB9E3;
    padding: 0!important;
    overflow: hidden;
}

.HomeHero {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.HeaderLogo, .HeaderName {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.HeaderLogo {

}

.HeaderSearch {
    float:right;
}


.HomeHeroText {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 60px 40px 60px;
}

/*** END ***/


/**********************************************************/
/**** HOME FEEDS ****/
/**********************************************************/

.HomeFeeds table tbody tr td.WaLayoutItem, .ColumnBorders table tbody tr td.WaLayoutItem {
    border: 2px solid #ffc50B;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/**** END ****/


/**********************************************************/
/**** ICON HEADINGS ****/
/**********************************************************/

.LeftIcon {
    padding-left: 60px;
    background-size: 40px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LeftIconLarge {
    padding-left: 70px;
    background-size: 50px;
    background-repeat: no-repeat!important;
    background-position: top left;
    min-height: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LeftIconLarge h2 {

}

.LeftIconSmall {
    padding-left: 40px;
    background-size: 24px;
    background-repeat: no-repeat!important;
    background-position-x: left;
    background-position-y: center!important;
    min-height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.LeftIconSmall p {
    line-height: 24px;
}

/**** END LEFT ICON ****/


/**********************************************************/
/**** JOTFORM ****/
/**********************************************************/

.supernova .form-all, .form-all {
    width: 100%;
}

/*** END ***/


/**********************************************************/
/*** LOGIN GADGET **/
/**********************************************************/

.WaGadgetLoginForm .loginContainer .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    width: auto !important;
    line-height: 40px !important;
    text-transform: none;
    height: 40px!important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #2eb9e3;
    color: #fff;
    font-size: 17px;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
    padding-left: 17px;
}

.WaGadgetLoginForm .loginContainer .loginLink:before {
position:static !important;
float: right !important;
width: auto !important;
height: auto !important;
padding-right: 15px !important;
padding-left: 13px !important;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before {
    font: normal 17px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
    font: normal 17px/40px 'WA-theme-icons';
}

.WaGadgetLoginForm .loginButton {
    font-size: initial;
    font-family: inherit;
}

.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover, .WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover {
    background: #109dc8;
    color: white;
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover, .WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: #109dc8;
    color: white;
} 

/**** END LOGIN ****/


/**********************************************************/
/**** MENU - MAIN MENU ****/
/**********************************************************/

.WaGadgetMenuHorizontal {
    overflow: visible;
    border-top: 2px solid #ffc50B;
}


/**** Hide Home Button ****/
/*
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:first-child {
    display: none;
} */

.WaGadgetMenuHorizontal .menuInner {
    background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
    background: transparent;
}

.WaGadgetMenuHorizontal .menuInner ul ul {
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 7px 20px 0px rgba(0,0,0,0.4);
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
    padding: 15px 18px;
    font: normal 18px/26px "din-2014",'Ubuntu','Arial',sans-serif;
}

.WaGadgetMenuVertical ul.firstLevel>li>.item:hover>a {
    background: white;
    color: #2EB9E3;
    border-left: 5px solid #ececec;
}

/**** END ****/


/**********************************************************/
/**** MENU - MOBILE MENU ****/
/**********************************************************/

.WaGadgetMobilePanel .mobilePanel {
    background: #044D8E;
    color: white;
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu,
.WaGadgetMobilePanel .mobilePanel .buttonLogin {
text-indent: 0; /* resets WA styling that hides the existing text */
line-height: 50px; /* vertically center text to height of bar */
}

.WaGadgetMobilePanel .mobilePanel .buttonMenu {
padding-left: 50px; /* pushes menu text to right of menu button */
padding-right: 10px; /* adds extra padding to right of menu text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin {
padding-right: 45px; /* pushes login text to left of login button */
padding-left: 10px; /* adds extra padding to left of login text for useability */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin:before {
left: auto; /* resets WA styling that puts login button on left of existing text */
right: 0px; /* puts login button on right of existing text */
}

.WaGadgetMobilePanel .mobilePanel .buttonAdmin {
right: 0px; /* moves admin button to right so user info can expand to left */
}

.WaGadgetMobilePanel .mobilePanel .buttonLogin.logged {
right: 50px; /* moves user info button to left of admin button when logged in */
width: auto; /* allows user info button to grow to fit user name when logged in */
}

/*** END MOBILE MENU ***/


/**********************************************************/
/**** MENU - SECONDARY MENU ****/
/**********************************************************/

.WaGadgetCustomMenu.menuStyleNone .orientationHorizontal li+li:before {
    margin: 0 .5em;
    content: '|';
}

/*** END ***/


/**********************************************************/
/**** MENU - VERTICAL MENU ****/
/**********************************************************/

.WaGadgetMenuVertical ul.firstLevel>li:last-child {
    padding-bottom: 50px;
}

/*** END ***/


/**********************************************************/
/**** MENU - VERTICAL SUB MENU ****/
/**********************************************************/

.WaGadgetMenuVertical .menuInner ul.firstLevel>li.sel>.item>a {
    color: #2EB9E3;
    border-left: 5px solid #FFC50B;
}

/*** Hide Second Level Flyout Menu ***/

.WaGadgetMenuVertical.gadgetStyleNone .menuInner ul ul {
  display:none !important;
  position:static;
}

/*** Second Level - Open State for Second and Third Levels ***/

.WaGadgetMenuVertical.gadgetStyleNone .menuInner ul.firstLevel > li.sel ul,
.WaGadgetMenuVertical.gadgetStyleNone .menuInner ul.firstLevel > li.sel ul ul {
  display: block !important;
}

/*** Second Level - Open State - Down Arrow ***/

.WaGadgetMenuVertical.gadgetStyleNone .menuInner ul.firstLevel > li.sel ul {
  display: block !important;
}

.WaGadgetMenuVertical.menuStyle002 .menuInner ul.firstLevel ul li > .item > a {
  text-transform: none;
  text-shadow: none;
  display: block;
  font-size: 16px;
  font-family: inherit;
  margin:0;
  padding: 6px 20px 6px 20px;
}

.WaGadgetMenuVertical ul ul li>.item>a, .WaGadgetMenuVertical ul ul li>.item>a:link {
    margin-left: 30px;
}

/**** MOBILE MENU MISC ****/

.WaGadgetMobilePanel .mobilePanel .mobilePanelButton:hover {
    background: transparent;
    color: #2EB9E3;
}


/**********************************************************/
/**** MENU - CUSTOM MENU ****/
/**********************************************************/

/**** BASIC STYLE ****/

.WaGadgetCustomMenu.menuStyleNone ul.alignRight li a {
    line-height: 40px;
    font-size: 16px;
}

/**** STYLE 1 ****/

.WaGadgetCustomMenu.menuStyle001 ul li a {
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.WaGadgetCustomMenu.menuStyle001 ul li:first-child a {
    background-color: #f15930;
}

/*** END ***/


/**********************************************************/
/**** PAGE BANNERS ****/
/**********************************************************/

.TopBanner {
    min-height: 300px;
    margin-bottom: 0;
}

.BannerIcon {
    width: fit-content;
    padding: 20px;
}

.BannerIcon div img {
    width: 70px;
    height: auto;
    vertical-align: bottom;
}

/**** END ****/


/**********************************************************/
/**** SOCIAL LINKS ****/
/**********************************************************/

.WaGadgetSocialProfile .orientationHorizontal li {
    margin: 10px 0 0 5px;
}

.WaGadgetSocialProfile.LightSocial .orientationHorizontal li {
    margin: 10px 0 0 10px;
}

.WaGadgetSocialProfile.LightSocial.gadgetThemeStyle2 li a {
    width: 40px;
    height: 40px;
    background: transparent;
    color: white;
    font-size: 20px;
    line-height: 40px;
    border: 2px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.WaGadgetSocialProfile.LightSocial.gadgetThemeStyle2 li a:hover {
    border-color: #0077C8;
    background-color: transparent;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a {
    width: 40px;
    height: 40px;
    background: #ffc50B;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: background-color 0.3s ease-in-out;
}

.WaGadgetSocialProfile.gadgetThemeStyle2 li a:hover {
    background-color: #E8AE00;
}

/**** END ****/


/**********************************************************/
/**** SEARCH ****/
/**********************************************************/

.WaGadgetSiteSearch .searchBoxField {
    box-sizing: border-box;
    width: 600px;
    max-width: 100%;
    padding: 0 20px 0 4em;
    vertical-align: top;
    line-height: 60px;
    border: none;
    background-color: #ececec;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.WaGadgetSiteSearch .searchBoxFieldContainer:before {
    left: 1.5em;
    color: #222;
    font-size: 18px;
}

.WaGadgetSiteSearch .searchBoxField {
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    padding: 0 20px 0 4em;
    vertical-align: top;
    line-height: 40px;
    border: none;
    background-color: #ececec;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/*** END ***/


/**********************************************************/
/**** SLIDER WITH CAPTIONS ****/
/**********************************************************/

.camera_wrap {
    position: relative;
    z-index: 0;
    float: left;
    display: none;
    width: 100%;
    background: #2EB9E3;
}

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 50px!important;
    left: 50px;
    margin-right: 50px;
    display: block;
    width: auto;
    background: rgba(227,176,19,0.9);
}

.CaptionSlider .camera_caption>div {
    padding: 20px 30px;
    color: white;
    font-size: 26px;
    line-height: 1em;
    font-weight: normal;
    font-family: "din-2014",sans-serif!important;
}

.camera_thumbs_cont {
    display: none;
}

.WaGadgetSlideshow.RemoveThumbs .camera_wrap {
    overflow: visible;
    margin-bottom: 0!important;
}

/**** END SLIDER ****/


/**********************************************************/
/**** SIDEBAR FEEDS ****/
/**********************************************************/

.WaGadgetUpcomingEvents.SidebarEvents.gadgetStyle001 {
    background: #e7ebf1;
}

.WaGadgetRecentBlogPosts.SidebarNews.gadgetStyle002 {
    background: #002d72;
}

/*** END ***/


/**********************************************************/
/**** SPONSORS ****/
/**********************************************************/

.SponsorRow, HomeSponsors {
    margin-bottom: 20px;
}

.SponsorRow table tbody tr td.WaLayoutItem {
    background-color: #fff;
    padding: 20px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.SponsorRow table tbody tr td.WaLayoutSeparator {
    width: 20px;
}

/*** END ***/


/**********************************************************/
/**** TYPOGRAPHY ****/
/**********************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h1promo, h1.promo {
  font-family: "din-2014",sans-serif!important;
}

.h1, h1:not(.promo), .PageTitle {
    font-size: 42px;
    text-transform: uppercase;
    font-weight: 400;
}

h1, h2, h3, h4, h5 {
    margin-bottom: 0.75em!important;
}

h1 {
    text-transform: none;
    font-weight: 400;
}

.h2, h2 {
    font-size: 36px;
    font-weight: 400;
}

.h3, h3 {
    color: #f15930;
    font-size: 30px;
    font-weight: 400;
}

.HomeSlogan h2 {
    font-size: 3rem!important;
    font-weight: 600;
}

/*** END ***/


/**********************************************************/
/**** RESPONSIVE STYLES ****/
/**********************************************************/

/**** SMALL DESKTOP ****/

@media screen and (max-width: 1279px) {

.HomeHeroText {
    padding: 40px 40px;
}

.HideForTablet {
    display: none;
}

.HomeSlogan h2 {
    font-size: 2.5rem!important;
}

}

@media screen and (max-width: 1000px) and (min-width: 768px) {

.SliderContainer-67-33 table tr td:first-child, .SliderContainer-67-33 table tr td:last-child {
    width: 50%!important;
}

.HeaderName h3 {
    font-size: 18px;
}

.zonePlace.zoneHeader2 {
    background-image: none;
}

}

/**********************************************************/
/**** MOBILE STYLES ****/
/**********************************************************/

@media screen and (max-width: 767px) {

.zonePlace.zoneHeader2 {
    background-image: none;
}

.HeaderSearch {
    clear:both;
}

.WaGadgetBreadcrumbs {
    text-align: center;
}

.WaGadgetCustomMenu.menuStyleNone ul.alignRight {
    text-align: -webkit-center;
}

.HideForMobile {
    display: none;
}

.HideForTablet {
    display: block;
}

.WaGadgetLoginForm .alignRight, .WaGadgetLoginForm .authenticated.alignRight .loginPanel {
    text-align: -webkit-center;
}

.WaGadgetSiteSearch .searchBoxOuter.alignRight {
    text-align: -webkit-center;
}

.zonePlace.zoneHeader2 {
    margin-top: 0!important;
}

.HeaderLogo p, .HeaderName p, .HeaderName h3 {
    text-align: center;
}

.HeaderLogo {
    margin-bottom: 20px!important;
    margin-top: 20px;
}

.HeaderSearch {
    margin-top: 0;
    display: block;
    float: none;
}

.HomeHero {
    padding-bottom: 0;
}

.HomeHeroText {
    padding: 30px;
}

.CaptionSlider .camera_caption {
    position: absolute;
    bottom: 0px!important;
    left: 0px;
    margin-right: 0;
}

.CaptionSlider .camera_caption>div {
    font-size: 18px;
}

h1, .h1, h1.promo, .PageTitle {
    text-align: center;
}

h1 {
    font-size: 36px!important;
}

.zonePlace.zoneFooter2 {
    background-position: center bottom -2px;
    background-size: initial;
}

.WaGadgetSocialProfile .alignRight {
    text-align: center;
}

.HomeSlogan h2 {
    font-size: 2.3rem!important;
}

.HomeHeroText p, .HomeHeroText ul {
    font-size: 17px;
}

.HomeHeroText a:link {
    font-size: 17px!important;
}

.AlternativeFuelsIcons .WaLayoutTable .WaLayoutItem ~ .WaLayoutItem {
    margin-top: 0;
}

}