@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@font-face{ 
    font-family: 'Atami'; 
    src: url('fonts/Atami/Atami-Bold.eot'); 
    src: local('fonts/Atami/Atami-Bold'),
        url('fonts/Atami/Atami-Bold.eot?#iefix') format('embedded-opentype'), 
        url('fonts/Atami/Atami-Bold.woff') format('woff'), 
        url('fonts/Atami/Atami-Bold.woff2') format('woff2'), 
        url('fonts/Atami/Atami-Bold.ttf') format('truetype'), 
        url('fonts/Atami/Atami-Bold.svg#webfont') format('svg'); 
    font-weight: bold;
}

@font-face {
	font-family: 'DIN Next CYR Light';
	src: url('fonts/DINNextCYR/DINNextCYR-Light.eot');
	src: local('fonts/DINNextCYR/DINNextCYR-Light'),
		url('fonts/DINNextCYR/DINNextCYR-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextCYR/DINNextCYR-Light.woff') format('woff'),
		url('fonts/DINNextCYR/DINNextCYR-Light.ttf') format('truetype'),
		url('fonts/DINNextCYR/DINNextCYR-Light.svg#DINNextCYR-Light') format('svg');
	font-weight: lighter;
}

@font-face {
	font-family: 'DIN Next CYR';
	src: url('fonts/DINNextCYR/DINNextCYR-Medium.eot');
	src: local('fonts/DINNextCYR/DINNextCYR-Medium'),
		url('fonts/DINNextCYR/DINNextCYR-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/DINNextCYR/DINNextCYR-Medium.woff') format('woff'),
		url('fonts/DINNextCYR/DINNextCYR-Medium.ttf') format('truetype'),
		url('fonts/DINNextCYR/DINNextCYR-Medium.svg#DINNextCYR-Medium') format('svg');
	font-weight: medium;
}

body#home a#home,
body#sobre a#sobre,
body#servicos a#servicos,
body#produtos a#produtos,
body#clientes a#clientes,
body#contato a#contato,
body#resultados a#resultados,
body#aprenda a#aprenda,
body#trabalhe-aqui a#trabalhe-aqui {
    color: #fff;
    /*    background: #930;*/
}

.clearfix {
    clear: both;
}

html * {
    font-family: 'Montserrat';
}

a {
    color: #007bff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.navbar-nav {
    background: #292929e3;
}

a:hover {
    opacity: 0.9;
}

.roboto {
    font-family: 'Roboto' !important;
}

.light {
    font-weight: 300 !important;
}
.regular {
    font-weight: 400 !important;
}
.medium {
    font-weight: 500 !important;
}
.semibold {
    font-weight: 600 !important;
}
.bold {
    font-weight: 700 !important;
}
.extrabold {
    font-weight: 800 !important;
}
.italic {
    font-style: italic;
}

.animacao p.logo, .animacao p.logo-02 {
    display: none; 
    height:100px; 
    width:400px; 
    position:absolute; 
    left: 50%; 
    margin-left: -200px; 
    top: 50%; 
    margin-top: 0px;
    text-align: center;
    line-height: 0.9;
}

.animacao p.logo-02 {
    top: calc(50% + 120px);
    font-size: 26px;
    color: #707070;
    font-family: 'DIN Next CYR Light', Arial, sans-serif !important;
    }

.animacao p.logo .via{
    font-size: 70px;
    color: #707070; 
    font-family: 'Atami', Arial, sans-serif !important;
    font-weight: bold !important;
}

.animacao p.logo .meta{
    font-size: 70px;
    color: #e12329; 
    font-family: 'Atami', Arial, sans-serif !important;
    font-weight: bold !important;
}

.animacao p.slogam{
    height:100px; 
    width:600px; 
    position:absolute; 
    left: 50%; 
    margin-left: -300px; 
    top: calc(50% + 55px); 
    margin-top: 0px;
    text-align: center;
    line-height: 0.9;
}

.animacao span.slogam-01{
    font-size: 50px;
    color: #707070;
}

.animacao span.slogam-02{
    font-size: 50px;
    color: #e12329; 
    font-weight: bolder;
    font-family: 'Montserrat ExtraBold';
}

.border-vertical {
    border-left: 2px solid #707070;
    display: unset;
}

.bg-home {
    background: url('/images/bg/bg_1.png') no-repeat;
    background-position-x: center;
    background-size: cover;
    /* background: #000; */
}
.bg-home section {
    color: #EFEFEF;
    margin: auto;
    max-width: 1040px;
}

body {
    background: #292929;
    font-size: 62.5%;
}

.bg-preto {
    background-color: #292929!important;
    z-index: 999999;
    top: 0;
    position: fixed;
    width: 100%;
    max-height: 60px;
}

.navbar {
    background-color: #292929!important;
    position: relative;
    height: 60px;
    width: 100%;
}

.menu {
    padding-top: 10px;
}

.form-group div {
    margin-bottom: 5px;
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    position: absolute;
    left: 1%;
    top: -10px;
    cursor: pointer;
}
.link-contato {
    margin: auto;
}
.link-contato a {
    color: #fff;
    border-bottom: 2px solid #a4120b;
    width: 62px;
    text-align: center !important;
    padding-left: 0px;
    padding-bottom: 3px;
}
.link-contato li {
    text-decoration: none;
    list-style: none;
    list-style-type: none;
}

.box p {
    color: #fff;
    text-align: center;
    line-height: 1;
}

.nav-link {
    cursor: pointer;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: 'Roboto', sans-serif;
    color: #707070;
}
/*.logo-sander {
    clear: both;
    padding-bottom: 13%;
    position: absolute;
    top: 724.39px;
    margin-left: 3%;
    width: 134.05px;
    height: 29.43px;
}*/
.icons-footer {
    position: relative;
    top: 242px;
    max-width: 1000px;
    display: none;
    justify-content: space-between;
}

.icones-rodape2 {
    clear: both;
    padding-bottom: 13%;
    position: absolute;
    top: 724.39px;
    right: 0%;
    width: 134.05px;
    height: 29.43px;
}
.icones-rodape li {
    display: inline-block;
    text-decoration: none;
    list-style: none;
    list-style-type: none;
    padding: 0 5px;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff0;
    background-clip: border-box;
    border: none;
    border-radius: none;
    margin: 0;
}
.link-direita {
    text-align: right;
}


.slide img:hover {
    -webkit-filter: drop-shadow(0px 10px 2px #000);
    filter:         drop-shadow(0px 10px 2px #000);
}
/*
.slick-dots {
    position: absolute;
    bottom: 33%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
*/
.logo-sander, .icones-rodape {
    width: 25%;
}

.slick-dots {
    position: relative;
    width: 50%;
    margin: -32px auto;
    padding: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    content: '•';
    text-align: center;
    opacity: 0.40;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*
    border: 1px solid #fff;
    border-radius: 50%;
*/
}

/*
.slide img{
    width: 150% !important;
    text-align: center;
}
*/

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
    border: 1px solid #fff;
    border-radius: 50%;
    padding-right: 0.6px;
    padding-top: 5.1px;
    margin-top: 0px;
    line-height: 20px;
}

.icones-lateral {
    margin: 40px 20px 0px 0px;
    
}

.icones-lateral li {
    
    list-style-type: none !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    vertical-align: middle;
}

.logo-lateral img {
    vertical-align: middle;
}

.branco {
    color: #ffffff;
}
.verde-escuro {
    color: #019D6F;    
}

.verde {
    color: #007754;
}
.verde-claro {
    color: #65C45C;
}
.amarelo {
    color: #F29D14;
}
.marrom {
    color: #6D4227;
}
.btn-branco {
    color: #007754;
    font-weight: 800;
    border-radius: 0;
}
.btn-amarelo:hover {
    opacity: 0.8;
}
.btn-amarelo {
    background: #F29D14;
    color: #fff;
    font-weight: 800;
    border-radius: 0;
}
.btn-verde {
    background: #009f71;
    color: #fff;
    font-weight: 800;
    border-radius: 0;
}
.btn-verde-claro {
    background: #65C45C;
    color: #fff;
    font-weight: 800;
    border-radius: 0;
    border-color: #fff;
}
.btn-verde-claro:hover {
    background: #65C45C;
    opacity: 0.8;
}
.btn-vermelho {
    background: #e12329;
    color: #fff;
    font-weight: 800;
    border-radius: 0;
}
.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.vermelho {
    color: #D53B3B;
}


.texto01 {
    font-family: 'Roboto' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1;
    margin-top: 30px;
}
.texto02 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.1;
}
.texto03 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    line-height: 1;
}
.side-menu-wrapper {
    overflow: auto !important;
    font-family: 'Roboto', sans-serif !important;
    /* style menu wrapper */
    /*        overflow: hidden;*/
    background: rgba(255, 255, 255, 0.95);
    position: fixed;
    /* Fixed position */
    top: -50px;
    
    /* Sidebar initial position. "left" for right positioned menu */
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /* CSS transition speed */
    width: 50%;
    font: 16px;
    margin-top: 50px;
    text-align: center;
    color: #707070;
}

