.msg-wrapper {
    max-width: 960px;
    margin: auto;
    padding: 0 20px;
font-family: 'Brandon Regular' !important;
}
h1{
font-family: "Brandon Black" !important;
font-size:60px;
text-align:center;
line-height:1.2;
}

h1 span{
font-size:40px;
font-family: Georgia;
font-style:italic;
display:block;
}
.per-line{
color:#0731A1 !important;
font-size:30px  !important;
display:inline!important;
}

.msg-wrapper .usc-line-selector-tool__line-selector__title{
font-family: Brandon Bold;
font-size: 25px;
}

.basic-val,
.evDay-val,
.evBet-val {
    display: inline;
font-size:75px;
}

.wyg {
    margin-bottom: 50px;
}

.plan-col {
    width: 33.33%;
    padding-top: 45px;
}

strong {
    color: black;
}

.plan-circ {
    margin: auto;
    padding-top: 28px;
    text-align: center;
    font-family: "Brandon Bold";
    letter-spacing: 0;
    color: #0731A1;
    opacity: 1;
}

.plan-grid {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    width: 74%;
    opacity: 1;
}

.plan-label {
    text-align: center;
    font-size:40px;
font-family: "Brandon Black";
    letter-spacing: 0.45px;
    color: #0731A1;
    padding-top: 20px;
    opacity: 1;
text-transform:uppercase;
}

p.plan-desc {
    text-align: center;
    font-size: 14px;
    letter-spacing: 0;
    color: #000000;
    opacity: 1;
    margin-bottom: 10px;
    height: 80px;
    line-height: 25px;
font-family:Georgia;
font-style:italic;
margin-top:20px;
}

p.per-line {
    text-align: center;
    margin-top: -10px;
    font-size: 18px;
    letter-spacing: 0;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: -10px;
    opacity: 1;
    font-weight: 400;
}

.subline {
    text-align: left;
    font-weight: 300;
    letter-spacing: 0;
    font-family: 'Brandon Regular', sans-serif;
    font-size: 30px;
    color: #000000;
    opacity: 1;
}

.plan-grid sup {
    text-align: center;
    color: #0731A1;
    font-size: 75px;
    top: 0px;
    margin-right: -.25rem;
}

.everyday,
.even-better {
    border-left: 1px solid #d3d3d3;
}



.li-gray {
    background-color: #F1F2F2;
}

.list-feature {
    margin: 0 -20px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    font-family: 'Brandon Regular', sans-serif;
    font-weight: 300;
    padding: 10px 5px;
    line-height: 25px;
}

.table-labels {
    text-align: right;
    font: Bold 22px/24px Brandon;
    letter-spacing: 0;
    margin-top: 237px;
    color: #000000;
    margin-right: 20px;
    opacity: 1;
}

.tbl-lbl {
    font-family: 'Brandon Regular', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 44px;
}

.usc-line-selector-tool__bg-line {
    border: 1px solid !important;
}

.carousel-item {
    width: 300px !important;
}

.carousel-item .plan-col {
    display: inline-block;
    width: 60%;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
}

.carousel-item.first {
    margin-left: -39.5%;
    transform: scale(.8);
    transition: all 1s;
}

.carousel-item .plan-col.middle {
    width: 60%;
}

.carousel-item.third {
    margin-right: -25%;
}

.carousel .plan-col.even-better {
    margin-right: -75%;
}

.minMobileCard {
    transform: scale(.8);
    transition: all 1s;
}

.minMobileCardLeft {
    margin-left: 20.5%;
    transform: scale(.8);
    transition: all 1s;
}

.minMobileCardRightFocusLeft {
    transform: translate(-100%) scale(.8);
}

.minMobileCardRightFocusMiddle {
    transform: translate(-100%) scale(.8);
}

.rightCardClicked {
    transform: translate(-100%);
}

.carousel-item .plan-col.even-better,
.carousel-item .plan-col.everyday {
    border-left: 0px;
}

.mobileCardLeftFocus {
    transform: translate(106%);
    transition: all 1s;
}

.mobileCardMiddleSmall {
    transform: translate(106%) scale(.8);
    transition: all 1s;
}

.minMobileCardMiddle {
    width: 100%;
    transform: scale(.8);
    transition: all 1s;
}

.controls {
    text-align: center;
    font-size: 55px;
    padding-bottom: 20px;
    color: #EE3040;
}

.control-button {
    opacity: .5;
}

a.control-button.active {
    opacity: 1 !important
}

