/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 22 2021 | 15:51:43 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2021 | 13:29:47 */
/****VARIABLES****/
/*COLORS*/
#menu {
  -webkit-transform: translateY(-103%);
  -ms-transform: translateY(-103%);
  transform: translateY(-103%);
  position: fixed;
  z-index: 4;
  width: 100%;
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.4));
  /****************************************************/
  /*MEDIA QUERY 700px*/ }
  #menu, #menu * {
    transition: all 200ms ease; }
  #menu.active {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%); }
  #menu .menu-main-menu-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: unset;
    justify-content: center;
    background-color: #fff8f0; }
    #menu .menu-main-menu-container #menu-main-menu {
      padding-left: 53px;
      margin-top: 53px; }
      #menu .menu-main-menu-container #menu-main-menu > li {
        height: 30pt;
        overflow: hidden;
        padding-top: 7pt; }
        #menu .menu-main-menu-container #menu-main-menu > li a, #menu .menu-main-menu-container #menu-main-menu > li li a span {
          text-transform: uppercase;
          text-decoration: none;
          font-size: 40pt;
          font-weight: 700;
          color: #ffb854;
          line-height: 0.5;
          font-family: 'teko'; }
          #menu .menu-main-menu-container #menu-main-menu > li a span, #menu .menu-main-menu-container #menu-main-menu > li li a span span {
            color: #ffb854; }
          #menu .menu-main-menu-container #menu-main-menu > li a:hover, #menu .menu-main-menu-container #menu-main-menu > li li a span:hover {
            color: #f26a35; }
            #menu .menu-main-menu-container #menu-main-menu > li a:hover span, #menu .menu-main-menu-container #menu-main-menu > li li a span:hover span {
              color: #f26a35; }
        #menu .menu-main-menu-container #menu-main-menu > li ul li a span {
          font: 400 20pt 'Teko'; }
        #menu .menu-main-menu-container #menu-main-menu > li.current_page_item a {
          color: #de5516; }
          #menu .menu-main-menu-container #menu-main-menu > li.current_page_item a span {
            color: #de5516; }
    #menu .menu-main-menu-container > ul:last-child {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      height: 60px;
      padding-right: 7px; }
      #menu .menu-main-menu-container > ul:last-child > li {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        -webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
        clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
        height: 46px;
        width: 46px;
        background-color: #de5516;
        margin-left: 6px; }
        #menu .menu-main-menu-container > ul:last-child > li:hover {
          background-color: #dec89b; }
        #menu .menu-main-menu-container > ul:last-child > li a {
          display: flex;
          flex-direction: unset;
          align-items: center;
          justify-content: center;
          -webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
          clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
          height: 42px;
          width: 42px;
          background-color: #fff8f0;
          word-break: break-word;
          text-align: center;
          line-height: 0.8;
          text-transform: uppercase;
          text-decoration: none;
          color: #de5516;
          cursor: pointer; }
          #menu .menu-main-menu-container > ul:last-child > li a img {
            -webkit-transform: scale(0.65);
            -ms-transform: scale(0.65);
            transform: scale(0.65);
            height: auto;
            width: 100%; }
        #menu .menu-main-menu-container > ul:last-child > li:last-child a {
          padding-top: 3pt; }
  #menu #menu_bottom {
    display: flex;
    flex-direction: row;
    align-items: unset;
    justify-content: unset;
    width: 100%;
    height: 50px; }
    #menu #menu_bottom div {
      height: 100%;
      background-color: #fff8f0; }
      #menu #menu_bottom div:nth-of-type(1) {
        width: 50px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
      #menu #menu_bottom div:nth-of-type(2) {
        flex-grow: 1; }
      #menu #menu_bottom div:nth-of-type(3) {
        width: 50px;
        clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }

@media only screen and (min-width: 700px) {
  /****************************************************/
  /*MEDIA QUERY 1280px*/
    #menu .menu-main-menu-container #menu-main-menu {
      padding-left: 80px;
      margin-top: 40px; }
      #menu .menu-main-menu-container ul:last-child {
        height: 80px;
        padding-right: 10px; }
        #menu .menu-main-menu-container ul:last-child li {
          height: 50px;
          width: 50px; }
          #menu .menu-main-menu-container ul:last-child li a {
            height: 46px;
            width: 46px;
            font-size: 20pt; }
      #menu #menu_bottom {
        height: 60px; }
      #menu #menu_bottom div:nth-of-type(1), #menu #menu_bottom div:nth-of-type(3) {
        width: 60px;
        flex-shrink: 0; } }

