/*-----------Landing Page---------*/
body{
background-color: #ffffff;
}


/*----------A Little Bit of Everything----------*/

.top20 > p{
font-size: 22px !important;
padding-bottom: 15px;
}

#contentSection{
padding: 0 !important;
}
body{
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.1;
}
#div_privacy, #Server{
display: none;
}
.breadcrumb{
display: none;
}
#ContainDiv{
min-height: 350px;
}
.pageHelp{
display: none;
}
.sortCatWrap {
display: none;
}
.btn-primary {
    color: #fff;
    background-color: #00a3e0;
    border-color: #00a3e0;
}
.btn-primary:hover{
    color: #fff;
    background-color: #00a3e0;
    border-color: #00a3e0;
}

/*---------------------Top Menu Bar Styling----------------*/

#topLogoBar {
    display: flex;
    align-items: center;
    background-color: #285c4d;
    border-bottom: 7px solid #00a3e0;

}

#topMenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 95%;
    margin-right: 5%;
    height: 55px;

}
@media (max-width: 730px){
#topMenu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}
}
#topMenu a {
    color: #fff;
    text-decoration: none;
    padding: 0px 15px;
    transition: background-color .5s;
}

#topMenu a:hover {
    background-color: #54c247;
    transition: background-color .5s;
}

#topMenu .fa {
    margin-right: 3px;
}
.searchHere{
margin-top: 1%;
width: 333px;
height: 65px;
}
/*---------------------End Top Menu Bar Styling----------------*/

/*----------Main Nav-------------*/

.row{
--bs-gutter-x: 0;
}

.container{
--bs-gutter-x: 0;
}
.container-fluid{
padding: 0;
margin: 0;
--bs-gutter-x: 0;
}
.navbar{
padding: 0;
background-color: #ffffff;

}

.navbar-nav {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 0px;
background-color: #ffffff;
}

.navbar-nav > li {
  float: none;
  display: inline-block;
margin-right: 20px;
}
.navbar-nav > li > a{
color: #285c4d;
}

.navbar-nav > li > a:hover{
color: #54c247;
}
.navbar-nav > li > .dropdown-menu > li > a{
color: #285c4d !important;
}
.navbar-nav > li > .dropdown-menu > li > a:hover{
color: #54c247 !important;
}


.navbar {
  min-height: 40px;
  position: relative;
}
#outerNavbarWrapper {
  background-color: #ffffff;
}
#innerNavbarWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#mainNavbar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#mainNavbar > * {
  margin-left: 40px;
}

.navbar-nav > .dropdown {
  font-weight: bold;
  font-size: 17px;
}

.navbar-nav > li > .dropdown-menu a:link {
  font-weight: bold;
  font-size: 17px;
/*color: red;*/
}

.navbar-nav a:link {
  font-weight: bold;
  font-size: 17px;
}

.navbar-nav > li > a {
  padding-left: 13px;
  padding-right: 13px;
}
.navbar-default .navbar-nav > .active > a {
  background-color: #ffffff;
}
.navbar-nav > li > a:hover {
  color: #54c247 !important;
  background-color: #e7e7e7 !important;
}

.navbar-nav > li > .dropdown-menu a:hover {
  color: #54c247 !important;
  background-color: #e7e7e7 !important;
}

@media (max-width: 767px) {
  #innerNavbarWrapper {
    flex-direction: column;
  }

  #mainNavbar {
    flex-direction: column;
  }

  #mainNavbar > * {
    margin-left: 0;
  }
.dropdown-item{
text-align: center;
}
.navbar-nav > li > .dropdown-menu > li > a{
color: #54c247 !important;
}

}
/*------------------End Main Nav-------------*/


/*-------Nav Wrapper---------*/
.navWrapper{
display: flex;
flex-direction: row;
justify-content: sapce-evenly;
align-items: center;
gap: 70px;
border-bottom: 5px solid #285c4d;
}
@media(max-width: 900px){
.navWrapper{
flex-direction: column;
}
}



/*-------End Nav Wrapper---------*/

/*---------Carousel---------*/

.myMobile{
display: none;
}

@media(max-width: 600px){
.myMobile{
display: block;
}
#Mycarousel{
display: none;
}
}


/*---------End Carousel---------*/

/*----------Ad Row--------------*/
.adRow{
display: flex;
flex-direction: row;
justify-content: center;
gap: 70px;
margin-right: 5%;
margin-left: 5%;
margin-top: 20px;
margin-bottom: 30px;
}
@media (max-width: 1000px){
.adRow{
display: flex;
flex-direction: column;
}
}

/*----------End Ad Row--------------*/
/*---------------pages--------*/
.pageWrapper{
margin-top: 20px;
margin-bottom: 50px;
}
.header{
color: #285c4d;
font-size: 30px;
font-weight: bold;
margin-top: 50px;
margin-bottom: 40px;
text-align: center;
}
.subHeader{
color: #285c4d;
font-weight: bold;
margin-top: 20px;
margin-bottom: 15px;
font-size: 22px;
}

.line{
width: 100%;
height: 2px;
background-color: #00a3e0;
margin-top: 15px;
margin-bottom: 15px;
}
/*--------------- End pages--------*/

/*----------Footer-----------*/

.innerFooter{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: #ffffff;
background-color: #285c4d;
gap: 70px;
padding-top: 30px;
padding-bottom: 30px;
    border-top: 10px solid #00a3e0;
}
@media (max-width: 1000px) {
.innerFooter{
display: flex;
flex-direction: column;
}
.footerLogo{
padding-right: 5%;
padding-left: 5%;
}
}

.fHeader{
font-weight: bold;
font-size: 20px;
margin-bottom: 15px;
}
.fHeader2{
font-weight: bold;
}
.footerItem a{
color: #ffffff;
font-size: 17px;
}
/*.footerLogo{
margin-top: 3%;
}*/
/*----------End Footer-----------*/


/*------------Landing Pages-------------*/

.landingHeader{
color: #54c247;
font-weight: bold;
text-align: center;
font-size: 3rem;
margin-top: 50px;
}

.landing{
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 30px;
gap: 70px;
padding-bottom: 20px;
}
@media(max-width: 900px){
.landing{
gap: 30px;
flex-direction: column;
}

}


/*------------End  Landing Pages-------------*/