.main_header {
    background-color: #FDFFF9;
    padding: 10px;
}

.main_logo {
    position: relative;
    float: left;
    width: 200px;
    height: 88px;
}

.main_logo a {
    position: absolute;
    width: 200px;
    height: 88px;
    background: url(../img/logotipo.png) left center no-repeat;
    background-size: auto 96%;
}

/*MOBILE ACTION*/

.mobile_action {
    width: 30px;
    height: 24px;
    float: right;
    margin-top: 10px;
    cursor: pointer;
    background: url(../img/mobile.png) center center no-repeat;
}

.mobile_action.active {
    background: url(../img/mobile2.png) center center no-repeat;
}

.mobile_action:hover {
    background: url(../img/mobile3.png) center center no-repeat;
}

/*MENU MOBILE  ATE 1023*/

@media (max-width: 79.9375em) {
    .main_header_nav {
        position: fixed;
        left: -100%;
        top: 0;
        width: 76%;
        height: auto;
        min-width: 200px;
        max-width: 360px;
        background: #eee;
        z-index: 99;
        overflow: hidden;
        overflow-y: auto;
    }
    .main_header_nav_item {
        float: left;
        width: 100%;
        position: relative;
        border-bottom: #285c2f solid 1px;
    }
    .main_header_nav_item>a {
        float: left;
        width: 100%;
        padding: 15px;
        text-transform: uppercase;
        text-decoration: none;
        color: #285c2f;
        font-weight: bold;
        font-size: 0.875em
    }
    .main_header_nav_item:hover, .main_header_nav_item>a:hover {
        background: #285c2f;
        color: #fff;
    }
    .main_header_nav_sub {
        float: left;
        width: 100%;
        padding: 10px;
        background: #285c2f;
    }
    .main_header_nav_sub_item {
        float: left;
        width: 100%;
    }
    .main_header_nav_sub_item a {
        float: left;
        width: 100%;
        padding: 15px 15px 15px 30px;
        text-transform: uppercase;
        text-decoration: none;
        color: #fff;
        font-size: 0.8em;
    }
    .main_header_nav_sub_item a:hover {
        background: #3498DB;
    }
}

/*BACKTOP*/

.backtop {
    position: fixed;
    cursor: pointer;
    bottom: 15px;
    right: 5px;
    margin: 0 10px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 100%;
}

/*INDEX*/

