

/*estruturas principais*/



body *{
    font-size: 100%;

    font-family: 'Open Sans', sans-serif;
    color:#737373;
     line-height:100%;

}

body p{
    font-size:14px;
    color:#000;
}

body p i{
    color:inherit;
}

header{
    box-shadow:none;
}


footer{
    padding-bottom: 0;
    background:#0037b8;
    margin-top: 55px ;
}


 /*TAGS*/


::-webkit-input-placeholder {
   font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:#6f6f6f;
    opacity:1;
}

:-webkit-input-placeholder {
  font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:#6f6f6f;
    opacity:1;
}

:-moz-placeholder {
   color: orange;
  font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:#6f6f6f;
    opacity:1;
}

::-moz-placeholder {
  font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:#6f6f6f;
    opacity:1;
}

:-ms-input-placeholder {
   font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:#6f6f6f;
    opacity:1;
}

/*class*/


.center{
    margin:0 auto;
    display: block;
}
     /*alinha  ao  meio*/
.geral{
    max-width:1205px;
    margin:0 auto;
    float: none!important;
}

.relative{
    position: relative;
}

.bg-fff{
    background: #FFF;
}

 img{
    max-width:100%;
    display:block;
 }

    /*limpa em torno da div pai dos floats*/
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.left{
    float:left;
}
.right{
    float:right;
}

/*===========
    header
============*/

header{
    padding-top:30px;
}


header .logo span{
    display:block;
    position: relative;
}
header .logo a{
    display: block;
    margin: 0 auto;
}

header .logo img{
    display: block;
    margin:0 auto;
    margin-bottom:5px;

}

header .menu{
    width: 100%;
    float: right;
    margin-top:20px;
}


header .menu ul li{
    min-width: 30px;
    float: left;
    position:relative;
    height: 57px;

}


header .menu ul li:after{
    content: "";
    display: block;
    width: 67%;
    height: 10px;
    -webkit-transform: rotate(180deg) skew(40deg, 0deg) translateX(50%);
    -moz-transform: rotate(180deg) skew(40deg, 0deg) translateX(50%);
    -o-transform: rotate(180deg) skew(40deg, 0deg) translateX(50%);
    -ms-transform: rotate(180deg) skew(40deg, 0deg) translateX(50%);
    transform: rotate(180deg) skew(40deg, 0deg) translateX(50%);
    background: #fff;
    position: absolute;
    z-index: 999;
    bottom: -20px;
    left: 50%;
    margin-left: -15%;


}

header .menu ul li:before{
    content: "";
    display: block;
    width: 70%;
    height: 10px;
    -webkit-transform: rotate(180deg) skew(-40deg, 0deg) translateX(50%);
    -moz-transform: rotate(180deg) skew(-40deg, 0deg) translateX(50%);
    -o-transform: rotate(180deg) skew(-40deg, 0deg) translateX(50%);
    -ms-transform: rotate(180deg) skew(-40deg, 0deg) translateX(50%);
    transform: rotate(180deg) skew(-40deg, 0deg) translateX(50%);
    background: #fff;
    position: absolute;
    z-index: 999;
    bottom: -20px;
    left: 50%;
    margin-left: 15%;


}

header .borda-menu{
    height: 10px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background:  transparent;
    z-index: 100;
    bottom: -10px;
    overflow-x:  hidden;
}