a.control-button:focus {
    color: #0070F0;
    outline: none !important;
}

/*Code Shane Added 4/19 */

#getStarted{
    background-color:#0731A1;
        border-radius:25px;
        border:none;
    }
    #getStarted:hover{
    background-color:#322FFD !important;
        transform:scale(0.92);
	
    }
	
    #getStarted:hover span {
	color: white !important;
}

    #getStarted .usc-button__text{
    font-size:18px;
    font-family:"Brandon Bold";
    text-transform:uppercase;
    }

    .additional{
        margin: auto;
        max-width: 1000px;
        width: 100%;
        display: block;
    }
    
    .additional h3{
        font-family:Georgia;
        font-weight:bold;
        font-style:italic;
    }

    .additional div.row{
        display:flex;
        
    }
    
    .additional div.col{
        width:50%;
        display: flex;
        flex-wrap: wrap;
        height: 280px;
        align-items: center;
    }

    .additional div.col h4{
        font-family:"Brandon Bold";
        font-size:25px;
        text-transform: uppercase;
        padding: 0% 40% 0% 0%;
        color:#0731A1;
        margin-bottom:0px;
        line-height:1.2;
    }

    .additional div.col p{
        font-family:Georgia;
        font-size:18px;
        width:80%;
        line-height: 1.2;
    }

    .additional p.p-legal{
        margin: auto;
        max-width: 1000px;
        width: 100%;
        display: block;
        font-size:14px;
        font-family:'Brandon Regular';
        text-align:center;
        line-height: 1.2;
        margin-bottom: 50px !important;
    }

    .plan-grid th .plan-desc {
        width: 75%;
        text-align:left;
        margin: 20px auto 10px auto;
    }

    .plan-grid th{
        width:50%;
    }

    .plan-circ ul li{
        width:50%;
        text-align:left;
        font-family:Georgia;
        font-size:18px;
        float:left;
        color:#000;
    }

    .plan-circ ul{margin-top:0rem !important;}

    .plan-circ ul li:before{
        content: '✓';
        color:#0731A1;
        font-weight:bold;
    }

    th.blue .plan-circ ul li:before{
        color:#fff;
    }

    .plan-grid th.basic{
        background-color: #1B2A55;
        display: flex;
        width: 100%;
    }

    .plan-grid th.basic .plan-circ ul li{
        width:100%;
    }

    .plan-grid th.basic *{
        color:#fff;
    }

    .plan-circ.basic-circ{
        display:flex;
        align-items:center;
    }

    .plan-circ.basic-circ p.per-line{
        color:#fff !important;
    } 
    .plan-circ.basic-circ ul li:before{
        color:#fff;
    }
    .plan-circ.basic-circ ul, .plan-circ.basic-circ #getStarted{
        width:29%;
    }
    .plan-circ.basic-circ #getStarted{
        height: 50px;
        background-color: #fff;
    }

    .plan-circ.basic-circ #getStarted .usc-button__text{
        color:#0731A1;
    }
    .usc-line-selector-tool__radio-input a:focus label span{color:#fff;}

    .basic .plan-label{
        text-align:left !important;
        width: 75%;
        margin: 0px auto 0px auto;
    }
    .basic .plan-desc{
        margin:20px auto 0px auto;
    }

    
    .plan-circ.basic-circ sup, .plan-circ.basic-circ .basic-val{
        font-size:50px;
    }

    table.plan-table tbody, table.plan-table.basic-table tbody{
        margin: auto;
        max-width: 1000px;
        width: 100%;
        display: flex;
    }
    @media (max-width:1024px){
        .additional div.row{
            padding:80px 25px;
           

        }

   
    }

    @media (max-width:767px){
        h1{
            font-size:40px;
        }
        h1 span{
            font-size:32px;
        }
        .additional div.col h4{
            padding:0%;
        }
        .plan-grid th.basic{
            padding: 30px 15px !important;
            height:350px;
        }
        .plan-grid th.basic .plan-label{
            width:100%;
            margin:0px;
        }
        .plan-grid th.basic .plan-desc{
            width:100%;
            margin: 20px auto 20px auto;
        }
        .plan-circ.basic-circ{position:relative;margin-bottom:50px;justify-content:center;flex-direction: column;}
        .plan-basic-price {width: 100% !important; margin-bottom: 30px;}
        .plan-circ.basic-circ ul{
            width:40%;
        }
        .plan-circ.basic-circ #getStarted{
            position:absolute;
            left:20%;
            width:60%;
            top:150px;
	    margin-left: 0px !important;
        }
        .plan-grid th.basic{
            display:block;
            padding: 30px 15px !important
        }
        .plan-grid th .plan-desc{
            font-size:18px !important;
        }
        .additional div.row{display:block;}
        .additional p.p-legal{
            padding:0px 25px;
        }
        .additional div.col{
            width:100%;
            margin-top: 40px;
        }
        .additional div.col h4,.additional div.col p{
            width:100%;
        }
        .additional h3.additionalperks{
            padding:0px 20px;
        }
        .plan-grid th{
            width:100%;
            padding:50px 25px !important;
        }
        .plan-grid tr{
            display: flex;
            flex-wrap: wrap;
        }
        .plan-circ ul li{
            padding-left:25px;
        }
    }

    /* End of Shane Code 4/19 */

