* {
    margin:0;
    padding:0;
}
a, .transition, :after, :before, input[type="submit"] {
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
body {
    max-height:2916px;
}
.site {
    display: block;
    width: 100%;
    overflow: hidden;
}
.aspas-simples {
    display: none;
}
section.banner {
    width: 100%;
    max-width: 1950px;
    height: 675px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: url(../images/bg_section_banner.jpg) no-repeat center 0 fixed;
}
section.banner .triangle {
    width: 622px;
    height: 764px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -975px;
    z-index: 2;
    background: url(../images/section_banner_triangle.png) no-repeat center;
}
section.banner .bike {
    position: absolute;
    z-index: 1;
    width: 482px;
    height: 487px;
    top: 100px;
    left: 50%;
    margin-left: -390px;
    background: url(../images/section_banner_tenis.png) no-repeat center;
}
section.banner .bike ul {
    display: none;
}
section.banner .hamburger .text {
    position: absolute;
    width: 630px;
    height: 559px;
    top: -50px;
    left: -79px;
    background: url(../images/section_banner_hamburger_text.png) no-repeat center;
}
section.banner .content {
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: 65px;
    width: 404px;
}
section.banner .content h2 {
    display: block;
    width: 404px;
    height: 105px;
    text-indent: -999999px;
    background: url(../images/section_banner_content_title_tenis.png) no-repeat 0 0;
}
section.banner .content p {
    color: #575758;
    font: 400 16px Sansation;
    padding-top: 65px;
    text-align: right;
    padding-right: 59px;
}
section.banner .content a.button {
    display: block;
    float: right;
    position: relative;
    padding: 0 45px;
    height: 75px;
    border-radius: 35px;
    margin-top: 10px;
    line-height: 75px;
    background: url(../images/bt_blue_bt.jpg);
}
section.banner .content a.button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    border-radius: 35px;
}
section.banner .content a.button:hover:before {
    background: rgba(255,255,255,.1);
}
section.banner .content a.button span.text {
    color: #fff;
    font: 700 16px/20px 'Exo 2';
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-top: -8px;
}
section.banner h1 {
    display: block;
    position: absolute;
    top: 530px;
    left: 50%;
    margin-left: 211px;
    width: 240px;
    height: 45px;
}
section.banner h1 a {
    display: block;
    width: 240px;
    height: 45px;
    text-indent: -999999px;
    background: url(../images/logo.png) no-repeat 0 0;
}

