/*========= HEADER =========*/

.shrink-nav {
    position: absolute;
    z-index: 10000;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
}

.shrink-nav.scrolled {
    position: fixed;
    height: 66px;
    transition: 1s;
}

.top-social {
    line-height: 55px;
}

.row-nav {
    z-index: 9;
    font-family: "Alwyn-Light";
}

.menu-item {
    margin-right: 0.2%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.6);
    width: 15%;
}

#fickle-content {
    font-family: Calibri;
    font-size: 1.25em;
}

.menu-item a:last-child {
    margin-right: 0;
}

.menu-item a {
    transition: padding 0.8s;
    padding: .5rem 0;
    display: block;
    color: #202325;
    font-size: 1.25em;
    font-family: Calibri;
}

.menu-item a:hover {
    padding: 30px 0px;
    transition: padding 0.8s;
    text-decoration: none;
}

.menu-item.empresa {
    background-color: rgba(239, 236, 236, 0.97);
}

.menu-item.servicos {
    background-color: rgba(239, 236, 236, 0.97);
}

.menu-item.cases {
    background-color: rgba(239, 236, 236, 0.97);
}

.menu-item.artigos {
    background-color: rgba(239, 236, 236, 0.97);
}

.menu-item.utilitarios {
    background-color: rgba(239, 236, 236, 0.97);
}

.menu-item.area-cliente {
    background-color: rgba(239, 236, 236, 0.97);
}

.menu-item.contato {
    background-color: rgba(239, 236, 236, 0.97);
}

.top-social {
    display: inline-flex;
    text-align: center;
}

.top-social .fa.fa-home {
    padding-right: 2rem;
    margin-right: 2rem;
    font-size: 4rem;
    display: flex;
    color: #272e33;
    padding-top: 47%;
}

.top-social a {
    margin-right: .5rem;
}

.top-social a:hover,
.top-social a:active,
.top-social a:focus {
    text-decoration: none;
}

.top-social a:first-child {
    margin-left: auto;
    display: flex;
    align-items: center;
    margin-right: 0;
}

.top-social a:last-child {
    margin-right: auto;
}

/*========= CONTEÚDO - INDEX =========*/

.ls-gpuhack,
p.ls-l {
    left: 0 !important;
}

#full-slider-wrapper {
    margin-top: 6rem;
}

#index-servicos {
    padding: 6rem 0;
    margin-bottom: 0px;
    background: #272e33;
}

.servicos-esquerda h2 {
    font-family: "Alwyn-Thin";
    font-size: 3.6em;
    margin-bottom: 2%;
    text-align: center;
    color: #fff;
}

.servicos-esquerda h3 {
    font-family: Calibri;
    font-size: 2.25em;
    color: #479b43;
    text-align: center;
    padding-bottom: 1%;
}

.servicos-esquerda p {
    font-family: Calibri;
    font-size: 1.25em;
    text-align: center;
    color: #fff;
    width: 70%;
    clear: both;
    margin: 0 auto;
    text-align: center;
}

.servicos-esquerda .text-legalize {
    font-size: 1.6em !important;
    margin-top: 1%;
    text-align: center;
    margin-bottom: 50px;
}

.servicos-direita img {
    width: 100%;
}

.servicos-direita .col-md-3 {
    padding: 5px;
}

.servicos-direita p {
    position: absolute;
    top: 5vmax;
    right: 1vmax;
    left: 1vmax;
    ;
    color: #fff;
    font-family: "Alwyn-Oblique";
    text-align: center;
    z-index: 100;
    font-size: 1.5vmax;
}

.servicos-direita p.hover {
    top: 7.5vmax;
    font-size: 1vmax;
    display: none;
}

.servicos-direita span {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    display: block;
    opacity: .9;
    position: absolute;
    z-index: 99;
}

.servicos-direita span.red {
    border: 1px solid #479b43;
    background: #4ba746;
}

