/* Header_Start */
  header { width: 100%; z-index: 9999; position: fixed; width: 100%; padding: 20px 0; top: 0; background: #1881C4;
    -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
		box-shadow: 1px 2px 5px transparent; -moz-box-shadow: 1px 2px 5px transparent; -webkit-box-shadow: 1px 2px 5px transparent;
    background: #1881C4 url(../images/headerTop.svg) no-repeat; background-size: cover;
}

header:before { content: ""; position: absolute; top: 0; left: 0; background: #0a5b8f; width: 100%; height: 100%; opacity: 0.5; }

.home header { background: transparent}
.home header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/headerBg.png) no-repeat;
    background-size: 100% 120%;
    opacity: 1;
}
.home.navActive header::before { opacity:0; }

.admin-bar.home header { background: none !important; }
.admin-bar header::before { background: #1878b5 url(../images/headerBg.png) 100% 120% no-repeat; opacity: 0.7; }
.admin-bar.home header.sticky::before { opacity: 1;}

/*
  header::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: rgb(12,95,148);
   background: linear-gradient(270deg, rgba(12, 95, 148, 1) 60%, rgba(24, 129, 196, 1) 100%, rgba(255, 255, 255, 0) 100%);
 	 background: -moz-linear-gradient(270deg, rgba(12, 95, 148, 1) 60%, rgba(24, 129, 196, 1) 100%, rgba(255, 255, 255, 0) 100%);
 	 background: -webkit-linear-gradient(270deg, rgba(12, 95, 148, 1) 60%, rgba(24, 129, 196, 1) 100%, rgba(255, 255, 255, 0) 100%);
  }
 */
  .home header.sticky { background: #1881C4;}
  .sticky {background: #1881C4; position: fixed; top: 0; width: 100%; padding: 15px 0; box-shadow: 1px 2px 5px rgb(0 0 0 / 30%); -moz-box-shadow: 1px 2px 5px rgb(0 0 0 / 30%); -webkit-box-shadow: 1px 2px 5px rgb(0 0 0 / 30%); }
	header .container_1400 { position: relative; }
	.home .logo_wrapper a { pointer-events: none; display: block; }
	.logo_wrapper a { transition: none !important;}
	.logoWrapp { z-index: 1; width: 40%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start;
		justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
	.logoWrapp a { border-bottom: 0 !important; display: inline-block; height: auto; width: auto; background-image: none;	position: relative; line-height: 0; }
	.logoWrapp a:hover { background-image: none; border: 0; }
	.logoWrapp img  { display: block; left: 0; right: 0; margin: 0; width: 400px; max-height: 107px; height: auto;
	  -webkit-transition: all 0.4s cubic-bezier(.45,.05,.55,.95);
	  -moz-transition: all 0.4s cubic-bezier(.45,.05,.55,.95);
	  -o-transition: all 0.4s cubic-bezier(.45,.05,.55,.95);
	  transition: all 0.4s cubic-bezier(.45,.05,.55,.95);
	}
	.sticky .logoWrapp img{ width: 300px; height: auto; }

  img.mobileLogo { display: none; }



/* Header_End */

/* burgurMenu_Start */
#burgurMenu { display: none; width: 45px; height: 45px; position: absolute; transform: rotate(0deg); transition: all .5s ease-in-out;
  cursor: pointer; z-index: 105; right: 0px; top: 0; bottom: 0; margin: auto; -webkit-box-pack: center;
  -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 5px; }
.line { fill: none; stroke: #ffffff; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.line1 { stroke-dasharray: 60 207; stroke-width: 6; }
.line2 { stroke-dasharray: 60 60; stroke-width: 6; }
.line3 { stroke-dasharray: 60 207; stroke-width: 6; }
#burgurMenu.active .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
#burgurMenu.active .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6; }
#burgurMenu.active .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6; }
#burgurMenu svg { width: 50px !important; height: 50px !important; margin-top: 0px; margin-left: -1px; }
#burgurMenu.active path.line { stroke: #000000; }

/* burgurMenu_End */


nav ul { padding: 0;}
#menu-menu { padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex;
  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.mainNavmenu li { display: inline-block; margin-bottom: 0; padding: 5px 25px 10px; vertical-align: top;}
.mainNavmenu li a { color: #ffffff; font-size: 1.125rem; line-height: 2rem; padding: 5px 0px; display: inline-block; text-align: center; font-display:auto; font-weight:400; font-stretch:normal;
  -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
  background-image: linear-gradient(#ffffff, #ffffff); background-size: 0 4px;}
.mainNavmenu li a:hover { color: #ffffff; background-size: 100% 4px; background-image: linear-gradient(#ffffff, #ffffff);}
.mainNavmenu li > a:hover { color: #ffffff;}
.mainNavmenu li.current_page_item > a { color: #ffffff; background-size: 100% 4px; font-weight: 600;}
.mainNavmenu li.current_page_parent > a { color: #ffffff; background-size: 100% 4px; font-weight: 600;}
.mainNavmenu .current-page-ancestor > a { color: #ffffff; background-size: 100% 4px; font-weight: 600;}

.mobile_nav { z-index: 999; position: absolute; right: 30px; top: 0; bottom: 0; }

.mainNavmenu ul.sub-menu { opacity: 0; visibility: hidden; position: absolute; min-width: 220px; width: -webkit-max-content; width: -moz-max-content; width: max-content; top: 45px; left: 0; z-index: 999999;
  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
  flex-direction: column; padding: 0; -webkit-box-shadow: 1px 2px 5px #a7a7a7; box-shadow: 1px 2px 5px #a7a7a7; margin-left: 25px;
}
.mainNavmenu ul.sub-menu li { padding: 0;}
.mainNavmenu ul.sub-menu li a { background: #ffffff; width: 100%; display: block; color: #7E2A8A; padding: 7px 20px; border-bottom: 1px solid #a7a7a7; font-size: 1rem; line-height: 2rem; text-align: left;}
.mainNavmenu ul.sub-menu li:last-child a { border-bottom: 0; }



@media only screen and (min-width:1024px){
  nav.mobileMenu { margin-top: 0px; width: 60%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;
  }

  nav.desktopMenu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  nav.mobileMenu { display: none;}
  .mainNavmenu li:last-child { padding-right: 0; }
  .mainNavmenu ul.sub-menu li a:hover { color: #1476b4; background: #ebebeb; }

  .mainNavmenu li:hover > ul.sub-menu,
  .mainNavmenu li:focus > ul.sub-menu,
  .mainNavmenu li:focus-within > ul.sub-menu {
    opacity: 1; visibility: visible;
    -webkit-animation-name: MenuSlideIn;
    animation-name: MenuSlideIn;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }

  @keyframes MenuSlideIn {
    0% {
      opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px);
    }

    100% {
      -webkit-transform: translateY(0%);
      transform: translateY(0%);
      opacity: 1;
    }
  }

}
