body{
	font-family: 'Poppins', sans-serif;

}

.bg-blue{
	background-color: #0047bb;
}

a.lightbox{
	text-decoration: none;
}

a.lightbox:hover{
	text-decoration: none;
}
.mg-l-10px{
	margin-left: 10px;
}
.state-banner{
	height: 80px;
	background-color: #ff7f31;
	padding-top: 20px;
	padding-left: 30px;

}

.padd-tb-10{
	padding: 5px 0;
}
.btn-blue {
    color: #fff;
    background-color: #0047bb;
    border-color: #0047bb;
}

.btn-orange {
    color: #fff;
    background-color: #ff7f31;
    border-color: #fc8c4f;
}

h2.state-name{
	font-family: 'Poppins', sans-serif;
	color: white;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 15px;
}

@media (max-width: 768px) { 

	h2.state-name{
		font-size: 1rem;
		padding-top: 10px;
	} 
}
.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#promos{
	margin: 20px 0;
}

.promo-item{
	
	margin: 15px 0px;

}


.promo-item .promo-content .promo-type{

	background-color: #0047bb;
	color: white;
	text-align: center;
	padding: 6px;
}

.promo-item .promo-content .promo-type h3{
	margin: 0 0;
	font-weight: 700;
	text-transform: uppercase;
	font-size:1.5em;
}

.promo-item .promo-content .promo-type h3 span{
	color: #ff7f31;
}

.promo-item .promo-content .legal{
	background-color: #EBEBED;
	color: #686868;
	text-align: center;
	font-size: .7rem;
	padding: 6px;
}

@media screen and (max-width: 1999px) {
.promo-item .promo-content .promo-type h3 {
   font-size:1.4em;
  }
}
.promo-item .promo-content .legal .vigencia{
	font-size: .8rem;
	margin-bottom: 8px;
}

/*overlay en fotos */

.container-fade{
	position: relative;
}
.overlay {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  height: 100%;
	  width: 100%;
	  opacity: 0;
	  transition: .5s ease;
	  background-color: #ff7f31;
}

.container-fade:hover .overlay {
  opacity: 0.4;
}


/*lightbox*/

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
z-index: 999;
}


.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}


a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;

right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}


a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}


a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
left: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}

footer div.container{
	background-color: #0028A2;
	color: white;
	font-family: 'Poppins', sans-serif;
	padding-top: 15px;
}

footer div.container p{
	text-align: right;
	padding: 0 0px;
}

.iso{
	display: inline-block;
	width: 30px;
	margin: 0 10px;
}

footer a {
	color: white;
	text-decoration: none;
}

footer a:hover {
	color: white;
	text-decoration: none;
}

@media (max-width: 990px) { 

	footer div.container {
		font-size: .8rem;
		
	} 
}

.border{
	border:2px solid #ebebed;
	padding: 10px;
	margin-top: -1px;
}

.bg-blue h2{
	font-weight: 700;
	color: white;
	font-size: 1.3rem;
	padding: 5px;
}

.pv-img{
	width: 75px;
}

.btn-i{
	width: 25px;
}

@media (max-width: 990px) { 

	.btn-i{
		width: 15px;
	}
}