@charset "utf-8";
/* CSS Document */

a {
  text-decoration: none;
}

.h_wrapper {
  justify-content: space-between;
}

.mainheader nav ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
}

.mainheader nav li {
  color: #231f20;
  margin: 0 24px !important;
  padding: 0 !important;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}

.mainheader nav li a {
  display: flex;
  align-items: center;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.48px;
  color: #363636 !important;
}

.mainheader nav #menu-main-menu>li>a {
  color: #fff !important;
  transition: all ease-out 0.3s !important;
  -webkit-transition: all ease-out 0.3s !important;
  -moz-transition: all ease-out 0.3s !important;
  -ms-transition: all ease-out 0.3s !important;
  font-size: 16px;
}

/* body.fixed-header nav > #menu-main-menu > li > a {
  color: #363636 !important;
} */

.mainheader nav li a img {
  margin-right: 10px;
}

div.nav-toggle {
  display: none;
}

.mainheader nav li:hover {
  cursor: pointer;
}

li.has-dropdown.level1 {
  background-size: 12px;
  padding: 0 20px 0 0;
}

li.has-dropdown.level1 a {
  padding: 22px 0;
  color: #363636;
}

li.level1 a {
  padding: 50px 0 !important;
}

body.fixed-header li.has-dropdown.level1 > a,
body.fixed-header li.level1 > a {
  padding: 52px 0 !important;
}

.mainheader nav ul li ul {
  visibility: hidden;
  opacity: 0;
  width: 300px;
  position: absolute;
  transition: all 0.3s ease;
  left: 0;
  margin: 0;
  display: none;
}

.mainheader nav ul li.level1.servicemenu>ul,
.mainheader nav ul li.level1.servicemenu>ul {
  display: none;
}

.mainheader nav ul li:hover>ul,
.mainheader nav ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
  background: #fff;
  padding: 30px !important;
  border-radius: 5px;
  border: 1px solid #d5ddec;
  min-width: 1000px;
  left: 50%;
  margin: 0 0 0 -500px;
}

.mainheader nav ul li.level1.servicemenu:hover>ul,
.mainheader nav ul li.level1.servicemenu>ul:hover {
  display: flex;
}

.mainheader nav ul li ul li {
  margin: 0 !important;
  position: static;
}

.mainheader nav ul li ul li a {
  margin: 0 !important;
  padding: 15px 0 !important;
}

.mainheader nav ul li ul li.level2:hover ul li a {
  background: #fff;
  padding: 0;
}

.level1.formobile {
  display: none;
}

.mainheader nav li.level2:first-child ul {
  visibility: visible;
  display: block;
  opacity: 1;
}

.mainheader nav ul li ul li.menuctadiv {
  position: absolute;
  width: calc(100% - 60px);
  left: 30px;
  bottom: 0;
}

.mainheader nav ul li ul li.menuctadiv a {
  color: var(--white-color) !important;
}

.mainheader nav ul li ul li.menuctadiv:hover a {
  padding: 15px 0 !important;
  background: #b10954;
}

.mainheader nav ul li:before {
  display: none;
}

.mainheader nav ul>li.has-dropdown.level1 a {
  position: relative;
}

.mainheader nav ul li ul li.level2 a {
  position: relative;
  width: 300px;
}

body.fixed-header .mainheader nav ul li ul li.level2>ul li a {
  padding: 15px 0 !important;
}

.mainheader nav ul li ul li.level2:hover>a {
  background: rgba(0, 0, 246, 0.1);
  padding-left: 15px !important;
}

.mainheader nav ul li ul li.level2 ul {
  position: absolute;
  width: calc(100% - 370px);
  min-width: inherit;
  left: 350px;
  margin: 0;
  z-index: 1;
  padding: 0 !important;
  top: 30px;
  border: 0px solid transparent;
  background: transparent;
}

.mainheader nav ul>li.has-dropdown.level1 a i {
  background: url(../images/menu-arrow-black.svg) no-repeat right center;
  width: 12px;
  height: 7px;
  display: inline-block;
  margin: 0 0 0 8px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(226deg) brightness(101%) contrast(102%);
  transition: all ease-out 0.3s !important;
  -webkit-transition: all ease-out 0.3s !important;
  -moz-transition: all ease-out 0.3s !important;
  -ms-transition: all ease-out 0.3s !important;
}

