/**handles:cart_style_css,cookie-law-info-table**/
.custom-cart-wrapper , .custom-cart-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 768px){
    .col-sm-8 {
        width: 66.066667%;
        display: inline-block;
        vertical-align: top;
    }
    .col-sm-4 {
        width: 33.233333%;
        display: inline-block;
        vertical-align: top;
    }
}
.pull-right{
    float: right;
}
.modal {
    display: none;
}
.custom-cart-wrapper.not-authorized {
    min-height: auto;
}
.cart-boxes .cart-bx-wrap {
    padding: 22px 0 30px;
    background-size: cover;
    background-repeat: inherit;
    background-position: center;
}
.cart-top-wrapper .heading{
    font-size: 30px;
    line-height: normal;
    color: #333333;
    font-family: "avenir-black","avenir-heavy",Times , serif;
    margin-top: 24px;
    margin-bottom: 6px;
}
.cart-top-wrapper .para{
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    font-family: "avenir-roman","avenir-book",Times , serif;
    margin: 0 auto;
    margin-bottom: 15px;
}
.cart-top-wrapper .top-img{
    display: block;
    margin: 25px auto;
}
.change-currency{
    display: inline-block;
    width: 100%;
    font-family: "avenir-roman","avenir-book",Times , serif;
    color: #333333;
    margin: 23px 0 0;
    position: relative;
}
.change-currency span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-family: inherit;
    line-height: normal;
    color: inherit;
}
.change-currency .heading{
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #031619;
    font-family: "avenir-black","avenir-book",Times , serif;
    line-height: normal;
    width: 100%;
    margin-top: 0;
    margin-bottom: 9px;
}
.change-currency i{
    vertical-align: middle;
    font-size: 18px;
    color: #545454;
    font-style: normal;
    position: relative;
    padding-left: 0;
}
.change-currency span i:after{
    content: "";
    position: absolute;
    top: 0;
    left: 3px;
    width: 1px;
    height: 100%;
    background-color: #545454;
}
.change-currency .currency-box{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
}
.change-currency span.currency-select-box{
    min-width: 82px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #d9d9d9;
    margin-left: 5px;
    padding: 4px 10px;
    position: relative;
}
.change-currency span.currency-select-box:after{
    display: inline-block;
    content: "";
    position: absolute;
    top: 11px;
    right: 11px;
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/007-test-cart-arrow-field.png") no-repeat transparent;
    width: 14px;
    height: 8px;
}
.change-currency span.currency-select-box:hover,
.change-currency span.currency-select-box:focus{
    cursor: pointer;
}
.change-currency span.currency-select-box b{
    display: inline-block;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}