section.video {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1950px;
    height: 678px;
    margin: 0 auto;
    overflow: hidden;
}
section.video h3 {
    color: #1d1d2e;
    font: 22px / 30px SansationBold;
    text-align: center;
    margin-top: 80px;
}
section.video .video_embed {
    width: 830px;
    height: 470px;
    margin: 44px auto 0 auto;
    background: #CCC;
    cursor: pointer;
    z-index: 1;
    position: relative;
}
section.video .video_embed:after {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -75px;
    background: url(../images/bt_play.png) no-repeat;
    opacity: 0.5;
    z-index: 2;
}
section.video .video_embed:hover:after {
    opacity: 1;
}
section.video .video_embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}
section.video .ruler {
    content: "";
    position: absolute;
    width: 382px;
    height: 282px;
    top: 85px;
    left: 50%;
    margin-left: -747px;
    z-index: 2;
    background: url(../images/section_video_ruler.png) no-repeat 0 0;
}
section.video .pencil {
    content: "";
    position: absolute;
    width: 358px;
    height: 334px;
    top: 344px;
    left: 50%;
    margin-left: 377px;
    z-index: 2;
    background: url(../images/section_video_pencil.png) no-repeat 0 0;
}
section.features {
    display: block;
    width: 100%;
    max-width: 1950px;
    margin: 0 auto;
    padding-top: 244px;
    position: relative;
    z-index: 3;
    background: url(../images/section_features_bg.jpg) no-repeat center bottom;
}
section.features .molecules {
    display: block;
    width: 478px;
    height: 437px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 72px;
    background: url(../images/section_features_molecules.png) no-repeat 0 0;
}
section.features .glasses {
    display: block;
    width: 392px;
    height: 349px;
    position: absolute;
    top: 26px;
    left: 50%;
    margin-left: -669px;
    background: url(../images/section_features_glasses.png) no-repeat 0 0;
}
section.features .microscope {
    display: block;
    position: absolute;
    top: 506px;
    left: 50%;
    margin-left: 340px;
    width: 380px;
    height: 669px;
    background: url(../images/section_features_microscope.png) no-repeat 0 0;
}
section.features .content {
    display: block;
    width: 822px;
    margin: 0 auto;
    padding-bottom: 116px;
}
section.features .content .col {
    width: 325px;
    display: block;
    float: left;
}
section.features .content .col h3 {
    color: #008a8f;
    font: 24px / 30px SansationBold;
    padding-top: 12px;
    padding-bottom: 55px;
}
section.features .content .col a.button {
    display: block;
    float: right;
    position: relative;
    padding: 0 45px;
    margin-bottom: 55px;
    height: 95px;
    border-radius: 48px;
    margin-top: 10px;
    line-height: 95px;
    background: url(../images/bt_orange_bt.jpg);
}
section.features .content .col a.button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    border-radius: 48px;
}
section.features .content .col a.button:hover:before {
    background: rgba(0,0,0,.1);
}
section.features .content .col a.button span.text {
    color: #fff;
    font: 700 20px/27px 'Exo 2';
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-top: -8px;
}
section.features .content .col article {
    display: block;
    padding-bottom: 34px;
    font-size:0;
}
section.features .content .col article span.ico {
    display: inline-block;
    width: 65px;
    vertical-align: middle;
    text-align: center;
    margin-right: 20px;
}
section.features .content .col article span.ico img {
    display: inline-block;
}
section.features .content .col article p {
    color: #1d1d2e;
    font: 16px SansationItalic;
    display: inline-block;
    vertical-align: middle;
}
section.testimonials {
    display: block;
    width: 100%;
    height: 581px;
    max-width: 1950px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    background:url(../images/bg_section_testimonials.jpg) no-repeat center 0;
}
section.testimonials .teacher {
    position: absolute;
    top: 259px;
    left: 50%;
    margin-left: -609px;
    width: 487px;
    height: 646px;
    background: url(../images/section_testimonials_teacher.png) no-repeat 0 0;
}
section.testimonials .tablet {
    display: block;
    position: absolute;
    width: 434px;
    height: 331px;
    top: 261px;
    left: 50%;
    margin-left: 124px;
    background: url(../images/section_testimonials_tablet.png) no-repeat 0 0;
}
section.testimonials .content {
    display: block;
    width: 895px;
    margin: 0 auto;
    padding-top: 65px;
}
section.testimonials .content h3 {
    display: block;
    float: left;
    color: #1d1d2e;
    width: 390px;
    padding-top: 15px;
    font: 18px / 30px SansationBold;
}
section.testimonials .content .slide {
    display: block;
    float: left;
    width: 450px;
    height: 174px;
    margin-left: 25px;
    position: relative;
    background: url(../images/section_testimonials_quote.png) no-repeat 0 0;
}

