header.header{
   transition:all .3s ease-in;
}
.scroll .custom-no-navigation .header {
   padding: 19.4px 0;
}
.header .page-center {
   padding: 10px 0;
   margin: 0 auto;
}
.header-nav {
   display: flex;
   align-items: center;
}
.header .left {
   width: 60%;
   display: flex;
   position:relative;
   align-items: center;
}
.header .left .logo-section a {
   margin-right: 19px;
   display: block;
}
.header .left .logo-section img {
   height: auto;
   max-height: 40px;
   width: auto;
   transition: font-size 300ms ease 0ms, max-height 300ms ease 0ms;
}

.header .menu-wrap {
   display: flex;
   animation: fadeInBottom 1s cubic-bezier(.77,0,.175,1) 1;
   flex: 1 1 auto;
   align-items: stretch;
   flex-wrap: wrap;
   opacity: 1;
}

.header-menu .hs-menu-wrapper>ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
}

.header-menu .hs-menu-wrapper>ul>li {
   position: relative;
   display: flex;
   padding-left: 11px;
   padding-right: 11px;
   line-height: 1em;
   font-size: 14px;
   margin: 0;
   font-weight: 500;
}

.header-menu .hs-menu-wrapper>ul>li:last-child {
   padding-right: 0;
}
.header-menu .hs-menu-wrapper>ul>li.hs-item-has-children:last-child>a:after{
   right:0;
}

.header-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a {
   padding-right: 20px;
}

.header-menu .hs-menu-wrapper>ul>li>a {
   padding: 31px 0;
   white-space: nowrap;
   transition: font-size 300ms ease 0ms, max-height 300ms ease 0ms;
   font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
   display: flex;
   align-items: center;
}

.header-menu .hs-menu-wrapper>ul>li.hs-item-has-children>a:after {
   font-family: ETmodules;
   content: "3";
   font-size: 16px;
   position: absolute;
   right: 11px;
   top: 50%;
   font-weight: 800;
   transform: translateY(-50%);
}
.header .search {
   margin: 0 11px;
   font-size: 17px;
   display: flex;
   align-items: center;
   line-height: normal;
   cursor: pointer;
}
.search .search-button:after {
   content: "U";
   font-family: ETmodules;
   font-size: 17px;
   line-height: normal;
   cursor: pointer;
}
.mobile-trigger{
   display:none;
}

.mobile-trigger .mobile_menu_bar:before {
   content: "a";
   font-size: 32px;
   position: relative;
   left: 0;
   top: 2px;
   font-family: ETmodules;
   font-style: normal;
   font-weight: 400;
   line-height: 1;
   text-shadow: 0 0;
   direction: ltr;
   display: block;
   cursor: pointer;
}

.search-container {
   position: absolute;
   left: 0;
   bottom: 0;
   visibility:hidden;
   display: flex;
   align-items: center;
   width: 100%;
   height: 100%;
   opacity: 0;
   z-index: 999;
   transition: all .3s ease-in;
   padding-left: 210.703px;
   flex: 1 1 auto;
   animation: fadeOutTop 1s cubic-bezier(.77,0,.175,1) 1;
}

.search-inner{
   display:flex;
   flex: 1 1 auto;
   align-items:center;
}

.search-container form {
   flex: 1 1 auto;
}
.search-button {
   height: 17px;
   width: 17px;
}

.search-container form input::-webkit-input-placeholder{
   color:#757575;
}
input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
   opacity:0;
}

.search-container form input.et_pb_menu__search-input {
   border: 0;
   width: 100%;
   padding: 1px 2px;
   background: transparent;
   font-weight:400;
}

.search-container button.close-search-button {
   display: flex;
   align-items: center;
   padding: 0;
   margin: 0 11px;
   font-size: 17px;
   line-height: normal;
   background: none;
   border: 0;
   cursor: pointer;
   flex-direction: row-reverse;
   flex: 0 0 auto;
}

.search-container button.close-search-button:after {
   content: "M";
   font-size: 1.7em;
   font-family: ETmodules;
}
.header .right {
   width: 40%;
}

.header .right .header-btns {
   display: flex;
   justify-content: flex-end;
   padding:0 2px;
   gap: 56px;
}