.change-currency span.currency-select-box.active ul{
    z-index: 2;
    transform: scaleY(1);
}
.change-currency span.currency-select-box ul{
    display: inline-block;
    min-width: 82px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    font-size: 14px;
    color: #545454;
    height: 100%;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #d9d9d9;
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.26s ease;
}
.change-currency span.currency-select-box ul li{
    display: inline-block;
    line-height: 30px;
    width: 100%;
    margin-bottom: 0;
    padding: 0 5px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    transition: all 0.15s ease-in-out;
}
.change-currency span.currency-select-box ul > li:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.change-currency span.currency-select-box ul > li:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.custom-cart-wrapper.text-white .cart-top-wrapper .heading,
.custom-cart-wrapper.text-white .cart-top-wrapper .para,
.custom-cart-wrapper.text-white .cart-top-wrapper .change-currency,
.custom-cart-wrapper.text-white .cart-top-wrapper .change-currency .heading,
.custom-cart-wrapper.text-white .cart-box .fpdr-text,
.custom-cart-wrapper.text-white .disclaimer
{
    color: #fff;
}
.cart-boxes-wrapper{
    display: inline-block;
    width: 100%;
    margin: 55px 0 0;
    text-align: center;
}
.cart-boxes-wrapper .cart-box{
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    max-width: 30.9%;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
}
.cart-boxes-wrapper .cart-box.single-cart{
    max-width: 100%;
}
.cart-boxes-wrapper > .cart-box:nth-child(2){
    margin-left: 3%;
    margin-right: 3%;
}
.cart-box .cart-box-inner{
    display: inline-block;
    background-color: #ffffff;
    border: 3px solid transparent;
    min-height: 300px;
    border-radius: 5px;
    padding: 40px 10px 14px;
    box-shadow: 0 0 0 1px #d9d9d9;
    position: relative;
}
.cart-box .cart-box-duration {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}
.cart-box .cart-box-duration span{
    font-size: 16px;
    color: #acacac;
    font-family: "avenir-heavy", Times , serif;
}
.cart-box .cart-box-price{
    display: inline-block;
    width: 100%;
    line-height: 60px;
    font-size: 60px;
}
.cart-box .cart-box-price b{
    display: inline-block;
    font-size: 60px;
    color: #acacac;
    font-family: "avenir-black",Times,serif;
    font-weight: normal;
    position: relative;
    letter-spacing: -0.6px;
}
.cart-box .cart-box-price b sup{
    position: absolute;
    font-family: "avenir-roman",Times,serif;
    font-size: 14px;
    top: 15px;
    right: 105%;
}
.cart-box .cart-box-month-div span{
    color: #545454;
}
.cart-box .cart-box-month-div{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-family: "avenir-roman",Times,serif;
    color: rgb(172, 172, 172);
    vertical-align: middle;
    margin: 4px 0 10px;
    line-height: 1;
}
.cart-box.active .cart-box-month-div{
    color: rgba(84, 84, 84, 0.8);
}
.cart-box .cart-box-dscnt{
    display: inline-block;
    width: 100%;
    line-height: 12px;
    position: absolute;
    top: -44px;
    left: 0;
}
.cart-box .cart-box-dscnt span {
    padding: 8px 10px;
    border-radius: 50px;
    color: #acacac;
    font-size: 14px;
    font-family: "avenir-book",Times,serif;
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    max-height: 36px;
    display: inline-block;
    line-height: 1;
    min-width: 94px;
    position: relative;
}
.cart-box .cart-box-dscnt span:after,
.cart-box .cart-box-dscnt span:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 7px solid #e5e5e5;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -7px;
}
.cart-box .cart-box-dscnt span:after {
    border-color: transparent;
    border-top-color: #ffffff;
    border-width: 8px;
    top: 27px;
}
.cart-box .cart-box-btn-wrap{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.cart-box .cart-box-btn-wrap .cart-box-btn{
    display: inline-block;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #acacac;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    width: 100%;
    max-width: 240px;
    line-height: 55px;
    min-height: 55px;
    text-align: center;
}
.cart-box .cart-box-btn-wrap .cart-box-btn span{
    font-family: "avenir-black",Times,serif;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
}
.cart-box .cart-box-btm-text{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 8px;
}
.cart-box .cart-box-btm-text span{
    font-family: "avenir-roman",Times,serif;
    font-size: 12px;
    color: #acacac;
    vertical-align: middle;
    letter-spacing: 0.18px;
    line-height: 20px;
}
.cart-box-duration span b {
    display:block;
}
.cart-box-duration span i {
    display: block;
    font-style: normal;
}
.cart-box-duration span b {
    margin: 20px 0 5px;
    font-size: 18px;
}
.cart-checking-out{
    pointer-events: none;
}
.discount_applied{
    margin-bottom: 10px;
}

/*COLORS START*/
.cart-box.active .cart-box-duration span,
.cart-box.active .cart-box-price b{
    color: #333333;
}
.cart-box.active .cart-box-duration span br{
    display:none;
}
.cart-box.active .cart-box-dscnt span {
    font-family: "avenir-black",Times,serif;
    font-size: 20px;
    color: #ff0024;
    padding: 10px 25px;
    max-height: 42px;
    line-height: 17px;
    position: relative;
    box-shadow: 0 6px 12px 0 rgba(1, 2, 2, 0.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.cart-box.active .cart-box-dscnt{
    top: -52px;
}
.cart-box.active .cart-box-dscnt span:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -7px;
    top: auto;
}
.cart-box .mst-prefered {
    font-size: 14px;
    background-color: #acacac;
    color: #fff;
    padding: 6px 13px;
    position: absolute;
    top: -3px;
    right: -3px;
    line-height: 15px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.cart-box.active .mst-prefered {
    background-color: #ff0024;
}
.cart-box .cut-price-bx {
    line-height: 1;
    min-height: 15px;
    margin-bottom: 15px;
}
.cart-box .cut-price-bx .cut-price {
    font-size: 16px;
    color: #acacac;
    font-family: 'avenir-heavy',"Times New Roman", Times, serif;
    position: relative;
}
.cart-box .cut-price-bx .cut-price:after {
    content: "";
    background-color: #ff6000;
    height: 1px;
    width: 115%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    transform: translate(-50%,-50%);
}
.cart-box.active .cart-box-inner{
    border: 3px solid #ff0024;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: none;
}
.change-currency span.currency-select-box ul li:hover{
    background-color: #ff0024;
    color: #ffffff;
}
.cart-box.active .cart-box-duration:after{
    border-color: #ff6000;
}
.cart-box .cart-box-btn-wrap .cart-box-btn:hover,
.cart-box .cart-box-btn-wrap .cart-box-btn:active,
.cart-box .cart-box-btn-wrap .cart-box-btn:focus,
.cart-box.active .cart-box-btn-wrap .cart-box-btn{
    background: #ff0024;
}
/*COLORS END*/
.cart-box .fpdr-text {
    font-size: 13px;
    color: #545454;
    line-height: 1.38;
    letter-spacing: 0.2px;
    margin: 30px -10px 0;
}

/*cut off css*/

.cart-box .fpdr-text i,
.cart-box .cart-box-month-div span i{
    position: relative;
    font-style: normal;
    color: #f88d8d;
}
.cart-box .fpdr-text i:before,
.cart-box .cart-box-month-div span i:before {
    content: "";
    position: absolute;
    background-color: #f88d8d;
    height: 1px;
    width: 105%;
    top: 7px;
    left: -1px;
    display: inline-block;
}
.gateway-wrapper .gateway-methods{
    display: inline-block;
    width: 100%;
    margin: 20px 0 5px;
}
.gateway-wrapper .gateway-methods-wrapper{
    display: inline-block;
    width: 100%;
}
.gateway-wrapper .get-acct-details{
    display: inline-block;
    width: 100%;
    max-width: 372px;
}
.gateway-wrapper .get-acct-details .img-responsive{
    margin-top: -5px;
    margin-bottom: 20px;
    width: 100%;
}
.gateway-wrapper .get-acct-details .heading {
    color: #333333;
    font-family: "avenir-black",Times,serif;
    font-size: 18px;
    margin-bottom: 10px;
}
.gateway-wrapper .get-acct-details ul {
    list-style: none;
    padding-left: 0;
    padding-right: 0;
}
.gateway-wrapper .trustpilot-image {
    border: 1px solid #eee;
    margin-top: 18px;
}
.gateway-wrapper .get-acct-details ul li {
    font-size: 16px;
    color: #545454;
    display: inline-block;
    width: 100%;
    font-family: "avenir-roman",Times,serif;
    line-height: normal;
    position: relative;
    padding-left: 29px;
    margin-bottom: 12px;
}
.gateway-wrapper .get-acct-details ul li .icon-check {
    display: inline-block;
    background: url(https://d1v4btv2rwszby.cloudfront.net/public/images/90530-tick.png) no-repeat center;
    width: 14px;
    height: 16px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 3px;
    background-size: contain;
}
.gateway-wrapper .trust-pilot-wrapper {
    display: block;
    width: 270px;
    padding: 15px 18px;
    border: solid 1px #ebebeb;
    margin-top: 35px;
}
.gateway-wrapper .gateway-method{
    display: inline-block;
    padding-left: 0;
    padding-right: 12px;
    margin-bottom: 10px;
}
/*.gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(3),
.gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(6),
.gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(9),
.gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(12),
.gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(15){
    padding-right: 0;
}*/
.gateway-wrapper .gateway-method .gateway-method-inr{
    width: 100%;
    box-shadow: inset 0 0 0 1.2px #e1e1e1;
    height: 56px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    cursor: pointer;
    box-sizing: content-box;
    background-color: #fff;
}
.gateway-wrapper .gateway-method .gateway-method-inr:hover{
    cursor: pointer;
}
.gateway-wrapper{
    padding: 60px 0 0;
}
.gateway-wrapper .top{
    display: inline-block;
    width: 100%;
}
.gateway-wrapper .top .first {
    color: #333333;
    font-family: "avenir-black",Times,serif;
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
    letter-spacing: 0.4px;
    line-height: normal;
}
.gateway-wrapper .top .second{
    color: #545454;
    font-family: "avenir-roman",Times,serif;
    font-size: 16px;
}
.gateway-wrapper .top img{
    position: relative;
    top: -20px;
}
.gateway-wrapper .top .invoiceid {
    color: #545454;
    font-family: "avenir-roman",Times,serif;
    font-size: 12px;
    margin: 5px 0;
}
.gateway-wrapper .icon.encrypt-icon {
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(https://d1v4btv2rwszby.cloudfront.net/public/images/82277_ic-encrypted.png) no-repeat top center transparent;
    background-size: contain;
}
.gateway-wrapper .top .icon.encrypt-icon{
    margin-right: 8px;
}

.gateway-wrapper .plan-details .description{
    width: 125px;
}
.gateway-wrapper .order-summary.active .order-summary-details{
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
    display: block;
}

.gateway-wrapper .order-summary .order-summary-details{
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    display: none;
    clear: both;
}

.gateway-wrapper .order-summary{
    position:relative;
}

.order-summary span.heading:after {
    position: absolute;
    top: 32px;
    right: 8px;
    width: 14px;
    height: 8px;
    content: "";
    display: inline-block;
    background: url(https://d1v4btv2rwszby.cloudfront.net/public/images/82277_payment_gateway_arrow_field.png) no-repeat top center transparent;
    background-size: 100% 100%;
}

.order-summary.active span.heading:after {
    transform: rotate(180deg);
    top: 26px;
}

.gateway-wrapper .invoiceinfo {
    padding: 15px 0 15px;
    border-top: 1px solid #ccc;
}

.gateway-wrapper .plan-details {
    border: none;
    padding: 10px 0px 15px;
}


.gateway-wrapper .invoiceinfo span{
    font-size: 16px;
    font-family: "avenir-roman","Times","serif";
}

.gateway-wrapper .invoiceinfo span.heading{
    font-size: 18px;
    font-family: "avenir-black","Times","serif";
    padding: 8px 0px;
    display: block;
}

.gateway-wrapper .gateway-method span{
    position: relative;
    width: 100%;
    display: inline-block;
    padding-left: 45px;
}
.gateway-wrapper  .gateway-method-inr{
    position: relative;
}
.gateway-wrapper .gateway-method .gateway-method-inr:after {
    content: "";
    height: 18px;
    width: 18px;
    border-radius: 50px;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 18px;
    left: 17px;
}
.gateway-wrapper .gateway-method .gateway-method-inr:before {
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 50px;
    position: absolute;
    top: 21px;
    left: 20px;
}
.gateway-wrapper .gateway-method.active .gateway-method-inr {
    box-shadow: inset 0 0 0 1.5px #ff6000;
}
.gateway-wrapper .gateway-method.active .gateway-method-inr:after {
    border-color: #ff6000;
    background-color: transparent;
    animation-duration: .2s;
    animation-name: select-radio;
    animation-iteration-count: 1;
    animation-direction: Normal;
}
.gateway-wrapper .gateway-method.active .gateway-method-inr:before {
    background-color: #ff6000;
}
.gateway-wrapper  .gateway-method .gateway-method-inr{
    display: inline-block;
    background-repeat: no-repeat;
}
.gateway-wrapper .gateway-method .gateway-method-inr {
    background-image: url(https://images.purevpn-tools.com/public/images/cart_sprite_opt_1.png);
    background-position: 48px 0;
    background-size: 205px;
}
.gateway-wrapper #payza.gateway-method .gateway-method-inr {
    background-position: 48px -465px;
    background-size: 159px;
}
.gateway-wrapper  #paymentwall.gateway-method .gateway-method-inr{
    background-position: 45px -424px;
    background-size: 146px;
}
.gateway-wrapper  #bluesnap.gateway-method .gateway-method-inr,
.gateway-wrapper  #plimus.gateway-method .gateway-method-inr{
    background-position: 48px -565px;
    background-size: 165px;
}
.gateway-wrapper  #coinpayments.gateway-method .gateway-method-inr,
.gateway-wrapper  #coingate.gateway-method .gateway-method-inr{
    background-position: 48px -244px;
    background-size: 185px;
}
.gateway-wrapper  #paypalpaymentspro.gateway-method .gateway-method-inr,
.gateway-wrapper  #paypal_box_icon.gateway-method .gateway-method-inr,
.gateway-wrapper  #paypalr_box_icon.gateway-method .gateway-method-inr,
.gateway-wrapper  #paypalr.gateway-method .gateway-method-inr,
.gateway-wrapper  #expresscheckout.gateway-method .gateway-method-inr,
.gateway-wrapper  #paypalexpress.gateway-method .gateway-method-inr{
    background-position: 48px -163px;
}
.gateway-wrapper  #paygarden.gateway-method .gateway-method-inr{
    background-position: 48px -98px;
    background-size: 183px;
}
.gateway-wrapper #cashu.gateway-method .gateway-method-inr {
    background-position: 48px -327px;
}
.gateway-wrapper  #stripe_alipay.gateway-method .gateway-method-inr,
.gateway-wrapper  #alipay.gateway-method .gateway-method-inr{
    background-position: 48px -4px;
}
.gateway-wrapper #stripe_box_icon.gateway-method .gateway-method-inr ,
.gateway-wrapper #stripe_billing_box_icon.gateway-method .gateway-method-inr ,
.gateway-wrapper #stripebilling.gateway-method .gateway-method-inr {
    background-position: 48px -202px;
    background-size: 192px;
}
.gateway-wrapper  #gpay_box_icon.gateway-method .gateway-method-inr{
    background-position: 48px -779px;
    background-size: 208px;
}
.gateway-wrapper  #applepay_box_icon.gateway-method .gateway-method-inr{
    background-position: 48px -822px;
    background-size: 208px;
}
.gateway-wrapper .devices-text{
    font-style: normal;
}
.gateway-wrapper .icon-apps {
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/new_gateway_devices_icons2.png);
    background-repeat: no-repeat;
    height: 15px;
    display: inline-block;
    opacity: 0.6;
    margin: 0 5px;
    vertical-align: middle;
    background-size: 24px;
}
.gateway-wrapper .icon-apps.icon-win {
    background-position: 0 -96px;
    width: 14px;
}
.gateway-wrapper .icon-apps.icon-mac {
    background-position: 0 -73px;
    width: 12px;
}
.gateway-wrapper .icon-apps.icon-andrd {
    background-position: 0 -5px;
    width: 13px;
}
.gateway-wrapper .icon-apps.icon-ios {
    background-position: 0 -27px;
    width: 21px;
}
.gateway-wrapper .icon-apps.icon-linux {
    background-position: 0 -50px;
    width: 12px;
}
.shop_table{
    display: none;
}
.payment-details{
    display: inline-block;
    width: 100%;
    background-color: #f9f9f9;
    border: 1.2px solid #e1e1e1;
    border-radius: 3px;
    padding: 15px;
    position: relative;
}
.payment-details .summery-wrapper{
    display: inline-block;
    width: 100%;
}
.payment-details .summery-wrapper .summery-box{
    display: none;
    background-color: #efefef;
}
.payment-details .payment-top{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 4px;
}
.payment-details .payment-plan{
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
}
.payment-details .payment-plan span{
    display: inline-block;
    color: #333333;
    font-family: "avenir-roman",Times,serif;
    font-size: 16px;
}
.payment-details .payment-plan span p {
    max-width: 480px;
    margin: 5px 0 0;
}
.payment-details .payment-plan span p,
.payment-details .payment-plan span p span {
    color: #ff0024;
    font-family: avenir-heavy,Times,serif;
    font-size: 14px;
    vertical-align: top;
}
.payment-details .payment-plan-discount{
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}
.payment-details .payment-plan-discount span,
.payment-details .payment-plan-discount-incentive span,
.payment-details .payment-plan-discount-coupon span{
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    font-family: "avenir-roman",Times,serif;
    font-size: 16px;
}
.payment-details .payment-plan-discount > span:last-child,
.payment-details .payment-plan-discount-incentive > span:last-child,
.payment-details .payment-plan-discount-coupon > span:last-child{
    display: inline-block;
    vertical-align: middle;
    color: #f45f5f;
    font-family: "avenir-roman",Times,serif;
    font-size: 16px;
}
.payment-details .payment-total{
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}
.payment-details .payment-total span{
    display: inline-block;
    color: #333333;
    font-family: "avenir-black",Times,serif;
    font-size: 24px;
}
.payment-details .woocommerce-Price-currencySymbol {
    margin: 0 7px 0 0;
}
.payment-details .payment-coupon{
    display: inline-block;
    width: 100%;
    margin-top: 2px;
}
.payment-details .payment-coupon span{
    display: inline-block;
    vertical-align: middle;
    color: #545454;
    font-family: "avenir-heavy",Times,serif;
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 15px;
}
.payment-details .payment-plan-addons{
    display: none;
    width: 100%;
    border-top: 1px solid #e1e1e1;
    padding: 15px 0 5px;
    cursor: pointer;
}
.payment-details .payment-plan-addons.active{
    display: inline-block;
}
.payment-details .payment-plan-addons span{
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: #333333;
    font-family: "avenir-roman",Times,serif;
    font-size: 16px;
}
.payment-details .payment-plan-addons .arrow{
    padding-left: 22px;
}
.payment-details .payment-plan-addons .arrow:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 6px;
    height: 10px;
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/82277-arrow-summary.png") no-repeat center center transparent;
}
.payment-details .payment-plan-addons.open .arrow:after{
    transform: rotate(90deg);
}
.payment-details .payment-plan-addons .addon-list{
    display: none;
    width: 100%;
}
.payment-details .payment-plan-addons.open .addon-list{
    display: inline-block;
    width: 100%;
}
.payment-details .payment-plan-addons .addon-list ul{
    display: inline-block;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    list-style: none;
}
.payment-details .payment-plan-addons .addon-list ul li{
    display: inline-block;
    width: 100%;
    line-height: 20px;
    color: #333333;
    font-family: "avenir-roman",Times,serif;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
}
.payment-details .payment-plan-addons .addon-list i{
    font-style: normal;
}
.payment-details .payment-plan-addons.open #addons_total_sum{
    display: none;
}
.payment-details .payment-form{
    display: inline-block;
    width: 100%;
}
.payment-details .payment-coupon .payment-coupon-box.active{
    display: inline-block;
}
.payment-details .payment-coupon .payment-coupon-box.coupon-applied{
    margin: 0 0 10px;
}
.payment-details .payment-coupon .payment-coupon-box{
    display: none;
    width: 100%;
    max-width: 190px;
    height: 30px;
    background-color: #ffffff;
    border: 1px solid #b9babd;
    border-radius: 3px;
    margin: 0 0 16px;
    overflow: visible;
    position: relative;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-inpt{
    display: inline-block;
    width: calc(100% - 59px);
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    height: 27px;
    padding-left: 10px;
    font-size: 12px;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-btn{
    display: inline-block;
    width: 100%;
    max-width: 56px;
    padding: 0;
    font-size: 12px;
    border-radius: 3px;
    height: 24px;
    margin-top: 2px;
    background-color: #333;
    color: #fff;
    border: 0;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-btn:focus{
    outline: none;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-btn.focus-coupon{
    background-color: #333333;
    color: #ffffff;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-btn.disabled{
    background-color: #bbb9b9;
    color: #ffffff;
    pointer-events: none;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-cancel{
    display: none;
}
.payment-details .payment-coupon .payment-coupon-box.coupon-applied .payment-coupon-btn,
.payment-details .payment-coupon .payment-coupon-box.coupon-applied .payment-coupon-cancel{
    display: block;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-cancel:focus{
    outline: none;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-cancel{
    display: none;
    width: 100%;
    max-width: 18px;
    padding: 0px;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 9px;
    height: 18px;
    margin: 5px;
    float: right;
    background-color: #a8acad;
    position: absolute;
    top: 0;
    right: -30px;
    border: 0;
}
.country-select-box .btn-close:hover,
.country-select-box .btn-close:active,
.country-select-box .btn-close:focus,
.country-select-box .btn-close{
    display: inline-block;
    width: 20px;
    max-width: 18px;
    padding: 0;
    text-transform: uppercase;
    border-radius: 9px;
    height: 18px;
    margin: 5px;
    float: right;
    background-color: transparent;
    position: absolute;
    top: 3px;
    right: 3px;
    outline: none;
    border: 0;
}
.country-select-box .btn-close i.close-icon {
    margin: 0;
    text-decoration: none;
    background: url(https://d1v4btv2rwszby.cloudfront.net/public/images/88916_close_black.png) no-repeat center;
    background-size: contain;
    width: 11px;
    height: 12px;
    display: inline-block;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-cancel i.close-icon{
    margin: 0;
    text-decoration: none;
    color:#fff;
    font-style: normal;
    font-size: 12px;
    display: inline-block;
    margin-top: 1px;
}
.payment-details .payment-coupon .payment-coupon-box-message{
    display: none;
}
.payment-details .payment-coupon .payment-coupon-box-message > *{
    width: 100%;
    font-size: 15px;
    color: #333333;
    cursor: default;
    font-family: "avenir-roman", Times, serif;
    margin: 0 0 10px;
}
.payment-details .payment-coupon .payment-coupon-box-message .red{
    color: #f45f5f;
}
.payment-details .payment-coupon .payment-coupon-box-message .green{
    color: #2dbd46;
}
.payment-details .payment-coupon .payment-coupon-box-message.active{
    display: inline-block;
}
.payment-details .payment-plan-discount-coupon{
    display: none;
    width: 100%;
    margin-bottom: 10px;
}
.payment-details .payment-plan-discount-coupon.active{
    display: inline-block;
}
.payment-details .payment-plan-discount-incentive{
    display: none;
    width: 100%;
    margin-bottom: 10px;
}
.payment-details .payment-plan-discount-incentive.active{
    display: inline-block;
}
.payment-details .payment-form .form-group{
    margin-bottom: 12px;
}
.payment-details .payment-form .email,
.payment-details .payment-form  .card-holder{
    margin: 0 0 10px;
}
.payment-details .payment-form .form-control.input-valid{
    border-color: #2dbd46;
}
.payment-details .payment-form .StripeElement--complete{
    border: 1px solid #2dbd46;
}
.payment-details .payment-form .StripeElement--complete.show-input-loader{
    border: none;
    border-radius: 0;
}
.payment-details .payment-form .form-control{
    border-radius: 3px;
    line-height: normal;
    height: 45px;
    border: 1px solid #b9babd;
    box-shadow: none;
    width: 100%;
    padding: 6px 35px 6px 12px;
    font-size: 14px;
    margin: 0;
}
.payment-details .payment-form input::-ms-clear{
    display: none;
}
.payment-details .payment-form .form-control.error{
    border: 1px solid red;
}
.payment-details .payment-coupon-inpt::placeholder ,
.payment-details .payment-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #8e9091;
    opacity: 1; /* Firefox */
}
.payment-coupon-inpt::-ms-clear{
    display: none;
}
.payment-details .payment-coupon-inpt:-ms-input-placeholder ,
.payment-details .payment-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #8e9091;
}

.payment-details .payment-coupon-inpt::-ms-input-placeholder ,
.payment-details .payment-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #8e9091;
}

.payment-details .payment-form .wt-checkTerms {
    display: inline-block;
    width: 100%;
    margin: 13px 0 12px;
}

.payment-details .payment-form .wt-checkTerms span {
    color: #545454;
    font-size: 12px;
    font-family: "avenir-roman",Times,serif;
}
.payment-details .payment-form .wt-checkTerms span i{
    font-style: normal;
}
.payment-details .payment-form .wt-checkTerms span a {
    color: #545454;
    text-decoration: underline;
}
.payment-details .payment-form .wt-checkTerms span a:hover,
.payment-details .payment-form .wt-checkTerms span a:active,
.payment-details .payment-form .wt-checkTerms span a:focus {
    color: #a8a8a8;
}
.payment-details .payment-form .payment-button {
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}
.payment-details .payment-form .payment-btn {
    display: inline-block;
    width: 100%;
    max-width: 335px;
    margin: 0;
    background: #ff0024;
    border: 1px solid #ff0024;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    outline: 0;
    height: 60px;
    box-shadow: none;
    vertical-align: top;
    text-transform: none;
    text-decoration: none;
}
.payment-details .payment-form .payment-btn:active{
    box-shadow: 0 0 5px 2px #acb9b9;
}
.payment-details .payment-form .payment-button .payment-btn span{
    position: relative;
}
.payment-details .payment-form .payment-button .payment-btn span:before{
    content: "";
    position: absolute;
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/new_gateway_guarantee_icons2.png);
    background-position: -1px 1px;
    background-repeat: no-repeat;
    width: 15px;
    height: 19px;
    left: -30px;
    background-size: 16px;
}
.guarantee-box  {
    display: inline-block;
    color: #545454;
    max-width: 280px;
    margin: 0 0 0 20px;

}
.guarantee-box p{
    margin: 0 0 10px;
}
.guarantee-box .gur-icon{
    display: inline-block;
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/new_gateway_guarantee_icons2.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    height: 14px;
    width: 12px;
    margin-right: 10px;
    background-size: 13px;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-inpt:focus{
    outline: none;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-inpt[disabled]{
    background-color: #fff;
    pointer-events: none;
}
.payment-details .payment-coupon .payment-coupon-box .payment-coupon-inpt::placeholder {
    color: #cacdd0;
}
.guarantee-box .gur-icon.icon-refund{
    background-position: -1px -33px;
}
.guarantee-box .gur-icon.icon-secure{
    background-position: 0 -17px;
}
.guarantee-box .gur-text{
    display: inline-block;
    font-size: 12px;

}
.payment-details .show-input-loader{
    position: relative;
    overflow: hidden;
    border:none;
    max-height: 42px;
}
.show-input-loader:before{
    content: '';
    background: #e6e6e6;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    width: 100%;
    z-index: 1;
    pointer-events: all;
}
.show-input-loader:after{
    content: '';
    -webkit-animation: load 1s infinite ease-in-out both;
    -moz-animation: load 1s infinite ease-in-out both;
    -o-animation: load 1s infinite ease-in-out both;
    animation: load 1s infinite ease-in-out both;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    background: #fafafa;
    border-radius: 8px;
    height: 1em;
    margin-top: -0.5em;
    top: 50%;
    transition: all 0.15s ease-out;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.payment-details .btn-loader {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 0 auto;
    display: none;
}
.payment-details .dot {
    width: 12px;
    height: 12px;
    border-radius: 0.5em;
    background: #fff;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    top: 20%;
}
.payment-details .dot3 {
    left: 1.5em;
}
.payment-details .dot1 {
    animation-name: reveal;
}

/*
Incentive CSS START
*/
.incentive_template_div{
    display: none;
}
.incentive_template_div.insentive-active{
    display: inline-block;
    width: 100%;
}
.payment-details .incentive-wrapper{
    display: inline-block;
    width: 100%;
    background-color: #1d1d1d;
    padding: 25px;
    border-radius: 5px;
    margin-top: 0;
    margin-bottom: 25px;
    background-image: url("https://d1v4btv2rwszby.cloudfront.net/public/images/93700_incentive_banner.png");
    background-size: cover;
    background-position: right;
}
.payment-details .incentive-wrapper .para{
    display: inline-block;
    width: 100%;
    font-size: 20px;
    font-family: "avenir-book", Times , serif;
    color: #fff;
    margin-bottom: 25px;
}
.payment-details .incentive-wrapper .para span{
    display: block;
    font-family: "avenir-black", Times , serif;
    font-size: 24px;
}
.payment-details .incentive-wrapper .col-md-2{
    text-align: center;
}
.payment-details .incentive-wrapper img{
    float: none;
    margin: 0 auto;
}
.payment-details .incentive-wrapper .col-md-10{
    padding-left: 0;
}
.payment-details .incentive-wrapper .btn{
    font-size: 14px;
    color: rgba(0, 0, 0, 0.54);
    height: 45px;
    transition: all 0.3s ease-in-out;
}
.payment-details .incentive-wrapper .btn .credit_btn,
.payment-details .incentive-wrapper .btn .get_vpn_arrow{
    vertical-align: middle;
}
.payment-details .incentive-wrapper .btn .get_vpn_arrow {
    background: url(https://d1v4btv2rwszby.cloudfront.net/public/images/62564_apps_banner_icon_2.png) no-repeat 0 0 transparent;
    width: 18px;
    height: 14px;
    position: static;
    margin-left: 7px;
    display: inline-block;
    background-position: -35px -455px;
}
.payment-details .incentive-wrapper .btn:hover,
.payment-details .incentive-wrapper .btn:focus,
.payment-details .incentive-wrapper .btn:active{
    outline: none;
    box-shadow: none;
}
.payment-details .incentive-wrapper .btn-left{
    border-color: #16a149;
    background-color: #16a149;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-family: "avenir-roman", "avenir-book", Times , serif;
    min-width: 192px;
}
.payment-details .incentive-wrapper .btn-left:active,
.payment-details .incentive-wrapper .btn-left:focus,
.payment-details .incentive-wrapper .btn-left:hover{
    border-color: #16a149;
}
.payment-details .incentive-wrapper .btn-right{
    border-color: transparent;
    background-color: transparent;
    font-family: "avenir-roman", "avenir-book", Times , serif;
    margin-left: 10px;
    text-decoration: underline;
    color: #b0b0b0;
}
.payment-details .incentive-wrapper .btn-right:active,
.payment-details .incentive-wrapper .btn-right:focus,
.payment-details .incentive-wrapper .btn-right:hover{
    background-color: transparent;
}
.payment-details .incentive-wrapper .btn-loader-wrapper{
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: none;
}
.payment-details .incentive-wrapper .btn-loader-wrapper.loading{
    display: block;
}
.payment-details .incentive-wrapper .btn-loader-wrapper.loading .btn-loader{
    display: block;
}
.incentive-template .btn-right b{
   display :none;
}
/*
Incentive CSS END
*/

#incentive-box{
    display: none;
}
.croAvailable #incentive-box{
    display: inline-block;
    width: 100%;
}
.croAvailable .guarantee-box{
    display: none;
}

.error-message {
    display: none;
    color: red;
    margin-top: 10px;
    padding-left: 24px;
    position: relative;
    font-size: 16px;
}
.event-none{
    pointer-events: none;
}
.card-errors{
    padding-left: 24px;
    position: relative;
}
.StripeElement--invalid ~ .card-errors:after,
.error-message:after{
    content: "";
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/82277_ic_alert.png") no-repeat top center transparent;
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 14px;
}
.StripeElement--invalid ~ .card-errors{
    margin-bottom: 10px;
}
.error {
    color: red;
}

#card-errors {
    margin-top: 10px;
    color: red;
    display: none;
}
.StripeElement--invalid + #card-errors {
    display: inline-block;
    margin-bottom: 0;
}

.success {
    display: none;
    font-size: 14px;
}
.cart-box-inner .ux-tooltip{
    display: none;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    padding: 12px 15px;
    font-size: 14px;
    color: #000;
    line-height: 20px;
    text-align: left;
    z-index: 9;
    width: 90%;
    position: absolute;
    bottom: auto;
    top: 104%;
    box-shadow: 0 2px 6px 0px rgba(1, 2, 2, 0.3);
    border-radius: 9px;
}
.cart-box-inner:hover .ux-tooltip{
    display: block;
}
.cart-box-inner .ux-tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    top: -6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.cart-box-inner .ux-tooltip:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d9d9d9;
    top: -7px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.cart-box-inner .ux-tooltip b{
    font-size: 16px;
    color: #d70214;
    display: block;
    padding-bottom: 8px;
    font-weight: 500;
}
.cart-box-inner .ux-tooltip strong {
    font-size: 14px;
    color: #000;
    display: block;
}
/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
    box-sizing: border-box;

    height: 45px;

    padding: 13px 12px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    border: 1px solid #b9babd;
    box-shadow: none;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.payment-details .payment.success .icon .border {
    stroke: #2dbd46;
}

.payment-details .payment.success .icon .checkmark {
    stroke: #2dbd46;
}

.payment-details .payment.success .title {
    color: #fff;
}

.payment-details .payment.success .message {
    color: #333333;
}

.payment-details .payment.success .reset path {
    fill: #fff;
}

.payment-details.submitted{
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
}
.payment-details.submitted .success,
.payment-details.submitting .success {
    pointer-events: all;
}

.payment-details.submitting .success .icon {
    opacity: 1;
}

.payment-details.submitted .success > * {
    opacity: 1;
    transform: none !important;
}

.payment-details.submitted .success > :nth-child(2) {
    transition-delay: 0.1s;
}

.payment-details.submitted .success > :nth-child(3) {
    transition-delay: 0.2s;
}

.payment-details.submitted .success > :nth-child(4) {
    transition-delay: 0.3s;
}

.payment-details.submitted .success .icon .border,
.payment-details.submitted .success .icon .checkmark {
    opacity: 1;
    stroke-dashoffset: 0 !important;
}

.payment-details .payment.success {
    background-color: #ffffff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    text-align: center;
    pointer-events: none;
    overflow: hidden;
}

.payment-details .success > * {
    transition-property: opacity, transform;
    transition-duration: 0.35s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    opacity: 0;
    transform: translateY(50px);
}

.payment-details .payment.success .icon {
    margin: 15px 0 30px;
    transform: translateY(70px) scale(0.75);
}

.payment-details .payment.success .icon svg {
    will-change: transform;
}

.payment-details .payment.success .icon .border {
    stroke-dasharray: 251;
    stroke-dashoffset: 62.75;
    transform-origin: 50% 50%;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: spin 1s linear infinite;
}

.payment-details .payment.success .icon .checkmark {
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
    transition: stroke-dashoffset 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
}

.payment-details .payment.success .title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #333333;
    font-family: "avenir-black",Times,serif;
}

.payment-details .payment.success .message {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.6em;
}

.payment-details .payment.success .message span {
    font-size: inherit;
}

.payment-details .payment.success .reset:active {
    transition-duration: 0.15s;
    transition-delay: 0s;
    opacity: 0.65;
}

.payment-details .payment.success .reset svg {
    will-change: transform;
}
.payment-details .order-sum {
    font-size: 18px;
    color: #333333;
    font-family: 'avenir-black',"Times New Roman", Times, serif;
    margin: 13px 0 20px;
}
/* Add-ons Start */

.addons-wrapper{
    display: inline-block;
    width: 100%;
    line-height: 0;
    font-size: 0;
}
.addons-wrapper .addon-box{
    display: inline-block;
    width: 100%;
    background-color: #fafafa;
    border-radius: 3px;
    border: 1.2px solid #e1e1e1;
    margin-top: 10px;
    padding: 19px 20px;
    line-height: normal;
    font-size: 14px;
    min-height: 80px;
}
.addon-box .col-sm-8,
.addon-box .col-sm-4{
    padding: 0;
}
.addon-box .col-sm-4 {
    text-align: right;
}
.addon-box span{
    color: #333333;
    font-size: 14px;
    font-family: "avenir-roman", Times, serif;
    line-height: normal;
}
.addon-box span #addon_ppm{
    font-family: "avenir-black", Times, serif;
    font-style: normal;
}
.addon-box .addon-name{
    font-style: normal;
    font-weight: normal;
}
.addon-box span.addon-icon{
    width: 36px;
    height: auto;
    min-height: 30px;
    display: inline-block;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    margin-right: 18px;
    float: left;
}
.addon-box .addon-icon.port_forwarding_icon{
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/82277-ic-portforwarding.png") no-repeat center center transparent;
    height: 38px;
}
.addon-box .addon-icon.dedicated_ip_icon{
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/82277-ic-dedicated-ip.png") no-repeat center center transparent;
    height: 38px;
}
.addon-box .addon-icon.ddos_protection_icon{
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/95986_ddos_icon.png") no-repeat center center transparent;
    height: 38px;
}
.addon-box span .popup_link{
    display: inline-block;
    color: #2d82bd;
    cursor: pointer;
    text-decoration: underline;
    outline: none;
    font-style: normal;
}
.addon-box span .popup_link:hover,
.addon-box span .popup_link:active{
    color: #2d82bd;
    text-decoration: underline;
}
.addon-box .addon-name-wrapper{
    position: relative;
}
.addon-box .addon-btn{
    display: inline-block;
    width: 100%;
    margin: 0;
    border: 2px solid #ff0024;
    color: #ff0024;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px;
    outline: 0;
    background:transparent;
    height: 40px;
    box-shadow: none;
    letter-spacing: 0.18px;
    overflow: hidden;
    font-family: 'avenir-black', Times, serif;
    padding: 1px 6px;
    text-decoration: none;
}
.addon-box .addon-btn:disabled,
.addon-box button[disabled]{
    border: 1px solid #999999a3;
    background-color: #cccccc80;
    color: #666666;
    opacity: 0.4;
    cursor: not-allowed;
}
.addon-box .addon-btn.added,
.addon-box .remove-btn{
    display: none;
}

.country-select-wrapper{
    display: none;
}
.swal2-popup .country-select-wrapper{
    display: block;
}

.country-select-box .heading{
    display: inline-block;
    width: 100%;
    font-size: 13px;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 10px;
    font-family: "avenir-black", Times, serif;
    text-align: left;
}
.country-select-box ul{
    padding-left: 0;
    list-style: none;
    margin: 0 0 10px;
}
.country-select-box li{
    display: inline-block;
    width: 100%;
}
.country-select-box li label{
    font-size: 13px;
    font-weight: normal;
    color: #333333;
    font-family: "avenir-roman", Times, serif;
    line-height: 18px;
}
.country-select-box li span{
    line-height: 18px;
}

.country-select-box .radio {
    display: block;
    cursor: pointer;
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/
    text-align: left;
    margin: 6px 0;
}
.country-select-box .radio + .radio {
    margin-top: 7px;
}
.country-select-box .radio input {
    display: none;
}
.country-select-box .radio input + span {
    display: inline-block;
    position: relative;
    padding-left: 28px;
}
.country-select-box .radio input + span i{
    font-style: normal;
    vertical-align: middle;
}
.country-select-box .radio input + span i.flag{
    margin-right: 10px;
}
.country-select-box .radio input + span:before {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 0px;
    border-radius: 50%;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    background: #fff;
}
.country-select-box .radio input + span:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #ff0024;
    position: absolute;
    border-radius: 50%;
    top: 6px;
    left: 3px;
    opacity: 0;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: all 0.2s cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
.country-select-box .radio input:checked + span:before {
    border-color: #ff0024;
}
.country-select-box .radio input:checked + span:after {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.country-select-box .select-wrapper {
    display: inline-block;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,0.1);
}
.select-wrapper .select-country-btn {
    display: inline-block;
    width: 100%;
    margin: 0;
    background: #ff0024;
    border: 1px solid #ff0024;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px;
    outline: 0;
    height: 45px;
    box-shadow: none;
    letter-spacing: 0.33px;
    overflow: hidden;
    margin-top: 20px;
    color: #ffffff;
    font-family: "avenir-heavy", Times, serif;
}

.select-wrapper .select-country-btn[disabled]{
    background-color: #CCF5D7;
    color: #ffffff;
    border-color: #CCF5D7;
    pointer-events: none;
}



/* Addon Modal CSS START */
.addon-modal-wrapper{
    text-align: left;
}
.addon-modal-wrapper .addon-modal-heading{
    display: inline-block;
    width: 100%;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-title{
    font-size: 22px;
    color: #242424;
    font-family: 'avenir-black','avenir-heavy';
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon{
    display: inline-block;
    width: 64px;
    height: 50px;
    background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/59493-addon-modal-icon-sprite-a.png") no-repeat top center transparent;
    vertical-align: middle;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon.addon-modal-icon-natfirewallAddonTitle{
    background-position: 0px -492px;
    height: 64px;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon.addon-modal-icon-dedicatedIpDdosAddonTitle{
    background-position: 0px -337px;
    margin-bottom: 10px;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon.addon-modal-icon-dedicatedIpAddonTitle{
    background-position: -7px -80px;
    margin-bottom: 10px;
    width: 55px;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon.addon-modal-icon-enterpriseAddonTitle{
    background-position: -10px -165px;
    margin-bottom: 10px;
    width: 50px;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon.addon-modal-icon-p2pAddonTitle{
    background-position: -10px -255px;
    margin-bottom: 20px;
    width: 50px;
}
.addon-modal-wrapper .addon-modal-heading .addon-modal-icon.addon-modal-icon-wouterAddonTitle {
    background-position: 0px -415px;
}
.addon-modal-wrapper#addon_id_wtCart-enterpriseAddonTitle .addon-modal-content .top-para{
    margin-bottom: 30px;
}
.addon-modal-wrapper#addon_id_wtCart-p2pAddonTitle .addon-modal-content .top-para{
    margin-bottom: 30px;
}
.addon-modal-wrapper#addon_id_wtCart-natfirewallAddonTitle .addon-modal-heading .addon-modal-title{
    margin-top: 10px;
}
.addon-modal-wrapper#addon_id_wtCart-p2pAddonTitle .addon-modal-heading .addon-modal-title{
    margin-top: -8px;
}
.addon-modal-wrapper .addon-modal-content{
    display: inline-block;
    width: 100%;
}
.addon-modal-wrapper .addon-modal-content h4{
    font-size: 18px;
    color: #242424;
    font-family: 'avenir-black','avenir-roman';
    margin-top: 20px;
    margin-bottom: 24px;
    display: inline-block;
    width: 100%;
}
.addon-modal-wrapper .addon-modal-content h5{
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    font-family: 'avenir-roman','avenir-heavy';
    margin-top: 0px;
    margin-bottom: 0px;
}
.addon-modal-wrapper .addon-modal-content p.para{
    font-size: 16px;
    color: #3e3e3e;
    font-family: 'avenir-roman','avenir-book';
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 23px;
}
.addon-modal-wrapper .addon-modal-content p.top-para{
    font-size: 16px;
    color: #3e3e3e;
    font-family: 'avenir-roman','avenir-book';
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.addon-modal-wrapper .addon-modal-content ol{
    padding-left:15px;
    margin-bottom:23px;
}
.addon-modal-wrapper .addon-modal-content ol li{
    font-size: 14px;
    color: #3e3e3e;
    font-family: 'avenir-roman',Times, serif;
    line-height: 20px;
    margin:0;
}
.addon-modal-wrapper .addon-modal-content p.top-para{
    font-size: 16px;
    color: #3e3e3e;
    font-family: 'avenir-roman','avenir-book';
    line-height: 20px;
    margin-top: 5px;
}
body .addon-popup .swal2-close {
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    color: #0E0E0E;
    font-size: 30px;
    font-weight: 700;
}
body .addon-popup .swal2-content {
    padding: 0;
}
body .addon-popup .swal2-confirm {
    display: inline-block;
    width: 100%;
    margin: 0;
    background: #ff0024;
    border: 1px solid #ff0024;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 12px;
    outline: 0;
    height: 45px;
    box-shadow: none;
    letter-spacing: .33px;
    overflow: hidden;
    margin-top: 20px;
    color: #fff;
    font-family: avenir-heavy,Times,serif;
}
body .addon-popup .swal2-actions{
    margin: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}

/* Addon Modal CSS END */

/* BLC Error Popup START */
#blcErrorPopup .modal-content{
    border-radius: 0px;
    text-align: center;
}
#blcErrorPopup .modal-body{
    padding: 40px 40px;
}
#blcErrorPopup .modal-body h3{
    margin-top: 0px;
    font-size: 20px;
    font-family: 'avenir-heavy', 'avenir-roman',"Times New Roman", Times, serif;
}
#blcErrorPopup .modal-body p{
    margin-bottom: 0px;
    max-width: 430px;
    font-size: 18px;
    color: #444444;
    margin: 0px auto;
}
.blc_popup_support_text{
    font-size: 16px;
    line-height: 26px;
    color: #333333;
}
#blcErrorPopup .modal-body .blc_popup_support_text{
    margin-top: 20px;
}
#blcErrorPopup .modal-body p a{
    text-decoration: underline;
    color: #4e8aed;
}
#blcErrorPopup button.close{
    margin-right: 10px;
    margin-top: 10px;
    z-index: 10;
    position: relative;
}
#blcErrorPopup button.close span{
    font-size: 27px;
}
#blcErrorPopup .stripe_error__js .heading{
    font-size: 30px;
}
#blcErrorPopup .stripe_error__js .para{
    margin-bottom: 20px;
}
#blcErrorPopup .stripe_error__js .btn{
    background-color: #ff6000;
    border-color: #ff6000;
    font-size: 18px;
    line-height: 22px;
    height: 50px;
    padding: 0 30px;
}
/* BLC Error Popup END */