.bg-destaque {
    background-color: #eee;
    background-image: url(../img/bg-destaque-2.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top;
    min-height: 500px;
}


.bg-circulo {
    background-image: url(../img/123.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: right top;
}

.bg_galery {
    background-image: url(../img/bg_galery.png);
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

.destaque-cta h1 {
    margin-top: 150px;
    margin-bottom: 10px;
    font-size: 1.8em;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.destaque-cta h2 {
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.destaque-btn{
    text-align: center;
}

.img-up{
    margin-top: -40px;
}
/*TRATAMENTOS*/
.flex-item-tratament {
    flex: 1 1 400px;
}



/*ATENDIMENTO*/
.flex-item-atendimento{
    flex: 1 1 300px;
}

.atendimento {
    display: inline-block;
    position: relative;
    background-color: #F9fbf8;
    text-align: center;
    padding: 20px;
}

.atendimento img {
    margin-bottom: 10px;
}

.atendimento h2 {
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 30px;
    color: #285c2f;
}

.atendimento p {
    font-size: 1.1em;
    font-weight: 300;
}





.tratament-header h1{
    font-size: 1.6em;
    margin-bottom: 100px;
    color: #ABBCA4;
}

.tratament {
    display: inline-block;
    position: relative;
    background-color: #F8FFF3;
}

.tratament:hover {
    background-color:  #285c2f;
    color:  #fff;

    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    cursor: pointer;
}

.tratament h2 {
    padding: 30px;
    font-size: 1.4em;
    font-weight: 300;
}

.img-serv-up{
    margin-top: -10px;
}

.flex-item-sobre-foto{
    float: left;
    width: 100%;
    margin-bottom: 40px;
    text-align: center;
}

.flex-item-sobre-foto a{
    color: #000;
}

.flex-item-sobre-foto a:hover {
    color: rgba(82, 153, 49, 0.459);
}

.flex-item-sobre-foto img{
    margin-bottom: 20px;
}

.flex-item-sobre-foto h2{
    font-size: 2em;
    color: #3d8e95;
    margin-bottom: 10px;
}
.flex-item-sobre-foto p{
    margin-bottom: 10px;
}
.flex-item-sobre-foto a{
    margin-bottom: 20px;
}

.flex-item-sobre-desc{
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.flex-item-sobre-desc h2{
    font-size: 2em;
    color: #3d8e95;
}


.flex-item-services {
    flex: 1 1 250px;
}

.services {
    margin: 0 1px;
    margin-bottom: 40px;
}

.services h2 {
    font-size: 2em;
}

.estrela{
    color: rgb(224, 177, 75);
}


/*COMPARTILHAR*/
.compartilhar-face{
    color: #0DFF98;
}

/* PÁGINA  SOBRE */

.sobre-header {
    margin-top: 30px;
}

.sobre-header h1{
    text-align: center;
    margin: 30px 0;
    font-size: 2em;
}

.sobre-edf{
    margin-bottom: 50px;
}

.content-flex-depoiment {
    flex: 1 1 220px;
    margin: 20px 10px;
}

.flex-item-sobre-equipe {
    flex: 2 1 300px;
    margin: 0 10px;
}

.flex-item-sobre-equipe h2{
    font-size: 1.5em;
}

.flex-item-sobre-equipe p{
    margin-bottom: 20px;
}

.flex-item-sobre-equipe-foto {
    flex: 1 1 160px;
    margin: 0 10px;
}


/*politica de privacidade*/
.privacity-header{
    margin-top: 150px;
}

.privacity-info{
    max-width: 800px;
    margin: 0 auto;
}

.privacity-info h2{
    margin-bottom: 10px;
}

.privacity-info p{
    margin-bottom: 40px;
}

.privacity-info-botton{
    margin-bottom: 100px;
}


.bg-videos {
    background-color: #eee;
    background-image: url(../img/img-videos.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center top;
}


.flex-item-videos{
    flex: 1 1 530px;
}

.pg-videos-header h1{
    text-align: left;
    margin-top: 100px;
    color: #eee;
    padding-left: 30px;
}
.pg-videos {
    display: inline-block;
    text-align: center;
    margin: 5px;
}



/*RODAPÉ*/
.main_footer {
    padding: 30px 0 30px 0;
}

.main_footer_base{
    margin-top: 50px;
}



.main_footer_nav {
    float: left;
    width: 100%;
}

.main_footer_nav ul li a {
    display: block;
    color: #eee;
    padding-left: 20px;
}

.main_footer_social-title {
    text-align: center;
}

.main_footer_social-title h2{
    font-weight: 300;
}

.main_footer_social {
    float: left;
    width: 100%;
}

.main_footer_social li {
    display: inline-block;
}

.main_footer_social a {
    float: left;
    padding: 15px;
}


.r_social {
    float: right;
    text-align: right;
    margin-top: 8px;
}

.contato-home{
    text-align: center;
    margin-bottom: 100px;
}

.contato-home h1{
    margin-bottom: 20px;
    font-size: 1.5em;
}

/*Efeito zoom na imagem*/

.zoom-img {
    overflow: hidden;
}

.zoom-img img {
    max-width: 100%;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.zoom-img:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/*MENSAGENS DO SISTEMA -  NÃO ALTERAR*/

.trigger {
    padding: 15px 15px 15px 40px;
    background: #eee;
    font-size: 14px;
    margin-bottom: 15px;
}

.trigger a {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 15px;
    background: #069;
    color: #fff;
}

.trigger a:hover {
    background: #09f;
    color: #fff;
}

.form-load {
    display: none;
}

.accept {
    background: #0DFF98 url(../img/icons/accept.png) center left 10px no-repeat
}

.infor {
    background: #c8dbfd url(../img/icons/infor.png) center left 10px no-repeat
}

.alert {
    background: #faf7b7 url(../img/icons/alert.png) center left 10px no-repeat
}

.error {
    background: #ffafaf url(../img/icons/error.png) center left 10px no-repeat
}


/*////////////////////////////////////////////////////////////////////////// DENTISTA */

.so-desktop {
    display: none;
}

/*1280 PX*/

@media (min-width: 80em) {
    .so-desktop {
        display: block;
    }
}

/*BTN TEL E ZAP*/
.btn-contact-bot {
    width: 100%;
    max-width: 185px;
}

.btn-contact {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

.btn-contact li {
    display: inline-block;
    background: #ccc;
    margin: 0 10px;
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
}

.btn-contact a {
    float: left;
    padding: 10px 20px 10px 40px;
    color: #fff !important;
}

.btn-contact a:hover {
    text-decoration: none !important;
}

.btn-contact .phone {
    background-image: url(boot/social/phone.png);
    background-color: hsl(0, 33%, 30%);
}

.btn-contact .phone:hover {
    background-color: #715858;
}

.btn-contact .wzap {
    background-image: url(boot/social/wzap.png);
    background-color: #0c9e0c;
}

.btn-contact .wzap:hover {
    background-color: #10b310;
}

.code {
    color: #eee;
}

.cadastro {
    color: #eee;
}

.cadastro:hover {
    color: #00ff00;
}

.url-portal {
    color: #eee;
}

/*SIDEBAR*/

.mob-header {
    margin-top: 70px;
}

.mob-c50 {
    float: left;
    width: 46.5%;
    margin-right: 7%;
}

.mob-c50:nth-of-type(2n+0) {
    margin-right: 0;
}

.sidebar-article {
    margin: 20px 0 20px 0;
}

.sidebar-article h2 {
    padding: 10px;
}

.banner-patrocinado img {
    margin-bottom: 0px;
}

/*                ate aqui                  */

/*SOBRE*/

.sobre-history {
    width: 80%;
    margin: 0 auto;
}

.sobre-history h1 {
    margin: 20px 0 20px 0;
}

.sobre-autor {
    font-size: 0.875em;
    padding-left: 30px;
}

/*CONTATO*/

.contato-portal-header h1{
    margin-top: 100px;
}

.contato-portal h2 {
    font-size: 1.6em;
    margin: 50px 0 20px 0;
}

.contato-portal ul li {
    font-size: 1em;
    margin-bottom: 8px;
}
.contato-portal-tel{
    font-size: 1.2em !important;
}
.contato-portal-mail{
    font-size: 0.9em !important;
}

.contato-portal-sup {
    width: 100%;
    margin: 50px 0;
    background-color: #e8e8e8;
    padding: 10px;
}

.contato-portal-form{
    margin: 50px 0;
}
/*FICHA TÉCNICA*/

.main_info {
    padding: 25px;
    background: #eee;
    text-align: center;
    margin-bottom: 20px;
}

.main_info h1 {
    font-size: 1em;
}

.main_info b {
    display: block;
    font-size: 3em;
}

/*404*/

.erro-header h1 {
    font-size: 6em;
}

.erro-header h2 {
    margin-bottom: 160px;
}

/*DOBRA DE CONVERSÃO*/

.main_chamada {
    float: left;
    width: 80%;
    margin: 40px 10% 0 10%;
    font-size: 1.5em;
    font-weight: 300;
}

.reverse_nav {
    text-align: center;
}

.reverse_nav li {
    display: inline-block;
    position: relative;
    margin: 0 15px;
}

.reverse_nav a {
    color: #fff;
    padding: 15px;
}

.reverse_nav li:hover .sub {
    display: block;
}

.reverse_nav li:hover>a {
    text-decoration: underline;
}

.reverse_nav .sub li {
    margin: 15px 0;
}

.reverse_nav .sub {
    position: absolute;
    display: none;
    background: #fff;
    top: 30px;
    left: 0;
    margin-left: -50%;
    width: 220px;
    padding: 5px;
}

.reverse_nav .sub a {
    color: #CF4823;
}

/*SOBRE :: EMPRESA*/

.main_bus .title {
    font-size: 1.8em;
    font-weight: 300;
}

.main_bus ul {
    margin: 20px 0;
}

.main_bus li {
    margin-bottom: 10px;
}

.main_bus a {
    color: #CF4823;
}

.main_bus a:hover {
    text-decoration: underline;
}

.main_bus_empresa {
    float: left;
}

.main_bus_tutor {
    text-align: left;
}

.separador {
    border-bottom: 1px red dotted;
}

.main_bus_person {
    margin: 30px 0 0;
}

.main_bus_person li {
    display: inline-block;
    margin: 0 10px 23px 0;
}

.main_bus_person a {
    padding: 5px 15px;
    background: #fff;
    color: #34495e;
}

.main_bus_person a:hover {
    background: #CF4823;
    color: #fff;
}

.depoimento {
    padding: 20px;
    margin: 0 0 4% 0;
}

.depoimento-header {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #999;
}

.depoimento-header img {
    width: 20%;
}

.depoimento-header h2 {
    font-size: 1.4em;
}

.depoimento-header p {
    margin: 5px 0;
}

.article-event {
    font-size: 0.8em;
    padding: 25px;
    margin-bottom: 20px;
}

/*CONTATO*/



.contact_info ul {
    margin-bottom: 30px;
}

.contact_info li {
    margin-bottom: 10px;
    font-size: 1.1em;
}

.contact_info a {
    color: #CF4823;
}

.contact_info a:hover {
    text-decoration: underline;
}

.contact_info p {
    font-size: 1.4em;
    font-weight: 300;
}

/*SINGLE POST*/

.single {
    width: 100%;
    margin: 0;
}

.single a {
    color: #CF4823;
}

.single a:hover {
    text-decoration: underline;
}

.single-header h1 {
    font-size: 1.8em;
    font-weight: 400;
}

.single-header ul {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.single-header li {
    display: inline-block;
    margin-right: 30px;
}

.single-subtitle {
    font-size: 1.6em;
    padding: 20px;
    background: #fbfbfb;
    font-weight: 300;
}

/*SIDEBAR WIDGETS*/

.sidebar-widget {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background: #fbfbfb;
}

.sidebar-widget header {
    padding: 20px;
    background: #34495e;
    color: #fff;
}

.sidebar-mosview {
    float: left;
    width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.sidebar-mosview img {
    float: left;
    width: 30%;
}

.sidebar-mosview h2 {
    font-size: 1em;
    float: right;
    width: 65%;
    margin-top: -3px;
}

.sidebar-mosview:last-of-type {
    border: none;
    margin-bottom: 0;
}

.sidebar-widget form {
    padding: 20px;
}

/*Tutorial Opt-in*/

.opt-tuto {
    float: left;
    width: 100%;
    margin: 30px 0;
}

.opt-tuto li {
    float: left;
    width: 30%;
    margin-right: 4%;
    padding: 20px;
    background: #fbfbfb;
}

.opt-tuto span {
    display: block;
    font-size: 5em;
    text-align: center;
    margin-bottom: 20px;
}