.servicos-direita span.cyan.light {
    border: 1px solid #479b43;
    background: #4ba746;
}

.servicos-direita span.green {
    border: 1px solid #479b43;
    background: #4ba746;
}

.servicos-direita span.orange {
    border: 1px solid #479b43;
    background: #4ba746;
}

.servicos-direita span.blue {
    border: 1px solid #479b43;
    background: #4ba746;
}

.servicos-direita span.cyan.dark {
    border: 1px solid #479b43;
    background: #4ba746;
}

.conhecamais h2 {
    background: #30373d;
    color: #fff;
    padding: 2%;
    font-family: Calibri;
    font-size: 1.25em;
    width: 30%;
    clear: both;
    margin: 0 auto;
    margin-top: 4%;
    text-decoration: none !important;
}

a:link {
    text-decoration: none;
}

.conhecamais h2:hover {
    text-decoration: none !important;
    background: #479b43;
    color: #fff;
    padding: 2%;
    font-family: Calibri;
    font-size: 1.25em;
    width: 30%;
    clear: both;
    margin: 0 auto;
    margin-top: 4%;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

#intro1 {
    padding: 7% 4% 9% 4%;
}

#intro1 h2 {
    color: #4BA746 !important;
    font-size: 3em;
    font-family: "Alwyn-Thin";
    text-align: center;
    font-weight: bold;
}

#intro1 h3 {
    color: #4ba746 !important;
    font-size: 2em;
    font-family: "Alwyn-Oblique";
    text-align: center;
    padding-bottom: 4%;
}

#intro1 p {
    color: #fff !important;
    font-size: 1.3em;
    font-weight: 100;
    text-align: center;
    margin-bottom: 50px;
}

#intro1 ul {
    display: inline-grid;
    color: #fff;
}

#intro1 ul li {
    font-size: 1.3em;
}

#intro1 .inner-white {
    color: #5b5b5b;
}

#intro1 .card-item {
    padding: 10% 5%;
    margin-bottom: 7%;
}

#intro1 .back>.card-item {
    padding: 3%;
}

#intro1 .card-item h3 {
    font-family: "Alwyn-MediumOblique";
}

#intro1 .contato h4 {
    font-size: 2em;
}

#intro1 .contato span.fa {
    font-size: 2.5em;
}

#intro1 .whatsapp-icon {
    float: left;
}

#intro1 .whatsapp-tel {
    float: left;
    margin-left: 1rem;
    margin-bottom: 0;
}

#intro1 .back .inner-white {
    color: #fff;
}

#intro1 .back h3 {
    font-family: "Alwyn-Thin";
    padding-top: 7%;
}

#intro1 .back p {
    margin: 2.5rem 0;
}

#intro1 .back .card-input {
    text-align: center;
    font-size: 1.8rem;
    padding: 2rem 0;
    font-family: "Alwyn-Light";
    width: 70%;
    margin: 0 auto;
}

#intro1 .back .card-input:focus {
    outline-color: darkgreen;
    border-color: darkgreen;
}

#intro1 .card-item .ignore-flip {
    cursor: initial;
}

#intro1 .card-item .ignore-flip a {
    color: #fff;
}

#intro1 .card-item .ignore-flip a:hover,
#intro1 .card-item .ignore-flip a:active,
#intro1 .card-item .ignore-flip a:focus {
    text-decoration: none;
}

#intro2 {
    color: #505050;
    width: 75%;
    margin: 0 auto;
    padding: 4% 0% 5% 0%;
    font-family: Calibri;
}

#intro2 .left-side h2 {
    font-family: "Alwyn-Thin";
    font-size: 3em;
    text-align: center;
}

#intro2 .left-side h3 {
    font-size: 2.25em;
    color: #4BA746;
    text-align: center;
    padding-bottom: 2%;
}

#intro2 .left-side p {
    font-size: 1.4em;
    text-align: center;
}

#intro2 .right-side {
    margin-top: 10%;
}

