*, *:before, *:after
{
    box-sizing: border-box;
}
.pp-reward-popup {
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    position: relative;
}
.tab-content{
    margin-top: 20px;
}
.tab-content p{
    font-size: 16px !important;
}
/* pop out loyalty */
.pp-logo {
    margin: 18px 0;
    text-align: center;
}

.pop-create-btn {
    text-align: center;
    margin-bottom: 15px;
}

.pop-create-btn a {
    background: #FFB74D;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
}

p.pop-loyalty-content {
    text-align: center;
    margin: 0;
}

.pop-loyalty-content a {
    color: #0091EA;
}

.reveal-modal-custom{
    max-width: 35.5rem;
}

.reveal-modal-custom-balloons{
    padding: 21px;
}

.reveal-modal-custom .tabs-contents{
    height: 200px;
    overflow-y: auto;
}

/* end pop out loyalty */


.pp-reward-popup h5 {
    margin: 0;
    font-size: 15px;
    color: #0091ea;
    padding-right: 11px;
}
.pp-learn-btn a {
    background: #FFB74D;
    color: #fff;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 4px;
    text-transform: capitalize;
    margin: 11px 0 0;
    font-size: 13px;
}
.pp-cross-btn {
    position: absolute;
    top: 0px;
    right: 7px;
    font-weight: 800;
    font-size: 16px;
}

.pp-container
{
    padding: 0 15px;
    margin: 0 auto;
    max-width: 100%;
}
.pp-col-center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.pp-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.pp-col-1, .pp-col-2, .pp-col-3, .pp-col-4, .pp-col-5, .pp-col-6, .pp-col-7, .pp-col-8, .pp-col-9, .pp-col-10, .pp-col-11, .pp-col-12
{
    padding-right: 0;
    padding-left: 0;
}
.pp-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
.pp-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.pp-col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.pp-col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.pp-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.pp-col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.pp-col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
.pp-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.pp-col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.pp-col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
.pp-col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
.pp-col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.pp-title {
    line-height: 1.4;
    margin: 0;
    padding: 5px 15px;
}
.pp-desc p {
    margin: 0 0 10px;
}
.pp-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    padding: 10px 20px;
}
.fab-icon-col
{
    background-color: #212121;
    text-align: center;
}
.fab-icon-col i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fab-popup .pp-title {
    font-size: 24px;
}
.fab-popup .pp-desc {
    padding: 15px;
}
.fab-popup .pp-desc p
{
    font-size: 14px;
}
/*text with image*/
.pp-center
{
    text-align: center;
}
.twi-box {

    padding-bottom: 15px;
    padding-top: 15px;
    max-width: 400px;
    overflow: auto;
}
.twi-box.top ,.twi-box.bottom {
    max-width: 100%;
}
#noty_bottom_layout_container,#noty_top_layout_container{
    width: 100%;
    left: 0;
}
/*.noty_bar, .noty_message {
    height: 100%;
}
.text-only-bar {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}*/
.pp-padding
{
    padding: 0 15px;
}
.pp-row img {
    max-width: 100%;
}
.top .pp-row img, .bottom .pp-row img {
    max-height: 60px;
}
.twi-title {
    font-size: 24px;
    margin: 0 0 10px;
}
.twi-img-center img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.twi-image-bg {
    background-repeat: no-repeat;
    background-size: 60% auto;
}
.twi-box5 {
    background-position: right center;
}
.twi-box6 {
    background-position: left center;
}


.fab-btn {
    position: relative;
    color: #ffffff;
    cursor: pointer;
    z-index: 30;
    -webkit-transition: opacity 300ms ease-in, height 250ms cubic-bezier(0.745, 0.075, 0.255, 0.935), width 250ms cubic-bezier(0.745, 0.075, 0.255, 0.935);
    -o-transition: opacity 300ms ease-in, height 250ms cubic-bezier(0.745, 0.075, 0.255, 0.935), width 250ms cubic-bezier(0.745, 0.075, 0.255, 0.935);
    transition: opacity 300ms ease-in, height 250ms cubic-bezier(0.745, 0.075, 0.255, 0.935), width 250ms cubic-bezier(0.745, 0.075, 0.255, 0.935);
}
.fab-btn:after {
    content: "";
    display: block;
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: -1;
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.3);
    opacity: 1;
    transition: opacity 200ms ease-in-out;
}
.fab-btn a {
    border-radius: 50%;
    display: block;
    height: 70px;
    line-height: 1px;
    text-align: center;
    width: 70px;
}

