/* PRICING & PAYMENTS */
@media all and (min-width: 992px)
{
    #ready.pricing {
        background-color: rgb(246, 250, 253);
    }
}


.pricing-header-text {
    text-align: center;
    color: rgb(72, 77, 109);
    font-weight: 600;
    font-size: 35px;
    margin-top: 15px;
}

.pricing-header-text i {
    color: rgb(72,77,109) !important;
    font-size: 30px;
    margin-left: 4px;
}

.pricing-header-subtext {
    text-align:center;
    color: rgb(180, 180, 180);
    margin-top: 8px;
    font-size: 20px;
    font-weight: 300;
}

.price-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    max-width: 1000px;
    height: 100%;
    margin: 60px auto 0 auto;
}

.price-items {

}

.price-item {
    max-width: 340px;
}

.price-box {
    background: repeating-linear-gradient(
            -55deg,
            white,
            white 40px,
            rgb(252,252,252) 40px,
            rgb(252,252,252) 80px
    );
    height: 100%;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 20px 8px rgba(0,0,0,0.1);
    padding: 30px 15px;
}

.price-box .pricingButton {
    margin-top: 25px;
    font-size: 18px;
    padding:10px 30px;
    border-radius: 24px;
    font-weight: 400;
}


.price-items .price-item:nth-child(1) .price-box {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid rgb(220,220,220);
    border-right: 0;
}

.price-items .price-item:nth-child(2) .price-box {
    border-radius: 6px;
    padding-top: 52px !important;
    border: 1px solid rgb(220,220,220);
}

.price-items .price-item:nth-child(3) .price-box {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid rgb(220,220,220);
    border-left: 0;
    position: relative;
    z-index:10;
}

.price-header {
    margin-bottom: 30px;
    color: rgb(72, 77, 109);
    white-space: nowrap;
    font-size: 28px;
    font-weight: 600;
    text-align:center;
    position:relative;
    z-index: 99;
}

.price-items .price-item:nth-child(3) .price-header {
    line-height: 32px;
}

.price-price {
    margin-top:30px;
    font-weight: 600;
    color: rgb(72, 110, 250);
    font-size: 48px;
    line-height: 48px;
    text-align: center;
}

.price-price-per-day {
    text-align:center;
    color: rgb(140,140,140);
    font-size: 15px;
    font-weight: 400;
    margin-top: 5px;
}

.price-points {
    padding: 40px 15px 0 15px;
    font-size:15px;
    color: rgb(72, 77, 109);
    font-weight: 400;
    line-height: 28px;
}

.price-points svg {
    color: rgb(61, 194, 67) !important;
}

[data-price-biceps="right"] {
    transform: scaleX(-1);
}

@media all and (max-width: 805px)
{
    [data-price-biceps] {
        display: none;
    }
}


@media all and (max-width: 992px)
{
    .pricing-header-text {
        font-size: 28px;
    }

    .pricing-header-text i {
        font-size: 26px;
    }

    .pricing-header-subtext {
        font-size: 16px;
    }

    .price-items {
        display: block;
    }

    .price-item {
        display: block;
        height: auto;
        width: auto !important;
        padding:0 !important;
        margin-bottom: 20px;
    }

    .price-items .price-item .price-box {
        border: 1px solid rgb(220,220,220);
        border-radius: 6px;
    }
}

.pricing-moving {
    transition: all 0.12s;
}

.price-ribbon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
}
.price-ribbon::before,
.price-ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}
.price-ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 12px 0 10px 64px;
    background-color: #3498db;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
}

/* top right*/
.price-ribbon-top-right {
    top: -10px;
    right: -10px;
}
.price-ribbon-top-right::before,
.price-ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}
.price-ribbon-top-right::before {
    top: 0;
    left: 2px;
}
.price-ribbon-top-right::after {
    bottom: 2px;
    right: 0;
}
.price-ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}

.pricing-items {
    width: 100%;
}

.pricing-items thead tr {
    border-bottom: 2px solid rgb(230,230,230);
}

.pricing-items thead td {
    text-align:center;
    width:1%;
    white-space:nowrap;
    padding: 10px 30px;
    color: rgb(120,120,120);
    font-size: 12px;
}

.pricing-items thead td:first-child {
    text-align: left;
    width: auto;
    padding-left: 0;
}