.side-menu-wrapper.side-menu-wrapper-left {
    left: -50%;
    padding: 40px 0 0 40px;
}
.side-menu-wrapper.side-menu-wrapper-right {
    left: 100%;
    padding: 40px 40px 0 0;
}

.side-menu-wrapper-left .texto-lateral {
    margin-left: auto; 
    margin-right: 87px;
    text-align: end;
}

.side-menu-wrapper-right .texto-lateral {
    margin-right: auto; 
    margin-left: 87px;
    text-align: start;
}

.texto-lateral {
    color: #707070;
    margin-bottom: 30px;
    max-width: 357px;
}

.texto-secundario {
    color: #9F9F9F !important;
    font-size: 12px;
    font-weight: bold;
}

.border-horizontal {
    color: #707070;
    border-top: 2px solid #9F9F9F;
    /* position: absolute; */
    text-align: center !important;
    height: 12px;
    width: 43%;
    margin: auto;
    z-index: 9999999999999999999999999999;
}

/* MODAL */

.modal-backdrop {
    z-index: 0;
}
.display_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.titulo-modal {
    font-size: 25px;
    color: #D53B3B;
    text-align: center;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.titulo-modal2 {
    font-size: 25px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
.modal-body p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    color: #707070;
    line-height: 1.4;
    font-size: 18px;
}
.modal-formulario {
    border-radius: 17px;
    font-size: 16px;
}
.modal-formulario2 {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    background-color: #fff0;
    background-clip: padding-box;
    border: 1px solid #D1D1D1;
    border-radius: 17px;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.modal-formulario2:active {
    color: #707070;
    background-color: #fff0;
    border-color: #fff;
    box-shadow: none;
}
.modal-formulario2:focus {
    color: #707070;
    background-color: #fff0;
    border-color: #fff;
    box-shadow: none;
}

.container-modal-contato {
    background: #363636;
    border: none;
}
.modal-content {
    border-radius: 26px;
}

.text-area {
    line-height: 1, 5;
    padding-bottom: 10%
}
.btn-fechar {
    float: right;
    color: #707070;
    background-color: #6c757d00;
    border-color: #6c757d00;
    font-size: 2em;
    right: 8px;
    top: 0;
    position: absolute;
}
.btn-fechar:hover {
    color: #9c9b9b;
    background-color: #5a626800;
    border-color: #545b6200;
}

/*
.btn-fechar:not(:disabled):not(.disabled).active,
.btn-fechar:not(:disabled):not(.disabled):active,
.show>.btn-fechar.dropdown-toggle {
    color: #9c9b9b;
    background-color: #5a626800;
    border-color: #545b6200;
}
*/

/* MEDIA SCREEN */
@media (min-width: 1200px) {
    .slide {
        /* top: -407px; */
        position: absolute;
        top: 220px;
        max-width: 1040px;
        width: calc(100vw - 25%);
        margin: auto;
        /*left: 50%;
        margin-left: calc(((100vw - 25%) /2) * -1);*/
        text-align: center;
        display: flex;
        justify-content: space-between;
        /* z-index: 9; */
        /* position: relative; */
    }
        
    .eefi-resultados .inline {
        display: inline-block;
        vertical-align: middle;
    }
    .coach-exemplos {
        margin-left: 65px;
    }

    .box-detalhe {
        margin-left: 11px;
    }
        
    .box-detalhe-center {
        border-radius: 20px;
        background-color: #F5F5F5;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
        width: 90%;
        display: block;
        margin: 15px auto;
        color: #707070;
        padding-left:72px;
        padding-right: 82px;
        padding-top: 14px;
        padding-bottom: 5px;
    }

    .bg-detalhes .logo-prd {
        text-align: center;
        padding-top: 3%;
        width: 40%;
        height: 163px;
        margin: 0 auto 25px;
        border-bottom: solid 0.5px #9F9F9F49;
        display: flex;
        justify-content: center;
    }

    .abas li  .circle.active span {
        display: block;
    }
    .box-resultado {
        margin-left: -25px;
    }
    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 2rem 6rem;
        border-radius: 26px;
    }

    .aprenda .float-left, .aprenda .float-left img {
        padding-left: 0;
    }
    .aprenda .float-right, .aprenda .float-right img {
        padding-right: 0;
    }
    .aprenda .float-middle, .aprenda .float-middle img {
        float: left;
        padding-left: 0;
        padding-right: 0;
    }
        
    .coach-exemplos ul {
        padding-left: 17px;
    }
        
    .box-detalhe .coach-exemplos {
        margin-left: 60px;
    }
        
    .abas li .active {
        font-family: 'Roboto', Arial !important;
        text-align: center !important;
        font-weight: 900;
        color: #fff;
        font-size: 18px;
        padding-right: 45px;
        padding-left: 45px;
        padding-top: 15px;
        padding-bottom: 14px;
        letter-spacing: 2px;
        top: 10px;
    }

    .box-detalhe-01 div {
        margin-left: 97px;
    }
    .box-detalhe-01 p {
        margin-left: 97px;
    }
    .eefi-passos .sample {
        max-width: 80%;
    }
    .box-detalhe-01 img {
        margin-left: -100px;
    }
    .box-detalhe-02 img {
        margin-left: 95px;
    }

    .bg-produto section .produtos .col-1 {
        margin-right: 15px;
    }

    .bg-produto section .produtos .col-2 {
        margin-left: 15px;
    }

    .menu-slide {
        position: relative;
        width: 700px;
        margin: auto;
        text-align: left;
        display: inline-block;
    }

    .menu-slide .menu-ul{
        float: left;
        width: 640px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }

    .menu-slide ul {
        position: relative;
        margin: 0;
        left: 0px;
        text-align: left;
    }

    .menu-slide ul li {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
        color: #707070;
        letter-spacing: 2px;
    }

        
    span.seta-esquerda {
        display: inline-block;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-right: 9px solid #707070; 
    }

    span.seta-direita {
        display: inline-block;  
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-left: 9px solid #707070; 
    }

    .menu-slide .seta-esquerda {
        opacity: 0;
        float: left;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        margin-left: -10px;
    }

    .menu-slide .seta-direita {
        float:right;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        cursor: pointer;
    }

    .menu-slide ul li.active {
        font-weight: 700;
    }

    .logo {
        visibility: visible;
    }
    .contato-01 {
        visibility: hidden;
    }
    .contato-02 {
        visibility: visible;
        /*position: absolute;*/
        height: 20px;
        right: 0;
        /*top: 50%;*/
        margin-top: -2.5px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700;
        font-size: 12px;
    }
    /*
    .navbar-dark .navbar-nav .nav-link {
        padding: 0% 20%;
    }
*/
    
    .font-01 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 35px;
        font-weight: 100;
        text-align: center;
        color: #fff;
    }
    .font-02 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 33px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    .box {
        background: url('/images/bg/box.png') no-repeat center;
        background-size: 105%;
        width: 349px;
        max-height: 228px;
        margin: auto;
        margin-top: 68px;
        padding: 2%;
        padding-top: 3.5%;
        z-index: 1;
        text-align: center;
    }
    .links-home {
        width: 100%;
        padding: 2%;
        text-align: center;
        position: initial;
        margin-top: 10%;
    }
    .link-esquerda {
        padding-top: 40%;
    }
    .link-direita {
        padding-top: 40%;
    }
    .links {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        width: 70%;
        padding-top: 1%;
    }
    
    .icones-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .menu-slide {
        position: relative;
        width: 640px;
        margin: auto;
        text-align: left;
        display: inline-block;
    }

    .menu-slide .menu-ul{
        float: left;
        width: 600px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }

    .menu-slide ul {
        position: relative;
        margin: 0;
        left: 0px;
        text-align: left;
    }

    .menu-slide ul li {
        font-family: 'Roboto', sans-serif !important;
        font-weight: 400;
        font-size: 12px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
        color: #707070;
        letter-spacing: 2px;
    }

        
    span.seta-esquerda {
        display: inline-block;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-right: 9px solid #707070; 
    }

    span.seta-direita {
        display: inline-block;  
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-left: 9px solid #707070; 
    }

    .menu-slide .seta-esquerda {
        opacity: 0;
        float: left;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        margin-left: -10px;
    }

    .menu-slide .seta-direita {
        float:right;
        position: absolute;
        top: 50%;
        margin-top: -8px;
        cursor: pointer;
    }

    .slide {
        /* top: -407px; */
        position: absolute;
        top: 220px;
        max-width: 1040px;
        width: 100%;
        margin: auto;
        /*left: 50%;
        margin-left: calc(((100vw - 25%) /2) * -1);*/
        text-align: center;
        display: flex;
        justify-content: space-between;
        /* z-index: 9; */
        /* position: relative; */
    }
        
    .eefi-resultados .inline {
        display: inline-block;
        vertical-align: middle;
    }
    .coach-exemplos {
        margin-left: 65px;
    }
    
    .box-detalhe {
        margin-left: 11px;
    }
        
    .box-detalhe-center {
        border-radius: 20px;
        background-color: #F5F5F5;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
        width: 90%;
        display: block;
        margin: 15px auto;
        color: #707070;
        padding-left:72px;
        padding-right: 82px;
        padding-top: 14px;
        padding-bottom: 5px;
    }

    .bg-detalhes .logo-prd {
        text-align: center;
        padding-top: 3%;
        width: 40%;
        height: 163px;
        margin: 0 auto 25px;
        border-bottom: solid 0.5px #9F9F9F49;
        display: flex;
        justify-content: center;
    }

    .abas li  .circle.active span {
        display: block;
    }
        
    span.seta-esquerda {
        display: inline-block;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-right: 9px solid #707070; 
    }

    span.seta-direita {
        display: inline-block;  
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-left: 9px solid #707070; 
    }

    .box-resultado {
        margin-left: -25px;
    }
    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 2rem 6rem;
        border-radius: 26px;
    }

    .aprenda .float-left, .aprenda .float-left img {
        padding-left: 0;
    }
    .aprenda .float-right, .aprenda .float-right img {
        padding-right: 0;
    }
    .aprenda .float-middle, .aprenda .float-middle img {
        float: left;
        padding-left: 0;
        padding-right: 0;
    }
        
    .coach-exemplos ul {
        padding-left: 17px;
    }
                
    .box-detalhe .coach-exemplos {
        margin-left: 60px;
    }

    .abas li .active {
        font-family: 'Roboto', Arial !important;
        text-align: center !important;
        font-weight: 900;
        color: #fff;
        font-size: 18px;
        padding-right: 45px;
        padding-left: 45px;
        padding-top: 15px;
        padding-bottom: 14px;
        letter-spacing: 2px;
        top: 10px;
    }

    .box-detalhe-01 div {
        margin-left: 97px;
    }
    .box-detalhe-01 p {
        margin-left: 97px;
    }
    .eefi-passos .sample {
        max-width: 80%;
    }
    
    .box-detalhe-01 img {
        margin-left: -100px;
    }
    .box-detalhe-02 img {
        margin-left: 95px;
    }

    .bg-produto section .produtos .col-1 {
        margin-right: 15px;
    }

    .bg-produto section .produtos .col-2 {
        margin-left: 15px;
    }

    .logo {
        visibility: visible;
    }
    .contato-01 {
        visibility: hidden;
    }
    .contato-02 {
        visibility: visible;
        /*position: absolute;*/
        right: 0;
        margin-top: 1.2px;
        font-family: 'Roboto', sans-serif !important;
        font-weight: 700;
        font-size: 12px;
        /*top: 18px;*/
    }
    .navbar-dark .navbar-nav .nav-link {
        /*        padding: 0% 20%;*/
    }
    .font-01 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 33px;
        font-weight: 100;
        text-align: center;
        color: #fff;
    }
    .font-02 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 1.5em;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    .box {
        background: url('/images/bg/box.png') no-repeat center;
        background-size: 105%;
        width: 349px;
        max-height: 228px;
        margin: auto;
        margin-top: 68px;
        padding: 2%;
        padding-top: 3.5%;
        z-index: 1;
        text-align: center;
    }
    .links {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        width: 90%;
        padding-top: 5%;
    }
    .links-home {
        padding-top: 4%;
    }
    .link-esquerda {
        padding-top: 40%;
    }
    .link-direita {
        padding-top: 40%;
    }
    .icones-rodape2 {
        position: relative;
        right: 18%;
        padding-bottom: 13%;
    }
    .icones-rodape2 li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    
    .texto-lateral {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
    }
    .texto-lateral p:first-child {
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral2 {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
    }
    .texto-lateral2 p:first-child {
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral {
        width: 80%;
        text-align: right;
        padding-left: 20%;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral2 {
        width: 80%;
        text-align: left;
        padding-right: 20%;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .slide {
        /* top: -407px; */
        position: absolute;
        top: 320px;
        max-width: 1040px;
        width: 100%;
        margin: auto;
        /*left: 50%;
        margin-left: calc(((100vw - 25%) /2) * -1);*/
        text-align: center;
        display: flex;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 15px;
        /* z-index: 9; */
        /* position: relative; */
    }
        
    .eefi-resultados .inline {
        display: inline-block;
        vertical-align: middle;
    }
    .coach-exemplos {
        margin-left: 65px;
    }
    
    .box-detalhe {
        margin-left: 11px;
    }
        
    .box-detalhe-center {
        border-radius: 20px;
        background-color: #F5F5F5;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
        width: 90%;
        display: block;
        margin: 15px auto;
        color: #707070;
        padding-left:72px;
        padding-right: 82px;
        padding-top: 14px;
        padding-bottom: 5px;
    }

    .bg-detalhes .logo-prd {
        text-align: center;
        padding-top: 3%;
        width: 40%;
        height: 163px;
        margin: 0 auto 25px;
        border-bottom: solid 0.5px #9F9F9F49;
        display: flex;
        justify-content: center;
    }

    .abas li  .circle.active span {
        display: block;
    }
        
    span.seta-esquerda {
        display: inline-block;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-right: 9px solid #707070; 
    }

    span.seta-direita {
        display: inline-block;  
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent; 
        border-left: 9px solid #707070; 
    }

    .box-resultado {
        margin-left: -25px;
    }
    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 2rem 6rem;
        border-radius: 26px;
    }

    .coach-exemplos ul {
        padding-left: 17px;
    }
            
    .box-detalhe .coach-exemplos {
        margin-left: 60px;
    }
    .box-detalhe-01 div {
        margin-left: 97px;
    }
    .box-detalhe-01 p {
        margin-left: 97px;
    }
    .box-detalhe-01 img {
        margin-left: -100px;
    }
    .logo {
        visibility: hidden;
    }
    .contato-01 {
        visibility: hidden;
    }
    .contato-02 {
        visibility: visible;
        /*position: absolute;
        right: 0;
        top: 18px;*/
        margin-top: -2.5px;
    }
    .navbar-dark .navbar-nav .nav-link {
        /*        padding: 0% 20%;*/
    }
    .links {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        width: 90%;
        padding-top: 5%;
    }
    .link-esquerda {
        padding-top: 28%;
    }
    .link-direita {
        padding-top: 40%;
    }
    .font-01 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 26px;
        font-weight: 100;
        text-align: center;
        color: #fff;
    }
    .font-02 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 20px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    .box {
        background: url('/images/bg/box.png') no-repeat center;
        background-size: 105%;
        width: 349px;
        max-height: 228px;
        margin: auto;
        margin-top: 40px;
        padding: 2%;
        padding-top: 3.5%;
        z-index: 1;
        text-align: center;
    }
    .icones-rodape2 {
        position: relative;
        right: 18%;
        padding-bottom: 13%;
    }
    .icones-rodape2 li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    
    .texto-lateral {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
    }
    .texto-lateral p:first-child {
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral2 {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
    }
    .texto-lateral2 p:first-child {
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral {
        width: 100%;
        text-align: center;
        padding-right: 4%;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral2 {
        width: 100%;
        text-align: center;
        padding-right: 4%;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
    .logo-lateral {
        padding-right: 0;
        text-align: center;
    }
}
@media (min-width: 576px) {

    .modal-dialog {
        max-width: 836px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
        
    .box-detalhe-center {
        border-radius: 20px;
        background-color: #F5F5F5;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
        width: 90%;
        display: block;
        margin: 15px auto;
        color: #707070;
        padding-left:12px;
        padding-right: 12px;
        padding-top: 14px;
        padding-bottom: 5px;
    }


    .bg-detalhes .logo-prd {
        text-align: center;
        padding-top: 3%;
        width: 80%;
        height: 163px;
        margin: 0 auto 25px;
        border-bottom: solid 0.5px #9F9F9F49;
        display: flex;
        justify-content: center;
    }

    .abas li  .circle.active {
        border-bottom: #fff solid 2px;
    }

    .animacao span.slogam-01{
        font-size: 30px;
        color: #707070;
    }

    .animacao span.slogam-02{
        font-size: 30px;
        color: #e12329; 
        font-weight: bolder;
        font-family: 'Montserrat ExtraBold';
    }

    .side-menu-wrapper {
        width: 100%;
    }
        
    .side-menu-wrapper.side-menu-wrapper-left {
        left: -100%;
        padding: 40px 0 0 40px;
    }
    .side-menu-wrapper.side-menu-wrapper-right {
        left: 100%;
        padding: 40px 40px 0 0;
    }

    .side-menu-wrapper-left .texto-lateral {
        margin-left: auto; 
        margin-right: 87px;
        text-align: end;
    }

    .side-menu-wrapper-right .texto-lateral {
        margin-right: auto; 
        margin-left: 87px;
        text-align: start;
    }


    .menu-slide ul {
        width: 100%;
    }

    .menu-slide ul li {
        text-align: center;
        font-size: 2em;
    }

    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 3%;
        border-radius: 26px;
    }

    .ask-dg.resultado .result-msg {
        display: block; 
        width: 80%; 
    }
    .contato-01 {
        visibility: hidden;
    }
    .contato-02 {
        visibility: visible;
        position: absolute;
        right: 0;
        top: 18px;
    }
    .logo {
        visibility: hidden;
    }
    .links {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        width: 90%;
        padding-top: 5%;
    }
    .link-esquerda {
        padding-top: 0%;
        padding: 6%;
    }
    .link-direita {
        padding-top: 0%;
    }
    .font-01 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 3.3em;
        font-weight: 100;
        text-align: center;
        color: #fff;
    }
    .font-02 {
        font-family: 'Montserrat', sans-serif;
        line-height: 32px;
        font-size: 3.3em;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    .box {
        background: url('/images/bg/box.png') no-repeat center;
        background-size: 105%;
        margin: auto;
        max-width: 349px;
        max-height: 228px;
        padding: 5% 2%;
        z-index: -1;
    }

    .slide {
        /* top: -407px; */
        position: relative;
        margin-top: 50px;
        width: 80%;
        height: 120px;
        /*margin-left: -155.25px;*/
        margin: auto;
        /*left: 50%;
        margin-left: calc(((100vw - 25%) /2) * -1);*/
        display: block;
        /* z-index: 9; */
        /* position: relative; */
    }
    .slide div {
        text-align: center;
    }
    .icons-footer {
        position: relative;
        top: 242px;
        max-width: 1000px;
        display: none;
        justify-content: space-between;
    }
    .links {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        width: 92%;
        padding-top: 5%;
    }
    .link-direita {
        text-align: center;
    }
    
    .texto-lateral {
        width: 100%;
        text-align: center;
        padding-right: 5%;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral2 {
        width: 100%;
        text-align: center;
        padding-left: 0%;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
    .logo-lateral {
        padding-right: 0;
        text-align: center;
    }
    .icones-rodape2 {
        position: fixed;
        right: 6%;
        bottom: 0;
    }
    .icones-rodape2 li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
}
@media (max-width: 575.98px) {
        
    .box-detalhe-center {
        border-radius: 20px;
        background-color: #F5F5F5;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
        width: 90%;
        display: block;
        margin: 15px auto;
        color: #707070;
        padding-left:12px;
        padding-right: 12px;
        padding-top: 14px;
        padding-bottom: 5px;
    }

    .bg-detalhes .logo-prd {
        text-align: center;
        padding-top: 3%;
        width: 80%;
        height: 163px;
        margin: 0 auto 25px;
        border-bottom: solid 0.5px #9F9F9F49;
        display: flex;
        justify-content: center;
    }

    .abas li  .circle.active {
        border-bottom: #fff solid 2px;
    }

    .animacao span.slogam-01{
        font-size: 30px;
        color: #707070;
    }

    .animacao span.slogam-02{
        font-size: 30px;
        color: #e12329; 
        font-weight: bolder;
        font-family: 'Montserrat ExtraBold';
    }

    .side-menu-wrapper {
        width: 100%;
    }
        
    .side-menu-wrapper.side-menu-wrapper-left {
        left: -100%;
        padding: 40px 20px 40px 20px;
    }
    .side-menu-wrapper.side-menu-wrapper-right {
        left: 100%;
        padding: 40px 20px 40px 20px;
    }

    .side-menu-wrapper-left .texto-lateral {
        margin-left: auto; 
        margin-right: 20px;
        text-align: end;
    }

    .side-menu-wrapper-right .texto-lateral {
        margin-right: auto; 
        margin-left: 20px;
        text-align: start;
    }


    .menu-slide ul {
        width: 100%;
    }

    .menu-slide ul li {
        text-align: center;
        font-size: 2em;
    }

    .modal-body {
        position: relative;
        -ms-flex: 1 1 auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        padding: 10%;
        border-radius: 26px;
    }

    .ask-dg.resultado .result-msg {
        display: block; 
        width: 80%; 
    }
        
    .ask-dg.resultado .result-msg .result-balao-total {
        display:block; 
    }

    .ask-dg.resultado .result-msg .result-balao-total .result-total {
        display: block; 
    }

    .contato-01 {
        visibility: visible;
    }
    .contato-02 {
        visibility: hidden;
    }
    .logo {
        visibility: hidden;
    }
    .links {
        position: absolute;
        text-align: center;
        margin: 0 auto;
        width: 90%;
        padding-top: 5%;
    }
    .link-esquerda {
        padding-top: 0%;
        padding: 6%;
    }
    .link-direita {
        padding-top: 0%;
    }
    .font-01 {
        font-family: 'Montserrat', sans-serif;
        line-height: 1;
        font-size: 2.3em;
        font-weight: 100;
        text-align: center;
        color: #fff;
    }
    .font-02 {
        font-family: 'Montserrat', sans-serif;
        line-height: 1;
        font-size: 2.3em;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    .texto-secundario {
        font-size: 8px;
    }
    .box {
        background: url('/images/bg/box.png') no-repeat center;
        background-size: 105%;
        margin: auto;
        max-width: 70%;
        max-height: 40%;
        padding: 12% 8%;
        z-index: -1;
    }
    .slide {
        /* top: -407px; */
        position: relative;
        margin-top: 50px;
        width: 80%;
        height: 120px;
        /*margin-left: -155.25px;*/
        margin: auto;
        /*left: 50%;
        margin-left: calc(((100vw - 25%) /2) * -1);*/
        display: block;
        /* z-index: 9; */
        /* position: relative; */
    }
    .icons-footer {
        position: relative;
        top: 362px;
        max-width: 1000px;
        display: none;
        justify-content: space-between;
    }
    
    .icones-rodape2 {
        position: fixed;
        right: 6%;
        bottom: 0;
    }
    .icones-rodape2 li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    
    .texto-lateral {
        width: 100%;
        text-align: center;
        padding-right: 0px;
        padding-top: 3%;
        font-family: 'Roboto', sans-serif;
    }
    .texto-lateral2 {
        width: 100%;
        text-align: center;
        padding-left: 0%;
        padding-top: 3%;
    }
    .logo-lateral {
        padding-right: 0;
        text-align: center;
    }
}

/* Página Sobre */

.bg-sobre section {
    color: #EFEFEF;
    margin: auto;
    padding-top: 100px;
    max-width: 1040px;
    font-size: 1.8em;
}
.bg-sobre section.sobre-nos .container {
    max-width: 793px;
    margin: 0;
}
.bg-sobre {
    background: url('/images/bg/Sobre-BG.png') no-repeat;
    background-position-x: center;
    background-size: cover;
    
}
.bg-sobre p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.conteudo {
    margin-top: 6%;
    /*    margin-left: 9%;*/
    
    margin-right: 0%;
}
.conteudo p {
    color: #fff;
}
.titulo1 {
    color: #707070;
    display: inline-block;
    padding-right: 2%;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px;
    letter-spacing: 4px;
    padding-left: 0px;
    vertical-align: middle;
}

.linha-cinza {
    border-top: 1px solid #707070;
    width: 10%;
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle;
}
.linha-cinza2 {
    border-top: 3px solid #707070;
    width: 2%;
    float: left;
    margin-top: 8px;
    margin-left: 2%;
    margin-right: 1%;
}
.titulo2 {
    color: #707070;
    /*    float: left;*/
    
    padding-right: 0%;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    margin: 0 35px;
}
.linha1 {
    border-top: 3px solid #707070;
    width: 3%;
    float: left;
    margin-top: 8px;
    margin-left: 0%;
    margin-right: 1%;
}
.linha2 {
    border-top: 3px solid #707070;
    width: 2%;
    float: left;
    margin-top: 8px;
    margin-left: 1%;
    margin-right: 1%;
}
.linha-cinza2 {
    border-top: 3px solid #707070;
    width: 2%;
    float: left;
    margin-top: 8px;
    margin-left: 1%;
    margin-right: 1%;
}
.center {
    text-align: center;
}
.titulolinha-sobre {
    margin-top: 2%;
    height: 1px;
    background-color: #707070;
    text-align: center;
    width: 300px;
    text-align: center;
    margin: 0 auto;
}
.titulolinha-sobre span {
    background-color: #222323;
    position: relative;
    top: -0.7em;
    padding: 0 12px;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    color: #707070;
    letter-spacing: 3px;
}
.titulolinha {
    margin-top: 2%;
    height: 1px;
    background-color: #707070;
    text-align: center;
    width: 300px;
    text-align: center;
    margin: 0 auto;
}
.titulolinha span {
    background-color: #292929;
    position: relative;
    top: -0.7em;
    padding: 0 12px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #707070;
    letter-spacing: 3px;
}
.span-01 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 25px;
    color: #fff;
}
.galeria {
    margin-bottom: 5%;
}
.slick-next {
    right: 15px;
}
.slick-next {
    right: 15px;
    z-index: 99999;
    background: url('/images/sobre/seta.png') no-repeat !important;
    width: 55px;
    -webkit-transform: rotate(226deg);
    -ms-transform: rotate(226deg);
    transform: rotate(226deg);
}
.slick-prev {
    background: url('/images/sobre/seta.png') no-repeat !important;
    width: 55px;
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg);
    z-index: 9999;
    top: 77px;
    left: 10px;
}
.slick-prev:before {
    content: '';
}
.slick-next:before {
    background: url('/images/sobre/seta.png') no-repeat !important;
    width: 100px;
    z-index: 99999;
    content: '';
}
.slide-sobre {
    margin-bottom: 5%;
}
.slide-sobre img {
    margin-left: 10px;
    margin-right: 10px;
}
.span-01 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    line-height: 2.4em;
    letter-spacing: 6px;
}
.chamada-sobre {
    text-align: center;
    display: inline-table;
    float: left;
    margin-top: 20px;
}
.chamada-sobre h2 {
    color: #707070;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 3px;
    font-size: 20px;
}
.chamada-sobre p {
    color: #EFEFEF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.chamada-sobre img {
    widows: 70px;
    height: 70px;
    margin-bottom: 10px;
}
.lista-visao {
    color: #fff;
    padding-left: 28%;
}
.lista-visao li {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}
.divisao-rodape {
    /*    float: left;*/
    
    margin-top: 6%;
}
.card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}
.card div {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.rodape {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3%;
}
.conteudo2 {
    margin-top: 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.servicos-gestao {
    margin-top: -200px;
}

/* MEDIA SCREEN */
@media (min-width: 1441px) {
    .diretor {
        float: left;
        margin-top: 5%;
    }
    .diretor img {
        float: right;
    }
    .lista-diretor {
        color: #fff;
        padding: 0;
        font-weight: 600;
    }
    .lista-diretor li {
        border-left: 1px solid #fff;
        margin: 10px 0;
        list-style-type: none;
        padding-left: 1em;
    }
    .texto-diretor h2 {
        color: #EFEFEF;
        font-size: 18px;
        padding-left: 30%;
        padding-top: 2%;
        font-family: 'Montserrat', sans-serif;
    }
    .texto-diretor p {
        color: #707070;
        font-size: 13px;
        padding-left: 30%;
        padding-top: 0;
        margin-top: -12px;
        letter-spacing: 3px;
        font-weight: 600;
    }
    .footer-contact {
        display: flex;
        justify-content: space-around;
    }
    .rodapelinha {
        margin: 3%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }
    .footer-contact div {
        position: relative;
        vertical-align: middle;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
        letter-spacing: 3px
    }
    .span-02 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    .span-03 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin-top: 1%;
    }
    .social-rodape {
        /*        position: absolute;*/
        right: 18%;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    
    .img-center img {
        width: 181.42px;
    }
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .diretor {
        float: left;
        margin-top: 5%;
    }
    .diretor img {
        float: right;
    }
    .lista-diretor {
        color: #fff;
        padding: 0;
        font-weight: 600;
    }
    .lista-diretor li {
        border-left: 1px solid #fff;
        margin: 10px 0;
        list-style-type: none;
        padding-left: 1em;
    }
    .texto-diretor h2 {
        color: #EFEFEF;
        font-size: 18px;
        padding-left: 30%;
        padding-top: 2%;
    }
    .texto-diretor p {
        font-weight: 600;
        color: #707070;
        font-size: 14px;
        padding-left: 30%;
        padding-top: 0;
        margin-top: -12px;
    }
    .rodapelinha {
        margin: 3%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }
    .footer-contact div {
        position: relative;
        vertical-align: middle;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
        letter-spacing: 3px
    }
    .span-02 {
        margin-top: -25px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
    }
    .span-03 {
        margin-top: -5px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        letter-spacing: 3px;
    }
    .social-rodape {
        position: absolute;
        right: 18%;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    
    .img-center img {
        width: 181.42px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .diretor {
        float: left;
        margin-top: 5%;
    }
    .diretor img {
        float: right;
    }
    .lista-diretor {
        color: #fff;
        padding: 0;
        font-weight: 600;
    }
    .lista-diretor li {
        border-left: 1px solid #fff;
        margin: 10px 0;
        list-style-type: none;
        padding-left: 1em;
    }
    .texto-diretor h2 {
        color: #EFEFEF;
        font-size: 18px;
        padding-left: 15%;
        padding-top: 2%;
    }
    .texto-diretor p {
        font-weight: 600;
        color: #707070;
        font-size: 14px;
        padding-left: 15%;
        padding-top: 0;
        margin-top: -12px;
    }
    .rodapelinha {
        margin-top: 2%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        margin: 0 auto;
    }
    .rodapelinha span {
        background-color: #332e2c;
        position: relative;
        top: -0.7em;
        padding: 0 6px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
    }
    .span-02 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    .span-03 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin-top: 1%;
    }
    .social-rodape {
        position: absolute;
        right: 18%;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    .img-center img {
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .diretor {
        float: left;
        margin-top: 5%;
    }
    .diretor img {
        width: 100%;
    }
    .lista-diretor {
        color: #fff;
        padding: 0;
        font-weight: 600;
    }
    .lista-diretor li {
        border-left: 1px solid #fff;
        margin: 10px 0;
        list-style-type: none;
        padding-left: 1em;
    }
    .texto-diretor h2 {
        color: #EFEFEF;
        font-size: 18px;
        padding-left: 0%;
        padding-top: 2%;
    }
    .texto-diretor p {
        font-weight: 600;
        color: #707070;
        font-size: 14px;
        padding-left: 0%;
        padding-top: 0;
        margin-top: -12px;
    }
    .rodapelinha {
        margin-top: 2%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        margin: 0 auto;
    }
    .rodapelinha span {
        background-color: #332e2c;
        position: relative;
        top: -0.7em;
        padding: 0 6px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
    }
    .span-02 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    .span-03 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin-top: 1%;
    }
    .social-rodape {
        position: absolute;
        right: 18%;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    .img-center img {
        width: 50%;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .diretor {
        float: left;
        margin-top: 5%;
    }
    .diretor img {
        width: 100%;
    }
    .lista-diretor {
        color: #fff;
        padding: 0;
        font-weight: 600;
    }
    .lista-diretor li {
        border-left: 1px solid #fff;
        margin: 10px 0;
        list-style-type: none;
        padding-left: 1em;
    }
    .texto-diretor h2 {
        color: #EFEFEF;
        font-size: 18px;
        padding-left: 0%;
        padding-top: 2%;
    }
    .texto-diretor p {
        font-weight: 600;
        color: #707070;
        font-size: 14px;
        padding-left: 0%;
        padding-top: 0;
        margin-top: -12px;
    }
    .rodapelinha {
        margin-top: 2%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        margin: 0 auto;
    }
    .rodapelinha span {
        background-color: #332e2c;
        position: relative;
        top: -0.7em;
        padding: 0 6px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
    }
    .span-02 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    .span-03 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin-top: 1%;
    }
    .social-rodape {
        position: none;
        right: 0;
        text-align: center;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    .img-center img {
        width: 100%;
    }
}
@media (max-width: 575.98px) {
    .diretor {
        float: left;
        margin-top: 5%;
    }
    .diretor img {
        width: 100%;
    }
    .lista-diretor {
        color: #fff;
        padding: 0;
        font-weight: 600;
    }
    .lista-diretor li {
        border-left: 1px solid #fff;
        margin: 10px 0;
        list-style-type: none;
        padding-left: 1em;
    }
    .texto-diretor h2 {
        color: #EFEFEF;
        font-size: 18px;
        padding-left: 0%;
        padding-top: 2%;
    }
    .texto-diretor p {
        font-weight: 600;
        color: #707070;
        font-size: 14px;
        padding-left: 0%;
        padding-top: 0;
        margin-top: -12px;
    }
    .footer-contact {
        display: block;
        margin: 0 auto;
    }
    
    .footer-contact div {
        position: relative;
        vertical-align: middle;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
        letter-spacing: 3px
    }
    .rodapelinha {
        margin-top: 2%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        margin: 0 auto;
    }
    .rodapelinha span {
        background-color: #332e2c;
        position: relative;
        top: -0.7em;
        padding: 0 6px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
    }
    .span-02 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    .span-03 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin-top: 1%;
    }
    .social-rodape {
        position: initial;
        right: 0%;
        text-align: -webkit-center;
    }
    .img-center img {
        width: 100%;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    .social-rodape {
        position: none;
        right: 0;
        text-align: center;
    }
    .img-center img {
        width: 100%;
    }
}

/* Página Serviços */
.bg-servicos {
    background: url('/images/bg/Servicos-BG.png') no-repeat;
    background-position-x: center;
    background-size: cover;
       
}

.bg-servicos section {
    color: #EFEFEF;
    margin: auto;
    padding-top: 100px;
    max-width: 1100px;
}

.conteudo2 {
    margin-top: 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.servicos {
    margin-top: 60px;
    /*display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    flex-wrap: wrap;
    align-content: stretch;*/
    max-width: 1240px;
}

.servicos h2 {
    margin-left: -16px;
}
.card-servicos {
    font-size: 16px;
}
.servicos .lin-1 {
    min-height: 383px;
}
.servicos .lin-2 {
    min-height: 300px;
}
.servicos .colun-1 {
    max-width: 600px;
}
.servicos .colun-2 {
    max-width: 350px;
}
.servicos .colun-3 {
    max-width: 800px;
}

.card-servicos h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #EFEFEF;
    font-size: 20px;
    padding: 0;
}
.card-servicos p {
    color: #9F9F9F;
}

.card-servicos ul {
    padding-top: 10px;
    padding-left: 0px;
}
.card-servicos li {
    color: #9F9F9F;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    left: 0px;
    margin-left: 0px;
    padding-left: 0px;
}
.card-servicos .vendas li {
    margin-left: -10px;
}

.card-servicos .vendas-2 {
    margin-top: -20px;
}
.card-servicos .vendas-2 li {
    list-style-type: none;
    font-weight: 400;
}

.sem-bolinha1 {
    list-style-type: none;
}
.sem-bolinha2 li {
    padding-left: 35px;
    list-style-type: none;
    margin-left: -26px;
    font-weight: 400;
}

/* MEDIA SCREEN */
@media (min-width: 1441px) {

}
@media (min-width: 1200px) and (max-width: 1440px) {

}
@media (min-width: 992px) and (max-width: 1199.98px) {

}
@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

    .rodape {
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
    }
}
@media (max-width: 575.98px) {
    .rodape {
        display: -webkit-box;
        display: -ms-flexbox;
        display: block;
    }

    .rodapelinha {
        margin-top: 2%;
        height: 1px;
        background-color: #FF787D;
        text-align: center;
        width: 42px;
        text-align: center;
        margin: 0 auto;
    }
    .rodapelinha span {
        background-color: #332e2c;
        position: relative;
        top: -0.7em;
        padding: 0 6px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #707070;
    }
    .span-02 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 25px;
        text-align: center;
        color: #fff;
        margin-top: 4%;
    }
    .span-03 {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 15px;
        text-align: center;
        color: #fff;
        margin-top: 1%;
    }
    .social-rodape {
        position: initial;
        right: 0%;
        text-align: -webkit-center;
    }
    .img-center img {
        width: 100%;
    }
    .social-rodape li {
        display: inline-block;
        text-decoration: none;
        list-style: none;
        list-style-type: none;
        padding: 0 5px;
    }
    .social-rodape {
        position: none;
        right: 0;
        text-align: center;
    }
    .img-center img {
        width: 100%;
    }
}

/* Página Produtos */
.bg-produto {
    background: url('/images/bg/Produtos-BG.png') no-repeat;
    background-position: center;
    background-size: cover;
    
}
.box-produto {
    background: #fff;
    max-width: 485px;
    max-height: 290.11px;
    border-radius: 7px;
    text-align: center;
    margin-bottom: 65px;
}

.bg-produto section {
    color: #EFEFEF;
    margin: auto;
    padding-top: 100px;
    max-width: 1040px;
}

.box-produto img {
    margin-top: 12%;
}

.box-produto hr {
    margin-top: 32.17px;
}

.box-produto p {
    font-family: 'Roboto', sans-serif;
    color: #707070;
    font-size: 18px;
    height: 53px;
}

.box-img-produto {
    height: 150px;
}
.icon-mais img {
    margin-top: 0px;
}
.icon-mais2 img {
    margin-top: 2px;
}

.product-plus {
    cursor: pointer;
}
.product-plus:hover {
    opacity: 0.7;
}
.bg-produto section{
    max-width: 1040px;
    margin: auto;
    padding-top: 100px;
}
.bg-produto section p {
    /*    color: #fff;*/
    
    font-family: 'Roboto', sans-serif;
}
.bg-produto section h1 {
    color: #E9E9E9;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 38px;
}

/* products */
.products {
    margin: 40px 0;
    overflow: hidden;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}
.products ul li p {
    display: none;
}
.products ul.list li p {
    display: block;
}
.products .list li {
    float: none;
    display: block;
    width: 691px;
    height: 245px;
}
.products .list li .titlePro {
    float: left;
    position: relative;
    padding: 45px 0 20px 0;
    width: auto;
    height: auto;
    border: 0;
    background: transparent;
}
.products .list li:hover .titlePro {
    border: 0;
}
.products .list li .titlePro a {
    padding: 0 0 5px 0;
}
.products .list li .titlePro .descTitle {
    color: #333;
    text-transform: none !important;
    padding: 10px 0 0 0;
}
.products .list li .titlePro p {
    color: #333;
    text-transform: none !important;
    width: 440px;
}
.products .list li .wrapimg {
    height: 243px;
    float: left;
    border-right: 1px solid #d9d9d9;
    margin: 0 13px 0 0;
    width: 230px;
    position: relative;
}
.products .list li .wrapimg img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.products .list li .addPro {
    height: 243px;
    border-bottom: 1px solid rgba(51, 51, 51, 1);
}
.products .list li .addPro a {
    margin: 45% auto auto 40px;
}
.products.catalog {
    margin: 80px auto 40px auto;
}
.products.category {
    margin: 10px 0;
    width: 693px;
    float: left;
}
.products ul li {
    float: left;
    margin: 0;
    padding: 0;
    width: 230px;
    height: 244px;
    position: relative;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.products ul li img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.products ul li:hover .addPro,
.products ul li:hover .addPro a {
    opacity: 1;
}
.products ul li:hover .titlePro {
    border: 1px solid rgba(51, 51, 51, 1);
    border-top: 0;
}
.products ul li:hover .titlePro a {
    color: #010101;
}
.addPro {
    position: absolute;
    top: 0;
    left: 0;
    width: 228px;
    height: 186px;
    border: 1px solid rgba(51, 51, 51, 1);
    border-bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -o-transition: opacity 0s;
}
.addPro a {
    text-decoration: none;
    display: inline-block;
    width: 157px;
    height: 40px;
    margin: 100px auto auto 40px;
    background-color: #333;
    text-align: center;
    font: 14px/40px'OpenSans-Italic', sans-serif;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
}
.titlePro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 208px;
    height: 36px;
    border: 1px solid rgba(51, 51, 51, 0);
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    border-top: 0;
    padding: 10px;
    background: rgba(255, 255, 255, 0.5);
}
.titlePro p,
.titlePro span,
.titlePro a {
    text-transform: uppercase;
}
.titlePro a {
    color: #003f75;
    text-decoration: none;
    display: block;
}
.titlePro span {
    color: #a20000;
}
.view-detalhe {
    position: absolute;
    margin-top: -30px;
}
.view-detalhe p {
    top: 5px;
    margin: 0 10px 0 0;
}
.view-detalhe p,
.view-detalhe a {
    display: inline-block;
    text-decoration: none;
    position: relative;
}
.view p {
    top: 5px;
    margin: 0 10px 0 0;
}
.view p,
.view a {
    display: inline-block;
    text-decoration: none;
    width: 23.05px;
    margin-right: 10px;
}

/*
.icon-grid {
    background: url("http://cdn1.iconfinder.com/data/icons/jigsoar-icons/16/_thumbnail.png") no-repeat 0 0;
    height: 16px;
    width: 16px;
    top: 7px;
}
*/
.icon-grid {
    background: url('/images/icones/visualizacao-CARDS.png') no-repeat;
    height: 22px;
    width: 22px;
    top: 7px;
}

/*
.icon-list {
    background: url("http://cdn3.iconfinder.com/data/icons/other-icons/48/list-32.png") no-repeat 0 0;
    height: 32px;
    width: 32px;
}
*/
.icon-list {
    background: url('/images/icones/visualizacao-RESUMO.png') no-repeat;
    height: 24px;
    width: 24px;
    top: 7px;
    left: 6px;
}

.bg-detalhes {
    background: #FFFFFF;
    border-radius: 7px;
    
}

/* Página Produtos Detalhes */
#produtos-detalhes .bg-detalhes {
    /*display: none;*/
}

#produtos-detalhes .bg-detalhes.active {
    display: block;
}

.detalhes {
    /*    display: flex;*/
    text-align: center;
    font-family: 'Roboto', Arial !important;
    font-weight: 300;
    font-size: 16px;
    color: #707070;
    line-height: 1.1;
}
.detalhes .modulo {
    padding-top: 0;
    margin-top: 0;
}
.detalhes .modulo.title {
    font-family: 'Roboto', Arial !important;
    font-weight: 700;
    font-size: 18px;
    margin-top: 15px;
}
.detalhes .modulo.subtitle {
    font-family: 'Roboto', Arial !important;
    font-style: italic;
    font-size: 12px;
    margin-top: -10px;
    top: 0px;
    padding-top: 0px;
}

.box-detalhe-01 {
    text-align: left;
}

.box-detalhe-01 p {
    max-width: 388px;
    float: left;
    font-family: 'Roboto', sans-serif;
}
.box-detalhe-01 p div {
    text-align: left;
}

.box-detalhe {
    font-family: 'Roboto', sans-serif;
    color: #707070;
    max-width: 388px;
    text-align: left;
    /* padding-right: 99px; */
    
    float: left;
}
.box-detalhe .slogam {
    font-size: 24px;
}

.bg-detalhes .logo-prd img {
    margin: auto;
    display: block;
}


.box-detalhe-center .title {
    font-family: 'Roboto', Arial !important;
    font-weight: 600;
    font-size: 18px;
}

.box-detalhe-center p {
    font-family: 'Roboto', Arial !important;
    font-weight: 300;
    font-size: 16px;
}

.box-detalhe-center-02 {
    border-radius: 20px;
    background-color: #F29D14;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    width: 90%;
    display: block;
    margin: auto;
    color: #F5F5F5;
    font-size: 18px;
    font-family: 'Roboto', Arial !important;
    margin-top: 54px;
    padding-top: 11px;
    padding-bottom: 1px;
}

.graph {
    display: block;
    margin: 0 auto;
    width: 90%;
}

.graph .pie {
    width: 33%;
    font-family: 'DIN Next CYR', sans-serif !important;
    font-size: 20px;
    margin: 0 auto;
    vertical-align:top;
}

.graph .pie p {
    color: #3E3E3D;
    width: 192px;
    margin: 0 auto;
    font-family: 'DIN Next CYR', sans-serif !important;
}

.graph img {
    display: block;
    margin: auto;
}
.graph .pie p span {
    font-family: 'DIN Next CYR', sans-serif !important;
}

div.eefi .box-detalhe {
    padding-right: 70px;
}

.graph .eefi2 {
    display: inline-block;
    font-family: 'DIN Next CYR', sans-serif !important;
    font-size: 20px;
    margin: 5px auto;
    vertical-align:top;
}

.graph .eefi2 p {
    color: #3E3E3D;
    width: 192px;
    height: 250px;
    margin: 0 auto;
    font-family: 'DIN Next CYR', sans-serif !important;
    border: solid 1px #D1D1D1;
    border-radius: 21px;
    padding: 19px 35px;
    line-height: 1;
}

.graph .eefi2 p.large {
    width: 277px;
}

.graph .eefi2 p span {
    font-family: 'DIN Next CYR', sans-serif !important;
}

.eefi-resultados {
    display: block;
    margin: 0 auto;
}


.eefi-resultados p.inline{
    font-size: 24px;
    color: #707070;
    margin-top: 3px;
    text-align: left;
}

.eefi-resultados ul {
    display: block;
}

.eefi-resultados ul li {
    list-style: none;
    display: block;
    margin: auto;
    width: auto;
    margin-top: 15px;
    line-height: 2;
}

.eefi-resultados ul li span {
    background: #F5F5F5;
    border-radius: 22px;
    padding: 7px 24px;
    font-size: 18px;
}

.eefi-passos {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
}

.eefi-passos .inline {
    display: inline-block;
    vertical-align: middle;
}

.eefi-passos img.inline {
    width:  66px;
}
.eefi-passos p.inline {
    font-size: 20px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    text-align: left;
    padding-right: 40px;
    width: 550px;
}

.eefi-passos .sample {
    display: block;
    margin: 0 auto;
}

.melhorias {
    font-size: 20px;
    display: inline-block; 
    width:200px;
    padding: 0;
}
ul.melhorias {
    text-align: left;
}
.melhorias li {
    text-align: left;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

img.melhorias {
    width: 112.43px;
    
}
.coach-exemplos {
    font-family: 'Roboto', Arial !important;
    font-size: 16px;
    margin-top: 37px;
}


.coach-exemplos span {
    margin: 0;
    padding: 0;
}

.coach-exemplos ul li {
    font-weight: 400;
    margin-top: 10px;
    color: #707070;
}

.diagc ul {
    display: inline-block;
}
.diagc ul li {
    font-size: 20dp;
    font-family: Roboto !important;
}

.autodg .balao {
    border-radius: 25px;
    width: 623.74px;
    background: #fff;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px; */
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    filter:         drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    margin: 0 auto;
}

.autodg .balao:after {
    content: "";

	width: 0;
	height: 0;

	position: absolute;

	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	
	bottom: -20px;
    left: 50%;
    margin-left: -20px;
}

.ask-dg {
    margin-top: 80px;
}

.ask-dg.col-lg-6 {
    float: left;
}

.ask-dg .ask-line {
    margin: 10px auto;
}

.ask-dg.financeiro, .ask-dg.vendas {
    padding-left: 10px;
}
.ask-dg .ask-line .ask {
    width: 75%; 
    display: inline-block;
    text-align: left;
}

.ask-dg .ask-line .ask-perc {
    width: 10%; 
    display: inline-block;
}

.ask-dg .line-result {
    font-size: 18px; 
    color: #4BB6BE; 
    margin-left: 15px; 
    margin-top: -5px; 
    border: solid 1px; 
    border-radius: 20px; 
    padding-left: 20px;
    padding-right: 20px;
}

.ask-dg .ask-line .ask-perc select,
.ask-dg .ask-line .ask-perc option,
.ask-dg .ask-line .ask-perc input {
    width: 68.5px;
    height: 27.8px;
    background-color: #848484;
    color: white;
    font-size: 22px;
    border-radius: 15px;
    border: solid 1px;
    text-align: center; 
    -moz-appearance:textfield;
}

.ask-dg .ask-line .ask-perc input::-webkit-outer-spin-button,
.ask-dg .ask-line .ask-perc input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.ask-dg.resultado .titulo {
    font-size: 30px;
    letter-spacing: -0.8px;
    color: #4BB6BE;
    transform:scale(1,1.5);
    -webkit-transform:scale(1,1.5);
    -moz-transform:scale(1,1.5); 
    -ms-transform:scale(1,1.5);
    -o-transform:scale(1,1.5);
}

.ask-dg.resultado .result-msg {
    display: inline-block; 
    vertical-align: middle;
    width: 600px; 
    height: 96.92px; 
    border-radius: 50px; 
    background: #F5F5F5; 
    text-align: left; 
}

.ask-dg.resultado .result-msg:after {
    content: "";

	width: 0;
	height: 0;

	position: absolute;

	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #F5F5F5;
	
	bottom: -30px;
    left: 60%;
}

.ask-dg.resultado .result-msg p {
    display: inline-block; 
    line-height: normal;
    text-align: left; 
    vertical-align: middle; 
    font-size: 30px;
    color: #4BB6BE; 
    height: 96.92px; 
    margin-left: 20px; 
    width:260px; 
    margin-top: 10px;
}

.ask-dg.resultado .result-msg .result-balao-total {
    display:inline-block; 
    vertical-align: top;
    background: #4BB6BE; 
    border-radius: 50px;
    width: 296.03px;
    height: 96.92px;
    text-align: center;
}

.ask-dg.resultado .result-msg .result-balao-total .result-total {
    display: inline-block; 
    height: 96.92px; 
    vertical-align: middle; 
    line-height: 96.92px; 
    font-size: 85px; 
    color: white;
}

.recall-button {
    font-family: 'Roboto', Arial !important;
    font-size: 18px;
    color: #34922D;
    font-weight: 600;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    background: #F5F5F5;
    padding: 20px 25px;
    text-align: center;
    cursor: pointer;
}
.light-200 {
    font-weight: 200;
}

.vertical-line {
    width: 0.1px;
    height: 57px;
    border-left: solid 0.5px #9F9F9F;
    border-right: solid 0.5px #9F9F9F;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.vertical-line.double {
    width: 320px;
}
.retangulo-detalhe-recall {
    display: block;
    max-width: 394px;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    border: solid 1px rgba(209, 209, 209, 1);
    padding: 15px 36px 15px;
    line-height: 1;
}

.retangulo-detalhe-recall.inline {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-right: 10px;
}
.retangulo-detalhe-recall .number {
    font-weight: 600;
    color: rgba(52, 146, 45, 1);
    padding: 0;
    margin: 0;
    line-height: 1;
    font-size: 20px;
}
.retangulo-detalhe-recall span{
    margin-top: 0px;
    font-size: 16px;
    padding: 0;
    line-height: 1;
}
.retangulo-detalhe {
    width: 387.69px;
    height: 285.78px;
    background: #E9E9E9;
    border-radius: 5px;
    margin-top: 15px;
}
.btn-contrate {
    margin-top: 73px;
    padding-bottom: 85px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abas {
    text-align: center;
    letter-spacing: 25px;
    vertical-align: middle;
    position: relative;
    top: -74px;
    width: 700px;
    left: 50%;
    margin-left: -250px;
    align-items: initial;
}

.abas ul {
    vertical-align: middle;
    text-align: left;
}

.abas li {
    display: inline-flex;
    margin: auto;
    vertical-align: middle;
}

.abas li .circle {
    border-radius: 114px;
    padding: 17px;
}

.bola-verde-escuro {
    background: #019D6F;    
}

.bola-vermelho {
    background: #D53B3B;
}

.bola-verde-claro {
    background: #34922D;
}

.bola-amarelo {
    background: #F29D14;
}

.bola-cinza {
    background: #6B7E98;
}

.bola-azul {
    background: #4BB6BE;
}

.bola-marrom {
    background: #6D4227;
}

.abas li .circle {
    cursor: pointer;
}

.abas li .circle.active {
    cursor: default;
}

.abas li .circle span {
    display: none;
}

.img-couch {
    margin-top: 30px;
}

/* Página Clientes */
.bg-clientes {
    background: url('/images/bg/Clientes-BG.png') no-repeat;
    background-size: cover;
    background-position-x: center;
}

.bg-clientes section{
    max-width: 1040px;
    margin: auto;
    padding-top: 100px;
}

.bg-clientes section h1 {
    color: #E9E9E9;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 38px;
}

.clientes {
    margin-left: -13px;
    margin-top: 40px;
}
.card-clientes {
    float: left;
    min-width: 306px;
    margin-bottom: 20px;
}
.card-clientes h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #EFEFEF;
}
.card-clientes p {
    color: #EFEFEF;
    padding-right: 50px;
    padding-bottom: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 18px;
}
.card-clientes ul {
    margin-left: -20px;
    margin-top: 15px;
    padding-right: 50px;
}
.card-clientes ul:not(.li-14) li {
    color: #FFFFFF;
    /*    font-weight: 600;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    list-style: none;
    line-height: 1.2;
}
.card-clientes .li-14 {
    font-size: 14px;
    line-height: 1.2;
    color: #9F9F9F;
    font-family: 'Montserrat', sans-serif;
}

.card-clientes li.bolinha:before {
    content:"";
    border: 3.5px #9F9F9F solid !important;
    border-radius: 50px;
    margin-top: 7.5px;
    margin-left: -20px;
    position: absolute;
}

.card-clientes.outros {
    margin-bottom: 20px;
}
.card-clientes.outros .dropdow {
    background-color: #363636;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px 4px 4px 4px;
}

.card-clientes.outros .dropdow div.text {
    padding: 10px 20% 10px 10px; 
    width:95%; 
    display: inline-block; 
    vertical-align: middle; 
    font-size: 14px; 
    line-height: 1.2;
    background: #363636 url('/images/clientes/open.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
}


.card-clientes.outros .dropdow-content {
    max-height: 0px;
    text-overflow: ellipsis;
    overflow:hidden;
}

.card-clientes.outros .dropdow-content ul li {
    font-size: 14px;
    color: #9F9F9F;
    list-style: disc;
}

.btn-referencias {
    margin-top: 5%;
    margin-bottom: -45px;
}

/* Página Resultados */
.bg-resultados {
    background: url(/images/bg/Resultado-BG.png) no-repeat;
    background-size: cover;
    background-position-x: center;
    
}

.bg-resultados section{
    max-width: 1040px;
    margin: auto;
    padding-top: 100px;
}
.bg-resultados section p {
    /*    color: #fff;*/
    font-family: 'Roboto', sans-serif;
}
.bg-resultados section h1 {
    color: #E9E9E9;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 4px;
    margin-bottom: 38px;
}

.bg-resultados section .nav {
    margin: 0 auto;
    text-align: center;
}

span.result-case {
    min-width: 100px;
}


.box-resultado {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #707070;
    width: 400px;
    text-align: left;
    /* padding-right: 99px; */
    margin-top: 91px;
    float: left;
}

.box-resultado p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.4;
}
.titulo-verde {
    color: #019D6F;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 21px;
    margin-top: 13px;
}
.bg-resultados h3 {
    font-family: 'Roboto', sans-serif !important;
    color: #707070;
    font-size: 12px;
    clear: both;
    letter-spacing: 2px;
    font-weight: bold;
}

.titulo-resultado p{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400  !important;
    font-size: 20px;
    color: #707070;
}
.titulo-resultado h2 {
    clear: both;
    color: #D53B3B;
    font-size: 26px;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    padding-top: 4%;
    font-weight: bold;
}
.titulo-resultado h3 {
    font-family: 'Roboto', sans-serif !important;
    color: #707070;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
}
.titulo-resultado p {
    text-align: left;
}
.tab-person a {
    color: #908f8f;
}
.tab-person {
    border: none;
}
.nav-pills {
    list-style:none;
    width:100%;
    margin: 0 auto ;
    padding: 0;
}
.nav-pills li {
    display:inline-block;    
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff00;
    font-size: 35px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    letter-spacing: 0.1px;
}

/* Página Aprenda */
.bg-aprenda {
    background: url(/images/bg/Aprenda-bg.png) no-repeat;
    background-position-x: center;
    background-size: cover;
}

.bg-aprenda section{
    max-width: 1040px;
    margin: auto;
    padding-top: 100px;
}
.bg-aprenda section p {
    /*    color: #fff;*/
    
    font-family: 'Roboto', sans-serif !important;
}
.bg-aprenda section h1 {
    color: #E9E9E9;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold !important;
    letter-spacing: 4px;
    margin-bottom: 38px;
}
.bg-aprenda h3 {
    font-family: 'Roboto', sans-serif !important;
    color: #707070;
    font-size: 12px;
    clear: both;
    letter-spacing: 2px;
    font-weight: bold;
}
.conteudo-pgs, .product-content {
    display: none;
    position: relative;
    padding-top: 60px;
    min-height: 1080px;
    width: 100%;
}

.conteudo-pro {
    position: relative;
    margin-top: -60px;
    padding-top: 60px;
    min-height: 1080px;
    width: 100%;
}

.bt-contrate {
    width: 424.69px;
    height: 73.37px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 7px 3px;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    color: white;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
}

.conteudo-aprenda h1 {
    color: #E9E9E9;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 6px;
    margin-bottom: 2%;
}
.conteudo-aprenda h3 {
    color: #707070;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
}
.icon-video {
    position: absolute;
    text-align: right;
    right: 30px;
    bottom: 15px;
}
.box-pequeno-aprenda {
    background: #FFFFFF;
    width: 100%;
    height: 150.99px;
    border-radius: 7px;
}
.icon-chamada-aprenda {
    position: absolute;
    text-align: right;
    right: 30px;
    bottom: 15px;
}
.box-artigo h2 {
    color: #FF9F5E;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}
.box-artigo p {
    clear: both;
    color: #707070;
    font-size: 22px;
    line-height: 24px;
    margin-left: 22px;
    font-weight: bold;
}
.box-podcast h2 {
    color: #69ADFC;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}
.box-podcast p {
    clear: both;
    color: #707070;
    font-size: 22px;
    line-height: 24px;
    margin-left: 22px;
    font-weight: bold;
}
.box-dica h2 {
    color: #49B88E;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    font-weight: 500;
    margin-left: 24px;
    margin-top: 8px;
    float: left;
}
.box-dica p {
    clear: both;
    color: #707070;
    font-size: 22px;
    line-height: 24px;
    margin-left: 22px;
    font-weight: bold;
}
.linha-aprenda1 {
    background: #FF9F5E;
    margin-left: 100px;
    height: 0.7px;
    margin-top: 17px;
}
.linha-aprenda2 {
    background: #69ADFC;
    margin-left: 120px;
    height: 0.7px;
    margin-top: 17px;
}
.linha-aprenda3 {
    background: #49B88E;
    margin-left: 80px;
    height: 0.7px;
    margin-top: 17px;
}
.icon-chamada {
    text-align: center;
}
.icon-chamada h4 {
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin-top: 22px;
}

.aprenda-titulo2 {
    color: #E9E9E9;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}
.carregar-mais {
    text-align: center;
}
.carregar-mais p {
    color: #E9E9E9;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding-top: 55px;
    margin-bottom: -7px;
}
.icon-videos h4:hover {
    border-bottom: 1px solid #D53B3B;
    padding-bottom: 15px;
    margin-bottom: -15px;
}
.icon-videos a:hover {
    border: none;
    text-decoration: none;
}
.icon-artigos h4:hover {
    border-bottom: 1px solid #FF9F5E;
    padding-bottom: 15px;
    margin-bottom: -15px;
}
.icon-artigos a:hover {
    border: none;
    text-decoration: none;
}
.icon-podcast h4:hover {
    border-bottom: 1px solid #69ADFC;
    padding-bottom: 15px;
    margin-bottom: -15px;
}
.icon-podcast a:hover {
    border: none;
    text-decoration: none;
}
.icon-dicas h4:hover {
    border-bottom: 1px solid #49B88E;
    padding-bottom: 15px;
    margin-bottom: -15px;
}
.icon-dicas a:hover {
    border: none;
    text-decoration: none;
}
.chamada-01 {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}
.chamada-02 {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}
.chamada-03 {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}
.chamada-04 {
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}