section.testimonials .content .slide .grid {
    display: block;
    width: 305px;
    height: 127px;
    margin: 12px 0 0 80px;
    position: relative;
    overflow: hidden;
}
section.testimonials .content .slide .grid .walk {
    position: absolute;
    top: 0;
    left: 0;
    width: 999999px;
    height: 127px;
    line-height:127px;
    font-size:0;
}
section.testimonials .content .slide .grid .walk article {
    display: inline-block;
    width: 305px;
    vertical-align:middle;
}
section.testimonials .content .slide .grid .walk article p {
    color: #1d1d2e;
    font: 13px / 22px Sansation;
}
section.testimonials .content .slide .grid .walk article h5 {
    color: #1d1d2e;
    font: 16px / 30px SansationBoldItalic;
}
section.testimonials .content .slide .button {
    display: block;
    position: absolute;
    bottom: 6px;
    width: 17px;
    height: 25px;
    cursor: pointer;
}
section.testimonials .content .slide .button.prev {
    left: 80px;
    background: url(../images/bt_prev.png) no-repeat 0 0;
}
section.testimonials .content .slide .button.prev:hover {
    background: url(../images/bt_prev.png) no-repeat 0 -25px;
}
section.testimonials .content .slide .button.next {
    left: 109px;
    background: url(../images/bt_next.png) no-repeat 0 0;
}
section.testimonials .content .slide .button.next:hover {
    background: url(../images/bt_next.png) no-repeat 0 -25px;
}
section.testimonials .cta {
    width: 432px;
    position: absolute;
    left: 50%;
    margin-left: -262px;
    top: 351px;
    text-align:center;
}
section.testimonials .cta h4 {
    color: #600030;
    font: 22px / 30px SansationBold;
    text-align: center;
}
section.testimonials .cta a.button {
    display: inline-block;
    position: relative;
    padding: 0 45px;
    margin-bottom: 55px;
    height: 95px;
    border-radius: 48px;
    margin-top: 10px;
    line-height: 95px;
    background: url(../images/bt_pink_bt.jpg);
}
section.testimonials .cta a.button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    border-radius: 48px;
}
section.testimonials .cta a.button:hover:before {
    background: rgba(255,255,255,.1);
}
section.testimonials .cta a.button span.text {
    color: #ffffff;
    font: 700 22px 'Exo 2';
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .7);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-top: -8px;
    text-transform: uppercase;
}
footer {
    display: block;
    width: 100%;
    height: 192px;
    max-width: 1950px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
footer .content {
    display: block;
    width: 980px;
    margin: 0 auto;
}
footer .content a.logo {
    width: 200px;
    height: 36px;
    position: absolute;
    top: 58px;
    left: 50%;
    margin-left: -147px;
    text-indent: -999999px;
    background: url(../images/logo_footer2.png) no-repeat 0 0;
}

footer .content .container {
    display: block;
    float: right;
    padding-top: 28px;
}
footer .content .container ul {
    display: inline-block;
    font-size: 0;
    text-align: center;
    vertical-align:top;
}
footer .content .container ul li {
    display: inline-block;
    margin-left: 10px;
}
footer .content .container ul li:first-child {
    margin-left: 0;
}
footer .content .container ul li a {
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block;
    border-radius: 360px;
    border: 1px solid #9f9d9b;
}
footer .content .container ul li a:hover {
    border: 1px solid #317a01;
    background:#317a01;
}
footer .content .container ul li a i {
    font-size: 15px;
    color: #9f9d9b;
    display: inline-block;
    vertical-align: middle;
}
footer .content .container ul li a:hover i {
    color: #FFF;
}
footer .content .container a.link {
    color: #124767;
    margin-top: 3px;
    margin-left:25px;
    display: inline-block;
    vertical-align:top;
    font:22px / 30px SansationBoldItalic;
    text-decoration: none;
}
footer .content .container a.link:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 12px;
    vertical-align: middle;
    margin-right: 10px;
    background: url(../images/bullet_link_footer.jpg) no-repeat 0 0;
}
footer .content .container a.link:hover {
    text-decoration: underline;
}
footer .content .container a.chat, a.chat2 {
    display:inline-block;
    height:52px;
    font:300 12px Sansation;
    color:#3e3e3e;
    text-decoration:none;
    vertical-align:middle;
    margin-top:17px;
}
footer .content .container a.chat span.text {
    display:inline-block;
    vertical-align:middle;
}
footer .content .container a.chat:hover span.text {
    color:#317a01;
}
footer .content .container a.chat:before {
    display:inline-block;
    content:"";
    vertical-align:middle;
    width:59px;
    height:52px;
    margin-right:7px;
    background:url(../images/ico_chat.png);
}
footer .content .container a.chat2:before {
    display:inline-block;
    content:"";
    vertical-align:middle;
    width:23px;
    height:24px;
    margin-right:7px;
    background:url(../images/email2.png);
}
footer .content .container span.phone {
    display:inline-block;
    vertical-align:middle;
    font:17px Sansation;
    color:#124767;
    margin-top:17px;
    margin-left:22px;
}
footer .content .container span.phone:before {
    display:inline-block;
    width:16px;
    height:24px;
    vertical-align:middle;
    content:"";
    background:url(../images/ico_phone.png) no-repeat 0 0;
}
.chat2 {
    line-height: 50px !important;
}

