@font-face {
			font-family: 'Antenna-Regular';
			src: url('../css/webfont/Antenna-Regular.eot?#iefix') format('embedded-opentype'),  url('../css/webfont/Antenna-Regular.otf')  format('opentype'),
			     url('../css/webfont/Antenna-Regular.woff') format('woff'), url('../css/webfont/Antenna-Regular.ttf')  format('truetype'), url('../css/webfont/Antenna-Regular.svg#Antenna-Regular') format('svg');
			font-weight: normal;
			font-style: normal;
		}

	@font-face {
		  font-family: 'Antenna-Black';
		  src: url('../css/webfont/Antenna-Black.eot') format('embedded-opentype'),  url('../css/webfont/Antenna-Black.otf')  format('opentype');
		  font-weight: normal;
		  font-style: normal;
	}

		body { font-family: 'Antenna-Regular' !important; }

body {
	color: gray;
}

.logo-70-anos {
	margin-bottom: 65px;
}

.texto-entrada {
	font-size: 20px;
	color: #373737;
	line-height: 30px;
	margin-bottom: 50px;
}

.area-doacao {
	background: #d3f4eb;
	position: relative;
	padding-bottom: 60px;
	text-align: center;
}

.area-doacao-separa {
    background: #d3f4eb;
	height: 100px;
    z-index: -1;
    margin-top: -85px;
}

.area-doacao b {
	font-family: 'Antenna-Black';
}

.area-perguntas-frequentes {
	background: #e5e5e5;
	padding-bottom: 70px;
	padding-top: 70px;
}

.bt-doe-agora {
	background: #00b164;
    color: white;
    padding: 18px;
    font-size: 90px;
    font-weight: bolder;
    cursor: pointer;
    font-family: 'Antenna-Black';
}

.bt-doe-agora:hover {
	background: #21c79b;
	color: white;
}



.tempo-real {
	padding-top: 100px !important;
    padding: 30px;
    font-size: 40px;
    font-family: 'Antenna-Black';
}

.nossa-meta {
	font-size: 30px;
}

.valor-nossa-meta {
	color: #1aa067;
	font-family: 'Antenna-Black';
	font-size: 100px;
	margin-bottom: 50px;
}

.faltam-tantos-dias {
	color: #8443aa;
	font-family: 'Antenna';
	font-size: 20px;
	margin-bottom: 100px;
	display: none;
}

.numero {
	color: #ff2556;
	font-size: 30px;
	font-family: 'Antenna-Black';
}

.area-porque-doar {
	background: #e5e5e5;
	padding-top: 140px;
	padding-bottom: 140px;
}

.area-porque-doar .titulo {
	color: #00b164;
	font-family: 'Antenna-Black';
    font-size: 80px;
}

.area-porque-doar .texto {
    font-size: 30px;
    padding-bottom: 30px;
}

.area-porque-doar .icone {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: bolder;
}

.area-porque-doar .icone p {
    padding-top: 15px;
}

.background-NAO {
	background-image: url('../images/NAO-background.png');
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;   
}

.titulo-NAO {
	color: #00b164;
	font-family: 'Antenna-Black';
	font-size: 45px;
	margin-bottom: 150px;
	text-transform: uppercase;
	margin-top: 160px;
}

.texto-NAO {
	font-size: 28px;
	color: #373737;
	margin-bottom: 270px;
}

.area-form-mensagem {
	background: #00b164;
}

.area-form-mensagem-titulo {
	color: white;
	font-size: 35px;
	text-align: center;
	font-family: 'Antenna-Black';
	margin-top: 80px;
}

.area-form-mensagem form {
	margin-bottom: 70px;
}

.area-form-mensagem .titulo-input {
	color: white;
    font-size: 25px;
    font-family: Antenna-Regular;
    padding-bottom: 5px;
}
    
.area-form-mensagem .campo {
    margin-top: 20px;
}

.area-form-mensagem .campo input {
	border: 0;
    height: 66px;
    font-size: 30px;
    padding: 10px;
    width: 100%;
}

.area-form-mensagem .campo textarea {
	border: 0;
    height: 200px;
    font-size: 30px;
    padding: 10px;
    width: 100%;
    margin-bottom: 30px;
}