#intro2 .right-side .need-cont {
    margin-top: 10%;
}

#intro2 .right-side h4 {
    font-family: "Alwyn-Thin";
    font-size: 1.75em;
}

#intro2 .right-side .need-cont h3 {
    font-family: "Alwyn-Thin";
}

#intro3 {
    -ms-transform: skewY(0deg);
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
    background-image: url(../../img/bg-conosco.jpg);
    background-size: cover;
    background-position: center;
    color: #ffffff;
    padding: 1% 0% 4% 0%;
}

#intro3 .left-side h3 {
    font-family: "Alwyn-Thin";
    font-size: 3.5em;
    color: #fff;
    margin-top: 76px;
    text-align: right;
}

#intro3 .simulacao {
    padding: 2% 0% 2% 0%;
}

.parte1 {
    padding: 1% 9% 3% 9%;
}

#intro3 .simulacao h2 {
    font-family: "Alwyn-Thin";
    font-size: 2em;
    color: #fff;
    width: 50%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 1%;
}

#intro3 .left-side p {
    margin-top: 5%;
    font-size: 1.4em;
    color: #fff;
    font-family: Calibri;
}

#intro3 .right-side {
    margin-top: 10%;
}

#intro3 .right-side .col-md-6 {
    padding-right: 0px;
    padding-left: 1%;
}

#intro4 {
    color: #505050;
}

#intro4 .col-news {
    padding: 8% 0% 0% 0%;
}

#intro4 .col-articles {
    padding: 8% 0% 9% 0%;
}

#intro4 .col-news h2 {
    font-family: "Alwyn-Thin";
    font-size: 3em;
    margin: 0;
    text-align: center;
}

#intro4 .col-news .news-item h3 {
    font-family: "Alwyn-Bold";
    margin: 0;
    margin-bottom: 65px;
    font-size: 1.42rem;
}

#intro4 .col-articles .article-item h3 {
  font-family: Calibri;
  margin: 0;
  margin-bottom: 10px;
  font-size: 1.45em;
  text-transform: capitalize;
}

#intro4 .col-articles h2 {
    font-family: "Alwyn-Thin";
    font-size: 3em;
    text-align: center;
    margin-bottom: 41px;
}

#intro4 .col-news i,
#intro4 .col-articles i {
    position: absolute;
    top: -13px;
    right: 0;
    font-size: 30px;
}

.sub h3 {
    text-align: center;
    margin-bottom: 40px;
}

#intro5 {
    padding: 4% 0% 6% 0%;
    background: #272e33;
}

#intro5 h2 {
    font-family: "Alwyn-Light";
    font-size: 2.5em;
}

#intro5 p {
    font-family: "Alwyn-MediumOblique";
    font-size: 1.25em;
    width: 40%;
    margin: 0 auto;
    padding-bottom: 1%;
    color: #4ba746;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
    font-family: Calibri;
}

.btn-success {
    background-image: -webkit-linear-gradient(top, #5cb85c 0, #419641 100%);
    background-image: -o-linear-gradient(top, #5cb85c 0, #419641 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
    background-image: linear-gradient(to bottom, #5cb85c 0, #419641 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    font-family: Calibri;
}

#intro6 {
    padding: 4rem 0;
}

#intro6 h2 {
    font-family: "Alwyn-Thin";
    font-size: 2.80em;
    margin-bottom: 50px;
}

#intro6 p {
    font-size: 1.3em;
    color: #333;
    margin-bottom: 46px;
}

#intro6 .circle-util {
    height: 350px;
    width: 350px;
    padding: 3rem;
}

#intro6 .circle-util a {
    color: #fff;
}

#intro6 .circle-util a:active,
#intro6 .circle-util:focus {
    text-decoration: none;
}

#intro6 .circle-util a:hover {
    text-decoration: none;
}

#intro6 .circle-util h3 {
    font-family: "Alwyn-MediumOblique";
    color: #4ba746;
}

