html, body {
    width: 100%;
    height: 100%;
}
.cosm-logo {
    width: 320px;
    height: auto;
}

.cosm-banner {
    width: 100%;
    padding: 80px 10%;
    background: url("../../image/features_searchtool_bg.png") no-repeat center;
    background-size: cover;
    color: white;
}

    .cosm-banner__text {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .cosm-banner__list {
        list-style: initial;
        padding-left: 50px;
        margin-bottom: 22px;
    }

    .cosm-banner__list-item {
        padding-left: 0;
    }

    .cosm-banner__read-more-button {
        padding: 10px 25px;
        margin-top: 20px;
        font-size: 20px;
        color: #ffffff;
        border-radius: 20px;
        background-color: rgb(137, 114, 192);
        border: 1px solid rgb(137, 114, 192);
        outline: none;
    }
    .cosm-banner__read-more-button:hover { cursor: pointer; }


.cosm-services {
    width: 100%;
    padding: 80px 0;
    text-align: center;
}

    .cosm-services__image-container {
        max-width: 992px;
        margin: 20px auto 0 auto;
        text-align: center;
    }

.cosm-services > p {
    line-height: 1.5em;
}



.cosm-about-us {
    width: 100%;
    padding: 80px 0;
    text-align: center;
}

.cosm-benefits {
    width: 100%;
    padding: 80px 0;
    line-height: 1.5em;
    background: url("../b2b_images/benefits_bg.png");
    background-size: cover;
}

    .cosm-benefits__container {
        max-width: 992px;
        margin: 0 auto;
        text-align: center;
    }

    .cosm-benefits__headline {
        margin: 0 auto 80px auto;
        text-align: center;
    }

        #b2bapp_info{
            height: 0;
            display: none;
            transition: 300ms;
        }
        #b2bapp_info ol{
            list-style: decimal;
        }

        #b2bapp_info > * {
            line-height: 1.5em;
         }


.cosm-sales-team {
    width: 100%;
    padding: 80px 0;
    line-height: 1.5em;
    background: url("../b2b_images/sales_team_bg.png");
    background-size: cover;
    text-align: center;
}

.cosm-client-testimonials > div,p {
    line-height: 1.5em;
}
.cosm-client-testimonials {
    width: 100%;
    font-size: 18px;
    /*color: rgb(125, 125, 125);*/
    text-align: center;
}

    .cosm-client-testimonials__big-quote {
        font-size: 105px;
        font-weight: bold;
        color: black;
        position: absolute;
    }
    .cosm-text-testimonial{
        width: 80%;
    }

.cosm-section-plan {
    width: 100%;
    padding: 80px 0;
    background: url("../b2b_images/plans_bg.png") no-repeat center bottom;
    background-size: cover;
    text-align: center;
}

    .cosm-section-plan__container {
        max-width: 992px;
        margin: 0 auto;
        text-align: center;
    }

.cosm-section-contact {
    display: block;
    width: 100%;
    padding: 80px 9%;
    font-size: 18px;
    color: rgb(125, 125, 125);

    background: url("../b2b_images/contactform_bg.jpg");
    background-size: cover;
}
.cosm-contact-form input, .cosm-contact-form textarea{
    font-size: 20px;
    margin: 5px;
    border: 1px lightgray solid;
    border: 0;
    box-shadow: 0 0 3px 0 lightgray;
    line-height: 40px;
    width: 250px;


}
.cosm-contact-form input::placeholder,.cosm-contact-form textarea::placeholder{
    padding-left: 20px;
    color: darkgray;
}
.cosm-contact-form textarea{
    width: 520px;
}
/*.cosm-grid-plan--item div{*/
    /*width: 80%;*/
/*}*/

/*.cosm-section-plan{*/
    /*backgroud-image: url(../b2b_images/plans_bg.png);*/
/*}*/




.cosm-grid-plan--item__title{
    margin-bottom: 15px;
    color: #8973C0;
}


.cosm-grid-plan--item{
    /*padding: 0px;*/
    padding-top: 40px;
    box-shadow: 0 0 3px 0 #8973C0;
    text-align: center;
    width: 400px;
    height: 200px;
    display: inline-block;
    /*float:left;*/
    margin-bottom: 20px;
    margin-left: 20px;
    background-color: white;
}