/* body.fixed-header nav > #menu-main-menu > li.has-dropdown.level1 a i {
  filter: unset;
} */

.mainheader nav ul>li.has-dropdown.level1 a:hover i {
  transform: rotate(-180deg);
}

.mainheader nav ul li.has-dropdown.level2 a:before,
.mainheader nav ul li.has-dropdown.level2 a:before {
  display: none;
}

body.fixed-header .mainheader nav ul>li.has-dropdown.level1.simpledropdown a:before,
body.fixed-header .mainheader nav ul>li.has-dropdown.level1.megamenu a:before {
  top: 28px;
}

.mainheader nav ul li ul li.level2 ul li a:hover {
  color: #41bb88;
  text-decoration: underline;
}

li.has-dropdown.level1.simpledropdown,
li.has-dropdown.level1.megamenu {
  position: relative;
}

li.has-dropdown.level1.simpledropdown,
li.has-dropdown.level1.megamenu {
  position: relative;
}

li.has-dropdown.level1.simpledropdown ul:before,
li.has-dropdown.level1.megamenu ul:before {
  content: "";
  position: absolute;
  z-index: 0;
  background: url(../images/menu-dropdown-arrow.svg) no-repeat 0 0;
  width: 31px;
  height: 31px;
  top: -15px;
  left: 15px;
}

.mainheader nav li {
  position: initial;
}

/* level 3 style */
.mainheader nav li.level1.megamenu li.shop_pro_l1 a {
  padding: 15px 15px !important;
  max-width: 290px;
  background: url(../images/menu-right-green-arrow.svg) no-repeat right center !important;
  background-size: 0 !important;
}

.mainheader nav .level1.megamenu li.shop_pro_l1:hover a {
  padding: 15px 15px !important;
  max-width: 290px;
  background: url(../images/menu-right-green-arrow.svg) no-repeat right 20px center #fff !important;
  background-size: 100%;
}

li.shop_pro_l1 ul.level2 li a {
  background: none;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 !important;
  border: 0px solid transparent !important;
  font-weight: normal;
}

.mainheader nav .level1.megamenu li.shop_pro_l1:hover ul.level2 li a {
  background: none !important;
  padding: 8px 0 8px 15px !important;
}

.mainheader nav .level1.megamenu li.shop_pro_l1:hover ul.level2 li a:hover,
.mainheader nav .level1.megamenu li.shop_pro_l1 ul.level2 li.active a {
  color: #84bd00 !important;
}

.mainheader nav ul li.servicemenu ul {
  min-height: 360px;
}

.mainheader nav ul li.areasmenu ul {
  /* min-height: 540px; */
  min-height: 490px;
}

.mainheader nav .ft-top-content {
  border-radius: 0;
  border: 0px solid transparent;
  border-top: 1px solid #ccc;
  padding: 20px 0;
}

.mainheader nav ul>li.has-dropdown.level2 a i {
  position: absolute;
  transform: rotate(-90deg);
  top: 25px;
  right: 5px;
  display: none;
}

.mainheader nav ul>li.has-dropdown.level2:hover a i {
  display: block;
  transform: rotate(-90deg);
  top: 18px;
}

.mainheader nav ul li.mobile-menubtn {
  display: none;
}

.mainheader nav ul li.servicemenu>ul,
.mainheader nav ul li.areasmenu>ul {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.mainheader nav li.level1.has-dropdown.areasmenu ul li ul {
/*   opacity: 1;
  visibility: visible; */
  z-index: 11;
  background: #fff;
}

.mainheader nav li.level1.servicemenu>ul {
  min-width: 1200px;
  padding: 0;
  left: 50%;
  margin: 0 0 0 -400px;
  background: var(--white);
  border: 1px solid #ccc;
  padding-left: 400px !important;
  display: flex;
  flex-wrap: wrap;
  column-count: 2;
  gap: 35px;
  justify-content: flex-end;
  border-top: 3px solid var(--blue);
  border-radius: 0 0 8px 8px;
}

.mainheader nav li.level1.areasmenu>ul {
  border-top: 3px solid var(--blue);
}

.mainheader nav li.level1.areasmenu>ul::before {
  position: absolute;
  height: 100%;
  width: 315px;
  top: 0;
  left: 0;
  content: "";
  background-color: #0606230a;
  z-index: 0;
}

.mainheader nav ul li.areasmenu ul li.level2 a {
  position: relative;
  width: 284px;
}

/* .mainheader nav > ul > li > a:hover,
.mainheader nav > ul > li.current-menu-item > a {
  text-decoration: underline;

} */
.mainheader nav>ul#menu-main-menu>li>a:hover,
.mainheader nav>ul#menu-main-menu>li.current-menu-item>a {
  text-decoration: underline;
  color: #0000f6 !important;
}

