a:focus,button:focus,input:focus{
    outline:none !important
}
ul{
    margin:0;
    padding:0;
    list-style:none
}
@font-face{
    font-family:'icons';
    src:url("../fonts/src/icons.eot?7a0tku");
    src:url("../fonts/src/icons.eot?7a0tku#iefix") format("embedded-opentype"),url("../fonts/src/icons.ttf?7a0tku") format("truetype"),url("../fonts/src/icons.woff?7a0tku") format("woff"),url("../fonts/src/icons.svg?7a0tku#icons") format("svg");
    font-weight:normal;
    font-style:normal
}
.ico{
    font-family:'icons' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    letter-spacing:0;
    -webkit-font-feature-settings:"liga";
    -moz-font-feature-settings:"liga=1";
    -moz-font-feature-settings:"liga";
    -ms-font-feature-settings:"liga" 1;
    font-feature-settings:"liga";
    -webkit-font-variant-ligatures:discretionary-ligatures;
    font-variant-ligatures:discretionary-ligatures;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.ico-chk:before{
    content:"\e909"
}
.ico-eye:before{
    content:"\e908"
}
.ico-award:before{
    content:"\e900"
}
.ico-film_strip:before{
    content:"\e903"
}
.ico-forbidden:before{
    content:"\e904"
}
.ico-shield:before{
    content:"\e905"
}
.ico-star:before{
    content:"\e906"
}
.ico-time:before{
    content:"\e907"
}
.ico-envelope:before{
    content:"\e901"
}
.ico-lock:before{
    content:"\e902"
}
a{
    color:#e32a3d;
    text-decoration:none
}
img{
    max-width:100%;
    height:auto
}
.em{
    color:#e32a3d
}
.content-wrap{
    padding: 0 8px 15px 8px;
}
@media (min-width: 1024px){
    .content-wrap{
        position:relative;
        min-height:480px;
        padding:0
    }
}
@media (min-width: 1680px){
    .content-wrap{
        padding-top:60px
    }
}
@media (min-width: 1680px){
    .vsv .content-wrap{
        min-height:80vh
    }
}
.join-step{
    display:none
}
.join-step.active{
    display:block
}
.cancel-anytime{
    font-size:.9rem;
    line-height:1.3rem;
    color:#fff;
    font-weight:500;
    text-align:center;
    margin-bottom:12px
}
.cancel-anytime p{
    margin:0;
    padding:8px;
    border-radius:4px;
    background-color:#2c2c2c
}
@media (min-width: 768px){
    .cancel-anytime{
        max-width:590px;
        margin:0 auto 15px auto
    }
    .cancel-anytime p{
        background-color:rgba(66,66,66,0.4)
    }
}
.features{
    padding:1rem;
    text-align:center
}
.features ul li{
    text-transform:uppercase;
    font-size:13px
}
.features ul li span{
    color:#00ff78
}
.features:after{
    content:'';
    display:table;
    clear:both
}
@media screen and (min-width: 375px){
    .features{
        padding:4% 0;
        text-align:center
    }
}
body{
    font-family:'Lato', sans-serif;
    padding-top:48px;
    font-size:16px;
    line-height:1.5;
    color:#fff;
    /*background-image:url("../img/background_mobile.jpg");*/
    background-position:center 54px;
    background-size:100%;
    background-repeat:no-repeat;
    background-color:#191919
}
@media (min-width: 768px){
    body{
        padding-top:48px;
        /*background-image:url("../img/background_1280_right.jpg");*/
        background-size:180%;
        background-position:left 48px
    }
    body.vsv{
        /*background-image:url("../img/background_1280_vsv.jpg")*/
    }
    body.vsv.fake-player{
        background:#191919
    }
}
@media (min-width: 1024px){
    body{
        background-size:100%
    }
}
@media (min-width: 1260px){
    body{
        padding-top:48px
    }
}
@media (min-width: 1920px){
    body{
        background-size:1920px;
        background-position:center 48px
    }
}
header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100;
    padding:3px 0;
    background-color:#181818
}
header::after{
    display:block;
    content:"";
    clear:both
}
header .logo{
    display:block;
    float:left;
    height:3rem;
    max-width:60%;
    padding:4px 0;
    vertical-align:middle
}
header .logo img{
    display:inline-block;
    width:auto;
    height:auto;
    max-width:96%;
    max-height:100%;
    vertical-align:middle
}
header .logo:before{
    content:'';
    display:inline-block;
    height:100%;
    vertical-align:middle
}
header .login-link{
    display:block;
    float:right;
    height:3rem;
    font-size:1.15rem;
    line-height:3rem;
    color:#fff;
    font-weight:300;
    text-transform:uppercase;
    text-decoration:underline
}
header .container-fluid{
    max-width:1920px
}
@media (min-width: 768px){
    header{
        padding:5px 20px
    }
    header .logo{
        height:38px;
        padding:0 10px
    }
    header .login-link{
        height:38px;
        line-height:38px
    }
}
@media (min-width: 1024px){
    header{
        background-color:#000000
    }
}
.upgrade header{
    background:#222223
}
footer{
    position:relative;
    background-color:#191919
}
footer{
    margin-top:0;
    padding:0 20px;
    font-size:.7rem;
    line-height:.9rem;
    text-align:center
}
footer a{
    font-weight:500
}
footer .logos{
    font-size:0;
    padding-top:20px;
    margin-top:0
}
footer .logos a{
    display:inline-block;
    margin-right:15px
}
footer .logos a img{
    display:block;
    margin:0;
    border:0 none
}
footer .logos a:last-child{
    margin-right:0
}
footer .links{
    margin-bottom:2px;
    font-size:0;
    text-align:center
}
footer .links li{
    display:inline-block;
    padding:0 10px;
    border-right:1px solid #5a5a5a
}
footer .links li a{
    display:block;
    font-size:.75rem;
    line-height:1rem;
    font-weight:500;
    text-shadow:none
}
footer .links li:first-child{
    padding-left:0
}
footer p.copy{
    margin-top:0
}
footer .copy{
    margin-top:10px;
    font-size:13px;
    line-height:17px
}
@media (min-width: 1280px){
    footer{
        margin-top:0
    }
}
.what-you-get{
    display:none;
    position:absolute;
    top:8px;
    left:50%;
    margin-left:-610px;
    width:325px
}
.what-you-get .title{
    font-size:24px;
    line-height:26px;
    text-transform:uppercase;
    text-decoration:underline;
    font-weight:700;
    letter-spacing:1px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.7)
}
.what-you-get ul li{
    font-size:15px;
    line-height:19px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    position:relative;
    padding-left:36px;
    margin-bottom:15px;
    text-shadow:1px 1px 1px rgba(0,0,0,0.7)
}
.what-you-get ul li .ico{
    display:block;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-10px;
    font-size:20px;
    color:#80ffbb
}
@media (min-width: 1260px){
    .what-you-get{
        display:block;
        padding-top:2.3vw
    }
}
@media (min-width: 1280px){
    .what-you-get{
        margin-left:-610px
    }
}
@media (min-width: 1680px){
    .what-you-get{
        top:63px
    }
}
@media (min-width: 1920px){
    .what-you-get{
        top:73px
    }
}
.reviews{
    position:relative;
    max-width:440px;
    margin:30px auto 0 auto;
    padding:0 16px;
    text-align:center
}
.reviews::after{
    display:block;
    content:"";
    clear:both
}
.reviews .em{
    font-weight:700;
    color:inherit
}
.reviews .review{
    display:none;
    font-size:16px;
    line-height:18px;
    text-transform:uppercase;
    text-shadow:1px 1px 3px rgba(0,0,0,0.4)
}
.reviews .review::after{
    display:block;
    content:"";
    clear:both
}
.reviews .review .rating .ico{
    color:#e6d7a9
}
.reviews .review a,.reviews .review .review-site{
    color:inherit;
    font-style:italic;
    text-transform:lowercase
}
.reviews .review.award{
    display:flex;
    width:240px;
    margin:auto;
    align-items:center;
    justify-content:center;
    font-weight:700;
    text-align:left
}
.reviews .review.award .ico{
    margin-right:12px;
    font-size:88px
}
@media (min-width: 1024px){
    .reviews{
        max-width:none;
        padding:16px;
        background:rgba(0,0,0,0.5);
        display:flex;
        justify-content:center;
        align-items:flex-start
    }
    .reviews .review{
        display:flex;
        width:25%;
        flex-wrap:wrap;
        text-align:left;
        font-size:12px;
        line-height:14px;
        padding:0 16px;
        max-width:280px
    }
    .reviews .review .rating{
        display:block;
        width:100%
    }
    .reviews .review .review-site{
        display:block;
        width:100%;
        font-size:11px
    }
    .reviews .review.award{
        position:relative;
        top:auto;
        right:auto;
        width:25%;
        max-width:none;
        margin:0;
        flex-wrap:nowrap
    }
    .reviews .review.award .ico{
        font-size:56px
    }
}
@media (min-width: 1260px){
    .reviews{
        margin-top:95px
    }
    .reviews .review.award{
        width:240px
    }
}
@media (min-width: 1366px){
    .reviews{
        margin-top:150px
    }
}
@media (min-width: 1680px){
    .reviews{
        margin-top:100px
    }
}
@media (min-width: 1920px){
    .reviews{
        margin-top:270px;
        max-width:1920px
    }
}
@media (min-width: 1260px){
    .reviews.one-step{
        margin-top:60px
    }
}
@media (min-width: 1480px){
    .reviews.one-step{
        margin-top:180px
    }
}
@media (min-width: 1900px) and (min-height: 910px){
    .reviews.one-step{
        margin-top:280px
    }
}
.form-body{
    max-width:400px;
    margin:50px auto 0 auto;
    padding:18px 6px;
    background:rgba(0,0,0,0.6)
}
.form-title{
    font-size:14px;
    line-height:18px;
    font-weight:700;
    text-transform:uppercase;
    text-align:center;
    padding:0 8px
}
@media (min-width: 1024px){
    .form-title{
        font-size:16px
    }
}
.join-steps{
    margin-bottom:15px
}
.join-steps::after{
    display:block;
    content:"";
    clear:both
}
.join-steps .step{
    float:left;
    width:50%;
    font-size:16px;
    color:#999999;
    text-transform:uppercase;
    text-align:center;
    height:32px;
    line-height:32px;
    background:#252525
}
.join-steps .step.active{
    color:#fff;
    background:#0072bc
}
.join-steps .step:first-child{
    border-radius:4px 0 0 4px
}
.join-steps .step:last-child{
    border-radius:0 4px 4px 0
}
@media (min-width: 1260px){
    .join-steps{
        margin-bottom:20px
    }
}
.section-title{
    font-size:15px;
    line-height:15px;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    margin-bottom:12px
}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"]{
    height:32px;
    display:block;
    width:100%;
    background:#c5c5c5;
    border-radius: 0;
    border:0 none;
    box-shadow:1px 1px 2px rgba(0,0,0,0.8) inset;
    padding-left:8px;
    padding-right:8px;
    font-size:12px
    color: #000000;
}
input[type="text"]:focus,input[type="text"]:active,input[type="email"]:focus,input[type="email"]:active,input[type="password"]:focus,input[type="password"]:active,input[type="tel"]:focus,input[type="tel"]:active{
    border:2px solid #13cd00;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset
}
input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder{
    font-size:10px;
    color:#5b5a5a;
    font-style:italic
}
input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="tel"]::-moz-placeholder{
    font-size:10px;
    color:#5b5a5a;
    font-style:italic
}
input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,input[type="tel"]:-ms-input-placeholder{
    font-size:10px;
    color:#5b5a5a;
    font-style:italic
}
input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,input[type="password"]:-moz-placeholder,input[type="tel"]:-moz-placeholder{
    font-size:10px;
    color:#5b5a5a;
    font-style:italic
}
.vsv input[type="text"]:focus,.vsv input[type="text"]:active,.vsv input[type="email"]:focus,.vsv input[type="email"]:active,.vsv input[type="password"]:focus,.vsv input[type="password"]:active,.vsv input[type="tel"]:focus,.vsv input[type="tel"]:active{
    border-color:#edd96a
}
.form-row{
    position:relative;
    margin-bottom:10px
}
.form-row label{
    display:block;
    font-size:12px;
    line-height:14px;
    text-transform:uppercase;
    margin-bottom:6px;
    padding-left:10px
}
.form-row small{
    display:block;
    font-size:12px
}
@media (min-width: 1260px){
    .form-row{
        margin-bottom:15px
    }
}
.btn-submit{
    background: #14d800;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    padding: 15px;
    border: none;
    width: 100%;
}
.btn-submit:hover {
	background: #30ed1c;
}
.vsv .btn-submit{
    background:#e5d267;
    border-radius:0;
    color:#000;
    font-weight:700
}
@media (min-width: 768px){
    .submit-button-wrapper{
        padding-top:10px
    }
}
@media (min-width: 1260px){
    .submit-button-wrapper{
        padding-top:15px;
        padding-bottom:10px
    }
}
.form-section.form-section-periods{
    margin-bottom:12px
}
@media (min-width: 1260px){
    .form-section.form-section-periods{
        margin-bottom:20px
    }
}
.form-footer{
    border-top:1px solid #fff;
    margin-top:15px;
    padding-top:12px
}
.selling-points{
    text-align:center;
    text-transform:uppercase;
    font-size:9px;
    line-height:11px
}
.selling-points::after{
    display:block;
    content:"";
    clear:both
}
.selling-points li{
    display:inline-block;
    text-align:left;
    position:relative;
    padding:4px 0 4px 22px;
    margin-right:16px
}
.selling-points li .ico{
    display:block;
    position:absolute;
    top:50%;
    left:2px;
    margin-top:-8px;
    font-size:16px
}
.btn-show-password{
    display:none;
    position:absolute;
    top:0;
    right:0;
    width:40px;
    height:32px;
    line-height:32px;
    border:0;
    padding:0;
    background:transparent;
    cursor:pointer;
    color:#5b5a5a
}
.btn-show-password .ico{
    display:block
}
@media (min-width: 1025px){
    .btn-show-password{
        display:block
    }
}
@media (min-width: 768px){
    .form-body{
        padding:20px
    }
    .form-footer{
        padding-top:20px
    }
}
.area-code-group{
    position:relative
}
.area-code-group .dropdown{
    position:absolute;
    top:0;
    left:0
}
.area-code-group .dropdown .dropdown-toggle{
    height:32px;
    font-size:10px;
    background:#c5c5c5;
    border-radius:3px 0 0 3px;
    width:80px
}
.area-code-group .dropdown .dropdown-menu{
    width:100%;
    min-width:0;
    background:#c5c5c5;
    border-radius:0 0 3px 3px;
    margin-top:-1px;
    max-height:180px;
    overflow:auto
}
.area-code-group .dropdown .dropdown-menu ul li{
    padding:0 6px;
    font-size:12px
}
.area-code-group input[type="text"],.area-code-group input[type="email"],.area-code-group input[type="password"],.area-code-group input[type="tel"]{
    padding-left:88px
}
.upgrade{
    background-image:url("../img/background_mobile.jpg");
    background-repeat:no-repeat;
    background-position:center top
}
.upgrade:after{
    background:rgba(0,0,0,0.5)
}
.upgrade .content-wrap .alt{
    text-align:center;
    text-decoration:underline;
    text-transform:uppercase;
    margin-top:.5rem
}
.upgrade .content-wrap .alt h4{
    font-size:.8rem;
    letter-spacing:1.5px
}
.upgrade .content-wrap .form-body{
    max-width:450px;
    background:rgba(0,0,0,0.6)
}
.upgrade .content-wrap .form-body .section-title{
    letter-spacing:1.5px;
    margin-top:12px;
    line-height:1.35
}
.upgrade .content-wrap .form-body .benefit{
    display:none;
    text-align:center
}
.upgrade .content-wrap .form-body .benefit p{
    margin-bottom:0;
    font-size:.6rem;
    text-transform:uppercase;
    letter-spacing:2px
}
.upgrade .content-wrap .form-body .submit-button-wrapper input{
    min-width:200px;
    min-height:40px;
    font-weight:600;
    font-size:1rem;
    padding-top:12px
}
.upgrade .content-wrap .form-body .btn-pick-plan{
    position:relative;
    text-align:center;
    margin-top:20px
}
.upgrade .content-wrap .form-body .btn-pick-plan input[type="radio"]{
    display:inline;
    position:absolute;
    top:calc(50% - 6.5px);
    left:5px
}
@media screen and (min-width: 768px){
    .upgrade .content-wrap{
        min-height:600px;
        padding-bottom:8px
    }
}
@media screen and (min-width: 1600px){
    .upgrade .content-wrap{
        min-height:calc(100vh - 48px)
    }
}
@media screen and (min-width: 768px){
    .upgrade{
        background-image:url("../img/upgrade_background.jpg");
        background-size:150%
    }
}
@media screen and (min-width: 1260px){
    .upgrade{
        background-size:contain
    }
}
.alt a{
    color:#fff
}
.fake-player{
    background:#191919 !important
}
.fake-player .frm-register{
    margin-top:1rem
}
.fake-player .frm-register .form-body{
    margin-top:10px;
    background:rgba(0,0,0,0.8)
}
@media screen and (min-width: 1024px){
    .fake-player .frm-register .form-body{
        margin-top:0
    }
}
.fake-player .frm-register .player-wrapper.loading{
    position:relative
}
.fake-player .frm-register .player-wrapper.loading.player-mobile:after{
    content:'';
    display:block;
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    background-image:url("../img/loading.svg");
    background-repeat:no-repeat;
    background-position:center
}
.fake-player .frm-register .player-wrapper.loading .video-message{
    display:none
}
@media screen and (min-width: 1024px){
    .fake-player .frm-register .player-wrapper.loading:after{
        content:'';
        display:block;
        position:absolute;
        z-index:2;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.6);
        background-image:url("../img/loading.svg");
        background-repeat:no-repeat;
        background-position:center
    }
    .fake-player .frm-register .player-wrapper.loading .form-body{
        display:none
    }
}
.fake-player .frm-register .player-wrapper.player-mobile{
    position:relative
}
.fake-player .frm-register .player-wrapper.player-mobile img{
    display:block;
    width:100%;
    height:auto;
    border:0 none;
    padding:0
}
.fake-player .frm-register .player-wrapper.player-mobile .video-message{
    position:absolute;
    top:50%;
    margin-top:-55px;
    margin-bottom:0;
    left:50%;
    margin-left:-110px;
    z-index:2;
    width:220px
}
.fake-player .frm-register .player-wrapper.player-mobile .video-message .msg-title{
    font-size:.8rem;
    line-height:1rem;
    padding:.3rem .5rem .3rem 2rem;
    text-transform:uppercase;
    font-weight:700;
    background-color:#000
}
.fake-player .frm-register .player-wrapper.player-mobile .video-message .msg-title:before{
    content:'';
    display:block;
    position:absolute;
    top:6px;
    left:8px;
    width:14px;
    height:13px;
    background:url("../img/exclamation.png") 0 0 no-repeat transparent
}
.fake-player .frm-register .player-wrapper.player-mobile .video-message .msg-body{
    font-size:1rem;
    line-height:1.2rem;
    text-align:center;
    color:#000;
    font-weight:900;
    background-color:#fff;
    padding:8px 12px
}
.fake-player .frm-register .player-wrapper.player-mobile .player-controls{
    position:relative;
    bottom:0;
    width:100%;
    height:30px;
    background:url("../img/player-controls-center.jpg") 0 0 repeat-x #000
}
.fake-player .frm-register .player-wrapper.player-mobile .player-controls:before,.fake-player .frm-register .player-wrapper.player-mobile .player-controls:after{
    content:'';
    display:block;
    position:absolute;
    z-index:2;
    top:0;
    height:30px;
    background-position:0 0;
    background-repeat:no-repeat
}
.fake-player .frm-register .player-wrapper.player-mobile .player-controls:before{
    width:99px;
    left:0;
    background:url("../img/player-controls-left-mobile.jpg")
}
.fake-player .frm-register .player-wrapper.player-mobile .player-controls:after{
    width:162px;
    right:0;
    background-image:url("../img/player-controls-right.jpg")
}
@media screen and (min-width: 1024px){
    .fake-player .frm-register .player-wrapper.player-mobile{
        display:none
    }
}
.fake-player .frm-register .player-wrapper{
    max-width:1130px;
    margin:0 auto
}
.fake-player .frm-register .player-wrapper.player-desktop .content-wrap{
    min-height:0;
    padding-bottom:20px
}
@media screen and (min-width: 1024px){
    .fake-player .frm-register .player-wrapper.player-desktop .content-wrap .player-controls{
        position:absolute;
        bottom:0;
        width:100%;
        height:30px;
        background:url("../img/player-controls-center.jpg") 0 0 repeat-x #000
    }
    .fake-player .frm-register .player-wrapper.player-desktop .content-wrap .player-controls:before,.fake-player .frm-register .player-wrapper.player-desktop .content-wrap .player-controls:after{
        content:'';
        display:block;
        position:absolute;
        z-index:2;
        top:0;
        height:30px;
        background-position:0 0;
        background-repeat:no-repeat
    }
    .fake-player .frm-register .player-wrapper.player-desktop .content-wrap .player-controls:before{
        width:159px;
        left:0;
        background:url("../img/player-controls-left.jpg")
    }
    .fake-player .frm-register .player-wrapper.player-desktop .content-wrap .player-controls:after{
        width:161px;
        right:0;
        background-image:url("../img/player-controls-right.jpg")
    }
}
@media screen and (max-width: 1023px){
    .fake-player .frm-register .player-wrapper.player-desktop .content-wrap{
        background-image:none !important
    }
}
@media screen and (min-width: 1024px){
    .fake-player .frm-register .player-wrapper.player-desktop .content-wrap{
        position:relative;
        max-width:1130px;
        margin:0 auto 0 auto;
        min-height:600px;
        padding:20px 0 40px 0;
        background-position:center top;
        background-repeat:no-repeat;
        background-size:cover
    }
}
.fake-player .frm-register .reviews{
    margin-bottom:15px
}
@media screen and (min-width: 1024px){
    .fake-player .frm-register .reviews{
        max-width:1130px;
        margin:10px auto 0 auto
    }
}
.form-body.wider{
    max-width:555px
}
.form-body.wider p.with-separator{
    position:relative;
    padding-bottom:0.8rem
}
.form-body.wider p.with-separator:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:10%;
    right:10%;
    height:1px;
    background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 20%, #fff 80%, rgba(255,255,255,0) 100%);
    background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #fff 20%, #fff 80%, rgba(255,255,255,0) 100%);
    background:linear-gradient(to right, rgba(255,255,255,0) 0%, #fff 20%, #fff 80%, rgba(255,255,255,0) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 )
}
@media (min-width: 768px){
    .form-body.wider{
        margin-top:12px
    }
}
.upgrade-points{
    display:none;
    padding:0 10px
}
.upgrade-points::after{
    display:block;
    content:"";
    clear:both
}
.upgrade-points .upgrade-point{
    float:left;
    width:50%;
    font-size:12px;
    line-height:16px;
    text-transform:uppercase;
    position:relative;
    padding-left:16px
}
.upgrade-points .upgrade-point .ico{
    display:block;
    position:absolute;
    top:0;
    left:0;
    line-height:16px;
    width:16px;
    color:#00ff78
}
@media (min-width: 1024px){
    .upgrade-points{
        display:block;
        padding:0 30px
    }
}
.payment-buttons{
    margin-left:-3px;
    margin-right:-3px
}
.payment-buttons::after{
    display:block;
    content:"";
    clear:both
}
.payment-button-col{
    float:left;
    width:50%;
    padding:0 3px
}
.btn-payment{
    display:block;
    position:relative;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    padding:8px;
    margin-bottom:6px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.74rem;
    letter-spacing:1px;
    background:rgba(0,0,0,0.8);
    cursor:pointer;
    border-radius:3px
}
.btn-payment input{
    display:none
}
.btn-payment:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:4px;
    border-radius:0 0 3px 3px;
    background-color:#00b260;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.btn-payment:before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    margin-left:-5px;
    bottom:4px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-bottom:6px solid #00b260;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.btn-payment.active{
    background:rgba(0,0,0,0.9)
}
.btn-payment.active:after{
    opacity:1
}
.btn-payment.active:before{
    opacity:1
}
@media (min-width: 1921px){
    .btn-payment{
        padding:16px 10px
    }
}
@media (min-width: 768px){
    .payment-button-col{
        width:33.33332%
    }
}
@media (min-width: 1680px){
    .btn-payment{
        font-size:1rem
    }
}
.btn-plan{
    display:block;
    position:relative;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    padding:8px;
    margin-bottom:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    letter-spacing:1px;
    background:rgba(0,0,0,0.6);
    cursor:pointer;
    border-radius:3px
}
.btn-plan input{
    display:none
}
.btn-plan:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:3px;
    border-radius:0 0 3px 3px;
    background-color:#008eff;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.btn-plan:before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    margin-left:-5px;
    bottom:3px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid #008eff;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.btn-plan.active{
    background:rgba(0,0,0,0.9)
}
.btn-plan.active:after{
    opacity:1
}
.btn-plan.active:before{
    opacity:1
}
@media (min-width: 1921px){
    .btn-plan{
        padding:16px 10px
    }
}
.access-type,.signup-info-text{
    font-size:7px;
    line-height:9px;
    text-transform:uppercase;
    text-align:center;
    padding:3px 6px;
    margin-bottom:0;
    white-space:normal
}
.access-type.access-type-darken,.signup-info-text.access-type-darken{
    background-color:rgba(0,0,0,0.2);
    border-radius:0 0 3px 3px
}
@media (min-height: 768px){
    .access-type.access-type-darken,.signup-info-text.access-type-darken{
        padding-top:3px;
        padding-bottom:3px
    }
}
@media (min-width: 1260px) and (max-width: 1680px){
    .access-type.access-type-darken,.signup-info-text.access-type-darken{
        margin-top:0 !important;
        padding:3px 5px !important
    }
}
.access-type.access-type-title,.signup-info-text.access-type-title{
    width:100%;
    font-size:10px;
    text-align:center;
    font-weight:600;
    padding-top:6px;
    padding-bottom:6px
}
@media (min-width: 768px){
    .access-type.access-type-title,.signup-info-text.access-type-title{
        font-size:.9rem
    }
}
@media (min-width: 1260px){
    .access-type.access-type-title,.signup-info-text.access-type-title{
        font-size:11px;
        padding-top:9px !important;
        padding-bottom:9px !important
    }
}
@media (min-width: 1680px){
    .access-type.access-type-title,.signup-info-text.access-type-title{
        font-size:1rem
    }
}
.access-type.access-type-plan,.signup-info-text.access-type-plan{
    display:flex;
    height:56px;
    align-items:center;
    justify-content:center;
    text-align:center
}
.btn-plan-col{
    margin-bottom:6px
}
.btn-price{
    display:block;
    position:relative;
    width:100%;
    text-align:center;
    text-transform:uppercase;
    padding:8px;
    margin-bottom:0;
    margin-top:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:1rem;
    letter-spacing:1px;
    background:rgba(0,0,0,0.7);
    cursor:pointer;
    border-radius:3px
}
.btn-price input{
    display:none
}
.btn-price:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:3px;
    border-radius:0 0 3px 3px;
    background-color:#008eff;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.btn-price:before{
    content:'';
    display:block;
    position:absolute;
    left:50%;
    margin-left:-6px;
    bottom:3px;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid #008eff;
    opacity:0;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -ms-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.btn-price.active{
    background:rgba(0,0,0,0.9)
}
.btn-price.active:after{
    opacity:1
}
.btn-price.active:before{
    opacity:1
}
.btn-price span{
    display:block;
    text-align:center
}
.btn-price span.period{
    font-size:8px
}
.btn-price span.price{
    font-size:17px
}
@media (min-width: 1024px){
    .btn-price{
        padding:8px 12px
    }
    .btn-price span.period{
        float:left;
        font-size:.8rem;
        line-height:1.6rem
    }
    .btn-price span.price{
        float:right;
        font-size:1.2rem;
        line-height:1.6rem
    }
}
@media (min-width: 1280px){
    .btn-price{
        padding:20px 8px
    }
}
.buttons-row{
    margin:0 -3px
}
.buttons-row::after{
    display:block;
    content:"";
    clear:both
}
.buttons-row .button-col{
    float:left;
    padding:0 3px;
    width:100%
}
@media (min-width: 768px){
    .buttons-row{
        text-align:center
    }
    .buttons-row .button-col{
        width:33.33332%
    }
}
.payment-buttons-group{
    margin-bottom:10px
}
.btn-pick-payment{
    display:flex;
    height:32px;
    align-items:center;
    padding:0 0 0 6px;
    position:relative;
    background:rgba(0,0,0,0.65);
    border-radius:3px
}
.btn-pick-payment input[type="radio"]{
    margin-left:auto;
    margin-right:6px
}
.btn-pick-payment .payment-name{
    margin-right:auto;
    font-size:11px;
    line-height:14px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.btn-pick-payment img{
    display:block;
    border:0 none
}
.btn-pick-payment.active:before,.btn-pick-payment.active:after{
    content:'';
    display:block;
    position:absolute
}
.btn-pick-payment.active:before{
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    border-bottom:3px solid #0b5788;
    left:50%;
    margin-left:-3px;
    bottom:2px
}
.btn-pick-payment.active:after{
    height:2px;
    left:0;
    right:0;
    bottom:0;
    height:2px;
    background:#0b5788;
    border-radius:0 0 3px 3px
}
.plan-buttons-group{
    margin-bottom:20px
}
@media (min-width: 768px){
    .plan-buttons-group{
        margin-bottom:25px
    }
}
.btn-pick-plan{
    display:block;
    cursor:pointer;
    margin-bottom:10px;
    background:#e2e1e0;
    font-size:13px;
    line-height:15px;
    color:#000;
    text-transform:uppercase;
    border:2px solid #e2e1e0;
}
.btn-pick-plan::after{
    display:block;
    content:"";
    clear:both
}
.btn-pick-plan input[type="radio"]{
    display:none
}
.btn-pick-plan .plan-title{
    display:block;
    float:left;
    padding:2px 0 2px 5px;
    min-height:27px
}
.btn-pick-plan .plan-title small{
    display:block;
    font-size:8px;
    line-height:8px
}
.btn-pick-plan .plan-title.single-line{
    line-height:23px
}
@media (min-width: 768px){
    .btn-pick-plan .plan-title{
        padding:4px 0 4px 5px;
        min-height:31px
    }
}
.btn-pick-plan .plan-price{
    display:block;
    position:relative;
    float:right;
    line-height:27px;
    padding:0 5px 0 0
}
.btn-pick-plan .plan-price .ribbon{
    font-size:9px;
    line-height:11px
}
@media (min-width: 768px){
    .btn-pick-plan .plan-price{
        line-height:31px
    }
}
.btn-pick-plan .ribbon{
    float:right;
    position:relative;
    height:27px;
    background:#d91615;
    color:#fff;
    padding:2px 5px 2px 0;
    margin-left:12px
}
.btn-pick-plan .ribbon:before{
    content:'';
    display:block;
    width:20px;
    height:100%;
    position:absolute;
    left:-20px;
    top:0;
    z-index:2;
    border-top:27px solid transparent;
    border-right:18px solid #d91615
}
@media (min-width: 768px){
    .btn-pick-plan .ribbon:before{
        border-top:31px solid transparent
    }
}
@media (min-width: 768px){
    .btn-pick-plan .ribbon{
        height:31px;
        padding:4px 5px 4px 0
    }
}
.btn-pick-plan.most-popular .ribbon{
    margin-right:-5px
}
.btn-pick-plan.active{
    background:#21af0f;
    color:#323232;
    border-color:#095000;
    font-weight:700
}
.vsv .btn-pick-plan{
    background:#fff;
    color:#000
}
.vsv .btn-pick-plan .ribbon{
    background:#9b4d0e
}
.vsv .btn-pick-plan .ribbon:before{
    border-right-color:#9b4d0e
}
.vsv .btn-pick-plan .plan-price{
    font-weight:700
}
.vsv .btn-pick-plan.active{
    background:#d2c26b;
    border-color:#4f2b00;
    font-weight:400
}
.upgrade .btn-pick-plan small{
    display:block;
    margin-top:-15px
}
.upgrade .btn-pick-plan .plan-title{
    display:inline-block;
    float:none;
    font-size:1rem;
    letter-spacing:1px;
    font-weight:700
}
.upgrade .btn-pick-plan .plan-price{
    display:inline-block;
    float:none;
    position:relative;
    font-size:1rem;
    font-weight:900
}
.upgrade .btn-pick-plan .ribbon{
    right:4px;
    font-size:9px;
    line-height:11px
}
.upgrade .btn-pick-plan.active{
    color:#000
}
@media (min-width: 1260px){
    .upgrade .btn-pick-plan{
        padding:3px 0 4px 0
    }
    .upgrade .btn-pick-plan .ribbon{
        position:absolute;
        top:0;
        height:42px;
        line-height:13px;
        padding-top:8px
    }
    .upgrade .btn-pick-plan .ribbon:before{
        border-top:42px solid transparent
    }
    .upgrade .btn-pick-plan.most-popular{
        padding:0
    }
    .upgrade .btn-pick-plan.most-popular .plan-price{
        line-height:42px
    }
}
.logo {
	width: 100%;
    text-align: center;
 }
 .logo a {
 	display: block;
    max-width: 432px;
    width: 100%;
    margin: 0 auto;
 }
 .logo img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
 }
 .submit-button-wrapper p {
 	color: #cdcdcd;
 	margin: 0;
 	padding-top: 15px;
 }
.submit-button-wrapper p a {
	color: #fff;
	text-decoration: underline;
}