@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:600; line-height:1.1em;}
h2{font-size:32px; font-weight:600; line-height:1.1em;}
h3{font-size:30px; font-weight:600; line-height:1.1em;}
h4{font-size:28px; font-weight:600; line-height:1.1em;}
h5{font-size:24px; font-weight:600; line-height:1.1em;}
h6{font-size:20px; font-weight:600; line-height:1.1em;}
p{font-size:18px; line-height:1.6em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:24px;}
.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;}

/* 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: 'Krub', sans-serif; color:#2C100D; 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; background-image:url(../images/_large/bg-container.png); background-position:center top; background-size:100% auto; background-repeat:no-repeat;}

#preloader {position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000; background-image:url(../images/fertibc-centro-de-reproducao-assistida.svg); background-position:center top 40%; background-repeat:no-repeat; background-size:292px auto; }
#preloader .inner {position:absolute; bottom:30%; left:50%; transform:translate(-50%, -50%); font-size:0;}
.loading > span {display:inline-block; width:40px; height:40px; margin:0; -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.6s; animation-delay:0;}
.loading > span:nth-child(2) {animation-duration:0.6s; animation-delay:0.1s;}
.loading > span:nth-child(3) {animation-duration:0.6s; animation-delay:0.2s;}
.loading > span:nth-child(4) {animation-duration:0.6s; animation-delay:0.3s;}
.loading > span:nth-child(5) {animation-duration:0.6s; animation-delay:0.4s;}
.loading > span:nth-child(6) {animation-duration:0.6s; animation-delay:0.5s;}
@keyframes animarBola {0% {-webkit-transform:scale(1); transform:scale(1); opacity:1;} 10% {-webkit-transform:scale(0.1); transform:scale(0.1); opacity:0.7;} 20% {-webkit-transform:scale(1); transform:scale(1); opacity:1;}}

#header {padding:0; position:fixed; top:0; width:100%; font-size:0; z-index:150; min-width:360px;}
#header::before{content:""; position:absolute; top:40px; right:0; bottom:0; left:0; background-color:rgba(255,255,255,.85); -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

#header .bg-multiply.bgd-green{display:block; margin:0; padding:0 0 0 3.8%; text-align:right;}
#header .bg-multiply.bgd-green::before{right:200px;}
#header .bg-multiply.bgd-green a{position:relative; z-index:1; display:inline-block;}
#header .bg-multiply.bgd-green a:first-child{float:left; text-align:left; font-size:14px; font-weight:300;}
#header .bg-multiply.bgd-green .pict{position:relative; z-index:1;}
#header .logo{float:right; margin:20px 3.8% 20px 0; position:relative; z-index:1;}

#header.hover::before{background-color:rgba(255,255,255,0);}
#header.hover .logo{width:290px; height:120px;}

#nav{display:inline-block; margin:0; padding:35px 0 25px 3.8%; list-style:none; font-size:0; white-space:nowrap;}
#nav li{display:inline-block; vertical-align:middle; z-index:0; position:relative;}
#nav li + li{margin-left:25px}
#nav li .brown{display:block; position:relative; font-size:18px; line-height:40px; font-weight:400; cursor:pointer; z-index:10; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav li .brown::after{content:""; position:absolute; top:40px; display:block; width:30px; height:0; background:#448088;
background: -moz-linear-gradient(left, #448088 0%, #448088 20%, #4DA1AA 20%, #4DA1AA 40%, #9FD4B0 40%, #9FD4B0 60%, #E86D3A 60%, #EE3F49 80%, #C51F25 80%, #C51F25 100%);
background: -webkit-linear-gradient(left, #448088 0%, #448088 20%, #4DA1AA 20%, #4DA1AA 40%, #9FD4B0 40%, #9FD4B0 60%, #E86D3A 60%, #EE3F49 80%, #C51F25 80%, #C51F25 100%);
background: linear-gradient(to right, #448088 0%, #448088 20%, #4DA1AA 20%, #4DA1AA 40%, #9FD4B0 40%, #9FD4B0 60%, #E86D3A 60%, #EE3F49 80%, #C51F25 80%, #C51F25 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448088', endColorstr='#C51F25',GradientType=1 ); -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
#nav li .brown .pict{display:block;}
#nav li .brown .pict + span{display:none; font-size:0;}

#nav li:first-child .brown::after{left:5px;}
#nav li:hover .brown, #nav li .brown.hover{color:#2C100D;}
#nav li:hover .brown::after, #nav li .brown.hover::after{height:5px;}

#nav li ul {display:block; position:absolute; overflow:hidden; height:0; left:0; padding:0; list-style-type:none; -webkit-transition:height 1s; -moz-transition:height 1s; -ms-transition:height 1s; transition:height 1s; z-index:0; font-size:0;}
#nav li ul::before{content:""; background-color:#448088; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; z-index:0; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90);}
#nav li ul li {display:block; padding:0 30px; position:relative;}
#nav li ul li:first-child{margin-top:20px;}
#nav li ul li + li{margin-left:0;}
#nav li ul li a{font-size:18px; color:#FFF5E4; display:block; width:100%; line-height:40px; height:40px; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; transition:color 1s;}
#nav li ul li a:hover, #nav li ul li a.hover{color:#9FD4B0;}
#nav li ul li a::before{content:"• ";}

#nav li:not(:nth-child(2)) ul{padding-right:110px;}
#nav li:not(:nth-child(2)) ul::after{content:""; position:absolute; right:0; bottom:0; width:180px; padding-bottom:180px; background-image:url(../images/areas.svg); background-size:400% auto;}
#nav li:not(:nth-child(2)) ul#smEspecialidades::after{background-position:0 100%;}
#nav li:not(:nth-child(2)) ul#smInfertilidade::after{background-position:33.33% 100%;}
#nav li:not(:nth-child(2)) ul#smTratamentos::after{background-position:66.66% 100%;}
#nav li:not(:nth-child(2)) ul#smExames::after{background-position:100% 100%;}

#banner{position:relative; text-align:center; display:block; margin:0; padding:0 3.8%; font-size:0; list-style:none; min-width:360px;}
#banner .content{display:flex; flex-direction:column; justify-content:center; align-items:left; text-align:left; min-height:400px; }
#banner h1{line-height:1.1em;}
#banner h1 .norican{font-size:1.7em; font-weight:400;}

#section-especialidades li{width:25%; padding:0 20px; display:inline-block; vertical-align:top; font-size:20px; font-weight:300; position:relative;}
#section-especialidades li::before{content:""; display:inline-block; width:180px; padding-bottom:180px; background-image:url(../images/areas.svg); background-size:400% auto; background-repeat:no-repeat;}
#section-especialidades li:first-child::before{background-position:0 0;}
#section-especialidades li:nth-child(2)::before{background-position:33.33% 0;}
#section-especialidades li:nth-child(3)::before{background-position:66.66% 0;}
#section-especialidades li:last-child::before{background-position:100% 0;}
#section-especialidades li a{display:block; padding-bottom:55px;}
#section-especialidades li .pict{position:absolute; bottom:0; left:50%; margin-left:-20px;}

#section-quem-somos{position:relative; padding:0 3.8%;}
#section-quem-somos::before{content:""; position:absolute; top:0; right:0; bottom:0; left:50%; background-color:#D6E1E3;}
#section-quem-somos .content{padding:0 0 80px 0;}
#section-quem-somos .content::before{content:""; position:absolute; top:0; bottom:0; left:34.6%; width:100%; background-image:url(../images/_large/bg-quem-somos.png); background-repeat:no-repeat; background-size:auto 100%; background-position:left center;}
#section-quem-somos h2{position:relative; width:100%; padding-bottom:3.2em; background-image:url(../images/fertibc-centro-de-reproducao-assistida.svg); background-repeat:no-repeat; background-position:left center; background-size:contain;}
#section-quem-somos h2 .green{font-weight:400; display:block; font-size:.7em; position:absolute; left:3.3em; top:-.8em;}

#section-agendamento{position:relative; z-index:0; padding:0 3.8%; background-image:url(../images/_large/bg-agendamento.png);}
#section-agendamento::before{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#section-agendamento .content{padding:120px 0 200px 0;}
#section-agendamento .column-2{vertical-align:bottom;}
#section-agendamento a{width:48.1%; display:inline-block; padding:1em 1em .7em 1em; text-align:center;}
#section-agendamento a:last-child{float:right;}
#section-agendamento a .pict{display:block; margin:0 auto .5em auto;}

#section-pesquisa{margin:-80px 0; position:relative; z-index:10; padding:0 3.8%;}
#section-pesquisa .content{padding:60px 40px 40px 40px; box-shadow:0 0 15px #2E110E;}
#section-pesquisa li{font-size:20px; width:22.15%; margin:30px 3.8% 30px 0; position:relative; display:inline-block; vertical-align:top; border:solid 1px #79604A; text-align:left;}
#section-pesquisa li:last-child{margin-right:0;}
#section-pesquisa li a{display:block; padding:1em 1em 60px 1em;} 
#section-pesquisa li .pict{position:absolute; bottom:10px; left:50%; margin-left:-20px;}

#section-educacao{position:relative; z-index:0; padding:0 3.8%;}
#section-educacao::before{content:""; position:absolute; top:0; right:50%; bottom:0; left:0; background-color:#E5E0DC;}
#section-educacao .content{padding:160px 0 80px 0;}
#section-educacao .content::before{content:""; position:absolute; top:0; bottom:0; right:34.6%; width:100%; background-image:url(../images/_large/bg-educacao.png); background-repeat:no-repeat; background-size:auto 100%; background-position:right bottom;}
#section-educacao .column-2{display:block; margin:0 0 0 auto;}
#section-educacao .button{padding-left:60px; text-align:center; display:block;}
#section-educacao .pict{position:absolute; left:0;}
#section-educacao p.pink{font-weight:700;}
#section-educacao p.pink + p .button{ width:100%;}
#section-educacao p:last-child .button{width:48.1%; float:left;}
#section-educacao p:last-child .button:last-child{float:right;}

#section-equipe .team-list{margin-top:40px;}
#section-equipe .team-list li{margin-bottom:0;}

#footer{position:absolute; bottom:0; left:0; right:0; padding:0 3.8%; min-width:360px; background-image:url(../images/_large/bg-footer.png);}
#footer::before{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#footer .logo{width:100%; padding-bottom:41%;}
#footer h6{margin-bottom:1.3em;}
#footer h6 span{font-size:1.5em; font-weight:400;}
#footer ul{list-style:none; padding:0;}
#footer ul li{font-size:16px; font-weight:400; line-height:1.6em;}
#footer ul li + li{padding-top:1em;}
#footer ul li ul{list-style:disc; padding-left:1.5em;}
#footer ul li ul li + li{padding-top:0;}
#footer p:not(:last-child){padding-left:50px; position:relative; line-height:1.3em;}
#footer p:not(:last-child) .pict{position:absolute; left:0;}
#footer p:not(:last-child) span:not(.pict){font-size:.7em; font-weight:300; line-height:1em; display:inline-block;}
#footer p + p:last-child{position:absolute; right:0; bottom:0;}
#footer p + p:last-child a + a{margin-left:10px;}
#footer p.legenda{position:absolute; left:0; bottom:80px; width:22.15%;}
#footer p.legenda span{display:block; line-height:1.2em;}
#footer p.legenda span + span{margin-top:1em;}
#footer a.hover{color:#EE3F49;}

#section-titulo {position:relative; padding:0 3.8%; text-align:left;}
#section-titulo .content{padding-top:40px;}
#section-titulo h1 span.pink{font-weight:400; font-size:.5em;}
#section-titulo h1 .norican{font-size:1.7em; display:block; font-weight:400; line-height:.8em;}

#section-principal{position:relative; padding:0 3.8%;}
#section-principal .content{padding-top:60px;}
#section-principal ul:not(.reset-list) li{font-size:18px; line-height:1.5em;}
#section-principal ul:not(.reset-list) li + li, #section-principal .article ul + li{padding-top:1em;}

/*exceções*/
#section-principal .article .logo{width:48.1%; padding-bottom:20%; margin:0 0 3.8% 3.8%;}/*logo sobre nós*/
#section-principal .article .box p:first-child a{display:block; width:100%; margin:0 auto; cursor:zoom-in; margin-bottom:2em; overflow:hidden;}/*imagem sobre nós*/
#section-principal .team-list li{width:50%;}/*equipe*/
#section-principal .team-list li:first-child, #section-principal .team-list li:nth-child(2){margin-bottom:60px;}/*equipe*/
#section-principal .pesquisas-liks li{position:relative; padding-right:40px; font-weight:700;}
#section-principal .pesquisas-liks li .pict {position:absolute; top:0; right:0;}
#section-principal .pesquisas-liks li + li .pict{top:1em;}

