@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);


#map {height: 100%;}

#body {overflow:hidden;padding-bottom: 160px;max-width: 1120px;width:100%;margin: 0 auto;}

.bcontent p {padding-bottom:15px;color:#333333;margin: 0px;}

.bcontent a:hover {color:#218edc;}

#desc a{text-decoration:none;color:#218edc;}
#desc a:hover{color:#77a900;}

.btn-new {
    padding: 5px;
    margin: 2px 0;
color:white;
    text-transform: uppercase;
    font-weight: bold;
    text-align:center;
background:#77A900;
    width: 90%;
    border-radius: 6px;
    cursor:pointer; }

.btn-new:hover {
background:#25adcf; }


.back, .close, .addnew {
cursor:pointer;
position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;}
    
    #locator {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1000;}
    
#desc {    background: #ffffff;height: 423px;}
    
    
.map-title {
font-family: 'Open Sans', Tahoma, Arial;
margin-bottom:5px;
font-weight:bold;
font-size:1.2em;}



.popupBGD {
    position:fixed;
    top:0;
    left:0;
    background:rgba(140, 164, 218, 0.6);
    z-index:5000;
    width:100%;
    height:100%;}

.popupContent {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 15%;
    background: white;
    border: 2px solid rgb(205, 206, 205);
    padding: 15px;}
    
.popupInner {
    width:100%;
    overflow:hidden;} 
    
.popupSection {
    width:50%;
    float:left; }

.popupContent h2 {
    font-size:1.3em;
    letter-spacing: 1px;
    font-weight:normal;
    color:#118aa9;
    margin:0 0 5px 0; }

.popupInner input[type=text], .popupInner input[type=password] {
    border: none;
    background: #f3f0f0;
    font-size: 0.9em;
    letter-spacing: 1px;
    padding: 5px !important;
    margin: 3px 0;
    width: 75%;}
    
.popupBGD a{
    color: #70c3d7;
}

.popupBGD a:hover {
color:#77a900;
}

.formNote {
    margin:5px 0;
    width: 75%;
    color: #333333;
    letter-spacing: 1px;
    font-size: 0.85em; }
    
.formNote a{text-decoration:underline;}      

.formReportOK {
    width: 75%;
    padding: 5px;
    margin: 5px 0;
    background: #380960;
    font-size: 0.9em;
    line-height: 1.2em;
    text-align: center;
    color: white;
    font-weight: bold; }
    
.formReportError {
    width: 75%;
    padding: 5px;
    margin: 5px 0;
    background: #ff5d5d;
    font-size: 0.9em;
    line-height: 1.2em;
    text-align: center;
    color: white;
    font-weight: bold; }
    

.inputError {
    background: #ffc4c4 !important;
    border: 1px solid #e42b2a;}
    

.vividpink:hover {
    background-color: #c8047b;
}

.lightblue:hover {
    background-color: #287284;
}

.button:hover {
    cursor: pointer;
}

.redbtn {background-color: #e20000;}
.redbtn:hover {background-color: #8c0303;}


.lightblue {
    background-color: #70c3d7;
}
    
.button {
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    color: white;
    padding: 4px 6px;
    border-radius: 4px;
    line-height: 1em;
    text-align: center;
    cursor: pointer;
}


.moderategreen:hover, .extragreen:hover {
    background-color: #70ad3d;
}

.moderategreen {
    background-color: #77a900;
}

.footer-logos img {
    padding: 0 0 0 15px;
    max-height: 25px;
    margin: 0;
    display: inline-block;
}


.addnew{text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:1.1em;}
.addnewplus{background:#628c0b;padding:2px 10px;}
.addnewtxt{background:#74a810;padding:2px 10px;}
.addnew:hover .addnewtxt{background:#628c0b;}

#locator input {
    font-family: 'Open Sans', Tahoma, Arial;
    font-size: 0.9em;
    width: 250px;
    padding: 2px 6px;
    line-height: 1em;
    border-radius: 3px;
    border: 1px solid #cccccc;}


.close{text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:1.1em;}
.closex{background:#8c0303;padding:2px 10px;}
.closetxt{background:#e20000;padding:2px 10px;}
.close:hover .closetxt{background:#8c0303;}


.back{text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:1.1em;}
.backarrow{background:#0d7790;padding:2px 10px;}
.backtxt{background:#70c3d7;padding:2px 10px;}
.back:hover .backtxt{background:#0d7790;}


#desc input, #desc textarea, #desc select {font-family: 'Open Sans', Tahoma, Arial;
    font-size: 1em;padding:2px 8px;}
    
.btn-submit {text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:1.1em;font-size:1.1em;    cursor: pointer; display: table;    float: right;}

.btn2-submit {
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.1em;
    font-size: 1em;
    cursor: pointer;
    display: table;
    float: left;
    margin: 6px 3px;
}
.btn2-submit:hover .submittxt{background:#628c0b; }
.submit2txt{background:#a90014;padding:5px;display: table-cell;vertical-align: middle;}

.submitplus {background:#628c0b;padding:5px 10px;display: table-cell;vertical-align: middle;}
.submittxt{background:#74a810;padding:5px 10px;display: table-cell;vertical-align: middle;}
.btn-submit:hover .submittxt{background:#628c0b; }

.btn-submit2 {text-transform:uppercase;color:#ffffff;font-weight:bold;line-height:1.1em;font-size:1.1em;    cursor: pointer; display: inline-block;}
.btn-submit2:hover .submittxt{background:#628c0b; }
 
.submitform a {text-decoration:none;color:#77A900;}
.submitform a:hover {text-decoration:none;color:#25adcf;}

.submitform .error {    background: #ffdede;
    border: 1px solid #bf8a8a;}
    
.button a {text-decoration:none;color:#ffffff;}
.button a:hover {color:#ffffff;}


#body .bcontent {width:100%;overflow:hidden;padding-bottom: 20px;}
#body .bsection{width:60%;float:left;}
#body .info{    margin: 10px 20px;padding:10px 20px;background: rgba(255, 255, 255, 0.8);}
#body .fsection{width:100%;float:left;}
#body .bsub {padding-bottom:15px;color:#333333;}

#body h1 {line-height:1.5em;font-size:1.9em;color:#5a8004;padding-bottom:10px;margin-bottom:0px;font-family: 'PT Sans Narrow', sans-serif;}
#body h2 {line-height:1.3em;font-size:1.6em;color:#417d8c;padding-bottom:10px;margin-bottom:0px;font-family: 'PT Sans Narrow', sans-serif;}
#body h3 {line-height:1.3em;font-size:1.3em;color:#2f7384;padding-bottom:7px;margin-bottom:0px;font-family: 'PT Sans Narrow', sans-serif;}

.popupSection h2 {font-family: 'PT Sans Narrow', sans-serif;font-size:1.4em;}
.popupContent .button {    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1em;
    margin: 5px;
    padding: 5px 10px;}





#menuToggle {
    font-family: 'PT Sans Narrow', sans-serif;
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;}

#menuToggle input{
  display: block;

  width: 32px;
  height: 25px;
  position: absolute;
  top: -6px;
  left: -4px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;}

#menuToggle span{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #77a900;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;}
              

#menuToggle span:first-child{
  transform-origin: 0% 0%;}

#menuToggle span:nth-last-child(2){
  transform-origin: 0% 100%;}

#menuToggle input:checked ~ span{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;}

#menuToggle input:checked ~ span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);}

#menuToggle input:checked ~ span:nth-last-child(2){
  transform: rotate(-45deg) translate(0, -1px);}

#menu{
  position: absolute;
    margin: -100px 0 0 -50px;
    padding: 20px 60px;
    padding-top: 110px;
      width: 140px;
  background: #77a900;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  border-radius: 0 0 10px 0;}

#menu li{
    padding: 3px 0;
    font-size: 1.2em;
    font-weight: bold;}

#menuToggle input:checked ~ ul{
  transform: none;}
  
#menuToggle a{text-decoration:none;
text-transform: uppercase;
color:#ffffff;
cursor:pointer;
}  

#footer {position:fixed;bottom:0px;overflow:hidden;width:100%;}

#footer .fter {width:100%;margin:0 auto;background:#70c3d7;color:#ffffff;}

#footer .fterinr {overflow:hidden;display: table;width:100%;    max-width: 1120px;
    margin: 0 auto;}

.picon {padding:0 15px;}

ol li {padding:5px 0;}

#footer a {text-decoration:none;color:#ffffff;}
#footer a:hover {text-decoration:underline;color:#76a900;}

.prfl{    background: #70c3d7;}
.prflx{    }
.prflx a{    color: #ffffff !important;}

.lgin{    background: #c8e484;}
.lginx{    }

.lgin a{    color: #77a900 !important;}
.lginx a{    color: #ffffff !important;}

.btn-suggest a:hover, .btn-explore a:hover{color:#ffffff;}