header {
    transition:transform 0.5s ease-in-out, height 0.5s ease-in-out;
    position: fixed;top: 0;width: 100vw !important;z-index: 99999;height: 126px; transform: translateY(0px);overflow: hidden;-moz-transform: translateY(0px);
    /*background: linear-gradient(180deg, rgba(239,124,1,1) 0%, rgba(230,51,35,1) 100%); */   
  }
  /*body {border-top:8px solid  #FF5400; }*/
  header.hidden { transform: translateY(-126px);-moz-transform: translateY(-126px);}
  header:has(#hamburger:checked), header.hidden:has(#hamburger:checked) {
    height:100vh;
	
    transform: translateY(0px); -moz-transform: translateY(0px);      
    background:#95c11f;
  }
   
   /*header ~ #hamburger:checked, header.hidden ~ #hamburger:checked {
    height:100vh;
	
    transform: translateY(0px); -moz-transform: translateY(0px);      
    background:#95c11f;
  }*/
  

 
  /* header:not(#hamburger:checked), header.hidden:not(#hamburger:checked) {
    height:100vh;
	
    transform: translateY(0px); -moz-transform: translateY(0px);      
    background: transparent;
  }*/
  /*body.shrink-menu {padding-top:70px !important;}*/
  


  #logo-ideaz { position: absolute; top: 10px; left: 12px;z-index: 99999; }
  #logo-ideaz>img {height: 120px;transition: 0.25s;transition-delay: 0.5s;}
  

  #hamburger {opacity: 0;position:absolute;}
  #hamburger+label {position:absolute;top: 33px;right: 33px;height:30px;width: 40px;z-index: 99999;}
  #hamburger+label span {position: absolute;width: 100%;height: 3px;top: 50%;margin-top: 0px;left: 0;display: block;background: #FFFFFF;transition: 0.25s;}
  #hamburger+label span:first-child { top: 0%; }
  #hamburger+label span:last-child { top: 100%; }
  #hamburger+label:hover { cursor: pointer;  }
  #hamburger:checked + label span { opacity: 1; transform: scaleX(0);    top: 50%; }
  #hamburger:checked + label span:first-child { opacity: 1; transform: rotate(45deg); }
  #hamburger:checked + label span:last-child { opacity: 1; transform: rotate(-45deg); }

  #hamburger ~ nav {    
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    z-index: 99998;
    transition: 0.5s;
    transition-delay: 0.25s;
    overflow: hidden;
    color: #FFFFFF;
    /*background: rgb(239,124,1);*/
    /*background: linear-gradient(180deg, rgba(239,124,1,1) 0%, rgba(230,51,35,1) 100%);*/
  }

  /*#hamburger ~ nav.shrink, body.shrink-menu #hamburger ~ nav { background-color: #FF5400; }*/

  #hamburger ~ nav > .nav-menu {
    opacity: 0;
    transition: 0.25s;
    transition-delay: 0.0s;
	background-color:#95c11f;
  }
  #hamburger:checked ~ nav > .nav-menu {
    opacity: 1;
    transition-delay: 0.0s;
  }

  #hamburger:checked ~ nav {    
    height: 100%;
    transition-delay: 0s;
  }

  #hamburger ~ nav > .nav-menu > div {padding-top: 20%;}

  #hamburger ~ nav > .nav-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  #hamburger ~ nav > .nav-menu ul > li {
    transition:0.5s;
    transition-delay: 0.5s;
    padding-bottom: 1.2rem;
  }  
  #hamburger ~ nav > .nav-menu ul > li > a {
    text-decoration: none;
    font-size:1.4rem;
    /*display: block;*/
    font-weight: 600;
    color: #FFFFFF;  
    transition: text-decoration 0.75s;
  }
  

  #hamburger:checked ~ nav > ul > li {
    opacity: 1;
    transition-delay: 0.5s;
  }

  header.tp {  background: #95c11f;}
  header.tp .green-background {height: 0;}
  header.tp #logo-ideaz {/*filter:drop-shadow( 1px 1px 1px rgb(0, 0, 0,0.4))*/ /*drop-shadow( 1px 1px 5px rgb(170, 170, 170))*/;}
  header.tp #hamburger+label span {/*box-shadow:  1px 1px 1px rgb(0, 0, 0,0.4)*/}
  header:has(#hamburger:checked) #logo-ideaz, header.hidden:has(#hamburger:checked) #logo-ideaz {filter:none;}
  header:has(#hamburger:checked) #hamburger+label span, header.hidden:has(#hamburger:checked) #hamburger+label span {box-shadow:none;}

  .green-background {
    transition:height 0.5s ease-in-out;
    position: fixed;top: 0;width: 100%;z-index: 99997;height: 126px;
    background:  transparent; 
  }
  #hamburger:checked ~ .green-background {height: 100vh !important;}

  .green-row {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99998;
    width: 100%;
    height: 8px;   
    /*background-color: #FF5400;*/
    background: #95c11f;
    /*transition: height 0.5s linear;*/
  }

 
  #hamburger:checked ~ .green-row  {opacity: 0; transition:opacity 0s linear}


  .nav-menu .hq {font-size: 1.4rem;}
  .nav-menu .title {text-transform: uppercase;font-size:1em;font-weight: normal;padding-bottom: 1.2rem;}


	@media only screen and (max-width: 480px) {
		 #logo-ideaz>img {height: 90px;}
	}