#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 #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 #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) {  #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) {  #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 #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; } }