* {padding: 0; margin: 0; border: 0;}
html, body, div, img, form, fieldset, legend, label, p, h1, h2, h3 {margin: 0; padding: 0;}
header, nav, article, footer, address, aside, section, summary, hgroup, details, figcaption, figure, main {display:block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

header {width: 100%;}
#header {;}
#logo {width: 45%;float:left; height: auto; display:block; padding-top: 20px; padding-bottom: 20px; }
#logo img {width: auto; height: 100px;}
#herts {width: 170px; float:right; height: auto; padding-top: 5px; padding-bottom: 10px; display:block; text-align:right;}
#herts img {width: 100%; height: auto;}
#contact {width: 250px; float:right; height: auto; padding-top: 10px; padding-bottom: 0px; display:block; text-align:right;}
#contact a {color: #17405b; transition: color 2s;}
#contact a:hover {color: #0099BB; text-decoration: none;}
#footer {width: 100%;clear:both;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#214865+0,0098bb+100 */
background: #214865; /* Old browsers */
background: -moz-linear-gradient(45deg, #214865 0%, #0098bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #214865 0%,#0098bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #214865 0%,#0098bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214865', endColorstr='#0098bb',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding-top: 50px; padding-bottom: 50px; color: #fff;}
#banner {width: 100%; height: auto; display:block;}
.slide {display:block; background-size: cover; background-position: center center; width: 100%; height: 650px;}
.banner-trap {position:absolute;left: 0px; right: 0px;display:block; height: 0px}
.banner-overlay {display:block;position:relative; top: -300px;  width: 100%;}
.banner-overlay-home {display:block;position:relative; top: 300px;  width: 100%;z-index: 100;}
.overlay-home h1 {color:#fff; font-size: 50px; line-height: 55px; text-shadow: 0px 0px 10px #000,0px 0px 5px #000,0px 0px 3px #000; text-transform:uppercase}
.overlay-home h2 {color:#fff; font-size: 40px; line-height: 45px; text-shadow: 0px 0px 5px #000;display:block; padding-top: 25px;padding-bottom: 25px;}
.overlay {position:relative;  padding: 3%;display:block; width: 50%;}
.overlay-home {position:relative;  padding: 3%;display:block; width: 94%; text-align:center; color: #fff;}

#content {padding-top: 50px; padding-bottom: 50px;}

#doitorg {padding-left: 1%; padding-right: 1%; width: 98%; margin-bottom: 50px;}

#bottomlinks {display:block; padding-bottom: 50px;}

.input-medium, .input-small {border: 1px solid #777;}
#rsepro-navbar {display:none;}
div.rs_controls,div.rsep_posted,div.rsep_taxonomy_block, div.rs_sharing {display:none;}
#upcomingevents {background-color: #0099BB; color: #fff; height: 240px; padding: 20px;}
#upcomingevents h3 {color: #17405b; }
#upcomingevents a {color: #fff;}
#upcomingeventstitle a {display:block; background-color: #17405b; text-align:right; padding-right: 15px; padding-top: 12px; padding-bottom: 12px; transition: background-color 3s; color: #fff; font-size: 20px;}
#upcomingeventstitle a:hover {background-color: #0099BB;text-decoration:none;}

div.rsepro-event-taxonomies-block {display:none;}

#side {min-height: 300px; padding-top: 105px;}
#footer {width: 100%; min-height: 100px;}
.glass {background-image: url('../images/glass.png');}

.flag1, .flag2, .flag3, .flag4, .flag5 {display:block; float: left; width: 20%; height: 15px; background-color: #90b05d;}
.flag2 {background-color: #043f63;}
.flag3 {background-color: #dec331;}
.flag4 {background-color: #ff1c01;}
.flag5 {background-color: #a1b8cf;}

ul.bxslider {padding-left: 0px;}

.bx-pager-link {position:relative; top: -50px;}
.bx-viewport { border-top-width: 0px !important; border-right-width: 0px !important;  border-bottom-width: 0px !important;  border-left-width: 0px !important;  left: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px !important;box-shadow: 0 0 0px #fff !important;padding-left: 0px !important;}
.bx-wrapper {margin:0px !important;box-shadow: 0 0 0px #fff !important;}
.bx-prev {display:none;} .bx-next {display:none;} 

.goomap {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;    }
.goomap iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.footer-left {float:left; width: 70%; text-align:left;}
.footer-right {float:right; width: 300px; text-align:right;}
.stretch {width: 100%; clear:both;}
.trap {width: 1200px; margin: auto;}


@media only screen and (min-width: 1200px) { /* WIDE - Desktop */
.stretch-wide {;}
.stretch {max-width: 1199px; margin: auto;}
.onlymob, .hidden-desktop {display:none;}
.notmob {display:block;}

}

@media only screen and (min-width: 768px) and (max-width: 1199px) { /* MEDIUM - Tablet Portrait */
.stretch-medium {;}
.stretch {width: 100%; margin: auto;}
.onlymob, .hidden-desktop {display:none;}
.notmob {display:block;}
.banner-overlay {display:block;position:relative; top: 200px;  width: 100%;}
.banner-overlay-home {display:block;position:relative; top: 200px;  width: 100%;z-index: 100;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) { /* SMALL - Mobile Landscape */
.stretch-small {;}
.stretch {width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob, .hidden-phone {display:none;}
  #logo {width: 100%;text-align:center;}
  #contact {width: 100%;text-align:center;}
    #herts {width: 150px; float:none; margin-left: auto; margin-right: auto;height: auto; padding-top: 10px; padding-bottom: 10px; display:block; text-align:center;}
  .footer-left {float:none; width: 100%; text-align:center;}
.footer-right {float:none; width: 100%; text-align:center;}
.banner-overlay {display:block;position:relative; top: -175px;  width: 100%;}
.banner-overlay-home {display:block;position:relative; top: 125px;  width: 100%;z-index: 100;}
.overlay-home h1 {color:#fff; font-size: 35px; line-height: 40px;}
.overlay-home h2 {color:#fff; font-size: 25px; line-height: 30px;}
}

@media only screen and (max-width: 479px) { /* TINY - Mobile Portrait */
.stretch-tiny {;}
.stretch {max-width: 100%; margin: auto;}
.onlymob {display:block;}
.notmob, .hidden-phone {display:none;}
  #logo {width: 100%; text-align:center; height: auto;}
  #logo img {width: 80%; height: auto; margin-left: 10%; margin-right: 10%;}
  #contact {width: 100%;text-align:center;}
  #herts {width: 150px; float:none; margin-left: auto; margin-right: auto;height: auto; padding-top: 0px; padding-bottom: 10px; display:block; text-align:center;}
.footer-left {float:none; width: 100%; text-align:center;}
.footer-right {float:none; width: 100%; text-align:center;}
.banner-overlay {display:block;position:relative; top: -150px;  width: 100%;}
.banner-overlay-home {display:block;position:relative; top: 100px;  width: 100%;z-index: 100;}
.overlay-home h1 {color:#fff; font-size: 30px; line-height: 35px;}
.overlay-home h2 {color:#fff; font-size: 20px; line-height: 25px;}
}

a.rs_event_link.thumbnail {background-color: #0099BB}

#quotescroller .bx-wrapper,
#quotescroller .bx-viewport,
#quotescroller .bxslider {background-color: transparent !important;}
#quotescroller .bx-pager-link {display:none;}
#quotescroller blockquote {font-size: 30px; line-height: 40px;}