@font-face {
  font-family: openSans-Bold;
  src: url("/_wss/clients/127/images/OpenSans-Bold.ttf");
}

@font-face {
  font-family: openSans-Regular;
  src: url("/_wss/clients/127/images/OpenSans-Regular.ttf");
}

@font-face {
  font-family: openSans-SemiBold;
  src: url("/_wss/clients/127/images/OpenSans-SemiBold.ttf");
}

.p2 {
    font-family: openSans-Regular;
    font-size: 14px;
}



h4 {
font-family: openSans-SemiBold!important;
}

p {
font-family: openSans-SemiBold!important;
font-size: 14px;
}

h3 {
font-family: openSans-Bold!important;
}

.h3-title {
    font-weight: bold;
    font-size: 32px;
    font-family: openSans-Bold;
    color: #333333;
    padding-bottom: 30px;
}
.h5-title {
    font-size: 16px;
    color: #2c336e;
    font-family: openSans-Bold;
}
.herobanner {
width: 100%;
height: 50%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;

}

.logo-hero-section {
background-image: url("/_wss/clients/127/images/florida-background.png");
width: 100%;
min-height: 665px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.herologo {
    position: relative;
    margin-right: 65%;
    padding-top: 30px;
}
.hero-text{
    padding-top: 65px;
}

.hero-sub-text {
    padding-left: 25px;
    margin-left: 750px;
    margin-right: 25%;
    padding-right: 5px;
    text-align: left;
    font-size: 32px;
    color: white;
}

.hero-sub-sub-text {
    padding-left: 25px;
    margin-left: 750px;
    padding-right: 5px;
    text-align: left;
    margin-right: 25%;
    color: white;
}

.hero-button {
    background-color: Transparent;
    background-repeat:no-repeat;
    border-radius: 20px;
    color: white;
    border: 2px solid;
    border-color: white;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    outline-style: none;
}

/*.menu-containter {
    position: absolute; 
    margin: 0; 
    width:100%; 
    background: white; 
    min-height: 600px;
} */

.menu-box {
    width: 70%;
    height: 10px;
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3%;
    background: white;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
    border-radius: 15px;
    position: relative;
}
.topnav-centered {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: -55%;
}

#na li {
    display: inline-block;
    font-weight: bold;
    width:11%;
}

#na li a {
    position: relative;
    text-decoration: none;
    padding-top: 25px;
    color: #34b4d0;
}

@media only screen and (max-width: 1785px) {
#na li a {
    position: relative;
    text-decoration: none;
    padding-top: 25px;
    color: #34b4d0;
    font-size: 12px;
    }
}

@media only screen and (max-width: 1601px) {
#na li a {
    position: relative;
    text-decoration: none;
    padding-top: 25px;
    color: #34b4d0;
    font-size: 10px;
    }
}


#na li a::after {
    top: 0px;
    right: 0;
    left: 0;
    position: absolute;
    content: '';
    background: #00cc66;
    width: 0;
    height: 10px;
    transition: all .3s;
    margin: auto;
    border-radius: 0px 0px 25px 25px;
}

#na li a:hover::after {
    width: 100%;
}

.navbar .nav {
    position: relative!important;
    width: 100%!important;
    left: 0!important;
    display: block!important;
    float: left!important;
    margin: 0 10px 0 0!important;
}

.content-menu {
    margin-left: auto;
    margin-right: auto;
}
.content-box {
    border-radius: 60px 60px 60px 60px;
    border-color: #34b4d0;
    border-style: solid;
    border-width: 2px;
    background-color: white;
    color: black;
    margin-left: 17%;
    margin-right: 17%;
}

#cm li {
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 21px;
    padding-bottom: 21px;
    font-size: 15px;
}

#cm li a {
    position: relative;
    text-decoration: none;
    padding-top: 21px;
    padding-bottom: 21px;
    padding-right: 5px;
    padding-left: 5px;
}

#cm a:hover {
    background-color: #34b4d0;
    color: white;
}

.text-box-mid {
    float: left;
    margin-right: 50%;
    margin-top: -6%;
    padding-left: 10%;
    padding-right: 7%;
    text-align: left;

}

.photo-box-mid {
margin-top: 10%;
margin-bottom: 6%;
}

.photo-mid {
position: relative;
position: inline-block;
margin-left: 34%;
margin-top: -7%;
border-radius: 25px;
}

