@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div:not(#section)::after, ol::after, form::after, dl::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:40px; font-weight:700; line-height:1.1em;}
h2{font-size:32px; font-weight:700; line-height:1.1em;}
h3{font-size:28px; font-weight:700; line-height:1.1em;}
h4{font-size:24px; font-weight:700; line-height:1.1em;}
h5{font-size:22px; font-weight:700; line-height:1.1em;}
h6{font-size:20px; font-weight:700; line-height:1.1em;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}
hr{border-top:dotted 1px #B7C9CF; border-right:none; border-bottom:none; border-left:none; margin:40px 0;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: 'Open Sans', sans-serif; color:#6C6C6C; font-weight:400; min-width:360px;}
#container {margin:0; height:100%; min-height:100%; height:auto!important; position:relative; background:#FFFFFF; overflow-x:hidden; min-width:360px;}

#preloader {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; background-image:url(../images/clinica-metabolic-cirurgia-bariatrica-e-metabolica.svg); background-position:center top 40%; background-repeat:no-repeat; background-size:600px auto; }
#preloader .inner {position:absolute; top:60%; left:50%; transform:translate(-50%, -50%);}
.loading > span {display:inline-block; width:40px; height:40px; margin:0 5px; -webkit-animation-fill-mode:both; animation-fill-mode:both; animation-name:animarBola; animation-timing-function:linear; animation-iteration-count:infinite;}
.loading > span:nth-child(1) {animation-duration:0.75s ; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.75s ;animation-delay:0.12s;}
.loading > span:nth-child(3) {animation-duration:0.75s  ;animation-delay:0.24s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 16% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 33% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}}

#header {position:fixed; top:0; z-index:150; padding:0 3%; width:100%; font-size:0; text-align:right; min-width:360px;}
#header.hover{box-shadow:0 0 10px #000000;}

#header .logo{margin:10px 0; float:left;}
#header .button{font-size:15px;}
#header .button + .button{margin-left:12px;}
#header .button.small .label{padding:10px .5em;}
#header .button.small .pict + .label{padding:10px .5em 10px 0;}

#nav{display:inline-block; vertical-align:middle; margin:25px 0;}
#nav ul{margin:0; padding:0; list-style:none; font-size:0; white-space:nowrap;}
#nav ul li{display:inline-block; vertical-align:middle; position:relative; z-index:0; margin-right:12px;}
#nav ul li .blue{display:block; position:relative; font-size:16px; line-height:40px; font-weight:600; cursor:pointer; z-index:10; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav ul li .blue::after{content:""; display:block; position:absolute; bottom:0; left:10%; width:80%; height:0; background-color:#3B6880; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s;}
#nav ul li .blue.hover::before{background-color:#3B6880; height:0;}
#nav ul li:hover{z-index:5;}
#nav ul li:hover .blue, #nav ul li .blue.hover{color:#002B60;}
#nav ul li:hover .blue::after, #nav ul li .blue.hover::after{height:3px;}

#nav ul li ul {height:0; position:absolute; left:10%; display:block; overflow:hidden; padding:0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:20;}
#nav ul li ul::after{content:""; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-bottom:solid 3px #3B6880;}
#nav ul li ul li {display:block; position:relative; z-index:2; text-align:left; margin:1px 0 0 0;}
#nav ul li ul li:first-child{margin-top:0;}
#nav ul li ul li::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:#79929C; z-index:0; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); z-index:0;}
#nav ul li ul li a{font-size:15px; white-space:nowrap; overflow:hidden; display:block; position:relative; padding:10px 20px; line-height:20px; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s; font-weight:400;}
#nav ul li ul li a:hover, #nav li ul li a.hover{color:#B7C9CF;}

#banner{position:relative; display:block; min-width:360px; max-height:680px; overflow:hidden;}
#banner .bg-image{position:absolute; top:0; right:0; bottom:0; left:0; margin:0; z-index:0; display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; padding:0 3%;}
#banner .bg-image.clinica{background-image:url(../images/_large/bg-banner-clinica.png);}
#banner .bg-image.bariatrica{background-image:url(../images/_large/bg-cirurgia-bariatrica.png); background-position:top left;}
#banner .bg-image.videolaparoscopia{background-image:url(../images/_large/bg-videolaparoscopia.png);}
#banner .bg-image.equipe{background-image:url(../images/_large/bg-equipe.png);}
#banner .bg-image.avaliacao{background-image:url(../images/_large/bg-banner-avaliacao-online.png);}
#banner .content{position:relative; z-index:3;}
#banner h1{text-shadow:2px 2px 0 #333333;}
#banner h1 + p{text-shadow:2px 2px 0 #333333;}
#banner .button{border:solid 1px #FFFFFF;}

#section-tratamentos .titulo .open{margin-left:-7em;}
#section-tratamentos .reset-list{width:80%; margin:auto; white-space:nowrap;}
#section-tratamentos li {display:inline-block; width:19.6%; padding-bottom:41.5%; font-size:16px; font-weight:300; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:width 1s; -moz-transition:width 1s; -ms-transition:width 1s; transition:width 1s;}
#section-tratamentos li#bariatrica{background-image:url(../images/_large/bg-tratamento-cirurgia-bariatrica.png);}
#section-tratamentos li#clinico{background-image:url(../images/_large/bg-tratamento-clinico-da-obesidade.png);}
#section-tratamentos li#reganho{background-image:url(../images/_large/bg-tratamento-reganho-de-peso.png);}
#section-tratamentos li#vesicula{background-image:url(../images/_large/bg-tratamento-cirurgia-da-vesicula.png);}
#section-tratamentos li#refluxo{background-image:url(../images/_large/bg-tratamento-refluxo.png);}
#section-tratamentos li::before{opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-tratamentos li:hover::before{opacity:.7; -moz-opacity:.7; filter:alpha(opacity=70); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-tratamentos li + li{margin-left:.5%;}
#section-tratamentos li a{display:flex; flex-direction:column; justify-content:center; align-items:center; align-content:center; position:absolute; top:0; right:0; bottom:0; left:0; padding:20px; overflow:hidden; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
#section-tratamentos li:hover a{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#section-tratamentos li span:not(.pict){display:block; width:300px; white-space:normal;}
#section-tratamentos li .pict{position:absolute; bottom:20px; right:20px; border:solid 1px #FFFFFF;}
#section-tratamentos li strong{display:inline-block; margin-bottom:1em;}

#section-imc.bg-image{background-image:url(../images/_large/bg-imc.png); background-position:bottom center;}
#section-imc::before{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#section-imc .titulo .open{margin-left:-4em; margin-top:-2em;}
#section-imc .column-3{vertical-align:middle;}
#section-imc h3 span.circle{font-size:2em; width:3.2em; line-height:3.2em; display:inline-block; margin-top:.2em;}
#section-imc table{font-size:18px;}
#section-imc table td{height:40px; border-bottom:solid 2px #79929C;}
#section-imc table td.hover{background-color:#79929C;}

#section-avaliacao .button{border:solid 1px #FFFFFF;}
#section-avaliacao .label{padding:20px 3em;}

#section-jornada .titulo .open{margin-left:-4.3em;}
#section-jornada h4 span{display:block; width:5em; height:5em; background-image:url(../images/pict-jornada.png); background-position:center; background-repeat:no-repeat; background-size:300% auto; margin:0 auto}
#section-jornada h4 .antes{background-position:0 0;}
#section-jornada h4 .depois{background-position:50% 0;}
#section-jornada h4 .sempre{background-position:100% 0;}

#section-equipe .content{padding:60px 0 0 0;}
#section-equipe .titulo .open{margin-left:-2.3em;}
#section-equipe .column-2.bg-image.dr-rodrigo{background-image:url(../images/_equipe/dr-rodrigo-menger.png);background-position:top center;}
#section-equipe .column-3.bg-image{padding-bottom:39.9%;}
#section-equipe .column-3.dr-rodrigo{background-image:url(../images/_equipe/dr-rodrigo-menger.png);background-position:top center;}
#section-equipe .column-3.dr-argemiro{background-image:url(../images/_equipe/dr-argemiro-basso-junior.png); background-position:center;}
#section-equipe .column-3.dra-marianna{background-image:url(../images/_equipe/dra-marianna-lins-de-souza-salerno.png);}
#section-equipe .column-3.psi-milene{background-image:url(../images/_equipe/psi-milene-pazutti-rodel.png);}
#section-equipe .column-3.nutri-fernanda{background-image:url(../images/_equipe/nutri-fernanda-ghinzelli.png);}
#section-equipe .column-3.secr-bruna{background-image:url(../images/_equipe/secr-bruna-alves.png);}
#section-equipe .numeros-list{margin:40px 0; padding:0; font-size:0; list-style:none;}
#section-equipe .numeros-list li{display:inline-block; width:33.33%;}
#section-equipe .numeros-list .pict + span{display:inline-block; vertical-align:middle; font-size:.7em;}
#section-equipe .numeros-list .pict + span .count{font-size:2.4em; font-weight:600; color:#002B60; position:relative;}
#section-equipe .numeros-list .pict + span .count::before{content:"+ ";}
#section-equipe .button{margin-bottom:30px;}
#section-equipe li{font-size:16px; font-weight:300;}
#section-equipe li + li{margin-top:.6em;}

#section-midias{background-color:#334F59;}
#section-midias .titulo .open{margin-left:-1.3em;}
#section-midias .button{font-weight:600; width:22.15%; padding-left:50px; font-size:15px;}
#section-midias .button + .button{margin-left:3.8%;}
#section-midias .button + div{margin-top:40px;}
#section-midias .button .label{padding:10px 5px;}
#section-midias .button .pict-midias{position:absolute; top:-5px; left:0; width:50px; height:50px;}
#section-midias .white.alpha{display:inline-block; border:solid 2px #FFFFFF; line-height:40px; padding:0 20px 0 10px;}

#section-blog .titulo .open{margin-left:-1.3em;}
#section-blog .news-list li{margin-bottom:0;}
#section-blog .news-list li:nth-child(3){margin-right:0;}
#section-blog .news-list li:nth-child(4){display:none; visibility:hidden;}

#section-duvidas .titulo .open{margin-left:-3.3em; margin-top:1.6em;}

#section-entidades .titulo .open{margin-left:-2.3em;}
#section-entidades .titulo:first-child .open{margin-top:1.6em;}
#section-entidades ul + .titulo{margin-top:3em;}
#section-entidades li{display:inline-block;}
#section-entidades li + li{margin-left:5%;}
#section-entidades li a{display:block;}
#section-entidades li a.hospitais{height:180px;}
#section-entidades li a.convenios{height:120px;} 
#section-entidades li a img{display:block; max-height:100%;}

#footer{position:absolute; padding:0 3%; bottom:0; left:0; right:0; background-image:url(../images/_large/bg-banner-clinica.png);}
#footer::before{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#footer .content {padding:60px 0 0 0;}
#footer .column-3{text-align:left;}
#footer .column-3 + .column-3{margin-left:10%;}
#footer .titulo .open{margin-left:-1.3em;}
#footer .bg-image{display:block; width:65%; padding-bottom:48.8%; background-image:url(../images/_ilustrativas/clinica-metabolic-footer.png);}
#footer .button{border:solid 2px #FFFFFF;}
#footer .button .label{min-height:36px; padding:8px 1.5em;}
#footer .legenda{position:relative; z-index:1; line-height:1.2em; padding:25px 0;}
#footer .pict + span{display:inline-block;}
#footer .pict.local{vertical-align:top;}
#footer .pict.local + span{vertical-align:top; margin-top:-5px;}

#section-titulo{position:relative; padding:0 3%; min-width:360px; background-position:center;}
#section-titulo::before{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#section-titulo.a-clinica{background-image:url(../images/_large/bg-a-clinica.png);}
#section-titulo.area-do-paciente{background-image:url(../images/_large/bg-avaliacao-online.png);}
#section-titulo.podcast{background-image:url(../images/_large/bg-banner-avaliacao-online.png);}
#section-titulo.cirurgia-bariatrica{background-image:url(../images/_large/bg-cirurgia-bariatrica.png); background-position:left top;}
#section-titulo.tratamento-clinico-da-obesidade{background-image:url(../images/_large/bg-clinico-da-obesidade.png);}
#section-titulo.reganho-de-peso{background-image:url(../images/_large/bg-reganho-de-peso.png);}
#section-titulo.cirurgia-da-vesicula{background-image:url(../images/_large/bg-cirurgia-da-vesicula.png);}
#section-titulo.refluxo-e-hernia{background-image:url(../images/_large/bg-refluxo.png);}
#section-titulo.equipe{background-image:url(../images/_large/bg-equipe.png);}
#section-titulo.imc{background-image:url(../images/_large/bg-imc.png); background-position:center bottom;}
#section-titulo.blog{background-image:url(../images/_large/bg-blog.png); background-position:center top;}

#section-titulo .content{padding:12% 0;}
#section-titulo h1{text-shadow:2px 2px 0 #333333;}
#section-titulo h1 .hurricane{font-weight:400; font-size:1.6em; display:block;}

#section-principal h6:first-child{margin:0 0 .7em 0;}
#section-principal h6:not(:first-child){margin:.7em 0;}
#section-principal ul:not(.reset-list) li{font-size:18px; line-height:1.5em;}
#section-principal ul:not(.reset-list) li + li{padding-top:.5em;}
#section-principal video{display:block; max-width:100%;}

#section-principal .content.dinamico .article{display:block; margin:0 auto 50px auto;}/*noticias*/
#section-principal .content.dinamico h3, #section-principal .article.dinamico h4 {color:#002B60; margin-bottom:.8em;}

#section-principal .content.dinamico img{max-width:100%; display:block; margin:auto; border:solid 1px #002B60;}
#section-principal .content.dinamico img.vertical{max-width:48.1%; float:right; margin:0 0 3.8% 3.8%;}
#section-principal .content.dinamico iframe{display:block; width:100%; margin:5% auto; overflow:hidden;}

#section-principal .content.dinamico p:not(.text-center) a{text-decoration:none; font-weight:400; color:#3B6880;}
#section-principal .content.dinamico a.share{font-weight:normal; color:#FFFFFF;}

#section-principal .content.convenios h3.blue span.subtitulo.gray-l{display: block; width: 85%; font-size: .6em; margin-bottom: .5em;}
#section-principal .content.convenios ul{padding: 0 0 160px 30px;}
#section-principal .content.convenios ul + span{position: absolute; bottom: 0; display: block; width: 100%;}

#section-principal .article:not(.podcast) iframe{width:100%; margin-top:40px; border:solid 1px #002B60; overflow:hidden;}

#section-principal .image{border:solid 1px #002B60; overflow:hidden;}
#section-principal .image img{display:block; max-width:100%; width:100%;}

/*formulários*/
#filtro{display:none; visibility:hidden; position:absolute;}
#form.categorias{display:block; margin:0; padding:0; position:relative; width:30.8%; float:left; z-index:10; border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px;}
#form.categorias::before{content:""; display:block; width:40px; height:40px; background-image:url(../images/pict.png); background-repeat:no-repeat; background-size:1100% auto; background-position:60% 100%; position:absolute; right:0; top:0; z-index:-1;}
#form.categorias select {font-size:18px; font-weight:300; font-family: 'Open Sans', sans-serif; display:block; width:100%; position:relative; padding:0 40px 0 20px; margin:0; height:40px; line-height:40px; border:none; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; border:none; background:none; z-index:10;}
#form.categorias + p{margin:0;}
#form.categorias + p .pict + .pict{margin-left:10px;}

#imc{display:block; margin:0;}
#imc input[type=text], #form input[type=password], #form input[type=submit], #form input[type=button] {display:block; font-size:20px; margin:0 auto 10px auto; padding:5px; height:50px; width:100%; border:solid 1px #79929C; background-color:transparent; font-weight:300; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#imc input[type=submit] {display:block; font-size:20px; margin:0; height:50px; width:100%; border:solid 1px #79929C; background-color:transparent; font-weight:300; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

#contato input[type=text], #contato input[type=password] {display:block; font-size:18px; margin:0 auto 10px auto; padding:0 15px; height:50px; width:100%; border:solid 2px #FFFFFF; background-color:transparent; font-weight:300; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#contato textarea{display:block; font-size:18px; margin:0 auto 10px auto; padding:10px 15px; line-height:24px; width:100%; border:solid 2px #FFFFFF; background-color:transparent; font-weight:300; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#contato input[type=submit], #contato input[type=button] {display:block; font-size:18px; margin:0 auto 10px auto; height:50px; width:100%; border:solid 2px #FFFFFF; font-weight:300; cursor:pointer; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

#contato input[type="checkbox"]:not(:checked), #contato input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#contato input[type="checkbox"]:not(:checked) + label, #contato input[type="checkbox"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin-top:10px;}
#contato input[type="checkbox"]:not(:checked) + label:before, #contato input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #FFFFFF; background-color:transparent; border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;}
#contato input[type="checkbox"]:not(:checked) + label:after,#contato input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:2px; left:5px; font-size:19px;line-height:0.8;color:#FFFFFF;transition:all .2s;}
#contato input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#contato input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#contato input[type="checkbox"]:checked:focus + label:before, #contato input[type="checkbox"]:not(:checked):focus + label:before {border:2px solid #FFFFFF;}
#contato label:hover:before {border:2px solid #B7C9CF!important;}

#cadastro input[type=text], #cadastro input[type=password] {display:block; font-size:18px; margin:0 auto 10px auto; padding:0 15px; height:50px; width:100%; border:solid 2px #3B6880; background-color:transparent; font-weight:300; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#cadastro input[type=submit], #cadastro input[type=button] {display:block; font-size:18px; margin:0 auto 10px auto; height:50px; width:100%; border:solid 2px #3B6880; font-weight:300; cursor:pointer; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

#avaliacao span.secao{display:block;}
#avaliacao span.column-2:last-child{vertical-align:top;}
#avaliacao span.column-2:last-child #avaliacao input[type="checkbox"]:not(:checked) + label, #avaliacao input[type="checkbox"]:checked + label {margin-top:0;}

#avaliacao span.label{font-size:18px; width:30.8%; margin:0 3.8% 30px 0; display:inline-block; position:relative; padding-left:50px;}
#avaliacao span.label.full{width:100%; margin:0 0 30px 0;}
#avaliacao span.label:nth-child(3n+1), #avaliacao span.label:last-child{margin-right:0;}
#avaliacao span.label span.white{position:absolute; line-height:50px; width:50px; text-align:center; left:0; font-size:1.4em;}
#avaliacao span.label p{margin:0; padding-left:10px;}
#avaliacao span.label p + span{display:inline-block; width:50%; vertical-align:text-top;}
#avaliacao span.label p + span + span{display:inline-block; width:45%; vertical-align:text-top;}

#avaliacao input[type=text], #avaliacao input[type=password] {font-size:18px; padding:0 15px; height:50px; border:solid 2px #3B6880; font-weight:300; width:100%; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#avaliacao textarea{display:block; font-size:18px; margin:0; padding:10px 15px; line-height:24px; width:100%; border:solid 2px #3B6880; font-weight:300; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
#avaliacao input[type=submit], #avaliacao input[type=button] {display:block; font-size:18px; margin:0 0 0 auto; height:50px; width:150px; border:solid 2px #FFFFFF; font-weight:300;border-radius:25px;-moz-border-radius:25px;-khtml-border-radius:25px;-webkit-border-radius:25px; cursor:pointer; border-radius:0; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

#avaliacao input[type="checkbox"]:not(:checked), #avaliacao input[type="checkbox"]:checked {position:absolute; left:-9999px;}
#avaliacao input[type="checkbox"]:not(:checked) + label, #avaliacao input[type="checkbox"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin:10px 0 0 10px;}
#avaliacao input[type="checkbox"]:not(:checked) + label:before, #avaliacao input[type="checkbox"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #3B6880; background-color:transparent; border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px;}
#avaliacao input[type="checkbox"]:not(:checked) + label:after,#avaliacao input[type="checkbox"]:checked + label:after {content:'✔'; position:absolute; top:2px; left:5px; font-size:19px;line-height:0.8;color:#3B6880;transition:all .2s;}
#avaliacao input[type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#avaliacao input[type="checkbox"]:checked + label:after {opacity:1;transform:scale(1);}
#avaliacao input[type="checkbox"]:checked:focus + label:before, #avaliacao input[type="checkbox"]:not(:checked):focus + label:before {border:2px solid #3B6880;}
#avaliacao label:hover:before {border:2px solid #B7C9CF!important;}

#avaliacao input[type="radio"]:not(:checked), #avaliacao input[type="radio"]:checked {position:absolute; left:-9999px;}
#avaliacao input[type="radio"]:not(:checked) + label, #avaliacao input[type="radio"]:checked + label {position:relative; padding-left:30px;cursor:pointer; display:block; line-height:20px; margin:10px 0 0 10px;}
#avaliacao input[type="radio"]:not(:checked) + label:before, #avaliacao input[type="radio"]:checked + label:before {content:''; position:absolute; left:0; top:-2px; width:24px; height:24px; border:2px solid #3B6880; background-color:transparent; border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
#avaliacao input[type="radio"]:not(:checked) + label:after,#avaliacao input[type="radio"]:checked + label:after {content:''; position:absolute; top:2px; left:4px; width:16px; height:16px; line-height:0.8; background-color:#3B6880;transition:all .2s; border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
#avaliacao input[type="radio"]:not(:checked) + label:after {opacity:0;transform:scale(0);}
#avaliacao input[type="radio"]:checked + label:after {opacity:1;transform:scale(1);}
#avaliacao input[type="radio"]:checked:focus + label:before, #avaliacao input[type="radio"]:not(:checked):focus + label:before {border:2px solid #3B6880;}
#avaliacao label:hover:before {border:2px solid #B7C9CF!important;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #002B60;}
.termsfeed-com---nb .cc-nb-title {color: #002B60 !important;}
.cc-nb-okagree{background-color:#002B60!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#424749!important; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#A1A3A4!important; color:#FFFFFF!important;}

/*estruturais*/
.padrao{position:relative; padding:0 3%; min-width:360px;}
.padrao .content{padding:60px 0;}
.content {margin:auto; width:100%; max-width:1298px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.8%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}

/*fontes*/
.hurricane{font-family: 'Hurricane', cursive;}
.montserrat{font-family: 'Montserrat', sans-serif;}
.open{font-family: 'Open Sans', sans-serif;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#3B6880;}
.gray-l{color:#79929C;}
.gray-ll{color:#B7C9CF;}
.gray-lll{color:#F1F4F5}
.blue{color:#002B60;}
.green{color:#00BB00;}
.red{color:#FF0000;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#3B6880;}
.bg-gray-l{background-color:#79929C;}
.bg-gray-ll{background-color:#B7C9CF;}
.bg-gray-lll{background-color:#F1F4F5}
.bg-blue{background-color:#002B60;}
.bg-green{background-color:#00BB00;}
.bg-red{background-color:#FF0000;}
.bg-multiply-gray::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#3B6880; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-multiply-blue::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#002B60; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80);}
.bg-multiply-black::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; background-color:#000000; z-index:0; opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40);}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}

/*transições*/
.alpha{-webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; transition:opacity 1s;}
.alpha:hover{opacity:0.50; -moz-opacity:0.50; filter:alpha(opacity=50);}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.two-column{-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-width:200px; -moz-column-width:200px; column-width:200px; -webkit-column-gap:30px; -moz-column-gap:30px; column-gap: 30px;}

.gallery {display:block; font-size:0;}
.gallery a{display:inline-block; width:16.96%; margin:20px 3.8% 20px 0; vertical-align:text-top; cursor:zoom-in; border:solid 1px #002B60; padding:10px;}
.gallery a:nth-child(5n), .gallery a:last-child{margin:20px 0 20px 0;}
.gallery a span{display:block; width:100%; padding-bottom:100%;}

.share-buttons{display:block;}
.share{display:inline-block; vertical-align:top; padding:0 5px 0 25px; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; height: 20px; line-height:20px; background-image:url(../images/share.png); background-repeat:no-repeat; background-size:20px auto; color:#FFFFFF; font-weight:400; font-size:10px;}
.fb-share-button{display:inline-block; vertical-align:top; margin-right:20px;}
.fb-share-button a {background-color:#4267B2; background-position:left 0;}
.wa-share-button {background-color:#57BA63; background-position:left -20px; margin-right:10px;}

.button{display:inline-block; vertical-align:middle; position:relative; line-height:1em; }
.button.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.button.large{border-radius:40px; -khtml-border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}
.button.medium{border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.button.small{border-radius:20px; -khtml-border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.button.tiny{border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:10px;}

.button .label{display:inline-block; vertical-align:middle; text-align:center; line-height:20px;}
.button.large .label{font-size:1.2em; min-height:80px; padding:30px 1.5em;}
.button.medium .label{font-size:1.1em; min-height:60px; padding:20px 1.5em;}
.button.small .label{font-size:1em; min-height:40px; padding:10px 1.5em;}
.button.tiny .label{font-size:.9em; min-height:30px; padding:5px 1.5em;}
.button .pict + .label{padding-right:1.5em; padding-left:.5em;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pict.png); background-repeat:no-repeat; background-size:1100% auto;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}
.pict.circle{position:relative;}
.pict.local + span{display:inline-block; vertical-align:top; padding-top:.7em;}
.pict.local + span strong.gold{font-size:1.3em; font-weight:400;}

.pict.large{width:80px; height:80px; line-height:80px;}
.pict.medium{width:60px; height:60px; line-height:60px;}
.pict.small{width:40px; height:40px; line-height:40px;}
.pict.tiny{width:30px; height:30px; line-height:30px;}

.pict.gray.whatsapp{background-position:0% 0%;}
.pict.gray.doctor{background-position:10% 0%;}
.pict.gray.email{background-position:20% 0%;}
.pict.gray.linkedin{background-position:30% 0%;}
.pict.gray.instagram{background-position:40% 0%;}
.pict.gray.facebook{background-position:50% 0%;}
.pict.gray.estacionamento{background-position:60% 0%;}
.pict.gray.ambiente{background-position:70% 0%;}
.pict.gray.local{background-position:80% 0%;}
.pict.podcast{background-position:90% 0%;}
.pict.youtube{background-position:100% 0%;}
.pict.gray.download{background-position:0% 20%;}
.pict.gray.link{background-position:10% 20%;}
.pict.gray.mais{background-position:20% 20%;}
.pict.gray.menos{background-position:30% 20%;}
.pict.gray.fechar{background-position:40% 20%;}
.pict.gray.topo{background-position:50% 20%;}
.pict.gray.base{background-position:60% 20%;}
.pict.gray.seguinte{background-position:70% 20%;}
.pict.gray.anterior{background-position:80% 20%;}
.pict.gray.fone{background-position:90% 20%;}
.pict.gray.agenda{background-position:100% 20%;}

.pict.blue.whatsapp{background-position:0% 40%;}
.pict.blue.doctor{background-position:10% 40%;}
.pict.blue.email{background-position:20% 40%;}
.pict.blue.linkedin{background-position:30% 40%;}
.pict.blue.instagram{background-position:40% 40%;}
.pict.blue.facebook{background-position:50% 40%;}
.pict.blue.estacionamento{background-position:60% 40%;}
.pict.blue.ambiente{background-position:70% 40%;}
.pict.blue.local{background-position:80% 40%;}
.pict.blue.download{background-position:0% 60%;}
.pict.blue.link{background-position:10% 60%;}
.pict.blue.mais{background-position:20% 60%;}
.pict.blue.menos{background-position:30% 60%;}
.pict.blue.fechar{background-position:40% 60%;}
.pict.blue.topo{background-position:50% 60%;}
.pict.blue.base{background-position:60% 60%;}
.pict.blue.seguinte{background-position:70% 60%;}
.pict.blue.anterior{background-position:80% 60%;}
.pict.blue.fone{background-position:90% 60%;}
.pict.blue.agenda{background-position:100% 60%;}

.pict.white.whatsapp{background-position:0% 80%;}
.pict.white.doctor{background-position:10% 80%;}
.pict.white.email{background-position:20% 80%;}
.pict.white.linkedin{background-position:30% 80%;}
.pict.white.instagram{background-position:40% 80%;}
.pict.white.facebook{background-position:50% 80%;}
.pict.white.estacionamento{background-position:60% 80%;}
.pict.white.ambiente{background-position:70% 80%;}
.pict.white.local{background-position:80% 80%;}
.pict.white.download{background-position:0% 100%;}
.pict.white.link{background-position:10% 100%;}
.pict.white.mais{background-position:20% 100%;}
.pict.white.menos{background-position:30% 100%;}
.pict.white.fechar{background-position:40% 100%;}
.pict.white.topo{background-position:50% 100%;}
.pict.white.base{background-position:60% 100%;}
.pict.white.seguinte{background-position:70% 100%;}
.pict.white.anterior{background-position:80% 100%;}
.pict.white.fone{background-position:90% 100%;}
.pict.white.agenda{background-position:100% 100%;}

.pict-midias{display:inline-block; vertical-align:middle; background-image:url(../images/pict-midias.png); background-repeat:no-repeat; background-size:400% auto;}
.pict-midias.podcast{background-position:0% 0%;}
.pict-midias.youtube{background-position:33.33% 0%;}
.pict-midias.instagram{background-position:66.66% 0%;}
.pict-midias.facebook{background-position:100% 0%;}

/*específicas*/
.logo{width:300px; padding-bottom:52px; display:inline-block; position:relative; z-index:10; background-size:contain; background-repeat:no-repeat; background-position:center left; background-image:url(../images/clinica-metabolic.svg);}
.titulo{margin-bottom:1.5em;}
.titulo .hurricane{display:inline-block; vertical-align:top; font-size:2.5em; font-weight:400;}
.titulo .open{display:inline-block; vertical-align:top; font-size:.65em; font-weight:300; margin-top:-1.3em;}

.subtitulo{line-height:1.2em; padding-bottom:.5em; border-bottom:solid 1px #79929C; position:relative;}
.subtitulo:not(:first-child){margin-top:2em;}
.subtitulo::after{content:""; display:block; width:5em; height:3px; background-color:#79929C; position:absolute; left:0; bottom:-2px;}
.subtitulo .gray-ll{display:block; font-size:.6em; line-height:1em; font-weight:400;}

.news-list li{width:22.15%; margin:0 3.8% 3.8% 0; position:relative; display:inline-block; vertical-align:middle; vertical-align:top;}
.news-list li::before{content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border:solid 2px #3B6880; z-index:0;
background: -moz-linear-gradient(bottom,  rgba(183,201,207,1) 0%, rgba(183,201,207,0.9) 50%, rgba(183,201,207,0) 100%);
background: -webkit-linear-gradient(bottom,  rgba(183,201,207,1) 0%,rgba(183,201,207,0.9) 50%,rgba(183,201,207,0) 100%);
background: linear-gradient(to top,  rgba(183,201,207,1) 0%,rgba(183,201,207,0.9) 50%,rgba(183,201,207,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B7C9CF', endColorstr='#00B7C9CF',GradientType=0 );
}
.news-list li:nth-child(4n), .news-list li:last-child{margin-right:0;}
.news-list li.no-image{background-image:url(../images/no-image.png); background-position:center; background-size:cover;}
.news-list li a{display:block; padding:60% 20px 70px 20px;}
.news-list li h6{margin-bottom:0; position:relative; z-index:1;}
.news-list li p{font-size:16px; line-height:1.2em; position:relative; z-index:1;}
.news-list li .pict{position:absolute; bottom:20px; right:20px; border:solid 1px #FFFFFF; z-index:1;}

.podcast-list li{width:30.8%; margin:0 3.8% 3.8% 0; position:relative; display:inline-block; vertical-align:middle; vertical-align:top; box-shadow: 0 0 7px #000000;}
.podcast-list li:nth-child(3n), .news-list li:last-child{margin-right:0;}
.podcast-list li a{display:block; padding:20px;}
.podcast-list li h5{margin: 0;}
.podcast-list li h5 + p{border-bottom: solid 1px #3B6880; padding-bottom: 1em; margin-bottom: 40px;}
.podcast-list li p:last-child{position: absolute; left: 20px; bottom: 20px; margin: 0;}
.podcast-list li .bg-image{display: block; width: 100%; padding-bottom: 100%; background-position:center; background-size:cover; border: solid 1px #000000;}
.podcast-list li .no-image{background-image:url(../images/no-image.png); background-position:center top;}
.podcast-list li .pict{position:absolute; bottom:10px; right:20px; border:solid 1px #3B6880; z-index:1;}

.flutuante{position:fixed; bottom:30px; font-size:16px; z-index:150; box-shadow:0 0 10px #000000;}/* telefone e whatsapp */
.flutuante.bg-green{right:30px;}
.flutuante.bg-white{left:30px;}

.grupo{position:relative;}
.grupo + .grupo{display:block; margin-top:40px;}/* separação entre grupos de div*/ 

@media screen and (max-width:1300px) {
/*configurações*/
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:17px;}
p{font-size:16px;}
.chamada{font-size:18px;}
.legenda{font-size:12px;}
hr{margin:30px 0;}
/* identificadores */
#header .logo{width:260px;}
#header .button{font-size:12px;}
#header .button + .button{margin-left:8px;}
#header .button + .button .label{font-size:0;}

#nav ul li{margin-right:8px;}
#nav ul li .blue{font-size:14px;}
#nav ul li:hover .blue::after, #nav ul li .blue.hover::after{height:3px;}

#nav ul li ul li a{font-size:14px;}

#banner{max-height:580px;}
#banner .bg-image.clinica{background-image:url(../images/_medium/bg-banner-clinica.png);}
#banner .bg-image.bariatrica{background-image:url(../images/_medium/bg-cirurgia-bariatrica.png); background-position:top left;}
#banner .bg-image.videolaparoscopia{background-image:url(../images/_medium/bg-videolaparoscopia.png);}
#banner .bg-image.equipe{background-image:url(../images/_medium/bg-equipe.png);}
#banner .bg-image.avaliacao{background-image:url(../images/_medium/bg-banner-avaliacao-online.png);}

#section-tratamentos .content{max-width:850px;}
#section-tratamentos .reset-list{width:100%;}
#section-tratamentos li {font-size:15px;}
#section-tratamentos li#bariatrica{background-image:url(../images/_medium/bg-tratamento-cirurgia-bariatrica.png);}
#section-tratamentos li#clinico{background-image:url(../images/_medium/bg-tratamento-clinico-da-obesidade.png);}
#section-tratamentos li#reganho{background-image:url(../images/_medium/bg-tratamento-reganho-de-peso.png);}
#section-tratamentos li#vesicula{background-image:url(../images/_medium/bg-tratamento-cirurgia-da-vesicula.png);}
#section-tratamentos li#refluxo{background-image:url(../images/_medium/bg-tratamento-refluxo.png);}

#section-imc.bg-image{background-image:url(../images/_medium/bg-imc.png);}
#section-imc table{font-size:17px;}

#section-equipe .content{padding:50px 0 0 0;}
#section-equipe .column-3.home{width:48.1%;}
#section-equipe .numeros-list{margin:25px 0;}
#section-equipe .button{margin-bottom:25px;}
#section-equipe li{font-size:14px; font-weight:300;}
#section-equipe li + li{margin-top:.5em;}

#section-midias .button{padding-left:40px; font-size:10px;}
#section-midias .button + div{margin-top:30px;}
#section-midias .button .pict-midias{top:0; width:40px; height:40px;}

#section-entidades li a.hospitais{height:160px;}
#section-entidades li a.convenios{height:110px;} 

#footer{background-image:url(../images/_medium/bg-banner-clinica.png);}
#footer .content {padding:50px 0 0 0;}

#section-titulo.a-clinica{background-image:url(../images/_medium/bg-a-clinica.png);}
#section-titulo.area-do-paciente{background-image:url(../images/_medium/bg-avaliacao-online.png);}
#section-titulo.podcast{background-image:url(../images/_medium/bg-banner-avaliacao-online.png);}
#section-titulo.cirurgia-bariatrica{background-image:url(../images/_medium/bg-cirurgia-bariatrica.png); background-position:left top;}
#section-titulo.tratamento-clinico-da-obesidade{background-image:url(../images/_medium/bg-clinico-da-obesidade.png);}
#section-titulo.reganho-de-peso{background-image:url(../images/_medium/bg-reganho-de-peso.png);}
#section-titulo.cirurgia-da-vesicula{background-image:url(../images/_medium/bg-cirurgia-da-vesicula.png);}
#section-titulo.refluxo-e-hernia{background-image:url(../images/_medium/bg-refluxo.png);}
#section-titulo.equipe{background-image:url(../images/_medium/bg-equipe.png);}
#section-titulo.imc{background-image:url(../images/_medium/bg-imc.png); background-position:center bottom;}
#section-titulo.blog{background-image:url(../images/_medium/bg-blog.png); background-position:center top;}

#section-principal ul:not(.reset-list) li{font-size:16px;}

#section-principal .content.dinamico .article{display:block; margin:0 auto 40px auto;}/*noticias*/

#section-principal .content.convenios ul{padding: 0 0 140px 30px;}

#section-principal + iframe{height:450px; border:none;}

/*formulários*/
#form.categorias select {font-size:16px;}

#imc input[type=text], #form input[type=password], #form input[type=submit], #form input[type=button] {font-size:18px;}
#imc input[type=submit] {font-size:18px;}

#contato input[type=text], #contato input[type=password] {font-size:16px;}
#contato textarea{font-size:16px;}
#contato input[type=submit], #contato input[type=button] {font-size:16px;}

#cadastro input[type=text], #cadastro input[type=password] {font-size:16px;}
#cadastro input[type=submit], #cadastro input[type=button] {font-size:16px;}

#avaliacao span.label{font-size:16px; margin:0 3.8% 25px 0;}
#avaliacao span.label.full{margin:0 0 25px 0;}
#avaliacao input[type=text], #avaliacao input[type=password] {font-size:16px;}
#avaliacao textarea{font-size:16px;}
#avaliacao input[type=submit], #avaliacao input[type=button] {font-size:16px;}

/*estruturais*/
.padrao .content{padding:50px 0;}

/*específicas*/
.news-list li a{padding:60% 15px 70px 15px;}
.news-list li p{font-size:15px;}
.news-list li .pict{bottom:15px; right:15px;}

.flutuante{font-size:15px;}

.grupo + .grupo{margin-top:30px;}/* separação entre grupos de div*/ 

}
@media screen and (max-width:950px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:19px;}
h5{font-size:17px;}
h6{font-size:16px;}
p{font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:10px;}
hr{margin:20px 0;}
/* identificadores */
#preloader {background-size:400px auto; }

#container {padding-top:60px}

#header {padding:0 0 0 20px; box-shadow:0 0 10px #000000;}
#header .logo{padding-bottom:50px; margin:10px 0;}
#header .button.bg-blue{font-size:0; width:40px; height:40px;background-image:url(../images/pict.png); background-repeat:no-repeat; background-size:1100% auto;background-position:100% 100%;}
#header .button + .button{margin-left:8px;}
#header .button + .button .label{font-size:0;}

#header .panel-button{margin:0 0 0 10px; display:inline-block; overflow:hidden; position:relative; background-color:#3B6880; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index:0; vertical-align:middle;}
#header .panel-button span{display:inline-block; vertical-align:middle; position:relative; -ms-user-select:none; -mos-user-select:none; -webkit-user-select:none; -o-user-select:none; user-select:none; background-color:#FFFFFF; height:2px; width:20px; border-style:solid; border-color:#3B6880; border-top-width:34px; border-bottom-width:34px; border-left-width:25px; border-right-width:25px; cursor:pointer; box-sizing:content-box;}
#header .panel-button span:before, #header .panel-button span:after {background-color:#FFFFFF; content:""; position:absolute; top:-7px; left:0; height:2px; width:20px; display:block; transition:all .2s linear;}
#header .panel-button span:after {top:7px;}
#header .panel-button.active span {background-color:#3B6880;}
#header .panel-button.active span:before {transform:rotate(45deg);top:0;}
#header .panel-button.active span:after {transform:rotate(-45deg);top:0;}

#nav{display:none; visibility:hidden;}
#navMobile {margin:0; padding:20px; list-style:none; position:fixed; right:0; top:70px; bottom:0; width:300px; z-index:100; text-align:left; visibility:hidden; background-color:rgba(3,41,95,.9); z-index:200; overflow-y: auto;}
#navMobile ul{margin:0; padding:0; font-size:0; list-style:none;}
#navMobile li{display:block; position:relative; width:100%; margin-bottom:20px; border:solid 1px #FFFFFF;}
#navMobile li:last-child{margin-bottom:0;}
#navMobile li .blue{width:100%; line-height:36px; display:block; font-size:14px; padding:0 10px; position:relative; font-weight:700; color:#FFFFFF;}
#navMobile li a{width:100%; line-height:1.2em; display:block; font-size:14px; padding:8px 10px; position:relative; font-weight:400;}
#navMobile li a.hover {background-color:#3B6880;}
#navMobile li ul{padding:0 10px;}
#navMobile li ul li, #navMobile li ul li:last-child{margin-bottom:10px; border:dotted 1px #FFFFFF;}

#banner{max-height:480px;}
#banner .bg-image.clinica{background-image:url(../images/_small/bg-banner-clinica.png);}
#banner .bg-image.bariatrica{background-image:url(../images/_small/bg-cirurgia-bariatrica.png); background-position:top left;}
#banner .bg-image.videolaparoscopia{background-image:url(../images/_small/bg-videolaparoscopia.png);}
#banner .bg-image.equipe{background-image:url(../images/_small/bg-equipe.png);}
#banner .bg-image.avaliacao{background-image:url(../images/_small/bg-banner-avaliacao-online.png);}

#section-tratamentos .content{max-width:800px;}
#section-tratamentos li {font-size:14px;}
#section-tratamentos li#bariatrica{background-image:url(../images/_small/bg-tratamento-cirurgia-bariatrica.png);}
#section-tratamentos li#clinico{background-image:url(../images/_small/bg-tratamento-clinico-da-obesidade.png);}
#section-tratamentos li#reganho{background-image:url(../images/_small/bg-tratamento-reganho-de-peso.png);}
#section-tratamentos li#vesicula{background-image:url(../images/_small/bg-tratamento-cirurgia-da-vesicula.png);}
#section-tratamentos li#refluxo{background-image:url(../images/_small/bg-tratamento-refluxo.png);}
#section-tratamentos li a{padding:15px;}
#section-tratamentos li .pict{bottom:15px; right:15px;}

#section-imc.bg-image{background-image:url(../images/_small/bg-imc.png);}
#section-imc .column-3 + .column-3{margin-top:30px}
#section-imc table{font-size:14px; max-width:330px; margin:auto;}
#section-imc table td{height:36px;}

#section-jornada .column-3 + .column-3{margin-top:30px}

#section-avaliacao{padding:20px;}

#section-equipe{padding:0 20px;}
#section-equipe .content{padding:40px 0 0 0;}
#section-equipe .column-3.bg-image{margin:0 auto 20px auto; width:280px; padding-bottom:360px;}
#section-equipe ul:not(.numeros-list){padding-left:25px;}
#section-equipe .numeros-list{text-align:center;}
#section-equipe p:last-child{text-align:center;}
#section-equipe .button{margin-bottom:40px;}
#section-equipe li{font-size:14px;}

#section-midias .button{width:48.1%;}
#section-midias .button + .button{margin-left:0;}
#section-midias .button:nth-child(3), #section-midias .button:nth-child(5){margin-right:3.8%;}
#section-midias .button:nth-child(3), #section-midias .button:nth-child(4){margin-bottom:20px;}
#section-midias .button + div{margin-top:20px;}

#section-blog .news-list li:nth-child(4){display:inline-block; visibility:visible;}

#section-entidades li a.hospitais{height:110px;}
#section-entidades li a.convenios{height:85px;} 

#footer{padding:0 20px; background-image:url(../images/_small/bg-banner-clinica.png);}
#footer .content {padding:40px 0 0 0;}
#footer .column-3 + .column-3{margin:30px 0 0 0;}
#footer .column-3:first-child{text-align:center;}
#footer .bg-image{display:none; background-image:none; width:0; padding-bottom:0;}

#section-titulo{padding:0 20px; }
#section-titulo.a-clinica{background-image:url(../images/_small/bg-a-clinica.png);}
#section-titulo.area-do-paciente{background-image:url(../images/_small/bg-avaliacao-online.png);}
#section-titulo.podcast{background-image:url(../images/_small/bg-banner-avaliacao-online.png);}
#section-titulo.cirurgia-bariatrica{background-image:url(../images/_small/bg-cirurgia-bariatrica.png); background-position:left top;}
#section-titulo.tratamento-clinico-da-obesidade{background-image:url(../images/_small/bg-clinico-da-obesidade.png);}
#section-titulo.reganho-de-peso{background-image:url(../images/_small/bg-reganho-de-peso.png);}
#section-titulo.cirurgia-da-vesicula{background-image:url(../images/_small/bg-cirurgia-da-vesicula.png);}
#section-titulo.refluxo-e-hernia{background-image:url(../images/_small/bg-refluxo.png);}
#section-titulo.equipe{background-image:url(../images/_small/bg-equipe.png);}
#section-titulo.imc{background-image:url(../images/_small/bg-imc.png); background-position:center bottom;}
#section-titulo.blog{background-image:url(../images/_small/bg-blog.png); background-position:center top;}

#section-titulo .content{padding:18% 0;}

#section-principal ul:not(.reset-list){padding-left:25px;}
#section-principal ul:not(.reset-list) li{font-size:14px;}

#section-principal .content.dinamico .article{margin:0 auto 30px auto;}

#section-principal + iframe{display:block; width:100%; height:400px; border:none;}

#section-principal video{display:block; max-width:330px; margin:20px auto 0 auto;}

#section-principal .content.convenios .column-3{display: block; max-width: 400px; margin: auto;}
#section-principal .content.convenios .column-3 + .column-3{margin-top: 30px;}
#section-principal .content.convenios ul{padding: 0 0 15px 25px;}
#section-principal .content.convenios ul + span{position: relative; bottom: auto;}

/*formulários*/
#form.categorias{width:48.1%;}
#form.categorias select {font-size:14px;}

#imc{margin:0 auto; max-width:330px;}
#imc input[type=text], #form input[type=password], #form input[type=submit], #form input[type=button] {font-size:16px; height:40px;}
#imc input[type=submit] {font-size:16px; height:40px;}

#contato{max-width:330px; margin:auto;}
#contato input[type=text], #contato input[type=password] {font-size:14px; height:40px;}
#contato textarea{font-size:14px; line-height:20px;}
#contato input[type=submit], #contato input[type=button] {font-size:14px; height:40px;}

#cadastro input[type=text], #cadastro input[type=password] {font-size:14px; height:40px;}
#cadastro input[type=submit], #cadastro input[type=button] {font-size:14px; height:40px;}

#avaliacao span.label{font-size:14px; width:48.1%; margin:0 3.8% 20px 0; padding-left:40px;}
#avaliacao span.label.full{margin:0 0 20px 0;}
#avaliacao span.label:nth-child(3n+1){margin-right:3.8%;}
#avaliacao span.label:nth-child(2n+1), #avaliacao span.label:last-child{margin-right:0;}
#avaliacao span.label span.white{line-height:40px; width:40px;}

#avaliacao input[type=text], #avaliacao input[type=password] {font-size:14px; height:40px;}
#avaliacao textarea{font-size:14px; line-height:20px;}
#avaliacao input[type=submit], #avaliacao input[type=button] {font-size:14px; height:40px; width:120px; border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px; margin:auto;}

/*estruturais*/
.padrao{padding:0 20px;}
.padrao .content{padding:40px 0;}
.content {max-width:600px;}
.article, .column-2, .column-3 {width:100%; margin:auto; display:block;}
.column-2:nth-child(2n), .column-2:last-child, .column-3:nth-child(3n), .column-3:last-child{margin-right:auto;}
.column-4 {width:48.1%;}
.column-4:nth-child(2n), .column-4:last-child{margin-right:0;}

.gallery a{width:30.8%; padding:7px;}
.gallery a:nth-child(4n){margin:20px 3.8% 20px 0;}
.gallery a:nth-child(3n), .gallery a:last-child{margin:20px 0 20px 0;}

/*transições*/
.alpha{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}
.alpha:hover{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

/*específicas*/
.news-list li{width:48.1%;}
.news-list li:nth-child(2n), .news-list li:last-child{margin-right:0;}
.news-list li p{font-size:14px;}

.podcast-list li{width:48.1%; box-shadow: 0 0 5px #000000;}
.podcast-list li:nth-child(3n){margin-right: 3.8%;}
.podcast-list li:nth-child(2n), .news-list li:last-child{margin-right:0;}
.podcast-list li a{padding:15px;}

.flutuante{bottom:20px; font-size:15px; box-shadow:0 0 7px #000000;}/* telefone e whatsapp */
.flutuante.bg-green{right:20px;}
.flutuante.bg-white{left:20px;}

.grupo + .grupo{margin-top:20px;}/* separação entre grupos de div*/ 
}
@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:19px;}
h4{font-size:18px;}
h4{font-size:16px;}
h4{font-size:15px;}
/* identificadores */
#preloader {background-size:300px auto; }
#header{padding:0 0 0 10px;}
#header .logo{padding-bottom:40px; width:190px;}

#header .button.bg-gray-l{display:none; visibility:hidden;}
#header .button + .button{margin-left:5px;}
#header .button + .button + a{display:none; visibility:hidden;}
#header .button + .button + a + a{display:none; visibility:hidden;}

#header .panel-button span{border-top-width:29px; border-bottom-width:29px; border-left-width:20px; border-right-width:20px;}

#navMobile {top:60px;}

#banner{max-height:380px;}
#banner .bg-image.clinica{background-image:url(../images/_tiny/bg-banner-clinica.png);}
#banner .bg-image.bariatrica{background-image:url(../images/_tiny/bg-cirurgia-bariatrica.png); background-position:top left;}
#banner .bg-image.videolaparoscopia{background-image:url(../images/_tiny/bg-videolaparoscopia.png);}
#banner .bg-image.equipe{background-image:url(../images/_tiny/bg-equipe.png);}
#banner .bg-image.avaliacao{background-image:url(../images/_tiny/bg-banner-avaliacao-online.png);}

#section-tratamentos{padding:0;}
#section-tratamentos .content{max-width:100%; padding-bottom:1px;}
#section-tratamentos li {padding-bottom:60%; font-size:12px;}
#section-tratamentos li#bariatrica{background-image:url(../images/_tiny/bg-tratamento-cirurgia-bariatrica.png);}
#section-tratamentos li#clinico{background-image:url(../images/_tiny/bg-tratamento-clinico-da-obesidade.png);}
#section-tratamentos li#reganho{background-image:url(../images/_tiny/bg-tratamento-reganho-de-peso.png);}
#section-tratamentos li#vesicula{background-image:url(../images/_tiny/bg-tratamento-cirurgia-da-vesicula.png);}
#section-tratamentos li#refluxo{background-image:url(../images/_tiny/bg-tratamento-refluxo.png);}
#section-tratamentos li span:not(.pict){display:block; width:200px; white-space:normal;}

#section-equipe .column-3.bg-image{margin:0 auto 20px auto; width:200px; padding-bottom:260px;}

#section-midias .button{display:block; width:210px; margin:0 auto;}
#section-midias .button:nth-child(3), #section-midias .button:nth-child(5){margin-right:auto;}
#section-midias .button + .button{margin:20px auto 0 auto;}

#section-entidades li a.hospitais{height:95px;}
#section-entidades li a.convenios{height:70px;} 

#footer{background-image:url(../images/_tiny/bg-banner-clinica.png);}
#footer .legenda{padding-bottom:80px;}

#section-titulo.a-clinica{background-image:url(../images/_tiny/bg-a-clinica.png);}
#section-titulo.area-do-paciente{background-image:url(../images/_tiny/bg-avaliacao-online.png);}
#section-titulo.podcast{background-image:url(../images/_tiny/bg-banner-avaliacao-online.png);}
#section-titulo.cirurgia-bariatrica{background-image:url(../images/_tiny/bg-cirurgia-bariatrica.png); background-position:left top;}
#section-titulo.tratamento-clinico-da-obesidade{background-image:url(../images/_tiny/bg-clinico-da-obesidade.png);}
#section-titulo.reganho-de-peso{background-image:url(../images/_tiny/bg-reganho-de-peso.png);}
#section-titulo.cirurgia-da-vesicula{background-image:url(../images/_tiny/bg-cirurgia-da-vesicula.png);}
#section-titulo.refluxo-e-hernia{background-image:url(../images/_tiny/bg-refluxo.png);}
#section-titulo.equipe{background-image:url(../images/_tiny/bg-equipe.png);}
#section-titulo.imc{background-image:url(../images/_tiny/bg-imc.png); background-position:center bottom;}
#section-titulo.blog{background-image:url(../images/_tiny/bg-blog.png); background-position:center top;}

#section-titulo .content{padding:21% 0;}

#section-principal .content.dinamico .article + p .button{display:block; width:140px; margin:auto;}
#section-principal .content.dinamico .article + p .button + .button{margin-top:15px;}
#section-principal .content.dinamico .article + p .button.float-left, #section-principal .content.dinamico .article + p .button.float-right{float:none;}

#section-principal .chamada .montserrat.white.button.large.bg-gray.alpha{white-space: nowrap;}
    #section-principal .chamada .montserrat.white.button.large.bg-gray.alpha .pict.large.white.email{width:50px; height: 50px;}
#section-principal .chamada .montserrat.white.button.large.bg-gray.alpha .pict.large.white.email + .label{font-size: .9em; padding-left:0;}/*fonte botão e-mail agendamento*/

/*formulários*/
#form.categorias{width:100%; float:none; margin-bottom:10px;}
#form.categorias + p{text-align:center;}
#form.categorias + p .pict + .pict{margin-left:5px;}

#avaliacao{max-width:330px; margin:auto;}
#avaliacao span.label{width:100%; margin:0;}
#avaliacao span.label:nth-child(3n+1){margin-right:0;}
#avaliacao span.label p + span{display:block; width:100%;}
#avaliacao span.label p + span + span{display:block; width:100%;}

#avaliacao input[type=text], #avaliacao input[type=password] {margin:0 0 20px 0;}
#avaliacao textarea{font-size:14px; line-height:20px;}
#avaliacao input[type=submit], #avaliacao input[type=button] {font-size:14px; height:40px; width:120px; border-radius:20px;-moz-border-radius:20px;-khtml-border-radius:20px;-webkit-border-radius:20px; margin:auto;}

/*estruturais*/
.content {max-width:400px;}

/*constantes*/
.button.large{border-radius:30px; -khtml-border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.button.large .label{font-size:1em; min-height:60px; padding:20px 1.5em;}
.pict.large{width:60px; height:60px; line-height:60px;}

/*específicas*/
.news-list li{width:100%;  margin:0 0 30px 0;}
.news-list li a{padding:40% 20px 70px 20px;}

.podcast-list li{width:100%; margin:0 0 30px 0;}
.podcast-list li:nth-child(3n){margin-right: 0;}

.flutuante{bottom:15px; font-size:14px;}/* telefone e whatsapp */
.flutuante.bg-green{right:15px;}
.flutuante.bg-white{left:15px;}

}