header .borda-menu .a1{
    width: 1920px;
    height: 10px;
    display: block;
    background: transparent;
    border-right: 387px  solid  #fff;
    border-left: 686px  solid  #fff;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}



header .menu ul li:last-child:after,
header .menu ul li:first-child:after{
    width: 20px;
}

header .menu ul li:last-child:before,
header .menu ul li:first-child:before{
    width: 20px;
}



header .menu ul li ul{
    position:absolute;
}
header .menu ul li,
header .menu ul li a{
    transition-duration: 500ms;
    text-align:center;
}

header .menu ul li a{
    display: block;
    padding: 8px 13px;
    color: #0c194e;
    text-transform: capitalize;
    font-size: 15px;
    font-weight:600;
    text-align: center;
    border-bottom: 3px solid transparent;
}

.active,
header .menu ul li a:hover{
    border-bottom: 3px solid #019dce;
}

header .menu ul li a:hover{
    text-decoration: none!important;
}

/* menu DropDown */

.menu-drop{
    width:440px;
    position: absolute;
    z-index:55;
    margin-left: -50px;
}

.menu-drop ul{
    width:225px;
    float:left;
    z-index:10;
    position: absolute;
    top:0;
}

.menu-drop ul ul{
    padding-top:77px;
    /* margin-top:-77px!important; */
}
.menu-drop>ul.d-ative li ul{
    width:90%;
    background-color:#3376b2;
    background-size: 80px 60px!important;
    margin-left:5%;
    position: absolute;
}



.menu-drop ul:last-child.d-ative li ul {
    background-color:#d6a542;
}

.menu-drop>ul:last-child {
    background:#d6a542;
}

.menu-drop>ul:first-child {
    background:#3376b2;
}

.menu-drop>ul:last-child {
    margin-left: -10px;
    z-index:5;
}


.menu-drop ul li span{
    min-height:77px;
    padding:10px 20px;
    padding-bottom:0;
    font-size:16px;
    text-transform:uppercase;
    color:#FFF;
    text-align:center;
    display:block;
    background:url('../imagens/drop_blue.png') no-repeat center top;
    border-bottom-right-radius:83px;
    border-bottom-left-radius:83px;
    cursor:pointer;
    position: absolute;
    z-index:77;

}

.menu-drop ul li ul{
    margin-top: 5px;
    display:none;
    overflow:hidden;
}
.menu-drop ul li ul li{

}

.menu-drop ul li ul li a{
    padding: 5px 10px;
    margin: 0px 15px;
    display:block;
    font-size:16px;
    text-align:center;
    color:#FFF;
    border-bottom:1px solid rgba(255,255,255,0.3);
    position: relative;
    text-decoration:none!important;
    line-height:140%;
}

/* hover */
.menu-drop ul li ul li a:hover:after{
    content:"";
    display:block;
    width:8px;
    height:8px;
    background:url('../imagens/hover_menu2.png') no-repeat center center;
    position: absolute;
    top:50%;
    margin-top:-4px;
    margin-right: 5px;
}

.menu-drop ul li ul li a:hover:before{
    content:"";
    display:block;
    width:8px;
    height:8px;
    background:url('../imagens/hover_menu2.png') no-repeat center center;
    position: absolute;
    position: absolute;
    top:50%;
    right:0;
    margin-top:-4px;

    margin-left:5px;
}

/* hover */

.menu-drop ul li ul li:last-child a{
    border:none;
}

.noticias-index h4{
    font-size:30px;
    color:#0037b8;
    padding-bottom:20px;
    font-weight: 600;
}

.noticias-index a:hover{
    text-decoration: none;
}

.noticias-index a:hover *{
    color: #0037b8 !important;
}

.noticias-index .slides li{
    min-height: 180px;
    position: relative;
}

.noticias-index .slides h3{
    margin-top:10px;
    color:#019dce;
    font-size:18px;
    font-weight: bold;
    text-transform: uppercase;
    transition-duration: 500ms ;
}

.noticias-index .slides span{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #365278;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0;
    display: block;
}

.noticias-index .slides p{
    font-size: 13px;
    color: #5c5c5c;
    line-height:130%;
    transition-duration: 500ms ;
}

.noticias-index .slides .lermais{
    margin-top:20px;
    color:#019dce;
    font-size:14px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
}

.linha-hor{
    width: 100%;
    height: 4px;
    background: #ebebeb;
    margin: 40px 0;
}


/* chamadas index */
.chamadas-index{
    margin-top: 40px;
}

.chamadas-index .container-foto{
    display:block;
    position: relative;
}

.chamadas-index a{
    display:block;
    transition-duration:500ms;
    opacity:1;
}
.chamadas-index a:hover{
    text-decoration:none;
    opacity:0.7;
}


.chamadas-index img{
    margin:0 auto;
}

.chamadas-index a:hover{
    text-decoration: none;
}

.chamadas-index span p{
    color:#0037b8;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
}

.chamadas-index span{
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8)
}

.container-foto + p{
    font-size:14px;
    color:#343434;
    font-weight: 600;
    text-align:center;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0 20px 0;
}

.chamadas-index a:hover > p{
    color: #0037b8;
}

/*
    Chamadas index 2
*/

.container-ch2{
    background: #019dce;
}


.chamadas2 a {
    padding-top: 40px;
    padding-bottom: 40px;
    background: transparent;
    display: block;
    transition-duration: 500ms;
}