.select-payment-box-text{
    display: none;
}

.dot2, .dot3 {
    animation-name: slide;
}
.payment-details .payment-form .payment-btn.submitting-data{
    opacity: 0.7;
    cursor: not-allowed;
}
.submitting-data > span{
    display: none;
}
.submitting-data> .btn-loader{
    display: block;
}

#paypalr_checkbox_wrapper{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
}
#paypalr_checkbox_wrapper label{
    font-weight: normal;
    vertical-align: middle;
    color: #5a5858;
    font-family: "avenir-roman",Times,serif;
    font-size: 14px;
    width: calc(100% - 18px);
    vertical-align: top;
}
/* CRO incentive */
#incentive-box .incentive-template .btn-left{
    background-color: #ff6000;
    border-color: #ff6000;
    padding: 6px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-family: avenir-roman,avenir-book,Times,serif;
    min-width: 192px;
    height: 45px;
    transition: all .3s ease-in-out;
}
#incentive-box .incentive-template .btn-right{
    background-color: transparent;
    border-color: transparent;
    font-family: avenir-roman,avenir-book,Times,serif;
    margin-left: 10px;
    text-decoration: underline;
    color: #b0b0b0;
    width: auto;
    font-size: 14px;
}
.payment-details .payment-form #incentive-box .incentive-template .btn-right:active{
    box-shadow: none;
}
#incentive-box .incentive-template{
    display: inline-block;
    width: 100%;
    background-color: #1d1d1d;
    padding: 25px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 25px;
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/93700_incentive_banner.png);
    background-size: cover;
    background-position: right;
}
#incentive-box .incentive-template .para{
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-family: avenir-book,Times,serif;
    color: #fff;
    margin-bottom: 15px;
}
#incentive-box .incentive-template .para span{
    display: block;
    font-family: avenir-black,Times,serif;
    font-size: 24px;
}
#incentive-box .incentive-template .note{
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgba(255,255,255,.54);
    display: block;
    margin: 0 0 12px;
}
#incentive-box .incentive-template.dark .para,
.payment-details .payment-form #incentive-box .incentive-template.dark .btn-right,
#incentive-box .incentive-template.dark .note{
    color: #fff;
}
#incentive-box .incentive-template.light .para,
.payment-details .payment-form #incentive-box .incentive-template.light .btn-right,
#incentive-box .incentive-template.light .note{
    color: #000;
}
#incentive-box .incentive-template.stripe{
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/95109_cc_incentive_banner.png);
}
#incentive-box .incentive-template.paypal,
#incentive-box .incentive-template.paypalr{
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/95109_pp_incentive_banner.png);
}

