body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /* background-color: #e7e7e7;*/
}

html {
    color: #000;
    background: transparent;
}

.header {
    max-width: 800px;
    margin: auto;
    padding: 20px 0 0 0;
}

    .header a {
        color: #428EDA;
    }

    .header h2 a {
        color: #3F82D9;
        font-weight: 600;
        margin: 0 0 0 20px;
        padding: 0;
    }

.banner {
    min-height: 250px;
    position: relative;
    color: #FFF;
}

    .banner img.banner-img {
        margin: 0px 0 40px 20%;
        /*
    
    background-image: url("../../i/og-lp/banner-logo.png");
    background-repeat: no-repeat;
    background-position-x: 25%;
    background-position-y: 40px;
        */
    }

.banner-content, .banner-content-si {
    margin-top: -350px;
    /* margin: auto; */
    /* position: absolute; */
    width: 100%;
}

.banner p {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-size: 30px;
}

.thumbnail {
    position: relative;
}

.border-blue {border: 1px solid #295175;}
.banner h2 {
    color: #fff;
    margin-top: 30px;
}

.banner h1 {
    color: #fff;
    margin-top: 50px;
    font-weight: 600;
}

.banner span {
    color: #fff
}

    .banner span a {
        color: #fff;
    }

.banner-call-to-action {
    max-width: 750px;
    margin: auto;
    padding: 40px 0 40px 0;
}

.banner-text {
    padding: 0 40px 0 40px;
}

.banner-money-back {
    margin-top: -30px;
}

.testimonials {
    position: relative;
}

.testimonials-text {
    max-width: 700px;
    margin: auto;
    padding: 40px;
}

    .testimonials-text p span {
        color: #666666;
        margin: 0 0 0 15px;
    }

    .testimonials-text p {
        color: #666666;
    }

        .testimonials-text p span a {
            color: #666666;
            margin: 0 20px 0 20px;
            float: right;
        }

.testimonials .img-quote {
    margin: 0 40px 0 0
}

.testimonials-text p em span {
    margin: 0 0 0 70px;
}

.about {
    max-width: 700px;
    margin: auto;
    padding: 40px;
}

    .about p.h3 {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

.img-margin-left {
    margin-left: 20px;
}

.img-margin-left2 {
    margin-left: 30px;
}

.separator {
    margin: 0 0 40px 0;
    height: 1px;
}

.feature-row {
    margin: 40px 20px 40px 20px;
}

.features, .how-to {
    max-width: 1200px;
    margin: auto;
}


.how-to-row {
    margin: 0 20px 40px 20px;
}

.list-group-item {
    display: list-item;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.clr {
    clear: both;
}

.trust-software {
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
}

    .trust-software h2 {
        padding: 40px 0 40px 0;
    }

.row-trust-software {
    max-width: 700px;
    margin: auto;
    text-align: center;
}

.customers {
    padding: 40px;
}

.fb-like {
    margin-left: 20px;
}

.hidden-desktop {
    display: none;
}


@media (max-width: 768px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }

    .banner-content {
        margin-top: -250px;
    }

    .si {
        margin-top: -300px;
    }

    .banner img.banner-img {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .row.vertical-align {
        display: block; /* Turn off the flexible box layout */
    }

    .hidden-desktop {
        display: grid;
    }

    .hidden-mobile {
        display: none;
    }

    .fb-like {
        float: right;
        margin-top: 0px;
    }

    .banner-content {
        margin-top: -150px;
    }

    .si {
        margin-top: -300px;
    }

    .banner img.banner-img {
        margin: 0;
    }
}

@media (max-width: 1000px) {
    .banner-money-back {
        margin: initial;
    }
}

.row div {
    padding-bottom: 10px;
}

.call-to-action, .call-to-action a {
    color: #fff;
}

    .call-to-action a {
    }

.help {
    padding: 40px 0 0 0;
}

.footer div.inner {
    padding: 20px;
    max-width: 900px;
    margin: auto;
}

.footer a {
    color: #428EDA;
}

.devider {
    background-color: #666;
    height: 1px;
    margin: 0 0 20px 0
}

.copyright {
    max-width: 900px;
    margin: auto;
    padding: 20px;
}

.margin-auto {
    margin: auto;
}

.margin-top-about-partner {
    margin-top: 25px;
}

.margin-bottom-partner {
    margin-top: 20px;
}

.carousel-inner > .item > img {
    margin: 0 auto;
    padding: 0 0 15px 0;
}


.carousel-height {
    height: 100px;
}