/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .digit-pricing.variant-one {
    color: #000 !important;
 }
 .digit-pricing-form form,
 .digit-pricing-form button {
    margin: 0;
 }
 .digit-pricing.variant-one .variation-attributes {
   display: flex;
   gap: 2%;
   justify-content: baseline;
   flex-wrap: wrap !important;
 }
 .digit-pricing.variant-one .variation-attributes label {
   max-width: 100px;
   flex: 0 0 18%;
   color: #999;
   cursor: pointer;
   font-size: 14px;
   border-radius: 4px;
   text-align: center;
 }
 @media (max-width: 768px) {
   .digit-pricing.variant-one .variation-attributes label {
      flex: 0 0 31% !important;
   }
 }
 .digit-pricing.variant-one .variation-attributes input[type=radio],
 .digit-pricing.variant-one .variation-attributes select {
   display: none;
 }
 .digit-pricing.variant-one .variation-attributes input[type=radio] ~ .digit-pricing-attr-box-title {
   transition: .3s;
 }
 .digit-pricing .variations h4 {
   text-align: left;
 }
 .digit-pricing.variant-one .variation-attributes input[type=radio] ~ img {
   border: 2px solid #F0F0F0;
   border-radius: 5px;
   padding: 10px 15px;
   transition: .3s;
 }
 .digit-pricing.variant-one .variation-attributes input[type=radio]:checked ~ .digit-pricing-attr-box-title {
   color: #000 !important;
   word-break: break-all;
 }
 .digit-pricing.variant-one .variation-attributes input[type=radio]:checked ~ img {
   border-color: #F5A900 !important;
 }
 .digit-pricing-space-between {
   display: flex;
   justify-content: space-between;
 }
 .digit-pricing-upper .digit-pricing-left {
    font-size: 15px;
 }
 .digit-pricing-lower > .digit-pricing-space-between {
    align-items: center;
 }
 .digit-pricing-lower .digit_single_add_to_cart_button {
   animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
   transform: translate3d(0, 0, 0);
   backface-visibility: hidden;
   perspective: 1000px;
   animation-delay: 5s, 10s, 15s, 20s, 25s, 30s;
 }
 .digit-pricing-lower > .digit-pricing-space-between > div {
    width: 50%;
 }
 .digit-pricing-lower .digit-pricing-left {
    text-align: left;
 }
 .digit-pricing-lower .digit-pricing-right {
    text-align: right;
 }
 .digit-pricing-special-wrap {
   margin-top: 40px;
   position: relative;
 }
 .digit-pricing-special-wrap .digit-pricing-special-badge {
   position: absolute;
   left: 10px;
   top: -40px;
   background: transparent linear-gradient(90deg, #E0173C 0%, #FF7214 100%);
   display: flex;
   align-items: center;
   gap: 10px;
   z-index: 0;
   padding: 5px 30px;
   border-radius: 6px 6px 0 0;
   font: normal normal 800 22px/30px Lato;
   justify-content: center;
   color: #fff !important;
 }
 @media (max-width: 768px) {
   .digit-pricing-special-wrap .digit-pricing-special-badge {
      left: 50% !important;
      width: 80%;
      top: -35px !important;
      transform: translateX(-50%) !important;
   }
   .digit-pricing-special-wrap .digit-pricing-special-badge img {
      max-height: 25px !important;
   }
 }
 @media (min-width: 420) and (max-width: 768px) {
   .digit-pricing-special-wrap .digit-pricing-special-badge {
      font: normal normal 800 18px/24px Lato !important;
   }
 }
 @media (max-width: 420px) {
   .digit-pricing-special-wrap .digit-pricing-special-badge {
      font: normal normal 800 18px/24px Lato !important;
   }
 }
 
 .digit-pricing-special-wrap .digit-pricing-special-badge img {
   max-height: 30px;
 }
 .digit-pricing-special {
    width: 100%;
    background: #f1f1f1;
    border-radius: 10px;
    margin: 20px auto;
    padding: 15px 10px;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    transition: .3s;
 }
 .digit-pricing-special.greyed-out {
   opacity: .33;
 }
 .digit-pricing-special-loader {
   display: none;
   position: absolute;
   left: 0;
   z-index: 99999;
   top: 0;
   width: 100%;
   height: 100%;
 }
 .digit-pricing-special-loader img {
   height: 100%;
 }
 .digit-pricing-special.greyed-out .digit-pricing-special-loader {
   display: block !important;
 }
 .digit-pricing-upper {
    padding: 1em;
    background: #f1f1f1;
    border-radius: 1em 1em 0 0;
 }
 .digit-pricing-lower {
    padding: 1em;
    border: solid 1px #f1f1f1;
    border-radius: 0 0 1em 1em;
    background: rgb(255, 244, 223);
 }
 .digit-pricing-special .digit-pricing-product img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 4px;
 }
 .digit-pricing-special .digit-pricing-product {
    position: relative;
    display: flex;
    align-items: center;
 }
 .digit-pricing-price del .amount {
    margin: 0;
 }
 .digit-pricing-price ins {
    font-size: 1.4em;
 }
 .digit-pricing-special .digit-pricing-product-info {
    display: inline-block;
    margin-left: 30px;
    text-align: left;
 }
 .digit-pricing-special .digit-pricing-form {
    min-width: 200px;
    text-align: right;
 }
 .digit-pricing-special .digit-pricing-product .digit-pricing-title {
    font-weight: bold;
 }
 .digit-pricing-special .digit-pricing-product-info > span {
    display: block;
 }
 .digit-bundle-price span.amount {
    font-weight: bold;
    color: #e0173c;
 }
 .digit-pricing-special .digit-pricing-thumbnail {
    display: inline-block;
    position: relative;
 }
 .digit-pricing-special .digit-pricing-thumbnail .digit-pricing-badge {
    position: absolute;
    bottom: -15px;
    right: -15px;
    background: rgb(255, 222, 0);
    border-radius: 50%;
    padding: 2.5px 5px;
    font-size: 14px;
    color:#fff;
 }
 .digit-pricing-discount {
    position: relative;
    top: 0;
    margin: 0 15px 0 0;
    background-color: #e0173c;
    display: inline-block;
    color: #fff;
    padding: 1px 8px 1px 14px;
    border-radius: 3px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.11);
    font-weight: bold;
 }
 .digit-pricing-discount .digit-pricing-discount-loader {
   display: inline-flex;
 }
 .digit-pricing-discount .digit-pricing-discount-loader img {
   height: 15px;
 }
 .digit-pricing.variant-one button {
    position: relative;
    background: transparent url(../assets/images/icon-shopping-cart.svg) 0% 0% no-repeat padding-box;
    background-position: 20px 50%;
    background-color: #d49c35;
    color: #fff;
    width: 100%;
    margin: auto;
    max-width: 380px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    padding: 0.7em 5% 0.7em 50px;
    outline: none !important;
    line-height: normal;
 }
 .digit-pricing.variant-one button:before {
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    transition: .5s;
 }
 .digit-pricing.variant-one button:hover:before {
    visibility: visible;
    opacity: 1;
 }
 .digit-pricing.variant-one button:focus {
    background: transparent url(../assets/images/loading.svg) 0% 0% no-repeat padding-box !important;
    opacity: .7;
    cursor: default;
    background-size: contain !important;
    padding: 0 0 0 10px !important; 
 }
 .digit-pricing.variant-one .digit-pricing-special button {
    font-size: 1em !important;
    padding: 0.35em 5% 0.35em 50px;
    font-size: 15px !important;
    font-weight: normal !important;
 }
 .digit-pricing.variant-one .digit-pricing-special .digit-pricing-form {
    margin-left: 10px;
 }
 .digit-pricing.variant-one .digit-pricing-trust-icons {
    margin-top: 40px;
    margin-bottom: 35px;
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
 }
 .digit-pricing.variant-one .digit-pricing-trust-row {
    display: flex;
    align-items: center;
    font-size: 12px;
    justify-content: center;
 }
 .digit-pricing.variant-one .digit-pricing-trust-row .digit-pricing-trust-row-icon img {
    width: 25px;
 }
 .digit-pricing.variant-one .digit-pricing-trust-row .digit-pricing-trust-row-text p {
    margin: 0 !important;
 }
 .digit-pricing.variant-one .digit-pricing-trust-row {
    flex-direction: column;
    justify-content: center;
 }