.chamadas2 a:last-child:hover{
    background: #0074af;
}
.chamadas2 a:hover{
    text-decoration: none;
}

.chamadas2 .icon-text{
    display: table;
}

.chamadas2 .icon-text{
    display:  block;
    padding-left: 74px;
}

/* icones*/

.chamadas2 .icon-text.icon1{
    background: url('../imagens/calendario.png') no-repeat center left;
}

.chamadas2 .icon-text.icon2{
    background: url('../imagens/tel_24h.png') no-repeat center left;
}

.chamadas2 .icon-text.icon3{
    background: url('../imagens/play.png') no-repeat center left;
}

.chamadas2 .icon-text.icon4{
    background: url('../imagens/pesquisa.png') no-repeat center left;
}

.chamadas2 .icon-text .text{
    display: table-cell;
    vertical-align:  middle;

}

.chamadas2 .icon-text .text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    color: #fff;
    font-weight: bold;
    margin: 5px 0;
    display: block;
    font-family: 'Lato', sans-serif;
}

.chamadas2 .icon-text .text p.uppercase{
    text-transform: uppercase;

}

.contato+footer,
.noticias+footer,
.casos-clinicos+footer,
.profissionais+footer,
.index+footer{
    margin-top: 0;
}

.footer{
    padding: 40px 0
}

.footer h2{
    text-transform:uppercase;
    font-size:12px;
    font-weight: bold;
    color:#FFF;
}

.footer input[type="submit"]{
    background:#3274b3;
    border:none;
    text-transform:uppercase;
    color:#FFF;
    padding:1px 10px;
    font-size:15px;
    margin-left:10px;
    transition-duration:500ms;
}

.footer input[type="submit"]:hover{
    background: #f7bd49;
    cursor:pointer;
}

.footer  *{
    font-size:14px;
    color:#FFF;
    font-style:normal;
    line-height:150%;
}

.footer  a{
    transition-duration:500ms;
    opacity:1;
}
.footer  a:hover{
    opacity:0.5;
}


/* father_the_icons */

.footer .face{
    font-size: 16px;
    background: url('../imagens/face_footer.png') no-repeat center left;
    padding-left: 30px;
    text-align: left;
    display: inline-block;
}

.footer .father_the_icons  .icone{
    padding-left:  30px;
    margin-top: 5px;
    text-align: left;
}

.footer .father_the_icons  .i-1{
     background:  url('../imagens/footer_home.png') no-repeat center left;
}

.footer .father_the_icons  .i-2{
     background:  url('../imagens/footer_location.png') no-repeat center left;
}

.footer .father_the_icons  .i-3{
     background:  url('../imagens/phone_footer.png') no-repeat center left;
}

.footer .father_the_icons  .i-4{
     background:  url('../imagens/email_footer.png') no-repeat center left;
}



.footer-2  *{
    font-size:14px;
    color:#FFF;
    font-style:normal;
    line-height:150%;
}


.ico-tel,
.ico-wpp{
    display:inline-block;
    margin-right:20px;
}

.ico-tel:before{
    content:"";
    display:inline-block;
    width:19px;
    height:19px;
    background:url('../imagens/social_icons.png');
    background-position: -3px 31px;
    margin-bottom: -5px;
    margin-right:5px;
}

.ico-wpp:before{
   content:"";
    display:inline-block;
    width:19px;
    height:19px;
    background:url('../imagens/social_icons.png');
    background-position: -29px 28px;
    margin-bottom: -5px;
    margin-right:5px;
}

.footer .social-icons a{
    margin: 0 10px;
    width: 39px;
    height: 39px;
    display:block;
    float:left;
    background:url('../imagens/social_icons.png');
}

.footer {
    padding-bottom:56px;
}

.alpha {
    margin-left:10px;
}

.footer hr{
    border: 0;
    border-bottom: 1px solid #FFF;
    margin-top:13px;
    margin-right:5px;
    opacity:0.3;
}

/* segundo footer */
.footer-2{
    background: #061d38;
    padding:  13px 0;
}

.alpha{
    margin-top:0;
    transition-duration: 500ms;
    opacity: 1;
}
.alpha:hover{
    opacity: 0.6;
}

footer .webmail{
    margin-top: 7px;
    display: block;
}

footer .webmail:hover{
    text-decoration: none;
}

/*--------------------

    Paginas internas

-------------------- */