#intro6 .agenda-circle {
    border: 1px solid #ccc;
    border-radius: 24px;
}

#intro6 .tabela-circle {
    border: 1px solid #ccc;
    border-radius: 24px;
}

#intro6 .manual-circle {
    border: 1px solid #ccc;
    border-radius: 24px;
}

#galeria {
    padding: 2% 0 4%;
    text-align: center;
    background: #272e33;
}

#galeria h2 {
    font-family: "Alwyn-Thin";
    font-size: 4.97rem;
    padding-top: 38px;
    color: #4ba746;
}

#galeria p {
    font-family: "Alwyn-Oblique";
    font-size: 2rem;
    color: #fff;
}

#galeria .galeria-fotos {
    margin-bottom: 3rem;
}

#galeria .galeria-fotos .col-md-3 {
    margin: 1.5rem 0;
}

#galeria .galeria-fotos a {
    cursor: zoom-in;
}

#galeria .galeria-fotos a:hover,
#galeria .galeria-fotos a:focus,
#galeria .galeria-fotos a:active {
    outline: none;
    box-shadow: 0 0 0;
    text-decoration: none;
}

#galeria .galeria-fotos img {
    filter: grayscale(100%);
    border: 1px solid #bdc6c8;
    margin: 24px 0;
}

#galeria .galeria-fotos img:hover {
    filter: grayscale(0%);
    transition: .3s filter linear;
}

#galeria .galeria-videos .video-frame {
    width: 50%;
    height: 400px;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#galeria .col-md-6 {
    padding: 0;
}

#index-depoimentos {
    margin-top: 5%;
}

#index-depoimentos h2 {
    font-family: "Alwyn-Thin";
    font-size: 3em;
    margin-bottom: 2%;
}

#index-depoimentos h4 {
    font-size: 1.5em;
    margin-bottom: 5%;
}

#index-depoimentos .depoimento-item,
#depoimentos .depoimento-item {
    border-radius: 5px;
}

#index-depoimentos .depoimento1,
#depoimentos .depoimento1 {
    background-color: #4ba746;
    color: #fff;
    padding: 5% 6%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#index-depoimentos .depoimento2,
#depoimentos .depoimento2 {
    background-color: #65c360;
    color: #fff;
    padding: 5% 6%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#index-depoimentos .depoimento3,
#depoimentos .depoimento3 {
    background-color: #272e33;
    color: #fff;
    padding: 5% 6%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#index-depoimentos .depoimento4,
#depoimentos .depoimento4 {
    background-color: #272e33;
    color: #fff;
    padding: 5% 6%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#index-depoimentos .depoimento5,
#depoimentos .depoimento5 {
    background-color: #272e33;
    color: #fff;
    padding: 5% 6%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#index-depoimentos .depoimento6,
#depoimentos .depoimento6 {
    background-color: #272e33;
    color: #fff;
    padding: 5% 6%;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
}

#index-depoimentos i,
#depoimentos i {
    font-size: 1.5em;
    position: absolute
}

#index-depoimentos i.pull-left,
#depoimentos i.pull-left {
    top: 45%;
    left: 10%;
}

#index-depoimentos i.pull-right,
#depoimentos i.pull-right {
    right: 10%;
    bottom: 7%;
}

#index-depoimentos .depoimento-item h4,
#depoimentos .depoimento-item h4 {
    clear: both;
    margin-bottom: 10%;
}

#index-depoimentos .depoimento-item .text-field,
#depoimentos .depoimento-item .text-field {
    padding: 0% 13%;
}

#contato-main h2,
#contato-main p {
    font-family: "Alwyn-Light";
}

#contato-main .info {
    font-family: "Alwyn-MediumOblique";
    font-size: 1.85em;
    margin: 3% 0%;
}

#contato-main .info a {
    color: #303030;
}

#contato-main .info a:hover {
    text-decoration: none;
    color: #4ba746;
    transition: color .3s;
}

