* {
    box-sizing: border-box;
}


.jsfirmplus {
    font-weight: bold !important;
    margin-bottom: 15px;
    font-size: 55px !important;
    vertical-align: bottom;
    line-height: 35px;
    font-style: italic !important;
    font-family: 'Droid Serif';
}


.form-control {
    height: 38px !important;
    font-size: 17px !important;
    padding-left: 10px !important;
}

.main ul li a {
  display:inline !important;
  padding:10px !important;
}

.standard {
    font-size: 14px !important;
    text-align:center;
}

.standard ul {
    list-style-type: square;
    padding: 0px !important;
    text-align:center !important;
    margin: 0 auto;
    width: 270px;
}

.standard li {
    list-style-type: circle;

    padding: 0px !important;
    text-align: left !important;
    list-style-position: inside;

}

#uldesc ul {
    padding-left:40px !important;
}

#uldesc li {
    list-style-position: outside !important;
    width:90%;
}

.input-lg {
    padding: 0px !important;
}

/* Create three columns of equal width */
.columns {
    margin-top: 25px;
    float: left;
    width: 20%;
    padding: 0px;
    height: 385px;
    background-color: #f9f9f9;
    border-right: 1px solid #ede8e8;
    text-align: center;
    position: relative;
}

/* Create three columns of equal width */
.columns4 {
    margin-top: 25px;
    float: left;
    width: 25%;
    padding: 0px;
    height: 415px;
    background-color: #f9f9f9;
    border-right: 1px solid #ede8e8;
    text-align: center;
    position: relative;
}

/* Create three columns of equal width */
.columns4empty {
    margin-top: 25px;
    float: left;
    width: 25%;
    padding: 0px;
    height: 415px;
    text-align: center;
    position: relative;
    padding-top:50px;
}

/* Add shadows on hover */
    .columns:hover {
        box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2)
    }

/* Add shadows on hover */
.columns4:hover {
    box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2)
}

.columnsmp {
    float: left;
    width: 20%;
    padding: 0px;
    height: 475px;
    background-color: #f9f9f9;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
    text-align:center;
    position:relative;

}

.columnscenter {
    position: absolute;
    left: 37.5%;
}

.columnsmp4 {
    float: left;
    width: 25%;
    padding: 0px;
    height: 455px;
    background-color: #f9f9f9;
    border-right: 1px solid #ede8e8;
    text-align: center;
    position: relative;
    box-shadow: 3px 8px 12px 3px rgba(0,0,0,0.2)
}

/* Add shadows on hover */
.columnsmp:hover {
    box-shadow: 3px 8px 12px 3px rgba(0,0,0,0.2)
}

/* Add shadows on hover */
.columnsmp4:hover {
    box-shadow: 3px 8px 12px 3px rgba(0,0,0,0.2)
}

/* Style the list */
.price {
    list-style-type: none;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

    

.outline {
    color: #0097e1 !important;
    background-color: #fff !important;
    border-color: #0097e1 !important;
}

    .outline:hover {
        color: #fff !important;
        background-color: #0097e1 !important;
        border-color: #0097e1 !important;
    }

/* Pricing header */
.price .header {
    background-color: #eee;
    font-size: 2.125rem;
    color: #434b58;
    font-family: Lato,Arial,sans-serif;
    font-weight: 600;
    margin-bottom: 0px !important;
    border: 0px !important;
    padding-bottom:5px;
}

.price .dollar {
    font-size: 1.25rem;
    position: relative;
    vertical-align: super;
}



.price .term {
    font-size: 1.375rem;
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
    transform: translateX(-3px);
    margin-bottom: 5px;
    text-align: left;
    line-height: 1;
    display: inline;
    font-weight:bold;
}

.price .money {
    font-size: 3.375rem;
    align-items: center;
    line-height: 1;
    font-weight: 400;
}

/* List items */
.price li {
    background-color: #f9f9f9;
    padding: 15px 15px 15px 15px;
    text-align: center;
}

/* Grey list item */
.price .grey {
    background-color: #f9f9f9;
    font-size: 19px;
}





/* Style the list */
.pricemp {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}



/* Add shadows on hover */
.pricemp {

}

    .pricemp .featured {
        background-color: coral;
        color: white;
        font-size: 25px;
        font-weight: bold;
        font-weight: 700;
    }

    .pricemp .featuredplus {
        background-color: coral;
        color: white;
        font-size: 25px;
        font-weight: bold;
        font-weight: 700;
        background-image: url(/Assets/SiteImages/JSfirmPlus02.png);
        background-repeat: no-repeat;
        background-position: center;
        min-height: 90px;
    }

    .pricemp .dollar {
        font-size: 1.25rem;
        position: relative;
        vertical-align: super;
    }

    .pricemp .term {
        font-size: 1.275rem;
        
    }

    .pricemp .money {
        font-size: 3.375rem;
        align-items: center;
        line-height: 1;
        font-weight: 400;
    }

    /* Pricing header */
    .pricemp .header {
        background-color: #eee;
        font-size: 2.125rem;
        color: #434b58;
        font-family: Lato,Arial,sans-serif;
        font-weight: 600;
        margin-bottom: 0px !important;
        border: 0px !important;
        padding-bottom:5px;
    }

    /* List items */
    .pricemp li {
        background-color: #f9f9f9;
        padding: 15px;
        text-align: center;
    }

    /* Grey list item */
    .pricemp .grey {
        background-color: #f9f9f9;
        font-size: 19px;
    }

    /* Grey list item */
    .pricemp .orange {
        background-color: coral;
        font-weight: bold;
        color: #FFF;
        font-size: 19px;
    }




.btn-orange{
    background-color: coral;
}

    .btn-orange:hover {
        background-color: #FF7F59;
    }



/* The "Sign Up" button */
.button {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

.cc_width {
    margin: 0 auto;
    width:475px;
}

@media(max-width: 480px) {
    .cc_width {
        margin: 0 auto;
        width: 350px;
    }
}

    /* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 1600px) {
    .standard {
        font-size: 13px !important;
    }

    #uldesc ul {
        padding-left: 35px !important;
    }

    #uldesc li {
        list-style-position: outside !important;
        width: 70%;
    }

    .price .header {
        font-size: 1.725rem;
    }

    .pricemp .header {
        font-size: 1.725rem;
    }


}

/* Change the width of the three columns to 100%
(to stack horizontally on small screens) */
@media only screen and (max-width: 1250px) {
    .standard {
        font-size: 11px !important;
    }

    #uldesc ul {
        padding-left: 35px !important;
    }

    #uldesc li {
        list-style-position: outside !important;
        width: 70%;
    }

    .price .header {
        font-size:1.525rem;
    }

    .pricemp .header {
        font-size: 1.525rem;
    }
}

 @media only screen and (max-width: 1000px) {
    .standard {
        font-size: 15px !important;
    }



    #uldesc {
        padding:0px;
    }

        #uldesc li {
            list-style-position: outside !important;
            width: 100%;
        }

    /* Create three columns of equal width */
    .columns4 {
        margin-top: 25px;
        width: 100%;
        padding: 0px;
        height: 385px;
        background-color: #f9f9f9;
        border-right: 1px solid #ede8e8;
        text-align: center;
        position: relative;
    }

    .columnsmp4 {
        width: 100%;
        padding: 0px;
        margin-bottom:55px;
        height: 485px;
        background-color: #f9f9f9;
        box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
        text-align: center;
        position: relative;
    }


    .columns {
        width: 100%;
        margin-top: 0px;
        height: 405px;
    }

        .columnsmp {
            width: 100%;
         
            height:485px;
        }


    }