/*Imports*/
@import url('https://fonts.googleapis.com/css?family=Khula:300,400,700,800|Yellowtail|Nunito+Sans:400');


/* CSS Document */
* { margin: 0; }

/*RESET CSS*/
h1, h2, h3, h4, h5, h6 { /*line-height: normal;*/ margin: 0; font-weight: bold; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ text-decoration:none !important; color:inherit !important}
a img { border: none; }
:focus { outline: 0; }
form, address { margin: 0; }
label{font-weight:400;font-size:16px;}
.form-control{height:36px;border:1px solid #74A0BE;border-radius:0;}
.form-control:focus{border-color: #0f0;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,175,0,.6);}
.btn {font-size:25px;font-weight:400;padding:8px 50px 3px 50px;border-radius:0;border:none;color:#FFF !important;transition: background 0.8s ease;}
a.btn{ text-decoration:none !important}
.btn-success{background:#455347 !important}
.btn-success:hover, .btn-success:focus{background:#252e26 !important}
.btn-success:focus{border:1px solid #ae0000;}
legend{border:none;margin:0;}

/* TYPOGRAPHY*/
html { font-size: 100.01%; margin: 0; padding: 0; border: 0; }
body { margin: 0px;padding:0 15px; font-family: 'Khula', sans-serif; font-size: 17px; color: #1D384C; background:#FFF }
/*Headings*/
h1, h2, h3, h4{font-family: 'Khula', sans-serif; margin-bottom:8px;color:#1D384C;text-align:center;}
h1, h2{font-size:45px;color:#1D384C;font-weight:300;}
h1 strong, h2 strong{font-weight:800;color:#344038;}
h3{font-size:40px;font-weight:800;margin-bottom:5px;}
h4{font-size:22px;font-weight:800;text-align:left;}
/*Paragraphs, Bullets, Link*/
p { margin: 0 0 28px; line-height: 30px; }
li { margin: 0; line-height: 25px; }
ul, ol { margin: 0 0 1.5em 0; padding-left: 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
/* END TYPOGRAPHY*/


/* GENERALS*/
.headinghtml5 { left: -2000em; position: absolute; }
.pcaptcha{font-size:12px !important;font-weight:normal !important;}
.fonterror{color:red;font-size:13px;font-weight:700;}
.embed-responsive {display: block;height: 0;overflow: hidden;padding: 0;position: relative;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {border: 0 none;bottom: 0;height: 100%;left: 0;position: absolute;top: 0;width: 100%;}
.green{color:#6C8572 !important;}
.imgleft { float: left; margin: 0 30px 25px 0; }
.imgright { float: right; margin: 0 0 10px 25px; }
#loading{top: 50%;left: 50%;padding: 15px;background: #fff;z-index: 1000; display:none;margin-left: -90px; position:fixed !important; border: 1px solid #666;}
.align-left{text-align:left;}
.yesmobile{display:none;}
.nounderline, .nounderline:active, .nounderline:hover{text-decoration:none !important;}
.justify-content-between { -webkit-box-pack: justify!important; -webkit-justify-content: space-between!important; -ms-flex-pack: justify!important; justify-content: space-between!important; }
.d-flex { display: -webkit-box!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; }
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important; }
.mt-5 {margin-top: 3rem!important;}
.mb-5 {margin-bottom: 3rem!important;}
.mb-0 {margin-bottom: 0!important;}
.mb-4, .my-4 { margin-bottom: 1.5rem!important; }
.mt-3, .my-3 { margin-top: 1rem!important; }

/* * Class for elements that are only visible to the screen reader. From * https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ */ .visually-hidden { clip: rect(1px 1px 1px 1px); /* IE 6/7 */ clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; margin: -1px; }  /* * For `.visually-hidden` elements that should be visible when it gains focus. */ .visible-when-focused:focus { clip: auto; height: auto; overflow: visible; position: static; white-space: normal; width: auto; margin: auto; }  /* * Style for "Skip Navigation" type links.  Should have an href linked to * a `.bypass-block-target` element. */ .bypass-block-link { position: absolute; text-decoration: none; background: #ffffcc; padding: 0.2em; z-index: 10; }  /* * We don't want the `.bypass-block-target` to have an outline on *just* focus, * since this will look strange if regular users click inside this element, * since it will look like it was tabbed into */ .bypass-block-target:focus { outline: none; }  .bypass-block-link:focus { position: absolute; text-decoration: none; background: #ffffcc; padding: 0.2em; z-index: 1000000; }  /* * We do, however, want the `.bypass-block-target` to have an outline when * it has focus and it is the target of the document (i.e. the hash tag of the * document URL is the same as the "Skip Nav" link). * * Note that this style is the same as the focus state on all the tabbable * elements.  It doesn't have to be.  WCAG 2.4.7 � Focus Visible (Level AA) * only requires that the focus state is visible, so you can have, say, the * focus state of a button different than that of a form element. */ .bypass-block-target:focus:target, [tabindex="0"]:focus, [tabindex="1"]:focus, a:focus, button:focus, input:focus { outline: solid 2px orange; }

@keyframes hvr-wobble-horizontal {16.65% {transform: translateX(8px);}33.3% {transform: translateX(-6px);}49.95% {transform: translateX(4px);}66.6% {transform: translateX(-2px);}83.25% {transform: translateX(1px);}100% {transform: translateX(0);}}
.hvr-wobble-horizontal > *{transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-horizontal:hover > *, .hvr-wobble-horizontal:focus > *, .hvr-wobble-horizontal:active > * {animation-name: hvr-wobble-horizontal;animation-duration: 1s;animation-timing-function: ease-in-out;animation-iteration-count: 1;}

.rowmap .mapmenu{display:flex; flex-direction: column; justify-content: stretch; height: 450px;}
.rowmap .mapmenu .list-group-item{display:flex;height:100%;border-radius: 0;}
.rowmap .mapmenu .list-group-item a{display:flex; align-items:center; height:100%;width: 100%;}
#carrouselmobileneighborhood{display:none;}
#maproperty{height:450px;}
#maproperty .leaflet-marker-icon[tabindex="0"]:focus{outline: solid 5px #00f !important;}
.rowmap > .col-lg-2{padding-right:3px;padding-left:0;}
.rowmap > .col-lg-10{padding-left:3px;padding-right:0;}
.rowmap .list-group{margin-bottom:5px}
.rowmap .list-group-item{line-height:0;padding:0;}
.rowmap .list-group-item.active{background:#95ab5d;border:#95ab5d;}
.rowmap .list-group-item.active a{color:#FFF;font-family: 'Nunito Sans', sans-serif ;justify-content: flex-start;font-size: 17px;}
.rowmap .list-group-item a{text-decoration:none;outline:none !important;display:block;background-repeat:no-repeat;background-position: 25px center;padding: 15px 0px 9px 50px !important;}
.rowmap .list-group-item.iconrecreation a{background-image:url(images/icon/categories/parks.png);}
.rowmap .list-group-item.iconschools a{background-image:url(images/icon/categories/schools.png);}
.rowmap .list-group-item.active.iconrecreation a{background-image:url(images/icon/categories/parks-hover.png);}
.rowmap .list-group-item.active.iconschools a{background-image:url(images/icon/categories/schools-hover.png);}
.rowmap .list-group-item h4{margin-bottom:0;line-height: 25px;padding-top: 9px;}
#floating-panel{position: absolute;top: 1px;right: 16px;z-index: 999;background-color: #fff;padding: 1px 6px;border: 1px solid #999;text-align: center;line-height: 30px;font-size: 13px;display:none;}
#floating-panel strong{display: block;margin-bottom: -7px;}
.adp-placemark, .adp-directions, .adp-warnbox, .adp-agencies{display:none;}
.adp-summary{background:#6e8572;padding: 0 3px;color:#FFF;}
.adp-legal{font-size: 12px;}
#markertooltip{display: none; position:absolute; width: auto; height: auto; background-color: #6e8572; margin: 0;color:#FFF;font-size:12px;padding:5px;z-index:3;}
.contentinfowindow p{margin:0;line-height: 16px;padding-top: 2px;}
.tab-content{background:#212b31;overflow: hidden;margin: 0 -15px;padding: 15px 10px 12px 20px;min-height: 200px;border-bottom: 10px solid #212b31;}
.tab-pane ol{margin:0;padding:0 0 0 20px;}
.tab-pane ol li{list-style-type:disc;float: left;width: 50%;margin-bottom: 7px;color: #fff;}
.tab-content a {color: #fff;text-transform: uppercase;font-size: 16px;font-family: 'Nunito Sans', sans-serif;text-decoration: none;}
.pbtncalendar{text-align:center;margin-bottom:40px;}
.boxformlogin{max-width:420px;width:100%;margin:0 auto;}
.rowmap .leaflet-bar{box-shadow: none !important; background-color: #6e8572 !important; border-radius: 0 !important;}
.rowmap .leaflet-container a.leaflet-popup-close-button{display:none;}
.rowmap .leaflet-popup-content{margin: 0 10px !important;}
.rowmap .leaflet-popup-content p{margin: 5px 0 !important;}
.rowmap .leaflet-routing-container{width:initial !important;}
.rowmap .leaflet-routing-alt h2, .rowmap .leaflet-routing-alt table{display:none;}
.rowmap .leaflet-routing-alt h3{color:#fff;}
.rowmap .leaflet-routing-alt h3 strong{display: inline-block !important;margin-bottom: 4px !important;}
.rowmap .leaflet-routing-alt h3 span{display: inline-block;line-height:14px;margin:4px 0;}
.rowmap .leaflet-top.leaflet-right{display:none;}
.rowmap .leaflet-routing-geocoders{display:none;}
.rowmap .leaflet-container a{color:#00364b !important}

/*Big Mobil until down*/
@media (max-width: 767px) {
body{overflow:hidden;}
.rowmap > .col-lg-2{padding-right:0;}
.rowmap > .col-lg-10{padding-left:0;padding-right:0;}
.rowmap .mapmenu{height:auto;}
.rowmap .mapmenu .list-group-item{height:auto;}
.rowmap .list-group{margin-bottom: 5px;display: block;height: initial;}
.rowmap .col-lg-2 li[class^="icon"] a, .rowmap .col-lg-2 li[class*="icon"]{align-items: center; display: flex;width:100%;min-height: 40px;height: auto; margin-bottom: 12px;}
.rowmap .list-group-item.active a{font-size: 17px;}
#maproperty{height:360px;}
.tab-content{display: none;}
#floating-panel > strong, #floating-panel #mode{display:none;}
.adp-summary{padding: 0;font-size: 11px;}
.adp-legal{font-size: 10px;}

.rowmap .list-group-item a {
    background-position: 8px center;
    padding: 9px 0px 9px 36px !important;
}

.rowmap .list-group-item.active a {
    justify-content: flex-start;
}
}