.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}
h1{
	text-align: left;
	font-family: "Lato", sans-serif;
  	font-weight: 900;
  	font-style: normal;
	font-size: 48px!important;
	margin: 0!important;
	
}

h2{
	text-align: left;
	font-family: "Lato", sans-serif;
  	font-weight: 900;
  	font-style: normal;
	font-size: 28px!important;
	color: #005890!important;
	margin: 0!important;
}
.internas h1{
	text-align: left;
	font-family: "Lato", sans-serif;
  	font-weight: 600;
  	font-style: normal;
	margin: 0!important;
	padding: 0!important;
	
}
.internas h2, .internas h3, .internas h4, .internas h5{
	text-align: left;
	font-family: "Lato", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	margin: 0!important;
	padding: 0!important;
	text-transform: none!important;
}
h1 span{color: #C0ECFF!important;}
.txt-azul{color: #005890!important;}
.txt-gold{color: #E3B32F!important;}
.bg-gold{background-color: #E3B32F!important;}
p {
  font-family: "Lato", sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-size: 16px!important;
}
.nav li a.dropdown-item, #footerNav li a {
  font-family: "Lato", sans-serif!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-size: 14px!important;
  padding-left:20px!important;
  padding-right:0px!important;
}
.nav li a.dropdown-item span{
	padding: 5px 20px;
	border-radius: 30px;
}
span.presente{
	background-color:#005890!important;
	color: white!important;
	padding: 5px 20px;
}
span.presente:hover{
	background-color:#003C62!important;
	color: white!important;
	padding: 5px 20px;
}

a.btn-gold{
	background-color:#E3B32F!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
	font-size: 14px!important;
}
a.btn-gold:hover{
	background-color:#C09009!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
}
a.btn-azul{
	background-color:#006098!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
	font-size: 14px!important;
}
a.btn-azul:hover{
	background-color:#00507E!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
}
a.btn-whats{
	background-color:#009856!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
	font-size: 14px!important;
}
a.btn-whats:hover{
	background-color:#037644!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
}
a.btn-presente{
	background-color:#005890!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
	font-size: 14px!important;
}
a.btn-presente:hover{
	background-color:#003C62!important;
	color: white!important;
	padding: 7px 20px!important;
	border-radius: 30px;
}
a.btn-presente span{color: white!important; font-size: 14px!important;}
a.btn-presente span:hover{color: white!important;}
span.evento{
	background-color:#E3B32F!important;
	color: white!important;
	padding: 5px 20px;
}
span.evento:hover{
	background-color:#C99507!important;
}
.bg-color-clear{
	background-color:#F4F6F7!important;
}
.foot-images{width: 100%;}
.foot-images img{width: 48%;}
.bot-social{padding-left: 20px; margin-left: 20px; border-left: 1px solid #ddd;}
.copyr{font-size: 15px!important;}
.entrar a, footer a, .internas a{color:#3F3F3F;}
.entrar a:hover, footer a:hover, .internas a:hover{color:#0088CC!important; text-decoration: none!important;}
.main .a{color:#FFF!important;}
.main a:hover{color:#0088CC!important; text-decoration: none!important;}
.entrar a{font-size: 12px;}
#avatar{
	width: 18px!important;
	margin-left: 3px;
	vertical-align:text-bottom;
}
.entrar{padding-right: 5px;}
.numero{
	float:right;
	border: 1px solid #dedede;
	padding: 2px 11px;
	text-align: center;
	border-radius: 50px;
}
.numero-card{
	float:left;
	border: 1px solid #dedede;
	padding: 2px 11px;
	text-align: center;
	border-radius: 50px;
	background-color: white!important;
	margin-right: 10px;
}
.custom-card-1{
	min-height: 280px!important;
	border-radius: 20px!important;
  	transition: box-shadow 0.3s ease-in-out;
  	box-shadow: none;
}
.custom-card-1:hover{
	box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%)!important;
}
.custom-card-2.pre{
	border: 2px solid #0088CC;
}
.custom-card-2.eve{
	border: 2px solid #E3B32F;
}
.custom-card-2{
	min-height: 200px!important;
	border-radius: 20px!important;
	transition: transform 0.3s ease-out;                
 	display: inline-block;
}
.custom-card-2:hover{
	box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 5%)!important;
	transform: translateY(-10px); 
}
.custom-card-3{
	border-radius: 20px!important;
  	transition: box-shadow 0.3s ease-in-out;
  	box-shadow: none;
}
.custom-card-3:hover{
	box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 10%)!important;
}
.card-body {
	padding: 1.5rem;
	position: relative;
	z-index: 1;
}
.icone{height: 100%;}
.cartao{float: left; margin-right: 10px;}
.card-link{max-width: 900px!important; margin: 0 auto;}
.video-yt{
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.thumb-info-inner {line-height: 30px!important;}
.subtit {line-height: 16px!important; display: block!important; letter-spacing: 1px!important;}
.btn-proj{
	padding: 3px 10px;
	border-radius: 40px!important;
}
.bg-color-time{
	background-color: white!important;
	border: 2px solid #005890;
}
.num-time{line-height: 50px!important;}
a.butok:hover {color: #FFFFFF!important;}
.but-round{
	border-radius: 50px!important;
	text-transform: none!important;
	font-weight: 300!important;
}
h1.txt-azul{line-height: 18px!important;}
.nav-link.active {color: #0088CC!important;}
.tab-eventos thead{border-bottom: 2px solid black!important;}
.card-presente{
	background-color: #00a8ff;
	border-radius: 20px;
	padding: 40px;
}
.text-branco p, .text-branco h2, .text-branco h3, .text-branco h4{
	color: white!important;
	text-align: center!important;
}
.text-branco blockquote{
	color: white!important;
}

.text-preto p, .text-preto h2, .text-preto h3, .text-preto h4{
	color: black!important;
	text-align: center!important;
}
.text-preto blockquote{
	color: black!important;
	border-left-color: black!important;
}

.card-presente p, .card-presente h2, .card-presente h3, .card-presente h4{
	color: white!important;
	text-align: center!important;
}

.card-evento{
	background-color: #E3B32F;
	border-radius: 20px;
	padding: 40px;
}
.card-evento p, .card-evento h2, .card-evento h3, .card-evento h4{
	color: white!important;
	text-align: center!important;
}
.tt-but{border: none!important; background-color: transparent!important;}
h1.tit-presente{
	line-height: 24px!important;
	padding-top: 20px !important;
}
.tipos{
	backgound-color: #FFFFFF!important;
	border-radius: 15px;
	min-height: 70px;
	border: 2px solid #F4F6F7!important;
	padding: 10px;
	opacity: 0.6!important;
}
.tipos:hover{
	backgound-color: #FFFFFF!important;
	border-radius: 15px;
	min-height: 70px;
	border: 2px dashed white!important;
	padding: 10px;
	opacity: 0.8!important;
}
.tipos.selected{
	border: 2px dashed white!important;
	opacity: 1!important;
}
#templ1{
	background:url("../imagens/templates/01.jpg");
	background-size: cover;
	background-position: center center;
}
#templ2{
	background:url("../imagens/templates/02.jpg");
	background-size: cover;
	background-position: center center;
}
#templ3{
	background:url("../imagens/templates/03.jpg");
	background-size: cover;
	background-position: center center;
}
#templ4{
	background:url("../imagens/templates/04.jpg");
	background-size: cover;
	background-position: center center;
}
#fundo{
	background:url("../imagens/templates/03.jpg");
	background-size: cover;
	background-position: center center;
}
#soldado{
	background:url("../imagens/proj-soldados.png");
	background-size: cover;
	background-position: center center;
}
#amigour{
	background:url("../imagens/proj-amigour.png");
	background-size: cover;
	background-position: center center;
}
#neta{
	background:url("../imagens/proj-neta.png");
	background-size: cover;
	background-position: center center;
}
.citacao{
	color: #AAAAAA;
	font-style: italic!important;
	font-size: 16px;
}
.autor{
	color: #AAAAAA;
	font-size: 14px;
}
.qrcode{
	margin: 20px auto!important;
	padding: 10px;
	border: 2px dashed black;
	border-radius: 20px;
	width: 200px!important;
}
img.qr{width: 180px!important;}
.head-evento{
	padding:50px 20px!important;
	min-height: 350px!important;
}
.evento-casamento{
	background-color:#E3B32F!important;
	text-align: center;
}
.projeto-soldados{
	background:url("../imagens/projeto.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}
.evento-casamento img{width: 200px;}
.evento-casamento p, .evento-casamento h2, .evento-casamento h3, .evento-casamento h4, .evento-casamento h1{
	color: white!important;
	text-align: center!important;
}
.projeto-soldados p, .projeto-soldados h2, .projeto-soldados h3, .projeto-soldados h4, .projeto-soldados h1{
	color: white!important;
	text-align: center!important;
}
img.icon-card{width: 150px!important;}
img.icon-head{width: 100px!important;}
img.icon-thumb{width: 50px!important; height: 50px!important; margin: 0 auto;}
.card-padrao{
	border-radius: 40px!important;
	padding: 40px;
	background-size: cover!important;
	background-position: top center!important;
	background-repeat: no-repeat!important;
}
.head-padrao{
	padding: 40px;
	background-size: cover!important;
	background-position: top center!important;
	background-repeat: no-repeat!important;
}
.nota{
	margin-left: 80px;
	margin-right: 80px;
}




/* RESPONSIVO */


@media (max-width: 1198px) {
	.custom-card-1{min-height: 270px!important;}
	
}

@media (max-width: 991px) {
	
	.bot-social{padding-left: 0px; margin-left: 0px; border-left: none!important; width: 100%!important; text-align: center!important;}
	.foot-images img{width: 51%!important;}
	nav{width: 100%!important;}
	.custom-card-1{min-height: 230px!important;}
	.card h4.txt-azul, .card h4.txt-gold{font-size: 18px!important; line-height: 20px!important;}
	.nota{
		margin-left: 20px;
		margin-right: 20px;
	}
	
	
}

@media (max-width: 767px) {
	.mob-center{text-align: center!important;}
	.custom-card-1{min-height: 220px!important;}
	.card h4.txt-azul, .card h4.txt-gold{font-size: 20px!important; line-height: 22px!important;}
	.video-yt{
		height: 300px!important;
		margin-top: 30px!important;
	}
	#contatos{width: 150px!important; display: block1; margin: 0 auto!important;}
	
	
}

@media (max-width: 575px) {
	.nav li a.dropdown-item, #footerNav li a {
	  font-size: 12px!important;
	  padding-left:0px!important;
	  padding-right:0px!important;
	}	
	.foot-images img{width: 40%!important;}
	p {font-size: 14px!important;}
	.cartao{max-width: 100px!important;}
	.card h4.txt-azul, .card h4.txt-gold{font-size: 16px!important; line-height: 18px!important;}
	a.btn-presente span{color: white!important; font-size: 12px!important;}
	
	
}

@media (max-width: 350px) {
	.cartao{max-width: 80px!important;}
	.thumb-info-inner {line-height: 14px!important;}
	.subtit {line-height: 16px!important; font-size: 8px!important; display: block!important; letter-spacing: 1px!important;}
	
}