#section-principal .column-2.contato .pict + span{display:inline-block; padding-left:.5em; vertical-align:middle; line-height:1.2em;}
#section-principal .column-2.contato .pict + span span{font-size:.7em;}

#section-principal h3.red span.krub{display: block; font-size: .7em; font-weight: 400;} /*logar*/

#section-mapa{position:relative; display:block; margin-top:80px;}
#section-mapa iframe{display:block; border:none; width:100%; height:700px;}

#layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:90; background-color:rgba(68,128,136,.6); display:none; padding:190px 3.8% 0 3.8%;}
#layer .content{display:none; padding:0;}
#layer .bg-green:not(.button){display:block; text-align:right; width:65.4%; margin:auto; display:block;}
#layer .bg-green:not(.button) span{display:inline-block; width:40px; height:40px; vertical-align:middle;}
#layer .article{display:block; border-right:solid 1px #448088; border-bottom:solid 1px #448088; border-left:solid 1px #448088; overflow-y:auto;}
#layer .circle{display:block; width:250px; height:250px; position:relative; background-position:center top; margin:0 auto; overflow:hidden; border:solid 2px #448088;}
#layer .circle img{display:block; max-width:100%;}
#layer .legenda{margin:0 auto; line-height:1.2em;}
#layer h4{margin:.5em auto;}