#link-rapido {
    font-size: 1.6rem;
    margin-bottom: 1%;
}

#link-rapido>a:hover {
    text-decoration: none;
    font-weight: bold;
}

#link-rapido>a>span>i {
    font-size: 2.5rem;
    margin-right: .3rem;
}

#link-rapido>a>span {
    margin-right: 2rem;
    color: #444444;
    display: inline-block;
}

#link-rapido>a>span>i.cyan {
    color: #4ba746;
}

#link-rapido>a>span>i.blue {
    color: #4ba746;
}

#link-rapido>a>span>i.red {
    color: #4ba746;
}

#link-rapido>a>span>i.orange {
    color: #4ba746;
}

#link-rapido>a>span>i.green {
    color: #4ba746;
}

/*===== PÁGINAS ESTÁTICAS =====*/

#idocumentos {
    margin-top: 25vh;
}

#idocumentos #idocumentos-form h1 {
    font-family: "Alwyn-Light";
    margin-top: 0;
    margin-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}

#idocumentos #idocumentos-form span.red {
    color: #4ba746;
}

#idocumentos #idocumentos-form span.orange {
    color: #4ba746;
}

#idocumentos #idocumentos-form span.cyan {
    color: #4ba746;
}

#idocumentos #idocumentos-form span.blue {
    color: #4ba746;
}

#idocumentos #idocumentos-form span.green {
    color: #4ba746;
}

#idocumentos #idocumentos-form {
    width: 40%;
    margin: 0 auto;
    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #e2e2e2 100%);
    padding: 2rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#idocumentos #idocumentos-form form i.material-icons {
    font-size: initial;
}

#idocumentos #idocumentos-form form input {
    font-family: "Alwyn-MediumOblique";
}

#idocumentos #idocumentos-form button[type="submit"] {
    width: 50%;
}

#iartigos h1 i {
    margin-right: 1rem;
}

#iartigos a:hover,
#iartigos a:focus,
#iartigos a:active {
    text-decoration: none;
}

#iartigos a span.data-artigo {
    font-family: "Alwyn-Light";
    font-size: 1.5rem;
    color: #47b541;
}

#iartigos a p {
    font-family: "Alwyn-MediumOblique";
    font-size: 1.8rem;
    color: #444444;
    display: block !important;
}

#artigo-completo .btn-voltar {
    font-size: 2rem;
    border: 3px solid #00a8d4;
    border-radius: 2px;
    padding: .5rem 1rem;
    color: #303030;
    margin-bottom: 2rem;
    font-family: "Alwyn-Oblique"
}

#artigo-completo .btn-voltar:hover {
    background-color: #00a8d4;
    color: #fff;
    transition: .3s;
}

#artigo-completo #artigo-conteudo {
    border-bottom: 3px solid #e98923;
    margin-bottom: 2rem;
    padding-bottom: 3.5rem;
}

#index-parceiros {
    padding-bottom: 3rem;
    position: relative;
}

#index-parceiros .bx-wrapper {
    margin: 5rem auto !important;
}

#index-parceiros .border-bottom-grey {
    position: absolute;
    border-bottom: 1px solid #c4c4c4;
    left: 5%;
    right: 5%
}

#index-parceiros .btn-up {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -50px;
    cursor: pointer;
}

#depoimentos .dep-conteudo {
    margin: 3rem 0;
}

#galerias h2 {
    font-family: "Alwyn-Light";
    margin: 3rem 0 0;
    font-size: 2.5rem
}

#galerias h2.nodesc {
    margin-bottom: 3rem;
}

#galerias p.descricao,
#galerias .col-vids p {
    font-size: 1.9rem;
    margin-bottom: 3rem;
    font-family: "Calibri-Light";
}

#galerias .col-vids a,
#galerias .col-foto a {
    cursor: zoom-in;
}

#galerias a:hover,
#galerias a:focus,
#galerias a:active {
    text-decoration: none;
    outline: none;
}