@media only screen and (min-width: 1280px) {
  /****************************************************/
  /*MEDIA QUERY 1800px*/
    #header {
      height: 100%;
      position: absolute;
      z-index: 1000000; }
      #header #menu {
        display: flex;
        flex-direction: row;
        align-items: unset;
        justify-content: unset;
        -webkit-transform: translateY(0%) translateX(-103%);
        -ms-transform: translateY(0%) translateX(-103%);
        transform: translateY(0%) translateX(-103%);
        width: auto;
        height: 100%;
        filter: drop-shadow(2px 0px 6px #bababa); }
        #header #menu.active {
          -webkit-transform: translateY(0%) translateX(0%);
          -ms-transform: translateY(0%) translateX(0%);
          transform: translateY(0%) translateX(0%); }
        #header #menu .menu-main-menu-container {
          height: 100%;
          flex-direction: row-reverse; }
          #header #menu .menu-main-menu-container #menu-main-menu {
            display: flex;
            flex-direction: column;
            align-items: unset;
            justify-content: center;
            margin-top: 0; }
            #header #menu .menu-main-menu-container #menu-main-menu > li {
              height: 40pt; }
              #header #menu .menu-main-menu-container #menu-main-menu > li a {
                line-height: 0.6;
                font-size: 50pt; }
          #header #menu .menu-main-menu-container > ul:last-child {
            flex-direction: column;
            justify-content: flex-start;
            height: auto;
            padding: 0 0 0 10px;
            margin-top: 60px; }
            #header #menu .menu-main-menu-container > ul:last-child li {
              margin: 10px 0 0 0; }
        #header #menu #menu_bottom {
          flex-direction: column;
          height: 100%;
          width: 60px; }
          #header #menu #menu_bottom div:nth-of-type(1) {
            height: 60px;
            clip-path: polygon(0% 0%, 100% 100%, 0% 100%); }
            #header #menu #menu_bottom div:nth-of-type(3) {
              height: 60px; } }

@media only screen and (min-width: 1800px) {
  /****************************************************/
  /*MEDIA QUERY 2300px*/
    #header #menu .menu-main-menu-container #menu-main-menu {
      padding: 0 100px 0 150px; } }

@media only screen and (min-width: 2300px) {
  /****************************************************/
  /*MEDIA QUERY 3800px*/
    #header #menu .menu-main-menu-container #menu-main-menu > li a {
      height: 55pt; }
      #header #menu .menu-main-menu-container #menu-main-menu > li a a {
        font-size: 70pt;
        line-height: 0.7; }
      #header #menu .menu-main-menu-container > ul:last-child {
        margin-top: 75px; }
      #header #menu .menu-main-menu-container > ul:last-child li {
        height: 65px;
        width: 65px; }
        #header #menu .menu-main-menu-container > ul:last-child li a {
          height: 61px;
          width: 61px;
          font-size: 28pt; } }

@media only screen and (min-width: 3800px) {
  #header #menu .menu-main-menu-container #menu-main-menu > li {
    height: 70pt; }
    #header #menu .menu-main-menu-container #menu-main-menu > li a {
      font-size: 100pt;
      line-height: 0.8; }
    #header #menu .menu-main-menu-container > ul:last-child {
      margin-top: 90px; }
    #header #menu .menu-main-menu-container > ul:last-child li {
      height: 80px;
      width: 80px; }
      #header #menu .menu-main-menu-container > ul:last-child li a {
        height: 76px;
        width: 76px;
        font-size: 32pt; } }