@media (max-width: 768px) {
    .digit-pricing.variant-one .digit-pricing-lower .digit-pricing-space-between {
        display: block;
     }
     .digit-pricing.variant-one .digit-pricing-lower .digit-pricing-space-between > div {
        width: 100%;
     }
     .digit-pricing.variant-one .digit-pricing-special {
        flex-direction: column;
     }
     .digit-pricing.variant-one .digit-pricing-special .digit-pricing-form {
        margin: 15px auto 0;
        min-width: 275px !important;
     }
     .digit-pricing.variant-one .digit-pricing-trust-row .digit-pricing-trust-row-icon {
        height: 30px;
     }
     .digit-pricing.variant-one .digit-pricing-trust-row .digit-pricing-trust-row-text {
        margin-left: 0px !important;
     }
     .digit-pricing.variant-one .digit-pricing-trust-row {
        justify-content: unset !important;
     }
     .digit-pricing.variant-one .digit-pricing-trust-icons {
        margin: 20px 0 10px 0 !important;
     }
     .digit-pricing.variant-one button {
        margin-top: 10px;
     }
}

@keyframes shake {

   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
   
   20%, 80% {
     transform: translate3d(2px, 0, 0);
   }
 
   30%, 50%, 70% {
     transform: translate3d(-4px, 0, 0);
   }
 
   40%, 60% {
     transform: translate3d(4px, 0, 0);
   }
 }