/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2021 | 13:40:36 */
/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 19 2021 | 13:29:47 */
/****VARIABLES****/
/*COLORS*/
#sidebar {
  width: 100%;
  z-index: 2;
  filter: drop-shadow(-2px 0px 4px rgba(0, 0, 0, 0.4)); }
  #sidebar, #sidebar * {
    transition: all 200ms ease; }
  #sidebar #primary .xoxo {
    width: 100%; }
    #sidebar #primary .xoxo > li h3 {
      display: none; }
      #sidebar #primary .xoxo > li:nth-of-type(1) #sidebar_top {
        display: flex;
        flex-direction: row;
        align-items: unset;
        justify-content: unset;
        height: 50px; }
        #sidebar #primary .xoxo > li:nth-of-type(1) #sidebar_top div {
          height: 100%;
          background-color: #ffb854; }
          #sidebar #primary .xoxo > li:nth-of-type(1) #sidebar_top div:first-child {
            width: 50px;
            flex-shrink: 0;
            clip-path: polygon(100% 0%, 100% 100%, 0% 100%); }
          #sidebar #primary .xoxo > li:nth-of-type(1) #sidebar_top div:last-child {
            flex-grow: 1; }
      #sidebar #primary .xoxo > li:nth-of-type(2) {
        position: absolute;
        width: 100%;
        top: 2px; }
        #sidebar #primary .xoxo > li:nth-of-type(2) div {
          width: 100%; }
        #sidebar #primary .xoxo > li:nth-of-type(2) div p {
          font: 700 30pt 'Worker';
          font-weight: 1000;
          color: #fff8f0;
          text-align: center;
          cursor: pointer; }
      #sidebar #primary .xoxo > li:nth-of-type(3) {
        background-color: #ffb854;
        padding: 12px; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .gfield_label {
          font: 300 17pt 'Josefin Sans';
          color: #fff8f0; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .gfield_error {
          max-width: unset !important;
          width: unset !important; }
          #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .gfield_error .gfield_label {
            color: #de5516;
            margin-top: 0; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .ginput_container {
          filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 0.2)); }
          #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .ginput_container input, #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .ginput_container textarea {
            font-family: 'Josefin Sans';
            background-color: #fff8f0;
            border: none;
            font-weight: 300; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label div.validation_message {
          display: none; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label.gform_footer {
          text-align: center;
          filter: drop-shadow(-2px 2px 4px rgba(0, 0, 0, 0.2)); }
          #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label.gform_footer input[type="submit"].gform_button {
            font-family: 'Josefin Sans';
            text-transform: uppercase;
            padding: 6px 24px 0;
            color: #ffb854;
            background: #de5516;
            border: none;
            clip-path: polygon(13% 0%, 100% 0%, 100% 70%, 87% 100%, 0% 100%, 0% 30%);
            width: auto;
            cursor: pointer; }
            #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label.gform_footer input[type="submit"].gform_button:hover {
              -webkit-transform: scale(1.05);
              -ms-transform: scale(1.05);
              transform: scale(1.05); }
        #sidebar #primary .xoxo > li:nth-of-type(3) div.gform_confirmation_message_1 {
          color: #404040; }
      #sidebar #primary .xoxo > li:nth-of-type(4) {
        background-color: #ffb854;
        padding: 12px; }
        #sidebar #primary .xoxo > li:nth-of-type(4) div p {
          text-transform: capitalize;
          color: #de5516; }
      #sidebar #primary .xoxo > li:last-child {
        background-color: #ffb854; }
        #sidebar #primary .xoxo > li:last-child ul {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: flex-end;
          width: 100%;
          height: 60px;
          padding-right: 60px; }
        #sidebar #primary .xoxo > li:last-child ul 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; }
          #sidebar #primary .xoxo > li:last-child ul li:hover {
            background-color: #dec89b; }
          #sidebar #primary .xoxo > li:last-child ul 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: #ffb854;
            word-break: break-word;
            text-align: center;
            line-height: 0.8;
            text-transform: uppercase;
            text-decoration: none;
            color: #de5516; }
            #sidebar #primary .xoxo > li:last-child ul li a img {
              -webkit-transform: scale(0.65);
              -ms-transform: scale(0.65);
              transform: scale(0.65);
              height: auto;
              width: 100%; }

@media only screen and (min-width: 641px) {
  /***************************************************SIDEBAR*/
  /*MEDIA QUERY 700px*/
    #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield {
      padding-right: 0; }
      #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label.gform_footer input[type="submit"].gform_button {
        padding: 18px 24px 10px;
        margin-right: 0; } }

@media only screen and (min-width: 700px) {
  /***************************************************SIDEBAR*/
  /*MEDIA QUERY 1280x*/
    #sidebar #primary .xoxo > li:nth-of-type(1) #sidebar_top {
      height: 60px; }
      #sidebar #primary .xoxo > li:nth-of-type(1) #sidebar_top div:first-child {
        width: 60px; }
      #sidebar #primary .xoxo > li:nth-of-type(2) {
        top: 15px; }
      #sidebar #primary .xoxo > li:nth-of-type(3) {
        display: flex;
        justify-content: flex-end; }
      #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper {
        width: 100%;
        max-width: 700px; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield {
          display: flex;
          flex-direction: unset;
          align-items: center;
          justify-content: flex-end; }
          #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield label {
            margin-right: 10px; }
            #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield label .gfield_required {
              display: none; }
          #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield .ginput_container {
            margin: 4px 0; }
            #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield .ginput_container input.medium {
              width: 100%; }
        #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label.gform_footer {
          text-align: right; }
      #sidebar #primary .xoxo > li:nth-of-type(3), #sidebar #primary .xoxo > li:nth-of-type(4) {
        padding: 68px 24px 12px; }
      #sidebar #primary .xoxo > li:last-child ul {
        height: 80px;
        padding-right: 76px; }
      #sidebar #primary .xoxo > li:last-child ul li {
        height: 60px;
        width: 60px; }
        #sidebar #primary .xoxo > li:last-child ul li a {
          height: 56px;
          width: 56px; } }

