/*
10/04/2017
Theme Name: Unimed Norte / Nordeste
Theme URI: http://unimednne.com.br
Description: Produzido por Ativaweb
Version: 2017
Author: Produzido por Ativaweb
Author URI: http://ativaweb.com.br
*/

/* default */
*{margin:0; padding:0; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, small, td, span {font-family: "Lato", serif; letter-spacing: 1px; }
body{ padding-top: 90px; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #000; text-decoration:none }
a:hover { color: #000; text-decoration:none; border-bottom: none;}
.none{display:none;}
.alignnone, .alignleft{float:left; margin:0 10px 10px 0;}
.alignright{float:right; margin:0 0 10px 10px}
.aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;}
.btn{ color: #FFF !important; }
.progress{ display: none; }
input[type="radio"], label{ cursor: pointer; }
.col-centered{ float: none; margin: 0 auto; }
#status{ position: fixed; top: 90px; background: rgba(255,255,255,0.95); width: 100%; height: 100%; z-index: 99999; display: none; overflow: auto;}
#status #msg{ padding: 10% 0 20% 0; }
#status #progress{ margin-top: 20%; }
#status #preview{
	display: none; width: 95%; height: 480px; position: fixed !important; top: 55px; left: 2.5%; z-index: 99999;
}
#status #content_preview{ width: 100% !important; height: 100% !important; }
#status .close_preview{
	position: absolute;
	top: 60px;
	right: 0;
}
#status h5.view_servicos span{
	display: inline-block;
	margin: 3px;
  font-size: 13px;
}
.error_field{ border-color: red !important; }

