/* MegaMenu Style Start */
.top-section {
  position: sticky;
  top: 0;
  z-index: 10000;
}

.menu_wrapper{
  width: 100%;
  background-color: #00A5FF;
  padding: 0 10px;
  height: auto;
}

.menu_wrapper button:focus, .menu_wrapper .navbar-toggler:focus{
  outline: 0;
  box-shadow: none;
}

.menu_wrapper .navbar {
  height: auto;
}

.menu_wrapper .navbar-brand {
  width: 36px;
  height: 36px;
  margin-top: -8px;
}

.menu_wrapper .navbar-brand img {
  width: 36px;
  height: 36px;
}

.menu_wrapper .navbar-brand img:hover {
  opacity: .8;
}

.menu_wrapper .navbar-nav .nav-link{
  font-family: var(--body-font);
  font-size: var(--h3-font-size);
  font-weight: var(--font-medium);
  color: #000;
  padding-right: 20px;
  display: inline-block;
}

.menu_wrapper .navbar-nav .nav-link:hover{
  color: red;
}

.menu_wrapper .dropdown-menu{
  width: 300px;
}

.menu_wrapper .dropdown-menu .dropdown-item{
  font-family: var(--body-font);
  font-size: var(--h3-font-size);
  font-weight: var(--font-medium);
  color: #000;
  margin-bottom: 5px;
  border-bottom: 1px solid #f8f8f8;
}

.menu_wrapper .dropdown-menu .dropdown-item:hover{
  color: red;
  background-color: #fff;
  border-bottom: 2px solid darkred;
}

.menu_wrapper .dropdown-mega .dropdown-menu{
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0;
}

.menu_wrapper .dropdown-mega #small{
    width: 70%;
    left: 0 !important;
    right: 0 !important;
    margin-left: 15%;
/*    overflow: scroll;*/
}

.menu_wrapper .dropdown-mega .list-group-item{
  font-family: var(--body-font);
  font-size: var(--h3-font-size);
  font-weight: var(--font-medium);
  color: #000;
  margin-bottom: 5px;
  border: none;
  border-bottom: 1px solid #f8f8f8;
}

.menu_wrapper .dropdown-mega .list-group-item:hover{
  color: red;
  border-bottom: 2px solid darkred;
}

.menu_wrapper form i {
  cursor: pointer;
  color: red;
}

.menu_wrapper form i:hover{
  color: #fff;
}

.menu_wrapper .dropdown:hover .dropdown-menu {
  display: block;
}

.searchArea {
  width: 100%;
  margin-top: 0;
  background: #F2F3F4;
  padding: 10px 0;
  height: 60px;
}
.searchArea .item-left{
  width: 92%;
  float: left;
  padding: 0 20px 0 0;
}
.searchArea .item-right{
  width: 8%;
  float: right;
}
.searchArea .item-right .area{
  width: 100%;
}
.searchArea .item-right .area .item-left{
  width: 44%;
  float: left;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 8%;
}
.searchArea .item-right .area .item-right{
  width: 44%;
  float: right;
  border-radius: 5px;
  cursor: pointer;
}
.searchArea .item-right .area i{
  font-size: var(--normal-font-size);
  padding: 10px 15px;
  cursor: pointer;
  color: red;
}
.searchArea .item-right .area i:hover{
  color: darkred;
}
.searchArea .item-left input[type=text]{
  width: 100%;
  padding: 4px 20px;
  border-radius: 5px;
  font-family: var(--body-font);
  font-size: var(--h3-font-size);
  outline: none;
  border: none;
}
.searchArea .item-left input[type=text]:focus{
  border: 1px solid red;
}
.searchArea .item-left input[type=text]:hover{
  border: 1px solid #888888 ;
}
/* MegaMenu Style End */