/** Shopify CDN: Minification failed

Line 580:150 Expected ":"

**/
.wizard{transition:all .3s ease-in;display:none}.wizard .wizard-nav{display:flex;flex-wrap:wrap;transition:all .3s ease-in}.wizard .wizard-nav .wizard-step{cursor:pointer}.wizard .wizard-nav.tabs .wizard-step{position:relative;font-size:14px;flex-basis:0;flex-grow:1;max-width:100%;text-align:center;border-bottom:1px solid #dee2e6;padding:.5rem 1rem}.wizard .wizard-nav.tabs .wizard-step.active{border:1px solid #dee2e6;border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom:0px}.wizard .wizard-nav.progress{height:auto;overflow:auto;line-height:1.5;font-size:1rem;border-radius:.25rem}.wizard .wizard-nav.progress .wizard-step{position:relative;font-size:14px;flex-basis:0;flex-grow:1;max-width:100%;text-align:center;border:1px solid #dee2e6;background-color:#19d184;color:#fff;padding:.5rem 1rem;transition:all .3s ease-in}.wizard .wizard-nav.progress .wizard-step.active~.wizard-step{background-color:#fff;color:#000}.wizard .wizard-nav.dots .wizard-step{position:relative;font-size:14px;flex-basis:0;flex-grow:1;max-width:100%;text-align:center;transition:all .3s ease-in}.wizard .wizard-nav.dots .wizard-step:last-child:before{display:none}.wizard .wizard-nav.dots .wizard-step:last-child:after{display:none}.wizard .wizard-nav.dots .wizard-step span{cursor:pointer}.wizard .wizard-nav.dots .wizard-step:nth-of-type(1).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.1s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(2).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.2s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(3).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.3s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(4).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.4s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(5).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.5s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(6).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.6s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(7).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.7s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(8).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.8s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(9).dot{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.9s}.wizard .wizard-nav.dots .wizard-step .dot{content:"";position:absolute;top:-20px;left:50%;z-index:3;height:8px;width:8px;background:#198fd1;border-radius:50%;box-shadow:0 0 0 2px #fff;transition:all .5s ease-in-out}.wizard .wizard-nav.dots .wizard-step:nth-of-type(1):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.1s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(2):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.2s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(3):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.3s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(4):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.4s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(5):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.5s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(6):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.6s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(7):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.7s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(8):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.8s}.wizard .wizard-nav.dots .wizard-step:nth-of-type(9):before{transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;transition-delay:.9s}.wizard .wizard-nav.dots .wizard-step:before{content:"";position:absolute;top:-17px;left:50%;width:100%;height:2px;z-index:2;background:#19d184}.wizard .wizard-nav.dots .wizard-step:after{content:"";position:absolute;top:-17px;left:50%;width:100%;height:2px;background:#dee2e6;z-index:1}.wizard .wizard-nav.dots .wizard-step.active~.wizard-step .dot{background:#dee2e6}.wizard .wizard-nav.dots .wizard-step.active~.wizard-step:before{background:#dee2e6;width:0%}.wizard .wizard-nav.dots .wizard-step.active~.wizard-step:after{background:#dee2e6}.wizard .wizard-nav.dots .wizard-step.active .dot{background-color:#198fd1;box-shadow:0 0 0 3px rgba(25,143,209,.2)}.wizard .wizard-nav.dots .wizard-step.active:before{background:#dee2e6}.wizard .wizard-nav.dots .wizard-step.active:after{background:#dee2e6}.wizard .wizard-content{transition:all .3s ease-in;padding:3rem 0}.wizard .wizard-content .wizard-step{transition:all .3s ease-in;display:none}.wizard .wizard-content .wizard-step.active{display:block}.wizard .wizard-buttons{transition:all .3s ease-in;display:flex;align-items:center;justify-content:flex-end}.wizard .wizard-buttons .wizard-btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;border-radius:.15rem;transition:all .3s ease-in;margin:0 10px;background-color:#198fd1;color:#fff}.wizard .wizard-buttons .wizard-btn:hover{background-color:rgba(25,143,209,.8)}.wizard .wizard-buttons .wizard-btn:disabled{cursor:not-allowed !important;pointer-events:none;opacity:.65}.wizard.vertical{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;transition:all .3s ease-in}.wizard.vertical .wizard-nav{flex-direction:column;flex:1;padding:0 3rem;transition:all .3s linear}@media screen and (min-width: 1024px){.wizard.vertical .wizard-nav{max-width:250px}}@media screen and (max-width: 767px){.wizard.vertical .wizard-nav .wizard-step{text-align:left;padding-left:1rem}}.wizard.vertical .wizard-nav .wizard-step:before{top:7px;left:-12px;width:2px;height:100%}.wizard.vertical .wizard-nav .wizard-step:after{top:7px;left:-12px;width:2px;height:100%}.wizard.vertical .wizard-nav .wizard-step .dot{top:7px;left:-15px}.wizard.vertical .wizard-nav .wizard-step.active~.wizard-step:before{height:0%}.wizard.vertical .wizard-content{width:75%;transition:all .3s ease-in;padding:0 0 3rem 0}@media screen and (max-width: 767px){.wizard.vertical .wizard-content{padding:2rem 0}}.wizard.vertical .wizard-buttons{flex-basis:100%;transition:all .3s ease-in}.highlight-error{outline:1px solid tomato}/*# sourceMappingURL=main.css.map */

body.get-started-wizard {
    display: block;
}

.get-started-wizard .swell-tab {
    display: none !important;
}
.wizard {
    margin-top: 0px;
    margin-bottom: 6rem;
}

.wizard .wizard-content {
    text-align: center;
    padding: 0 1rem;
}

.wizard .wizard-step-tight {
    margin: 0 auto;
    max-width: 600px;
}

.wizard .wizard-step-medium {
    margin: 0 auto;
    max-width: 600px;
}

.wizard .wizard-nav {
    margin-bottom: 3rem;
}

.wizard .wizard-nav.progress .wizard-step.active~.wizard-step {
    background-color: #f4f4f4;
}

.wizard .wizard-nav.progress .wizard-step {
    border: none;
    background-color: #37da28;
    min-height: 16px;
    cursor: default;
}

.wizard .step-panel {
    margin-top: 3em;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 3rem 0 3rem;
}

.wizard .step-panel.hide {
    display: none;
}

.wizard .step-panel button {
    margin-bottom: 1.5rem;
}

.wizard h3 {
    font-size: 3rem;
    margin-bottom: 3rem;
    margin-top: 0;
    line-height: 3rem;
}

.wizard p.lead {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.75rem;
    padding-bottom: 0;
    margin-bottom: 3rem;
}

.wizard p.lead.bottom-text {
    margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {    
    .wizard p.lead {
        font-size: 1.5rem;
    }
}

.wizard .featured-img {
    width: 75%;
    overflow: hidden;
    display: inline-block;
}

.wizard .featured-img img {
    width: 100%;
}

.wizard .featured-img svg {
    max-width: 75%;
}

.wizard .featured-img svg path,
.wizard .featured-img svg circle {
    fill: rgba(var(--color-foreground), 0.75);
}

.wizard-step .photo-disclaimer {
    margin: 0;
    padding: 0;
}

.wizard-box-slider .splide__arrows {
    display: none;
}

.wizard .button-group li,
.wizard .button-group li.selected {
    font-size: 2rem;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.wizard .button-group li.selected {
    background-color: rgba(var(--color-button), var(--alpha-button-border));
    border-color: rgba(var(--color-button), var(--alpha-button-border));
}

.wizard .box-summary {
    text-align: left;
    margin-bottom: 100px;
}

.wizard .total-price {
    color: rgb(var(--color-base-background-2));
    font-family: 'Platform';
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 46px;
    display: inline-block;
    vertical-align: middle;
}

.wizard .addon-grid .grid__item {
    padding: 2rem;
    outline: 1px solid #e3e3e3;
    margin-left: 1px;
    margin-bottom: 1px;
}

.wizard .addon-grid .product-title {

}

.wizard .addon-grid .product-price {
    
}

.wizard .add-on {
    height: 100%;
    margin-top: 0;
    flex-direction: column;
}

.wizard .add-on .add-on-panel {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wizard .add-on .add-on-panel h3 {
    display: block;
    height: 70px;
    max-height: 70px;
}

.wizard .add-on .add-on-img {
    margin-bottom: 0;
    margin-right: 0;
}

.wizard .add-on .add-on-title {
    font-weight: bold;
    color: rgba(var(--color-button));
    cursor: pointer;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.wizard .add-on .add-on-price .money {
    font-family: 'Neuzeit';
    font-size: 1.5rem;
    font-weight: normal;
    color: #222222;
    margin-right: 1rem;
}

.wizard .add-on .add-on-price.on-sale .money {
    color: #DA2838 ;
}

.wizard .add-on .compare-price .money
{
    color: #969595;
}

 .wizard .add-on .low-stock-warning {
    font-size: 1.25rem;
    font-weight: 700;
    color: #da2838;
    text-transform: uppercase;
    width: 100%;
    display: block;
}

.wizard .add-on .add-on-panel .add-on-buy {
    flex-direction: column;
    justify-content: flex-start;
}

.wizard .add-on .add-on-panel .add-on-buy .add-on-select {
    margin-top: 2rem;
    max-width: 100%;
}

.wizard .add-on .add-on-panel .add-on-buy .add-on-select button,
.wizard .add-on .add-on-panel .add-on-buy .add-on-select .button:focus:not(:focus-visible) {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
    border: 2px solid rgba(var(--color-button));
    color: rgba(var(--color-button));
    background-color: unset;
}

.wizard .add-on .add-on-img .add-on-imgwrapper,
.wizard .add-on .add-on-img .add-on-backdrop {
    width: 100%;
    height: 100%;
}

.wizard .add-on .add-on-img .add-on-imgwrapper img {
    border: none;
}

.wizard .add-on .add-on-img .add-on-backdrop {
    left: 13px;
    top: 5px;
}

.wizard .add-on .add-on-panel .add-on-buy .add-on-price {
    line-height: 2.25rem;
}

.wizard .add-on .add-on-panel .add-on-buy .add-on-select button.selected,
.wizard .add-on .add-on-panel .add-on-buy .add-on-select .button.selected:focus:not(:focus-visible) {
    background: none;
    background-color: rgba(var(--color-button), var(--alpha-button-border));
    color: white;
    border: none;
}

.wizard .upsell-panel-filter {
    display: flex;
    width: 100%;
    text-align: right;
    margin-bottom: 1.5rem;
    justify-content: flex-end;
    align-items: center;
}

.wizard .upsell-panel-filter > div:first-child {
    margin-right: 1.5rem;
    font-weight: bold;
}

.wizard .wzd-step-header {
    margin-bottom: 3rem;
    text-align: center;
    color: rgba(var(--color-button));
    font-weight: bold;
    line-height: 3rem;
}

.wizard .wzd-step-count {
    font-size: 24px;
}

.wizard .wizard-back-btn {
    background: none;
    border: none;
    margin-left: 3rem;
    cursor: pointer;
    position: absolute;
    left: 0;
}

.wizard .wizard-back-btn.hide {
    display: none;
}

.wizard .wizard-back-btn svg {
    width: 100%;
    max-width: 40px;
    fill: rgb(var(--color-button));
}

.wizard .grid__item .box {
    padding: 3rem;
    margin-right: 0;
}

.wizard .grid__item .box h3 {
    margin-top: 0;
    margin-bottom: 3rem;
    font-size: 3rem;
}

.wizard .grid__item .box-description {
    padding: 0;
    margin-bottom: 0;
    margin-top: 3rem;
    min-height: 60px;
}

.wizard .grid__item .box-description span.box-price, .box-description span.box-title {
    display: block;
}

.wizard .grid__item .box-description span.box-price > span {
    font-family: 'Platform';
    color: rgb(var(--color-base-background-2));
    font-size: 2.5rem;
}

.wizard .grid__item .box-description span.box-price > span > span {
    font-size: 1.5rem;
    vertical-align: top;
}

.wizard .grid__item .box-description span.box-title {
    text-transform: capitalize;
    font-size: 1.5rem;
    color: rgb(var(--color-foreground));
}

.wizard .grid-button-group {
    margin-bottom: 3rem;
}

.wizard .grid-button-group.half-bottom-margin {
    margin-bottom: 1rem;
}

.wizard .box-comparison ul {
    padding-left: 3rem;
    margin: 0;
    text-align: left;
}

.wizard .box-comparison ul li {
    line-height: 2.5rem;
}

.wizard .billing-total {
    border-top: 1px solid #c3c3c3;
    padding: 3rem 0 3rem 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wizard .wizard-step-gift .billing-total {
    border-top: 0;
    padding-top: 0;
}

.wizard .billing-total .billing-total-info > span {
    display: block;
    margin-bottom: 1rem;
}

.wizard .billing-total .billing-total-header {
    font-weight: bold;
    line-height: 1.6rem;
}

.wizard .billing-total .step-panel {
    margin: 0;
    width: 40%;
    padding-right: 0;
}

.wizard .billing-total .step-panel button {
    margin: 0 0 1.5rem 0;
}

.wizard .billing-total .price {
    font-size: 3rem;
    font-family: 'Platform';
    color: rgb(var(--color-base-background-2));
    line-height: 3rem;
}

.wizard .billing-total .savings.hide {
    display: none;
}

.wizard .billing-total .savings {
    line-height: 1.6rem;
}

.wizard .billing-total .savings-price {
    color: rgba(var(--color-button));
    font-weight: bold;
    font-size: 2rem;
}

.wizard .billing-total .billing-period {
    font-size: 1.25rem;
}

.wizard .finish-panel {
    position: fixed;
    max-width: 100%;
    background: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 24px #4646463d;
    z-index: 9999;
    padding: 2.5rem;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.wizard .finish-panel > .page-width {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wizard .finish-panel.hide {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0.2;
    animation: slide-down 0.5s forwards;
    -webkit-animation: slide-down 0.5s forwards;
}

.wizard .finish-panel.animate {
    animation: slide-up 0.5s forwards;
    -webkit-animation: slide-up 0.5s forwards;
}

.wizard .finish-panel.step-panel button {
    margin: 0;
    max-width: 300px;
}

.wizard .finish-panel.step-panel button.mobile-btn {
    max-width: 150px;
    display: none;
}

.wizard .filter-bar {
    position: fixed;
    max-width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 24px #4646463d;
    z-index: 10000;
    padding: 2.5rem;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.wizard .filter-bar > .page-width {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wizard .filter-bar.hide {
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0.2;
    animation: slide-up 0.5s forwards;
    -webkit-animation: slide-up 0.5s forwards;
}

.wizard .filter-bar.animate {
    animation: slide-downn 0.5s forwards;
    -webkit-animation: slide-downn 0.5s forwards;
}

.wizard .filter-bar .upsell-panel-filter {
    margin-bottom: 3px;
}

.wizard .filter-bar.step-panel button {
    margin: 0;
    max-width: 300px;
}

.wizard .filter-bar.step-panel button.mobile-btn {
    max-width: 150px;
    display: none;
}

#AddonModals .product__media-item img {
    width: 100%;
}

@media screen and (max-width: 767px) { 
    .wizard .filter-bar {
        padding: 1.5rem;    
    }
}

.box-modal .photo-disclaimer {
    margin-bottom: 2rem;
    margin-top: 2rem !important;
}

.box-modal .heading-block {
    margin: 16px 0;
}

.box-modal .list {
    margin: 0;
    padding: 0 0.5rem;
}

.box-modal ul.list li {
    line-height: 2rem;
    margin-bottom: 1rem;
    color: rgba(var(--color-foreground), 0.75);
}

.box-modal .heading-block h2 {
    margin: 0;
}

.box-modal .photo-disclaimer {
    line-height: 1.5rem;
    margin-top: 2rem;
    font-size: 1.25rem;
}

.box-modal .splide__track {
    margin-bottom: 16px;
}

#AddonLoadMoreBtn.hide {
    display: none;
}

div.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-bottom: 3rem;
  }
  div.lds-dual-ring.hide {
    display: none;
  }
div.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid rgba(var(--color-button), var(--alpha-button-border));
    border-color: rgba(var(--color-button), var(--alpha-button-border)) transparent rgba(var(--color-button), var(--alpha-button-border)); transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

.wizard-container .final-spinner {
    text-align: center;
    margin-top: 6rem;
}

@keyframes lds-dual-ring {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

@media screen and (max-width: 767px) {    
    .box-modal .heading-block {
        margin: 16px 0;
    }

    .box-modal .heading-block h2 {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .wizard .grid__item .box {
        padding: 1rem;
    }

    .wizard .grid__item .box h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .wizard .grid__item .box-description {
        margin-bottom: 0;
        font-size: 1.25rem;
        line-height: 2rem;
        margin-top: 0;
    }

    .wizard .grid__item .box-description span.box-price > span {
        font-size: 1.75rem;
    }

    .wizard .grid__item .box-description span.box-price > span > span {
        font-size: 1.25rem;
        vertical-align: top;
    }

    .wizard .grid__item .box h3 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    .wizard .add-on {
        flex-direction: column;
    }

    .wizard .add-on .add-on-img .add-on-imgwrapper,
    .wizard .add-on .add-on-img .add-on-backdrop {

    }

    .wizard .add-on .add-on-img {
        margin-bottom: 0;
        margin-right: 10px;
      }
  
    .wizard .add-on .add-on-img .add-on-backdrop {
        left: 7px;
        top: 7px;
    }

    .add-on .add-on-panel h3 {
        display: block;
        height: auto;
        max-height: auto;
    }

    .wizard .add-on .add-on-panel .add-on-buy .add-on-select button {
        margin-bottom: 0;
    }

    .wizard .billing-total {
        flex-direction: column;
        text-align: center;
    }

    .wizard .billing-total .billing-total-info {
        margin-bottom: 3rem;
    }

    .wizard .billing-total .step-panel {
        width: 100%;
    }

    .wizard .billing-total .step-panel {
        padding-right: 3rem;
    }
    
    .wizard .finish-panel > .page-width {
        padding: 0;
    }

    .wizard .finish-panel .finish-panel-left {
        text-align: left;
        font-size: 1.25rem;
    }

    .wizard .finish-panel.step-panel button.desktop-btn {
        display: none;
    }

    .wizard .finish-panel.step-panel button.mobile-btn {
        display: inline-flex;
    }

    .wizard .finish-panel {
        padding: 1.5rem;
        z-index: 8888888888;
    }

    .product__media-wrapper {
        margin: 0 -2rem;
    }
}



@media screen and (max-width: 767px) {    
    .wizard h3 {
        font-size: 2.5rem;
    }

    .wizard .wzd-step-header {
        line-height: 30px;
    }

    .wizard .wizard-back-btn {
        margin-left: 1rem;
    }
    
    .wizard .wizard-back-btn svg {
        max-width: 30px;
    }

    .wizard .box-summary {
        text-align: left;
        margin-bottom: 50px;
    }

    .wizard .box-summary h3 {
        text-align: center;
        margin-top: 50px;
    }
}

@keyframes slide-up {
    100% {
      transform: translateY(0%);
      opacity: 1.0;
    }
    0% {
      -webkit-transform: translateY(100%);
      opacity: 0.9;
    }
  }
  
  @-webkit-keyframes slide-up {
    100% {
      -webkit-transform: translateY(0%);
      opacity: 1.0;
    }
    0% {
      -webkit-transform: translateY(100%);
      opacity: 0.9;
    }
  }
  
  @keyframes slide-down {
    0% {
      transform: translateY(0%);
      opacity: 1.0;
    }
    100% {
      -webkit-transform: translateY(100%);
      opacity: 1.0;
    }
  }

  
  @-webkit-keyframes slide-down {
    0% {
      -webkit-transform: translateY(0%);
      opacity: 1.0;
    }
    100% {
      -webkit-transform: translateY(100%);
      opacity: 1.0;
    }
  }

  @keyframes slide-downn {
    0% {
      transform: translateY(-100%);
      opacity: 1.0;
    }
    100% {
      -webkit-transform: translateY(0%);
      opacity: 1.0;
    }
  }

  
  @-webkit-keyframes slide-downn {
    0% {
      -webkit-transform: translateY(-100%);
      opacity: 1.0;
    }
    100% {
      -webkit-transform: translateY(0%);
      opacity: 1.0;
    }
  }