@media only screen and (min-width: 1160px) {
    p.plan-desc {
        height: 55px;
font-size:18px;
    }

    .wyg {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1090px) {
    .mex-can {
        height: 72px;
    }

    .x1 {
        padding-top: 13%;
    }

    .redbox {
        height: 70px;
    }

    .x {
        padding-top: 13%;
    }

    .redbox-label {
        margin-top: 15px;
        height: 20px;
    }

    .payback-label,
    .mex-can-label {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 1010px) {
    .redbox {
        height: 72px;
    }

    .redbox-label {
        margin-top: 15px;
        height: 20px;
    }
}

@media only screen and (max-width: 1000px) {
    .x2 {
        padding-top: 13%;
    }

    .payback {
        height: 72px;
    }

    .list-feature {
        line-height: 25px;
    }

    .payback-label {
        margin-top: 25px;
        margin-bottom: 17px;
    }
}

@media only screen and (min-width: 890px) {
    .plan-circ sup.dollar {
        margin-left: -.5rem;
    }

    /* tablets and desktop */
    .mobileTable {
        display: none !important;
    }

    table.plan-table {
        display: block !important;
    }
}

@media only screen and (max-width: 890px) {

    p.plan-desc {
        height: auto;
    }

    .plan-label {
        padding-top: 0px;
    }

    .mobileTable {
        display: block !important;
    }

    .plan-col {
        display: inline-block;
        padding-top: 20px;
    }



    sup {
        top: -20px;
    }
}

@media only screen and (max-width: 767px) {

    /* phones */
    .mex-can {
        height: auto;
    }

    .payback {
        height: auto;
    }

    div.list-feature.redbox.li-gray {
        height: auto;
    }

    .msg {
        font-size: 51px !important;
        line-height: 51px !important;
    }

    .top-line {
        font-size: 15px !important;
        line-height: 21px !important;
    }

    .subline {
        font-size: 18px;
        padding-top: 20px;
    }

    .msg-wrapper {
        margin-top: 25px;
    }

    .list-feature {
        font-size: 13px;
        line-height: 22px;
        padding: 5px;
    }

    .plan-desc {
        font-size: 13px !important;
        line-height: 20px !important;
    }
}

@media only screen and (max-width: 450px) and (orientation: portrait) {

    .list-feature {
        font-size: 13px;
        line-height: 22px;
    }

    .plan-desc {
        font-size: 13px !important;
        line-height: 22px !important;
    }
}

.plan-grid th {
    padding: 1rem;
}
.plan-grid th.blue{
background-color:#0731A1;
}

.plan-grid th.blue *{
color:#fff;
}

.plan-grid th.blue .per-line{
color:#fff !important;
}

p.num-line{
font-size:30px;
font-family:'Brandon Regular';
line-height:1.2;
}

.plan-grid td {
    width: 25%;
    border: 0;
    text-align: center;
    border-left: 1px solid #d3d3d3;
    padding-bottom: 1rem !important;
}

.plan-grid tr:nth-of-type(even) {
    background: #F1F2F2;
}

th[scope="row"] {
    text-align: left;
}

.plan-grid tr {
    width: 100%;
}

.wyg {
    margin-bottom: 0px;
    font: Bold 22px/24px Brandon;
}

.tbl-lbl,
.plan-desc {
    line-height: 1;
}

table.plan-table {
    width: 100%;
    margin-bottom: 8rem !important;
}

p.plan-desc {
    line-height: 1.2 !important;
}

.list-feature {
    margin: 0;
    line-height: 1.2 !important;
}
.usc-line-selector-tool__radio-input a:focus {outline: none;}
.usc-line-selector-tool__radio-input a:focus label {color: white; background-color: #0070F0;}