header.header .header-btns .hs-sec-btn,
header.header .header-btns .hs-button{
   position:relative;
   letter-spacing: 3px;
   font-size: 12px;
   font-family: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
   text-transform: uppercase;
   line-height: 1.7em;
   transition: font-size 300ms ease 0ms, line-height 300ms ease 0ms, padding 300ms ease 0ms, letter-spacing 300ms ease 0ms, margin 300ms ease 0ms;
}

header.header .header-btns .hs-sec-btn:hover,
header.header .header-btns .hs-button:hover{
   letter-spacing: 4px ;
}

header.header .header-btns .hs-button {
   font-weight: 900;
}

.header-menu .hs-menu-wrapper>ul ul.hs-menu-children-wrapper {
   top: calc(100% - 1px) !important;
   left: 0;
   position: absolute;
   padding: 20px 0;
   text-align: left;
   transition: all .2s ease-in-out;
   border-top: 3px solid#781fff;
   z-index: 9999;
   width: 240px;
   visibility: hidden;
   opacity: 0;
   box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}
.header-menu .hs-menu-wrapper>ul>li.hs-item-has-children:hover>ul{
   visibility: visible;
   opacity: 1;
}

.header-menu .hs-menu-wrapper>ul ul.hs-menu-children-wrapper li {
   margin: 0;
   position: relative;
   line-height: 2em;
   padding: 0 20px;
   display: inline-block;
   font-size: 14px;
}

.header-menu .hs-menu-wrapper>ul ul.hs-menu-children-wrapper li a {
   font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
   font-size: 15px;
   padding: 6px 20px;
   max-width: 200px;
   word-wrap: break-word;
   display: block;
   position: relative;
}

.header-menu .hs-menu-wrapper>ul ul.hs-menu-children-wrapper li a:hover {
   opacity: .7;
}

.header-menu .hs-menu-wrapper>ul>li>a:hover {
   opacity: .7;
}

.search-open .search-container {
   visibility: visible;
   opacity: 1;
   animation: fadeInTop 1s cubic-bezier(.77,0,.175,1) 1;
}

.search-open .header .menu-wrap{
   opacity: 0;
   animation: fadeOutBottom 1s cubic-bezier(.77,0,.175,1) 1;
}

.scroll .header {
   position: fixed;
   padding: 0px;
   z-index: 99;
   width: 100%;
   left: 0px;
   top: 0px;
   bottom: auto;
   margin-top: 0px;
}

.header .page-center{
   width:94%;
   transition: all .3s ease-in; 
}

.scroll .header .page-center {
   padding: 0px;
   margin: 0px auto;
   width: 85%;
}

.scroll .header .left .logo-section img {
   max-height: 36px;
}

.scroll .header .header-menu .hs-menu-wrapper>ul>li>a {
   font-size: 14px;
}

.scroll .header .header-btns .hs-button,
.scroll .header .header-btns .hs-sec-btn {
   padding-top: 5px;
   padding-bottom: 5px;
}

.scroll .header .right .header-btns {
   margin-top: 0px;
}
.scroll .header-menu .hs-menu-wrapper>ul ul.hs-menu-children-wrapper li a {
   font-size: 14px;
}
.mobile-menu .hs-menu-wrapper>ul>li.active>a {
   background-color: rgba(0, 0, 0, .03);
}
.scroll .header,
.scroll .header>*{
   box-shadow: none;
}
.custom-no-navigation .header {
   padding: 18.02px 0;
}
.scroll .mobile-menu ul li a {
   font-size: 14px;
}
.mobile-menu {
   max-height: calc(100vh - 80px);
}



@media(min-width:981px){
   .mobile-menu.mobile {
      display: none;
      visibility: hidden;
      opacity: 0;
      pointer-events:none;
   }
   .search-container form input {
      font-size:15px;
   }
   
}

@media(min-width:1260px) and @media(max-width:1290px){
   .header .search {
      margin: 0 6px;
   }
}