.photo-border {
    margin-left: 33%;
    margin-top: -16%;
    margin-right: -7%;
}

.service-2, .service-3, .service-4, .service-5 {
    display: none;
}

.before-after-slider-2, .before-after-slider-3, .before-after-slider-4, .before-after-slider-5 {
    display: none;
}
.about-us-section {
padding-left: 10%;
padding-right: 10%;
padding-top: 3%;
background-color:#f9f9fa;
}

.photo-mid-2 {
position: relative;
position: inline-block;
margin-left: 10%;
margin-right: 50%;
margin-top: 2%;
margin-bottom: 5%;
border-radius: 25px;
}

.photo-text-2 {
margin-top: -25%;
margin-left: 40%;
margin-right: %;
padding-right: 10%;
padding-left: 10%;
padding-bottom: 15%;
}

.community-support-btn {
    background-color: Transparent;
    background-repeat:no-repeat;
    border-radius: 20px;
    color: #00cc66;
    border: 2px solid;
    border-color: #00cc66;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    outline-style: none;
    float: left;
}

.community-support-text {
    text-align: left;
}

.before-after-text-section {
    padding-right: 29%;
    padding-left: 20%;
    margin-bottom: -4%;
}

.before-after-buttons {
    margin-bottom: 5%;
    margin-top: 0%;
}

.buttons-before-after {
    background-color: transparent;
    background-repeat:no-repeat;
    border-radius: 20px;
    color: #34b4d0;
    border: 2px solid;
    border-color: #34b4d0;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    outline-style: none;
}

#lm .buttons-before-after:hover {
    background-color: #34b4d0;
    color: white;
}

.slider-section {
    margin-top: -7%;
}

.slick-prev {
    background-color: transparent;
    background-repeat:no-repeat;
    border-radius: 20px;
    color: #34b4d0;
    border: 2px solid;
    border-color: #34b4d0;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    outline-style: none;
    display: none;
}

.slick-next {
    background-color: transparent;
    background-repeat:no-repeat;
    border-radius: 20px;
    color: #34b4d0;
    border: 2px solid;
    border-color: #34b4d0;
    text-align: center;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    outline-style: none;
}

.review-slide {
    width: 100px;
    height: 350;
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: 4px 13px 28px 11px rgba(194,194,194,1);
    background: white;
    padding-top: 5px;
    padding-bottom: 95px;
    border-radius: 25px;
    outline-style: none;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

.reviews-section {
    margin-top: 18%;
    margin-bottom: 5%;
}

.slick-track {
    padding-top: 2%;
    padding-bottom: 5%;
}

hr.line {
  border-top:10px solid #00cc66;
  margin-bottom: -10%;
  postion: fixed;
  z-index: -1;
}

hr.line2 {
  border-top:10px solid #00cc66;
  margin-bottom: -9.5%;
  postion: fixed;
  z-index: -1;
}

.slick-slider {
  postion: relative;
  z-index: 2;
}

.reviews-img {
    margin-right: 2px;
    margin-top: 9%;
    margin-left: 15%;


}

.reviews-fivestar-img {
    position: relative;
    padding-left: 75%;
    padding-bottom: 3px;
    margin-right: 9%;

}

.reivews-text {
    margin-right: 9%;
    margin-top: -9%;
    padding-bottom: 10px;
    position: relative;
    text-align: right;

}

.reivews-sub-text {
    margin-right: 9%;
    position: relative;
    font-size: 10px;
    text-align: right;
}

.inital-footer-section {
padding-bottom: 25%;
height: 500px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top-right-radius: 35px;
border-top-left-radius: 35px;
}

.h5-title-footer-section {
    color: #00cc66;
    font-size: 16px;
    font-family: openSans-Bold;
    padding-top: 5%;
}

.h3-title-footer-section {
    color: white;
    font-weight: bold;
    font-size: 32px;
    font-family: openSans-Bold;
}

.p-title-footer-section {
    color: white;
    padding-bottom: 20px;
}

.inifooter-img {
    border-radius: 19px;
}

.image-footer-position {
    margin-left: 46%;
}

.inital-footer-sub-section {
    margin-bottom: 3%;
}

.inifooter-p-text {
    color: white;
    position: relative;
    margin-bottom: -10%;
    padding-right: 45%;
}

.iconic-section {
    width: 9%;
}

.left-icon {
    margin-right: 15%;
    background-image: url('/_wss/clients/127/images/left-icon.png');
}

.right-icon {

}

.footer-image {
    align: left;
}

.mid-footer-section-2 {
    margin-top: 15%;
    margin-left: 15%;
}

.footer-p-text {
    text-align: left;
    font-size: 13px;
    white-space: initial;
    font-style: italic;
}

.menu-switch {
    border: 2px solid #bcd0d9;
    border-radius: 15px;
    height: 5px;
    background: #bcd0d9;
    margin-left: 5px;
    padding-left: 10%;
    margin-top: 1%;
    margin-top: 0.4%;
    float: left;
    padding: 0px 20px;
}

.menu-switch.active {
    border: 2px solid #00cc66;
    background: #00cc66;
}

.menu-switch-section {

}


.footer-title {
   color: white;
   margin-top:0px;
   margin-bottom: 0px;
   padding-top:20px;
   padding-bottom: 20px;
}

h4 {
    font-size: 17.5px;
    }

.form {
margin-bottom: auto;
background-color:#0085b2;
background-size: cover;
overflow: auto;
padding-bottom: 5%;
padding-top: 5%;

}

#size_1 {
    width: 25%;
    height: 25%;
    float: left;
    margin-top: 1%;
    margin-left: 24%;
    margin-right: 19px;
    font-size: 12px;
    padding: 15px;
    border-radius: 5px;
    color: #00cc66;
}