/* Responsivo */
@media (max-width: 1050px) {
    section.banner .bike {
        left: 40%;
    }
    section.banner .content {
        margin-left: 0;
    }
    section.banner h1 {
        margin-left: 170px;
    }
    footer .content {
        width: 100%;
    }
    footer .content a.logo, section.testimonials .teacher, section.testimonials .tablet {
        background-size: 80%;
    }
    section.testimonials .teacher {
        margin-left: -540px !important;
        width: 380px;
        left: 55%;
    }
    section.testimonials .tablet {
        top: 300px;
    }
    footer .content .container {
        margin-right: 20px;
    }
}
@media (max-width: 955px) {
    section.testimonials .content {
        padding-left: 0px;
        width: 100%;
    }
    section.testimonials .content h3 {
        width: 90%;
        margin-left: 30px;
    }
    section.testimonials .content h3 br {
        display: none;
    }
    section.testimonials .content .slide {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 120px;
    }
    section.testimonials {
        background-image: url(../images/bg_section_testimonials_1.jpg);
        height: 681px;
    }
    section.testimonials .tablet {
        top: 400px;
    }
    section.testimonials .teacher {
        top: 330px;
    }
    section.testimonials .cta {
        top: 460px;
    }
}

@media (max-width: 940px) {
    footer .content a.logo {
        left: 30%;
    }
}

@media (max-width: 895px) {
    section.banner .bike {
        background-size: 80% auto !important;
        left: 50%;
    }
    section.banner .content {
        margin-left: -50px;
    }
    section.banner h1 {
        margin-left: 110px;
    }
    section.testimonials .teacher {
        width: 300px;
        left: 61%;
        top: 400px;
    }
    section.testimonials .tablet {
        width: 290px;
        margin-left: 160px !important;
        top: 470px;
    }
    section.features .content .col {
        margin-left: 40px;
    }
}

@media (max-width: 840px) {
    section.video .video_embed, section.video .video_embed img {
        width: 100%;
        height: auto;
    }
    section.video {
        height: auto;
    }
    section.video .video_embed::after {
        background-size: 60%;
        margin: -45px 0 0 -45px;
    }
}

@media (max-width: 820px) {
    section.testimonials .tablet {
        display: none;
    }
    section.testimonials .teacher {
        left: 75%;
    }
    section.testimonials .cta {
        left: 65%;
    }

    section.testimonials {
        background-image: url(../images/bg_section_testimonials2.jpg);
    }
}

@media (max-width: 785px) {
    section.features .content {
        width: 100%;
    }
    section.features .content .col {
        width: 90%;
    }
    section.features .content .col br {
        display: none;
    }
    section.features .content .col article p {
        width: 80%;
    }
    section.features .content .col a.button {
        float: none;
        text-align: center;
    }
}

@media (max-width: 750px) {
    section.banner .content {
        margin-left: -90px;
    }
    section.banner h1 {
        margin-left: 70px;
    }
}

@media (max-width: 700px) {
    section.testimonials .content .slide {
        margin-top: 160px;
    }
}


@media (max-width: 680px) {
    section.banner .bike {
        background-size: 70% auto !important;
    }
    section.banner .bike {
        left: 0;
        margin: 0 auto !important;
        position: relative;
    }
    section.banner .content {
        left: 0 !important;
        margin: 0 auto !important;
        position: relative;
        top: -400px;
    }
    section.banner h1 {
        margin: 0 auto !important;
        top: 20px !important;
        text-align: center;
        width: 100%;
        left: 0 !important;
    }
    section.banner h1 a {
        display: inline-block;
    }
    section.banner .content h2 {
        margin-bottom: 280px;
    }
    section.banner .content a.button {
        float: none;
        text-align: center;
    }
    section.banner .content p {
        padding-right: 0;
        text-align: center;
    }
    section.testimonials .teacher {
        display: none;
    }
    section.testimonials .cta {
        left: 55%;
    }
}
@media (max-width: 650px) {
    footer .content a.logo {
        display:none;
    }
}

@media (max-width: 625px) {
    section.video h3 {
        padding: 0 20px;
    }
    section.video h3 br {
        display: none;
    }
}

