/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html { height: 90%;  color: #222; font-size: 1em; line-height: 1.4; font-family: 'Montserrat', sans-serif; }
body { height: 90%; }

.scrollblock{width: 100%;}

.swiper-button-lock{display: block !important;}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none !important; color: #426088; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical; }
@font-face { font-family: 'england_signatureregular'; src: url('../fonts/england_signature-webfont.woff2') format('woff2'), url('../fonts/england_signature-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
.desktop { display: block; }
.tablet { display: none; }
.mobile { display: none; }
#menu-mobile-list-out { width: 0%; height: 0%; position: fixed; right: 0px; z-index: 999999; overflow: hidden; top: 0px; display: none; }


.fast-transition { transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }


.controles-sb-home { width: 70px; height: 70px; position: absolute; top: 50%; margin-top: -60px; background-color: #ffffff; border-radius: 20px; z-index: 10; cursor: pointer; }
.controles-sb-home:hover{background-color: #fff2f2;}
.controle-sb-home-e { left: 20px; }
.controle-sb-home-d{right: 20px;}

.controle-seta-int { width: 50px; height: 50px; position: absolute; margin-top: 10px; background-size: 100px; }
.seta-int-e{right: 15px;}
.seta-int-d{right: 7px;}

/* ==========================================================================
   Home page
   ========================================================================== */
#ancora-sobre { width: 1px; height: 1px; position: absolute; top: -50px; }
#ancora-serv { width: 1px; height: 1px; position: absolute; top: -130px; }
#ancora-consultorio { width: 1px; height: 1px; position: absolute; top: -200px; }
#ancora-blog { width: 1px; height: 1px; position: absolute; top: -40px; }
#ancora-contato { width: 1px; height: 1px; position: absolute; top: -40px; }
#menu-fixo { width: 100%; height: 90px; position: fixed; top: 0px; z-index: 999; background-color: #fff; }
#view-menu-topo { width: 1200px; height: auto; position: relative; margin: auto; }
#logo-menu-topo { width: 258px; height: 60px; position: relative; float: left; margin-top: 0px; background: url('../img/logo-rosi.png'); background-size: 258px; }
#view-menu-topo ul li { width: auto; height: auto; position: relative; float: right !important; margin-top: 15px; font-size: 22px; font-weight: 600; margin-left: 60px; cursor: pointer; }
#view-menu-topo ul li:hover { color: #106788; }
#div-s1-home { width: 100%; height: 650px; position: relative; float: left; margin-top: 90px; background: url('../img/bg-topo.jpg'); background-size: cover; overflow: hidden; }
#view-div-s1-home { width: 1200px; height: auto; position: relative; margin: auto; z-index: 70; }
#foto-topo { width: 1443px; height: 800px; position: absolute; top: -150px; left: 50%; margin-left: -721.5px; background: url('../img/foto-topo.png'); background-size: 1443px; }
#conteuto-topo-home { width: 500px; height: 100%; position: absolute; right: 0px; z-index: 99; }
#conteuto-topo-home h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 50px; color: #fff; font-weight: 800; }
#cta-agendamento-topo { width: auto; height: auto; position: relative; float: left; margin-top: -10px; background-color: #00C8C4; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 800; padding: 20px 20px; border-radius: 10px; cursor: pointer; }
#cta-agendamento-topo:hover { background-color: #01A6A2; }
#crm-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 600; }
#faixa-atendimento { width: 100%; height: auto; position: relative; float: left; background-color: #EBE5E1; padding-bottom: 120px; z-index: 600; }
#view-faixa-atendimento { width: 1000px; height: 100%; position: relative; margin: auto; }
#ilustra-atendimento { width: 100%; height: auto; float: left; margin-top: 90px; }
#ilustra-atendimento-yt { width: 450px; height: 163px; position: relative; margin: auto; background: url('../img/rabisco.png'); background-size: 450px; }
#view-faixa-atendimento h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 60px; color: #194051; text-align: center; font-weight: 800; }
#cta-faixa-atendimento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#cta-int-faixa-atendimento { width: 220px; height: auto; position: relative; margin: auto; padding: 12px 10px; text-align: center; font-size: 22px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E4903D; border-radius: 10px; cursor: pointer; }
#cta-int-faixa-atendimento:hover { background-color: #E4903D; color: #fff; }
.logo-blur-e { width: 550px; height: 453px; position: absolute; background: url('../img/logo-blur-e.png'); background-size: 550px; z-index: 9 !important; }
.logo-blur-out { width: 550px; height: 453px; position: absolute; overflow: hidden; }
.lb-1 { left: -100px; top: -100px; }
.lb-2 { right: -100px; }
.lb-2-out { right: 0px; bottom: -300px; }
.lb-3-out { right: 0px; bottom: -200px; }
.lb-4 { left: -100px; bottom: -280px; }
.lb-5 { right: -300px; }
.lb-8-out-btn { right: 10%; bottom: 15%; }
.lb-8-int { right: 0px; }
.lb-3 { left: 0px; bottom: 50px; }
#div-s2-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-size: repeat; padding-bottom: 150px; }
#view-div-s2-home { width: 1200px; height: auto; position: relative; margin: auto; z-index: 30; }
#conteudo-div-s2-home { width: 50%; height: auto; position: relative; float: left; }
#conteudo-div-s2-home h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; font-size: 60px; color: #214659; font-weight: 800; }
#conteudo-div-s2-home span { font-size: 120px; font-family: 'england_signatureregular'; color: #fff;font-weight:300; }
#conteudo-div-s2-home p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 22px; text-align: justify; font-weight: 600; }
#foto-div-s2-home { width: 50%; height: auto; position: relative; float: left; padding-left: 0px; }
#foto-rosiren { width: 450px; height: 592px; position: relative; float: left; margin-left: 60px; top: 50%; margin-top: 270px; background: url('../img/foto-rosiren.png'); background-size: 450px; }
#cta-sbm-div-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
#cta-sbm-div-s2-int { width: 220px; height: auto; position: relative; margin: auto; padding: 12px 10px; text-align: center; font-size: 22px; color: #fff; font-weight: 700; text-transform: uppercase; border: 5px solid #fff; border-radius: 10px; cursor: pointer; }
#cta-sbm-div-s2-int:hover { background-color: #fff; color: #F89134; }

/*Início blocos servicos*/
#blocos-servicos-home { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }

/*card de serviço*/
.item-card-servico { width: 47%; height: auto; position: relative; float: left; margin-bottom: 60px; border-radius: 20px; overflow: hidden; }
.item-card-servico-b { width: 47%; height: auto; position: relative; float: left; margin-bottom: 60px; margin-left: 5%; border-radius: 20px; overflow: hidden; }
.faixa-icn-card-servico { width: 100%; height: auto; position: relative; float: left; background-color: #264A5F; padding: 60px 0px; }
.circulo-icn-servico { width: 150px; height: 150px; position: relative; margin: auto; background-color: #F4E9DD; border-radius: 100%; }
.icn-int-servico { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; }
.sobre-servico-card { width: 100%; height: 300px; position: relative; float: left; background-color: #F4EADD; padding-bottom: 60px; }
.sobre-servico-card h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color: #264A60; font-size: 35px; font-weight: 700; text-align: center; padding: 0px 40px; }
.cta-card-servico { width: 100%; height: auto; position: absolute; bottom: 30px; }
.cta-int-card-servico { width: 200px; height: auto; position: relative; margin: auto; padding: 15px 0px; text-align: center; font-size: 22px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E5903E; border-radius: 10px; cursor: pointer; }
.cta-int-card-servico:hover { background-color: #E5903E; color: #fff; }
#cta-cards-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#cta-int-card-servicos { width: 600px; height: auto; position: relative; margin: auto; padding: 30px 0px; border-radius: 10px; font-size: 34px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#cta-int-card-servicos:hover { background-color: #01E1D7; }

/*Inicio depoimentos*/
#s-div-depoimeitos-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-size: repeat; padding-bottom: 280px; }
#faixa-papel-depoimentos-home { width: 100%; height: 440px; position: relative; float: left; background: url('../img/faixa-papel.png'); background-repeat: repeat-x; }
#view-faixa-papel { width: 1000px; height: auto; position: relative; margin: auto; }
#view-faixa-papel h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; font-size: 50px; text-align: center; font-weight: 700; color: #6C4E36; padding: 0px 100px 0px 150px; transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
#faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
#view-faixa-depoimentos { width: 1000px; height: auto; position: relative; margin: auto; z-index: 90; }
#bloco-int-depoimento { width: 80%; height: 500px; position: relative; margin: auto; background-color: #F3E4D3; border-radius: 120px; }
.item-depoimento { width: 100% !important; height: 100% !important; position: relative; float: left; }
.item-depoimento h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 48px; font-weight: 700; text-align: center; color: #153B4F; }
.item-depoimento span { width: 100%; height: auto; position: relative; float: left; margin-top: -34px; font-size: 28px; font-weight: 600; text-align: center; color: #DF7011; }
.item-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 30px; text-align: center; color: #143C50; padding: 0px 40px; box-sizing: border-box; }
.cta-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: right; font-size: 30px; color: #DF7412; padding: 0px 40px; cursor: pointer; box-sizing: border-box; }
.cta-depoimento:hover { color: #DF9D12; }
#ctrl-e { width: 90px; height: 90px; position: absolute; left: 0px; top: 50%; margin-top: -45px; background: url('../img/se.png'); background-size: 90px; cursor: pointer; }
#ctrl-d { width: 90px; height: 90px; position: absolute; right: 0px; top: 50%; margin-top: -45px; background: url('../img/sd.png'); background-size: 90px; cursor: pointer; }
#paginacao { width: 300px; height: 20px; position: absolute; bottom: -50px; left: 50%; margin-left: -150px; }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px)); background-color: #fff; }
.swiper-pagination-bullet-active { background-color: #184F6A; }

/*Inicio bloco consultorio*/
#div-s-consultorio { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 100px; }
#ornamento-topo-consultorio { width: 3000px; height: 164px; position: absolute; top: -164px; left: -1880px; background: url('../img/ornamento-consultorio.png'); background-size: 3000px; }
#view-consultorio { width: 1200px; height: auto; position: relative; margin: auto; z-index: 99; }
#view-consultorio h1 { width: auto; height: auto; position: absolute; left: 0px; top: -130px; color: #fff; font-size: 68px; font-weight: 800; text-transform: uppercase; }
#galeria-fotos-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }
.item-3x-foto-galeria { width: 33.3%; height: 280px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
.item-2x-foto-galeria { width: 66.6%; height: 280px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
.foto-item-3x-int { width: 450px; height: 320px; position: absolute; left: 50%; top: 50%; margin-left: -225px; margin-top: -160px; }
.foto-item-2x-int { width: 900px; height: 320px; position: absolute; left: 50%; top: 50%; margin-left: -445px; margin-top: -160px; }
#cta-agendar-agora-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
#cta-int-agendar-agora-consultorio { width: 600px; height: auto; position: relative; margin: auto; padding: 30px 0px; border-radius: 10px; font-size: 34px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#cta-int-agendar-agora-consultorio:hover { background-color: #01E1D7; }

/*Inicio blog*/
#s-div-blog-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 150px; }
#view-div-blog-home { width: 1000px; height: auto; position: relative; margin: auto; }
#view-div-blog-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 120px; color: #fff; font-weight: 800; text-transform: uppercase; }
#faixa-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; }

/*Item post blog*/
.item-card-post-blog { width: 30%; height: 490px; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; border: 1px solid #fff; }
.foto-card-post { width: 100%; height: auto; position: relative; float: left; }
.headline-card-post { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
.headline-card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; font-size: 24px; color: #fff; font-weight: 700; }
.cta-leia-mais-card-post { width: 100%; height: auto; position: absolute; bottom: 20px; padding-bottom: 15px; font-size: 20px; color: #fff; cursor: pointer; padding: 0px 20px; }
.item-card-post-blog:hover { background-color: #fff; }
.item-card-post-blog:hover .headline-card-post p { color: #000; }
.item-card-post-blog:hover  .cta-leia-mais-card-post { color: #DE8D38; }
#faixa-cta-publicacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }
#cta-tds-publicacoes { width: 680px; height: auto; position: relative; margin: auto; padding: 30px 0px; border-radius: 10px; font-size: 34px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#cta-tds-publicacoes:hover { background-color: #00EBE6; }

/*Inicio mapa endereço*/
#div-s-mapa { width: 100%; height: 600px; position: relative; float: left; }
#div-s-cta-agendamento { width: 100%; height: auto; position: relative; float: left; padding: 100px 0px; background: url('../img/bg-s2.jpg'); background-size: cover; }
#cta-faixa-agendar-agora-consultorio { width: 600px; height: auto; position: relative; margin: auto; padding: 30px 0px; border-radius: 10px; font-size: 34px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#cta-faixa-agendar-agora-consultorio:hover { background-color: #01E1D7; }
#div-s-rodape { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 100px; }
#view-div-s-rodape { width: 1200px; height: auto; position: relative; margin: auto; }
#div-conteudo-e-rodape { width: 50%; height: auto; position: relative; float: left; }
#div-conteudo-e-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-weight: 700; font-size: 50px; color: #fff; }
.item-faixa-contato-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: -50px; }
.item-icn-contato-rodape { width: 50px; height: 50px; position: relative; float: left; margin-right: 5px; }
.item-faixa-contato-rodape p { width: 70%; height: auto; position: relative; float: left; margin-top: 7px; font-size: 24px; color: #fff !important; font-weight: 100; }
.item-faixa-contato-rodape p  a{color: #fff;}
.faixa-endereco-rodape { width: 100%; height: auto; float: left; margin-top: 60px; font-size: 24px; color: #fff; font-weight: 100; }
#div-logo-rodape { width: 50%; height: auto; position: relative; float: left; }
#div-logo-rodape-out { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; }
#div-logo-rodape-int { width: 350px; height: auto; position: relative; margin: auto; }
#faixa-copyright-rodape { width: 100%; height: auto; position: relative; float: left; margin-left: -50px; margin-top: 80px; padding: 0px 200px; box-sizing: border-box; }
#copyright-int { width: auto; height: auto; position: relative; float: left; margin-right: 20px; font-size: 20px; color: #fff; font-weight: 100; }
#site-desenvolvido-por { width: auto; position: relative; float: right; font-size: 20px; color: #fff; font-weight: 100; }
#logo-retangulo-rodape { width: 47px; height: 40px; position: relative; float: right; margin-left: 10px; background: url('../img/logo-retangulo.png'); background-size: 47px; }

/* ==========================================================================
   Página serviços
   ========================================================================== */
#menu-topo-servico { width: 100%; height: 250px; position: relative; float: left; background-color: #264B60; }
#view-menu-topo-servico { width: 1200px; height: auto; position: relative; margin: auto; }
#logo-menu-servico { width: 301px; height: 70px; position: relative; float: left; margin-top: 40px; background: url('../img/logo-menu-servico.png'); background-size: 301px; }
#view-menu-topo-servico ul li { width: auto; height: auto; position: relative; float: left; margin-top: 60px; font-size: 22px; font-weight: 600; margin-left: 60px; cursor: pointer; color: #fff; }
#view-menu-topo-servico ul li:hover { color: #DE8D36; }

/*Conteúdo página de serviços*/
#div-conteudo-servicos { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-size: cover; padding-bottom: 140px; }
#ornamento-topo-servicos { width: 3000px; height: 164px; position: absolute; top: -124px; left: -2050px; background: url('../img/ornamento-servicos.png'); background-size: 3000px; }
#view-conteudo-servicos { width: 1200px; height: auto; position: relative; margin: auto; }
#view-conteudo-servicos h3 { width: auto; height: auto; position: relative; float: left; font-size: 50px; margin-top: -50px; margin-right: 100%; color: #fff; font-weight: 700; text-transform: uppercase; }
#view-conteudo-servicos h4 { width: 600px; height: auto; position: relative; float: left; margin-top: 100px; margin-bottom: 40px; font-size: 65px; color: #fff; font-weight: 800; }
#view-conteudo-servicos h4 span { background-color: #21465A; }
#view-conteudo-servicos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 32px; color: #fff; font-weight: 100; }
#separador-sessao-servico { width: 100%; height: 2px; position: relative; float: left; margin-top: 70px; margin-bottom: 20px; background-color: #fff; }
#div-s-sessao-conteudo-servico { width: 50%; height: auto; position: relative; float: left; }
#div-s-sessao-conteudo-servico h6 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; color: #fff; font-size: 36px; color: #fff; font-weight: 700; }
#div-s-sessao-conteudo-servico ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; list-style: disc; color: #fff; font-size: 32px; font-weight: 100; }
#div-s-sessao-conteudo-servico p { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 32px; font-weight: 100; text-align: justify; }
#div-s-sessao-conteudo-servico span { font-weight: 700; }
#ilustra-conteudo-servico { width: 50%; height: auto; position: relative; float: left; }
#ilustra-int-servico { width: 80%; height: auto; position: relative; float: left; margin-left: 10%; margin-top: 70px; }

/*faixa cta agendamento servico*/
#faixa-cta-agendamento-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; }
#cta-faixa-agendar-servico-agora-consultorio { width: 600px; height: auto; position: relative; margin: auto; padding: 30px 0px; border-radius: 10px; font-size: 34px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#cta-faixa-agendar-servico-agora-consultorio:hover { background-color: #00DED9; }
#pop-up-mask { width: 100%; height: 0%; position: fixed; left: 0px; top: 0px; background-color: #F89134; opacity: 0; z-index: 99999; }
#bio-popup { width: 440px; height: 760px; position: fixed; left: 50%; top: 450%; margin-left: -240px; margin-top: -380px; background: url('../img/bio.png'); background-size: 440px; z-index: 999999; background-repeat: no-repeat; }
#div-texto-pop-up { width: 80%; height: 490px; position: relative; float: left; margin-left: 10%; margin-top: 100px; padding: 0px 20px; overflow-y: scroll; }
#div-texto-pop-up p { width: 100%; height: auto; position: relative; float: left; font-size: 15px; color: #114E6A; margin-bottom: 5px; }
#div-texto-pop-up h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; font-size: 20px; color: #145069; font-weight: 700; }
#cta-fechar-pop-up { width: 140px; height: auto; position: absolute; bottom: 90px; left: 50%; margin-left: -70px; padding: 8px 0px; color: #E4903E; font-size: 19px; font-weight: 700; text-transform: uppercase; text-align: center; border: 5px solid #E4903E; border-radius: 10px; cursor: pointer; }
#cta-fechar-pop-up:hover { background-color: #E4903E; color: #fff; }

/*Inicio blog*/
#nav-bar-blog { width: 100%; height: 60px; position: fixed; top: 88px; background-color: #fff; z-index: 999;  border-top: 1px solid #eeeeee; }
#view-nav-bar-blog{width: 1200px; height: auto; position: relative; margin: auto;}
#logo-blog-ictcor { width: 115px; height: 40px; position: relative; float: left; margin-top: 10px; background: url(../img/logo-blog.png); background-size: 126px; background-repeat: no-repeat; }

#div-itens-menu-blog-nav-bar { width: 75%; height: 25px; position: relative; float: left; margin-left: 20px; margin-top: 19px; overflow: hidden; }
.item-menu-blog { width: auto !important; height: auto; position: relative; float: left; margin-top: -1px; margin-right: 24px !important; font-size: 18px; color: #7a838a; cursor: pointer; }
.item-menu-blog:hover{color:#ff0200;}

.atv-menu-blog{color:#ff0200;}

#div-controles-menu-blog { width: 150px; height: auto; position: absolute; right: 0px; top: 12px; background-color: #fff; z-index: 10;}
.control-left-ds-blog { width: 70px; height: 35px; position: relative; float: left; border: 1px solid #ff9441; background-color: #fff5e4; border-radius: 30px 0px 0px 30px; cursor: pointer; z-index: 20; }
.control-right-ds-blog { width: 70px; height: 35px; position: relative; float: left; margin-right: 10px; background-color: #ff8a45; border: 1px solid #ff8700; border-radius: 0px 30px 30px 0px; cursor: pointer; }
.icon-arrow-left-ctrl-ds-blog{width:66px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -15px; background: url(../img/arrow-left-ctrl.png); background-size:66px;}
.icon-arrow-right-ctrl-ds-blog{width:66px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -33px; margin-top: -15px; background: url(../img/arrow-right-ctrl.png); background-size:66px;}
.control-left-ds-blog:hover{background-color:#FFE6BB;}
.control-right-ds-blog:hover{background-color:#FFAB7A;}

/*Banner post*/
#banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 147px; background-color: #dadadada; overflow: hidden; }

.item-banner-post{width: 100%; height: 100%; position: relative; float: left;}
.cover-banner-post{width: 100%; height: auto; position: relative; float: left;}
.mascara-cover-banner-post { width: 100%; height: 100%; position: absolute; z-index: 99; top: 0px; background-color: #003f6c; opacity: 0.6; }
.conteudo-item-banner-post { width: 1200px; height: 400px; position: absolute; left: 50%; top: 50%; margin-left: -600px; margin-top:-150px; z-index: 130; }
.tags-post { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 10px; margin-bottom: 7px; font-size: 12px; }

.conteudo-item-banner-post h3 { width: 50%; height: auto; position: relative; float: left; margin-right: 50%; font-size: 28px; color: #ffff; }
.conteudo-item-banner-post p { width: 50%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; font-weight: 600; margin-top: -13px; }
.linha-postado-por {width: 50%; height: 1px; position: relative; float: left; margin-top: 5px; background-color: #fff; margin-right: 51%;}
.txt-postado-por { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; color: #fff; font-size: 18px; }

.controle-blog{z-index: 9999;}


#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #EBE5E1; padding-bottom: 70px; padding-top: 100px; }
#view-lista-posts-home-blog{width: 1200px; height: auto; position: relative; margin: auto;}
#div-posts-listagem-e{width: 45%; height: auto; position: relative; float: left;}

.card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom:80px; border-radius: 20px; }
.img-card-post-home-blog { width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden; }
.tags-cover-listagem-post{width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 99; padding-left: 20px;}
.card-post-listagem-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; font-size: 23px; line-height: 26px; color:#194051; }
.card-post-listagem-home p { width: 98%; height: auto; position: relative; float: left; margin-top: -4px; font-size: 17px; color: #52575f; }
.data-post-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color:#f78b1e !important; font-size: 17px; font-weight: 600; }


#cta-mais-posts-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; }
#cta-mais-posts-listagem-int { width: auto; height: auto; position: relative; float: left; padding: 14px 20px; color: #E4903D; border-radius: 15px; font-size: 18px; cursor: pointer; font-weight: 700; border: 4px solid #E4903D; text-align: center; text-transform: uppercase;}
#cta-mais-posts-listagem-int:hover{background-color:#E4903D; color: #fff;}


#div-posts-listagem-d { width: 55%; height: auto; position: relative; float: left; padding-left: 140px; }
#div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #415e6c; font-weight: 600; margin-top: -10px; }


/*Item post destaque*/
.item-post-destaque{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 30px;}
.post-destaque-txt { width: 70%; height: auto; position: relative; float: left; font-size: 17px;/* line-height: 20px; */ color: #47565e; text-align: left; }
.data-post-destaque{color: #f78b1e;}
.cover-post-destaque{width: 20%; height: auto; position: relative; float: right;}
.cover-post-desraque-int{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;}

/*Página de post*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 135px; padding-top: 90px; padding-bottom: 100px; background-color: #EBE5E1; }
#view-conteudo-post {width: 1200px; height: auto; position: relative; margin: auto;}

#corpo-artigo{width:60%; height: auto; position: relative; float: left;}
#cover-post{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;} 
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 30px; padding-left: 20px; z-index: 99; }

#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 0px; font-size: 30px;  color: #194051; font-weight: 700;}
#corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 22px; line-height: 32px; color: #000; font-weight: 600; }

.foto-corpo-artigo{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 20px;}

/*Galeria de fotos do post*/
.post-photo-galery{width: 100%; height: auto; position: relative; float: left; border-radius: 10px; margin-top: 50px; margin-bottom: 50px; overflow: hidden;}
.item-photo-post-galery{width: 25%; height: auto; position: relative; float: left; background-color:#f1f1f1;}

.sl-overlay {background: #fef1f1 !important; opacity: 1 !important; }
.sl-wrapper .sl-navigation button { margin-top: -62px !important; height: 85px !important; color: #ff3333 !important; font-size: 130px !important; }

.sl-wrapper .sl-counter { color: #6c82ff !important; font-size: 40px !important; font-weight: 700; !important; }
.sl-wrapper .sl-close { height: 74px !important; width: 74px !important; !important; color: #ff3333 !important; font-size: 100px !important; }

#data-post-int{width: 100%; height: auto; position: relative; float: left; margin-top: 30px;}
#icone-ictcor{width: 60px; height: 60px; position: relative; float: left; background-color: #fff6f6; border-radius: 50%;}
#icone-ictcor-int{width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(../img/icone-post-blog.png); background-size: 40px;}
#legenda-icone-ictcor { width: 300px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 18px; line-height: 20px; opacity: 0.8; }

#artigos-sugeridos{width: 40%; height: auto; position: relative; float: left; padding-left: 80px;}
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #194051; font-weight: 600; margin-top: -10px; }

#artigos-recomendados{width: 100%; height: auto; position: relative; float: left; margin-top: 20px;}
#artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 38px; font-weight: 600; color: #f78b1e; }

.item-post-recomendado{width:30%; height: auto; position: relative; float: left; margin-right: 1.5%;}
.cover-post-recomendado{width: 100%; height: auto; position: relative; float: left; border-radius: 20px; overflow: hidden;}
.tags-cover-post-recomendado{width: 90%; height: auto; position: absolute; bottom: 20px; padding-left: 20px; z-index: 99;}
.item-tag-post-recomendado{width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; font-size: 14px; border-radius: 20px; margin-right: 10px;}
.item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 19px; font-size: 22px; line-height: 29px; font-weight: 600; color: #194051; }

.player-audio{width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; padding: 20px 10px; background-color: dadada; border-radius: 20px;}

.fix-archive-blog { margin-top: 120px !important; }


/*Paginação*/
.page-numbers { width: auto; height: auto; position: relative; float: left; padding: 10px 15px; background-color: #fff4e5 !important; border-radius: 11px; margin-right: 7px; margin-bottom: 7px; color: #ff6f00 !important; cursor: pointer; }
.page-numbers:hover {background-color: #ffab39 !important; color: #ffebc9 !important;}


@media only screen  
and (min-width:1200px) 
and (max-width:1480px) {

.controle-sb-home-e { right: 14%; left: unset;}
.controle-sb-home-d{right: 7%;}

}   


/*Inicio smartphones*/
@media only screen  
and (min-width:1050px) 
and (max-width:1200px) { 

   #view-menu-topo { width: 90%; height: auto; position: relative; margin: auto; }
   #view-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-top: 15px; font-size: 22px; font-weight: 600; margin-left: 45px; cursor: pointer; }
   #view-div-s1-home { width: 90%; height: auto; position: relative; margin: auto; z-index: 70; }
   #foto-topo { width: 1443px; height: 800px; position: absolute; top: -150px; left: 50%; margin-left: -841.5px; background: url('../img/foto-topo.png'); background-size: 1443px; }
   #view-faixa-atendimento { width: 95%; height: 100%; position: relative; margin: auto; }
   #view-div-s2-home { width: 95%; height: auto; position: relative; margin: auto; z-index: 29; }
   #view-faixa-papel { width: 90%; height: auto; position: relative; margin: auto; }
   #view-faixa-papel h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 150px; font-size: 45px; text-align: center; font-weight: 700; color: #6C4E36; padding: 0px 100px; transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
   #view-faixa-depoimentos { width: 90%; height: auto; position: relative; margin: auto; z-index: 90; }
   #bloco-int-depoimento { width: 80%; height: 500px; position: relative; margin: auto; background-color: #F3E4D3; border-radius: 110px; }
   .item-depoimento h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; font-size: 48px; font-weight: 700; text-align: center; color: #153B4F; }
   .item-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 28px; text-align: center; color: #143C50; padding: 0px 40px; }
   .cta-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: right; font-size: 24px; color: #DF7412; padding: 0px 80px; cursor: pointer; }
   #view-consultorio { width: 90%; height: auto; position: relative; margin: auto; z-index: 99; }
   #galeria-fotos-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 100px; }
   #cta-agendar-agora-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
   #view-div-blog-home { width: 90%; height: auto; position: relative; margin: auto; }
   #view-div-s-rodape { width: 90%; height: auto; position: relative; margin: auto; }

   /*Inicio serviços*/
   #view-menu-topo-servico { width: 90%; height: auto; position: relative; margin: auto; }
   #view-menu-topo-servico ul li { width: auto; height: auto; position: relative; float: left; margin-top: 60px; font-size: 22px; font-weight: 600; margin-left: 34px; margin-right: -5px; cursor: pointer; color: #fff; }
   #view-conteudo-servicos { width: 90%; height: auto; position: relative; margin: auto; }
   #view-conteudo-servicos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 27px; color: #fff; font-weight: 100; }
   #div-s-sessao-conteudo-servico ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; list-style: disc; color: #fff; font-size: 26px; font-weight: 100; }
   #ornamento-topo-consultorio { width: 3000px; height: 164px; position: absolute; top: -164px; left: -2280px; background: url('../img/ornamento-consultorio.png'); background-size: 3000px; }

   /*Inicio home blog*/
   #nav-bar-blog { width: 100%; height: 47px; position: fixed; top: 88px; background-color: #fff; z-index: 999; border-top: 1px solid #eeeeee; }
   #logo-blog-ictcor { width: 85px; height: 25px; position: relative; float: left; margin-top: 11px; background: url(../img/logo-blog.png); background-size: 83px; background-repeat: no-repeat; }
   #div-itens-menu-blog-nav-bar { width: 80%; height: 25px; position: relative; float: left; margin-left: 10px; margin-top: 13px; overflow: hidden; }
   #div-controles-menu-blog { width: 150px; height: auto; position: absolute; right: 0px; top: 5px; background-color: #fff; z-index: 10; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8);/* display: none; */ }
   #view-nav-bar-blog { width: 90%; height: auto; position: relative; margin: auto; }
   #banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 136px; background-color: #dadadada; overflow: hidden; }
   .controle-blog { z-index: 9999; display: block; }
   .conteudo-item-banner-post { width: 80%; height: 100%; position: absolute; left: 10%; margin-left: 0px; z-index: 130; margin-top: -165px; }
   .tags-post { width: 100%; height: auto; position: relative; float: left; margin-top: 5%; display: none; }
   .conteudo-item-banner-post h3 { width: 50%; height: auto; position: relative; float: left; font-size: 19px; color: #ffff; margin-top: 79px; }
   .conteudo-item-banner-post p { width: 72%; height: auto; position: relative; float: left; font-size: 14px; color: #fff; font-weight: 600; margin-top: -13px; }
   #view-lista-posts-home-blog { width: 95%; height: auto; position: relative; margin: auto; }
   #div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; }
   .item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 20px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 10px; font-size: 15px; }
   #div-posts-listagem-e { width: 50%; height: auto; position: relative; float: left; }
   .card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom: 60px; border-radius: 20px; }
   .card-post-listagem-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 27px; font-size: 21px; line-height: 26px; color: #194051; }
   .card-post-listagem-home p { width: 98%; height: auto; position: relative; float: left; margin-top: -4px; font-size: 14px; color: #52575f; }
   .data-post-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; color: #eb2e45; font-size: 14px; font-weight: 400; }
   #cta-mais-posts-listagem-int { width: auto; height: auto; position: relative; float: left; padding: 15px 30px; color: #f9a04b; background-color: unset; border-radius: 16px; font-size: 16px; cursor: pointer; }
   #div-posts-listagem-d { width: 50%; height: auto; position: relative; float: left; padding-left: 80px; }
   #div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 32px; color: #194051; font-weight: 700; margin-top: 0px; }
   .post-destaque-txt { width: 60%; height: auto; position: relative; float: left; font-size: 14px; color: #78858c; text-align: left; }
   .post-destaque-txt { width: 60%; height: auto; position: relative; float: left; font-size: 14px; color: #78858c; text-align: left; }
   .cover-post-destaque { width: 33%; height: auto; position: relative; float: right; }
   .cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 17px; overflow: hidden; }

   /*Inicio página de post*/
   #conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; }
   #view-conteudo-post { width: 89%; height: auto; position: relative; margin: auto; }
   #artigos-sugeridos { width: 40%; height: auto; position: relative; float: left; padding-left: 30px; }
   #artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 25px;        /* color: #ef1110; */ font-weight: 600; margin-top: -2px; }
   #artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 19px; font-size: 30px;        /* color: #eb2e45; */ }
   .item-post-recomendado { width: 31%; height: auto; position: relative; float: left; margin-right: 1.5%; }
   .cover-post-recomendado { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
   .tags-cover-post-recomendado { width: 90%; height: auto; position: absolute; bottom: 20px; padding-left: 20px; z-index: 99; display: none; }
   .tags-cover-post-recomendado { width: 90%; height: auto; position: absolute; bottom: 20px; padding-left: 20px; z-index: 99; display: none; }
   .item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 18px; line-height: 23px; }
   #corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 0px; font-size: 26px; color: #194051; font-weight: 700; }
   #corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; line-height: 28px; color: #000; font-weight: 600; }
   #faixa-copyright-rodape { width: 100%; height: auto; position: relative; float: left; margin-left: -50px; margin-top: 80px; padding: 0px 60px; box-sizing: border-box; }
}

/*Inicio smartphones*/
@media only screen  
and (min-width:750px) 
and (max-width:1050px) {


   .desktop { display: none; }
   .tablet { display: block; }
   .mobile { display: none; }
   #menu-hamburguer { width: 60px; height: 60px; position: relative; float: right; margin-right: 0px; margin-top: 0px; background: url('../img/menu-hamburguer.png'); background-size: 60px; cursor: pointer; opacity: 0.8; }
   #menu-hamburguer:hover { opacity: 1; }
   #menu-hamburguerservicos { width: 60px; height: 60px; position: relative; float: right; margin-right: 0px; margin-top: 24px; background: url('../img/menu-hamburguer-servicos.png'); background-size: 60px; cursor: pointer; opacity: 0.8; }
   #menu-hamburguerservicos:hover { opacity: 1; }

   /*menu mobile*/
   #menu-mobile-list-out { width: 0%; height: 100%; position: fixed; right: 0px; z-index: 999999; overflow: hidden; top: 0px; display: block; }
   #menu-mobile-list { width: 540px; height: 100%; position: absolute; right: -700px; border-radius: 30px 0px 0px 30px; background-color: #fff; z-index: 99999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }
   #top-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
   #logo-menu-mobile { width: 140px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 20px; }
   #close-menu-mobile-topo { width: 50px; height: 50px; position: absolute; right: 20px; top: 20px; border-radius: 10px; background-color: #ed9135; cursor: pointer; }
   #close-icon-menu-mobile { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(../img/close.png); background-size: 20px; }
   #close-menu-mobile-topo:hover { background-color: #FFA246; }
   #menu-mobile-list-links { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 20px; }
   #menu-mobile-list-links h4 { width: 100%; height: auto; position: relative; float: left; margin-left: 19px; font-size: 29px; font-weight: 600; color: #ed9135; }
   .item-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; padding: 10px 20px; background-color: #f9f9f9; color: #7a858f; font-size: 18px; border-radius: 30px; cursor: pointer; }
   .item-menu-mobile:hover { background-color: #ed9135; color: #fff; }
   .icon-menu-mobile { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background-color: #d3d3d3; border-radius: 50%; }
   .arrow-menu-mobile { width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; margin-left: -7.5px; margin-top: -7.5px; background: url(../img/arrow.png); background-size: 15px; }
   .item-menu-mobile:hover .icon-menu-mobile { background-color: #FFA143; }
   .m-mobile-atv { background-color: #FFA246; color: #fff; }
   #view-menu-topo { width: 90%; height: auto; position: relative; margin: auto; }
   #view-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-top: 15px; font-size: 22px; font-weight: 600; margin-left: 60px; cursor: pointer; display: none; }
   #div-s1-home { width: 100%; height: 450px; position: relative; float: left; margin-top: 90px; background: url('../img/bg-topo.jpg'); background-size: cover; overflow: hidden; }
   #view-div-s1-home { width: 90%; height: auto; position: relative; margin: auto; z-index: 70; }
   #foto-topo { width: 1073px; height: 601px; position: absolute; top: -150px; left: 50%; margin-left: -631.5px; background: url('../img/foto-topo.png'); background-repeat: no-repeat; background-size: 1083px; }
   #conteuto-topo-home { width: 360px; height: 100%; position: absolute; right: 0px; z-index: 99; }
   #conteuto-topo-home h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 80px; font-size: 34px; color: #fff; font-weight: 800; }
   #cta-agendamento-topo { width: auto; height: auto; position: relative; float: left; margin-top: -10px; background-color: #00C8C4; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 800; padding: 15px 15px; border-radius: 10px; cursor: pointer; }
   #crm-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 600; }
   #faixa-atendimento { width: 100%; height: auto; position: relative; float: left; background-color: #EBE5E1; padding-bottom: 70px; z-index: 600; }
   #view-faixa-atendimento { width: 90%; height: 100%; position: relative; margin: auto; }
   #ilustra-atendimento { width: 100%; height: auto; float: left; margin-top: 70px; }
   #ilustra-atendimento-yt { width: 340px; height: 123px; position: relative; margin: auto; background: url('../img/rabisco.png'); background-size: 340px; }
   #view-faixa-atendimento h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 47px; color: #194051; text-align: center; font-weight: 800; }
   .logo-blur-e { width: 300px; height: 245px; position: absolute; background: url('../img/logo-blur-e.png'); background-size: 300px; z-index: 999; background-repeat: no-repeat; }
   .lb-4 { left: -100px; bottom: -140px; }
   .lb-3 { left: -120px; bottom: -110px; }
   #view-div-s2-home { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
   #conteudo-div-s2-home { width: 100%; height: auto; position: relative; float: left; }
   #foto-div-s2-home { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
   #foto-rosiren { width: 450px; height: 592px; margin-left: 50%; position: relative; float: left; left: -225px; top: 50%; margin-top: 20px; background: url('../img/foto-rosiren.png'); background-size: 450px; }

   /*card de serviço*/
   .item-card-servico { width: 50%; height: auto; position: relative; float: left; margin-bottom: 30px; border-radius: 20px; overflow: hidden; }
   .item-card-servico-b { width: 45%; height: auto; position: relative; float: left; margin-bottom: 30px; margin-left: 5%; border-radius: 20px; overflow: hidden; }
   .sobre-servico-card h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color: #264A60; font-size: 31px; font-weight: 700; text-align: center; padding: 0px 40px; }
   .cta-int-card-servico { width: 190px; height: auto; position: relative; margin: auto; padding: 10px 0px; text-align: center; font-size: 22px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E5903E; border-radius: 10px; cursor: pointer; }
   #view-faixa-papel { width: 90%; height: auto; position: relative; margin: auto; }
   #view-faixa-papel h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 141px; font-size: 33px; text-align: center; font-weight: 700; color: #6C4E36; padding: 0px 100px; transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
   #view-faixa-depoimentos { width: 95%; height: auto; position: relative; margin: auto; z-index: 90; }
   #bloco-int-depoimento { width: 80%; height: 430px; position: relative; margin: auto; background-color: #F3E4D3; border-radius: 120px; }
   .item-depoimento h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 48px; font-weight: 700; text-align: center; color: #153B4F; }
   .item-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 25px; text-align: center; color: #143C50; padding: 0px 40px; }
   .cta-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: right; font-size: 26px; color: #DF7412; padding: 0px 61px; cursor: pointer; }
   #ctrl-e { width: 90px; height: 90px; position: absolute; left: -20px; top: 50%; margin-top: -45px; background: url('../img/se.png'); background-size: 90px; cursor: pointer; }
   #ctrl-d { width: 90px; height: 90px; position: absolute; right: -20px; top: 50%; margin-top: -45px; background: url('../img/sd.png'); background-size: 90px; cursor: pointer; }
   #ornamento-topo-consultorio { width: 3000px; height: 164px; position: absolute; top: -164px; left: -2420px; background: url('../img/ornamento-consultorio.png'); background-size: 3000px; }
   #view-consultorio { width: 90%; height: auto; position: relative; margin: auto; z-index: 99; }
   #view-consultorio h1 { width: auto; height: auto; position: absolute; left: 0px; top: -111px; color: #fff; font-size: 50px; font-weight: 800; text-transform: uppercase; }
   .item-3x-foto-galeria { width: 50%; height: 280px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
   .item-2x-foto-galeria { width: 100%; height: 280px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
   #view-div-blog-home { width: 90%; height: auto; position: relative; margin: auto; }
   #view-div-blog-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 90px; color: #fff; font-weight: 800; text-transform: uppercase; }

   #view-nav-bar-blog { width:90%; height: auto; position: relative; margin: auto; }

   /*Item post blog*/
   .item-card-post-blog { width: 31%; height: 430px; position: relative; float: left; margin-left: 1%; margin-right: 1%; border: 1px solid #fff; }
   .headline-card-post p { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; font-size: 20px; color: #fff; font-weight: 700; }
   #div-s-rodape { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 50px; }
   #view-div-s-rodape { width: 90%; height: auto; position: relative; margin: auto; }
   #div-conteudo-e-rodape { width: 100%; height: auto; position: relative; float: left; padding-left: 0%; }
   #div-logo-rodape { width: 100%; height: auto; position: relative; float: left; }
   #div-logo-rodape-out { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
   #div-logo-rodape-int { width: 350px; height: auto; position: relative; margin: auto; }
   #faixa-copyright-rodape { width: 100%; height: auto; position: relative; float: left; margin-left: -50px; margin-top: 80px; padding: 0px 20px; box-sizing: border-box; }
   #copyright-int { width: auto; height: auto; position: relative; float: left; margin-right: 20px; margin-left: 60px; font-size: 15px; color: #fff; font-weight: 100; }
   #site-desenvolvido-por { width: auto; position: relative; float: right; font-size: 15px; color: #fff; font-weight: 100; }
   #div-conteudo-e-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; font-weight: 700; font-size: 50px; color: #fff; }

   .post-destaque-txt { width: 70%; height: auto; position: relative; float: left; font-size: 14px;    /* line-height: 20px; */ color: #47565e; text-align: left; }
   .cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 6px; overflow: hidden; }

   /*Página de post*/
   #conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 95px; padding-top: 90px; padding-bottom: 60px; background-color: #EBE5E1; }
   #view-conteudo-post { width: 90%; height: auto; position: relative; margin: auto; }
   #corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 0px; font-size: 24px; color: #194051; font-weight: 700; }
   #corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; line-height: 32px; color: #000; font-weight: 600; }
   #artigos-sugeridos { width: 40%; height: auto; position: relative; float: left; padding-left: 30px; }
   #artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 27px; color: #194051; font-weight: 600; margin-top: 0px; }
   #artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 31px; font-weight: 600; color: #f78b1e; }
   .tags-cover-post-recomendado { width: 90%; height: auto; position: absolute; bottom: 20px; padding-left: 20px; z-index: 99; display: none; }
   .item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 13px; font-size: 15px; line-height: 20px; font-weight: 600; color: #194051; }

   /* ==========================================================================
    Página serviços
    ========================================================================== */
   #menu-topo-servico { width: 100%; height: 190px; position: relative; float: left; background-color: #264B60; }
   #view-menu-topo-servico { width: 90%; height: auto; position: relative; margin: auto; }
   #logo-menu-servico { width: 260px; height: 60px; position: relative; float: left; margin-top: 19px; background: url('../img/logo-menu-servico.png'); background-size: 260px; }
   #view-menu-topo-servico ul li { width: auto; height: auto; position: relative; float: left; margin-top: 60px; font-size: 22px; font-weight: 600; margin-left: 60px; cursor: pointer; color: #fff; display: none; }

   /*Conteúdo página de serviços*/
   #div-conteudo-servicos { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-size: cover; padding-bottom: 70px; }
   #ornamento-topo-servicos { width: 2500px; height: 124px; position: absolute; top: -104px; left: -2050px; background: url('../img/ornamento-servicos.png'); background-size: 2510px; }
   #view-conteudo-servicos { width: 90%; height: auto; position: relative; margin: auto; }
   #view-conteudo-servicos h3 { width: auto; height: auto; position: relative; float: left; font-size: 40px; margin-top: -45px; margin-right: 100%; color: #fff; font-weight: 700; text-transform: uppercase; }
   #view-conteudo-servicos h4 { width: 500px; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 40px; font-size: 45px; color: #fff; font-weight: 800; }
   #view-conteudo-servicos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 24px; color: #fff; font-weight: 100; }
   #div-s-sessao-conteudo-servico h6 { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; color: #fff; font-size: 27px; color: #fff; font-weight: 700; }
   #div-s-sessao-conteudo-servico ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; list-style: disc; color: #fff; font-size: 25px; font-weight: 100; }

   /*faixa cta agendamento servico*/
   #faixa-cta-agendamento-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; }
   #cta-faixa-agendar-servico-agora-consultorio { width: 450px; height: auto; position: relative; margin: auto; padding: 30px 0px; border-radius: 10px; font-size: 29px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }

   #foto-rosiren { width: 450px; height: 592px; position: relative; float: left; margin-left: 50px; top: 50%; margin-top: 270px; background: url('../img/foto-rosiren.png'); background-size: 450px; }

   .item-card-servico { width: 47%; height: auto; position: relative; float: left; margin-bottom: 60px; border-radius: 20px; overflow: hidden; }
   .item-card-servico-b { width: 48%; height: auto; position: relative; float: left; margin-bottom: 60px; margin-left: 5%; border-radius: 20px; overflow: hidden; }
    #div-controles-menu-blog { width: 150px; height: auto; position: absolute; right: -16px; top: 12px; background-color: #fff; z-index: 10; }
   #div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #EBE5E1; padding-bottom: 70px; padding-top: 80px; }

   #view-lista-posts-home-blog { width: 90%; height: auto; position: relative; margin: auto; }

}

/*Inicio smartphones*/
@media only screen  
and (min-width:420px) 
and (max-width:750px) {
#ancora-sobre { width: 1px; height: 1px; position: absolute; top: -50px; }
#ancora-serv { width: 1px; height: 1px; position: absolute; top: -130px; }
#ancora-consultorio { width: 1px; height: 1px; position: absolute; top: -50px; }
#ancora-blog { width: 1px; height: 1px; position: absolute; top: -70px; }
#ancora-contato { width: 1px; height: 1px; position: absolute; top: -40px; }

/*menu mobile*/
#menu-mobile-list-out { width: 0%; height: 100%; position: fixed; right: 0px; z-index: 999999; overflow: hidden; top: 0px; display: block; }
#menu-mobile-list { width: 100%; height: 100%; position: absolute; right: -700px; border-radius: 30px 0px 0px 30px; background-color: #fff; z-index: 99999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }
#top-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#logo-menu-mobile { width: 140px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 20px; }
#close-menu-mobile-topo { width: 50px; height: 50px; position: absolute; right: 20px; top: 20px; border-radius: 10px; background-color: #ed9135; cursor: pointer; }
#close-icon-menu-mobile { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(../img/close.png); background-size: 20px; }
#close-menu-mobile-topo:hover { background-color: #FFA246; }
#menu-mobile-list-links { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 20px; }
#menu-mobile-list-links h4 { width: 100%; height: auto; position: relative; float: left; margin-left: 19px; font-size: 29px; font-weight: 600; color: #ed9135; }
.item-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; padding: 10px 20px; background-color: #f9f9f9; color: #7a858f; font-size: 18px; border-radius: 30px; cursor: pointer; }
.item-menu-mobile:hover { background-color: #ed9135; color: #fff; }
.icon-menu-mobile { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background-color: #d3d3d3; border-radius: 50%; }
.arrow-menu-mobile { width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; margin-left: -7.5px; margin-top: -7.5px; background: url(../img/arrow.png); background-size: 15px; }
.item-menu-mobile:hover .icon-menu-mobile { background-color: #FFA143; }
.m-mobile-atv { background-color: #FFA246; color: #fff; }
.desktop { display: none; }
.tablet { display: block; }
.mobile { display: block; }
#menu-hamburguer { width: 60px; height: 60px; position: relative; float: right; margin-right: 0px; margin-top: -6px; background: url('../img/menu-hamburguer.png'); background-size: 60px; cursor: pointer; opacity: 0.8; }
#menu-hamburguer:hover { opacity: 1; }
#menu-hamburguerservicos { width: 45px; height: 45px; position: relative; float: right; margin-right: 0px; margin-top: 16px; background: url('../img/menu-hamburguer-servicos.png'); background-size: 45px; cursor: pointer; opacity: 0.8; }
#menu-hamburguerservicos:hover { opacity: 1; }

/* ==========================================================================
   Home page
   ========================================================================== */
#menu-fixo { width: 100%; height: 79px; position: fixed; top: 0px; z-index: 999; background-color: #fff; }
#view-menu-topo { width: 90%; height: auto; position: relative; margin: auto; }
#logo-menu-topo { width: 200px; height: 46px; position: relative; float: left; margin-left: 0px; margin-top: 2px; background: url('../img/logo-rosi.png'); background-repeat: no-repeat; background-size: 200px; }
#view-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-top: 15px; font-size: 22px; font-weight: 600; margin-left: 60px; cursor: pointer; display: none; }
#div-s1-home { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; background: url('../img/bg-topo.jpg'); background-size: cover; overflow: hidden; }
#view-div-s1-home { width: 100%; height: auto; position: relative; margin: auto; z-index: 70; }
#foto-topo { width: 643px; height: 356px; position: relative; float: left; top: unset; left: unset; margin-left: 0px; bottom: unset; margin-top: 40px; background: url('../img/foto-topo.png'); background-size: 643px; }
#conteuto-topo-home { width: 100%; height: auto; right: 0%; position: relative; float: left; margin-right: 0px; z-index: 99; }
#conteuto-topo-home h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 77px; font-size: 30px; color: #fff; font-weight: 800; text-align: center; }
#cta-agendamento-topo { width: 170px; height: auto; left: 50%; position: relative; float: left; margin-left: -85px; margin-top: -1px; background-color: #00C8C4; color: #fff; font-size: 13px; text-align: center !important; text-transform: uppercase; font-weight: 800; padding: 17px 0px; border-radius: 10px; cursor: pointer; }
#crm-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 600; text-align: center; }
#view-faixa-atendimento { width: 90%; height: 100%; position: relative; margin: auto; }
#ilustra-atendimento { width: 100%; height: auto; float: left; margin-top: 40px; }
#ilustra-atendimento-yt { width: 180px; height: 65px; position: relative; margin: auto; background: url('../img/rabisco.png'); background-size: 180px; }
#view-faixa-atendimento h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #194051; text-align: center; font-weight: 800; }
#cta-int-faixa-atendimento { width: 170px; height: auto; position: relative; margin: auto; padding: 10px 3px; text-align: center; font-size: 19px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E4903D; border-radius: 10px; cursor: pointer; }
.logo-blur-e { width: 150px; height: 123px; position: absolute; background: url('../img/logo-blur-e.png'); background-size: 150px; z-index: 9; }
.lb-1 { left: -10px; top: -50px; }
#div-s2-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 29px; }
#view-div-s2-home { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
#conteudo-div-s2-home { width: 100%; height: auto; position: relative; float: left; }
#conteudo-div-s2-home h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 40px; color: #214659; font-weight: 800; }
#conteudo-div-s2-home span { font-size: 70px; font-family: 'england_signatureregular'; color: #fff; }
#conteudo-div-s2-home p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 16px; margin-bottom: 10px; text-align: justify; font-weight: 600; }
#foto-div-s2-home { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
#foto-rosiren { width: 300px; height: 402px; left: 50%; position: relative; float: left; margin-left: -150px; top: 20px; margin-top: -10px; background: url('../img/foto-rosiren.png'); background-size: 300px; }
#cta-sbm-div-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#faixa-atendimento { width: 100%; height: auto; position: relative; float: left; background-color: #EBE5E1; padding-bottom: 60px; z-index: 600; }

/*card de serviço*/
.item-card-servico { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; border-radius: 20px; overflow: hidden; }
.item-card-servico-b { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-left: 0%; border-radius: 20px; overflow: hidden; }
.faixa-icn-card-servico { width: 100%; height: auto; position: relative; float: left; background-color: #264A5F; padding: 20px 0px; }
.circulo-icn-servico { width: 100px; height: 100px; position: relative; margin: auto; background-color: #F4E9DD; border-radius: 100%; }
.icn-int-servico { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
.sobre-servico-card { width: 100%; height: auto; position: relative; float: left; background-color: #F4EADD; padding-bottom: 130px; }
.sobre-servico-card h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color: #264A60; font-size: 25px; font-weight: 700; text-align: center; padding: 0px 40px; }
.cta-int-card-servico { width: 200px; height: auto; position: relative; margin: auto; padding: 13px 0px; text-align: center; font-size: 19px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E5903E; border-radius: 10px; cursor: pointer; }
#cta-cards-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#cta-int-card-servicos { width: 290px; height: auto; position: relative; margin: auto; padding: 20px 0px; border-radius: 10px; font-size: 24px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }

/*Inicio depoimentos*/
#s-div-depoimeitos-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 170px; }
#faixa-papel-depoimentos-home { width: 100%; height: 190px; position: relative; float: left; background: url('../img/faixa-papel.png'); background-repeat: repeat-x; background-size: 1440px; }
#view-faixa-papel { width: 90%; height: auto; position: relative; margin: auto; }
#view-faixa-papel h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 72px; font-size: 20px; text-align: center; font-weight: 700; color: #6C4E36; padding: 0px 20px; transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
#faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#view-faixa-depoimentos { width: 95%; height: auto; position: relative; margin: auto; z-index: 90; }
#bloco-int-depoimento { width: 70%; height: 310px; position: relative; margin: auto; background-color: #F3E4D3; border-radius: 50px; }
.item-depoimento h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 23px; font-weight: 700; text-align: center; color: #153B4F; }
.item-depoimento span { width: 100%; height: auto; position: relative; float: left; margin-top: -16px; font-size: 18px; font-weight: 600; text-align: center; color: #DF7011; }
.item-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 14px; text-align: center; color: #143C50; padding: 0px 20px; }
.cta-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: right; font-size: 18px; color: #DF7412; padding: 0px 40px; cursor: pointer; text-align: center; }
#ctrl-e { width: 70px; height: 70px; position: absolute; left: 0px; top: 50%; margin-top: -35px; background: url('../img/se.png'); background-size: 70px; cursor: pointer; }
#ctrl-d { width: 70px; height: 70px; position: absolute; right: 0px; top: 50%; margin-top: -35px; background: url('../img/sd.png'); background-size: 70px; cursor: pointer; }

/*Inicio bloco consultorio*/
#div-s-consultorio { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 40px; }
#ornamento-topo-consultorio { width: 2140px; height: 117px; position: absolute; top: -95px; left: -1770px; background: url('../img/ornamento-consultorio.png'); background-size: 2140px; }
#view-consultorio { width: 90%; height: auto; position: relative; margin: auto; z-index: 99; }
#view-consultorio h1 { width: auto; height: auto; position: absolute; left: 0px; top: -61px; color: #fff; font-size: 29px; font-weight: 800; text-transform: uppercase; }
.item-3x-foto-galeria { width: 50%; height: 116px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
.item-2x-foto-galeria { width: 100%; height: 180px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
.foto-item-3x-int { width: 270px; height: 320px; position: absolute; left: 50%; top: 50%; margin-left: -130px; margin-top: -80px; }
.foto-item-2x-int { width: 600px; height: 340px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -90px; }
#cta-agendar-agora-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
#cta-int-agendar-agora-consultorio { width: 90%; height: auto; position: relative; margin: auto; padding: 20px 0px; border-radius: 10px; font-size: 24px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#cta-int-agendar-agora-consultorio:hover { background-color: #01E1D7; }
#faixa-atendimento { width: 100%; height: auto; position: relative; float: left; background-color: #EBE5E1; padding-bottom: 60px; z-index: 600; }

/*Inicio blog*/
#s-div-blog-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 27px; }
#view-div-blog-home { width: 90%; height: auto; position: relative; margin: auto; }
#view-div-blog-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 37px; color: #fff; font-weight: 800; text-transform: uppercase; }
#faixa-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

/*Item post blog*/
.item-card-post-blog { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; border: 1px solid #fff; }
.headline-card-post { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 70px 20px; }
#faixa-cta-publicacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 10px; }
#cta-tds-publicacoes { width: 100%; height: auto; position: relative; margin: auto; padding: 24px 0px; border-radius: 10px; font-size: 17px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }

/*Inicio mapa endereço*/
#div-s-mapa { width: 100%; height: 210px; position: relative; float: left; }
#div-s-cta-agendamento { width: 100%; height: auto; position: relative; float: left; padding: 35px 0px; background: url('../img/bg-s2.jpg'); background-size: cover; }
#cta-faixa-agendar-agora-consultorio { width: 90%; height: auto; position: relative; margin: auto; padding: 24px 0px; border-radius: 10px; font-size: 22px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#div-s-rodape { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 50px; }
#view-div-s-rodape { width: 90%; height: auto; position: relative; margin: auto; }
#div-conteudo-e-rodape { width: 100%; height: auto; position: relative; float: left; }
#div-conteudo-e-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; margin-bottom: 27px; font-weight: 700; font-size: 40px; color: #fff; text-align: left; }
.item-faixa-contato-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; margin-bottom: 0px; }
.item-icn-contato-rodape { width: 30px; height: 30px; position: relative; float: left; margin-right: 5px; }
.item-faixa-contato-rodape p { width: 70%; height: auto; position: relative; float: left; margin-top: 3px; font-size: 18px; color: #fff; font-weight: 300; }
.faixa-endereco-rodape { width: 100%; height: auto; float: left; margin-top: 10px; font-size: 16px; color: #fff; font-weight: 300; }
#div-logo-rodape { width: 300px; height: auto; left: 50%; position: relative; float: left; margin-left: -150px; }
#div-logo-rodape-out { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#div-logo-rodape-int { width: 170px; height: auto; position: relative; margin: auto; }
#faixa-copyright-rodape { width: 309px; height: auto; left: 50%; position: relative; float: left; margin-left: -311.5px; margin-top: 190px; padding: 0px 20px; box-sizing: border-box; }
#copyright-int { width: 100%; height: auto; position: relative; float: left; margin-right: 20px; margin-bottom: 20px; font-size: 16px; color: #fff; font-weight: 300; text-align: center; }
#site-desenvolvido-por { width: auto; position: relative; float: left; font-size: 20px; color: #fff; font-weight: 300; }
.lb-3-out { display: none; }
#bio-popup { width: 320px; height: 569px; position: fixed; left: 50%; top: 450%; margin-left: -160px; margin-top: -284.5px; background: url('../img/bio.png'); background-size: 320px; z-index: 999999; }
#div-texto-pop-up { width: 80%; height: 310px; position: relative; float: left; margin-left: 10%; margin-top: 103px; padding: 0px 20px; overflow-y: scroll; }
#div-texto-pop-up p { width: 100%; height: auto; position: relative; float: left; font-size: 14px; color: #114E6A; margin-bottom: 5px; }
#div-texto-pop-up h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; font-size: 15px; color: #145069; font-weight: 700; }
#cta-fechar-pop-up { width: 120px; height: auto; position: absolute; bottom: 80px; left: 50%; margin-left: -60px; padding: 7px 0px; color: #E4903E; font-size: 19px; font-weight: 700; text-transform: uppercase; text-align: center; border: 4px solid #E4903E; border-radius: 10px; cursor: pointer; }
#cta-fechar-pop-up:hover { background-color: #E4903E; color: #fff; }
#view-menu-topo-servico { width: 90%; height: auto; position: relative; margin: auto; }
#logo-menu-servico { width: 200px; height: 46px; position: relative; float: left; margin-top: 14px; background: url('../img/logo-menu-servico.png'); background-size: 200px; }
#view-menu-topo-servico ul li { display: none; }

/* ==========================================================================
 Página serviços
 ========================================================================== */
#menu-topo-servico { width: 100%; height: 180px; position: relative; float: left; background-color: #264B60; }

/*Conteúdo página de serviços*/
#div-conteudo-servicos { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-size: cover; padding-bottom: 60px; }
#ornamento-topo-servicos { width: 1840px; height: 104px; position: absolute; top: -94px; left: -1530px; background: url('../img/ornamento-servicos.png'); background-size: 1840px; }
#view-conteudo-servicos { width: 90%; height: auto; position: relative; margin: auto; }
#view-conteudo-servicos h3 { width: auto; height: auto; position: relative; float: left; font-size: 38px; margin-top: -50px; margin-right: 100%; color: #fff; font-weight: 700; text-transform: uppercase; }
#view-conteudo-servicos h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 10px; font-size: 38px; color: #fff; font-weight: 800; }
#view-conteudo-servicos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 20px; color: #fff; font-weight: 300; }
#div-s-sessao-conteudo-servico { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; }
#div-s-sessao-conteudo-servico h6 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; color: #fff; font-size: 27px; color: #fff; font-weight: 700; }
#div-s-sessao-conteudo-servico ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; list-style: disc; color: #fff; font-size: 20px; font-weight: 300; }
#ilustra-conteudo-servico { width: 100%; height: auto; position: relative; float: left; }

/*faixa cta agendamento servico*/
#faixa-cta-agendamento-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
#cta-faixa-agendar-servico-agora-consultorio { width: 300px; height: auto; position: relative; margin: auto; padding: 25px 0px; border-radius: 10px; font-size: 24px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
#galeria-fotos-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }

/*Inicio home blog*/
#nav-bar-blog { width: 100%; height: 60px; position: absolute; top: 79px !important;        /* background-color: unset; */ z-index: 99; -webkit-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -o-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -ms-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0); border-top: 1px solid #eeeeee; }
#view-nav-bar-blog { width: 90%; height: auto; position: relative; margin: auto; }
#logo-blog-ictcor { width: 70px; height: 20px; position: relative; float: left; margin-top: 20px; background: url(../img/logo-blog.png); background-size: 74px; background-repeat: no-repeat; }
#div-itens-menu-blog-nav-bar { width: 65%; height: 25px; position: relative; float: left; margin-left: 11px; margin-top: 19px; overflow: hidden; }
.item-menu-blog { width: auto !important; height: auto; position: relative; float: left; margin-top: 1px; margin-right: 13px !important; font-size: 15px; color: #7a838a; cursor: pointer; }
#banner-post { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; background-color: #ebe5e1 !important; overflow: hidden; padding-top: 60px; }
#div-controles-menu-blog { display: none; }
.controle-blog { z-index: 9999; display: none; }
.cover-banner-post { width: 90%; height: auto; position: relative; margin-left: 5%; float: left; border-radius: 21px; overflow: hidden; }
.conteudo-item-banner-post { display: none; }
.mascara-cover-banner-post { display: none; }
.div-conteudo-mb-post-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }
.data-post-home-blog-mobile { width: 90%; height: auto; position: relative; float: left; margin-top: 15px; margin-left: 6%; font-size: 14px; color: #f78b1e; font-weight: 600; }
.titulo-post-destaque-mobile { width: 90%; height: auto; position: relative; float: left; margin-left: 6%; margin-top: -41px; font-size: 17px; color: #1b4152; }
#div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; }
#view-lista-posts-home-blog { width: 90%; height: auto; position: relative; margin: auto; }
#div-posts-listagem-e { width: 100%; height: auto; position: relative; float: left; }
.card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; border-radius: 20px; }
.tags-cover-listagem-post { width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 99; scroll-padding-left: 20px; display: none; }
.card-post-listagem-home h4 { width: 90%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: 14px; font-size: 19px; line-height: 26px; color: #194051; }
.card-post-listagem-home p { width: 90%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -4px; font-size: 13px; color: #52575f; }
.data-post-listagem { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 3%; color: #eb2e45; font-size: 13px; font-weight: 600; }
#div-posts-listagem-d { width: 95%; height: auto; position: relative; float: left; padding-left: 2.5%; }
#div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #024865; font-weight: 600; margin-top: 20px; }
.item-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 21px; }
.post-destaque-txt { width: 65%; height: auto; position: relative; float: left; font-size: 13px; color: #78858c; text-align: left; }
.cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 15px; overflow: hidden; }
#cta-mais-posts-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; display: none; }

/*Inicio página de post blog*/
#conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 67px; }
#view-conteudo-post { width: 95%; height: auto; position: relative; margin: auto; }
#corpo-artigo { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
#cover-post { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
#tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 19px; padding-left: 10px; z-index: 99; }
.item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 9px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 7px; font-size: 12px; }
#corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 21px; margin-bottom: 0px; font-size: 20px; }
#corpo-artigo p { width: 90%; height: auto; position: relative; float: left; font-size: 14px; line-height: 26px; color: #78858c; font-weight: 600; }
.foto-corpo-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 10px; }
#data-post-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
#legenda-icone-ictcor { width: 260px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 16px; line-height: 20px; opacity: 0.8; }
#artigos-sugeridos { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
#artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 400; margin-top: -10px; }
#artigos-recomendados { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 0px 20px; }
#artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 23px; }
.item-post-recomendado { width: 100%; height: auto; position: relative; float: left; margin-right: 1.5%; margin-bottom: 20px; }
.cover-post-recomendado { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
.item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 17px; }
.item-tag-post-recomendado { width: auto; height: auto; position: relative; float: left; padding: 6px 12px; background-color: #fff; color: #000; font-size: 12px; border-radius: 20px; margin-right: 10px; }
.sl-navigation { display: none !important; }
}


@media only screen  
and (min-width:170px) 
and (max-width:420px) {
   #ancora-sobre { width: 1px; height: 1px; position: absolute; top: -50px; }
   #ancora-serv { width: 1px; height: 1px; position: absolute; top: -130px; }
   #ancora-consultorio { width: 1px; height: 1px; position: absolute; top: -50px; }
   #ancora-blog { width: 1px; height: 1px; position: absolute; top: -70px; }
   #ancora-contato { width: 1px; height: 1px; position: absolute; top: -40px; }
   .lb-3-out { display: none; }
   .desktop { display: none; }
   .tablet { display: block; }
   .mobile { display: block; }
   #menu-hamburguer { width: 40px; height: 40px; position: relative; float: right; margin-right: 0px; margin-top: 2px; background: url('../img/menu-hamburguer.png'); background-size: 40px; cursor: pointer; opacity: 0.8; }
   #menu-hamburguer:hover { opacity: 1; }
   #menu-hamburguerservicos { width: 45px; height: 45px; position: relative; float: right; margin-right: 0px; margin-top: 16px; background: url('../img/menu-hamburguer-servicos.png'); background-size: 45px; cursor: pointer; opacity: 0.8; }
   #menu-hamburguerservicos:hover { opacity: 1; }

   /*menu mobile*/
   #menu-mobile-list-out { width: 0%; height: 100%; position: fixed; right: 0px; z-index: 999999; overflow: hidden; top: 0px; display: block; }
   #menu-mobile-list { width: 100%; height: 100%; position: absolute; right: -700px; border-radius: 30px 0px 0px 30px; background-color: #fff; z-index: 99999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }
   #top-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
   #logo-menu-mobile { width: 140px; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 20px; }
   #close-menu-mobile-topo { width: 50px; height: 50px; position: absolute; right: 20px; top: 20px; border-radius: 10px; background-color: #ed9135; cursor: pointer; }
   #close-icon-menu-mobile { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url(../img/close.png); background-size: 20px; }
   #close-menu-mobile-topo:hover { background-color: #FFA246; }
   #menu-mobile-list-links { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 20px; }
   #menu-mobile-list-links h4 { width: 100%; height: auto; position: relative; float: left; margin-left: 19px; font-size: 29px; font-weight: 600; color: #ed9135; }
   .item-menu-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; padding: 10px 20px; background-color: #f9f9f9; color: #7a858f; font-size: 18px; border-radius: 30px; cursor: pointer; }
   .item-menu-mobile:hover { background-color: #ed9135; color: #fff; }
   .icon-menu-mobile { width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background-color: #d3d3d3; border-radius: 50%; }
   .arrow-menu-mobile { width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; margin-left: -7.5px; margin-top: -7.5px; background: url(../img/arrow.png); background-size: 15px; }
   .item-menu-mobile:hover .icon-menu-mobile { background-color: #FFA143; }
   .m-mobile-atv { background-color: #FFA246; color: #fff; }

   /* ==========================================================================
      Home page
      ========================================================================== */
   #menu-fixo { width: 100%; height: 79px; position: fixed; top: 0px; z-index: 999; background-color: #fff; }
   #view-menu-topo { width: 90%; height: auto; position: relative; margin: auto; }
   #logo-menu-topo { width: 200px; height: 47px; position: relative; float: left; margin-left: 0px; margin-top: 0px; background: url('../img/logo-rosi.png'); background-size: 200px; background-repeat: no-repeat; }
   #view-menu-topo ul li { width: auto; height: auto; position: relative; float: left; margin-top: 15px; font-size: 22px; font-weight: 600; margin-left: 60px; cursor: pointer; display: none; }
   #div-s1-home { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; background: url('../img/bg-topo.jpg'); background-size: cover; overflow: hidden; }
   #view-div-s1-home { width: 100%; height: auto; position: relative; margin: auto; z-index: 70; }
   #foto-topo { width: 453px; height: 296px; position: relative; float: left; top: unset; left: unset; margin-left: -10px; bottom: 0px; margin-top: 0px; background: url('../img/foto-topo.png'); background-size: 537px; }
   #conteuto-topo-home { width: 100%; height: 100%; right: 0%; position: relative; margin-right: 0px; z-index: 99; }
   #conteuto-topo-home h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 77px; font-size: 30px; color: #fff; font-weight: 800; text-align: center; }
   #cta-agendamento-topo { width: 170px; height: auto; left: 50%; position: relative; float: left; margin-left: -85px; margin-top: -1px; background-color: #00C8C4; color: #fff; font-size: 13px; text-align: center !important; text-transform: uppercase; font-weight: 800; padding: 17px 0px; border-radius: 10px; cursor: pointer; }
   #crm-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 600; text-align: center; }
   #view-faixa-atendimento { width: 90%; height: 100%; position: relative; margin: auto; }
   #ilustra-atendimento { width: 100%; height: auto; float: left; margin-top: 40px; }
   #ilustra-atendimento-yt { width: 180px; height: 65px; position: relative; margin: auto; background: url('../img/rabisco.png'); background-size: 180px; }
   #view-faixa-atendimento h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; color: #194051; text-align: center; font-weight: 800; }
   #cta-int-faixa-atendimento { width: 170px; height: auto; position: relative; margin: auto; padding: 10px 3px; text-align: center; font-size: 19px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E4903D; border-radius: 10px; cursor: pointer; }
   .logo-blur-e { width: 150px; height: 123px; position: absolute; background: url('../img/logo-blur-e.png'); background-size: 150px; z-index: 9; }
   .lb-1 { left: -10px; top: -50px; }
   #div-s2-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 29px; }
   #view-div-s2-home { width: 90%; height: auto; position: relative; margin: auto; z-index: 30; }
   #conteudo-div-s2-home { width: 100%; height: auto; position: relative; float: left; }
   #conteudo-div-s2-home h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; font-size: 40px; color: #214659; font-weight: 800; }
   #conteudo-div-s2-home span { font-size: 70px; font-family: 'england_signatureregular'; color: #fff; }
   #conteudo-div-s2-home p { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; color: #fff; font-size: 16px; margin-bottom: 10px; text-align: justify; font-weight: 600; }
   #foto-div-s2-home { width: 100%; height: auto; position: relative; float: left; padding-left: 0px; }
   #foto-rosiren { width: 300px; height: 402px; left: 50%; position: relative; float: left; margin-left: -150px; top: 20px; margin-top: -10px; background: url('../img/foto-rosiren.png'); background-size: 300px; }
   #cta-sbm-div-s2 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
   #faixa-atendimento { width: 100%; height: auto; position: relative; float: left; background-color: #EBE5E1; padding-bottom: 60px; z-index: 600; }

   /*card de serviço*/
   .item-card-servico { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; border-radius: 20px; overflow: hidden; }
   .item-card-servico-b { width: 100%; height: auto; position: relative; float: left; margin-bottom: 20px; margin-left: 0%; border-radius: 20px; overflow: hidden; }
   .faixa-icn-card-servico { width: 100%; height: auto; position: relative; float: left; background-color: #264A5F; padding: 20px 0px; }
   .circulo-icn-servico { width: 100px; height: 100px; position: relative; margin: auto; background-color: #F4E9DD; border-radius: 100%; }
   .icn-int-servico { width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; }
   .sobre-servico-card { width: 100%; height: auto; position: relative; float: left; background-color: #F4EADD; padding-bottom: 130px; }
   .sobre-servico-card h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; color: #264A60; font-size: 25px; font-weight: 700; text-align: center; padding: 0px 40px; }
   .cta-int-card-servico { width: 200px; height: auto; position: relative; margin: auto; padding: 13px 0px; text-align: center; font-size: 19px; color: #E5903E; font-weight: 700; text-transform: uppercase; border: 5px solid #E5903E; border-radius: 10px; cursor: pointer; }
   #cta-cards-servicos { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
   #cta-int-card-servicos { width: 290px; height: auto; position: relative; margin: auto; padding: 20px 0px; border-radius: 10px; font-size: 24px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
   #bio-popup { width: 340px; height: 600px; position: fixed; left: 50%; top: 450%; margin-left: -170px; margin-top: -300px; background: url('../img/bio.png'); background-size: 340px; z-index: 999999; background-repeat: no-repeat; }
   #div-texto-pop-up h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 0px; font-size: 17px; color: #145069; font-weight: 700; }
   #div-texto-pop-up { width: 80%; height: 330px; position: relative; float: left; margin-left: 10%; margin-top: 100px; padding: 0px 20px; overflow-y: scroll; }

   /*Inicio depoimentos*/
   #s-div-depoimeitos-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 170px; }
   #faixa-papel-depoimentos-home { width: 100%; height: 190px; position: relative; float: left; background: url('../img/faixa-papel.png'); background-repeat: repeat-x; background-size: 1440px; }
   #view-faixa-papel { width: 90%; height: auto; position: relative; margin: auto; }
   #view-faixa-papel h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 72px; font-size: 20px; text-align: center; font-weight: 700; color: #6C4E36; padding: 0px 20px; transform: rotate(2deg); -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); }
   #faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
   #view-faixa-depoimentos { width: 95%; height: auto; position: relative; margin: auto; z-index: 90; }
   #bloco-int-depoimento { width: 70%; height: 310px; position: relative; margin: auto; background-color: #F3E4D3; border-radius: 50px; }
   .item-depoimento h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 22px; font-weight: 700; text-align: center; color: #153B4F; }
   .item-depoimento span { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size:19px; font-weight: 600; text-align: center; color: #DF7011; }
   .item-depoimento p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 14px; text-align: center; color: #143C50; padding: 0px 20px; }
   .cta-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; text-align: right; font-size: 20px; color: #DF7412; padding: 0px 40px; cursor: pointer; text-align: center; }
   #ctrl-e { width: 70px; height: 70px; position: absolute; left: 0px; top: 50%; margin-top: -35px; background: url('../img/se.png'); background-size: 70px; cursor: pointer; }
   #ctrl-d { width: 70px; height: 70px; position: absolute; right: 0px; top: 50%; margin-top: -35px; background: url('../img/sd.png'); background-size: 70px; cursor: pointer; }

   /*Inicio bloco consultorio*/
   #div-s-consultorio { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 40px; }
   #ornamento-topo-consultorio { width: 2140px; height: 117px; position: absolute; top: -95px; left: -1800px; background: url('../img/ornamento-consultorio.png'); background-size: 2140px; }
   #view-consultorio { width: 90%; height: auto; position: relative; margin: auto; z-index: 99; }
   #view-consultorio h1 { width: auto; height: auto; position: absolute; left: 0px; top: -61px; color: #fff; font-size: 29px; font-weight: 800; text-transform: uppercase; }
   .item-3x-foto-galeria { width: 50%; height: 116px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
   .item-2x-foto-galeria { width: 100%; height: 180px; position: relative; float: left; background-color: #dadada; overflow: hidden; }
   .foto-item-3x-int { width: 250px; height: 320px; position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -80px; }
   .foto-item-2x-int { width: 600px; height: 340px; position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -90px; }
   #cta-agendar-agora-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; }
   #cta-int-agendar-agora-consultorio { width: 90%; height: auto; position: relative; margin: auto; padding: 20px 0px; border-radius: 10px; font-size: 24px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
   #cta-int-agendar-agora-consultorio:hover { background-color: #01E1D7; }

   /*Inicio blog*/
   #s-div-blog-home { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-repeat: repeat; padding-bottom: 27px; }
   #view-div-blog-home { width: 90%; height: auto; position: relative; margin: auto; }
   #view-div-blog-home h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; font-size: 37px; color: #fff; font-weight: 800; text-transform: uppercase; }
   #faixa-posts-recentes { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; }

   /*Item post blog*/
   .item-card-post-blog { width: 100%; height: 490px; position: relative; float: left; margin-left: 0%; margin-right: 0%; margin-bottom: 20px; border: 1px solid #fff; }
   #faixa-cta-publicacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 10px; }
   #cta-tds-publicacoes { width: 100%; height: auto; position: relative; margin: auto; padding: 24px 0px; border-radius: 10px; font-size: 17px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }

   /*Inicio mapa endereço*/
   #div-s-mapa { width: 100%; height: 210px; position: relative; float: left; }
   #div-s-cta-agendamento { width: 100%; height: auto; position: relative; float: left; padding: 35px 0px; background: url('../img/bg-s2.jpg'); background-size: cover; }
   #cta-faixa-agendar-agora-consultorio { width: 90%; height: auto; position: relative; margin: auto; padding: 24px 0px; border-radius: 10px; font-size: 22px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
   #div-s-rodape { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-topo.jpg'); background-repeat: repeat; padding-bottom: 50px; }
   #view-div-s-rodape { width: 90%; height: auto; position: relative; margin: auto; }
   #div-conteudo-e-rodape { width: 100%; height: auto; position: relative; float: left; }
   #div-conteudo-e-rodape h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; margin-bottom: 27px; font-weight: 700; font-size: 40px; color: #fff; text-align: left; }
   .item-faixa-contato-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; margin-bottom: 0px; }
   .item-icn-contato-rodape { width: 30px; height: 30px; position: relative; float: left; margin-right: 5px; }
   .item-faixa-contato-rodape p { width: 70%; height: auto; position: relative; float: left; margin-top: 3px; font-size: 18px; color: #fff; font-weight: 100; }
   .faixa-endereco-rodape { width: 100%; height: auto; float: left; margin-top: 10px; font-size: 16px; color: #fff; font-weight: 100; }
   #div-logo-rodape { width: 300px; height: auto; left: 50%; position: relative; float: left; margin-left: -150px; }
   #div-logo-rodape-out { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
   #div-logo-rodape-int { width: 170px; height: auto; position: relative; margin: auto; }
   #faixa-copyright-rodape { width: 309px; height: auto; left: 50%; position: relative; float: left; margin-left: -311.5px; margin-top: 190px; padding: 0px 20px; box-sizing: border-box; }
   #copyright-int { width: 100%; height: auto; position: relative; float: left; margin-right: 20px; margin-bottom: 20px; font-size: 16px; color: #fff; font-weight: 100; text-align: center; }
   #site-desenvolvido-por { width: auto; position: relative; float: left; font-size: 20px; color: #fff; font-weight: 100; }
   #view-menu-topo-servico { width: 90%; height: auto; position: relative; margin: auto; }
   #logo-menu-servico { width: 200px; height: 46px; position: relative; float: left; margin-top: 14px; background: url('../img/logo-menu-servico.png'); background-size: 200px; }
   #view-menu-topo-servico ul li { display: none; }

   /* ==========================================================================
   Página serviços
   ========================================================================== */
   #menu-topo-servico { width: 100%; height: 180px; position: relative; float: left; background-color: #264B60; }

   /*Conteúdo página de serviços*/
   #div-conteudo-servicos { width: 100%; height: auto; position: relative; float: left; background: url('../img/bg-s2.jpg'); background-size: cover; padding-bottom: 60px; }
   #ornamento-topo-servicos { width: 1840px; height: 104px; position: absolute; top: -94px; left: -1530px; background: url('../img/ornamento-servicos.png'); background-size: 1840px; }
   #view-conteudo-servicos { width: 90%; height: auto; position: relative; margin: auto; }
   #view-conteudo-servicos h3 { width: auto; height: auto; position: relative; float: left; font-size: 38px; margin-top: -50px; margin-right: 100%; color: #fff; font-weight: 700; text-transform: uppercase; }
   #view-conteudo-servicos h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 10px; font-size: 38px; color: #fff; font-weight: 800; }
   #view-conteudo-servicos p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 20px; color: #fff; font-weight: 400; }
   #div-s-sessao-conteudo-servico { width: 90%; height: auto; position: relative; float: left; margin-left: 5%; }
   #div-s-sessao-conteudo-servico h6 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; color: #fff; font-size: 27px; color: #fff; font-weight: 700; }
   #div-s-sessao-conteudo-servico ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; list-style: disc; color: #fff; font-size: 20px; font-weight: 400; }
   #ilustra-conteudo-servico { width: 100%; height: auto; position: relative; float: left; }

   /*faixa cta agendamento servico*/
   #faixa-cta-agendamento-servico { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }
   #cta-faixa-agendar-servico-agora-consultorio { width: 300px; height: auto; position: relative; margin: auto; padding: 25px 0px; border-radius: 10px; font-size: 24px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 800; background-color: #00C8C4; cursor: pointer; }
   .lb-8-out-btn { display: none; }
   #galeria-fotos-consultorio { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; }

   /*Inicio home blog*/
   #nav-bar-blog { width: 100%; height: 60px; position: absolute; top: 79px !important; background-color: unset; z-index: 99; -webkit-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -moz-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -o-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); -ms-box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0.19); box-shadow: 0px -18px 72px -17px rgba(0, 0, 0, 0); border-top: 1px solid #eeeeee; }
   #view-nav-bar-blog { width: 90%; height: auto; position: relative; margin: auto; }
   #logo-blog-ictcor { width: 90px; height: 20px; position: relative; float: left; margin-top: 20px; background: url(img/logo-blog-ictcor.png); background-size: 95px; display: none; }
   #div-itens-menu-blog-nav-bar { width: 90%; height: 25px; position: relative; float: left; margin-left: 11px; margin-top: 19px; overflow: hidden; }
   .item-menu-blog { width: auto !important; height: auto; position: relative; float: left; margin-top: 1px; margin-right: 13px !important; font-size: 15px; color: #7a838a; cursor: pointer; }
   #banner-post { width: 100%; height: 260px; position: relative; float: left; margin-top: 140px; background-color: #ebe5e1 !important; padding-top: 30px; overflow: hidden; }
   #div-controles-menu-blog { display: none; }
   .controle-blog { z-index: 9999; display: none; }
   .cover-banner-post { width: 90%; height: auto; position: relative; margin-left: 5%; float: left; border-radius: 21px; overflow: hidden; }
   .conteudo-item-banner-post { display: none; }
   .mascara-cover-banner-post { display: none; }
   .div-conteudo-mb-post-home-blog { width: 100%; height: 30px; position: relative; float: left; margin-top: 20px; }
   .data-post-home-blog-mobile { width: 90%; height: auto; position: relative; float: left; margin-top: 0px; margin-left: 7%; font-size: 12px; color: #4e5a60; }
   .titulo-post-destaque-mobile { width: 90%; height: auto; position: relative; float: left; margin-left: 7%; margin-top: -32px; font-size: 13px; color: #1b4152; }
   #div-lista-posts-home-blog { width: 100%; height: auto; position: relative; float: left; margin-top: -81px; }
   #view-lista-posts-home-blog { width: 90%; height: auto; position: relative; margin: auto; }
   #div-posts-listagem-e { width: 100%; height: auto; position: relative; float: left; }
   .card-post-listagem-home { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; border-radius: 20px; }
   .tags-cover-listagem-post { width: 100%; height: auto; position: absolute; bottom: 20px; z-index: 99; scroll-padding-left: 20px; display: none; }
   .card-post-listagem-home h4 { width: 95%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: 14px; font-size: 19px; line-height: 24px; color: #1b4152; }
   .card-post-listagem-home p { width: 90%; height: auto; position: relative; float: left; margin-left: 2.5%; margin-top: -4px; font-size: 14px; color: #52575f; }
   .data-post-listagem { width: 90%; height: auto; position: relative; float: left; margin-top: -10px; margin-left: 3%; color: #eb2e45; font-size: 13px; font-weight: 600; }
   #div-posts-listagem-d { width: 95%; height: auto; position: relative; float: left; padding-left: 2.5%; }
   #div-posts-listagem-d h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; color: #194051; font-weight: 600; margin-top: 0px; }
   .item-post-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 13px; margin-bottom: 20px; border-bottom: 1px solid #dadada; padding-bottom: 21px; }
   .post-destaque-txt { width: 65%; height: auto; position: relative; float: left; font-size: 13px; color: #78858c; text-align: left; }
   .cover-post-desraque-int { width: 100%; height: auto; position: relative; float: left; border-radius: 15px; overflow: hidden; }
   #cta-mais-posts-listagem { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; display: none; }

   /*Inicio página de post blog*/
   #conteudo-post { width: 100%; height: auto; position: relative; float: left; margin-top: 137px; padding-top: 33px; padding-bottom: 0px; }
   #view-conteudo-post { width: 100%; height: auto; position: relative; margin: auto; }
   #corpo-artigo { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; }
   #cover-post { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
   #tag-cover-post { width: 90%; height: auto; position: absolute; bottom: 19px; padding-left: 10px; z-index: 99; }
   .item-tag-post { width: auto; height: auto; position: relative; float: left; padding: 8px 9px; background-color: #fff; color: #000; border-radius: 20px; margin-right: 7px; font-size: 12px; }
   #corpo-artigo h1 { width: 100%; height: auto; position: relative; float: left; margin-top: 21px; margin-bottom: 0px; font-size: 20px; }
   #corpo-artigo p { width: 100%; height: auto; position: relative; float: left; font-size: 14px; line-height: 26px; color: #78858c; font-weight: 600; }
   .foto-corpo-artigo { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 20px; overflow: hidden; border-radius: 10px; }
   #data-post-int { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; }
   #legenda-icone-ictcor { width: 260px; height: auto; position: relative; float: left; margin-left: 9px; margin-top: 11px; font-size: 16px; line-height: 20px; opacity: 0.8; }
   #artigos-sugeridos { width: 100%; height: auto; position: relative; float: left; padding-left: 20px; padding-right: 20px; margin-top: 40px; }
   #artigos-sugeridos h4 { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 400; margin-top: -10px; }
   #artigos-recomendados { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; padding: 0px 20px; }
   #artigos-recomendados h3 { width: 100%; height: auto; position: relative; float: left; margin-bottom: 40px; font-size: 23px; }
   .item-post-recomendado { width: 100%; height: auto; position: relative; float: left; margin-right: 1.5%; margin-bottom: 20px; }
   .cover-post-recomendado { width: 100%; height: auto; position: relative; float: left; border-radius: 10px; overflow: hidden; }
   .item-post-recomendado h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 12px; font-size: 17px; }
   .item-tag-post-recomendado { width: auto; height: auto; position: relative; float: left; padding: 6px 12px; background-color: #fff; color: #000; font-size: 12px; border-radius: 20px; margin-right: 10px; }
   .sl-navigation { display: none !important; }
}

/* ==========================================================================
Helper classes
========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden, [hidden] { display: none !important; }

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visually-hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px;  /* 1 */ }

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */
.clearfix::before, .clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width:35em) {

/* Style adjustments for viewports that meet the condition */ }
@media print, (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx), (min-resolution:120dpi) {

/* Style adjustments for high resolution devices */ }

/* ==========================================================================
 Print styles.
 Inlined to avoid the additional HTTP request:
 https://www.phpied.com/delay-loading-your-print-css/
 ========================================================================== */
@media print {
   *, *::before, *::after { background: #fff !important; color: #000 !important;    /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; }
   a, a:visited { text-decoration: underline; }
   a[href]::after { content: " ("attr(href) ")"; }
   abbr[title]::after { content: " ("attr(title) ")"; }

   /*
    * Don't show links that are fragment identifiers,
    * or use the `javascript:` pseudo protocol
    */
   a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
   pre { white-space: pre-wrap !important; }
   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   tr, img { page-break-inside: avoid; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3 { page-break-after: avoid; }
}