* { margin: 0; padding: 0; outline: 0; }

::-moz-selection { background: #333333; color: #fff; text-shadow: none; }
::selection {background: #333333; color: #fff; text-shadow: none; }
::-webkit-selection { background: #333333; color: #fff; text-shadow: none;}


body::-webkit-scrollbar {width: 9px;}
body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
body::-webkit-scrollbar-thumb { background-color: #999; outline: none !important; border-radius: 10px;}

html {min-height: 100%;-webkit-tap-highlight-color:transparent;}
html.showmenu {overflow:hidden;}
body { min-height: 100%;}

div.testsize {display:block;position:absolute;left:0;top:0;color:#fff;width:auto;height:auto;font-size:16px;z-index:999;}

.progress-gotop {position: fixed;bottom: -55px; right: 40px;height: 52px;width: 52px;-webkit-transform: translateX(-2px);-ms-transform: translateX(-2px);transform: translateX(-2px);border-radius: 50%;z-index: 998; background-color:transparent; border:2px solid #fff;cursor: pointer;-webkit-transition: .5s;transition: .5s;opacity: 0;-webkit-transition: bottom opacity .3s; transition:bottom opacity .3s; text-align: center;}
.progress-gotop.hide {opacity: 0;bottom:-55px}
.progress-gotop.show {opacity: 1; bottom:20px;}
.progress-gotop i {color:#fff; display: block; position: relative; line-height: 50px; font-size: 24px;}
/*.progress__container {position: relative; width: 100%; height: 0; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content:flex-end}
.progress__arrow {position: absolute; width: 100%; height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center;-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;-webkit-transition: .5s;transition:.5s}
.progress__arrow svg {height: 20px;width:16px}
.progress__arrow svg path { stroke: #1d1d1d;stroke-width: 2;stroke-linecap:round}
.progress-gotop .progress-circle { height: 100%;width:100%}
.progress-gotop .progress-circle path {stroke: #1d1d1d; stroke-width: 5;fill: none;-webkit-transition: none !important; transition:none !important;}
*/

img { outline: 0; border: 0;}
a {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;border:none;outline:0;}
button {-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease; outline: none !important;}

button {outline: none !important; }
button:focus {box-shadow: none !important;}

body {font-family: 'Nunito', sans-serif; font-weight:400; font-style:normal; font-size: 18px; line-height: 1.4; color: #333; background-color:#235347; /*background-color:#daf1de;*/ padding: 0px; margin: 0px; text-rendering: optimizeLegibility; position:relative; overflow-x: hidden; word-wrap: break-word; -webkit-font-smoothing: subpixel-antialiased;}

.fade {opacity: 0;-webkit-transition: opacity 200ms ease;-moz-transition: opacity 200ms ease;-ms-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;}
.tooltip.fade, .popover.fade {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
.animate__animated {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.notransition {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
a {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.btn.form {background-color: #163832; color:#fff; padding: 10px 20px; min-width: 200px; border-radius: 4px; display: inline-block; text-transform: uppercase; letter-spacing: 0.1rem; font-weight: 500; border:2px solid #235347;}
.btn.form:hover {background-color:#235347; border-color:#235347;color:#fff;}
.btn.focus, .btn:focus {box-shadow: none !important;}
.btn:visited {color:#fff;}

div { display: block; }
ol, ul {list-style: none;margin:0;padding:0;}
ul li { list-style: none; padding: 0;}
ol li {padding: 0;}
p {margin: 0 0 20px; padding: 0; line-height:1.6em; font-size: 1em;}
hr {margin-top:25px; margin-bottom: 25px; border: 0; border-top: 1px solid #eee; }

a, a:visited {color:#163832; cursor:pointer; text-decoration: none;outline:none; border:none;}
a:hover {text-decoration:none;color:#235347;}
a:focus, a:active {text-decoration: none;}

strong, b {font-weight:700; font-style:normal;}
i { font-style: normal !important;}
em {font-weight:400; font-style:italic;}

h1,h2,h3,h4,h5 {font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 0; padding: 0;}
h1 {font-size: 40px;}
h2 {font-size: 34px;}
h3 {font-size: 28px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}

::-webkit-input-placeholder {color: #555;}
:-moz-placeholder {color: #555;}
::-moz-placeholder {color: #555;}
:-ms-input-placeholder {color: #555;}
.placeholder {color: #555;}

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {background-color: transparent !important; color:#ED1C24 !important; border: 1px solid #ddd; -webkit-text-fill-color: #495057;-webkit-box-shadow: 0 0 0px 1000px #fff inset;box-shadow: 0 0 0px 1000px #fff inset;transition: background-color 5000s ease-in-out 0s;}

.form-control, .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: inherit;}

.modal.fade.show {opacity: 1;}
.modal-header {text-align: center; padding: 15px 1rem; position: relative;}
.modal-header h5 {font-size:20px;line-height: 1.3; text-align: left; display: block;width:100%; padding: 0px 50px 0px 5px;margin: 0; color:#fff; font-weight: 400;}
.modal-header button.close {outline: none !important; text-shadow: none; margin: 0; position: absolute; padding: 1px 0;right:25px; top:17px;color:#fff; opacity: 1 !important; font-size: 20px;}
.modal-body {background-color:#fff; border-bottom-left-radius:calc(.3rem - 1px); border-bottom-right-radius:calc(.3rem - 1px);}
.modal-content {background-color:#163832; border:none; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2);}

.modal .modal-dialog {max-width:100%;}

/* Main Elements */
.backstretch:after {background-image: linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0.1)); content: ''; position: fixed; width:100%; height:100%; top:0; right: 0; left: 0; bottom: 0;}
.pagewrapper { position: relative;display: block; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0; padding-right:60px;}
.pagewrapper.ieFade {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
#main {position: relative; padding-bottom: 50px;}
.container-fluid {}

/* Main Menu */
.menu {position: fixed; top:0; right: 0; z-index: 15; width:60px; height: 100vh; transition: all .1s ease 0s;}
.menu:not(.open):hover {width:80px;}
.menu > .menubar {position: absolute; z-index: 1; left: 0; top: 0; width:100%; height: 100%; background-color: #0b2b26; cursor: pointer;}
.menu > .menubar button {-webkit-appearance: none; appearance: none; border: 0 none; background:none; color:#fff; width: 100%; margin: 30px auto 0; position: relative; text-shadow: none;}
.menu > .menubar button span {transition: all .1s ease;}
.menu > .menubar button span.line { width:32px; position: relative; height:2px; background-color: #fff; display: block; margin: 0 auto;}
.menu > .menubar button span.line:nth-child(2) {margin-top:6px;}
.menu > .menubar button span.line:nth-child(3) {margin-top:6px;}
.menu > .menubar button span.text {position: relative; margin-top:8px; display: block; font-size: 14px; text-transform: uppercase; color:#fff; }
.menu > .menubar button span.text.closemenu {display:none;}
.menu.open > .menubar button span.line:nth-child(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px;}
.menu.open > .menubar button span.line:nth-child(2) {opacity: 0;}
.menu.open > .menubar button span.line:nth-child(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -7px;}

.menu.open > .menubar button span.text {display:none;}
.menu.open > .menubar button span.text.closemenu {display:block;}

.menu > nav {position: fixed; top: 0; bottom: 0; left: 100%; width:100%; padding-right: 60px; background-color:#163832; color:#fff; transition: all .5s ease 0s; }
.menu.open > nav {left: 0;}
.menu > nav {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; text-align: center;}
.menu > nav ul {position: relative}
.menu > nav ul li {position: relative; display: block;}
.menu > nav ul li a {position: relative; display: block; color:#fff; font-size: 30px;padding: 5px 5px; border: 1px solid transparent;}
.menu > nav ul li a:hover {border-color:#daf1de; color:#daf1de;}
.menu > nav ul li a.btn {background-color:#daf1de; color:#333; font-size: 22px; max-width: 200px; margin: 10px auto 0;}

/* header */
header {z-index: 2; position: relative; width:100%; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center;padding: 20px 10px; -ms-flex-direction: column; flex-direction: column;}
body.indexpage header {-webkit-transition:background-color 500ms ease;-moz-transition:background-color 500ms ease;-ms-transition:background-color 500ms ease;-o-transition:background-color 500ms ease;transition:background-color 500ms ease;}
body.indexpage header:hover {background-color:rgba(5,31,32,0.6);}
header .logo {font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 1.2;  width:100%; display: block; text-align: center; position: relative; margin: 0; padding: 0 0 15px;}
header .logo a {color:#fff; font-size: 28px; font-weight: 700; transition:none;}
header .logout {position: absolute; top:10px; right: 20px;}
header .logout a.btn {padding: 5px 8px; border: 0; background: rgba(255,255,255,0.8); font-size:15px; border-radius: 4px; color:#163832; font-weight: 600;}
header .logout a.btn:hover {background:#fff;}

header ul.mainmenu {position: relative;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; text-align: center;}
header ul.mainmenu li {display: block; position: relative;  margin: 0; padding: 0; width:auto; text-align: center;}
header ul.mainmenu li a {color:#fff; display: block; position: relative; margin: 0; padding: 8px 12px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
header ul.mainmenu li a:hover {background-color:rgba(142,182,155, 0.8);}

/* Footer */
footer {width:100%; height:auto; text-align: center; position: relative; display: block; color:#fff; font-size: 15px;}
footer .container-fluid {padding-top:5px;padding-bottom: 5px;}

/* Sign Up Form */
body.signupform .backstretch:after {background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.3));}
body.signupform header {display:none;}
body.signupform .menu {display:none;}
body.signupform .pagewrapper {padding-right: 0;}
body.signupform #main {padding-top: 0; padding-bottom: 0;}
#usersignup label.error {color:red; font-style: italic; padding: 5px 0 0 0;}

/* Login Form */
body.loginform .backstretch:after {background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.3));}
body.loginform header {display:none;}
body.loginform .menu {display:none;}
body.loginform .pagewrapper {padding-right: 0;}
body.loginform #main {padding-top: 0; padding-bottom: 0;}

div.logintitle {color:#fff; text-align: center; padding-top: 50px; position: relative;}
div.logintitle h1 {color:#fff; text-align: center; position: relative; display: block;}
div.logintitle p {font-style: italic;}
.formcontainer {width:100%; margin: 20px auto 20px auto; padding: 20px 30px; position: relative; display: block; background-color:rgba(255,255,255,1); border-radius: 4px; float:left; }
.formcontainer form {position: relative; width:100%; height:auto; padding: 0px 0px 0px 0px; float:left; }
.formcontainer form h2 {font-size: 22px; text-align: center; display: block; position: relative; padding: 0 0 20px; margin: 0;}
.formcontainer form .form-control {position: relative; background:#daf1de; font-weight: 600; border:1px solid #daf1de; height:50px; border-radius: 4px; color:#555; font-size: 1.1rem; transition: border .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.formcontainer .form-group ::-webkit-input-placeholder {color:#555;}
.formcontainer .form-group .form-control:focus {border-color:#8eb69b;}
.form-actions {text-align: center; width:100%; display: block; position: relative; float:left; margin-top: 15px;}

#message {width:100%; position: relative; float:left; padding: 0px; text-align: center;font-style: italic;}
#message .alert-danger {margin-bottom: 0; margin-top: 15px;}
#message .alert-success {text-align: center; margin-bottom: 0; margin-top: 15px;}

.successlogin.noshow {display:none;}

/* index */
body.indexpage .backstretch:after {background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.1));}
.indexbox {margin-top: 0px;}
.indexbox:nth-child(1) {margin-top: 50px;}
.indexbox:nth-child(1) {background-color:rgba(11,43,38, 0.7);}
.indexbox:nth-child(2) {background-color:rgba(35,83,71, 0.7);}
.indexbox:nth-child(3) {background-color:rgba(142,182,155, 0.7);}
.indexbox > div {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; text-align: center; box-sizing: border-box; min-height:200px; color:#fff; padding: 20px 15px; -ms-flex-direction: column; flex-direction: column;}
.indexbox h2 {font-weight: 400; margin-bottom: 20px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.indexbox p {margin: 0; padding: 0;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.indexbox a.btn {display: block; position: relative; width: 100%; max-width: 350px; background-color:#235347; padding: 10px; margin: 0 auto 10px auto; color:#fff; font-size: 19px; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.indexbox a.btn:hover {background-color: #163832}
.indexbox a.btn:last-child {margin-bottom: 0;}
.indexbox a.btn.white { margin-top: 20px; background-color:#fff; text-shadow: none; color:#163832; font-size: 18px; max-width: 250px;}
.indexbox a.btn.white:hover {background-color:#daf1de}

.indexevents > div {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -ms-flex-direction: column; flex-direction: column; margin-bottom: 15px;}
.indexevents > div:last-child {margin-bottom: 0;}
.indexevents > div .date {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: column; flex-direction: column; background-color:#fff; width:4rem; height: 4rem; border-radius:50%;}
.indexevents > div .date .date-day {color:#235347; font-weight: 500; font-size: 1.5rem; line-height: 1;}
.indexevents > div .date .date-month {color:#235347; line-height: 1; font-size: 1rem; text-transform: uppercase;}
.indexevents > div .title {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-ms-flex-direction: column; flex-direction: column; text-align: center; margin-top: 10px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);}
.indexevents > div .title span {display: block; font-weight: 600;}
.indexevents > div .title span.smaller {font-style: italic; font-weight: 400;}

/* Inside Pages */
.container {position: relative; padding-top: 25px;}
.insidepage {text-align: center; background-color:#fff; padding: 25px 20px; box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.2); border-radius: 3px;}
.insidepage:nth-child(2) {margin-top: 25px;}

h1.pagetitle {padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom:1px solid #daf1de;}

/* Resources */
.resources .row {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; text-align: center;}
.resources .col-12 {margin-bottom: 15px; margin-top: 15px;}
.resources a.btn {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; width:100%; height: auto; min-height: 75px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; text-align: center; background-color:#daf1de; font-size: 20px; font-weight: 600; color:#333; }
.resources a.btn:hover {background-color: #235347; color:#fff;}

/* Local Suggestions */
ul.suggestions {position: relative; display: block; width: 100%; max-width: 500px; margin: 10px auto;}
ul.suggestions li {position: relative; display: block; width:auto; padding: 5px 0px; margin: 5px 0px; border-bottom:1px solid #daf1de; font-weight: 700;}
ul.suggestions li span {display: block; position: relative; font-weight: 400;}

.row.suggestions {-webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: start; align-items:flex-start; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center;}
.row.suggestions > div {margin-bottom: 20px;}
.row.suggestions .card {text-align: left; border:1px solid #e6e4e9; -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);}
.row.suggestions .card .card-header {border-bottom-color:#e6e4e9;}
.row.suggestions .card h5.card-title {font-size: 18px;}
.row.suggestions .card p.card-text {margin: 0;font-size: 16px;}
.row.suggestions .card a {font-size: 16px;}
.row.suggestions .card a:hover {text-decoration: underline;}

/* Suggest a Business */
.formContainer {position: relative; float:left; width:100%; margin: 20px auto 0 auto; padding: 0px 0 0 0;}
.formContainer input[type=checkbox] {display:none;}
.formContainer form {position: relative; float:left; width:100%; height:auto; padding: 0px 10px 0px 10px;}
.formContainer .form-group {margin-bottom: 0; padding: 10px 0px; position: relative; float:left; width:100%;}
.formContainer .form-group label {font-style: normal; font-weight: 600; position: relative; text-align: center; width:100%; display: none;}
.formContainer .form-group .form-control {position: relative; background:#daf1de; font-weight: 400; border:1px solid #daf1de; height:48px; border-radius: 4px; color:#555; font-size: 17px; font-family: 'Nunito', sans-serif; transition: border .3s ease;}
.formContainer .form-group .form-control:focus {border-color:#8eb69b;}
.formContainer .form-group ::-webkit-input-placeholder {color:#555;}
.formContainer .form-group textarea.form-control {height:auto; padding-top: 10px}
.formContainer .form-group select.form-control { -webkit-appearance: none; -ms-appearance: none; appearance: none;height:46px;}
.formContainer .form-group .error label {}
.formContainer .form-group .error label:after {content: '*'; position: absolute; color: red; padding: 0 0 0 5px; font-size:11px;top: 1px;}
.formContainer .form-group .valid label:after {content: '✓'; position: absolute; color: green; padding: 0 0 0 5px; font-size:11px; top: 1px;}
.formContainer .form-group.error label {}
.formContainer .form-group.error label:after {content: '*'; position: absolute; color: red; padding: 0 0 0 5px; font-size:11px;top: 1px;}
.formContainer .form-group.valid label:after {content: '✓'; position: absolute; color: green; padding: 0 0 0 5px; font-size:11px;top: 1px;}
.formContainer .form-group .form-control.error {border-color: #ee3224;}
.formContainer .form-actions {text-align: center; position: relative; margin-top: 15px;}

.formContainer .popover.fade {opacity: 1;}
.formContainer .popover {background-color:#fff; border-color:#ddd;border-radius:.3rem; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.15); box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
.formContainer .popover .popover-body {color:#1d1d1d; font-weight: normal; font-size: 14px; font-family: 'Nunito', sans-serif; text-align: center; letter-spacing: -.00063rem;}

#formresponse {float:left; width:100%; height:auto; position: relative;}
#formresponse > div {float:left; width:100%; height:auto; position: relative; display:block; padding:20px 15px; background:#daf1de; border-radius: 4px; box-shadow: none; margin-top:10px; border:1px solid #daf1de;}
#formresponse > div p {margin: 0 0 0px; text-align: center;}
#formresponse > div p span {font-weight: 700;}

span.suggesttitle {float:left; width:100%; text-align: center; font-size: 20px; font-weight: 700; font-family: 'Montserrat', sans-serif; margin: 15px auto 10px;}
.suggestform h4 {padding: 10px 0px; position: relative;}

/* Wildlife */
.wildlife {position: relative; display: block; height:auto; overflow: hidden; z-index: 1; padding:0;}
.wildlife .slick-slide {padding: 10px 0 10px 0;}
.wildlife .slick-slide > div {-webkit-transform: scale(.75); transform: scale(.75); -webkit-transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1);}
.wildlife .slick-center > div {-webkit-transform: scale(1); transform: scale(1);}
.wildlife .item {position: relative; }
.wildlife .item > img {width: 95%; height: auto; padding: 3px; border:2px solid #daf1de;  border-radius: 0px; background:#fff; margin: 0 auto}

.wildlife .slick-arrow {position: absolute; top:50%; width:30px; height:30px; margin-top:-15px; border: 0 none; background:none; padding: 0; font-size: 30px; line-height:30px; z-index: 2; color:#235347;}
.wildlife .slick-arrow:hover {color:#8eb69b;}
.wildlife .slick-arrow.slick-next {right: -5px;}
.wildlife .slick-arrow.slick-prev {left: -5px;}

/* Community News */
div.news {}
div.news p {position: relative; display: block; float:left; width:100%;}
div.news h5 {color:#235347; display: block; position: relative; padding: 10px 0 10px; margin: 0; float:left; width:100%;}
div.news h6 {font-size: 18px; font-weight: 700; text-transform: uppercase; float:left; width:100%;}
div.news ul {position: relative; display: block; margin: 0 auto 15px; float:left; width:100%; padding: 0 0 15px; border-bottom: 1px dashed #daf1de;}
div.news ul li {font-weight: 600; padding: 2px 0px 2px;}

/* Contacts */
div.contacts h4 { padding: 10px 0px; display: block; float:left; width:100%; position: relative;}
div.contacts table {margin: 20px auto 20px auto;}
div.contacts table th {background-color:#daf1de; border-color:#8eb69b}
div.contacts table td {border-color:#8eb69b}
div.contacts table td a:hover {text-decoration: underline;}

/* POA */
.insidepage.poadues h5 {display: block; float:left; width:100%; text-align: center; margin: 10px auto 25px;}
.insidepage.poadues p {display: block; float:left; width:100%; text-align: center;margin-bottom: 10px;}

/* Upcoming Events */
.row.events {margin-top: 15px;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center;}
.row.events > div {margin-bottom: 20px; }
.row.events .card {border:1px solid #e6e4e9; -webkit-box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1); box-shadow: 0px 0px 10px 0px rgba(82, 63, 105, 0.1);}
.row.events .card .date {display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items:center; -webkit-box-pack: center; -ms-flex-pack:center; justify-content: center; -ms-flex-direction: column; flex-direction: column; background-color:#daf1de; width: 4rem; height: 4rem; border-radius: 50%; margin: 0 auto;}
.row.events .card .date .date-day {color:#235347; font-weight: 500; font-size: 1.5rem; line-height: 1;}
.row.events .card .date .date-month {color:#235347; line-height: 1; font-size: 1rem; text-transform: uppercase;}
.row.events .card .title {margin-top:10px; }
.row.events .card .title span {display: block; font-weight: 600;}
.row.events .card .title span.smaller {font-style: italic; font-weight: 400;}
.row.events .card .text {padding-top:7px; margin-top:7px; border-top:1px solid #daf1de;}
.row.events .card .text span {display: block;}
.row.events .card .text span.smaller {font-style: italic; margin-bottom: 5px;}

@media (min-width: 576px) {
    .modal .modal-dialog {max-width: 900px;}
    
    /* Index */
    .indexevents > div {-ms-flex-direction: row; flex-direction: row;}
    .indexevents > div .title {text-align: left; margin-top: 0; margin-left: 10px;}
    
    /* Suggest a business */
    .formContainer .form-group.half {width: 48%;}
    .formContainer .form-group.half.left {margin-right: 4%;}
}

@media (min-width: 768px) {
    
}

@media (min-width: 992px) {
    
    #main {}
    .pagewrapper {padding-right: 0;}
    
    /* header */
    header .logo a {font-size: 36px;}
    
    /* Index */
    .indexbox {margin-top: 50px;}
    .indexbox > div {min-height:600px; padding: 10px 15px;}
    
    .indexevents > div {-ms-flex-direction: column; flex-direction: column;}
    .indexevents > div .title {text-align: center; margin-top: 10px; margin-left: 0px;}
    
    /* Wildlife */
    .wildlife .item > img {width:100%;}
    .wildlife .slick-arrow.slick-next {right: 0;}
    .wildlife .slick-arrow.slick-prev {left: 0;}
    
    /* Contacts */
    div.contacts table {width:60%;}
    
    /* Upcoming Events */
    .row.events .card {min-height:200px;}
    
}


@media (min-width: 1200px) {
    /* header */
    header {padding: 20px 20px;}
    header .logo a {font-size: 40px;}
    
    /* Index */
    .indexevents > div {-ms-flex-direction: row; flex-direction: row;}
    .indexevents > div .title {text-align: left; margin-top: 0; margin-left: 10px;}
}


@media (max-width: 650px) {
    
    .pagewrapper {padding-right: 0;}
    #main {padding-bottom: 100px;}
    
    /* Menu */
    .menu { top:auto; bottom: 0; width:100%; height: 65px; transition: all .1s ease 0s;}
    .menu:not(.open):hover {width:100%;}
    .menu > nav {left: 0; top:150%; padding-right: 0;}
    .menu > nav ul {padding-bottom: 70px;}
    .menu.open > nav {left: 0; top:0;}
    
    .menu > .menubar button {margin: 13px auto 0;}
    
    /* Header */
    header {width:100%;}
    
    
}

@media (max-width: 567px) {
    
    .progress-gotop {right: 25px;height: 42px;width: 42px}
    .progress-gotop i {line-height: 40px; font-size: 20px;}
    
    /* Login Page */
    div.logintitle {padding-top:20px;}
    div.logintitle h1 {font-size: 32px;}
    
    /* Footer */
    footer {font-size: 13px;}
    
    /* Index */
    .indexbox:nth-child(1) {margin-top: 20px;}
    
    /* Menu */
    .menu > nav ul li a {font-size: 22px;}
    
    /* Inside Pages */
    .container {padding-top: 0;}
    h1.pagetitle {font-size: 32px;}
    
    /* resources */
    .resources .col-12 {margin-top:10px; margin-bottom: 10px;}
    .resources a.btn {line-height: 1.2;}
    
    /* Contacts */
    div.contacts table td {padding:.75rem 0.4rem;}
    div.contacts table td a {font-size: 17px;}
}

html.ie .indexbox > div {display: -ms-flexbox; -ms-flex-align: center; -ms-flex-line-pack: center; width:100%; height:200px;}
html.ie .indexbox p {width:100%;}
html.ie .resources a.btn {height:75px;}

@media (min-width:992px) {
    html.ie .indexbox > div {height:600px;}
    html.ie .row.events .card {-height:200px;}
}