@media (max-width: 590px) {
    footer .content a.logo {
        display: none;
    }
    footer .content .container {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 340px;
    }
    section.features .molecules {
        left: 30%;
    }
    section.features .glasses {
        left: 90%;
    }
}
@media (max-width: 520px) {
    section.testimonials .cta {
        left: 60%;
    }
    section.testimonials .content h3 {
        margin-top: -25px;
    }
}

@media (max-width: 490px) {
    section.features .content .col article {
        text-align: center;

    }
    section.features .content .col article span.ico {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    section.features .content .col {
        margin-left: 20px;
    }
    section.features .content .col h3 {
        text-align: center;
    }
}

@media (max-width: 480px) {
    section.testimonials .cta {
        left: 260px;
        width: 100%;
    }
    section.testimonials .content .slide {
        background-image: url(../images/section_testimonials_quote_1.png);
    }
    section.banner .bike, section.banner .content h2, section.banner .content {
        width: 100%;
    }
    section.banner .content h2 {
        background-size: 90%;
        margin-left: 15px;
    }
}
@media (max-width: 440px) {
    section.testimonials .content h3 {
        margin-top: -45px;
    }
    section.testimonials .content .slide .grid {
        margin-left: 30px;
    }
    section.testimonials .content .slide {
        width: auto;
        background-image: none;

    }
    /*
    .aspas-simples {
        display: inline;
        font-family: serif;
        font-size: 20px;
    }*/
    section.testimonials .content .slide .grid {
        margin-left: 60px;
    }
    section.testimonials .content .slide {
        background-image: url(../images/section_testimonials_quote_2.png);
    }
    section.testimonials .content .slide .button.prev {
        left: 30px;
    }
    section.testimonials .content .slide .button.next {
        left: 60px;
    }
    section.testimonials .cta h4 {
        padding: 0 20px;
    }
    section.testimonials .cta h4 br {
        display: none;
    }
}

@media (max-width: 415px) {

    section.testimonials .content .slide .grid .walk article {
        margin-right: 20px;
        width: 300px;
    }
    section.features .molecules {
        left: 15% !important;
    }
    section.features .glasses {
        left: 100% !important;
    }
}
@media (max-width: 400px) {
    .chat2 {
        line-height: 0px !important;
        margin-left: -20px;
    }
    footer .content .container a.chat2::before {
        background-image: none;
    }
}

@media (max-width: 390px) {
    section.testimonials .content .slide .grid, section.testimonials .content .slide .grid .walk article {
        width: 280px;
    }
    section.testimonials .content .slide .grid .walk article h5 {
        line-height: 20px;
    }
    section.testimonials .content h3 {
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    footer .content .container {
        width: 200px;
    }
    footer .content .container a.link {
        margin:10px 0 0 0;
    }
    footer .content .container ul {
        display: inherit;
        margin: 0 auto;
        width: 140px;
    }
    footer {
        height: auto;
        padding-bottom: 20px;
    }
    /*section.testimonials .content .slide {
        background-image: none;
    }

    section.testimonials .content .slide .grid {
        margin-left: 40px;
    }*/
}
@media (max-width: 370px) {
    section.testimonials .content .slide .button {
        bottom: -10px;
    }
    section.testimonials {
        background-image: url("../images/bg_section_testimonials3.jpg");
        height: 750px;
    }
    section.testimonials .cta {
        margin-top: 40px;
    }
    section.testimonials .content .slide .grid {
        margin-left: 30px;
    }
    section.testimonials .content .slide {
        background-image: url(../images/section_testimonials_quote_3.png);
    }
}
@media (max-width: 350px) {
    section.testimonials .content .slide {
        margin-top: 190px;
    }
    section.testimonials .content .slide .button {
        bottom: -10px !important;
    }
}
@media (max-width: 345px) {
    footer .content .container ul, footer .content .container a.link {
        width: 100%;
    }
    footer .content .container a.link {
        text-align: center;
        margin:20px 0 0 0;
    }

    section.testimonials .content .slide .grid .walk article {
        width: 280px;
    }
    section.testimonials .content h3 {
        width: 80%;
    }
    section.testimonials .content .slide .button {
        bottom: -60px;
    }
    section.testimonials .content .slide .grid {
        height: 140px;
    }

}