/*
    titulos
*/
.titulo1{
    width:100%;
    display:block;
    color:#FFF;
    font-family: 'Open Sans', sans-serif;
    font-size:27px;
    color:#000;
    border-bottom: 1px #c0c0c0 dashed;
    padding-bottom: 15px;
    text-transform:uppercase;
}


.titulo2{
    color:#604a2d;
    font-weight: bold;
    font-size:26px;
    margin-bottom: 38px;
    line-height:32px;
}

.imagem-topo{
    margin-bottom:20px;
    overflow:hidden;
}

.imagem-topo {
}



/* =============================
    imagem de topo  das paginas
===============================*/
.img-topo{
    position: relative;
    background: url('../imagens/topo/clinica.jpg') no-repeat center top;
    padding: 38px;
}

.img-topo h1{
    font-size: 44px;
    font-weight: bold;
    color: #FFF;

}

/* textos paginas internas  */
.texto-corrido p,
.texto-corrido *{
    color: #28292a;
    font-size: 14px;
    line-height: 140%;
}


/* espa  do container de conteÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âºdo das paginas */
.g-container-espaco{
    margin-top: 55px;
}

/* ===============
    Empresa
================*/

.empresa +footer{
    margin-top: 0;
}

.empresa h2{
    font-size: 30px;
    color: #0037b8;
    font-weight: 600;
    margin-bottom: 45px;
}

.empresa .g-container-espaco .border-blue{
    border-right: 2px solid  #1a97cd;
}


.empresa .g-container-espaco .texto-corrido {
    margin-bottom: 30px;
}

.empresa .mvv h4{
    padding-left: 60px;
    font-size: 22px;
    color: #163b68;
    line-height: 140%;
    margin-bottom: 25px;
}

.empresa .val ul li{
    background: url('../imagens/empresa/bullet.png') no-repeat center left;
    padding-left: 20px;
    margin-bottom: 10px;
}

/* icones */

.empresa .mvv .mis h4{
    background: url('../imagens/empresa/mira.png') no-repeat center left;
}

.empresa .mvv .vis h4{
    background: url('../imagens/empresa/binoculos.png') no-repeat center left;
}

.empresa .mvv .val h4{
    background: url('../imagens/empresa/maos.png') no-repeat center left;
}

.empresa .content-slider{
    padding: 40px 0;
    background: #eaebeb;
}

.empresa .content-slider .flexslider{
    width: 95%;
    padding: 0;
    margin: 0 auto;
    background:  transparent;
    border: 0;
}

.empresa .content-slider .slides li{
    position: relative;

}

.empresa .content-slider .slides a{

    height: 120px;
    display: block;
    position: relative;
    overflow: hidden;

}

.empresa .content-slider a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}



/* ===============
    Tratamentos
================*/

.tratamentos .men-tratamentos a{
    padding: 15px;
    display: block;
    transition-duration: 500ms;
    line-height: 140%;
    cursor: pointer;
}

.tratamentos .men-tratamentos a:hover{
    text-decoration: none;
}

.tratamentos .men-tratamentos > li > a{
    color: #0c284e;
    font-size: 20px;
}

.tratamentos .men-tratamentos > li > .active,
.tratamentos .men-tratamentos > li > .d-active,
.tratamentos .men-tratamentos > li > a:hover{
    color: #fff;
    background: #2191c0;
}


/* submenu */

.tratamentos .men-tratamentos ul{
    background: #2191c0;
    display: none;
}

.tratamentos .men-tratamentos ul  li  a{
    color: #FFF;
    font-size: 20px;
    padding: 13px 10px 13px  50px;
}

.tratamentos .men-tratamentos ul  li  .active,
.tratamentos .men-tratamentos ul  li  a:hover{
    background: #0c284e;
}

/* tratamentos  estilos  "content_inserted" */

/* titulos */
.content_inserted h2{
    color: #0c284e;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.content_inserted h3{
    color: #0c284e;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.content_inserted h4{
    color: #0c284e;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 25px;
}

.content_inserted b{
    color: #28292a;
}
.content_inserted p{
    color: #28292a;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 140%;
}

.content_inserted .radius_azul{
    border-radius:  5px;
    border: 4px solid #2191c0;
    display: inline-block;
    margin: 0 auto;
}

/* icone dente  */
.content_inserted ul.dente_icone{
}

.content_inserted ul.dente_icone li{
    background: url('../tratamentos_include/dente.png') no-repeat top left;
    margin-bottom: 20px;
    min-height: 22px;
    padding-left: 40px;
}