/* Renewal: Account Upgrade page */
.renewal-cart-wrapper .cart-top-wrapper{
    margin-top: 20px;
}
.renewal-cart-wrapper .gateway-wrapper{
    padding-top: 30px;
}
.renew-subscription .renewal-cart-wrapper .payments-select-box{
    width: 100%;
    background-color: #fff;
    font-family: "avenir-black",Times,serif;
    border-radius: 2px;
    margin-bottom: 0;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper select.payments-select-box,
.gateway-wrapper.account-renew .payments-select-box-wrapper select.payments-select-box{
    display: block;
    background-image: url(https://images.purevpn-tools.com/public/images/cart_sprite_opt_1.png);
    background-size: 192px;
    background-repeat: no-repeat;
    background-position: -200px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=stripe],
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=stripebilling],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=stripe],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=stripebilling]
{
    background-position: calc(100% - -7px) -205px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=paypal],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=paypal],
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=paypalr],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=paypalr]{
    background-position: calc(100% - -66px) -155px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=paymentwall],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=paymentwall]{
    background-position: calc(100% - 38px) -342px;
    background-size: 154px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=coingate],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=coingate]{
    background-position: calc(100% - -38px) -238px;
    background-size: 180px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=alipay],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=alipay]{
    background-position: calc(100% - -58px) -7px;
    background-size: 200px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=plimus],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=plimus]{
    background-position: calc(100% - -60px) -60px;
    background-size: 200px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=paygarden],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=paygarden]{
    background-position: calc(100% - -62px) -124px;
    background-size: 220px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=applepay],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=applepay]{
    background-position: calc(100% - -104px) -875px;
    background-size: 220px;
}
.gateway-wrapper.account-upgrade .payments-select-box-wrapper .payments-select-box[data-icon=gpay],
.gateway-wrapper.account-renew .payments-select-box-wrapper .payments-select-box[data-icon=gpay]{
    background-position: calc(100% - -104px) -830px;
    background-size: 220px;
}