#galerias .col-vids p {
    margin: 0;
}

#galerias .col-vids h4 {
    margin-bottom: 0;
}

#galerias p.datebook,
#galerias h4 {
    text-align: center;
}

#galerias p.datebook,
#galerias .col-vids h4 {
    font-family: "Alwyn-LightOblique";
}

/*===== RODAPÉ/FOOTER =====*/

footer #rodape {
    border-top: 8px solid #313131;
}

footer #rodape #mapa {
    height: 400px;
    padding: 0;
}

footer #rodape #endereco {
    padding: 2rem 15px;
    background: #272e33;
}

footer #rodape #w3c-logo {
    cursor: pointer;
}

footer #rodape #tiideal-logo {
    cursor: pointer;
}

footer #rodape #endereco p {
    font-size: 2rem;
    text-align: center;
    font-family: "Alwyn-Light";
    padding: 0;
    margin: 1rem 0;
    color: #fff;
}

footer #copyright {
    text-align: center;
    background-color: #272e33;
    padding: 1rem;
}

footer #copyright p {
    margin: 0;
    padding: 0;
    color: #fff;
}

#fab-contato {
    position: fixed;
    width: 56px;
    right: 4%;
    bottom: 5%;
    z-index: 9998;
}

.drop-element {
    z-index: 9998;
}

/* Tooltip */

#fab-contato .fab-action {
    position: absolute;
    cursor: pointer;
    bottom: 0;
    display: block;
    width: 56px;
    height: 56px;
    background-color: #ff564a;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

#fab-contato .fab-action i {
    margin-top: 16px;
    color: #fff;
}

#contato-dialog {
    z-index: 9999;
}

#contato-dialog i.btn-close {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 3rem;
    cursor: pointer;
    color: #ff564a;
}

#contato-dialog .loader {
    margin: 0;
    padding-bottom: 8rem;
}

@media screen and (max-width:991px) {
    #intro3 .simulacao h2 {
        font-family: "Alwyn-Thin";
        font-size: 2.25em;
        color: #fff;
        width: 70%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 1%;
    }
    #intro3 .right-side {
        margin-top: 2%;
    }
    #intro3 .left-side p {
        margin-top: 4%;
        font-size: 1.65em;
        color: #fff;
        font-family: Calibri;
        text-align: center;
    }
    #intro3 .left-side h3 {
        font-family: "Alwyn-Thin";
        font-size: 3.5em;
        color: #fff;
        text-align: right;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-top: 8%;
    }
    #intro4 .col-articles {
        border-width: 0;
    }
    #galeria .galeria-videos .video-frame {
        width: 100%;
    }
    #idocumentos #idocumentos-form {
        width: 100%;
    }
    #intro6 {
        padding: 4rem 0 8rem;
    }
    #intro6 .circle-util {
        height: auto !important;
        width: auto !important;
        border-radius: 5px;
    }
    #intro6 .tabela-circle,
    #intro6 .manual-circle {
        margin-top: 3rem;
    }
    #index-depoimentos .depoimento-item,
    #depoimentos .depoimento-item {
        margin-top: 3rem;
    }
}

