body{
    background: url(./background.png) repeat;
    font-family: 'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.open-sans {
    font-family:'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
.arvo {
    font-family: 'Arvo', Georgia, 'Palatino Linotype', Serif;
}

.list-inline-item span{
    color: white !important;
}

a, a:hover{
    color: #ee2428;
    text-decoration: none;
}

.vl {
    border-left: 6px solid #ee2428;
    height: 75px;
    padding-left: 16px;
}

.vl-2 {
    border-left: 6px solid #ee2428;
    height: 60px;
    padding-left: 16px;
}

.header-bg{
    background: linear-gradient(#B00B07, #580607);
}

.header-logo{
    max-width: 800px;
    height: auto;
}

.red-hr{
    border-bottom: 4px solid #ee2428;
    width: 85%;
}

.grey-hr{
    border-bottom: 1px solid #999;
    width: 100%;
}

.bg-black{
    background-color: #101010 !important;
}

.red{
    color: #ee2428;
}

.font-red{
    font-size: 3em;
    color: #ee2428;
    font-weight: bold;
    font-family: 'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.text-red{
    font-size: 2em;
    font-weight: bold;
    color: #ee2428;
    font-family:'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.why{
    font-size: 1.5em;
    color: #ffffff;
    font-weight: bold;
    font-family:'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.center-align{
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-bar-bg{
    background-image: url(./navbar-bg.png);
    outline: none;
    border-bottom: 4px solid #ee2428;
}

.nav-link{
    color: white !important;
    outline: none !important;
    text-decoration: none !important;
    padding: 15px 45px !important;
}

.nav-item:hover{
    background: #333;
    outline: none;
}

.get-started{
    color: white;
    padding: 0.2em .5em;
    font-size: 1.8em;
    font-weight: bold;
    background: linear-gradient(#E82829, #E82829);
    border: 2px solid #E82829;
    outline: none;
}

.product-img{
    max-width: 150px;
    height: auto;
}

.product-img-large{
    max-width: 225px;
    height: auto;
}

.product-button{
    max-width: 650px;
    height: auto;
}

.product-img-faq{
    max-width: 200px;
    height: auto;
}

.product-button-faq{
    max-width: 400px;
    height: auto;
}

.sub-headings, .comments-heading{
    font-size: 2.2em;
    font-weight: bold;
    font-family:'Open Sans', Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.stages-img{
    max-width: 1000px;
    height: auto;
}

.before-after{
    max-width: 800px;
    height: auto;
}

/*Comments*/

.comment-body {
    position: relative;
    margin-bottom: 15px;
    border-bottom: 1px solid #dae1e8;
    padding-bottom: 25px;
}

.comment-body .avatar {
    float: left;
    margin-right: 10px;
}

.comment-body .name {
    font-weight: bold;
    font-size: 12px;
}

.comment-body .date {
    position: absolute;
    left: 58px;
}

.comment-body .like {
    position: absolute;
    right: 0;
    bottom: 15px;
    font-weight: bold;
}

.comment-body .text img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

/*Bottom Banner*/

.fixed-banner {
    bottom: 0;
    position: fixed !important;
    width: 100%;
    z-index: 9999;
    left: 0;
}

.product-bottom {
    max-height: 197px;
}

.close-coup {
    top: -.5em;
    width: 1.3em;
    position: absolute;
    right: 2em;
    height: 1.3em;
    background: #ee2428;
    color: #fff0ed;
    border-radius: 50%;
    line-height: 1em;
    font-size: 2em;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
}

.bottom-coup a {
    display: inline-block;
}

.bottom-coup .product-image {
    position: absolute;
    max-width: 30%;
    height: auto;
    left: 12%;
    max-height: 80%;
    bottom: 0;
}

.bottom-coup {
    position: relative;
}

.bottom-banner {
    position: relative !important;
}

.bottom-coup.sticky {
    position: sticky;
    bottom: 0;
}

.close-coup {
    display: none;
}

.bottom-coup.center.sticky .close-coup {
    display: block;
}

.bottom-coup.center.sticky.relative .close-coup {
    display: none;
}

.button-large{
    background: linear-gradient(#ee2428, #6F0E0C);
    color: #ffffff !important;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 1.6em;
    font-weight: bold;
}

/*form*/

.form-control {
    box-shadow: none;
    background-color: #bdbdbd !important;
}

.form-control:focus {
    color: #495057;
    background-color: #bdbdbd;
    border: 2px solid #ee2428 !important;
    outline: 0;
    box-shadow: none;
}

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

    .why{
        font-size: 1em;
    }

    .text-red{
        font-size: 1em;
    }

    .font-red{
        font-size: 2em !important;
    }

    .nav-link{
        font-size: .8rem !important;
    }

    .list-inline-item a{
        font-size: .8rem !important;
    }

}

@media only screen and (max-width: 432px) {
    .button-large{
        padding: 15px 15px !important;
        font-size: .9em !important;
    }
}

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

    .button-large{
        padding: 15px 30px;
        font-size: 1.2em;
    }

    .why{
        font-size: 1.2em;
    }

    .text-red{
        font-size: 1.4em;
    }

    .font-red{
        font-size: 2.4em;
    }

    .p-0-mobile{
        padding: 0 !important;
    }

    .product-img-large{
        max-width: 150px !important;
    }

    .sub-headings{
        font-size: 2em;
    }

    .comments-heading{
        font-size: 2.2em;
    }
}

@media only screen and (min-width: 580px) {

    .get-started{
        display: block;
    }
}

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

    .vl, .vl-2 {
        height: auto !important;
    }

    .navbar-nav{
        flex-direction: row !important;
    }

    .nav-link{
        padding: 10px 10px !important;
    }

    .close-coup{
        top: -.8em;
        width: 1em;
        right: 0;
        height: 1em;
        line-height: .8em;
        font-size: 2em;
    }

    .bottom-coup .product-image {
        left: 5%;
        top: 15%;
    }

    body.c2 .bottom-coup .product-image {
        left: 2%;
        top: 10%;
    }

    body.c4 .bottom-coup .product-image {
        left: 5%;
        top: 10%;
    }
}


@media only screen and (min-width: 768px) {
    .bottom-coup {
        padding: 0 5em;
    }

    .bottom-coup .product-image {
        left: 11.5%;
        bottom: 5%;
    }

    body.c2 .bottom-coup .product-image {
        left: 10%;
        top: 12%;
    }

    body.c4 .bottom-coup .product-image {
        left: 11.5%;
        top: 12%;
    }
}

@media only screen and (min-width: 991px) {

    .text-red{
        padding-left: 1.15em;
    }
}

@media only screen and (min-width: 1300px) {

    .bottom-coup .product-image, body.c2 .bottom-coup .product-image, body.c4 .bottom-coup .product-image {
        left: 20vw;
    }
}

@media only screen and (min-width: 1800px) {

    .bottom-coup .product-image, body.c2 .bottom-coup .product-image, body.c4 .bottom-coup .product-image {
        left: 26vw;
    }
}

@media only screen and (min-width: 2400px) {

    .bottom-coup .product-image body.c2 .bottom-coup .product-image, body.c4 .bottom-coup .product-image {
        left: 32vw !important;
    }
}


/*Memorial Day Sticky*/

body.stickym .sticky-message, body.stickyk .sticky-message{
    /*border-bottom: 2px solid rgb(178,0,0) !important;*/
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) repeat, url(../images/sticky/sticky-bg-memorial-day.png) center center;
    background-size: contain;
    width: 100%;
    height: auto;
    z-index: 999999999;
    text-align: center;
    padding: 10px 5px !important;
    line-height: 1;
    justify-content: center;
    display: flex;
    align-items: center;
    position: relative;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.8);
}


body.stickym #sticky-timer, body.stickyk #sticky-timer{
    color: #FF0000 !important;
    background: black !important;
    padding: 5px 10px 5px 8px !important;
}