.mainheader nav li.level1.areasmenu>ul>li.current-menu-parent>a {
  background: rgba(0, 0, 246, 0.1);
  padding-left: 15px !important;
}

.mainheader nav li.level1.areasmenu>ul>li.current-menu-parent>a>i {
  display: block;
  transform: rotate(-90deg);
  top: 18px;
}

.mainheader nav li.level1.areasmenu>ul>li>ul>li.current_page_item>a {
  text-decoration: underline;
}

.mainheader nav li.level1.areasmenu>ul>li>ul>li>a,
body.fixed-header .mainheader nav li.level1.areasmenu>ul>li>ul>li>a {
  padding: 12px 0 !important;
}

.mainheader nav li.level1.areasmenu ul li ul {
  min-height: 386px;
  top: 0;
  padding-top: 30px !important;
  height: 100%;        
  display: flex;
  flex-wrap: wrap;
	overflow-y:auto;visibility: hidden;
        opacity: 0;
	padding-bottom:20px !important;
}
.mainheader nav li.level1.areasmenu ul > li.menu-item-hover > ul{
	visibility: visible;
        opacity: 1;
}
.mainheader nav li.level1.has-dropdown.areasmenu ul li ul > li {
   width: 50%;margin-bottom:0;
}
.mainheader nav li.level1.areasmenu>ul>li>ul>li.current_page_item>a .mainheader nav li.level1.servicemenu>ul:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: var(--black);
  opacity: 0.2;
  left: 385px;
  top: 0;
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type) {
  width: calc(50% - 30px);
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type) .menuservimg {
  width: 370px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type) .menuservimg img {
  width: 100%;
  height: auto;
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type) .menuservimg:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  opacity: 0.6;
  transition: all ease-out 0.3s !important;
  -webkit-transition: all ease-out 0.3s !important;
  -moz-transition: all ease-out 0.3s !important;
  -ms-transition: all ease-out 0.3s !important;
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type):hover .menuservimg:after {
  background: transparent linear-gradient(180deg, #00000000 0%, #16254c 100%) 0% 0% no-repeat padding-box;
  opacity: 0.95;
  height: 100%;
  transition: all ease-out 0.3s !important;
  -webkit-transition: all ease-out 0.3s !important;
  -moz-transition: all ease-out 0.3s !important;
  -ms-transition: all ease-out 0.3s !important;
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type) a {
  display: flex;
  flex-wrap: wrap;
  padding: 0 !important;
  position: relative;
}

.mainheader nav ul li.servicemenu>ul li:not(:first-of-type) span {
  width: 100%;
  display: flex;
  padding: 10px;
  font-size: 20px;
  color: var(--btndarkcol);
}

.mainheader nav ul li.servicemenu>ul li.menuserviceinfo {
  max-width: 300px;
  z-index: 0;
  position: absolute !important;
  top: 50px !important;
  left: 50px !important;
}

.mainheader nav ul li.servicemenu>ul li.menuserviceinfo a.btn_theme {
  width: auto;
  display: inline-block;
  padding: 10px 20px !important;
}

.mainheader nav ul li.servicemenu>ul li.menuserviceinfo a.btn_theme:hover {
  color: var(--white) !important;
}

li.menuserviceinfo .serviceinfotitle {
  font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem);
  font-weight: bold;
  margin-bottom: 10px;
}

/*responsive styles*/
@media (max-width: 1900px) {}

@media (max-width: 1599.98px) {
  .mainheader nav li {
    margin: 0px 14px !important;
  }
}

@media (max-width: 1439.98px) {
  .mainheader nav li {
    margin: 0 8px !important;
  }

  body.fixed-header li.level1 a {
    padding: 38px 0 !important;
  }
}

@media (max-width: 1200px) {}

@media (max-width: 575px) {}