.anim{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

////////////
// LAYOUT //
////////////
header{
	background: #006507;
	border-bottom: 5px solid #003d04;
	color: #FFF;
	padding: 10px 0;
	height: 90px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 999999;
	nav{
		div.menu-mobile{
			display: none;
		}
		.menu-unimednne{
			display: table;
			height: 66px;
			.btn-group{
				display: table-cell;
				height: 100%;
				vertical-align: middle;
				width: 20%;
			}
			button, a{
				background: none !important;
				border: none !important;
				text-decoration: none;
				color: #FFF;
				font-size: 14px;
				&:hover{
					color: #FFF;
					text-decoration: none;
				}
			}
			ul.dropdown-menu{
				background: #003d04;
				li{
					margin: 8px 0;
					a{
						color: #FFF;
						&:hover{
							color: #38b700;
						}
					}
				}
			}
		}
		}
	.bt-canal-beneficiario{
		margin-top: 4px;
	}
	i{
		color: #FFF;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: #003d04;
		width: 40px;
		height: 40px;
	}
}
#painel{
	position: relative;
	div.banner{
		width: 100%;
		height: 550px;
		background-position: center;
		background-size: cover;
		position: relative;
		a{
			display: block;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
	nav{
		z-index: 9999;
		a{
			text-decoration: none;
			position: absolute;
			bottom: 0;
			z-index: 999999999;
			color: #FFF;
			padding: 0 15px;
			display: table;
			height: 80px;
			background: none;
			&.bt_prev{
				left: 0;
				&:hover{
					padding-left: 25px;
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,0+100 */
					background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
				}
			}
			&.bt_next{
				right: 0;
				&:hover{
					padding-right: 25px;
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.25+99 */
					background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 99%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 99%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 99%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=1 ); /* IE6-9 */
				}
			}
			i{
				display: table-cell;
				vertical-align: middle;
				height: 100%;
			}
		}
	}
}
#acesso-rapido{
	border-top: 5px solid #003d04;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	height: 70px;
	width: 100%;
	display: inline-block;
	z-index: 99999;
	div{
		padding: 20px 0;
		a{
			color: #FFF;
			font-size: 18px;
			font-weight: lighter;
		}
		&.voce{
			background: #eab512;
		}
		&.empresa{
			background: #2523a4;
		}
		&.prestador{
			background: #7c119b;
		}
		&.ouvidoria{
			background: #38b700;
		}
	}
}
#acesso-rapido-sub-menus{
	width: 100%;
	overflow: hidden;
	margin-top: -5px;
	ul{
		display: inline-block;
		margin-top: -500px;
		margin-bottom: 0px !important;
		padding: 15px 0;
		background: url(../img/bg-sub-menu.png) repeat-x top;
		li{
			list-style: none;
			a{
				display: block;
				padding: 10px;
				color: #FFF;
				text-transform: uppercase;
				font-size: 12px;
			}
		}
		&#voce{
	    background-color: #eab512;
		}
		&#empresa{
	    background-color: #2523a4;
		}
		&#prestador{
	    background-color: #7c119b;
		}
		&.ativo{
			margin-top: 0px;
		}
	}
}
#icones-topo{
	background: #e8e8e8;
	margin-bottom: 50px;
	position: relative;
	aside{
		height: 155px;
		text-align: center;
		position: relative;
		a{
			width: 85%;
			text-align: center;
			display: block;
			text-transform: uppercase;
			top: 30px;
			position: absolute;
			h6{
				font-size: 14px;
				letter-spacing: normal;
			}
			.ico_guia{
				width: 50px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_guia.png) no-repeat;
			}
			.ico_ir{
				width: 50px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_ir.png) no-repeat;
			}
			.ico_odonto{
				width: 50px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_guia_odonto.png) no-repeat;
			}
			.ico_canal{
				width: 47px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_canal.png) no-repeat;
			}
			.ico_boleto{
				width: 48px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_boleto.png) no-repeat;
			}
			.ico_corretora{
				width: 47px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_corretora.png) no-repeat;
			}
			.ico_alteracao{
				width: 54px;
				height: 50px;
				display: block;
				margin: 0 auto;
				background: url(../img/icos_guia/ico_alteracao.png) no-repeat;
			}
			&:hover{
				top: 25px;
			}
		}
	}
}
#noticias-blog{
	ul{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		li{
			width: 192px;
			display: inline-block;
			a{
				color: #4c4c4c;
				padding: 20px 0;
				display: inline-block;
				width: 100%;
				text-align: center;
				font-size: 16px;
				font-weight: bold;
				&#noticias{
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+86,ffffff+100 */
					background: rgb(232,232,232); /* Old browsers */
					background: -moz-linear-gradient(left, rgba(232,232,232,1) 86%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left, rgba(232,232,232,1) 86%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, rgba(232,232,232,1) 86%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
				}
				&#blog{
					/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
					background: rgb(255,255,255); /* Old browsers */
					background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=1 ); /* IE6-9 */
				}
				&.selected{
					background: #006507 !important;
					color: #FFF !important;
				}
			}
		}
	}
	.post{
		background-size: cover;
		background-position: center;
		padding: 0px !important;
    margin: 0px !important;
    border: 1px solid #FFF;
		figure{
			background: rgba(0,0,0,0.5);
			position: relative;
			height: 260px;
			&:hover{
				background: rgba(0,0,0,0.7);
			}
			div{
				position: absolute;
				width: 100%;
				bottom: 20px;
				padding: 0 30px;
				a{
					color: #FFF;
				}
				h6{
					font-style: italic;
					color: #FFF;
					text-transform: uppercase;
					span{
						font-style: normal;
					}
				}
				h2{
					text-transform: uppercase;
					font-weight: bolder;
					margin-top: 15px !important;
					font-size: 22px;
					color: #FFF;
				}
			}
		}
		&.destaque{
			figure{
				height: 522px;
			}
			h2{
				font-size: 32px !important;
			}
		}
		&.menor{
			h2{
				font-size: 18px !important;
			}
		}
	}
	a.veja-mais{
		margin: 25px 0;
		background: #006507;
		color: #FFF;
		padding: 20px 30px;
		display: inline-block;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}
}
#banner{
	width: 100%;
	display: inline-block;
	margin: 45px 0;
}
#video{
	padding: 50px 0;
}
#links{
	background: url(../img/proposta/pattern.jpg);
	padding: 65px 0;
	h3.title{
		height: 60px;
	}
	a{
		color: #2523a4;
	}
}
footer{
	background: #006507;
  border-top: 5px solid #003d04;
	color: #FFF;
	height: 170px;
	#social-media{
		padding: 60px 0 0 0;
		li{
			list-style: none;
			padding: 0;
			display: inline-block;
			width: 23%;
			text-align: center;
			a{
				color: #FFF;
			}
		}
	}
	#assinatura{
		padding-top: 60px;
		font-size: 16px;
		font-weight: lighter;
		small{
			display: block;
		}
	}
	#ans{
		padding-top: 45px;
	}
}

