#tinymce { background-color: #fff; }
body {font-family: 'Raleway', sans-serif; }
.ui-widget-overlay {     background-color: #fff;     }

.social {  margin:60px 30px 20px 15px; float:right;}
@media screen and (max-width: 600px) {.social  { margin: 10px 30px 20px 15px; float:left;  } }
.social a {  display: block; text-align: center; color:#fff;     font-size: 15px;  height: 30px; width: 30px;  float: right; margin-left: 10px; margin-bottom: 5px; border-radius: 50%;}
.social a:hover  { background-color:#7db526; color:#fff;   }
.social a  i { margin-top: 7px; }
.fa { display: inline-block;  font: normal normal normal 12px/1 "Font Awesome 5 Pro";    font-size: inherit;     text-rendering: auto;     -webkit-font-smoothing: antialiased; }
.social a.youtube, .social a.twitter, .social a.facebook, .social a.flickr, .social a.mail , .social a.instgram  { background-color: #337ab7;  }
social a.youtube:hover, .social a.twitter:hover, .social a.facebook:hover,  .social a.flickr:hover, .social a.mail:hover, .social a.instgram:hover  { background-color: #7db526;  }


.navbar { padding: 0rem 1rem; }
nav .container { padding-left: 0px; overflow:visible;}
header nav { display: block; float: right;}

.primary-menu,  .small-hidden-menu ul li, .menu li li a { margin-left: 0px; margin-right: 0px; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-weight: 500; background-color: #fff; background-image: none; }
.primary-menu .menu, .primary-menu .menu a {     background-image: none;     padding-top: 30px;}
    .primary-menu a, .primary-menu a:visited { color:#064e8a; text-transform:uppercase;  background-image: none; }
    .menu a:hover { color:#04aae0; text-decoration:none;}
    .menu a.active { color:#04aae0; background-image: none; background-color: #fff;}

.secondary-menu, .secondary-menu  .container { background-image: none; background-color: #2e6c9f; }
.secondary-menu a {color: #fff;  font-size: 1.2rem;     font-weight: 500;   padding: 12px 20px; }
    .secondary-menu a:hover { color:#97cffd; text-decoration:none;}
    .secondary-menu a.active { color:#0267a1; background-image: none; background-color: #fff;}

/* sub menu */
 .secondary-menu ul ul { position:absolute; z-index:99;     padding-left: 0px;    background-color: transparent;}
.menu li > a:after { font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }

.secondary-menu .menu li li a { background-color: #2e6c9f; background-image: none; padding-left: 30px;     padding-right: 30px; }
.secondary-menu .menu li li a:hover { color:#97cffd; }
.secondary-menu .menu li li a.active  { color:#fff; background-color: #114067; }

/*mobile menu */
a.open-menu.details-opener.xs-opener.tracked.opener-0 { color: #000;   padding: 10px 20px; margin-top: 80px; }
a.open-menu.details-opener.xs-opener.tracked.opener-0:hover { color: #a53c46;     }

.small-hidden-menu .xs-opener {border: none; background-color: rgba(255,255,255,0.75);    margin-top: 30px; margin-right: 10px;     font-size: 1.8em;     padding: 5px 10px; }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 130px;}
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul a.details-opener:after { font-family: FontAwesome; content: " \f107";} 
.small-hidden-menu .details-opener { } 


#search fieldset { background-color: #fff; padding: 5px 5px 5px 15px; border: 1px solid #bababa; border-radius: 20px; }
#search input { width: 80%;}
#search input.form-control { border: none; background-color: transparent; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; }
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { padding: 2px 7px 0px 0px;}
#search-btn:hover { color: red;}
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em;}

#main-content {  background-color: #fff; }
#middle-panel { margin-bottom: 30px;    margin-top: 30px; }
   @media screen and (max-width: 600px) { #middle-panel  {  margin-bottom: 10px; }}
#right-panel  {  margin-bottom: 30px; }
   @media screen and (max-width: 600px) { #right-panel  {  margin-top: 10px; }}
#content-top { width:100%; }
  @media screen and (max-width: 600px) { #content-top { padding-right: 25px;    padding-left: 25px; }}
#content-extra img,  #content-bottom img  { width:100%; }
#content-extra { width:100%;     background-color: #2e6c9f;    color: #fff;}
.nopadding {    padding: 0 !important;    margin: 0 !important; }

p { color: #000; font-size: 1.1em; line-height: 2.1; margin-bottom: 1.5rem; }
ul li, ol li  { color: #5b5a5a; line-height: 1.4; margin-bottom: 0.7em; }
.intro { font-size: 1.2em; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h6, h5, h4, h3, h2, h1, legend {font-family: 'Raleway', sans-serif; }

h1 { font-size:2.4em; color:#0267a1; font-weight:300; margin-bottom:0.233em; }
h1 a, h1 a:visited { color:#0267a1; }
h2 { font-size:1.8em; color:#61798c; font-weight:500; margin-bottom:0.1em; margin-top:0.8em; }
h2 a, h2 a:visited { color:#61798c; }
h3 { font-size:1.4em; color:#0267a1; font-weight:500; margin-bottom:0.4em; }
h3 a, h3 a:visited { color:#0267a1; }
h4 { font-size:1.3em; color:#6c6c6c; font-weight:700; margin-bottom:0.4em; }
h4 a, h4 a:visited { color:#6c6c6c; }
h5 { font-size:1.1em; color:#0267a1; font-weight:700; margin-bottom:0.4em; }
h5 a, h5 a:visited { color:#0267a1; }
h6 { font-size:1.1em; color:#61798c; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#61798c; }
a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover { text-decoration:none; color:#0381cc; }
a { color:#2f84ca; }

legend { font-size:1.2em; color: #92a991; background-color:transparent;}
dt label { color: #6c6c6c; }

.top-header a img { padding-top: 20px; padding-bottom: 20px;  width: 490px;}
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.blue-button { color: #fff; border: 1px solid #2e6c9f; padding: 25px 10px; background-color: #2e6c9f;   letter-spacing: 0.1em; width: 100%; display:block; text-align: center;}
.blue-button a, .blue-button a:visited   { color: #fff; background-color: none; text-decoration:none;}
.blue-button:hover  { color: #fff; background-color: #2d5588; text-decoration:none; border: 1px solid #2d5588; letter-spacing: 0.1em;  }
.blue-button a:hover,  .blue-button:hover a    { color: #fff; text-decoration:none; border: 1px solid #2d5588;}

.grey-box {background-color: #ededed; padding: 1rem .5rem 0.2rem; text-align: center; display:block;     margin-bottom: 0em; margin-top: 0em; margin-left: 0px; margin-right: 0px;}

.grey-box a, .grey-box a:visited { text-decoration:none;}

.grey-rule { border-bottom: 2px solid #aaaea7; padding: 20px 0px 10px ; margin-bottom: 20px;  }
.grey-rule a:hover { color: #0267a1; text-decoration:none;}

.imagetext,  .imagetext a  { color: #fff;   font-size:1.5rem;  font-weight:300; display: block;     position: relative;   z-index: 30;    bottom: 79px; padding: 20px 30px;    left: 0px;  text-align: center;  line-height: 120%; background-color: black;  background: rgb(0, 0, 0);    background: rgba(0, 0, 0, 0.6); margin-bottom: -79px;} 
@media screen and (max-width: 992px) {.imagetext,  .imagetext a  { font-size:1.2rem; bottom: 74px;  } }
@media screen and (max-width: 600px) {.imagetext,  .imagetext a  { font-size:1.5rem; bottom: 79px;   } }

.intro { font-size: 1.2em; margin-top: 1em; margin-bottom: 1em; }
caption { line-height:1.4em; font-size:0.9em; }
.paddingnone { padding-bottom: -10px; margin-bottom: -10px; }

#h2-error .btn.green { border: solid; border-radius: 60px; color: #fff;  background-color: #028553;}

.btn.green {  color: #028553;  border: 2px solid #028553; background-color: #fff;     border-radius: 20px; }
.btn.green:active {background-color: #028553; border: 2px solid #028553; color: #fff; }
.btn.green:hover {background-color: #028553; border: 2px solid #028553; color: #fff;}

.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

.details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f056"; margin-right: 5px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }

#totop a.btn {     padding: 3px 4px 3px 5px; }


#footer, #footer .container { background-color: #bdd2e3; }
#footer { padding-bottom: 100px; }