.fab-btn-shadow {
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 50%;
}
.animated-btn {
    -webkit-animation: animatedBtn 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: animatedBtn 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: animatedBtn 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.animated-btn:hover {
    -webkit-animation: none;
    animation: none;
}

/* animatedBtn */
@-webkit-keyframes animatedBtn {
    0% {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }
    3.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    6.6667% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    10% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    23.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    26.8% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    26.8667% {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
    }
    30% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33.3333% {
        -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }
    36.6667% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.4% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.4667% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.5% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    56.7999% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.09);
        -ms-transform: scale(1.09);
        transform: scale(1.09);
    }
    63.333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    80.1% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-ms-keyframes animatedBtn {
    0% {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }
    3.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    6.6667% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    10% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    23.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    26.8% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    26.8667% {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
    }
    30% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33.3333% {
        -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }
    36.6667% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.4% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.4667% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.5% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    56.7999% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.09);
        -ms-transform: scale(1.09);
        transform: scale(1.09);
    }
    63.333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    80.1% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes animatedBtn {
    0% {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
    }
    3.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    6.6667% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    10% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    23.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    26.8% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    26.8667% {
        -webkit-transform: scale(1.04);
        -ms-transform: scale(1.04);
        transform: scale(1.04);
    }
    30% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    33.3333% {
        -webkit-transform: scale(1.07);
        -ms-transform: scale(1.07);
        transform: scale(1.07);
    }
    36.6667% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.3333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.4% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.4667% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    53.5% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    56.7999% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    60% {
        -webkit-transform: scale(1.09);
        -ms-transform: scale(1.09);
        transform: scale(1.09);
    }
    63.333% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    80.1% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

/* animatedShadow */
.animated-shadow {
    -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    -webkit-animation: animatedShadow 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: animatedShadow 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: animatedShadow 4.5s infinite cubic-bezier(0.66, 0, 0, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.animated-btn:hover .animated-shadow {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes animatedShadow {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.3);
    }
    23.3333% {
        -webkit-box-shadow: 0 0 0 29px rgba(240, 96, 96, 0);
    }
    26.7333% {
        -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
    26.8% {
        -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    }
    53.3333% {
        -webkit-box-shadow: 0 0 0 36px rgba(240, 96, 96, 0);
    }
    53.4% {
        -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
    53.4667% {
        -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    }
    80% {
        -webkit-box-shadow: 0 0 0 40px rgba(240, 96, 96, 0);
    }
    80.1% {
        -webkit-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
}

@-ms-keyframes animatedShadow {
    0% {
        -ms-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.3);
    }
    23.3333% {
        -ms-box-shadow: 0 0 0 29px rgba(240, 96, 96, 0);
    }
    26.7333% {
        -ms-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
    26.8% {
        -ms-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    }
    53.3333% {
        -ms-box-shadow: 0 0 0 36px rgba(240, 96, 96, 0);
    }
    53.4% {
        -ms-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
    53.4667% {
        -ms-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    }
    80% {
        -ms-box-shadow: 0 0 0 40px rgba(240, 96, 96, 0);
    }
    80.1% {
        -ms-box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
}

@keyframes animatedShadow {
    0% {
        box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.3);
    }
    23.3333% {
        box-shadow: 0 0 0 29px rgba(240, 96, 96, 0);
    }
    26.7333% {
        box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
    26.8% {
        box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    }
    53.3333% {
        box-shadow: 0 0 0 36px rgba(240, 96, 96, 0);
    }
    53.4% {
        box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
    53.4667% {
        box-shadow: 0 0 0 0 rgba(240, 96, 96, 0.4);
    }
    80% {
        box-shadow: 0 0 0 40px rgba(240, 96, 96, 0);
    }
    80.1% {
        box-shadow: 0 0 0 0 rgba(240, 96, 96, 0);
    }
}


.fab-btn-popup-desc {
    padding:30px 15px;
    width: 320px;
    position: absolute;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    box-sizing: border-box;
    z-index: 31;
}
.topRight .fab-btn-popup-desc {
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
}
.topLeft .fab-btn-popup-desc {
    bottom: auto;
    top: 0;
}
.bottomRight .fab-btn-popup-desc {
    left: auto;
    right: 0;
}
.fab-info-close {
    cursor: pointer;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
}
.fab-info-close i {
    font-size: 24px;
}
.fab-btn-popup-desc h2 {
    font-size: 30px;
    margin: 10px 0;
}
.fab-btn-popup-desc p
{
    font-size: 15px;
}

.pop-open .fab-btn.animated-btn
{
    opacity: 0;
}
.fab-btn-popup.pop-open .fab-btn-popup-desc {
    /*-webkit-animation: fadeInPopup 250ms ease-in-out 0ms forwards;
        -ms-animation: fadeInPopup 250ms ease-in-out 0ms forwards;
            animation: fadeInPopup 250ms ease-in-out 0ms forwards;*/
    opacity: 1;
    visibility: visible;
}

/*@-webkit-keyframes fadeInPopup {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fadeInPopup {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}*/
.text-only-bar.top
{
    padding-right: 30px!important;
}
.top + .noty_close {
 /*   height: 100%!important;*/
    top: 12px!important;
    right: 0!important;
    width: auto!important;
    padding: 0 10px!important;
}
.top + .noty_close img {
    max-width: 16px;
    display: block;
    margin-top: -8px;
    top: 50%;
    position: relative;
}
#close-loyalty {
    position: absolute;
    top: 0;
    right: 0;
}