@media only screen and (max-width: 420px) {
    body.stickym #sticky-timer, body.stickyk #sticky-timer{
        display: block !important;
        margin-top: 5px;
    }

    body.stickym .sticky-message a, body.stickyk .sticky-message a{
        font-size: 1em !important;
    }
}

/*Canada Day Sticky*/

body.stickyj .sticky-message{
    width: 100%;
    z-index: 999999999;
    text-align: center;
    background-color: #FF0000 !important;
    padding: 10px 5px;
    line-height: 1;
    border-bottom: 1px solid #000000 !important;
}

body.stickyj #sticky-timer {
    color: #000000 !important;
}

@media only screen and (max-width: 420px) {
    body.stickyj .sticky-message a{
        font-size: 1em !important;
    }
}

/*Skins*/

body.skin2 .header-bg {
    background: linear-gradient(#000090, #000090);
}

body.skin2 .bg-black {
    background-color: #000090 !important;
}

body.skin2 .nav-bar-bg {
    border-bottom: 4px solid #FFFF00;
}

body.skin2 .text-red {
    color: #FFFF00;
}

body.skin2 .close-coup {
    background: #FFFF00;
    color: #000000;
}

body.skin2 a, body.skin2 a:hover {
    color: #FFFF00;
}

body.skin2 .vl-2, body.skin2 .vl{
    border-left: 6px solid #FFFF00;
}

body.skin2 .red-hr {
    border-bottom: 4px solid #FFFF00;
}

body.skin2 .font-red {
    color: #FFFF00;
}

body.skin2 .red {
    color: #FFFF00;
}

body.skin2 .get-started {
    color: #000000;
    background: linear-gradient(#FFFF00, #FFFF00);
    border: 2px solid #FFFF00;
}

body.skin2 .button-large{
    background: #FFFF00;
    color: #000000 !important;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 1.6em;
    font-weight: bold;
}