.gateway-wrapper.account-upgrade .top img,
.gateway-wrapper.account-renew .top img {
    float: right!important;
    display: block;
    top: -34px;
}
.gateway-wrapper.account-upgrade .payment-details,
.gateway-wrapper.account-renew .payment-details{
    border: 0;
}
.renew-subscription .gateway-wrapper.account-renew .payment-details{
    padding: 0;
}
.renew-subscription .gateway-wrapper .gateway-methods{
    margin: 20px 0 15px;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form,
.gateway-wrapper.account-renew .payment-details .payment-form{
    background-color: #f7f7f7;
    margin: 0;
    padding: 0;
    display: block !important;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .payment-btn,
.gateway-wrapper.account-renew .payment-details .payment-form .payment-btn{
    max-width: none;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .email,
.gateway-wrapper.account-renew .payment-details .payment-form .email{
    display: none;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .form-control ,
.gateway-wrapper.account-renew .payment-details .payment-form .form-control {
    height: 50px;
}
.gateway-wrapper.account-upgrade .payment-details .summery-total ,
.gateway-wrapper.account-renew .payment-details .summery-total {
    color: #000;
    font-size: 18px;
    font-family: 'avenir-black','avenir-book',Times,serif;
    margin: 0 0 20px;
    display: block;
}
.gateway-wrapper.account-upgrade .payment-details .summery-total i,
.gateway-wrapper.account-renew .payment-details .summery-total i{
    font-style: normal;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .wt-checkTerms span ,
.gateway-wrapper.account-renew .payment-details .payment-form .wt-checkTerms span {
    color: #8e8e8e;
    text-align: center;
    display: block;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .wt-checkTerms span a,
.gateway-wrapper.account-renew .payment-details .payment-form .wt-checkTerms span a{
    color: #6598f5;
}
.gateway-wrapper.account-upgrade select.payments-select-box,
.gateway-wrapper.account-renew select.payments-select-box,
.gateway-wrapper.account-upgrade select.payments-select-box:focus,
.gateway-wrapper.account-renew select.payments-select-box:focus{
    border: 1px solid #b9babd;
    height: 50px;
    padding: 9px 35px 9px 16px;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .payment-button .payment-btn span:before,
.gateway-wrapper.account-renew .payment-details .payment-form .payment-button .payment-btn span:before{
    display: none;
}
.gateway-wrapper.account-upgrade .payment-details .payment-form .payment-button .payment-btn span ,
.gateway-wrapper.account-renew .payment-details .payment-form .payment-button .payment-btn span {
    font-family: 'avenir-heavy','avenir-book',Times,serif;
}
.gateway-wrapper.account-upgrade .continue-txt,
.gateway-wrapper.account-renew .continue-txt{
    font-size: 16px;
    color: #000;
    display: block;
    margin: 0 0 12px;
}
.iframe_cart_account-upgrade{
    overflow: hidden;
}
.iframe_cart_account-upgrade .custom-cart-wrapper {
    min-height: unset;
}
.iframe_cart_account-upgrade .custom-cart-wrapper .cart-boxes {
    height: 100vh;
}

/* disclaimer css */
.disclaimer p{
    font-size:14px;
    margin:15px 0 0;
}
/*hide non-recurring payment gateways */
.gateway-methods-wrapper .show-option-label {
    display:none;
}
.gateway-methods-wrapper .show-option-label a{
    color: #6b3bff;
    font-size: 14px;
    font-family: 'avenir-roman', Times, serif;
    padding: 20px 0;
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.gateway-methods-wrapper.showOption .gateway-method.hide_non_recurring{
    display:none;
}
.gateway-methods-wrapper.showOption .show-option-label {
    display: inline-block;
    width: 100%;
    padding:0;
}
.gateway-methods-wrapper .show-option-label a:after{
    content: '';
    width: 11px;
    right: -18px;
    top: 41%;
    position: absolute;
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/96925_btn_arrow_down.png);
    height: 13px;
    background-repeat: no-repeat;
}
.gateway-methods-wrapper .show-option-label a.show_other_gateways:after{
    transform: rotate(180deg);
}
 .cart-box-duration span i+b {
    margin: 2px 0;
}
.cart-box.active .cart-box-duration span b{
    color:#ff0024;
}

.animate__animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}
.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

/* Swal Popup */
.swal2-title {
    color: #000 !important;
    font-size: 25px !important;
}

/* FTTP cart css End*/

/*keyframes*/
@keyframes select-radio {
    0% {
        box-shadow: 0 0 0 0 #ffdac3, inset 0 0 0 2px #FFFFFF, inset 0 0 0 3px #ff6000, inset 0 0 0 16px #FFFFFF, inset 0 0 0 16px #ff6000;
    }
    90% {
        box-shadow: 0 0 0 10px #ffdac3, inset 0 0 0 0 #FFFFFF, inset 0 0 0 1px #ff6000, inset 0 0 0 2px #FFFFFF, inset 0 0 0 16px #ff6000;
    }
    100% {
        box-shadow: 0 0 0 12px #ffdac3, inset 0 0 0 0 #FFFFFF, inset 0 0 0 1px #ff6000, inset 0 0 0 3px #FFFFFF, inset 0 0 0 16px #ff6000;
    }
}

@-webkit-keyframes load{
    0% {
        left: 1em;
        width: 0
    }
    50% {
        left: 1em;
        width: 80%
    }
    100% {
        left: 100%;
        width: 0
    }
}

@-moz-keyframes load{
    0% {
        left: 1em;
        width: 0
    }
    50% {
        left: 1em;
        width: 80%
    }
    100% {
        left: 100%;
        width: 0
    }
}

@keyframes load{
    0% {
        left: 1em;
        width: 0
    }
    50% {
        left: 1em;
        width: 80%
    }
    100% {
        left: 100%;
        width: 0
    }
}

@keyframes lineInserted {
    from {
        height: 0;
    }
    to {
        height: 185px; /* your line height here */
    }
}

@keyframes reveal {
    from { transform: scale(0.001); }
    to { transform: scale(1); }
}

@keyframes slide {
    to { transform: translateX(1.5em) }
}

/* Media Queries */
@media screen and (max-width: 992px){
    .guarantee-box{
        max-width: 335px;
        width: 100%;
        margin: 10px 0 0;
    }
    #incentive-box .incentive-template{
        background-image: none!important;
        background-color: #000;
        text-align: center;
    }
    #incentive-box .incentive-template.dark{
        background-color: #000;
    }
    #incentive-box .incentive-template.light{
        background-color:  #fff;
    }
}


@media (min-width: 992px) and (max-width: 1200px){
    .guarantee-box{
        margin: 0 0 0 0px;
    }
    .payment-details .payment-form .wt-checkTerms{
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px){
    body .info-popup .swal2-popup{
        padding: 30px 70px;
    }
    .gateway-wrapper .col-left {
        padding-left: 0;
        padding-right: 10px;
    }
    .gateway-wrapper .col-right {
        padding-right: 0;
        padding-left: 55px;
        padding-bottom: 20px;
    }
    .cart-box-price-month,
    .next-month-recurring,
    .recurring-amount-text,
    .cart-box-duration-label,
    .payments-select-box-wrapper select.payments-select-box{
        display: none;
    }
    .cart-box-month-div .mb-ppl {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px){
    .cart-box .cart-box-price b{
        font-size: 50px;
    }
    .cart-box .cart-box-btn-wrap .cart-box-btn{
        min-height: 45px;
    }
    .cart-box .cart-box-btn-wrap .cart-box-btn span{
        font-size: 14px;
        line-height: 35px;
    }
    .addon-box span{
        max-width: 220px;
        display: inline-block;
    }
}

@media screen and (min-width: 768px) and (max-width: 992px){
    .addon-box .col-sm-8, .addon-box .col-sm-4{
        width: 100%;
    }
    .addon-box span .popup_link{
        margin-bottom: 20px;
    }
    .gateway-wrapper .col-left{
        padding-right: 10px;
    }
    .gateway-wrapper .gateway-method{
        width: 49%;
        padding-right: 12px;
    }
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(2),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(4),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(6),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(8),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(10),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(12),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(14){
        padding-right: 0;
    }
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(3),
    .gateway-wrapper .gateway-methods-wrapper > .gateway-method:nth-child(9){
        padding-right: 12px;
    }
    .addon-box span{
        font-size: 13px;
    }
    .addon-box .addon-btn{
        padding: 0 15px;
        width: 100%;
        max-width: 100%;
    }
    .payment-details .payment-form .payment-btn{
        width: 100%;
        max-width: 100%;
    }
}@media (min-width: 670px) {
    .payment-details .payment.success {
        padding: 40px;
    }
}

@media (max-width: 991px){
    .gateway-wrapper .trust-pilot-wrapper,
    .gateway-wrapper .trust-pilot-wrapper iframe{
        width: 100% !important;
    }
    .gateway-wrapper .col-right {
        padding-left: 20px;
    }
}
@media (max-width: 767px){
    .cart-box.active .cart-box-duration span br{
        display:block;
    }
    .payment-details:not(.payment-method-selected){
        padding-bottom: 0;
    }
    .payment-method-selected{
        display: inline-block;
    }
    .payment-method-hidden .payment-details .summery-wrapper.active .inner{
        border-bottom: none;
    }
    .payment-method-hidden .payment-details{
        background-color: #efefef;
    }
    .payment-details .payment-plan span p,
    .payment-details .payment-plan span p span {
        font-size: 13px;
    }
    .payment-details .payment-plan span.red{
        color: red;
    }
    .mobile-header{
        display: inline-block;
    }
    .desktop-header{
        display: none;
    }
    .cart-box .cart-box-btn-wrap,
    .cart-box .cart-box-dscnt,
    .cart-box .cart-box-btm-text span,
    .cart-box .mst-prefered,
    .cart-box .fpdr-text,
    .cart-box .cut-price-bx{
        display: none;
    }
    .cart-box.active .cart-box-duration-label{
        background-color: #ff0024;
    }
    .cart-box .cart-box-duration-label{
        position: absolute;
        max-width: 86px;
        height: 59px;
        background-color: #acacac;
        top: -17px;
        right: -12px;
        border-radius: 0 4px 0 0;
        min-width: 46px;
    }
    .cart-box .cart-box-duration .cart-box-duration-label span{
        font-size: 12px;
        color: #fff;
        padding: 10px 4px;
        width: 100%;
        display: block;
        line-height: 13px;
        text-transform: uppercase;
        font-family: "avenir-roman", Times , serif;
    }
    .cart-box .cart-box-duration-label:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 51%;
        height: 0;
        border-bottom: 13px solid #fff;
        border-left: 23px solid transparent;
        box-sizing: border-box;
    }
    .cart-box .cart-box-duration-label:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1px;
        width: 51%;
        height: 0;
        border-bottom: 13px solid #fff;
        border-right: 23px solid transparent;
        box-sizing: border-box;
    }

    .cart-box .cart-box-duration span{
        line-height: 14px;
    }
    .cart-box .cart-box-btm-text span.recurring-amount-text{
        display: inline-block;
        color: #7a7a7a;
        margin-top: 6px;
        line-height: 12px;
        margin-bottom: 7px;
    }
    .cart-box .cart-box-btm-text{
        margin-top: 0;
    }
    .cart-box .cart-box-dscnt.first-recurring-price{
        border-bottom: 1px solid #959595;
        opacity: 0.2;
        max-width: 205px;
        margin-bottom: 8px;
    }
    .cart-box .cart-box-price{
        margin-bottom: -5px;
    }
    .cart-box-month-div.first-recurring-month .next-month-recurring{
        margin-top: 12px;
        margin-bottom: 15px;
    }
    .cart-box-month-div .next-month-recurring{
        display: inline-block;
        width: 100%;
        margin-bottom: 4px;
        margin-top: 12px;
    }
    .cart-box-month-div .next-month-recurring span{
        display: inline-block;
        width: 100%;
        font-size: 13px;
        line-height: 13px;
        color: #7a7a7a;
    }
    .next-month-recurring span i{
        position: relative;
        font-style: normal;
        color: #f88d8d;
    }
    .next-month-recurring span i:before {
        content: "";
        position: absolute;
        background-color: #f88d8d;
        height: 1px;
        width: 105%;
        top: 7px;
        left: -1px;
        display: inline-block;
    }
    .cart-top-wrapper .heading{
        font-size: 26px;
    }
    .cart-box-price-month{
        display: inline-block;
        font-size: 13px;
        font-style: normal;
        font-family: "avenir-roman", Times, serif;
        color: rgba(84, 84, 84, 0.8);
        margin-left: 0px;
    }
    .cart-box .cart-box-duration{
        margin-bottom: 4px;
    }
    .cart-top-wrapper .para{
        font-size: 16px;
    }
    .cart-boxes-wrapper{
        display: inline-block;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 35px;
    }
    .cart-boxes-wrapper > .cart-box:nth-child(2) {
        margin: 0 0 10px;
    }
    .cart-boxes-wrapper .cart-box{
        width: 100%;
        margin: 0 0 10px;
        max-width: 300px;
        padding: 0;
    }
    .cart-box .cart-box-inner{
        max-width: 280px;
        margin: 0 auto;
        min-height: auto;
        border-width: 2px;
        line-height: 0;
        padding: 15px 10px 5px;
        width: 100%;
    }
    .cart-box.active .cart-box-inner{
        border-width: 2px;
    }
    .cart-box .cart-box-price b{
        font-size: 50px;
    }
    .cart-boxes-wrapper > .cart-box:nth-child(1){
        order: 3;
    }
    .cart-boxes-wrapper > .cart-box:nth-child(2){
        order: 1;
    }
    .cart-boxes-wrapper > .cart-box:nth-child(3){
        order: 2;
    }
    .cart-boxes-wrapper > .cart-box:first-child{
        margin-bottom: 0;
    }
    .cart-box-duration span i {
        margin: 5px 0;
    }
    .cart-box-month-div .mb-ppl + .dt-ppl {
        display: none;
    }
    .gateway-wrapper > div{
        padding-left: 5px;
        padding-right: 5px;
    }
    .gateway-wrapper .top .second{
        margin-bottom: 10px;
        display: inline-block;
    }
    .gateway-wrapper .top img{
        float: none !important;
        display: block;
        top: 1px;
    }
    .gateway-wrapper .gateway-method{
        display: none;
    }
    .payments-select-box-wrapper{
        display: inline-block;
        width: 100%;
        position: relative;
    }
    .gateway-wrapper select.payments-select-box{
        background-color: #ffffff;
    }
    .gateway-wrapper .select-payment-box-text{
        display: inline-block;
        position: absolute;
        top: 5px;
        left: 17px;
        font-size: 13px;
        color: rgba(0,0,0,0.5);
        font-family: "avenir-roman",Times,serif;
    }
    .gateway-wrapper select.payments-select-box + .payments-select-arrow-icon {
        position: absolute;
        top: 23px;
        right: 12px;
        width: 20px;
        height: 9px;
        content: "";
        display: inline-block;
        background: url("https://d1v4btv2rwszby.cloudfront.net/public/images/82277_payment_gateway_arrow_field.png") no-repeat top center transparent;
    }
    .gateway-wrapper select.payments-select-box.active + .payments-select-arrow-icon{
        transform: rotate(180deg);
    }

    .gateway-wrapper select.payments-select-box:active,
    .gateway-wrapper select.payments-select-box:focus,
    .gateway-wrapper select.payments-select-box {
        margin-bottom: 0;
        width: 100%;
        padding: 9px 35px 5px 16px;
        font-size: 16px;
        border: 1px solid #d9d9d9;
        height: 56px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        outline: none;
        border-radius: 3px;
        font-family: "avenir-black",Times,serif;
    }
    .gateway-wrapper select.payments-select-box::-ms-expand {
        display: none; /* remove default arrow in IE 10 and 11 */
    }
    .gateway-wrapper .gateway-methods{
        margin-top: 35px;
        margin-bottom: 10px;
    }
    .gateway-wrapper.account-upgrade .gateway-methods ,
    .gateway-wrapper.account-renew .gateway-methods {
        margin-top: 10px;
    }
    .addon-box span .popup_link {
        margin-bottom: 20px;
    }
    .addon-box .col-sm-4 {
        text-align: left;
    }
    .addon-box .remove-btn {
        margin: 3px 0 10px 53px;
    }
    .payment-details .summery-wrapper .payment-top,
    .payment-details .summery-wrapper .payment-total,
    .payment-details .summery-wrapper .payment-coupon,
    .payment-details .order-sum{
        display: none;
    }
    .payment-details .summery-wrapper.active .payment-top,
    .payment-details .summery-wrapper.active .payment-total,
    .payment-details .summery-wrapper.active .payment-coupon{
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
    }
    .payment-details .summery-wrapper .summery-box{
        display: inline-block;
        padding: 0 16px;
        font-size: 16px;
        width: 100%;
        line-height: 45px;
        border-bottom: 1px solid #d9d9d9;
        height: 56px;
        outline: none;
        border-radius: 3px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        cursor: pointer;
    }
    .payment-details .summery-wrapper .summery-box > span{
        font-family: "avenir-black", Times, serif;
        font-size: 16px;
        color: #000000;
        position: relative;
        line-height: 60px;
        padding-left: 20px;
    }
    .payment-details .summery-wrapper .summery-box > span:after{
        position: absolute;
        top: 4px;
        left: -2px;
        width: 14px;
        height: 8px;
        content: "";
        display: inline-block;
        background: url(https://d1v4btv2rwszby.cloudfront.net/public/images/82277_payment_gateway_arrow_field.png) no-repeat top center transparent;
        background-size: 100% 100%;
    }
    .payment-details .summery-wrapper.active .summery-box span:after{
        transform: rotate(180deg);
    }

    .payment-details .summery-wrapper.active .summery-box span.summery-total i{
        display: none;
    }
    .payment-details .summery-wrapper .summery-box span.summery-total i,
    .payment-details .summery-wrapper .summery-box span.summery-total{
        float: right;
        font-style: normal;
    }
    .payment-details .summery-wrapper .summery-box span.summery-total:after{
        display: none;
    }

    .payment-details{
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .payment-details .payment-form{
        margin-top: 20px;
    }
    .payment-details .payment-form,
    .payment-details .payment,
    .hidden-product-wrapper{
        padding-right: 15px;
        padding-left: 15px;
    }
    .gateway-wrapper > .container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .gateway-wrapper .guarantee-box{
        width: 100%;
        margin-top: 23px;
        display: block;
    }
    .payment-details .payment-form .payment-button{
        margin-top: 5px;
    }
    .payment-details .payment-form .wt-checkTerms{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .gateway-wrapper.account-upgrade .payment-details .payment-form .wt-checkTerms ,
    .gateway-wrapper.account-renew .payment-details .payment-form .wt-checkTerms {
        margin: 6px 0 0;
    }
    .addons-wrapper .addon-box{
        background-color: #ffffff;
        padding: 18px 10px;
    }
    .addon-box .addon-btn{
        max-width: 100%;
        margin-left: 0;
    }
    .addon-box span .popup_link{
        margin-top: 10px;
    }
    .gateway-wrapper .get-acct-details{
        margin-top: 40px;
    }
    .gateway-wrapper .get-acct-details .heading{
        font-size: 20px;
    }
    .gateway-wrapper .get-acct-details ul li{
        font-size: 16px;
        margin-bottom: 14px;
    }
    .gateway-wrapper .get-acct-details ul > li:last-child{
        margin-bottom: 0;
    }
    .addon-box span{
        max-width: 380px;
        display: inline-block;
        margin: 0 auto;
        padding-left: 50px;
    }
    .addon-box .country-select-wrapper .heading{
        padding-left: 0;
    }
    .addon-box span.addon-icon{
        min-width: 36px;
        position: absolute;
        margin-right: 0;
        padding-left: 0;
    }
    .addon-box .col-sm-4{
        text-align: left;
    }
    .payment-details .payment-form .payment-button .payment-btn span{
        left: 14px;
    }
    .gateway-wrapper.account-upgrade .payment-details .payment-form .payment-button .payment-btn span,
    .gateway-wrapper.account-renew .payment-details .payment-form .payment-button .payment-btn span{
        left: auto;
    }
    .payment-details .payment-plan span,
    .payment-details .payment-plan-addons span,
    .payment-details .payment-plan-addons .addon-list ul li{
        font-size: 15px;
    }
    .payment-details .payment-top{
        margin-top: 28px;
    }
    .payment-details .payment-plan-addons{
        border: none;
        padding-bottom: 2px;
    }
    .payment-details .summery-wrapper{
        background-color: #efefef;
    }
    /*Fixed CSS*/

    .summery-wrapper{
        -webkit-transition: height 0.5s ease-out;
        -moz-transition: height 0.5s ease-out;
        -o-transition: height 0.5s ease-out;
        transition: height 0.5s ease-out;
    }
    .summery-wrapper.fixing-bottom{
        bottom: -60px;
    }
    .summery-wrapper.fixed-bottom{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 100000;
    }
    .summery-wrapper.fixing-top{
        top: -60px;
    }
    .summery-wrapper.fixed-top{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 5;
    }
    .summery-wrapper .inner{
        width: 100%;
        -webkit-transition: height 0.3s ease-in-out;
        -moz-transition: height 0.3s ease-in-out;
        -o-transition: height 0.3s ease-in-out;
        transition: height 0.3s;
    }
    .summery-wrapper.active .inner{
        overflow: hidden;
        border-bottom: 1px solid #d9d9d9;
    }
    .addon-box .remove-btn{
        margin-top: 3px;
        margin-left: 53px;
        margin-bottom: 10px;
    }
    .payment-details .payment-total span{
        font-size: 20px;
    }
    .payment-details .payment-top{
        border-color: #d9d9d9;
    }
    .payment-details .payment-total{
        margin-top: 16px;
    }
    .payment-details .payment-plan-discount{
        margin-bottom: 10px;
    }
    .payment-details .payment-coupon .payment-coupon-box {
        max-width: 92%;
    }
    .gateway-wrapper .gateway-methods-wrapper{
        display: none;
    }
    .payment-details .payment-plan-discount span,
    .payment-details .payment-plan-discount-inventive span,
    .payment-details .payment-plan-discount-coupon span{
        max-width: 140px;
    }
    .addon-box .col-sm-4{
        text-align: left;
    }
    #mobile-coupon-box .payment-coupon{
        margin-top: 12px;
    }
    #mobile-coupon-box .payment-coupon .payment-coupon-box{
        max-width: 100%;
        height: 45px;
        margin-bottom: 18px;
    }
    #mobile-coupon-box .payment-coupon-box-message.active{
        margin-top: -10px;
        display: block;
    }
    #mobile-coupon-box .payment-coupon .payment-coupon-box .payment-coupon-inpt{
        height: 43px;
        font-size: 14px;
        border-radius: 3px;
    }
    #mobile-coupon-box .payment-coupon-cancel{
        top: 7px;
        right: 7px;
        background-color: #687375;
        border-radius: 50px;
        max-width: 20px;
        height: 20px;
    }
    #mobile-coupon-box .payment-coupon-cancel .close-icon{
        margin-top: 3px;
        font-size: 11px;
    }
    #mobile-coupon-box .payment-coupon-btn.removed{
        display: none;
    }
    #mobile-coupon-box .payment-coupon-cancel.active{
        display: block;
    }
    #mobile-coupon-box .payment-coupon-inpt{
        width: calc(100% - 79px);
    }
    #mobile-coupon-box .payment-coupon-btn{
        height: 36px;
        margin-top: 3px;
        text-transform: uppercase;
        font-family: "avenir-heavy", "avenir-roman", "Times New Roman";
        min-width: 76px;
    }
    .gateway-wrapper {
        padding: 45px 0 10px;
    }
    .gateway-wrapper .col-right {
        padding-left: 5px;
        padding-right: 5px;
    }
    .payment-details .incentive-wrapper .col-md-10{
        padding-left: 15px;
    }
    .payment-details .incentive-wrapper{
        text-align: center;
        background-image: none;
    }
    .payment-details .incentive-wrapper img{
        margin-bottom: 10px;
    }
    .payment-details .incentive-wrapper .btn-left{
        margin-bottom: 10px;
    }
    #incentive-box .incentive-template .btn-right{
        display: block;
        margin: 10px auto 0;
    }
    .payment-details .incentive-wrapper .para{
        font-size: 16px;
    }
    .payment-details .incentive-wrapper .para span{
        font-size: 17px;
    }
    .payment-details .payment-form .form-control{
        font-size: 17px;
    }
    .cart-box-inner .ux-tooltip{
        display: none;
    }
    .cart-box-inner:hover .ux-tooltip{
        display: none;
    }
    .cart-box-duration span b {
        margin: 20px 0 5px;
        font-size: 14px;
        display:block;
    }
}

