@charset "UTF-8";
.pcv-shop-container{
    margin:0 auto;
    padding:0 15px
}
#mount{
    font-size:1rem;
    line-height:1.5
}
.app{
    position:relative;
    padding-top:2em
}
.app .row{
    display:flex;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px
}
.app .col{
    font-size:1rem;
    line-height:1.5;
    display:block;
    padding:0 15px;
    box-sizing:border-box;
    margin:0;
    vertical-align:top
}
.app label{
    margin-bottom:0
}
a.but-primary{
    display:inline-block;
    font-family:Roboto_Bold,sans-serif;
    text-transform:uppercase;
    letter-spacing:.46px;
    color:#fff;
    background:#f0aa00;
    border:2px solid #f0aa00;
    border-radius:6px;
    padding:.45em 1em;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    font-size:1rem;
    line-height:1.5
}
a.but-primary:hover{
    background:#ffb80b;
    border-color:#ffb80b;
    box-shadow:#0000001a 0 4px 12px
}
.pcv-alert{
    border-radius:6px;
    padding:.75em 1em;
    color:#fff
}
.pcv-alert-success{
    background:#8cc63f
}
.pcv-alert-error{
    background:#e15257
}
.pcv-alert-body p{
    color:#fff;
    margin:0
}
.row-centered{
    justify-content:center
}
.center{
    text-align:center
}
.pcv-nomargin-bottom{
    margin-bottom:0
}
form select.pcv-form-error{
    border:2px solid #E15257
}
form select{
    font-size:1.05rem;
    background-position:right 1rem center;
    padding-right:2.5em
}
.pcv-consent{
    margin-top:20px;
    margin-bottom:20px
}
.pcv-consent label{
    float:left
}
.pcv-consent .pcv-consent-txt{
    display:block;
    padding-left:3em;
    line-height:1.5em
}
form.pcv-form-shop .row{
    margin-bottom:.5em
}
form.pcv-form-shop .pcv-activity{
    display:inline-block;
    height:50px;
    width:50px
}
.pcv-order-table-wrap{
    min-height:300px;
    position:relative;
    margin-bottom:2rem
}
.pcv-loading-area{
    width:100px;
    height:100px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}