#size_2 {
    width: 25%;
    height: 25%;
    float: left;
    margin-top: 1%;
    font-size: 12px;
    padding: 15px;
    border-radius: 5px;
    color: #00cc66;
}

#size_3 {
    width: 52%;
    height: 25%;
    margin-top: 10px;
    font-size: 12px;
    padding: 15px;
    border-radius: 5px;
    color: #00cc66;
}

input::placeholder {
    color: #00cc66
}

textarea::placeholder {
    color: #00cc66
}

#size_4 {
    width: 52%;
    height: 25%;
    font-size: 12px;
    padding: 15px;
    color: #00cc66;
    border-radius: 5px;
}

#submit {
    font-size: 17px;
    border: 2px solid;
    border-radius: 25px;
    border-color: white;
    color: white;
    background-color: transparent;
    outline-style: none;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    width: 15%;
    margin-left: -37%;
    margin-top: 15px;
}

#submit:hover {
  color: #00cc66;
  border-color: #00cc66;
}

::placeholder {
    color: blue;
}
.form-section {
    background-color:#0085b2;
    background-size: cover;
    margin: 0% 0% 0% 0%;
    padding: 0;
    padding-bottom: 10%;
}

.connect-section {
text-align: left;
margin-left: 20%;
}

.snail-icon {
    margin-bottom: -10%;
    margin-left: 5%;
}

.snail-mail-title {
    color: white;
    margin-left: 25%;
    margin-top: -10px;
}

.snail-mail-p {
    margin-left: 25%;
    color: white;
    font-style: italic;
    font-size: 12px;
}

.community-bnt-section {

}

/* Mobile styling starts here */

.bgimage {
    width: 100%;
    height: 620px;
    background: url(/_wss/clients/127/images/florida-background.png);
    background-position: center;
    background-size: cover;
}

.bgimage h5 {
  color:white;
  text-shadow:2px 2px #333;
}

.btn-warning {
  background-color: transparent !important;
  border-radius: 20px !important;
  border: 2px solid !important;
  border-color: white !important;
  font-weight: bold !important;
  background-image: none !important;
  text-shadow: none !important;
  margin-top: 20px !important;
}

.logo-positioning {
    padding-left: 20px;
}

.header-title-styling{
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 30px;
    font-family: openSans-Bold!important;
    padding-left: 7%;
}

.sub-header-text-styling {
    text-align: left;
    color: white;
    padding-left: 7%;
    padding-bottom: 20px;
    font-size: 13px;
}

.test.col-md-8 {
    padding-left: 10%!important;
    padding-right: 10%!important;
    padding-top: 10px!important;
    text-align: left!important;
}

.test-styles {
    padding-right: 10%;
    text-align: left;
}

.test-row-style {
    padding-top: 5%;
    background-color: #f9f9fa;
    padding-bottom: 5%;
}

.test-2-row-styling {
    background-color: #f9f9fa;
}

.test-3-row-styling {
    background-color: #f9f9fa;
    padding-top: 3%;
}

.test-4-row-styling {
    margin-top: 3%;
    background-color: #f9f9fa;
}