/*formulários*/
#filtro {visibility:hidden;display:none;position:absolute;}
#contato input[type=text] {font-size:18px; font-weight:400;  font-family: 'Krub', sans-serif; display:block; width:100%; background:none; border:solid 1px #448088; padding:0 5px; margin:0; height:50px; line-height:48px;}
#contato input[type=text]:not(:first-child) + input[type=text]{margin:25px auto 0 auto;}
#contato textarea {font-size:18px; font-weight:400;  font-family: 'Krub', sans-serif;  display:block; width:100%; background:none; border:solid 1px #448088; padding:10px; margin:0 auto 25px auto; line-height:20px; min-height:200px;}
#contato input[type=submit] {font-size:12px; font-weight:400;  font-family: 'Krub', sans-serif; width:100%; padding:0; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; margin:0 auto; border:none; height:50px;}
#contato .column{width:48.1%; position:relative; display:inline-block; vertical-align:top;}
#contato .column + .column{margin:0 0 0 3.8%;}

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

/*estruturais*/
.standard{position:relative; padding:0 3.8%; margin:0;}
.standard .content{padding:80px 0;}
.content {margin:auto; width:100%; max-width:1300px; 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*/
.krub{font-family: 'Krub', sans-serif;}
.norican{font-family: 'Norican', cursive;}

/*cores*/
.white{color:#FFFFFF;}
.yellow{color:#FFF5E4;}
.green{color:#448088;}
.green-l{color:#4DA1AA;}
.green-ll{color:#9FD4B0;}
.orange{color:#E86D3A;}
.pink{color:#EE3F49;}
.red{color:#C51F25;}
.brown{color:#2C100D;}
.brown-l{color:#79604A;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-yellow{background-color:#FFF5E4;}
.bg-green{background-color:#448088;}
.bg-green-l{background-color:#4DA1AA;}
.bg-green-ll{background-color:#9FD4B0;}
.bg-orange{background-color:#E86D3A;}
.bg-pink{background-color:#EE3F49;}
.bg-red{background-color:#C51F25;}
.bg-brown{background-color:#2C100D;}
.bg-brown-l{background-color:#79604A;}

.bg-multiply{position:relative;}
.bg-multiply::before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; mix-blend-mode:multiply; z-index:0; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=8);}
.bg-multiply.bgd-green::before{background-color:#448088;}
.bg-multiply.bgd-green-l::before{background-color:#4DA1AA;}
.bg-multiply.bgd-green-ll::before{background-color:#9FD4B0;}
.bg-multiply.bgd-orange::before{background-color:#E86D3A;}
.bg-multiply.bgd-pink::before{background-color:#EE3F49;}
.bg-multiply.bgd-red::before{background-color:#C51F25;}
.bg-multiply.bgd-brown::before{background-color:#2C100D;}
.bg-multiply.bgd-brown-l::before{background-color:#79604A;}
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-textura{background-image:url(../images/_large/bg-textura.png);}
.bg-gradient-white{background:rgba(255,255,255,.8);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF', endColorstr='#00FFFF',GradientType=1 );}

/*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);}

/*gerais*/
.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;}

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

.button .label{display:inline-block; vertical-align:middle; padding:0 1.5em; text-align:center;}
.button .pict + .label{padding:0 1.5em 0 .5em; vertical-align:middle;}

.button.large .label{font-size:1.2em; height:80px; line-height:30px; padding-top:25px; padding-bottom:25px;}
.button.medium .label{font-size:1em; height:60px; line-height:20px; padding-top:20px; padding-bottom:20px;}
.button.small .label{font-size:.9em; height:40px; line-height:18px; padding-top:11px; padding-bottom:11px;}
.button.tiny .label{font-size:.8em; height:30px; line-height:14px; padding-top:8px; padding-bottom:8px;}

.pict{display:inline-block; vertical-align:middle; background-image:url(../images/pictogramas.svg); background-repeat:no-repeat; background-size:1100% auto;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.circle{position:relative;}
.pict.circle::after{content:""; position:absolute; top:-2px; right:-2px; bottom:-2px; left:-2px; border-style:solid; border-width:1px; border-radius:50%; -khtml-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.pict.circle.large::after{border-width:2px;}

.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.yellow.whatsapp{background-position:0% 0%;}
.pict.yellow.fone{background-position:10% 0%;}
.pict.yellow.email{background-position:20% 0%;}
.pict.yellow.local{background-position:30% 0%;}
.pict.yellow.home{background-position:40% 0%;}
.pict.yellow.link{background-position:50% 0%;}
.pict.yellow.youtube{background-position:60% 0%;}
.pict.yellow.instagram{background-position:70% 0%;}
.pict.yellow.linkedin{background-position:80% 0%;}
.pict.yellow.facebook{background-position:90% 0%;}
.pict.yellow.mais{background-position:40% 20%;}
.pict.yellow.menos{background-position:50% 20%;}
.pict.yellow.fechar{background-position:60% 20%;}
.pict.yellow.seguinte{background-position:70% 20%;}
.pict.yellow.anterior{background-position:80% 20%;}
.pict.yellow.base{background-position:90% 20%;}
.pict.yellow.top{background-position:100% 20%;}

.pict.green.whatsapp{background-position:0% 40%;}
.pict.green.fone{background-position:10% 40%;}
.pict.green.email{background-position:20% 40%;}
.pict.green.local{background-position:30% 40%;}
.pict.green.home{background-position:40% 40%;}
.pict.green.link{background-position:50% 40%;}
.pict.green.youtube{background-position:60% 40%;}
.pict.green.instagram{background-position:70% 40%;}
.pict.green.linkedin{background-position:80% 40%;}
.pict.green.facebook{background-position:90% 40%;}
.pict.green.mais{background-position:40% 60%;}
.pict.green.menos{background-position:50% 60%;}
.pict.green.fechar{background-position:60% 60%;}
.pict.green.seguinte{background-position:70% 60%;}
.pict.green.anterior{background-position:80% 60%;}
.pict.green.base{background-position:90% 60%;}
.pict.green.top{background-position:100% 60%;}

.pict.brown-l.whatsapp{background-position:0% 80%;}
.pict.brown-l.fone{background-position:10% 80%;}
.pict.brown-l.email{background-position:20% 80%;}
.pict.brown-l.local{background-position:30% 80%;}
.pict.brown-l.home{background-position:40% 80%;}
.pict.brown-l.link{background-position:50% 80%;}
.pict.brown-l.youtube{background-position:60% 80%;}
.pict.brown-l.instagram{background-position:70% 80%;}
.pict.brown-l.linkedin{background-position:80% 80%;}
.pict.brown-l.facebook{background-position:90% 80%;}
.pict.brown-l.mais{background-position:40% 100%;}
.pict.brown-l.menos{background-position:50% 100%;}
.pict.brown-l.fechar{background-position:60% 100%;}
.pict.brown-l.seguinte{background-position:70% 100%;}
.pict.brown-l.anterior{background-position:80% 100%;}
.pict.brown-l.base{background-position:90% 100%;}
.pict.brown-l.top{background-position:100% 100%;}

.gallery {display:block; font-size:0;}
.gallery .zoom{display:inline-block; width:16.96%; margin:3.8% 3.8% 0 0; vertical-align:text-top;}
.gallery .zoom:nth-child(5n), .gallery .zoom:last-child{margin:3.8% 0 0 0;}
.gallery .zoom span{display:block; width:100%; padding-bottom:100%;}
.zoom{display:block; width:100%; margin:0 auto; cursor:zoom-in; border:solid 7px #FFFFFF; box-shadow:0 0 7px #2C100D;}

/*
.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;}

/*específicas*/
.logo{width:195px; height:80px; max-width:100%; background-image:url(../images/fertibc-centro-de-reproducao-assistida.svg); display:inline-block; position:relative; z-index:10; background-size:contain; background-repeat:no-repeat; background-position:center left; -webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; transition:all 1s;}

.subtitulo .pink{font-weight:400; display:block; font-size:.6em;}
.subtitulo .norican{font-size:1.7em; font-weight:400; line-height:.8em;}

.highlight{position:relative;}
.highlight::after{content:""; display:block; width:2em; height:.2em; margin:.3em 0 0 0; background:#448088;
background: -moz-linear-gradient(left, #448088 0%, #448088 20%, #4DA1AA 20%, #4DA1AA 40%, #9FD4B0 40%, #9FD4B0 60%, #E86D3A 60%, #EE3F49 80%, #C51F25 80%, #C51F25 100%);
background: -webkit-linear-gradient(left, #448088 0%, #448088 20%, #4DA1AA 20%, #4DA1AA 40%, #9FD4B0 40%, #9FD4B0 60%, #E86D3A 60%, #EE3F49 80%, #C51F25 80%, #C51F25 100%);
background: linear-gradient(to right, #448088 0%, #448088 20%, #4DA1AA 20%, #4DA1AA 40%, #9FD4B0 40%, #9FD4B0 60%, #E86D3A 60%, #EE3F49 80%, #C51F25 80%, #C51F25 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448088', endColorstr='#C51F25',GradientType=1 ); -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; transition:all .5s;}
.highlight.text-center::after{margin:.3em auto 0 auto;}

.team-list li{font-size:18px; width:25%; position:relative; display:inline-block; vertical-align:text-top;}
.team-list li a{display:block; padding:0 1em 50px 1em;}
.team-list li span:first-child{display:block; width:10em; height:10em; margin:0 auto 1em auto; position:relative; background-color:#FFFFFF; overflow:hidden; border:solid 2px #448088;}
.team-list li span:first-child img{display:block; max-width:100%;}
.team-list li h5{margin:0;}
.team-list li p{margin-bottom:0; line-height:1.3em;}
.team-list li .pict{position:absolute; bottom:0; left:50%; margin-left:-20px;}

.subnav li{font-size:20px; width:30.8%; margin:0 3.8% 40px 0; line-height:1em; position:relative; display:inline-block; vertical-align:top; overflow:hidden;}
.subnav li:nth-child(3n), .subnav li:last-child{margin-right:0;}
.subnav a{font-weight:700; padding:1em; display:block; line-height:1.2em;}
.subnav a :not(.pict){position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
.subnav .pict{display:block; margin:20px auto 0 auto;}

.box{display:block; padding:30px;}

@media screen and (max-width:1300px) {
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p{font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}

/* identificadores */
#container {background-image:url(../images/_medium/bg-container.png);}

#header.hover .logo{width:195px; height:80px;}

#nav li + li{margin-left:1.8%}
#nav li .brown{font-size:15px;}

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

#nav li:not(:nth-child(2)) ul{padding-right:70px;}
#nav li:not(:nth-child(2)) ul::after{width:140px; padding-bottom:140px;}

#banner .content{min-height:300px; }

#section-especialidades li{padding:0 10px; font-size:16px;}
#section-especialidades li::before{width:140px; padding-bottom:140px;}

#section-quem-somos .content{padding:0 0 60px 0;}
#section-quem-somos .content::before{background-image:url(../images/_medium/bg-quem-somos.png);}

#section-agendamento{background-image:url(../images/_medium/bg-agendamento.png);}
#section-agendamento .content{padding:90px 0 150px 0;}

#section-pesquisa{margin:-60px 0;}
#section-pesquisa .content{padding:45px 30px 30px 30px;}
#section-pesquisa li{font-size:16px; margin:25px 3.8% 25px 0;}

#section-educacao .content{padding:120px 0 60px 0;}
#section-educacao .content::before{background-image:url(../images/_medium/bg-educacao.png);}
#section-educacao .button .pict + .label{padding-right:.3em; padding-left:0; font-size:.9em;}

#section-equipe .team-list{margin-top:30px;}

#footer{background-image:url(../images/_medium/bg-footer.png);}
#footer ul li{font-size:14px;}
#footer p:not(:last-child){padding-left:45px;}
#footer p.legenda{bottom:60px;}

#section-titulo .content{padding-top:30px;}

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

/*exceções*/
#section-principal .team-list li:first-child, #section-principal .team-list li:nth-child(2){margin-bottom:45px;}/*equipe*/
#section-principal .pesquisas-liks{padding-left:30px;}

#section-mapa{position:relative; display:block; margin-top:60px;}
#section-mapa iframe{height:550px;}

#layer .content{padding:0;}
#layer .circle{width:200px; height:200px;}

/*formulários*/
#contato input[type=text] {font-size:16px;}
#contato textarea {font-size:16px;}
#contato input[type=submit] {font-size:10px;}

/*estruturais*/
.standard .content{padding:60px 0;}

/*específicas*/
.team-list li{font-size:16px;}

.subnav li{font-size:16px;}

.box{display:block; padding:25px;}

}

@media screen and (max-width:950px) {
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:14px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}

/* identificadores */
#container {background-image:url(../images/_small/bg-container.png);}

#header{text-align:right;}
#header .bg-multiply.bgd-green{padding:0 0 0 20px;}
#header .bg-multiply.bgd-green a:first-child{font-size:12px;}
#header .logo, #header.hover .logo{float:left; margin:10px 0 10px 20px; width:150px; height:60px;}

#header .panel-button{margin:15px 20px 0 0; display:inline-block; overflow:hidden; position:relative; background-color:#C51F25; -webkit-transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; transition:all 2s; z-index:0; vertical-align:bottom;}
#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:#FFF5E4; height:2px; width:20px; border-style:solid; border-color:#C51F25; border-top-width:24px; border-bottom-width:24px; border-left-width:15px; border-right-width:15px; cursor:pointer; box-sizing:content-box;}
#header .panel-button span:before, #header .panel-button span:after {background-color:#FFF5E4; 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:#C51F25;}
#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:18px 20px 15px 20px; list-style:none; position:fixed; right:0; top:41px; bottom:0; width:300px; z-index:100; text-align:left; visibility:hidden; background-color:rgba(68,128,136,.8); z-index:2; overflow-y: auto;}
#navMobile li{display:block; position:relative; width:100%; margin-bottom:20px; background-color:#FFF5E4; border:solid 1px #C51F25;}
#navMobile li:last-child{margin-bottom:0;}

#navMobile li a.brown{width:100%; line-height:40px; display:block; font-size:15px; padding:0 15px; position:relative; font-weight:400;}
#navMobile li a.brown.hover {color:#448088;}

#navMobile li ul {display:block; padding:0; margin:0; list-style-type:none; font-size:0;}
#navMobile li ul li {border:none; margin-bottom:0; padding:0 15px;}
#navMobile li ul li:last-child{margin-bottom:20px;}
#navMobile li ul li:last-child a{border-bottom:solid 1px #C51F25;}
#navMobile li ul li a{display:block; margin:auto; line-height:1.1em; padding:8px 0; color:#2C100D; font-size:15px; border-top:solid 1px #C51F25;}
#navMobile li ul li a.hover{color:#448088;}

#banner{padding:0 20px;}

#section-especialidades li{width:50%; font-size:14px;}
#section-especialidades li:first-child, #section-especialidades li:nth-child(2){margin-bottom:40px;}
#section-especialidades li::before{width:120px; padding-bottom:120px;}

#section-quem-somos{padding:0 20px;}
#section-quem-somos::before{display:none; visibility:hidden;}
#section-quem-somos .content{padding:0 0 40px 0;}
#section-quem-somos .content::before{position:relative; top:auto; bottom:auto; left:auto; width:100%; padding-bottom:40%; background-image:url(../images/_equipe/somos-fertibc.png); background-repeat:no-repeat; background-size:100% auto; background-position:center top; background-color:#0066FF; display:block; margin-bottom:40px;}
#section-quem-somos h2{width:8em; background-position:center; margin-left:auto; margin-right:auto;}
#section-quem-somos p:last-child{text-align:center;}

#section-agendamento{padding:0 20px; background-image:url(../images/_small/bg-agendamento.png);}
#section-agendamento .content{padding:60px 0 100px 0;}
#section-agendamento .column-2{text-align:center;}
#section-agendamento .column-2 + .column-2{margin-top:40px;}
#section-agendamento a .pict{width:60px; height:60px;}

#section-pesquisa{margin:-40px 0; padding:0 20px;}
#section-pesquisa .content{padding:30px 20px 20px 20px; box-shadow:0 0 20px #2E110E;}
#section-pesquisa li{font-size:14px; width:48.1%;  margin:15px 3.8% 15px 0;}
#section-pesquisa li:nth-child(2){margin-right:0;}

#section-educacao{padding:0 20px;}
#section-educacao::before{right:0; background-image:url(../images/_small/bg-educacao.png); background-size:cover; background-position:center;}
#section-educacao .content{padding:80px 0 40px 0;}
#section-educacao .content::before{display:none; visibility:hidden;}
#section-educacao .column-2{margin:0; background-color:rgba(255,255,255,.7); text-align:center;}
#section-educacao .button{text-align:center; display:block;}
#section-educacao .button .pict + .label{padding-right:1.5em; padding-left:.5em; font-size:1.2em;}

#section-equipe .team-list{margin-top:20px;}
#section-equipe .team-list li:first-child, #section-equipe .team-list li:nth-child(2){margin-bottom:30px;}

#footer{padding:0 20px; background-image:url(../images/_small/bg-footer.png);}
#footer .column-4:first-child{width:100%; margin-right:0; text-align:center;}
#footer .column-4:nth-child(2), #footer .column-4:nth-child(3){display:none; visibility:hidden;}
#footer .column-4:nth-child(4){width:100%; text-align:center;}
#footer .logo{width:200px; padding-bottom:80px;}
#footer h6 span{font-size:0;}
#footer ul{list-style:none; padding:0; font-size:0;}
#footer ul li{font-size:0;}
#footer ul li ul li + li{padding-top:0;}
#footer p:not(:last-child){padding-left:0; position:relative; line-height:1.3em;}
#footer p + p{margin-top:2em;}
#footer p:not(:last-child) .pict{position:relative; left:auto; display:block; margin:0 auto .2em auto;}
#footer p:not(:last-child) span:not(.pict){font-size:.7em; font-weight:300; line-height:1em; display:inline-block;}
#footer p + p:last-child{position:relative; right:auto; bottom:auto; text-align:center;}
#footer p.legenda{position:relative; left:auto; bottom:auto; width:100%; text-align:center;}
#footer p.legenda br{display:none;}

#section-titulo {padding:0 20px;}
#section-titulo .content{padding-top:20px;}

#section-principal{position:relative; padding:0 20px;}
#section-principal .content{padding-top:30px;}
#section-principal ul:not(.reset-list) li{font-size:14px;}

/*exceções*/
#section-principal .column-2.contato:first-child p:nth-last-child(-n+2){margin-bottom:0;}
#section-principal .column-2.contato:first-child p:last-child{position:absolute; right:20px; bottom:20px;}
#section-principal .team-list li:first-child, #section-principal .team-list li:nth-child(2){margin-bottom:30px;}/*equipe*/
#section-principal .pesquisas-liks{padding-left:25px;}

#section-mapa{margin-top:40px;}
#section-mapa iframe{height:400px;}

#layer {padding:150px 20px 0 20px;}
#layer .content{display:none; padding:0;}
#layer .bg-green:not(.button){width:100%;}

/*formulários*/
#contato input[type=text] {font-size:14px; height:40px; line-height:38px;}
#contato input[type=text]:not(:first-child) + input[type=text]{margin:15px auto 0 auto;}
#contato textarea {font-size:14px; margin:0 auto 15px auto; line-height:15px; min-height:150px;}
#contato input[type=submit] {font-size:10px; height:40px;}

/*estruturais*/
.standard{padding:0 20px;}
.standard .content{padding:40px 0;}
.content {max-width:700px;}
.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;}

/*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*/
.team-list li{font-size:14px; width:50%;}
.team-list li:first-child, .team-list li:nth-child(2){margin-bottom:30px;}

.subnav li{font-size:14px;}

.box{padding:20px;}
}
@media screen and (max-width:600px) {
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:15px;}
h6{font-size:14px;}
p{font-size:14px;}
.chamada{font-size:16px;}

/* identificadores */
.loading > span {width:30px; height:30px; margin:0;}

#container {background-image:url(../images/_tiny/bg-container.png);}
#header .bg-multiply.bgd-green a:first-child{font-size:0;}

#banner .content{min-height:250px; }

#section-quem-somos .content::before{padding-bottom:50%;}

#section-agendamento{background-image:url(../images/_tiny/bg-agendamento.png);}
#section-agendamento a{padding:1em .5em .7em .5em;}

#section-pesquisa li{width:100%; margin:10px 0;}

#section-educacao::before{right:0; background-image:url(../images/_tiny/bg-educacao.png);}
#section-educacao .button{padding-left:0; display:block;}
#section-educacao .button .pict{position:relative; top:auto; left:auto; display:block; margin:auto;}
#section-educacao p .button .pict + .label{padding-right:.5em; padding-left:.5em; padding-top:0; font-size:1em; line-height:1em; height:inherit;}

#section-equipe .team-list li:not(:last-child){margin-bottom:20px;}

#footer{padding:0 20px; background-image:url(../images/_tiny/bg-footer.png);}

/*exceções*/
#section-principal .article .logo{width:100%; padding-bottom:50px; margin:0 auto 20px auto; background-position:center;}/*logo sobre nós*/
#section-principal .team-list li{width:100%;}/*equipe*/
#section-principal .team-list li:not(:last-child){margin-bottom:30px;}/*equipe*/
#section-principal .pesquisas-liks{padding-left:20px;}
#section-principal p.pink.text-center + p.text-center .button{padding:0 1em 1em 1em; text-align:center;}/*botões educação continuada*/
#section-principal p.pink.text-center + p.text-center .button .pict{display:block; margin:auto;}
#section-principal p.pink.text-center + p.text-center .button .label{padding:0; height:1em;}

/*formulários*/
#contato .column{display:block; width:100%;}
#contato .column + .column{margin:15px 0 0 0;}
#contato input[type=submit] {width:170px; margin:auto; display:block;}
#contato + .legenda.text-right{text-align:center;}

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

/*gerais*/
.gallery .zoom{width:30.8%; margin:3.8% 3.8% 0 0; vertical-align:text-top;}
.gallery .zoom:nth-child(5n){margin:3.8% 3.8% 0 0;}
.gallery .zoom:nth-child(3n), .gallery .zoom:last-child{margin:3.8% 0 0 0;}
.zoom{border:solid 5px #FFFFFF; box-shadow:0 0 5px #2C100D;}

/*específicas*/
.team-list li{width:100%;}
.team-list li:not(:last-child){margin-bottom:20px;}

.subnav li{width:48.1%; margin:0 3.8% 30px 0;}
.subnav li:nth-child(3n){margin-right:3.8%;}
.subnav li:nth-child(2n), .subnav li:last-child{margin-right:0;}

}