.container.apr{
	box-sizing: border-box!important;
	max-width: 1140px!important;
}

.container.apr *{
	box-sizing: border-box!important;
}

.container.apr .apr-heading{
	text-align: center;
	margin-bottom: 20px;
	font-family: "gt-walsheim-bold" !important;
	color: #2C2C2C !important;
	text-transform: none !important;
}

.container.apr .row{
	display: flex;
	flex-direction:row;
	justify-content:space-around;
	flex-flow:wrap;
	padding:20px;
}
.container.apr .card{ 
	width:220px; 
	margin-bottom:20px;
	border-radius:10px;
	border:1px solid #ebebed;
	box-shadow: 0 0 40px -10px rgba(0,0,0,0.25);
	height:auto;
	display:flex;
}

.container.apr .card .item-code,
.container.apr .card .item-pv,
.container.apr .card .item-bv{
	font-family: 'gt-walsheim-regular';
	font-size: 1rem;
	
}

.container.apr .card .card-header{
	background-color:#fff;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	text-align:center;
	border: 0;
	cursor: pointer;
} 

.container.apr .card .card-header a img{
	max-width: 181px !important;
	max-height: 181px !important;
}

.container.apr .card .card-body{
	flex-direction: column;
	display: flex;
	justify-content: space-between;
	padding-top:5px;
	flex: 1 1 auto;
}

.container.apr .card .card-body > div{
	margin-top:5px;
	align-items: center;
	display: flex;
	justify-content: center;			
}

.container.apr .card .item-title{
	color: #2c2c2c;
	font-family: 'gt-walsheim-bold', 'Source Sans Pro MC';		
	font-size: 1rem;
	line-height: 1.2em;
	text-align: center;	
	flex: 1 1 auto;
	cursor:pointer;
}

.container.apr .card .item-title:hover{text-decoration:underline;}

.container.apr .item-price{
	font-family: 'gt-walsheim-bold', 'Source Sans Pro MC';		
	font-size: 16px;
}			

.container.apr .card .card-body .item-btn{text-align:center; margin-top:16px;}
.container.apr .card .btn-add{
	padding:0.625rem 2rem;
	background-color: #2C2C2C;
	border-color: #2C2C2C;
}

.container.apr .row::after{
	content: none;
}

/*START: control de cantidades*/

.container.apr .card .input-group.quantity-box{justify-content:center;display:flex;}

.container.apr .card .quantity-button span{color: #2C2C2C;}

.container.apr .card .quantity-button{
	cursor:pointer;
	background-color:#FFF;
	border: 2px solid #2C2C2C;
}

.container.apr .quantity-box .button--minus{
	border-top-left-radius:17px;
	border-bottom-left-radius:17px;	
	border-right:0;
	padding: 1px 4px 1px 10px;
}

.container.apr .quantity-box input[type=text]{
	width:35px;
	height:37px;
	text-align:center;
	border-radius:0px;
	padding:0px;
	border:2px solid #2c2c2c;
	border-left:0;
	border-right:0;
	font-family:'gt-walsheim-bold';
	box-sizing: border-box!important;
}

.container.apr .quantity-box .button--plus{
	border-top-right-radius:17px;
	border-bottom-right-radius:17px;
	border-left:0;
	padding: 1px 10px 1px 4px;
}

.container.apr .quantity-box .button--minus:focus,
.container.apr .quantity-box .button--plus:focus,
.container.apr .quantity-box input[type=text]:focus{
	outline: none;
}
/*END: control de cantidades*/

.container.apr .card .amw-button{
	transition: none;
	line-height: 0.875rem;
    border-width: 2px;
	color: #FFFFFF;
	font-family: 'gt-walsheim-medium', 'Source Sans Pro MC' !important;
	font-size: 14px !important;
}

/*START: bubble msg*/
/*container*/
.container.apr .msg-action-add{
	z-index:2;
	position: fixed;
	background-color: rgba(200, 200, 200, 0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius:10px;		
}
/*bubble*/
.container.apr .msg-action-add .bubble-msg{
	border-radius: 10px;
	padding:10px;
	height:auto;
	width: 192px;
	position:absolute;
	top:35%;
	left:11%;
    margin: 10% auto;
	padding: 10px;
    height: auto;	
}
/*title area*/
.container.apr .msg-action-add .bubble-msg .msg-title{
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: normal;
	font-family:'gt-walsheim-medium';
}
/*icon*/
.container.apr .msg-action-add .bubble-msg .msg-title i{
	font-size: 20px;
	padding-right: 5px;
}
/*descr*/
.container.apr .msg-action-add .bubble-msg .msg-title span{
	text-align:left;
}

.container.apr .msg-action-add .bubble-msg.addition-success{
	background-color: #107F47;
	color:#FFFFFF;
}

.container.apr .msg-action-add .bubble-msg.addition-alert{
	background-color: #D91734;
	color:#FFFFFF;
}

.container.apr .msg-action-add .bubble-msg.addition-warning{
	background-color: #A36A00;
	color:#FFFFFF;
}

/*END: bubble msg*/

.container.apr .card input[type=button].input_loading {
	background-color: #FFF;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
	border: 0px;
	height: 37.2px;
}

.container.apr.hide{
	display:none;
}

/*Styles for swipper*/
.container.apr.swiper{padding: 0px 5px;}
.container.apr.swiper .swiper-pagination{
	position: relative;
	margin-bottom: 10px;
}

.container.apr.swiper .swiper-pagination-bullet{
	width: 11px;
	height: 11px;
	background: #2C2C2C;
}

.container.apr.swiper .swiper-pagination-bullet-active{
	background: #2C2C2C;
}

@media only screen and (min-width: 960px){		
	.container.apr.swiper{padding: 0px 30px;}
	.container.apr .card{ 
		box-shadow: 0 0 40px -10px rgba(0,0,0,0.25);
	}		
}

@media only screen and (max-width: 890px){
	.container.apr .card .btn-add{
		width:90%;
	}	
}

@media only screen and (max-width: 960px){
	.container.apr .msg-action-add{
		z-index:2;
		position: fixed;
		background-color: rgba(200, 200, 200, 0.5);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius:10px;		
	}
	
	.container.apr .msg-action-add .bubble-msg{
		width: 70%;
		top: 35%;
		left:0;
		position: relative;
		margin: 10% auto;
		padding: 2rem;
		background: #fff;
		color: #444;
		display: flex;
		flex-flow: row wrap;
		border-radius:10px;		
	}
	
	.container.apr .msg-action-add .bubble-msg img{
		width:25px;
	}
	
	.container.apr .msg-action-add .bubble-msg .Mensaje_contenidoText{
		font-family: 'gt-walsheim-medium';
	}
	
	.container.apr .msg-action-add .bubble-msg.MensajeAll1_succes{
		background-color: #F0FAE5;
		color:#107F47;
	}
	
	.container.apr .msg-action-add .bubble-msg.MensajeAll1_alert{
		background-color: #FDF4F4;
		color: #D91734;
	}

	.container.apr .msg-action-add .bubble-msg.MensajeAll1_warning{
		background-color: #F0FAE5;
	}
}