table#pcv-order-table{
    border:0 none;
    width:100%
}
table#pcv-order-table tr{
    background-color:transparent
}
table#pcv-order-table td,table#pcv-order-table th{
    border:0 none;
    border-bottom:1px solid #ececec;
    background-color:transparent;
    word-break:normal;
    display:table-cell;
    font-size:1rem;
    padding:12px
}
table#pcv-order-table th{
    background-color:transparent;
    border-color:#393a4233;
    font-weight:700
}
table#pcv-order-table td{
    padding:12px
}
table#pcv-order-table td .pcv-activity-holder{
    width:15px;
    height:15px;
    display:inline-block
}
table#pcv-order-table input[type=checkbox]{
    margin-right:0
}
table#pcv-order-table input[type=number]{
    text-align:right;
    width:4em;
    padding:2px;
    height:1.85714286em;
    height:2em;
    margin-top:-4px;
    margin-right:-16px
}
table#pcv-order-table .discount{
    color:gray
}
table#pcv-order-table .summary{
    font-weight:700
}
table#pcv-order-table tr td:nth-child(4){
    min-width:124px
}
table#pcv-order-table tr td:nth-child(5){
    min-width:70px
}
table#pcv-order-table tr td:nth-child(6){
    min-width:124px
}
.pcv-loader{
    position:relative;
    margin:0 auto;
    width:100px
}
.pcv-loader:before{
    content:"";
    display:block;
    padding-top:100%
}
.pcv-loader .pcv-circular{
    animation:rotate 2s linear infinite;
    height:100%;
    transform-origin:center center;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
.pcv-loader .pcv-circular .path{
    stroke-dasharray:1,200;
    stroke-dashoffset:0;
    animation:dash 1.5s ease-in-out infinite;
    stroke-linecap:round;
    stroke:#f6a907
}
@keyframes rotate{
    to{
        transform:rotate(360deg)
    }
}
@keyframes dash{
    0%{
        stroke-dasharray:1,200;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:89,200;
        stroke-dashoffset:-35px
    }
    to{
        stroke-dasharray:89,200;
        stroke-dashoffset:-124px
    }
}
.pcv-message-container{
    margin-top:8px;
    margin-bottom:8px
}


/*ol.progress_tracker{
    display:flex;
    list-style:none;
    margin:0 0 calc(1.5em + 2rem);
    padding:0;
    counter-reset:pt-step
}
ol.progress_tracker li{
    flex:1;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:.4em .5em 1.95rem;
    cursor:pointer;
    color:#bbb;
    counter-increment:pt-step
}
ol.progress_tracker li span{
    font-size:.85rem;
    font-weight:600;
    line-height:1.3
}
ol.progress_tracker li:not(:last-child):after{
    content:"";
    position:absolute;
    left:calc(50% + 1rem);
    bottom:-1px;
    width:calc(100% - 2rem);
    height:2px;
    background-color:#bbb
}
ol.progress_tracker li:before{
    content:counter(pt-step);
    position:absolute;
    bottom:-1rem;
    left:50%;
    transform:translate(-50%);
    width:2rem;
    height:2rem;
    border-radius:50%;
    border:2px solid #bbb;
    background:#fff;
    color:#bbb;
    font-size:.85rem;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center
}
ol.progress_tracker li.progress_tracker_doing{
    color:#f0aa00
}
ol.progress_tracker li.progress_tracker_doing:before{
    border-color:#f0aa00;
    color:#f0aa00
}
ol.progress_tracker li.progress_tracker_done{
    color:#f0aa00
}
ol.progress_tracker li.progress_tracker_done:before{
    content:"✓";
    border-color:#f0aa00;
    background:#f0aa00;
    color:#fff;
    font-size:1rem
}
ol.progress_tracker li.progress_tracker_done:not(:last-child):after{
    background-color:#f0aa00
}
ol.progress_tracker li.progress_tracker_todo:hover{
    color:#ffb80b
}
ol.progress_tracker li.progress_tracker_todo:hover:before{
    border-color:#ffb80b;
    color:#ffb80b
}*/



button.auth0-lock-submit{
    height:auto
}
.auth0-lock-header,.auth0-lock-header .auth0-lock-header-bg{
    background-color:#393a42!important
}
.auth0-lock-header .auth0-lock-name{
    color:#fff
}
.pcv-order-summary-row{
    display:block
}
.pcv-order-summary-row-title{
    font-weight:700
}
.pcv-order-summary-row-value{
    padding-left:20px
}


.pcv-pricing{
    position:relative;
    margin-bottom:20px!important
}
.pcv-pricing-head{
    position:relative
}
.pcv-pricing-footer{
    margin-bottom:3.8em
}
.pcv-toggle-description{
    width:30px;
    height:30px;
    position:absolute;
    right:-30px;
    top:-30px;
    background-color:#0000000d;
    border-radius:50%
}
.chevron{
    box-sizing:border-box;
    width:12px;
    height:12px;
    display:block;
    position:absolute;
    border-style:solid;
    border-width:2px 2px 0 0;
    border-color:silver;
    left:9px
}
.chevron.chevron-down{
    transform:rotate(135deg);
    top:7px
}
.chevron.chevron-up{
    transform:rotate(-45deg);
    top:12px
}
.pcv-login-box{
    position:absolute;
    right:0;
    top:0;
    z-index:2000;
    padding:.5em .5em 2.2em;
    margin-bottom:0
}
.pcv-login-box .small{
    line-height:1em
}
.pcv-login-box a.but-primary{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
    padding:.3em 1em
}
.pcv-table-current-addons{
    border:0 none
}
.pcv-table-current-addons tr{
    background-color:transparent
}
.pcv-table-current-addons td,.pcv-table-current-addons th{
    border:0 none;
    border-bottom:none;
    background-color:transparent;
    word-break:normal
}
.pcv-table-current-addons td{
    padding:0
}
.pcv-table-current-addons td:first-child{
    text-align:right;
    font-weight:700;
    width:2em;
    padding-right:5px
}
.pcv-fine-print h5,
.pcv-fine-print p{
    font-size:.9rem
}
.pcv-fine-print h5{
    font-weight:700
}
.pcv-multistep-buttonbar{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding-left:0;
    padding-right:0
}
button[type=submit].pcv-btn-multistep-next{
    width:auto
}
sup{
    vertical-align:super;
    font-size:.75em;
    line-height:0
}

/*RESP VIEW*/
@media all and (min-width:768px){
    .pcv-fineprint-col{
        order:1
    }
    .pcv-coupon-col{
        order:2
    }
}


@media(max-width:993px){
    ol.progress_tracker li{
        padding-left:.25em;
        padding-right:.25em
    }
}
@media(max-width:500px){
    ol.progress_tracker{
        margin-bottom:calc(1.5em + 1.4rem)
    }
    ol.progress_tracker li{
        padding-bottom:.84rem;
        font-size:.75rem;
        -webkit-hyphens:auto;
        -ms-hyphens:auto;
        hyphens:auto
    }
    ol.progress_tracker li:before{
        width:1.4rem;
        height:1.4rem;
        bottom:-.7rem;
        font-size:.72rem
    }
    ol.progress_tracker li:not(:last-child):after{
        left:calc(50% + .7rem);
        width:calc(100% - 1.4rem)
    }
}

@media all and (max-width:768px){
    .pcv-order-table-wrap{
        overflow-x:auto
    }
    
    .pcv-toggle-description{
        right:-5px;
        top:-5px
    }
    
    form.pcv-form-shop .col{
        width:100%
    }
}

@media(max-width:650px){
    .table-wrap{
        overflow-x:scroll
    }
}