@media(max-width:1260px){
   .header-menu {    
      display: none;
   }
   .mobile-trigger {
      display: block;
   }
   .mobile-menu {
      border-top: 3px solid #FFFFFF;
      position: absolute;
      left: 0;
      top: 100%;
      padding: 5%;
      line-height: 26px;
      width: 100%;
      visibility: visible;
      opacity: 1;
      z-index: 9999;
      display: none;
      overflow-y:auto !important;
      max-height: calc(100vh - 80px);
   }
   .mobile-menu ul {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
   }
   .mobile-menu ul li {
      margin: 0;
   }

   .mobile-menu ul li a {
      line-height: 0.8em;
      transition: font-size 300ms ease 0ms, max-height 300ms ease 0ms;
      padding: 10px 5%;
      display: block;
      border-bottom: 1px solid rgba(0, 0, 0, .03);
      font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
      font-weight: 500;
      font-size: 16px;
   }
   .mobile-menu ul li.hs-item-has-children>a {
      font-weight: 700;
      background-color: rgba(0, 0, 0, .03);
   }
   .mobile-menu ul li.active>a {
      background-color: rgba(0, 0, 0, .03);
   }
   .child_theme .mobile-menu ul ul.hs-menu-children-wrapper {
      position: static;
      opacity: 1;
      padding-left: 10px;
   }
   .child_theme .mobile-menu ul ul.hs-menu-children-wrapper li {
      padding-left: 5%;
   }

   .header .right .header-btns {
      gap: 5%;
      margin-right: -10px;
   }
   .scroll .header {
      padding: 10px 0;
   }
   .mobile-menu ul li a:hover {
      opacity: .7;
   }
   .mobile-menu ul ul li a:hover{
      background-color: rgba(0, 0, 0, .03);
   }

   .search-open .mobile-menu {
      opacity: 0;
      visibility: hidden;
   }

   .custom-no-navigation .header,
   .scroll .custom-no-navigation .header{
      padding:0;
   }

   .scroll .custom-no-navigation .header .page-center {
      padding: 10px 0;
   }
   .header .page-center {
      padding: 17px 0;
   }
   .mobile-menu ul ul li a
}


@media(max-width:980px){
   .header .right {
      display: none;
   }

   .header .left {
      width: 100%;
   }
   .header .menu-wrap {
      justify-content: flex-end;
   }
   .header .page-center {
      width: 85%;
      max-width: 1260px;
      margin-top: 0;
      margin-bottom: 0;   
      padding:5px 0;
   }

   .header-nav {
      margin: 10px 0;
      padding: 5px 0;
   }

   header.header {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-top: 10px;
      margin-bottom: 10px;
   }
   .mobile-trigger {
      margin: 0 6px;
   }
   .mobile-menu.tab {
      display: none;
      visibility: hidden;
      opacity: 0;
      pointer-events:none;
   }
   .search-container form input {
      font-size:16px;
   }
   .scroll .header {
      padding: 10px 0px;
   }
   .scroll .custom-no-navigation .header{
      padding:0;
   }
   .scroll .header .page-center {
      padding: 5px 0;
   }
   .blog-banner.simple-banner {
      padding-top: 4%;
      padding-bottom: 20%;
   }
   .mobile-menu{
      max-height: calc(100vh - 100px);
   }
   .custom-no-navigation .header {
      padding: 10px 0;
   }

   .custom-no-navigation .header .page-center {
      padding: 5px 0;
   }
}

@media(max-width:767px){
   header.header {
      margin: 0;
   }
   .mobile-menu ul li a{
      font-size:14px;
   }
   .header .page-center {
      width: 85%;
   }
   .search-container form input {
      font-size:14px;
   }
   .custom-no-navigation .header,
   .scroll .custom-no-navigation .header{
      padding:0;
   }
   .custom-no-navigation .header .page-center,
   .scroll .custom-no-navigation .header .page-center {
      padding: 15px 0;
   }
}

@media(max-width:479px){
   .header .left .logo-section a {
      margin-right:30px;
   }
   .search-container {
      padding: 0;
   }
   .header .menu-wrap{
      flex-wrap:nowrap;
   }
   .search-container{
      background:#fff;
   }
}











@keyframes fadeInBottom {
   0% {
      opacity: 0;
      -webkit-transform: translateY(60%);
      transform: translateY(60%);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
   }
}

@keyframes fadeOutBottom {

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

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

}


@keyframes fadeOutTop {
   0% {
      opacity: 1;
      -webkit-transform: translatey(0);
      transform: translatey(0);
   }

   100% {
      opacity: 0;
      -webkit-transform: translatey(-60%);
      transform: translatey(-60%);
   }
}


@keyframes fadeInTop {
   0% {
      opacity: 0;
      -webkit-transform: translatey(-60%);
      transform: translatey(-60%);
   }

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