.h3-style-community {
    margin-top: 12%;
    color:#2c336e;
}

@media only screen and (max-width: 812px) {
  .line {
    display: none;
  }
}

.test-border{
    padding-top: 3%;
border-top-right-radius: 60px;
border-top-left-radius: 60px;

}

.test-padding{
    padding-bottom: 5%;
}

.row.test-row-styles {
    background-color: #0085b2;
    padding-top: 5%;
    margin-right: 0px!important;
    margin-left: 0px!important;
}

.col-md-4.test-1 {
    padding-top: 10px;

}

.img .service, .service-1, .service-2, .service-3, .service-4, .service-5 {
border-radius: 20px;
margin-right: 4.5%;
}

.collapse-icon {
    background-image: url("/_wss/clients/127/images/open-close-icon.png");
    background-repeat: no-repeat;
}

.testing-c-style {
    text-align: left!important;
    margin-right: 35%;
}

.collapse.in {
    height: auto;
    padding-right: 26%!important
}

.test-style-4 {
    padding-top: 10px;
}

.myslider-text {
    text-align: left;
    font-style: italic;
    color: white;
}

.myslider-h-text {
   text-align: left;
   color: white; 
}

.mySlidesImg {
    border-radius: 25px;
}

.col-md-5.test-img-layout{
    
}

.row.style-row {
    padding-left: 10%;
}

.test-sub-slider-text {
    margin-top: 5%;
}

.ini-footer-padding {

}

@media only screen and (max-width: 812px) {
  #size_3 {
    width: 100%;
    height: 25%;
    margin-top: 10px;
    font-size: 17px;
    padding: 15px;
    border-radius: 5px;
    color: #00cc66;
  }
}

@media only screen and (max-width: 812px) {
  #size_2 {
    width: 100%;
    height: 25%;
    margin-top: 10px;
    font-size: 17px;
    padding: 15px;
    border-radius: 5px;
    color: #00cc66;
  }
}

@media only screen and (max-width: 812px) {
  #size_1 {
    width: 100%;
    height: 25%;
    margin-top: 10px;
    font-size: 17px;
    padding: 15px;
    margin-left: -0%;
    border-radius: 5px;
    color: #00cc66;
  }
}

@media only screen and (max-width: 812px) {
  #size_4 {
    width: 100%;
    height: 25%;
    margin-top: 10px;
    font-size: 17px;
    padding: 15px;
    border-radius: 5px;
    color: #00cc66;
  }
}

@media only screen and (max-width: 812px) {
  #submit {
    width: 50%;
    height: 25%;
    margin-top: 10px;
    font-size: 17px;
    padding: 15px;
    border-radius: 25px;
  }
}

.test.col-md-4 {
 text-align: left;
 padding-left: 4.5%; 
}

.menu-switch-section.switch-styling-icon {
    padding-left: 28%;
    padding-top: 5%;
    padding-bottom: 2%;
}

.col-md-2.style-padding {
    padding-top: 5%;
}

.col-md-8.menu-styling {
    margin-top: -1.5%;
}

.collapse.navbar-collapse.navbar-ex1-collapse {
    background-color: white;
    border-radius: 14px;
}

.navbar-default {
   border: none!important;
   border-color: none!important;
   background-color: white!important;
   box-shadow: none!important;
   border-radius: 15px!important;
}

.row.test-styling {
    padding-top: 3%;
}

.btn-lg {
    border-radius: 50px!important;
    border-color: white!important;
    border-style: solid!important;
    color: white!important;
    padding-top: 5px!important;
}

.row.the-row-padding {
    padding-bottom: 6%;
}

.row.row-styling-pad {
    padding-bottom: 3.5%;
}

.col-md-5.test-sub-slider-text{
    position: relative!important;
    min-height: 1px!important;
    padding-right: 15px!important;
}

.row {
   margin-right: 0px!important;
   margin-left: -15px!important;
}

.bgimage-2 {
    width: 100%;
    height: auto;
    background: url('/_wss/clients/127/images/inital-footer-img.png');
    background-position: center;
    background-size: cover;
    border-top-right-radius: 60px;
    border-top-left-radius: 60px;
}

.accordion {
  background-color:white;
  color: #444;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight: bold;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color:white;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.navbar-default .navbar-toggle {
    border-color: #00cc66!important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #00cc66!important;
}

.text-center {
    text-align: center!important;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
}