@media screen and (max-width:768px) {
    header .fa-bars {
        font-size: 2.25em;
        line-height: 55px;
        color: #272e33;
        padding-top: 32%;
        padding-right: 18%;
    }
    .shrink-nav {
        position: absolute !important;
    }
    .btn-void {
        color: #fff;
        border: 1px solid #479b43b3;
        border-radius: 15px;
        width: 33% !important;
        background: #479b43e0;
        clear: both !important;
        margin: 0 auto !important;
        float: none !important;
        padding-left: 0px !important;
        text-align: center !important;
        padding: 2% !important;
        font-size: 1.25em !important;
        font-family: Calibri;
    }
    #intro5 p {
        width: 100%;
    }
    #intro1 .contato {
        text-align: center !important;
    }
    #intro1 .contato .whatsapp-tel {
        float: none;
        font-size: 2rem;
    }
    #intro2 {
        padding: 8rem 0;
    }
    .col-xs-6 {
        width: 25%;
    }
    .input-lg {
        height: 46px !important;
        padding: 30px 16px !important;
        font-size: 18px !important;
        line-height: 1.3333333 !important;
        border-radius: 6px !important;
        margin-bottom: 10px !important;
        -webkit-border-radius: 6px !important;
        -moz-border-radius: 6px !important;
        -ms-border-radius: 6px !important;
        -o-border-radius: 6px !important;
    }
    #intro3 .left-side p {
        margin-top: 4%;
        font-size: 1.4em;
        color: #fff;
        font-family: Calibri;
        text-align: center;
    }
    .btn-default {
        background-image: -webkit-linear-gradient(top, #d1d1d1 0, #e0e0e0 100%);
        background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#e0e0e0));
        background-image: linear-gradient(to bottom, #c5c5c5 0, #f3f3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        border-color: #dbdbdb;
        border-color: #ccc;
        font-family: Calibri;
        width: 100%;
        margin-bottom: 14px;
        color: #272e33;
        font-size: 1.85em;
    }
    #intro3 .simulacao h2 {
        font-family: "Alwyn-Thin";
        font-size: 1.8em;
        color: #fff;
        width: 85%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 3%;
        line-height: 31px;
        padding-top: 4%;
    }
    #intro3 .simulacao {
        padding: 87% 0% 9% 0%;
    }
    #intro5 {
        padding: 8% 10% 10% 10%;
        background: #272e33;
    }
}

