/* version 8.0 [rev.8.0.01] */
header .desktop-navbar .navbar-nav.nav-links-desktop .nav-link {
  font-size: 85%;
  padding: 0; }
header .desktop-navbar .navbar-nav.nav-links-desktop .nav-item {
  padding-right: .5rem; }
header .desktop-navbar .navbar-nav.nav-links-desktop .nav-item + .nav-item {
  padding-left: .5rem;
  border-left: 1px dotted #e0e0e0; }
header .desktop-navbar .navbar-nav.nav-main-menu .nav-link {
  font-weight: 700;
  border-bottom: .25rem solid transparent;
  padding-left: 0;
  padding-right: 0; }
header .desktop-navbar .navbar-nav.nav-main-menu .active .nav-link {
  color: #0056b3; }
header .desktop-navbar .navbar-nav.nav-main-menu .nav-item {
  padding-left: .75rem;
  padding-right: .75rem; }
  header .desktop-navbar .navbar-nav.nav-main-menu .nav-item:first-child {
    padding-left: 0; }
  header .desktop-navbar .navbar-nav.nav-main-menu .nav-item:last-child {
    padding-right: 0; }
header .desktop-navbar .user-dropdown {
  display: none !important; }
  



/* added by Zsolt again */


  body {
   /* font-family: "Helvetica Neue", helvetica, arial;*/ 
    background: url('https://subtlepatterns.com/patterns/white_carbonfiber.png');
  }

  #container {
    position: relative;
    width: auto;
    z-index: 600;   
  }

  #container:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }   
  
  #containerf {
  
  color: #f2f2f2;
  text-align: center;  
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  }  
  

  #menu {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 30px;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);
    background: #ccc; 
  }  

  #menu, #menu ul {
    list-style: none;
  }

  #menu > li {
    float: left;
    position: relative;
    border-right: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 0 0 rgba(255,255,255,.25);
    perspective: 1000px;
    
  } 

  #menu > li:first-child {
    border-left: 1px solid rgba(255,255,255,.25);
    box-shadow: -1px 0 0 rgba(0,0,0,.1), 1px 0 0 rgba(255,255,255,.25);
  }

  #menu a {
    display: block;
    position: relative;
    z-index: 10000;
    padding: 13px 20px 13px 20px;
    text-decoration: none;
    color: rgba(75,75,75,1);
    line-height: 1;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: -.05em;
    background: transparent;    
    text-shadow: 0 1px 1px rgba(255,255,255,.9);
    transition: all .25s ease-in-out;
  
  }

  #menu > li:hover > a {
    background: #333;
    color: rgba(0,223,252,1);
    text-shadow: none;
  }

  #menu li ul  {
    position: absolute;
    left: 0;
    z-index: 1000;
    width: 200px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: transparent;
    overflow: hidden;
    transform-origin: 50% 0%;
  }     


  #menu li:hover ul {
    
    padding: 0px 0;
    background: #333;
    opacity: 1;
    visibility: visible;
    box-shadow: 1px 1px 7px rgba(0,0,0,.5);
    animation-name: swingdown;
    animation-duration: 1s;
    animation-timing-function: ease;

  }  
  
 /* Footer menu*/
  
  #menu2 {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 230px;
   /* border-radius: 3px;*/
  /*  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);*/
  /*  background: #ccc;*/ 
  }  

  #menu2, #menu2 ul {
    list-style: none;
  }

  #menu2 > li {
    float: left;
    position: relative;
    border-right: 3px solid rgba(0,0,0,.1);
 /*   box-shadow: 1px 0 0 rgba(255,255,255,.25);*/
  /*  perspective: 1000px;*/
    
  } 

  #menu2 > li:first-child {
    border-left: 1px solid rgba(255,255,255,.25);
    box-shadow: -1px 0 0 rgba(0,0,0,.1), 1px 0 0 rgba(255,255,255,.25);
  }

  #menu2 a {
    display: block;
    /*position: relative;*/
    background-image: linear-gradient(to bottom, #FE7C00, #FD881F);
    border-radius: 0.25em;
  /*  z-index: 300;*/
    padding: 13px 20px 13px 20px;
  /*  text-decoration: none;*/
    color: #fff;
    line-height: 1;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -.05em;
    /*background: transparent;    */
   text-shadow: 0 1px 1px rgba(0,0,0,.9);
   /* transition: all .25s ease-in-out;*/
  
  }

  #menu2 > li:hover > a {
  
    background: #0069D9;
    backdrop-filter: blur(6px);
    color: #fff;
    text-shadow: none;
  }

  #menu2 li ul  {
    position: absolute;
    left: 0;
    z-index: 1000;
    width: 200px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: transparent;
    overflow: hidden;
    transform-origin: 50% 0%;
  }     


  #menu2 li:hover ul {
    
    padding: 0px 0;
    background: #333;
    opacity: 1;
    visibility: visible;
    box-shadow: 1px 1px 7px rgba(0,0,0,.5);
    animation-name: swingdown;
    animation-duration: 1s;
    animation-timing-function: ease;

  } 

  @keyframes swingdown {
    0% {
      opacity: .99999;
      transform: rotateX(90deg);
    }

    30% {     
      transform: rotateX(-20deg) rotateY(5deg);
      animation-timing-function: ease-in-out;
    }

    65% {
      transform: rotateX(20deg) rotateY(-3deg);
      animation-timing-function: ease-in-out;
    }

    100% {
      transform: rotateX(0);
      animation-timing-function: ease-in-out;
    }
  }

  #menu li li a {
    padding-left: 15px;
    font-weight: 400;
    color: #ddd;
    text-shadow: none;
    border-top: dotted 1px transparent;
    border-bottom: dotted 1px transparent;
    transition: all .15s linear;
  }

  #menu li li a:hover {
    color: rgba(0,223,252,1);
    border-top: dotted 1px rgba(255,255,255,.15);
    border-bottom: dotted 1px rgba(255,255,255,.15);
    background: rgba(0,223,252,.02);
  }
  
   #menu2 li li a {
    padding-left: 15px;
    font-weight: 400;
    color: #ddd;
    text-shadow: none;
    border-top: dotted 1px transparent;
    border-bottom: dotted 1px transparent;
    transition: all .15s linear;
  }

  #menu2 li li a:hover {
    color: rgba(0,223,252,1);
    border-top: dotted 1px rgba(255,255,255,.15);
    border-bottom: dotted 1px rgba(255,255,255,.15);
    background: rgba(0,223,252,.02);
  }


/*# sourceMappingURL=header.one.css.map */