.area-form-mensagem .botao {
	border: 0;
    background: white;
    font-size: 30px;
    padding: 10px;
    font-family: 'Antenna-Black';
}

.area-form-mensagem .botao:hover {
	background: #21c79b;
	color: white;
}

.logo-bottom {
    margin-top: -107px;
}

.ligue {
	font-size: 30px;
    /* margin-bottom: 50px */
}

.ligue b {
	font-family: 'Antenna-Black'
}

.site-hcp-rodape {
	font-size: 18px;
}

.doacoes-realizadas {
	display: inline-block;
}

.avatar {
	width: 60px;
	height: 60px;
	background: #B5B5B5;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
	background-size: 100% !important;
}

.avatar-1 {background: white;}
.avatar-2 {background: #74c69c;}
.avatar-3 {background: #dc2a55;}
.avatar-4 {background: #efbf2d;}
.avatar-5 {background: #7544a5;}
.avatar-6 {background: #4478fb;}
.avatar-7 {background: white;}
.avatar-8 {background: white;}
.avatar-9 {background: white;}
.avatar-10 {background: white;}
.avatar-11 {background: #74c69c;}
.avatar-12 {background: #dc2a55;}
.avatar-13 {background: #efbf2d;}
.avatar-14 {background: #7544a5;}
.avatar-15 {background: #4478fb;}

.avatar-16 {background: white;}

.topo-hospital {
    margin-left: -30px;
    margin-bottom: 10px;
}


.nossa-meta {}

.numero-meta {
    color: white;
    width: 155px;
    height: 155px;
    padding-top: 0px;
    text-align: center;
    float: left;
    font-family: 'Antenna-Black';
    font-size: 120px;
    margin-left: 10px;
    margin-right: 0;
    margin-bottom: 10px;
}

.numero-casa-1 {    
	font-size: 60px;
    padding-top: 37px;
    
    background: #185a34;
}
.numero-casa-2 {    
    background: #10784a;
}
.numero-casa-3 {
    color: white;
    background: #43b696;
}
.numero-casa-4 {
    background-color: #9cd2c3;
    background-image: url('../images/ponto-separador-doacao.gif');
    background-repeat: no-repeat;
    background-position: right 110px;

}
.numero-casa-5 {
    background: #1aa067;
    background-image: url('../images/ponto-separador-doacao.gif');
    background-repeat: no-repeat;
    background-position: left 110px;
}
.numero-casa-6 {
    background: #43b696;
}
.numero-casa-7 {
    background: #10784a;
    background: url('../images/contador-casa-7.gif');
    background-size: 100%;
}

.area-doe-agora-flutuante {
	width: 100%;
	position: fixed;
	bottom: 0;
	padding: 10px;
}

.bt-doe-agora-flutuante {
	float: right;
	background: #00b164;
    color: white;
    padding: 6px;
    font-size: 25px;
    font-weight: bolder;
    cursor: pointer;
    font-family: 'Antenna-Black';
    width: 210px;
    text-align: center;
    box-shadow: 0px 16px 49px 0px rgba(3, 41, 25, 0.58);

    -webkit-animation-name: animacao-cor-botao; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
    animation-name: animacao-cor-botao;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}



/* /////////////////////////////////////////////////////
//////////////// PERGUNTAS FREQUENTES //////////////////
///////////////////////////////////////////////////// */

.perguntas-frequentes .panel-heading {/* barra pergtunta */
    color: #fff8f8 !important;
    background-color: #24af85 !important;
    padding: 20px !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

.perguntas-frequentes .panel-heading:hover {/* barra pergtunta */
	opacity: .8;
}

.perguntas-frequentes .panel-title {
    font-size: 26px !important;
}

.perguntas-frequentes .panel-title a {
	display: block;
	text-decoration: none;
}

.perguntas-frequentes p {
	font-size: 20px;
	text-align: center;
	padding-bottom: 20px;
}

.perguntas-frequentes {
	
}

.perguntas-frequentes h2 {
	font-family: 'Antenna-Black';
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
}

.perguntas-frequentes .panel {
	border: 0 !important;
}

.perguntas-frequentes .panel-body {
	font-size: 18px;
    background: whitesmoke;
    color: grey;
	line-height: 2;
}

.perguntas-frequentes .resposta {
	text-align: left;
	padding: 20px;
}
    
/* /////////////////////////////////////////////////////
////////////////////////////////////////////////////////
///////////////////////////////////////////////////// */











/* /////////////////////////////////////////////////////
//////////////////////// RODAPÉ ////////////////////////
///////////////////////////////////////////////////// */
.rodape {
	margin-top: 50px;
	margin-bottom: 50px;
}

.logo-rodape {
	
}

.rede-social-rodape p {
	font-size: 18px;
}

.rede-social-rodape p:first-child {
	font-family: 'Antenna-Black';
}

.icones-social {
	padding-top: 10px;
}

.icones-social img {
	width: 50px;
	float: left;
	margin-right: 15px;
	opacity: .65;
	cursor: pointer;
}

.icones-social img:hover {
	opacity: .9;
}

.duvida-rodape a {
	text-decoration: none;
	color:#333;
	font-size: 22px;
}

.duvida-rodape a:hover {
	text-decoration: underline;
	color:#333;
}

.duvida-rodape .titulo {
	font-size: 17px;
	font-family: 'Antenna-Black';
	text-transform: uppercase;
}

.duvida-rodape .ligue span {
	font-family: 'Antenna-Black';
}   
/* /////////////////////////////////////////////////////
////////////////////////////////////////////////////////
///////////////////////////////////////////////////// */






@keyframes animacao-cor-botao {
    0%   {background-color: #00b164;}
    20%   {background-color: #dc2a55;}
    40%  {background-color: #efbf2d;}
    60%  {background-color: #7544a5;}
    80% {background-color: #4478fb;}
    100% {background-color: #00b164;}
}



/* /////////////////////////////////////////////////////
//////////////////// TELA DE DOAÇÔES ///////////////////
///////////////////////////////////////////////////// */

#tela-doacao { 
	/* height:100vh;  */
	background: white;
	/* position: fixed; */
	top: 0px;
	width: 100%;
	z-index: 2;
	/* display: none; */
}

.fechar-doacao {
    padding: 10px;
    font-size: 36px;
    color: white;
    text-align: right;
    padding-right: 27px;
    background: rgb(236, 236, 236);
}

.fechar-doacao span {
	cursor: pointer;
	color: gray;
}

.escolha-valor-doacao {
    text-align: center;
    padding: 20px;
    padding-top: 80px;
    font-size: 30px;
    font-family: 'Antenna-Black';
}

.botoes-pagseguro {

}


.botoes-pagseguro .botao {
	list-style: none;
    text-align: center;
    padding: 20px;
    font-size: 30px;
    float: left;
    font-family: 'Antenna-Black';
    color: white;
    cursor: pointer;
    width: 100%;
    min-height: 82px;
}

.botoes-pagseguro .botao:hover {
	opacity: .8;
}

.item-botao {
	margin-bottom: 10px;
}


.botoes-pagseguro .botao_20 {background: #0079ff; }
.botoes-pagseguro .botao_30 {background: #ff2556; }
.botoes-pagseguro .botao_60 {background: #eebf2c; }
.botoes-pagseguro .botao_outro {background: #70c69a;  font-size: 25px; padding-top: 26px;}


.doar-mensalmente {
	padding-top: 30px;
}

.area-recorrente {
	margin-bottom: 25px;
	display: none;
}

.area-recorrente .item {
	text-align: center;
	padding: 10px;
	background: #e6e6e6;
	margin-top: 1px;
	display: table;
    width: 100%;
	font-size: 20px;
	cursor: pointer;
}

.area-recorrente .item:hover {
	opacity: .7;
}

.text-doacao-pagseguro {
	text-align: center;
	padding: 20px;
	font-size: 12px;
	clear: both;
}

.texto-tela-doacao {
	background: #d3f4eb;
    padding: 30px;
    font-size: 20px;
    margin-top: -80px;
    padding-top: 80px;
    padding-bottom: 50px

}

.area-bancos {

}

.area-bancos .banco {
	list-style: none;
    text-transform: uppercase;
    font-family: 'Antenna-Black';
	border-left: 2px solid #e4e4e4;
    padding-left: 15px;
    margin-bottom: 40px;
}

.area-bancos .banco img {
	margin-bottom: 15px;
	height: 40px;
}

.area-bancos .agencia-conta {
	color: #9f9d9d;
	font-size: 12px;
}

.area-bancos .num-agencia-conta {
	color: #575757;
	font-size: 20px;
}

.texto-deposito-bancario {
	padding: 30px;
    font-size: 20px;
    padding-bottom: 50px;
}
    

/* ///////////////////////////////////////////////////// */




/*////////////////////////////////////////////////////////////////
							CSS MOBILE
////////////////////////////////////////////////////////////////*/

@media (max-width: 480px) { 

	.logo-70-anos {
	}

	.area-doacao-separa {
		margin-top: -80px;
	}

	.bt-doe-agora {
		font-size: 40px;
	}

	.area-porque-doar {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}

	.area-porque-doar .titulo {
		font-size: 36px;
		padding-top: 0px;
		padding-bottom: 50px;

	}

	.topo-hospital img {
    	width: 130px;
    	padding-left: 12px;
	}

	.tempo-real {
		font-size: 30px;
		padding-top: 50px !important;
	}

	.avatar {
		height: 55px;
		width: 55px;
	}

	.valor-nossa-meta {
		font-size: 40px;
		margin-bottom: 50px;
	}

	.titulo-NAO {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.texto-NAO {
		margin-bottom: 50px;
		font-size: 22px;
	}

	.area-form-mensagem {
		margin-top: 50px;
	}

	.doacoes-realizadas {
		/* padding-left: 15px; */
	}

	.avatar-1, .avatar-2, .avatar-3, .avatar-4, .avatar-5, .avatar-6, .avatar-7, .avatar-8, .avatar-9, .avatar-10, .avatar-11, .avatar-12, .avatar-13, .avatar-14, .avatar-14, .avatar-15, .avatar-16 {
		display: none;
	}

	.numero-casa-1 {
	    font-size: 20px !important;
	    padding-top: 7px;
	}

	.numero-meta {
	    width: 40px;
	    height: 40px;
	    font-size: 30px;
	}

	.valor-nossa-meta {
		font-size: 35px;
	}

	.bt-doe-agora-flutuante {
		float: none;
		width: 100%;
	}

	/*Rodape mobile*/

	.icones-social {
	    padding-top: 10px;
	    padding-left: 22px;
	}

	.rede-social-rodape {
	    padding-bottom: 50px;
	    text-align: center;
	}

	.duvida-rodape {
		padding-top: 50px;
	    text-align: left;
	    text-align: center;
	}

	.duvida-rodape .ligue {
		font-size: 27px;
	}

	.duvida-rodape p {
		text-align: center;
	}


	/* perguntas frequentes*/

	.perguntas-frequentes .panel-body {
	    line-height: 1.7;
	}

	.perguntas-frequentes .resposta {
	    padding: 0px;
	}

	.perguntas-frequentes p {
	    font-size: 17px;
	}

	.perguntas-frequentes .panel-title a {
	    font-size: 20px;
	}


 }


	@media (max-width: 1200px) { 

	 	body {

	 	}

	 	.numero-meta {
		    width: 125px;
		    height: 125px;
		    font-size: 95px;
		}

		.valor-nossa-meta {
		    font-size: 90px;
		}

		.numero-casa-1 {
		    padding-top: 20px;
		    font-size: 60px !important;
		}

	}


	@media (max-width: 991px) {
	  	.numero-meta {
		    width: 95px;
		    height: 95px;
		    font-size: 70px;
		}

		.valor-nossa-meta {
		    font-size: 70px;
		}

		.area-porque-doar .titulo {
		    font-size: 70px;
		}

		.hospital-cinza {
			width: 76%;
		}

		.tijolo-pulsando {
			width: 76%;
			margin: 0 auto;
		}

	}

	@media (max-width: 768px) {

		.valor-nossa-meta {
			font-size: 35px;
		}

			.area-porque-doar .titulo {
			font-size: 36px;
		}

		.area-bancos .banco {
		border-left: 10px solid #e4e4e4;
		}

	}