.cosm-grid-plan--item.selected, .cosm-grid-plan--item.selected  > .cosm-grid-plan--item__title, .cosm-grid-plan--item:hover, .cosm-grid-plan--item:hover > .cosm-grid-plan--item__title{
    background-color: #8973C0;
    color: white;
    cursor: pointer;
}

.form-thanks{
    color: #8973C0;
    font-size: 38px;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: none;
}

    .cosm-text__section-title {
        margin: 0 auto 80px auto;
        font-size: 50px;
        font-weight: bold;
        text-align: center;
    }

.cosm-benefit {
    position: relative;
    display: inline-block;
    width: 47%;
    /*max-height: 320px;*/
    height: 320px;
    /*min-height: 320px;*/
    margin: 8px;
    padding: 16px;
    box-shadow: 0 0 3px 0 #333;
    box-sizing: border-box;
    vertical-align: top;
}



.cosm-benefit--legal-compliance { background-color: #ffffff; }
.cosm-benefit--label-verification { background-color: rgb(239, 218, 223); }
.cosm-benefit--customer-reviews { background-color: rgb(221, 177, 194); }
.cosm-benefit--web-plugin-services { background-color: rgb(198, 138, 163); }
.cosm-benefit--business-app-retailers { background-color: #ffffff; }
.cosm-benefit--product-recommendation { background-color: rgb(249, 244, 204); }

    .cosm-benefit__headline { font-size: 25px; font-weight: bold; margin-bottom: 12px; }
    .cosm-benefit__headline--legal-compliance { color: rgb(125, 125, 125); }
    .cosm-benefit__headline--label-verification { color: rgb(193, 117, 143); }
    .cosm-benefit__headline--customer-reviews { color: #ffffff; }
    .cosm-benefit__headline--web-plugin-services { color: #ffffff; }
    .cosm-benefit__headline--business-app-retailers { color: rgb(125, 125, 125); }
    .cosm-benefit__headline--product-recommendation { color: rgb(229, 174, 110); }

    .cosm-benefit__description {
        font-size: 18px;
        font-weight: 400;
        font-style: italic;
        margin: 0 0 12px 0;
    }
    .cosm-benefit__description--legal-compliance { color: rgb(125, 125, 125); }
    .cosm-benefit__description--label-verification { color: rgb(190, 120, 148); }
    .cosm-benefit__description--customer-reviews { color: #ffffff; }
    .cosm-benefit__description--web-plugin-services { color: #ffffff; }
    .cosm-benefit__description--business-app-retailers { color: rgb(125, 125, 125); }
    .cosm-benefit__description--product-recommendation { color: rgb(229, 174, 110); }

    .cosm-benefit__image {
        position: absolute; right: 16px; bottom: 16px; width: 150px; height: auto;
    }

    .cosm-benefit__image_small {
        position: absolute; right: 16px; bottom: 16px; width: 100px; height: auto;
    }


.cosm-staff { margin: 16px; }

    .cosm-staff__profile-image {
        width: auto;
        height: 300px;
        margin-bottom: 22px;
        border-radius: 50%;
        border: 2px solid rgb(139, 122, 190);
    }

    .cosm-staff__name {
        margin-bottom: 16px;
        font-size: 28px;
        font-weight: bold;
        color: rgb(139, 122, 190);
    }

    .cosm-staff__position {
        margin-bottom: 8px;
        font-size: 22px;
        font-weight: bold;
        color: #000000;
    }

    .cosm-staff__mobile {
        margin-bottom: 6px;
        font-size: 18px;
        color: rgb(125, 125, 125);
    }

    .cosm-staff__email {
        font-size: 18px;
        color: rgb(125, 125, 125);
    }

/*.cosm-c-plan {
    width: 400px;
    min-height: 300px;
    padding: 40px 32px;
    font-size: 18px;
    font-weight: 400;
    color: rgb(125, 125, 125);
    box-shadow: 0 0 3px 0 #8973C0;
    background-color: #ffffff;
}*/

.cosm-c-plan {
    display: inline-block;
    width: 45%;
    min-height: 350px;
    margin: 8px;
    padding: 40px 8px;
    font-size: 18px;
    font-weight: 400;
    color: rgb(125, 125, 125);
    background-color: white;
    box-shadow: 0 0 3px 0 #8973C0;
    vertical-align: top;
}

.cosm-c-plan--is-selected {
    background-color: #8973C0;
    color: white;
    cursor: pointer;
}


    .cosm-c-plan__headline {
        margin-bottom: 12px;
        font-size: 24px;
        font-weight: bold;
        color: #8973C0;
    }

    .cosm-c-plan--is-selected .cosm-c-plan__headline { color: white; }

    .cosm-c-plan__list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .cosm-c-plan__list-item {
            margin: 0;
            padding: 0;
            line-height: 1.5em;
        }

.cosm-button-link {
    text-decoration: none;
}

.cosm-separator {
    display: block;
    width: 90%;
    height: 1px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.15);
}

.cosm-headline { font-weight: bold; line-height: 1.5em; margin-bottom: 36px }
.cosm-headline--section { font-size: 48px; color: #000000; }
.cosm-headline--benefit { font-size: 24px; margin-bottom: 16px; }
.cosm-headline--lcs { color: rgb(125, 125, 125); }
.cosm-headline--label-verification { color: rgb(193, 117, 143); }
.cosm-headline--customer-reviews { color: #ffffff; }
.cosm-headline--wp-services { color: #ffffff; }
.cosm-headline--retailers { color: rgb(125, 125, 125); }
.cosm-headline--recommendation { color: rgb(229, 174, 110); }


.cosm-l-flex { display: flex; }
.cosm-l-flex--inline { display: inline-flex; }
.cosm-l-flex--row-reverse { flex-direction: row-reverse; }
.cosm-l-flex--column { flex-direction: column; }
.cosm-l-flex--column-reverse { flex-direction: column-reverse; }
.cosm-l-flex--wrap { flex-wrap: wrap; }
.cosm-l-flex--nowrap { flex-wrap: nowrap }
.cosm-l-flex--justify-content-center { justify-content: center; }
.cosm-l-flex--justify-content-space-between { justify-content: space-between; }
.cosm-l-flex--justify-content-flex-start { justify-content: flex-start; }
.cosm-l-flex--justify-content-flex-end { justify-content: flex-end; }
.cosm-l-flex--justify-content-space-around { justify-content: space-around; }
.cosm-l-flex--align-items-center { align-items: center; }
.cosm-l-flex--align-items-flex-end { align-items: flex-end; }
.cosm-l-flex--align-items-flex-start { align-items: flex-start; }
.cosm-l-flex--align-items-baseline { align-items: baseline; }
.cosm-l-flex--align-items-stretch { align-items: stretch; }

    .cosm-l-flex__item { }
    .cosm-l-flex__item--grow-1 { flex-grow: 1; }
    .cosm-l-flex__item--grow-2 { flex-grow: 2; }
    .cosm-l-flex__item--grow-3 { flex-grow: 3; }
    .cosm-l-flex__item--shrink-1 { flex-shrink: 1; }
    .cosm-l-flex__item--shrink-2 { flex-shrink: 2; }
    .cosm-l-flex__item--basis-auto { flex-basis: auto; }
    .cosm-l-flex__item--basis-1-12 { flex-basis: 8.33%; }
    .cosm-l-flex__item--basis-2-12 { flex-basis: 16.66%; }
    .cosm-l-flex__item--basis-3-12 { flex-basis: 25%; }
    .cosm-l-flex__item--basis-4-12 { flex-basis: 300px; }
    .cosm-l-flex__item--basis-5-12 { flex-basis: 41.66%; }
    .cosm-l-flex__item--basis-6-12 { flex-basis: 50%; }
    .cosm-l-flex__item--basis-7-12 { flex-basis: 58.33%; }
    .cosm-l-flex__item--basis-8-12 { flex-basis: 66.66%; }
    .cosm-l-flex__item--basis-9-12 { flex-basis: 75%; }
    .cosm-l-flex__item--basis-10-12 { flex-basis: 83.33%; }
    .cosm-l-flex__item--basis-11-12 { flex-basis: 91.66%; }
    .cosm-l-flex__item--basis-12-12 { flex-basis: 100%; }


/* smart phones */



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

}

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

    .cosm-banner { padding: 80px 16px; }

}

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

    .cosm-section-contact {
        padding: 80px 32px;
    }

}

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

    .cosm-banner__header { font-size: 35px; }

    .cosm-section-plan .cosm-l-flex__item {
        flex-grow: 1;
    }

    .cosm-benefit { width: 90%; margin: 15px auto; }

    .cosm-c-plan {
        width: 90%;
        margin: 5px auto;
    }

    .cosm-section-contact {
        padding: 80px 16px;
    }

    .cosm-services .cosm-l-flex__item {
        flex-basis: 100%;
    }

}