@media (max-width: 640px) {
    .addon-box .col-sm-8,
    .addon-box .col-sm-4{
        width: 100%;
    }
    .addon-box span .popup_link{
        margin-bottom: 21px;
    }
    .change-currency .currency-box{
        top: 38px;
    }
}

@media (max-width: 500px) {
    .gateway-wrapper.account-upgrade .top img,
    .gateway-wrapper.account-renew .top img{
        right: -5px;
        top: 12px;
        position: absolute;
        width: 73px;
    }
    .gateway-wrapper.account-upgrade .top .first ,
    .gateway-wrapper.account-renew .top .first {
        font-size: 20px;
        max-width: 172px;
    }
}
@media (max-width: 480px) {
    .addon-box span{
        max-width: 100%;
    }
    .payment-details .summery-wrapper .summery-box > span{
        font-size: 13px;
    }
    .gateway-wrapper.account-upgrade .payments-select-box-wrapper select.payments-select-box,
    .gateway-wrapper.account-renew .payments-select-box-wrapper select.payments-select-box{
        background-image: none;
    }
}

@media (max-width: 360px) {
    .addon-box span.addon-icon{
        margin-right: 12px;
        position: static;
        padding-left: 0;
    }
    .addon-box .addon-btn{
        margin-left: 48px;
        max-width: 210px;
    }
    .addon-box .added ~ .remove-btn{
        margin-left: 48px;
    }
    .addon-box span{
        max-width: 196px;
        padding-left: 0;
    }
    #blcErrorPopup .stripe_error__js{
        font-size: 16px;
        padding: 0 15px;
    }
    #blcErrorPopup .stripe_error__js .heading{
        font-size: 24px;
    }
    #blcErrorPopup .stripe_error__js .btn{
        padding: 40px 10px;
    }
}

