body{
    background: url("") 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;
    display: flex;
    align-items: center;
}

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

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

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

.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("");
    outline: none;
    border-bottom: 4px solid #ee2428;
    background-color: black;
}

.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: 300px;
    height: auto;
    width: 100%;
}

.product-img-large{
    max-width: 300px;
    height: auto;
    width: 100%;
}

.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: 35px;
}

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

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

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

.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) {
    .p-4,
    .col-md-9, .col-md-12, .col-md-3, .sub-headings {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    div ul {
        padding-left: 20px;
    }
    .button-large{
        padding: 15px 30px;
        font-size: 1.2em;
    }

    .why{
        font-size: 1.1em;
    }

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

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

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

    .product-img-large{
        max-width: 90% !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("") 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;
}
.countbox {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}
.countbox span {
    display: inline-block;
    background: #ce5763;
    padding: 8px 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.block-flex {
    display: flex;
}
figure {
    margin: 20px auto 20px;
    max-width: 700px;
    text-align: center;
}

figure img {
    margin-bottom: 8px;
    max-width: 100%;
}

figcaption {
    font-style: italic;
}
.price-block {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.price-block b {
    padding-left: 8px;
    color: red;
}
.form-block {
    max-width: 650px;
    margin: 0 auto 20px;
    background: url(../img/formbg.jpg);
    background-size: 100% 100%;
    padding: 20px 10px;
    color: #000000;
}
.order_form {
    max-width: 350px;
    margin: 0 auto;
    width: 90%;
}

.inp {
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    margin-bottom: 10px;
    border: 1px #bbb solid;
    padding: 0 10px;
    height: 46px;
    font-size: 18px;
    box-sizing: border-box;
}

.btn {
    width: 100%;
    color: #fff;
   padding: 10px;
    cursor: pointer;
    background: #0299ff;
    border: 0;
    font-weight: 700;
    font-size: 24px;
}
.center{
    text-align: center;
}
.red-txt {
    color: red;
}
.comm-txt {
    width: 100%;
    margin-left: 10px;
    position: relative;
    margin-top: -3px;
}

.comm-txt img {
    display: block;
    margin: 6px 0 0;
    width:100%;
    max-width: 350px;
    margin-bottom: 5px;
}



.add-comm {
    height: 100%;
    overflow: hidden;
}

.textbox {
    width: 100%;
    font-size: 16px;
    padding: 4px 5px;
    border: 1px #bbb solid;
    margin-bottom: 10px;
    box-sizing: border-box;
}


.sendcomment {
    cursor: pointer;
    display: inline-block;
    background: #0299ff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.add-comm .comm-txt {
    margin-top: 0;
}

#first-comment {
    display: none;
}

.bot-btn {
    display: inline-block;
    color: #fff!important;
    font-weight: 600;
    padding: 10px;
    text-decoration: none;
    background: red;
}
.comm-block p {
    margin: 0 0 2px;
}

.add-links {
    font-size: 13px;
    color: gray;
}

img.ava-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-bottom: 0;
}
.comm-block {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    
    display: flex;
    align-items: flex-start;
    font-size: 16px;
}
.reply {
    padding-left: 30px;
}
@media screen and (max-width: 540px) {
    .hide-mob {
        display: none;
    }
    .header-bg {
        margin-bottom: 20px;
    }
    .mob-form {
        padding: 0;
    }
    .comment-body .date {
        position: initial;
        margin-top: 10px;
        margin-left: 60px;
    }
    .comment-body .like {
        bottom: 10px;
    }
    .comment-body {
        padding-bottom: 10px;
    }
    .list-inline {
        flex-wrap: wrap;
    }
    .list-inline-item span {
        display: none;
    }
    .comment-body .name,
    .comment-body .text {
        margin-left: 60px;
    }
}