.tp-header__area .hamburger{width:75px;height:75px;cursor:pointer;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.tp-header__area .hamburger path{fill:none;-webkit-transition:stroke-dashoffset 0.5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray 0.5s cubic-bezier(0.25,-0.25,0.75,1.25);-moz-transition:stroke-dashoffset 0.5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray 0.5s cubic-bezier(0.25,-0.25,0.75,1.25);-o-transition:stroke-dashoffset 0.5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray 0.5s cubic-bezier(0.25,-0.25,0.75,1.25);-ms-transition:stroke-dashoffset 0.5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray 0.5s cubic-bezier(0.25,-0.25,0.75,1.25);transition:stroke-dashoffset 0.5s cubic-bezier(0.25,-0.25,0.75,1.25),stroke-dasharray 0.5s cubic-bezier(0.25,-0.25,0.75,1.25);stroke-width:20px;stroke-linecap:square;stroke:#000;stroke-dashoffset:0px;}
.tp-header__area .hamburger path#top, .tp-header__area .hamburger path#bottom{stroke-dasharray:240px 950px;}


body.tp-MainMenu-active {overflow: hidden;}

#tp-MainMenu {position: fixed; left: -100%; right: auto; top: 0; bottom: 0; z-index: 9999999; background: #fff; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; }

.tp-MainMenu-active #tp-MainMenu {left: 0;right: 0;visibility: visible;opacity: 1;width: 100%; min-height: 100vh; height: auto;}

#tp-MainMenu {left: 0;right: 0;width: 100%; min-height: 100vh; height: auto;}

.tp-MainMenu-inner {margin: 0 auto; max-width: 1860px; padding: 100px 60px; overflow: hidden; height: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; align-content: flex-start; justify-content: flex-start; align-items: flex-start; position: relative; }

.menu-header-main-menu-container , .menu-header-main-menu-container ul.menu, 
.menu-header-main-menu-container ul.menu li {margin: 0; padding: 0; text-align: right; list-style: none; color: #666666; font-size: 22px; font-weight: 400; margin-left: auto; width: auto; float: none; }

.menu-header-main-menu-container {padding-block: 60px 30px; }

.menu-header-main-menu-container ul.menu li > a {font-size: 50px; text-decoration: none; color: #000000; display: inline-block; width: auto; font-weight: bold; line-height: normal; }

.menu-header-main-menu-container ul.menu li > a:hover {color: #666;}

.menu-header-main-menu-container ul.menu li  + li {margin-top: 13px; }

.tp-MainMenu-inner .bottom-links {margin: 0; padding: 0; display: inline-flex; align-items: flex-start; margin-top: auto; position: absolute; left: 60px; bottom: 60px; z-index: 11; right: 0; width: auto; }

.tp-MainMenu-inner .bottom-links > label {font-size: 16px; line-height: normal; margin: 1px 0 0 0; padding: 0; color: #666; font-style: normal; font-weight: 500; display: inline-block; width: auto; }

.tp-MainMenu-inner .social__list, .tp-MainMenu-inner .social__list li {list-style: none;display: inline-block;margin: 0;padding: 0;font-size: 18px;line-height: normal;}

.tp-MainMenu-inner .social__list li {margin-left: 35px;}

.tp-MainMenu-inner .social__list a {text-decoration: none;color: #000;font-size: 18px;}

.tp-MainMenu-inner .social__list a:hover {color: #777;}

#nav-menu-close {width: 26px; height: 26px; position: absolute; right: 60px; top: 30px; background: none; color: transparent; font-size: 0;cursor:pointer; }

#nav-menu-close::before, #nav-menu-close::after {background: #000441; transform: rotate(-45deg); content: ""; width: 2px; height: 30px; position: absolute; left: 0; top: 0; transform-origin: 5px -1px; }

#nav-menu-close::after {transform: rotate(45deg); transform-origin: 9px 29px; }

.tp-MainMenu-inner .menu-header_menu-container{width: 100%;display: inline-block;vertical-align: middle;margin: 0;padding: 0;text-align: right;}

.tp-MainMenu-inner .menu-header_menu-container.menu-header-main-menu-container {width: auto;display: inline-block;}

#menu-header_menu ul.sub-menu , #menu-header_menu ul.sub-menu li {display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: middle; list-style: none; }

#menu-header_menu ul.sub-menu {padding: 6px 0 10px; }

#menu-header_menu ul.sub-menu li + li {margin-top: 10px; }

#menu-header_menu ul.sub-menu li  a {text-decoration: none; color: #666666; font-weight: 500; font-size: 22px; line-height: normal; }

#menu-header_menu ul.sub-menu li a:hover {color: #333;}

.menu-header-main-menu-container ul.menu li button.sub-menu-toggle {display: none;visibility: hidden;opacity: 0;}

#menu-header_menu ul.sub-menu  {display: block; width: 100%; margin: 0;  line-height: normal;transition: all 0.8s ease-in-out; padding: 0; max-height: 0; overflow: hidden; visibility: hidden; opacity: 1; }

#menu-header_menu li:hover ul.sub-menu {padding: 0; opacity: 1; max-height: 300px; visibility: visible; transition: all 0.8s ease-in-out; }




@media (max-width: 1620px) {

.menu-header-main-menu-container {padding-block: 70px 40px; }

.menu-header-main-menu-container ul.menu li > a {font-size: 46px;}

}



@media (max-width: 1440px) {

.tp-MainMenu-inner {padding: 50px 40px; }

.menu-header-main-menu-container {padding-block: 40px 30px; }

.menu-header-main-menu-container ul.menu li > a {font-size: 38px;}

.tp-MainMenu-inner .social__list a {font-size: 17px;}

.tp-MainMenu-inner .social__list li {margin-left: 30px;}

.tp-MainMenu-inner .bottom-links {left: 40px; bottom: 40px; }

#nav-menu-close {right: 40px;top: 20px;}

#menu-header_menu ul.subMenu-list li  a {font-size: 20px;}

#menu-header_menu ul.subMenu-list li + li {margin-top: 6px; }

}



@media (max-width: 1280px) {

.menu-header-main-menu-container {padding-block: 30px 30px;}

.menu-header-main-menu-container ul.menu li > a {font-size: 34px;}

#menu-header_menu ul.sub-menu li  a {font-size: 18px;}

#menu-header_menu  ul.sub-menu li + li {margin-top: 6px;}

/*#menu-header_menu ul.sub-menu {padding: 3px 0 5px;}*/

.tp-MainMenu-inner {padding: 30px 20px;}

.tp-MainMenu-inner .bottom-links {left: 20px;bottom: 30px;}

#nav-menu-close {right: 20px;top: 13px;}

.tp-MainMenu-inner .social__list a {font-size: 16px;}

.tp-MainMenu-inner .bottom-links > label {font-size: 15px;}



}



@media (max-width:1023px) {
  
.menu-header-main-menu-container {padding-block: 30px;}

.menu-header-main-menu-container ul.menu li > a {font-size: 32px;}

.tp-MainMenu-inner .social__list li {margin-left: 25px;}

}


@media (max-width:991px) {
  
.menu-header-main-menu-container ul.menu li > a {font-size: 28px;}

.menu-header-main-menu-container ul.menu li + li {margin-top: 10px;}

#menu-header_menu ul.sub-menu li  a {font-size: 16px;}

.tp-MainMenu-inner .social__list li {margin-left: 20px;}

.tp-MainMenu-inner .social__list a {font-size: 14px;}
  
}


  
  
@media (max-width:767px) {
  
.tp-MainMenu-inner .bottom-links {position: static;margin: 25px 0 0 0;width: 100%;}

.menu-header-main-menu-container {padding-block: 0;}

.menu-header-main-menu-container ul.menu li > a {font-size: 26px;}

.tp-MainMenu-inner .menu-header_menu-container{max-height: none;overflow: visible;padding: 0;text-align: left;}

.tp-MainMenu-inner {padding: 50px 20px 20px;overflow: auto;}

#nav-menu-close {position: fixed;z-index: 33;}

.menu-header-main-menu-container, .menu-header-main-menu-container ul.menu, 
.menu-header-main-menu-container ul.menu li {text-align: left;}

.menu-header-main-menu-container {width: 100%;}


} 
  


@media (max-width:639px) {
  
.menu-header-main-menu-container ul.menu li > a {font-size: 22px;}

.tp-MainMenu-inner .social__list li {margin-left: 15px;}

.tp-MainMenu-inner .bottom-links {margin-top: 20px;display: inline-block;}
  
.tp-MainMenu-inner .bottom-links > label {width: 100%;}

.tp-MainMenu-inner .social__list li {margin-inline: 0 15px;}


}
 