.account-renew .payment-details{
    background-color: #F7F7F7;
}
.account-renew .payment-details.renewal-coupon-box {
    margin: 7px 0px 0px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon{
    margin:0px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon span{
    margin-bottom: 0px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-coupon-box{
    margin: 0px;
    max-width: 230px;
    height: 28px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-coupon-box .payment-coupon-inpt{
    height: 25px;
    width: calc(100% - 77px);
    padding-top: 3px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-coupon-box .payment-coupon-btn{
    height: 24px;
    margin-top: 1px;
    padding-top: 5px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-coupon-box .payment-coupon-cancel{
    height: 16px;
    max-width: 16px;
    top: 0px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-coupon-box .payment-coupon-cancel i{
    margin: 0px
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-plan-discount-coupon{
    width: 80px;
    margin-top: 5px;
}
.account-renew .payment-details.renewal-coupon-box #mobile-coupon-box .payment-coupon .payment-plan-discount-coupon span{
    width: 100%;
    text-align: right;
    text-decoration: none;
    color: #3e3e3e;
}
.hidden{
    display: none;
}
.swal2-styled.swal2-confirm{
    border: 0;
    border-radius: .25em;
    background: #ff0024;
    border: 1px solid #ff0024;
    color: #fff;
    font-size: 1.0625em;
}

.remove-btn {
    background: 0 0;
    border: none;
    color: #cacdd0;
    text-decoration: underline;
    font-size: 13px;
    font-family: avenir-roman,Times,serif;
    outline: none;
    box-shadow: none;
    padding: 0;
    margin: 12px 0 0;
}
/*!
 * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
 */.flag{display:inline-block;width:24px;height:24px;background:url('https://d1v4btv2rwszby.cloudfront.net/public/images/cart-ux-flags.png') no-repeat}.flag.flag-ad{background-position:-24px 0}.flag.flag-ae{background-position:-48px 0}.flag.flag-af{background-position:-72px 0}.flag.flag-ag{background-position:-96px 0}.flag.flag-ai{background-position:-120px 0}.flag.flag-al{background-position:-144px 0}.flag.flag-am{background-position:-168px 0}.flag.flag-an{background-position:-192px 0}.flag.flag-ao{background-position:-216px 0}.flag.flag-ar{background-position:-240px 0}.flag.flag-as{background-position:-264px 0}.flag.flag-at{background-position:-288px 0}.flag.flag-au{background-position:-312px 0}.flag.flag-aw{background-position:-336px 0}.flag.flag-ax{background-position:-360px 0}.flag.flag-az{background-position:0 -24px}.flag.flag-ba{background-position:-24px -24px}.flag.flag-bb{background-position:-48px -24px}.flag.flag-bd{background-position:-72px -24px}.flag.flag-be{background-position:-96px -24px}.flag.flag-bf{background-position:-120px -24px}.flag.flag-bg{background-position:-144px -24px}.flag.flag-bh{background-position:-168px -24px}.flag.flag-bi{background-position:-192px -24px}.flag.flag-bj{background-position:-216px -24px}.flag.flag-bl{background-position:-240px -24px}.flag.flag-bm{background-position:-264px -24px}.flag.flag-bn{background-position:-288px -24px}.flag.flag-bo{background-position:-312px -24px}.flag.flag-br{background-position:-336px -24px}.flag.flag-bs{background-position:-360px -24px}.flag.flag-bt{background-position:0 -48px}.flag.flag-bw{background-position:-24px -48px}.flag.flag-by{background-position:-48px -48px}.flag.flag-bz{background-position:-72px -48px}.flag.flag-ca{background-position:-96px -48px}.flag.flag-cd{background-position:-120px -48px}.flag.flag-cf{background-position:-144px -48px}.flag.flag-cg{background-position:-168px -48px}.flag.flag-ch{background-position:-192px -48px}.flag.flag-ci{background-position:-216px -48px}.flag.flag-ck{background-position:-240px -48px}.flag.flag-cl{background-position:-264px -48px}.flag.flag-cm{background-position:-288px -48px}.flag.flag-cn{background-position:-312px -48px}.flag.flag-co{background-position:-336px -48px}.flag.flag-cr{background-position:-360px -48px}.flag.flag-cu{background-position:0 -72px}.flag.flag-cv{background-position:-24px -72px}.flag.flag-cw{background-position:-48px -72px}.flag.flag-cy{background-position:-72px -72px}.flag.flag-cz{background-position:-96px -72px}.flag.flag-de{background-position:-120px -72px}.flag.flag-dj{background-position:-144px -72px}.flag.flag-dk{background-position:-168px -72px}.flag.flag-dm{background-position:-192px -72px}.flag.flag-do{background-position:-216px -72px}.flag.flag-dz{background-position:-240px -72px}.flag.flag-ec{background-position:-264px -72px}.flag.flag-ee{background-position:-288px -72px}.flag.flag-eg{background-position:-312px -72px}.flag.flag-eh{background-position:-336px -72px}.flag.flag-er{background-position:-360px -72px}.flag.flag-es{background-position:0 -96px}.flag.flag-et{background-position:-24px -96px}.flag.flag-eu{background-position:-48px -96px}.flag.flag-fi{background-position:-72px -96px}.flag.flag-fj{background-position:-96px -96px}.flag.flag-fk{background-position:-120px -96px}.flag.flag-fm{background-position:-144px -96px}.flag.flag-fo{background-position:-168px -96px}.flag.flag-fr{background-position:-192px -96px}.flag.flag-ga{background-position:-216px -96px}.flag.flag-gb{background-position:-240px -96px}.flag.flag-gd{background-position:-264px -96px}.flag.flag-ge{background-position:-288px -96px}.flag.flag-gg{background-position:-312px -96px}.flag.flag-gh{background-position:-336px -96px}.flag.flag-gi{background-position:-360px -96px}.flag.flag-gl{background-position:0 -120px}.flag.flag-gm{background-position:-24px -120px}.flag.flag-gn{background-position:-48px -120px}.flag.flag-gq{background-position:-72px -120px}.flag.flag-gr{background-position:-96px -120px}.flag.flag-gs{background-position:-120px -120px}.flag.flag-gt{background-position:-144px -120px}.flag.flag-gu{background-position:-168px -120px}.flag.flag-gw{background-position:-192px -120px}.flag.flag-gy{background-position:-216px -120px}.flag.flag-hk{background-position:-240px -120px}.flag.flag-hn{background-position:-264px -120px}.flag.flag-hr{background-position:-288px -120px}.flag.flag-ht{background-position:-312px -120px}.flag.flag-hu{background-position:-336px -120px}.flag.flag-ic{background-position:-360px -120px}.flag.flag-id{background-position:0 -144px}.flag.flag-ie{background-position:-24px -144px}.flag.flag-il{background-position:-48px -144px}.flag.flag-im{background-position:-72px -144px}.flag.flag-in{background-position:-96px -144px}.flag.flag-iq{background-position:-120px -144px}.flag.flag-ir{background-position:-144px -144px}.flag.flag-is{background-position:-168px -144px}.flag.flag-it{background-position:-192px -144px}.flag.flag-je{background-position:-216px -144px}.flag.flag-jm{background-position:-240px -144px}.flag.flag-jo{background-position:-264px -144px}.flag.flag-jp{background-position:-288px -144px}.flag.flag-ke{background-position:-312px -144px}.flag.flag-kg{background-position:-336px -144px}.flag.flag-kh{background-position:-360px -144px}.flag.flag-ki{background-position:0 -168px}.flag.flag-km{background-position:-24px -168px}.flag.flag-kn{background-position:-48px -168px}.flag.flag-kp{background-position:-72px -168px}.flag.flag-kr{background-position:-96px -168px}.flag.flag-kw{background-position:-120px -168px}.flag.flag-ky{background-position:-144px -168px}.flag.flag-kz{background-position:-168px -168px}.flag.flag-la{background-position:-192px -168px}.flag.flag-lb{background-position:-216px -168px}.flag.flag-lc{background-position:-240px -168px}.flag.flag-li{background-position:-264px -168px}.flag.flag-lk{background-position:-288px -168px}.flag.flag-lr{background-position:-312px -168px}.flag.flag-ls{background-position:-336px -168px}.flag.flag-lt{background-position:-360px -168px}.flag.flag-lu{background-position:0 -192px}.flag.flag-lv{background-position:-24px -192px}.flag.flag-ly{background-position:-48px -192px}.flag.flag-ma{background-position:-72px -192px}.flag.flag-mc{background-position:-96px -192px}.flag.flag-md{background-position:-120px -192px}.flag.flag-me{background-position:-144px -192px}.flag.flag-mf{background-position:-168px -192px}.flag.flag-mg{background-position:-192px -192px}.flag.flag-mh{background-position:-216px -192px}.flag.flag-mk{background-position:-240px -192px}.flag.flag-ml{background-position:-264px -192px}.flag.flag-mm{background-position:-288px -192px}.flag.flag-mn{background-position:-312px -192px}.flag.flag-mo{background-position:-336px -192px}.flag.flag-mp{background-position:-360px -192px}.flag.flag-mq{background-position:0 -216px}.flag.flag-mr{background-position:-24px -216px}.flag.flag-ms{background-position:-48px -216px}.flag.flag-mt{background-position:-72px -216px}.flag.flag-mu{background-position:-96px -216px}.flag.flag-mv{background-position:-120px -216px}.flag.flag-mw{background-position:-144px -216px}.flag.flag-mx{background-position:-168px -216px}.flag.flag-my{background-position:-192px -216px}.flag.flag-mz{background-position:-216px -216px}.flag.flag-na{background-position:-240px -216px}.flag.flag-nc{background-position:-264px -216px}.flag.flag-ne{background-position:-288px -216px}.flag.flag-nf{background-position:-312px -216px}.flag.flag-ng{background-position:-336px -216px}.flag.flag-ni{background-position:-360px -216px}.flag.flag-nl{background-position:0 -240px}.flag.flag-no{background-position:-24px -240px}.flag.flag-np{background-position:-48px -240px}.flag.flag-nr{background-position:-72px -240px}.flag.flag-nu{background-position:-96px -240px}.flag.flag-nz{background-position:-120px -240px}.flag.flag-om{background-position:-144px -240px}.flag.flag-pa{background-position:-168px -240px}.flag.flag-pe{background-position:-192px -240px}.flag.flag-pf{background-position:-216px -240px}.flag.flag-pg{background-position:-240px -240px}.flag.flag-ph{background-position:-264px -240px}.flag.flag-pk{background-position:-288px -240px}.flag.flag-pl{background-position:-312px -240px}.flag.flag-pn{background-position:-336px -240px}.flag.flag-pr{background-position:-360px -240px}.flag.flag-ps{background-position:0 -264px}.flag.flag-pt{background-position:-24px -264px}.flag.flag-pw{background-position:-48px -264px}.flag.flag-py{background-position:-72px -264px}.flag.flag-qa{background-position:-96px -264px}.flag.flag-ro{background-position:-120px -264px}.flag.flag-rs{background-position:-144px -264px}.flag.flag-ru{background-position:-168px -264px}.flag.flag-rw{background-position:-192px -264px}.flag.flag-sa{background-position:-216px -264px}.flag.flag-sb{background-position:-240px -264px}.flag.flag-sc{background-position:-264px -264px}.flag.flag-sd{background-position:-288px -264px}.flag.flag-se{background-position:-312px -264px}.flag.flag-sg{background-position:-336px -264px}.flag.flag-sh{background-position:-360px -264px}.flag.flag-si{background-position:0 -288px}.flag.flag-sk{background-position:-24px -288px}.flag.flag-sl{background-position:-48px -288px}.flag.flag-sm{background-position:-72px -288px}.flag.flag-sn{background-position:-96px -288px}.flag.flag-so{background-position:-120px -288px}.flag.flag-sr{background-position:-144px -288px}.flag.flag-ss{background-position:-168px -288px}.flag.flag-st{background-position:-192px -288px}.flag.flag-sv{background-position:-216px -288px}.flag.flag-sy{background-position:-240px -288px}.flag.flag-sz{background-position:-264px -288px}.flag.flag-tc{background-position:-288px -288px}.flag.flag-td{background-position:-312px -288px}.flag.flag-tf{background-position:-336px -288px}.flag.flag-tg{background-position:-360px -288px}.flag.flag-th{background-position:0 -312px}.flag.flag-tj{background-position:-24px -312px}.flag.flag-tk{background-position:-48px -312px}.flag.flag-tl{background-position:-72px -312px}.flag.flag-tm{background-position:-96px -312px}.flag.flag-tn{background-position:-120px -312px}.flag.flag-to{background-position:-144px -312px}.flag.flag-tr{background-position:-168px -312px}.flag.flag-tt{background-position:-192px -312px}.flag.flag-tv{background-position:-216px -312px}.flag.flag-tw{background-position:-240px -312px}.flag.flag-tz{background-position:-264px -312px}.flag.flag-ua{background-position:-288px -312px}.flag.flag-ug{background-position:-312px -312px}.flag.flag-us{background-position:-336px -312px}.flag.flag-uk{background-position:-240px -96px}.flag.flag-uy{background-position:-360px -312px}.flag.flag-uz{background-position:0 -336px}.flag.flag-va{background-position:-24px -336px}.flag.flag-vc{background-position:-48px -336px}.flag.flag-ve{background-position:-72px -336px}.flag.flag-vg{background-position:-96px -336px}.flag.flag-vi{background-position:-120px -336px}.flag.flag-vn{background-position:-144px -336px}.flag.flag-vu{background-position:-168px -336px}.flag.flag-wf{background-position:-192px -336px}.flag.flag-ws{background-position:-216px -336px}.flag.flag-ye{background-position:-240px -336px}.flag.flag-yt{background-position:-264px -336px}.flag.flag-za{background-position:-288px -336px}.flag.flag-zm{background-position:-312px -336px}.flag.flag-zw{background-position:-336px -336px}


.incentive-template {
    display: inline-block;
    width: 100%;
    background-color: #1d1d1d;
    padding: 25px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 25px;
    background-image: url(https://d1v4btv2rwszby.cloudfront.net/public/images/93700_incentive_banner.png);
    background-size: cover;
    background-position: right;
}

.incentive-template .para {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-family: avenir-book,Times,serif;
    color: #fff;
    margin-bottom: 15px;
}

.incentive-template .note {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: normal;
    color: rgba(255,255,255,.54);
    display: block;
    margin: 0 0 12px;
}
.incentive-template .btn-left {
    background-color: #ff6000;
    border-color: #ff6000;
    padding: 6px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    font-family: avenir-roman,avenir-book,Times,serif;
    min-width: 192px;
    height: 45px;
    transition: all .3s ease-in-out;
}

.cart-box.active .cart-box-inner {
    border: 3px solid #ff0024;
    box-sizing: border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    box-shadow: none;
}
.cart-box.active .cart-box-dscnt span {
    font-family: "avenir-black",Times,serif;
    font-size: 20px;
    color: #ff0024;
    padding: 10px 25px;
    max-height: 42px;
    line-height: 17px;
    position: relative;
    box-shadow: 0 6px 12px 0 rgba(1,2,2,.1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.cart-box .cart-box-dscnt span {
    padding: 8px 10px;
    border-radius: 50px;
    color: #acacac;
    font-size: 14px;
    font-family: "avenir-book",Times,serif;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    vertical-align: middle;
    max-height: 36px;
    display: inline-block;
    line-height: 1;
    min-width: 94px;
    position: relative;
}

.password {
    position: relative;
}

.payment-details .password-eye-icon {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(https://images.purevpn-tools.com/public/images/ic_password_123654.png) #fff no-repeat;
    background-position: -1px 0px;
}

.payment-details .password-eye-icon.active {
    background-position: -1px -23px;
}

.cart-cred {
    display: flex;
    width: 100%;
    margin-bottom:10px;
}
.cart-cred > div:first-child {
    flex: 1.4;
    margin:0 !important;
    margin-right: 10px !important;
}
.cart-cred .password {
    flex: 1;
}
@media (max-width:767px){
    .cart-cred{
        display:block;
    }
    .cart-cred > div:first-child{
        margin-right:0 !important;
        margin-bottom:0 !important;
    }
    .cart-cred > div {
        margin:0 0 10px 0 !important;
    }
    body .cart-cred > div:not(:last-child) {
        margin-bottom: 10px !important;
    }
}

/* Temporary */
.woocommerce-checkout #payment, .opc_order_review{
    display: none;
}

.cookielawinfo-column-1{width:25%}.cookielawinfo-column-2{width:10%}.cookielawinfo-column-3{width:15%}.cookielawinfo-column-4{width:50%}.cookielawinfo-simple thead{width:100%}.cookielawinfo-simple td{padding:5px 5px 5px 0;vertical-align:top}.cookielawinfo-simple thead th{padding-right:10px;text-align:left}.cookielawinfo-modern{border:1px solid #e3e3e3;background-color:#f2f2f2;width:100%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px}.cookielawinfo-modern td,.cookielawinfo-modern th{padding:5px;color:#333}.cookielawinfo-modern thead{font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;padding:.2em 0 .2em .5em;text-align:left;color:#4b4b4b;background-color:#c8c8c8;background-image:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#e3e3e3),color-stop(.6,#b3b3b3));background-image:-moz-linear-gradient(top,#d6d6d6,#b0b0b0,#b3b3b3 90%);border-bottom:solid 1px #999}.cookielawinfo-modern th{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:17px;line-height:20px;font-style:normal;font-weight:400;text-align:left;text-shadow:#fff 1px 1px 1px}.cookielawinfo-modern td{line-height:20px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;border-bottom:1px solid #fff;border-top:1px solid #fff}.cookielawinfo-modern tr.cookielawinfo-row:hover{background-color:#fff}.cookielawinfo-elegant{border:1px solid #dfdfdf;background-color:#f9f9f9;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-family:Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;color:#333}.cookielawinfo-elegant tr{border-top-color:#fff;border-bottom:1px solid #dfdfdf;color:#555}.cookielawinfo-elegant th{text-shadow:rgba(255,255,255,.796875) 0 1px 0;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-weight:400;padding:7px 7px 8px;text-align:left;line-height:1.3em;font-size:14px}.cookielawinfo-elegant td{font-size:12px;padding:4px 7px 2px;vertical-align:top}.cookielawinfo-rounded{background-color:#f5f5f5;padding:5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ebebeb}.cookielawinfo-rounded td,.rounded th{padding:1px 5px}.cookielawinfo-rounded thead{text-shadow:0 1px 0 #fff;color:#999}.cookielawinfo-rounded th{text-align:left;text-transform:uppercase;font-size:11pt;border-bottom:1px solid #fff;padding:1px 5px}.cookielawinfo-rounded td{font-size:10pt;padding:5px}.cookielawinfo-rounded tr.cookielawinfo-row:hover{background-color:#fff}table.cookielawinfo-classic{font-family:Verdana,Arial,Helvetica,sans-serif;border-collapse:collapse;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#333}table.cookielawinfo-classic thead tr th{text-transform:uppercase;background:#e2e2e2}table.cookielawinfo-classic tfoot tr td,table.cookielawinfo-classic tfoot tr th{text-transform:uppercase;color:#000;font-weight:700}table.cookielawinfo-classic tfoot tr th{width:20%}table.cookielawinfo-classic tfoot tr td{width:80%}table.cookielawinfo-classic td,table.cookielawinfo-classic th{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px;line-height:1.8em;font-size:.8em;vertical-align:top;width:20%}table.cookielawinfo-classic tr.odd td,table.cookielawinfo-classic tr.odd th{background:#efefef}table.cookielawinfo-winter{font:85% "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",sans-serif;padding:0;margin:10px 0 20px;border-collapse:collapse;color:#333;background:#f3f5f7}table.cookielawinfo-winter a{color:#3a4856;text-decoration:none;border-bottom:1px solid #c6c8cb}table.cookielawinfo-winter a:visited{color:#777}table.cookielawinfo-winter a:hover{color:#000}table.cookielawinfo-winter caption{text-align:left;text-transform:uppercase;padding-bottom:10px;font:200% "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",sans-serif}table.cookielawinfo-winter thead th{background:#3a4856;padding:15px 10px;color:#fff;text-align:left;font-weight:400}table.cookielawinfo-winter tbody{border-left:1px solid #eaecee;border-right:1px solid #eaecee}table.cookielawinfo-winter tbody{border-bottom:1px solid #eaecee}table.cookielawinfo-winter tbody td,table.cookielawinfo-winter tbody th{padding:10px;text-align:left}table.cookielawinfo-winter tbody tr{background:#f3f5f7}table.cookielawinfo-winter tbody tr.odd{background:#f0f2f4}table.cookielawinfo-winter tbody tr:hover{background:#eaecee;color:#111}table.cookielawinfo-winter tfoot td,table.cookielawinfo-winter tfoot th,table.cookielawinfo-winter tfoot tr{text-align:left;font:120% "Lucida Grande","Lucida Sans Unicode","Trebuchet MS",sans-serif;text-transform:uppercase;background:#fff;padding:10px}@media(max-width:800px){table.cookielawinfo-row-cat-table td,table.cookielawinfo-row-cat-table th{width:23%;font-size:12px}table.cookielawinfo-row-cat-table .cookielawinfo-column-4{width:45%}}.cookielawinfo-row-cat-title{border-bottom:1px solid #eee;text-align:center}.cookielawinfo-row-cat-title-head{text-align:center}.cookielawinfo-row-cat-table{width:99%;margin-left:5px;word-wrap:break-word;table-layout:fixed}.cli-tab-section .cookielawinfo-row-cat-table{width:100%;margin-left:0}.cli-tab-section .cookielawinfo-row-cat-table td,.cli-tab-section .cookielawinfo-row-cat-table th{font-size:12px}