.content_inserted ul li.subitem  {
    background: none;
}

.content_inserted ul li li  {
    background: url('../tratamentos_include/dente_sub.png') no-repeat top left !important;
}

.content_inserted ul li li  p{
    margin-bottom: 20px;
}

.content_inserted ul li {
    margin-bottom: 20px;
    min-height: 20px;
    padding-left: 40px;
}

.content_inserted  .text-foto{
    margin-bottom: 20px;
}

.content_inserted  .text-foto img{
    min-width: 100%;

}

.lista-texto-foto{
    margin-bottom: 30px;
}

.line-H{
    border-bottom: 4px solid #2191c0;
    margin-bottom: 30px
}



/* ===============
    Profissionais
================*/
.profissionais{

}

.profissionais .listagem{

}

.profissionais .listagem > *:nth-last-of-type(odd)    {
    background: #ebebeb;
}

.profissionais .listagem > *    {
    padding-top:  40px;
    padding-bottom:  40px;
}

.profissionais .listagem *{
    line-height: 140%;
}

.profissionais .listagem a{
    display: inline-block;
}

.profissionais .listagem h4{
    font-size: 30px;
    color: #272929;
    margin-bottom: 15px;
}

.profissionais .listagem a,
.profissionais .listagem small{
    font-size: 14px;
    font-weight: 300;
    color: #272929;
    margin-bottom: 25px;
    display: inline-block;
}

.profissionais .listagem ul li{
    background: url('../imagens/profissionais/bulet.png') no-repeat center left;
    padding-left: 30px;
    margin-bottom: 10px;
}

.profissionais .listagem .img p{
    font-size: 14px;
    font-weight: bold;
    color: #2191c0;
    margin-top: 5px;
}

/* ===============
    Casos clicos
================*/

.casos-clinicos .content-slider{
    padding: 50px 0;
    background: #eaebeb;
}

.casos-clinicos .content-slider .flexslider-2,
.casos-clinicos .content-slider .flexslider{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background:  transparent;
    border: 0;
    position: relative;
}