.internas{
	margin-top: 35px;
	margin-bottom: 80px;
	letter-spacing: 0 !important;
	.brad{
		margin-bottom: 35px;
		span{
			letter-spacing: 0 !important;
		}
	}
	.post{
		p,h1,h2,h3,h4{
			letter-spacing: 0 !important;
		}
		h1.title{
			margin-top: 5px;
			color: #006507;
			font-weight: bold;
			margin-bottom: 35px;
		}
		.compartilhar{
			margin-bottom: 25px;
			padding-top: 10px;
			border-top: 1px dotted #38b700;
		}
		p{
			font-size: 16px;
			color: #777;
			margin-bottom: 25px;
		}
		a{
			color: #006507;
		}
	}
	.dados-institucional{
		margin-bottom: 35px;
		h2{
			color: #38b700;
			span{
				color: #000;
				margin: 0 5px;
			}
		}
	}
	.missao-valor{
		h3{
			color: #38b700;
		}
		b.visao,b.missao{
			color: #38b700;
			font-size: 24px;
			font-weight: normal;
		}
	}
	.lista-servicos{
		h2{
			&.voce{
				color: #eab512;
			}
			&.empresa{
				color: #2523a4;
			}
			&.prestador{
				color: #7c119b;
			}
		}
		ul{
			margin-bottom: 35px;
			margin-left: 0;
			padding-left: 0;
			li{
				margin-left: 0;
				padding-left: 0;
				list-style: none;
				margin: 5px 0;
				a{
					color: #FFF;
					padding: 10px;
					width: 100%;
					height: 60px;
					display: table;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					span{
						display: table-cell;
						vertical-align: middle;
						height: 100%;
					}
				}
			}
			&#voce{
				li{
					a{
						background: #eab512;
					}
				}
			}
			&#empresa{
				li{
					a{
						background: #2523a4;
					}
				}
			}
			&#prestador{
				li{
					a{
						background: #7c119b;
					}
				}
			}
		}
	}
	.outras-noticias{
		h3{
			letter-spacing: 0 !important;
			font-weight: bold;
			color: #eab512;
		}
		ul{
			margin-top: 25px;
			li{
				list-style: none;
				margin-bottom: 35px;
				a{
					letter-spacing: 0 !important;
					font-size: 16px;
					color: #006507;
					font-weight: bold;
				}
			}
		}
	}
	.guia{
		h1{
			i{
				display: block;
			}
		}
		.guia_opt_start{
			.opt{
				background-image: linear-gradient( 135deg, #FEC163 0%, #DE4313 100%);
				padding: 60px 0;
				height: 235px;
				&:hover{
					background: #f47920;
				}
				a,small{
					color: #FFF !important;
				}
			}
		}
		.novo_form_teste{
			background-image: linear-gradient(135deg, #fec163 0%, #de4313 100%);
			padding: 20px 0;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			color: #FFF;
			#select_plano{
				margin-top: 25px;
			}
		}
		.dados_plano{
			background-image: linear-gradient(135deg, #fec163 0%, #de4313 100%);
			padding: 10px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			h5{
				letter-spacing: 0 !important;
		    font-size: 15px;
				color: #FFF;
				.label{
					background: #FFF;
					display: table;
					margin-bottom: 5px;
					color: #f47920;
				}
			}
			a{
				margin-top: 15px;
				color: #FFF !important;
			}
		}
		.search-and-results{
			margin-top: 35px;
			#msg_busca{
				margin-top: 15px;
			}
		}
		.form_medicos{
			li{
				list-style: none;
				margin: 13px 0;
			}
			a{
				color: #FFF !important;
			}
		}
		.results{
			padding-left: 35px;
			h2.guia-texto{
				color: #888;
				small{
					display: block;
					margin-top: 15px;
				}
			}
			.lista_medicos{
				ul{
					margin-top: 35px;
					li{
						list-style: none;
						margin-bottom: 35px;
						padding-bottom: 35px;
						border-bottom: 1px dotted #CCC;
						h3{
							font-weight: bold;
							color: #006507;
						}
						a{
							color: #FFF !important;
						}
					}
				}
			}
			p.informe{
				margin-top: 60px;
				padding-top: 20px;
				border-top: 1px dotted #CCC;
			}
		}
	}
	&.lista-posts{
		h1{
			margin-top: 5px;
			color: #006507;
			font-weight: bold;
			margin-bottom: 35px;
		}
		article{
			h2{
				margin-top: 0px;
				a{
					color: #006507;
				}
			}
		}
		.wp-pagenavi{
			.current{
				background: #006507;
				color: #FFF;
			}
		}
	}
}
#plano-page{
	margin-top: -20px;
	#title-plano{
		color: #FFF;
		font-size: 20px;
		font-style: italic;
		background-position: top;
		background-size: contain;
		background-attachment: fixed;
		height: 235px;
		h1{
			color: #FFF;
	    font-weight: bold;
	    padding-top: 110px;
	    font-style: italic;
			font-size: 42px;
			text-shadow: 0 0 10px rgba(0,0,0,0.5);
			margin-bottom: 0;
		}
		&.voce{
			background-image: url(../img/plano-voce.jpg);
		}
		&.empresa{
			background-image: url(../img/plano-empresa.jpg);
		}
	}
	.melhor-plano{
		padding: 80px 0;
		h1{
			margin-bottom: 40px !important;
		}
		p{
			font-size: 18px;
			font-weight: lighter;
		}
	}
	.container-fluid{
		margin: 35px 0;
		h1{
			color: #006507;
			font-weight: bold;
			margin-bottom: 25px;
		}
		.plano-dados{
			margin-top: 35px;
			height: 320px;
			figure{
				background-size: cover;
				height: 100%;
			}
			h3{
				font-style: italic;
				color: #b1d34b;
				margin-top: 0;
			}
			ul{
				margin: 20px 0;
				li{
					margin-bottom: 4px;
					list-style: none;
				}
			}
		}
	}
	#vantagens{
	  padding: 80px 0;
	  background: #191791;
	  color: #FFF;
	  h2{ font-family: 'Roboto Slab', serif !important; font-size: 40px; font-weight: bold; }
	  .itens{
	    margin-top: 55px;
	    font-size: 18px;
	    font-weight: 100;
	    letter-spacing: 1px;
	    div{
	      height: 230px;
	      figure{
	        margin-bottom: 15px;
	      }
	    }
	  }
	}
	#empresa{
	  padding: 180px 0;
	  color: #FFF;
	  height: auto;
	  background: url(../img/proposta/bg-empresa.jpg);
	  background-size: cover;
	  h2{ font-family: 'Roboto Slab', serif !important; font-size: 40px; font-weight: bold; }
	  figure{
	    margin-top: 120px;
	  }
	  p{
	    margin-top: 35px;
	    margin-bottom: 60px;
	    font-size: 26px;
	    line-height: 30px;
	    font-weight: 100;
	    padding: 0 30px;
	  }
	  a{
	    background: #191791;
	    border-color: #191791;
	  }
	}
	#plano-odontologico{
	  background: #411564;
	  color: #FFF;
	  padding: 180px 0;
	  h2{ font-family: 'Roboto Slab', serif !important; font-size: 40px; font-weight: bold; }
	  p{
	    margin-top: 35px;
	    margin-bottom: 60px;
	    font-size: 22px;
	    line-height: 30px;
	    font-weight: 100;
	    //padding: 0 30px;
	  }
	  .img{
	    height: 400px;
	    background: url(../img/proposta/img-odonto.png) center no-repeat;
	  }
	}
	#tabela-planos{
		padding: 100px 0;
		.tabela-title{
			position: relative;
			padding: 20px 0;
			background: #006507;
			margin-bottom: 10px;
			h2{
				text-align: center;
				margin: 0 !important;
				color: #FFF;
			}
			.btn{
				position: absolute;
				top: 20px;
				right: 20px;
				color: #006507 !important;
			}
		}
		table{
			font-size: 14px;
			margin-bottom: 50px;
		}
		tr,td,th{ text-align: center; vertical-align: middle; }
	}
	#formulario{
	  height: 700px;
	  background: url(../img/proposta/bg-formulario.jpg);
	  background-size: cover;
	  .black{
	    color: #FFF;
	    margin-top: 160px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
	    background: rgba(0,0,0,0.5);
	    padding: 35px 0;
	    p.info{
	      font-weight: 100;
	      font-size: 26px;
	      line-height: 28px;
	    }
	    h3{
	      font-size: 32px;
	      font-style: italic;
	      font-weight: bold;
	      margin-top: 80px;
	    }
	    div.form-proposta{
	      margin-top: 25px;
	      background: url(../img/proposta/division.png) center no-repeat;
	      .campos{
	        margin-left: 25px;
	        label{
	          font-weight: 200;
	        }
	        input{
	          margin-bottom: 15px;
	          padding: 20px 12px !important;
	          &.btn{
	            padding: 15px 0px 30px 0px !important;
	          }
	        }
	        a{
	          width: 100%;
	          background: #03864f;
	          border-color: #03864f;
	        }
	      }
	    }
	  }
	}
}