@media only screen and (min-width: 1280px) {
  /***************************************************SIDEBAR*/
  /*MEDIA QUERY 1800x*/
    #container {
      display: flex;
      flex-direction: row;
      align-items: unset;
      justify-content: unset; }
      #container #sidebar {
        -webkit-transform: translateX(85px);
        -ms-transform: translateX(85px);
        transform: translateX(85px);
        width: auto;
        z-index: 3; }
        #container #sidebar.hello {
          -webkit-transform: translateX(0px);
          -ms-transform: translateX(0px);
          transform: translateX(0px); }
          #container #sidebar.hello #primary .xoxo > li:nth-of-type(1) #sidebar_top div:last-child {
            flex-grow: 1;
            transition: all 200ms ease;
            transition-delay: 200ms; }
            #container #sidebar.hello #primary .xoxo > li:nth-of-type(2) div {
              -webkit-transform: translateX(0%);
              -ms-transform: translateX(0%);
              transform: translateX(0%);
              transition: all 200ms ease;
              transition-delay: 350ms; }
        #container #sidebar.open {
          -webkit-transform: translateX(-100%);
          -ms-transform: translateX(-100%);
          transform: translateX(-100%); }
          #container #sidebar.open #primary .xoxo > li:nth-of-type(1) #sidebar_top div:last-child {
            flex-grow: 1;
            transition: all 0ms;
            transition-delay: 0ms; }
            #container #sidebar.open #primary .xoxo > li:nth-of-type(2) div {
              -webkit-transform: translateX(0%);
              -ms-transform: translateX(0%);
              transform: translateX(0%);
              transition: all 0ms;
              transition-delay: 0ms; }
        #container #sidebar #primary {
          height: 100%; }
          #container #sidebar #primary .xoxo {
            display: flex;
            flex-direction: column;
            align-items: unset;
            justify-content: space-between;
            width: 700px;
            height: 100%; }
            #container #sidebar #primary .xoxo > li:nth-of-type(1) {
              position: absolute;
              left: -80px;
              height: 100%;
              cursor: pointer; }
              #container #sidebar #primary .xoxo > li:nth-of-type(1) > div {
                height: 100%; }
                #container #sidebar #primary .xoxo > li:nth-of-type(1) > div #sidebar_top {
                  flex-direction: column;
                  justify-content: flex-end;
                  height: 100%;
                  width: 80px; }
                  #container #sidebar #primary .xoxo > li:nth-of-type(1) > div #sidebar_top div:first-child {
                    height: 80px;
                    width: 80px; }
                  #container #sidebar #primary .xoxo > li:nth-of-type(1) > div #sidebar_top div:last-child {
                    flex-grow: 0;
                    height: 0px;
                    transition: all 0ms;
                    transition-delay: 200ms; }
              #container #sidebar #primary .xoxo > li:nth-of-type(2) {
                top: unset;
                bottom: 36px;
                transform: rotate(-90deg);
                transform-origin: left;
                width: auto;
                left: -37px; }
              #container #sidebar #primary .xoxo > li:nth-of-type(2) div {
                -webkit-transform: translateX(-130%);
                -ms-transform: translateX(-130%);
                transform: translateX(-130%);
                transition: all 0ms;
                transition-delay: 200ms; }
                #container #sidebar #primary .xoxo > li:nth-of-type(2) div p {
                  font-size: 50pt; }
              #container #sidebar #primary .xoxo > li:nth-of-type(3) {
                padding-top: 0;
                padding-bottom: 0;
                flex-grow: 1; }
              #container #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper {
                margin-bottom: 0px; }
                #container #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield {
                  margin: 2px 0 0; }
                  #container #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield .ginput_container_text {
                    width: 50%; }
                  #container #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield .ginput_container_textarea {
                    width: 100%; }
                #container #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label.gform_footer {
                  margin: 5px 0;
                  padding: 0; }
              #container #sidebar #primary .xoxo > li:nth-of-type(4) {
                padding-top: 0;
                padding-bottom: 0; } }

@media only screen and (min-width: 1800px) {
  /***************************************************SIDEBAR*/
  /*MEDIA QUERY 2300x*/
    #container #sidebar #primary .xoxo {
      width: 1000px; }
      #container #sidebar #primary .xoxo > li:nth-of-type(3) {
        display: flex;
        flex-direction: unset;
        align-items: center;
        justify-content: flex-end; }
        #container #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper ul.gform_fields li.gfield {
          margin-top: 10px; }
        #container #sidebar #primary .xoxo > li:nth-of-type(4) {
          flex-grow: 1; } }

@media only screen and (min-width: 2300px) {
  /***************************************************SIDEBAR*/
  /*MEDIA QUERY 3800x*/
    #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper {
      max-width: 800px; }
    #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .gfield_label {
      font-size: 20pt; } }

@media only screen and (min-width: 3800px) {
  #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper {
    max-width: 900px; }

  #sidebar #primary .xoxo > li:nth-of-type(3) .gform_wrapper .top_label .gfield_label {
    font-size: 24pt; } }