.pricing-items tbody tr {
    border-bottom: 2px solid rgb(235,235,235);
}

.pricing-items tbody tr.no-border {
    border: none;
}

.pricing-items tbody td {
    padding: 40px 20px;
    text-align:center;
    white-space:nowrap;
}

.pricing-items tbody td:first-child {
    padding: 14px 0;
    text-align: left;
}

.pricingButton{
    display:table;
    margin:0 auto;
    padding: 5px 30px;
    color: #fff;
    border-radius: 4px;
    background-color: #3e70f8;
    font-weight: 500;
    transition: all 0.35s ease 0s;
    text-align:center;
}

.pricingButton:hover {
    cursor: pointer;
    background-color: rgb(45,85,240);
    box-shadow: 0 0 6px 3px rgba(0,0,0,0.12);
}

.summary-container {
    background-color: white;
    border:1px solid #E5E5E5;
    border-radius: 6px;
    overflow:hidden;
}

.summary-container-head {
    padding: 20px;
    font-size: 22px;
    color: rgb(40,40,40);
    border-bottom:2px solid #E5E5E5;
}

.summary-prices {
    padding:20px;
    color: rgb(100,100,100);
    border-bottom:2px solid #E5E5E5;
    font-size: 15px;
}

.summary-total {
    background-color: rgb(248,248,248);
    color: rgb(40,40,40);
}

.summary-country-confirm {
    color: rgb(72, 77, 109);
}

.summary-country-container {
    padding:10px 20px;
    color: rgb(100,100,100);
    border-bottom:2px solid rgb(225,225,225);
    font-size: 15px;
}

.summary-subtotal-price {
    color: rgb(40,40,40);
}

.text-blurred {
    filter:blur(1.3px);
}

.summary-price-color {
    color: rgb(72, 110, 250);
}


/* DARK MODE PRICING & PAYMENTS */
body.is-dark .pricing-header-text {
    color: rgb(210,210,210);
}

body.is-dark .summary-price-color {
    color: #3498db;
}

body.is-dark .pricing-header-text i {
    color: rgb(210, 210, 210) !important;
}

body.is-dark .rs-container .rs-pointer {
    background-color: rgb(54, 54, 54);
    border-color: rgb(40,40,40);

    box-shadow: inset 0 0 1px rgb(100,100,100), inset 0 1px 6px rgb(130,130,130), 1px 1px 4px rgba(0, 0, 0, 0.1);
}

body.is-dark .rs-container .rs-bg, body.is-dark .rs-container .rs-selected {
    background-color: rgb(54, 54, 54);
    border-color: rgb(40,40,40);
}

body.is-dark .rs-container .rs-pointer::before, body.is-dark .rs-container .rs-pointer::after {
    background-color: rgb(170,170,170);
}

body.is-dark .price-box {
    background: repeating-linear-gradient(
            -55deg,
            #333336,
            #333336 40px,
            #343437 40px,
            #343437 80px
    );

    border-color: #404046 !important;
}

body.is-dark .price-header {
    color: rgb(210, 210, 210);
}

body.is-dark .price-price {
    color: rgb(90,192,255);
}

body.is-dark .price-points {
    color: rgb(210,210,210);
}

body.is-dark .pricing-items thead td {
    color: rgb(175,175,175);
}

body.is-dark .pricing-items thead tr {
    border-color: rgb(54,54,54);
}

body.is-dark .pricing-items tbody tr {
    border-color: rgb(54,54,54);
}

body.is-dark .price-color {
    color: rgb(90,192,255);
}

body.is-dark .summary-container {
    background-color: #323236;
    border-color: #404046;
}

body.is-dark .summary-container-head {
    color: rgb(210,210,210);
    border-color: #404046;
}

body.is-dark .summary-prices {
    color: rgb(200,200,200);
    border-color: #404046;
}

body.is-dark .summary-total {
    background-color: #303034;
    color: rgb(210,210,210);
}

body.is-dark .summary-country-confirm {
    color: rgb(200,200,200);
}

body.is-dark .summary-country-container {
    color: rgb(210,210,210);
    border-color: #404046;
}

body.is-dark .summary-subtotal-price {
    color: rgb(210,210,210);
}