.casos-clinicos h4{
    color: #28292a;
    font-size: 30px;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.casos-clinicos p{
    color: #28292a;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 20px;
}

.geral-slider{
    max-width: 716px;
    margin: 0 auto;
}


.casos-clinicos .content-slider .slides li{
    position: relative;
}

.casos-clinicos .content-slider .slides a{
    display: block;
    height: 160px;
    display: block;
    position: relative;
}

.casos-clinicos .content-slider a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.casos-clinicos .content-slider h5{
    margin: 0 auto;
    font-size: 30px;
    color: #0c284e;
    text-transform: uppercase;
    margin-bottom: 5px;
}



.menu-lateral{}

.menu-lateral a{
    color: #0c284e;
    font-size: 20px;
    padding: 12px;
    display: block;
    background: transparent;
    transition-duration: 500ms;
}

.menu-lateral .active,
.menu-lateral a:hover{
    color: #FFF;
    background: #2191c0;
    text-decoration: none;
}


.next-prev {
    
    margin-top: 20px;
    position: relative;
}

.next-prev > *{
    width: 48%;
    display: block;
}

.next-prev  *{
    color: #6f8099;
    font-size: 12px;
}

.next-prev .prev{
    background:  url('../imagens/prev.png') no-repeat center left;
    float: left;
    padding-left: 20px;
}

.next-prev .next{
    background:  url('../imagens/next.png') no-repeat center right;
    float: right;
    text-align: right;
    padding-right: 20px;

}






.noticias h4{
    font-size:30px;
    color:#0037b8;
    padding-bottom:20px;
    font-weight: 600;
}

.noticias a:hover{
    text-decoration: none;
}

.noticias a:hover *{
    color: #0037b8 !important;
}

.noticias .slides h3{
    margin-top:10px;
    color:#019dce;
    font-size:18px;
    font-weight: bold;
    text-transform: uppercase;
    transition-duration: 500ms ;
}

.noticias .slides span{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #365278;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0;
    display: block;
}

.noticias .men-not .slides  li{
    padding-bottom: 20px;
    border-bottom: 2px solid #e7e7e7;
}

.noticias .slides  li:last-child{
    border: none;
}

.noticias .slides p{
    font-size: 13px;
    color: #5c5c5c;
    line-height:130%;
    transition-duration: 500ms ;
}

.noticias .slides .lermais{
    margin-top:20px;
    color:#019dce;
    font-size:14px;
    text-transform: uppercase;
}


.noticias .content-slider{
    padding: 50px 0;
    background: #eaebeb;
}

.noticias .content-slider .slides li{
    position: relative;
}

.noticias .content-slider .slides a{

    height: 250px;
    display: block;
    position: relative;
    overflow: hidden;
}

.noticias .content-slider a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.noticias .content-slider .flexslider-2,
.noticias .content-slider .flexslider{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background:  transparent;
    border: 0;
    position: relative;
}

.noticias h6{
    font-size: 20px;
    color: #019dce;
    font-weight: bold;
    margin-bottom: 5px;
}

.noticias h5{
    text-transform: uppercase;
    font-size: 20px;
    color: #262626;
    margin-bottom: 20px;
}

.noticias h4{
    color: #28292a;
    font-size: 30px;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.noticias p{
    color: #28292a;
    font-size: 14px;
    line-height: 140%;

}
.noticias .text p{
    margin-bottom: 20px;
}

.noticias .geral-slider{
    max-width: 716px;
    margin: 0 auto;
}

.noticias .content-slider h5{
    width: 94%;
    margin: 0 auto;
    font-size: 30px;
    color: #0c284e;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.noticias  .next-prev{
    margin-top: 50px;
    margin-bottom: 40px;
}

/* ===============
    Contato
================*/

.contato h3{
    font-size: 30px;
    color: #0c284e;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contato  .container{
    margin-bottom: 40px;
}

.contato .formulario{
    margin-top: 55px;
}

.preview{
    line-height: 140%;
}

.contato .infos p{
    color: #019dce;
    font-size: 15px;
    padding-left: 30px;
    line-height: 170%;
    margin-bottom: 10px;
}

.contato .infos p.local{
    background: url('../imagens/contato/local.png') no-repeat center left;
}

.contato .infos p.carta{
    background: url('../imagens/contato/carta.png') no-repeat center left;
}

.contato .infos p.telefone{
    background: url('../imagens/contato/telefone.png') no-repeat center left;
}

.contato .infos p.whats{
    background: url('../imagens/whats.png') no-repeat center left;
}

.form-style textarea,
.form-style select,
.form-style input[type="datetime-local"],
.form-style input[type="number"],
.form-style input[type="date"],
.form-style input[type="time"],
.form-style input[type="tel"],
.form-style input[type="email"],
.form-style input[type="text"]{
    width:100%;
    padding:2px 8px;
    margin-bottom:10px;
    font-size: 15px;
    color:#616161;
    opacity:1;
    min-height: 32px;
    border: 1px solid #c2c2c2;
    font-family: 'Lato', sans-serif;
}

.form-style input[type="file"]{
    border: none;
    padding: 0;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}

.form-style select option,
.form-style select{
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    background: none;
}

.form-style textarea{
    padding-top: 10px;
    min-height:70px;
}

.form-style span {
    padding-bottom: 10px;
}

.form-style span p{
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #616161;
}
.form-style span input+p{
    padding-left: 10px;
    display: inline-block;

}

.form-style p{
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color:#616161;
    opacity:1;
    margin-bottom: 5px;
}

.contato .form-style input[type="submit"]{
    font-weight: bold;
}

.form-style input[type="submit"]{
    width: 97px;
    border: none;
    padding: 11px 11px;
    background: #00a2de;
    color: #fff;
    font-size: 14px;
    transition-duration: 500ms;
    opacity: 1;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
    float: right;
}

.form-style input[type="submit"]:hover{
    opacity:0.5;
}

.form-style span{
    display: block;
}



/* =============
    Videos
==============*/
.videos{

}
.videos+footer{
    margin-top: 0;
}

.videos .videos-container {
    margin-top: 20px;
}

.videos .videos-container > *{
    margin-bottom: 10px;
}

.videos .videos-container .Yvideo-descricao{

}

.videos .videos-container .Yvideo{
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    transition-duration: 500ms;
    opacity: 1;
}

.videos .videos-container .Yvideo:hover{
    opacity: 0.5;
}

.videos .videos-container .Yvideo img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.videos .videos-container .Yvideo iframe{
    display: none;

}

.videos .videos-container .descricao{
    margin-top: 10px;
}

.videos .videos-container .descricao p{
    color: #616161;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 130%;
    color: #0c284e;
    
}

.videos .videos-container .descricao small{
    color: #616161;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    line-height: 130%;
    color: #0c284e;
    margin-bottom: 10px;
    display: block;
}


/* ===============
    responsivo
================*/
@media screen and (max-width: 1205px){

    header .borda-menu{
        display: none;
    }

    header{
        padding-bottom: 20px;
    }
    header .borda-menu .a1{
        display: none;
    }

    .index .flexslider{
        margin-left: 40px;
        margin-right:  40px;
    }
    .casos-clinicos .content-slider,
    .noticias .content-slider,
    .empresa .content-slider {
        padding-left: 40px;
        padding-right: 40px;
    }
     .casos-clinicos .next-prev,
    .noticias  .next-prev{
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .text-foto.bichectomia >*{
        margin-bottom: 20px;
    }

    .t-esteticos.lista-texto-foto > *{
        margin-bottom: 60px;
    }

    .botox .res-margin{
        margin-bottom: 20px!important;
    }

    .orto.res-espaco > * {
        margin-bottom: 20px;
    }

    .noticias-index .slides li{
        min-height: 200px;
    }

}


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

    .noticias-index .slides li{
        min-height: 220px;
    }

}

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

    .noticias-index .slides li{
        min-height: 220px;
    }

    .footer  *{
        display: block;
    }
    .footer  {
        padding-left: 40px;
    }

    .chamadas-index span p{
        font-size: 15px;
    }

    .rm-video{
        display: none!important;
    }

    .empresa .g-container-espaco .border-blue{
        border: none;
        margin-bottom: 40px;
    }

    .contato .formulario{
        margin-bottom: 40px;
    }

    .tratamentos .content_inserted {
        margin-bottom: 40px;
    }

}

@media screen and (min-width: 1200px){
    .clareamento_laser{margin-top: 20px;display: inline-block;}
}


@media screen and (max-width: 500px){
    .slick-slide img {
        width: auto;
        display: block;
        transform: translate(-20%);
        max-width: 160%;
    }

    .profissionais .listagem img{
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .profissionais .listagem a{
        text-align: center;
        margin: 0 auto;
        display: block;
    }

    .lista-texto-foto >*{
        margin-bottom: 10px;
    }

    .img-topo h1{
        font-size: 25px;
    }

    .chamadas2 a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 350px){
    .footer{
        padding-left: 20px;
    }
}


.trabalhe_conosco .img-topo{
    position: relative;
    background: url('../imagens/topo/trabalhe_conosco.jpg') no-repeat center top;
    padding: 26px;
}


.trabalhe_conosco h3{
    font-size: 30px;
    color: #0c284e;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.relative {
    position: relative;
}
.file-input {
    width: 100%;
    background: #ffffff;
    position: relative;
    /* cursor: pointer; */
    padding: 0;
    height: auto;
    /* margin-bottom: 12px; */
    padding-left: 4px;
}
.out-file {
    position: relative;
    overflow: hidden;
    padding: 8px 10px;
    background: #fff url(../img/seta.png) right 10px center no-repeat;
    border: 1px solid #c2c2c2;
    color: #616161;
    font-size: 14px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    opacity: 1;
    cursor: pointer;
    cursor: pointer;
}
.out-file:hover {
    cursor: pointer;
    opacity: 0.8;
}

.button-anexar {
    width:100%;
}

/*campo file */
.button-anexar .file {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

/*nome do arquivo*/
.file-input span {
    font-size: 13px;
    color: #000000;
    text-align: center;
    display: inline-block;
    height: auto;
    margin: 2px 0 0 11px;
}


.box_anexar input[type="text"] {
    width: 100%;
    padding: 5px 10px;
    background:#000;
    border: 2px solid #000;
    font-size: 14px;
    color: #fff;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box_anexar textarea:focus,
.box_anexar input[type="text"]:focus {
  border:2px solid #fef200;
}

.box_anexar .margin {
    margin-bottom: 18px;
}

.box_anexar ::-webkit-input-placeholder {
    color: #fff;
}

.box_anexar :-moz-placeholder {
    color: #fff;  
}

.box_anexar ::-moz-placeholder { 
    color: #fff;  
} 

.box_anexar :-ms-input-placeholder {  
    color: #fff;  
}


.trabalhe_conosco img {
    margin-bottom:15px;
}

.trabalhe_conosco p{
    color: #28292a;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 140%;
}