@media screen and (max-width:550px) {
    #intro3 .left-side h3 {
        font-family: "Alwyn-Thin";
        font-size: 3em;
        color: #fff;
        text-align: right;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-top: 8%;
    }
    .servicos-direita {
        padding-bottom: 5%;
    }
    .servicos-direita p {
        position: absolute;
        top: 5vmax;
        right: 1vmax;
        left: 1vmax;
        color: #fff;
        font-family: "Alwyn-Oblique";
        text-align: center;
        z-index: 100;
        font-size: 1.45em;
        line-height: 20px;
    }
    .servicos-direita img {
        width: 20%;
    }
    #intro2 {
        padding: 7% 0% 15% 0%;
    }
    #full-slider-wrapper {
        margin-top: 11rem;
    }
    .conhecamais h2 {
        background: #30373d;
        color: #fff;
        padding: 8%;
        font-family: Calibri;
        font-size: 1.25em;
        width: 95%;
        clear: both;
        margin: 0 auto;
        margin-top: 4%;
        text-decoration: none !important;
    }
    .col-xs-6 {
        width: 50%;
    }
    #galeria .galeria-videos .video-frame {
        display: none;
    }
    #intro3 .left-side h3 {
        font-family: "Alwyn-Thin";
        font-size: 2.45em;
        color: #fff;
        text-align: right;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-top: 19%;
    }
    .btn-100 {
      width: 100% !important;
      color: #fff;
      font-family: Calibri;
    }
    #contato-main h2, #contato-main p {
      font-family: "Alwyn-Light";
      width: 95%;
      clear: both;
      margin: 0 auto;
      text-align: center;
    }
    #contato-main{
      padding: 16% 0% 16% 0%;
    }
    #link-rapido {
      font-size: 1.45em;
      margin-bottom: 1%;
      display: grid;
      line-height: 35px;
      padding-bottom: 7%;
      text-align: left;
      margin: 0 auto;
      font-family: Calibri;
    }
    footer{
      padding: 0% 0% 28% 0%;
    }
}

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

  #full-slider-wrapper {
    margin-top: 9rem;
  }
  #intro2 {
    padding: 7% 0% 15% 0%;
    width: 100%;
  }
  .servicos-esquerda h2 {
    font-family: "Alwyn-Thin";
    font-size: 3em;
    margin-bottom: 2%;
    text-align: center;
    color: #fff;
  }
  .servicos-esquerda h3 {
    font-family: Calibri;
    font-size: 1.45em;
    color: #479b43;
    text-align: center;
    padding-bottom: 1%;
  }
  .servicos-esquerda p {
    font-family: Calibri;
    font-size: 1.25em;
    text-align: center;
    color: #fff;
    width: 95%;
    clear: both;
    margin: 0 auto;
    text-align: center;
  }
  .servicos-esquerda .text-legalize {
    font-size: 1.35em !important;
    margin-top: 1%;
    text-align: center;
    margin-bottom: 50px;
    padding-top: 8%;
    line-height: 24px;
  }
  .servicos-direita p {
    position: absolute;
    top: 19px;
    right: 1vmax;
    left: 1vmax;
    color: #fff;
    font-family: "Alwyn-Oblique";
    text-align: center;
    z-index: 100;
    font-size: 1.2em;
    line-height: 20px;
  }
  .conhecamais h2 {
    background: #30373d;
    color: #fff;
    padding: 6%;
    font-family: Calibri;
    font-size: 1.2em;
    width: 95%;
    clear: both;
    margin: 0 auto;
    margin-top: 4%;
    text-decoration: none !important;
  }
  .conhecamais h2 {
    background: #30373d;
    color: #fff;
    padding: 6%;
    font-family: Calibri;
    font-size: 1.2em;
    width: 95%;
    clear: both;
    margin: 0 auto;
    margin-top: 4%;
    text-decoration: none !important;
  }
  #intro5 {
    padding: 20% 0% 20% 0%;
    background: #272e33;
  }
  footer{
    padding: 0% 0% 0% 0%;
  }

}

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

  #full-slider-wrapper {
    margin-top: 8rem;
  }

  .btn-void {
    color: #fff!important;
    border: 1px solid #479b43b3;
    border-radius: 15px;
    width: 49% !important;
    background: #479b43e0;
    clear: both !important;
    margin: 0 auto !important;
    float: none !important;
    padding-left: 0px !important;
    text-align: center !important;
    padding: 1% !important;
    font-size: 1.15em !important;
    font-family: Calibri!important;
  }

  #intro1 {
    padding: 7% 0% 9% 0%;
  }
  #intro1 img{display: none;}
  #intro1 p {
    color: #fff !important;
    font-size: 1.15em;
    font-weight: 100;
    text-align: center;
    margin-bottom: 50px;
    font-family: Calibri;
    line-height: 20px;
  }

  #intro3 .left-side h3 {
    font-family: "Alwyn-Thin";
    font-size: 1.85em;
    color: #fff;
    text-align: right;
    width: 100%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-top: 19%;
    padding-bottom: 5%;
  }

  #intro3 .left-side p {
    margin-top: 4%;
    font-size: 1.2em;
    color: #fff;
    font-family: Calibri;
    text-align: center;
    line-height: 18px;
    padding-bottom: 4%;
  }

  #intro3 .simulacao h2 {
    font-family: "Alwyn-Thin";
    font-size: 1.4em;
    color: #fff;
    width: 95%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 3%;
    line-height: 25px;
    padding-top: 4%;
  }

  #intro5 h2 {
    font-family: "Alwyn-Light";
    font-size: 2em;
    padding-bottom: 2%;
  }

  #intro5 p {
    font-family: "Alwyn-MediumOblique";
    font-size: 1.15em;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 7%;
    color: #4ba746;
    line-height: 17px;
  }

  #index-depoimentos h2 {
    font-family: "Alwyn-Thin";
    font-size: 2.8em;
    margin-bottom: 2%;
    line-height: 41px;
    padding-bottom: 6%;
    padding-top: 9%;
  }

  #contato-main .info {
    font-family: "Alwyn-MediumOblique";
    font-size: 1.45em;
    margin: 3% 0%;
  }

}