
body{

    font-family: 'Quicksand', Arial, sans-serif;

    font-weight: 500;

    font-size: 15px;

    background: #05a081;

}

.c-headline-1 .c_name {

    display: block;

    padding: 0 10px 10px;

    margin: 0 20px;

    background-color: transparent;

    position: inherit;

    color: #fff;

    text-align: center;

    top: 10px;

    font-weight: 600;

    font-size: 30px;

}



/* BEGIN c-button-8 */

.c-button-8 {

    display: inline-block;

    font-size: 14px;

    padding: 0.5em 1.072em 0.5em 1.072em;

    overflow: hidden;

    color: #fff;

    background-color: #005abc;

    text-transform: uppercase;

    position: relative;

    -webkit-transition: box-shadow 0.5s;

    -o-transition: box-shadow 0.5s;

    transition: box-shadow 0.5s;

}

.c-button-8 > i.fa {

    padding-left: 5px;

}

.c-button-8::after {

    content: '';

    background-color: rgba(255, 255, 255, 0.2);

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -140%, 0);

    -webkit-transition: transform 0.35s;

    -o-transition: transform 0.35s;

    transition: transform 0.35s;

}

.c-button-8:hover {

    box-shadow: 0 14px 26px -12px rgba(34, 34, 34, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(34, 34, 34, 0.2);

}

.c-button-8:hover::after {

    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 140%, 0);

}

/* END c-button-8 */



/* BEGIN s-home-7 */

.s-home-7 {

    padding: 30px 0;

    text-align: center;

}

.s-home-7 .s_title {

    font-size: 30px;

    margin-bottom: 10px;

    color: #444;

    font-weight: 500;

    text-transform: uppercase;

}

.s-home-7 .s_box{

    background-color: rgba(255,255,255,.85);

    padding: 30px;

    border-radius: 5px;

}

.s-home-7 .s_desc {

    color: #444;

    font-size: 16px;

    line-height: 1.563em;

    padding: 0 30px;

    margin-bottom: 10px;

    text-align: justify;

}

.s-home-7 .s_result{

    color: red;

    font-size: 22px;

}

/* END s-home-7 */



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

    .s-home-7 .s_title {

        font-size: 22px;

    }

    .s-home-7 .s_desc {

        padding: 0;

    }

    .c-headline-1 .c_name{

        font-size: 26px;

    }

    .s-home-7 .s_box {

        padding: 20px;

    }

}

.s-home-7 .c-button-8 {

    border-radius: 5px;

}

@media(max-width: 479px){

    .c-headline-1 .c_name {

        font-size: 24px;

    }

    .s-home-7 .s_box {

        padding: 15px;

    }

    .s-home-7 .s_desc{

        font-size: 15px;

    }

}