.btn-green{
	background-color: #2CB742;
	color: #FFF;
}
.btn-green:hover{
	background-color: #249735;
	color: #FFF;
}
.btn-blue{
	background-color: #565654;
	color: #FFF;
}
.btn-blue:hover{
	background-color: #091622;
	color: #FFF;
}
.navbar{
	background-color:#091622;
	width: 100%;
	z-index: 1000;
}
.nav-link{
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}
.nav-link:hover{
	color: #FFF;
}
.navbar-brand > img{
	width: 150px;
	height: auto;
}
.fa-bars{
	color: #60C2D5;
}
.navbar-toggler:focus{
	outline-color: #60C2D5;
}
.fondo1{background-image: url(../images/bg5.jpg);}
.fondo2{background-image: url(../images/fondo5.jpg);}
.hero{
	background-size: cover;
}
.hero-home{
	color: #FFF;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
/* .hero-home .container{
	height: 624px;
} */
.header-line{
	padding-bottom: 10px;
	border-bottom: 3px solid #FFF;
	width: 80%;
	font-size: 3.2em;
}
.box-info{
	width: 100%;
	border-radius: 15px;
	background-color: #FFF;
	color: #000;
}
.boxfloat{
	border-radius: 10px;
	border: 1px solid #999999;
	background: rgba(255,255,255,.75);
}
.tituloseccion{
	background-color: #565654;
	color: #FFF;
	border-radius: 10px;
	padding: 5px 15px;
}
.tituloseccion p{
	font-size: 26px;
	font-weight: bolder;
	margin:0;
}
.skyblue{
	color: #93271F
}
.blue{
	color: #565654;
}
.evergreen{
	color: #009640;
}
.lightgreen{
	color: #76B72A;
}
.black{
	color: #000000;
}
.tangerine{
	color: #EF8D14;
}
.lemon{
	color: #AFCA0B;	
}
.card-blue{
	background-color:#565654;
	color: #FFFFFF;
	text-decoration: none;
}
.card-blue:nth-child(even){
	background-color:#76B72A;
}
.btn-card{
	width: 100%;
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	background:transparent;
	font-size: 16px;
	text-align: left;
}
.btn-card:hover{
	color: #999999;
}

.icon-data{
	width: 25%;
	font-size: 45px;
	color: #999999;
}

.info-data{
	width: 74%;
	font-size: 16px;
}

.filadata{
	border-bottom: 1px dotted #999999;
}
.filadata:nth-last-child(1){
	border-bottom: none;
}

.row-total{
	width: 100%;
}

.payment{
	width: 32%;
	margin:0.5%;
}
.formas{
	width: 49%;
	margin: 0.5%;
}
.tarjeta{
	width: 8%;
	padding: 1%;
}
.tarjeta img{
	width: 100%;
}
.retrato{
	width: 70%;
	height: auto;
}

@media screen and (max-width: 970px){
	.header-line{
		font-size: 2.4em;
	}
	/* .hero-home .container{
		height: 1080px;
	} */
	.payment{
		width: 99%;
		margin:0.5%;
	}
}