/* Mobile Sizes (devices and browser) */
@media only screen and  (max-width: 767px) {
	header{
		z-index: 99999999999;
		.logo-topo{
			text-align: right !important;
		}
		nav{
			position: fixed !important;
			top: 25px;
			div.menu-mobile{
				display: inherit;
				a{
					i{
						padding-top: 5px;
					}
				}
			}
			.menu-unimednne{
				display: none;
				position: fixed;
				top: 90px;
				left: 0;
				width: 100%;
				background: #003d04;
				padding-top: 25px;
				z-index: 9999999;
				.btn-group{
					display: block;
					height: 100%;
					vertical-align: middle;
					width: 100%;
					margin-bottom: 17px;
					z-index: 999;
					&.open{
						z-index: 9999;
					}
					.dropdown-menu{
						width: 94%;
						margin-top: 10px;
						margin-left: 3%;
						background: #006507 !important;
					}
				}
				&.ativo{
			    display: inline-table;
				}
			}
		}
		.cbenef{
			display: none;
			background: #003d04;
			margin-top: 185px;
			text-align: center !important;
			padding-bottom: 20px;
			text-align: center !important;
			z-index: -1;
			.bt-canal-beneficiario{
				margin-top: 35px;
			}
			&.ativo{
				display: inline-table;
			}
		}
	}
	#painel{
		div.banner{
			height: 190px;
		}
	}
	#acesso-rapido{
		display: inline;
	}
	#icones-topo{
		margin-top: 5px;
	}
	#acesso-rapido-sub-menus{
		ul.ativo{
			z-index: 9999;
			position: absolute;
			top: 343px;
			left: 0;
			width: 100%;
			&#voce{
				top: 343px;
			}
			&#empresa{
				top: 408px;
			}
			&#prestador{
				top: 473px;
			}
		}
	}
	#noticias-blog{
		margin-top: 35px;
		clear: both;
		display: inline-block;
		width: 100%;
		ul{
			width: 100%;
			text-align: center;
			margin-bottom: 20px;
			li{
				width: 49%;
				display: inline-block;
			}
		}
	}
	footer{
    height: 400px;
	}
}

/* TABLETs */
@media only screen and (min-width: 768px) and (max-width: 991px) {


}