/*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
//|| Upgrade
//|| Version 2.0
//||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    ul {
        list-style      : none;
        margin          : 0;
        padding         : 0;
    }

    a {
        text-decoration  : none;
        color            : #333;
    }

    * {
        -webkit-box-sizing      : border-box;
        -moz-box-sizing         : border-box;
        box-sizing              : border-box;
    }

    div.subtemplates {
        display                 : none;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Body
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    html,body {
        padding         : 0;
        margin          : 0;
        width           : 100%;
        height          : 100%;
        overflow-y      : auto;
    }

    body.upgrade {
        font-family     : "Lato";
        font-weight     : 400;
        background      : #333;
        position        : relative;
    }

    body.upgrade.modal {
        background      : #EAEAEA;
    }


    body.upgrade div.container {
        display         : block;
        width           : 100%;
        background      : #EAEAEA;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Nav
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade ul.nav {
        display         : table;
        background      : var(--COLOR-ONE);
        width           : 100%;
        margin          : 0;
        padding         : 0 10%;
        -webkit-box-sizing      : border-box;
        -moz-box-sizing         : border-box;
        box-sizing              : border-box;
    }

    body.upgrade.modal ul.nav {
        display         : none;
    }

    body.upgrade ul.nav li {
        display         : table-cell;
        width           : 50%;
        height          : 100%;
        vertical-align  : middle;
    }

    body.upgrade ul.nav li a.logo {
        display             : block;
        width               : 220px;
        height              : 35px;
        margin              : 10px 0 10px 10px;
        background-repeat   : no-repeat;
        background-image    : var(--LOGO-WHITE);
    }


    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Nav
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade ul.head {
        display                 : table;
        background              : #FFF;
        width                   : 100%;
        margin                  : 0;
        padding                 : 0 10%;
        -webkit-box-sizing      : border-box;
        -moz-box-sizing         : border-box;
        box-sizing              : border-box;
        border-bottom           : 1px solid #CCC;
    }

    body.upgrade ul.head li {
        display         : table-cell;
        width           : 50%;
        height          : 100%;
        vertical-align  : middle;
    }

    body.upgrade ul.head h1 {
        color           : #666;
        font-family     : "Lato";
        font-weight     : 400;
    }

    body.upgrade ul.head h1:before { content : "  " }
    body.upgrade.credit ul.head h1:before { content : "Instantly Upgrade!" }
    body.upgrade.check ul.head h1:before { content : "Pay by Check" }
    body.upgrade.crypto ul.head h1:before { content : "Pay with Crypto-Currency" }
    body.upgrade.redirect ul.head h1:before { content : "Thank you!" }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Bread
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade li.bread {
        text-align      : right;
        vertical-align  : middle;
    }


    body.upgrade li.bread button.promotion {
        color           : #FFF;
        font-size       : 120%;
        border          : 0;
        background      : #333;
        border-radius   : 5px;
        padding         : 8px 20px;
        cursor          : pointer;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| To Pay
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade ul.head li.pay {
        vertical-align      : middle;
        text-align          : center;
        display             : table-cell;
        background          : #FFF;
        height              : 100%;
        width               : 100px;
        color               : #999;
        border              : 0;
        border-right        : 1px solid rgba(200,200,200,0.4);
        border-bottom       : 3px solid #CCC;
        cursor              : pointer;
    }

    body.upgrade.credit ul.head li.pay.credit,
    body.upgrade.check ul.head li.pay.check,
    body.upgrade.crypto ul.head li.pay.crypto {
        border-bottom       : 3px solid blue;
        color               : #333;
    }

    body.upgrade ul.head li.pay.label {
        border-left         : 0;
        border-bottom       : 3px solid transparent;
        text-align          : right;
        padding-right       : 20px;
        color               : #999;
    }

    body.upgrade ul.head li.pay ul li a {
        color               : #333;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Sections
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade section {
        display             : none;
        width               : 90%;
        margin              : 0 auto;
        padding             : 5% 0;
    }

    body.upgrade.why section.why,
    body.upgrade.credit section.credit,
    body.upgrade.check section.check,
    body.upgrade.crypto section.crypto {
        display             : block;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Membership Options
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    section ul.options {
        display         : table;
        table-layout    : fixed;
        border-spacing  : 10px;
        width           : 100%;
    }

    section ul.options li.plan {
        width           : 33%;
        display         : table-cell;
        padding         : 1%;
        background      : #FFF;
        border          : 1px solid #CCC;
        margin          : 10px;
        position        : relative;
        padding-bottom  : 70px;
    }

    section ul.options li.plan:first-child {
        opacity         : 1;
    }


    section ul.options li.plan div.inner  {
        display         : inline-block;
        width           : 100%;
        height          : 100%;
        text-align      : center;
        padding         : 20px;
        vertical-align  : top;
    }

    section ul.options li.plan div.inner h2 {
        margin           : 10px 0 0 0;
        font-weight      : 400;
        padding          : 0;
        text-align       : center;
        font-size        : 36px;
        letter-spacing   : -2px;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Option Circles
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    section ul.options span.circle {
        display                 : block;
        border-radius           : 50%;
        width                   : 80px;
        padding                 : 22px 0 0 0;
        height                  : 80px;
        margin                  : 10px auto;
        color                   : #FFF;
        font-size               : 25px;
        letter-spacing          : -2px;
        background              : rgba(255,0,0,0.6);
        border                  : 2px solid rgba(255,0,0,0.8);
    }

    section ul.options li.plan.lifetime span.circle:before {
            content                 : "Best";
    }

    section ul.options li.plan.yearly span.circle:before {
            content                 : "Better";
    }

    section ul.options li.plan.quarterly span.circle:before {
            content                 : "Good";
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Special Banner
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    li.plan.special div.inner {
        border          : 0;
    }

    body button.promotion {
        display                 : inline-block;
    }

    body.special button.promotion {
        display                 : none;
    }

    body div.alert.special {
        display                 : none;
    }

    body div.alert.fail,
    body.special div.alert.special {
        display                 : inline-block;
        width                   : auto;
        padding                 : 10px 10px;
        background              : rgba(0,0,0,0.5);
        color                   : #FFF;
        text-align              : center;
        border-radius           : 5px;
        font-size               : 90%;
    }

    body div.alert.fail {
        display                 : block;
        border-radius           : 0;
        width                   : 88%;
        margin                  : 20px auto 0;
        padding                 : 10px 0;
        font-weight             : bold;
        background              : rgba(255,0,0,0.5);
    }

    body.special div.alert.special a {
        color                   : #FFF;
        font-weight             : bold;
        background              : blue;
        color                   : #FFF;
        text-align              : center;
        padding                 : 3px 5px;
        border-radius           : 5px;
    }

    li.plan div.banner {
        display                 : none;
    }

    li.plan.special div.banner {
        display                 : block;
        position                : absolute;
        top                     : 0;
        left                    : 25%;
        background              : var(--COLOR-TWO);
        color                   : #FFF;
        width                   : 50%;
        font-weight             : bold;
        padding                 : 10px 10px;
        text-align              : center;
        font-size               : 120%;
        border-radius           : 0 0 5px 5px;
    }

    li.plan div.price span b {
        font-weight             : normal;
    }

    li.plan.special div.price span.actual b {
        background              : var(--COLOR-TWO);
        color                   : #FFF;
        font-weight             : bold;
        padding                 : 3px 5px;
        display                 : inline-block;
        border-radius           : 3px;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Option Price
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    section ul.options li.plan div.price {
        display           : block;
        text-align        : center;
        padding           : 10px 0;
    }

    section ul.options li.plan div.price select {
        width             : 80%;
        margin            : 0 auto 5px auto;
        font-size         : 90%;
        text-align        : center;
        padding           : 4px;
    }

    section ul.options li.plan div.price span.noOptions {
        padding               : 8px 0;
        font-weight           : bold;
    }

    section ul.options li.plan div.price span {
        display               : block;
    }

    section ul.options li.plan div.price span.field-wrap ul.mode {
        margin                : 0 auto;
    }

    li.plan span.line {
        text-align          : center;
        color               : #666;
        font-size           : 90%;
        padding             : 10px 0;
        border-top          : 1px solid #EAEAEA;
        display             : inline-block;
        width               : 100%;
    }

    li.plan div.buttons {
        position            : absolute;
        bottom              : 20px;
        left                : 5%;
        display             : block;
        height              : 50px;
        width               : 90%;
    }

    li.plan div.buttons button {
        display             : inline-block;
        width				: 40%;
        background-color	: #EAEAEA;
        border-radius       : 5px;
        border              : 0;
        cursor				: pointer;
        color				: #333;
        font-family			: 'Open Sans', Arial, Helvetica,sans-serif;
        font-size			: 80%;
        font-weight			: 400;
        padding				: 10px 0;
        text-decoration		: none;
    }

    li.plan div.buttons button.continue {
        display             : inline-block;
        width				: 57%;
        margin-left         : 2%;
        -moz-box-shadow		: inset 0px 1px 0px 0px #f7c5c0;
        -webkit-box-shadow	: inset 0px 1px 0px 0px #f7c5c0;
        box-shadow			: inset 0px 1px 0px 0px #f7c5c0;
        background			: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
        background			: -moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background			: -webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background			: -o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background			: -ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
        background			: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
        filter				: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
        background-color	: #fc8d83;
        border-radius		: 6px;
        border				: 1px solid #d83526;
        cursor				: pointer;
        color				: #ffffff;
        font-family			: 'Open Sans', Arial, Helvetica,sans-serif;
        font-size			: 22px;
        font-weight			: 700;
        padding				: 10px 0;
        text-decoration		: none;
        text-shadow			: 0px 1px 0px #b23e35;
    }

    li.plan div.buttons button {
        opacity             : 0.8;
    }

    li.plan div.buttons button:hover {
        opacity             : 1;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Footer
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/


    div.footer {
        display             : table;
        width               : 100%;
        padding             : 20px 10% 0 ;
    }

        body.modal div.footer {
            display             : none;
        }

    div.footer div.text {
        display             : table-cell;
        width               : 70%;
        font-size           : 70%;
        color               : #999;
        padding             : 0 20px;
        line-height         : 1.4em;
    }

    div.footer div.text a {
        color               : #CCC;
    }

    div.footer div.social {
        display             : table-cell;
        width               : 30%;
        color               : #FFF;
        text-align          : center;
        vertical-align      : top;
        padding-top         : 10px;
    }

    div.footer div.social div {
        display             : inline-block;
        width               : auto;
        padding             : 0 10px;
    }

    div.footer div.social ul.links {
        display             : table;
        width               : 100%;
        table-layout        : fixed;
    }

    div.footer div.social ul li {
        display         : table-cell;
        text-align      : center;
        padding         : 2px;
    }

    div.footer div.social ul li a {
        padding         : 20px 10px;
        color           : #FFF;
    }


    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Check
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/


    body.check li.plan span.liner {
        color               : #666;
        font-size           : 90%;
        padding             : 10px 0 0 ;
        display             : inline-block;
        width               : 90%;
        text-align          : left;
    }

    body.check li.plan b {
        display             : block;
        padding-top         : 10px;
        text-align          : left;
    }

    body.check li.plan h6 {
        display             : inline-block;
        font-size           : 110%;
        margin              : 0;
        padding             : 0;
        color               : #000;
    }

    body.check li.plan i.fa.large {
        display             : block;
        font-size           : 100px;
    }

    body.check section ul.options li.plan div.inner h2{
        border-bottom       : 3px dotted #CCC;
        display             : block;
        margin              : 0 auto 15px;
        padding             : 0 25px 15px;
        font-size           : 250%;

    }

    body.check li.plan h5 {
        color               : #000;
        font-size           : 140%;
        font-weight         : 400;
        padding             : 10px 0;
        margin              : 0;
    }

    body.check h2.faq {
        margin              : 0 10px;
        padding             : 10px 0 0;
        display             : block;
        font-size           : 180%;
        font-weight         : 400;
    }

    body.check div.faq {
        background          : #FFF;
        padding             : 20px;
        margin              : 10px;
        border              : 1px solid #CCC;
        color               : #333;
    }

    body.check div.faq li {
        list-style          : none;
        padding             : 0px 0 5px 10px;
        color               : #111;
    }

    body.check div.faq b {
        padding             : 3px 0;
    }

    body.check div.faq p {
        margin              : 5px 0 5px;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Check
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.crypto section.credit.crypto {
        padding-top          : 1%;
    }

    body.crypto i.fa.crypt {
        color               : rgba(100,100,100,0.4);
        padding             : 0 5px;
    }

    section.crypto.select {
        margin              : 3% auto 0;
        padding             : 10px;
    }

    section.crypto.select div.inner {
        background          : #FFF;
        border              : 1px solid #CCC;
        padding             : 20px;
    }

    section.crypto.select div.inner select {
        font-size           : 140%;
        padding             : 7px;
        display             : block;
        width               : 100%;
        margin              : 10px 0 5px;
        border-radius       : 3px;
        border              : 1px solid #CCC;
        color               : #333;
    }

    section.crypto li.plan div.buttons button.continue {
        font-size           : 18px;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Redirect
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade.redirect section.redirect {
        margin              : 1% auto 5%;
        display             : block;
        color               : #333;
        font-size           : 80%;
        font-weight         : bold;
        text-align          : center;
    }

    body.upgrade.redirect ul.head li.pay {
        display             : none;
    }

    section.redirect div.inner {
        display             : inline-block;
        width               : auto;
        margin              : 0 auto;
        padding             : 50px 50px;
        text-align          : center;
        background          : rgba(255,255,255,0.8);
        border              : 1px solid #CCC;
        border-radius       : 10px;
    }

    section.redirect div.inner i.fa.large {
        color               : rgba(81,110,136, 0.5);
        font-size           : 140px;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Loading
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    .redirect-load {
        margin          : 10px auto 10px;
        width           : 70px;
        text-align      : center;
        display         : block;
    }

    .redirect-load > i {
        width             : 14px;
        height            : 14px;
        background-color  : rgba(81,110,136, 0.5);
        border-radius     : 100%;
        margin            : 0 2px;
        display           : inline-block;
        -webkit-animation : sk-bouncedelay 1.4s infinite ease-in-out both;
        animation         : sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .redirect-load .c1 {
        -webkit-animation-delay         : -0.32s;
        animation-delay                 : -0.32s;
    }

    .redirect-load .c2 {
        -webkit-animation-delay         : -0.16s;
        animation-delay                 : -0.16s;
    }

    @-webkit-keyframes sk-bouncedelay {
        0%, 80%, 100%   { -webkit-transform: scale(0) }
        40%             { -webkit-transform: scale(1.0) }
    }

    @keyframes sk-bouncedelay {
        0%, 80%, 100% {
            -webkit-transform           : scale(0);
            transform                   : scale(0);
        } 40% {
            -webkit-transform           : scale(1.0);
            transform                   : scale(1.0);
        }
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Confirm
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    div.confirmation.basket {
        font-family         : "Lato";
    }

    div.confirmation.basket p label {
        display             : block;
        text-align          : left;
        font-size           : 90%;
        padding             : 20px 0 10px;
    }

    div.confirmation.basket input {
        display             : block;
        padding             : 4px;
        width               : 100%;
        border-radius       : 5px;
        border              : 1px solid #EAEAEA;
        font-family         : "Lato"; /* Open Sans */
        font-size           : 140%;
        text-align          : center;
    }

    div.confirmation.basket button {
        font-family         : "Lato"; /* Open Sans */
        color               : #FFF;
        padding             : 5px 10px;
        background          : #666;
        border              : 0;
        border-radius       : 5px;
        font-size           : 120%;
    }

    /*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
    //|| Why Section
    //||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    body.upgrade div.overit {
        display             : none;
    }

    body.upgrade.why div.overit {
        z-index             : 10;
        display             : block;
        width               : 100%;
        height              : 100%;
        background          : rgba(0,0,0,0.4);
        position            : fixed;
        top                 : 0;
        left                : 0;
    }

    body.upgrade.why div.overit.clear {
        z-index             : 100;
        background          : transparent;
    }

    body.upgrade.why section.why {
        display             : block;
        position            : fixed;
        left                : 5%;
        top                 : 5%;
        height              : 90%;
        width               : 90%;
        margin              : 0;
        padding             : 0;
        z-index             : 15;
    }

    body.upgrade.why section.why iframe {
        display             : block;
        z-index             : 20;
        width               : 100%;
        height              : 100%;
        border              : 0;
    }

/*||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||
//||
//|| Mobile
//||
//||=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-=-==-=-=-=-=-=-=-=-=-=-=-=-=--=-=-=-||*/

    @media (max-width: 768px) {

        body.upgrade ul.head li.pay {
            height          : 60px;
            text-align      : center;
            font-size       : 90%;
        }

        body.upgrade ul.head li.pay.label,
        body.upgrade ul.head li.h1 {
            display         : none;
        }

        body.upgrade ul.head li.pay.credit {
            border-left          : 1px solid #EAEAEA;
        }

        body.upgrade section {
            padding         : 0;
        }

        body.upgrade section ul.options li.plan {
            display             : block;
            width               : 100%;
            margin              : 0 0 10px 0;
        }

        body.upgrade section.crypto.select {
            margin              : 0 0 0px 0;
            width               : 100%;
            background          : var(--MODALONE-RGBA-2); /* Modal Blue */
            color               : #000;
            border-bottom       : 1px solid var(--MODALONE-RGBA-5); /* Modal Blue */
            text-align          : center;
        }

        body.upgrade section.crypto.select div.inner {
            background          : transparent;
            border              : 0;
        }

        body.upgrade ul.nav li.bread {
            padding             : 0px 0;
            width               : auto;
        }

        body.upgrade ul.nav li.logo,
        body.upgrade ul.nav li a.logo {
            width               : 32px;
        }

        body.upgrade div.footer div.social {
            display             : none;
        }

    }