#menu_toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 7px;
  right: 7px;
  z-index: 4;
  height: 46px;
  width: 46px;
  background-color: #dec89b;
  cursor: pointer;
  /****************************************************/
  /*MEDIA QUERY 700px*/ }
  #menu_toggle, #menu_toggle * {
    transition: all 200ms ease; }
  #menu_toggle:nth-of-type(2) {
    right: unset;
    left: 7px;
    z-index: 5; }
  #menu_toggle #inner_menu_toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 42px;
    width: 42px;
    background-color: #fff8f0; }
    #menu_toggle #inner_menu_toggle span {
      display: block;
      margin: 0px auto 5px;
      height: 2pt;
      width: 25px;
      background: white;
      box-shadow: 0px 2px #404040; }
    #menu_toggle #inner_menu_toggle a {
      height: 100%;
      width: 100%; }
      #menu_toggle #inner_menu_toggle a img {
        height: 100%;
        padding: 5px; }
  #menu_toggle:hover #inner_menu_toggle span:first-child {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px); }
    #menu_toggle:hover #inner_menu_toggle span:last-child {
      -webkit-transform: translateX(10px);
      -ms-transform: translateX(10px);
      transform: translateX(10px); }
  #menu_toggle.open #inner_menu_toggle span {
    transform-origin: left; }
    #menu_toggle.open #inner_menu_toggle span:first-child {
      -webkit-transform: rotate(45deg) translate(10%, -100%);
      -ms-transform: rotate(45deg) translate(10%, -100%);
      transform: rotate(45deg) translate(10%, -100%); }
    #menu_toggle.open #inner_menu_toggle span:nth-of-type(2) {
      opacity: 0; }
    #menu_toggle.open #inner_menu_toggle span:last-child {
      -webkit-transform: rotate(-45deg) translate(0%, 100%);
      -ms-transform: rotate(-45deg) translate(0%, 100%);
      transform: rotate(-45deg) translate(0%, 100%); }

@media only screen and (min-width: 700px) {
  /****************************************************/
  /*MEDIA QUERY 1280px*/
    #menu_toggle {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      top: 10px;
      right: 10px;
      height: 50px;
      width: 50px; }
      #menu_toggle:nth-of-type(2) {
        left: 10px; }
      #menu_toggle #inner_menu_toggle {
        height: 46px;
        width: 46px; }
        #menu_toggle #inner_menu_toggle span {
          width: 30px; }
      #menu_toggle:hover #inner_menu_toggle span:first-child {
        -webkit-transform: translateX(-12px);
        -ms-transform: translateX(-12px);
        transform: translateX(-12px); }
        #menu_toggle:hover #inner_menu_toggle span:last-child {
          -webkit-transform: translateX(12px);
          -ms-transform: translateX(12px);
          transform: translateX(12px); }
      #menu_toggle.open #inner_menu_toggle span {
        transform-origin: left; }
        #menu_toggle.open #inner_menu_toggle span:first-child {
          -webkit-transform: rotate(45deg) translate(10%, -200%);
          -ms-transform: rotate(45deg) translate(10%, -200%);
          transform: rotate(45deg) translate(10%, -200%); }
        #menu_toggle.open #inner_menu_toggle span:nth-of-type(2) {
          opacity: 0; }
        #menu_toggle.open #inner_menu_toggle span:last-child {
          -webkit-transform: rotate(-45deg) translate(0%, 200%);
          -ms-transform: rotate(-45deg) translate(0%, 200%);
          transform: rotate(-45deg) translate(0%, 200%); } }

@media only screen and (min-width: 1280px) {
  /****************************************************/
  /*MEDIA QUERY 2300px*/
    #menu_toggle {
      right: unset;
      left: 10px;
      z-index: 5; }
      #menu_toggle:nth-of-type(2) {
        left: 70px; } }

@media only screen and (min-width: 2300px) {
  /****************************************************/
  /*MEDIA QUERY 2300px*/
    #menu_toggle {
      width: 65px;
      height: 65px; }
      #menu_toggle:nth-of-type(2) {
        left: 85px; }
      #menu_toggle #inner_menu_toggle {
        height: 61px;
        width: 61px; } }

@media only screen and (min-width: 3800px) {
  #menu_toggle {
    width: 80px;
    height: 80px; }
    #menu_toggle:nth-of-type(2) {
      left: 100px; }
    #menu_toggle #inner_menu_toggle {
      height: 76px;
      width: 76px; } }
