﻿
#footerholder {  width: 100%; color: white; z-index: 4; bottom: 0; height: 180px; position: absolute; }
#footerholder a { color: #b0b0b0; text-decoration: none; }
#footerholder a:hover { color: #fd510f; text-decoration: none; }
.footerlinks { line-height: 25px; display: block; }
.footercol { width: 20%; float: left; margin-bottom: 20px; }
.footerclearformobile { display: none; }
.maincontentholder { width: 80%; float: right; padding-bottom: 180px; }
.contentholder {    width: 1000px;    margin-left: auto;    margin-right: auto;}
.fv2leftcontent {    width: 500px; margin-left:calc(50% - 250px); float:left;}
.fv2footspacer{height:200px; width:100%;}
.stepholder{width:500px; margin-left:calc(50% - 250px); margin-top:30px;}
.orpaytxt{background-color:white;}

.showPaypalOption.disabled, .showPaypalOption.disabled:hover {    background-color:rgb(234, 234, 234);    cursor: not-allowed;        background: #CCCCCC;       box-shadow: 0px 0px 0px #fff;    opacity: .5;}                  
.maincontentholder {    width: 60%;    float: left;}
.texboxlarge {    display:normal;}
.leftcontentholder {    width: 38%;    float: right;}
.customerboughtbox {    padding: 4%;}
.newCardInstructions {    color:darkgrey;    font-size:smaller;}
.ordersummarycheckout {    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    border: 1px #dbdbdb solid;    margin-top: 78px;}
.infotextholder {    width: 68%;    float: left;}
.infobuttonholder {    width: 30%;    float: right;}
.paytext{    font-size: 18.4px;    font-weight: bold;    margin: 10px 0;}
.buybuttonimage {    -webkit-appearance: none;    background-color:rgb(234, 234, 234);    border: 1px solid rgb(170, 170, 170);    margin-bottom:15px;    width:300px;    padding:8px;    text-decoration:none;    text-align:center;    cursor:pointer;    -webkit-appearance: none;     border-radius: 10px;    box-shadow: 2px 2px 2px #aaa;    background: #CCCCCC;    background: linear-gradient(to bottom, #EAEAEA 0%,#DBDBDB 9%,#C2C2C2 100%);}
.buybuttonimage:hover {    background-color:rgb(200, 200, 200);    background: linear-gradient(to bottom, #EAEAEA 0%,#DBDBDB 9%,#D1D1D1 100%);}
.buttonback{    border:0;    text-indent: 0;    display: inline-block;    color: #FFF;    font-family: 'Open Sans',sans-serif;    font-size: 16px;    font-weight: 600;    font-style: normal;    height: 38px;    width: auto;    min-width: 100px;    line-height: 38px;    text-decoration: none;    text-align: center;    cursor: pointer;    vertical-align: middle;    padding: 1px 15px;    margin-bottom: 5px;    box-sizing: content-box;    background: #5C5C5C;    font-weight: normal;    min-width: 50px;}
.buttonback:hover{    background: #999;}
.ui-dialog .ui-header .ui-btn-icon-notext {    display: none;}
.lightgraybutton{    width:150px;}
.stepbtnactive   {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid #202d3c; padding:2px 10px; line-height:24px; width:95px; float:left; text-align:center;  color:#202d3c; font-weight:900;}
.stepbtnnobox     {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 1px solid white; padding:2px 10px; line-height:24px; width:65px; float:left; text-align:center; color:#202d3c; font-weight:900;}
.stepnonactive     {opacity:.4;}
.stepsep{border-bottom: 1px solid #202d3c; height:16px; float:left; width:85px; }
.stepdot {  height: 6px;  width: 6px; margin-top:14px;  background-color: #202d3c;  border-radius: 50%;  display: inline-block;  float:left;}
.lcpmheader{display:none;}
.lcpminstruct{display:none;}
.pluspurchaseinfo{  border-bottom: 1px #cdcdcd solid; box-sizing:border-box; background-color:white; padding-bottom:50px; box-shadow: none; margin-bottom:30px; margin-top:30px;text-align:left;}
.plusprodhead{font-size:24px; font-weight:700; color:black;}
.plusproddesc{font-size:14px; font-weight:400; margin-top:10px;}
.actionbutton, .fv2actionbutton{ border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important;}
.funnelfooterholder{ padding-top:30px; margin-top:80px;}
.ff3colholder{width:240px;}
.ff3imgholder{width:60px; float:left; text-align:right;}
.ff3txtholder{width:170px; float:left; margin-left:10px; margin-top:5px; color:#202d3c;}
.ff3middle{margin-left:calc(50% - 120px)}
.funnelfooterimg{height:50px;}
.completeinfo{  padding-bottom:0px;  margin-top:0px;text-align:center;}
.puzzleicon {background-image: url('/images/puzzle_icon.png');width: 14px;margin-top: 3px; background-size: contain;background-repeat: no-repeat;vertical-align: middle;}

.plusccbtn{border: 1px #cdcdcd solid; line-height:24px; padding:5px; border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; text-align:center; width:50%; float:left; box-sizing:border-box; display:inline-block; cursor:pointer;}
.plusapbtn{border-top: 1px #cdcdcd solid; line-height:24px; border-bottom: 1px #cdcdcd solid; padding:5px; text-align:center; width:34%; float:left; box-sizing:border-box; display:inline-block; cursor:pointer;}
.plusppbtn{border-top: 1px #cdcdcd solid; border-right: 1px #cdcdcd solid; border-bottom: 1px #cdcdcd solid; line-height:24px; padding:5px; border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; text-align:center; width:50%; float:left; box-sizing:border-box; display:inline-block; cursor:pointer;}
.pluspaymentimg{height:20px; margin-top:5px;}
.pfpaymentamount{margin-top:0px; font-weight:600; width:100%; text-align:center;}
.pfpaymentamountrec{margin-top:13px; font-weight:300; width:100%; text-align:center;}

.tab{background-color:#f1f1f1; opacity:0.5;}
.tabactive{background-color:white; opacity:1;}

.fv2payhead {   cursor: pointer;    padding: 15px 0px;    background-color: white;    display: block;    border-bottom: 1px #dbdbdb solid;}
.loginemailtxt{font-weight:500;}
input[type=text] {    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;}
button {    outline: none;}






@media screen and (max-width:749px) {
    .footercol {        width: 50%;        float: left;        margin-bottom: 20px;    }
    .footerclearformobile {        clear: both;        display: block;    }
    #footerholder {        height: 290px;    }
    .maincontentholder {        padding-bottom: 290px;    }
    .contentholder {    width: 94%;    margin-left: auto;    margin-right: auto;}
    .fv2leftcontent {    width: 100%;  margin-left:unset;}
    .fv2rightcontent {    width: 100%}
    .fv2footspacer{height:300px; width:100%;}
    .lightgraybutton {    margin-top: 0px !important;}
    .stepholder{width:310px; margin-left:calc(50% - 145px); margin-top:5px;}

    .maincontentholder {        width: 100%;        float: left;    }
    .leftcontentholder {        display:none;    }
    .texboxlarge {        display:normal;    }
    .newCardInstructions {       color:darkgrey;       font-size:11px;       display:none;    }
    .ordersummarycheckout {        border-radius: 5px;        -moz-border-radius: 5px;        -webkit-border-radius: 5px;        border: 1px #dbdbdb solid;        margin-top: 20px;    }
    .pointusefs {        font-size: 12px;    }
    .lightgraybutton{        margin-top:10px;    }
    .fv2accountbox {   padding:20px 10px 0px 10px;}
    .stepbtnactive   {width:60px; }
    .stepsep         {width:20px; }
    .funnelfooterholder{ margin-top:30px;}
    .ff3colholder{width:240px; margin-left:calc(50% - 120px); float:left; margin-bottom:30px;}
    .ff3middle{float:left;}
    .ff3txtholder{margin-top:0px;}
    .funnelfooterimg{height:35px; padding-top:2px;}
    .ffimg1{margin-right:5px;}
    .ffimg2{margin-right:5px;}
    .pluspurchaseinfo {  border-bottom: none; background-color: #F9F9F9; padding: 20px; box-shadow: none; margin-bottom: 15px; text-align: left; margin-top:0px; width:calc(100% + 6%); margin-left:-3%; }
    .plusprodhead { font-size: 20px; }
    .plusproddesc{font-size:13px; }

}

@media screen and (min-width:750px) and (max-width:1089px) {

    .contentholder {    width: 750px;    margin-left: auto;    margin-right: auto;}

    .maincontentholder {        width: 100%;        float: left;    }
    .newCardInstructions {       color:darkgrey;       font-size:11px;    }
    .texboxlarge {        display:normal;    }
    .leftcontentholder {        display:none;    }
    .customerboughtbox {        padding: 2%;    }
    .ordersummarycheckout {        border-radius: 5px;        -moz-border-radius: 5px;        -webkit-border-radius: 5px;        border: 1px #dbdbdb solid;        margin-top: 20px;    }
    .pointusefs {        font-size: 13px;    }
}

@media screen and (min-width: 1090px) and (max-width:1400px) {
    .maincontentholder {        width: 60%;        float: left;    }
    .newCardInstructions {       color:darkgrey;       font-size:smaller;    }
    .texboxlarge {        display:normal;    }
    .leftcontentholder {        width: 38%;        float: right;    }
    .customerboughtbox {        padding: 4%;    }
    .infotextholder {        width: 63%;        float: left;    }
    .infobuttonholder {        width: 35%;        float: right;    }
}





#faq {    max-width: 700px;    margin: auto;    padding: 0 15px;    text-align: left;}

section.faq {    padding-top: 2em;    padding-bottom: 3em;}

#faq ul {    text-align: left;}
.transition, p, ul li i:before, ul li i:after {    transition: all 0.3s;}
#faq .no-select, #faq h2 {    -webkit-tap-highlight-color: transparent;    -webkit-touch-callout: none;    user-select: none;}

#faq h1 {    color: #000;    margin-bottom: 30px;    margin-top: 0; font-size:14px;}

#faq h2 {
    color: black;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 37px;
    text-align: left;
    padding: 5px 15px;
    text-transform: none;
    font-weight: 300;
    display: block;
    margin: 0;
    cursor: pointer;
    transition: .2s;
}

#faq p {
    color: #333;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.45;
    position: relative;
    overflow: hidden;
    max-height: 250px;
    will-change: max-height;
    contain: layout;
    opacity: 1;
    transform: translate(0, 0);
    padding: 0 50px 0 15px;
    transition: .3s opacity, .6s max-height;
    hyphens: auto;
    z-index: 2;
}

#faq ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

    #faq ul li {
        position: relative;
        overflow: hidden;
        padding: 0;
        margin: 0;
        background: #F9F9F9;
        -webkit-tap-highlight-color: transparent;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

        #faq ul li + li {
            margin-top: 15px;
        }

        #faq ul li:last-of-type {
            padding-bottom: 0;
        }

        #faq ul li i {
            position: absolute;
            transform: translate(-6px, 0);
            margin-top: 19px;
            right: 15px;
        }

            #faq ul li i:before, ul li i:after {
                content: "";
                position: absolute;
                background-color: black;
                width: 3px;
                height: 9px;
            }

            #faq ul li i:before {
                transform: translate(-2px, 0) rotate(45deg);
            }

            #faq ul li i:after {
                transform: translate(2px, 0) rotate(-45deg);
            }

        #faq ul li input[type=checkbox] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
            touch-action: manipulation;
        }

            #faq ul li input[type=checkbox]:checked ~ h2 {
                color: #000;
            }

            #faq ul li input[type=checkbox]:checked ~ p {
                /*margin-top: 0;*/
                max-height: 0;
                transition: .3s;
                opacity: 0;
                /*transform: translate(0, 50%);*/
            }

            #faq ul li input[type=checkbox]:checked ~ i:before {
                transform: translate(2px, 0) rotate(45deg);
            }

            #faq ul li input[type=checkbox]:checked ~ i:after {
                transform: translate(-2px, 0) rotate(-45deg);
            }


body.dark-theme   { background-color:black; color:#cacaca; }

body.dark-theme .stepbtnactive   { border: 1px solid white;   color:white; }
body.dark-theme .stepbtnnobox     { border: 0px solid white; color:white; }
body.dark-theme .stepsep {    border-bottom: 1px solid white;}
body.dark-theme .plusprodhead{color:white;}
body.dark-theme .stepdot {   background-color: white; }
body.dark-theme .pluspurchaseinfo{  background-color:unset; }
body.dark-theme #faq ul li { background: #202020; color:#cacaca;}
body.dark-theme #faq ul li input[type="checkbox"]:checked ~ h2 {  color: white;}
body.dark-theme #faq h2 {  color: white;}
body.dark-theme #faq ul li i::before, ul li i::after {background-color: #cacaca;}
body.dark-theme #faq p { color: #cacaca; }
body.dark-theme .headercontentholder, body.dark-theme .mobilesearchholder {  background-color: unset;}
body.dark-theme .orpaytxt{background-color:black;}
