html{background: url(../img/bk-html.jpg) center/cover fixed no-repeat; min-height: 100%; overflow-x: hidden;}
body{background: transparent; padding: 0 40px; font-family: 'Volkhov', serif; overflow-x: hidden;}

.logo-baileys{margin: 30px auto 0; max-width: 400px; display: block; position: relative; z-index: 2; width: 100%;}
.position-relative{position: relative;}

.bk-card{background-color: #edcfbe; position: relative; padding: 40px; max-width: 1400px; margin: -110px auto 40px;}
.bk-card > img {position: absolute; width: 100px;}
.corner-top-left{top: 20px; left: 20px;}
.corner-top-right{top: 20px; right: 20px;}
.corner-bottom-right{bottom: 20px; right: 20px;}
.corner-bottom-left{bottom: 20px; left: 20px;}

.cont-copy{padding: 80px 0 140px;}
.pide{max-width: 340px; display: block; margin: 28px auto; width: 100%;}
.txt-pastel{font-size: 25px; color: #591d1c;}
.bk-pastel{position: absolute; right: 1.2%; top: 60px; width: 560px;}
.pastel{position: absolute; right: -1.2%; top: 70px; width: 650px;}
.call-action{background-color: #f0635f; display: inline-block; padding: 10px 26px; text-transform: uppercase; letter-spacing: 2px; color: #f6d7c6;font-size: 20px; margin-top: 20px; border-radius: 6px; transition: all 300ms ease-in-out;}
.call-action:hover, .call-action:focus{color: #f6d7c6; background-color: #e54843; text-decoration: none;}

.separador-acordion{max-height: 120px; display: block; margin: 10px auto 20px; opacity: .75; max-width: 1000px;}
.tit-form {font-size: 32px;color: #591d1c;text-align: center;position: relative;padding-bottom: 20px;margin: 0 auto 40px;}
.tit-form::before {content: '';width: 80px;height: 4px;background-color: #f0635f;position: absolute;left: 50%;bottom: 0;margin-left: -40px;}
.sub-tit-form{font-size:22px; color:#591d1c; text-align: center; position: relative;  margin: -20px auto 40px;}
.tit-metodo-pago{font-size:22px; color:#1e144a;  margin:30px auto 20px; border-left: 3px solid #e30057; padding-left: 6px;}

.bk-form-compra > .panel-body {max-width: 800px; margin: 0 auto;}
.paso01, .paso02, .paso03, .paso04{min-height: 460px;}
.tamano{border-radius: 16px; text-align: center; overflow: hidden; position: relative; width: 200px; display: inline-block; margin: 10px; transition: all 300ms ease-in-out;}
.tamano:hover, .tamano:focus{box-shadow: 0 0 20px rgba(140,60,0,0.25);}
.head-price{background-color: #ffe9cd; color:#422110; font-size:16px; padding: 16px; display: block; text-shadow: 1px 1px 0 #fff;}
.head-price img{width: 70px; margin:6px auto; display: block;}
.body-price{background: url(../img/pico.png) center -10px/20px #fff no-repeat; color:#565656; padding: 14px 16px 20px; display: block;}
.price-regular{font-size: 14px;color: #aaa; margin: 6px 0 0;} .price-regular span{text-decoration:line-through;}
.price-past{font-size: 40px; font-weight: 600; display: block; border-bottom: 2px solid #d7d7d7; margin: 0 0 10px 0;}
.price-past span{display: inline-block; font-size: 16px; margin:-2px 4px 0 0; font-weight: 400; opacity: .6; vertical-align: middle;}
.txt-nota{font-size:12px; text-align: center; margin:0; font-weight:600;}
.link-precio{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}

.datepicker{padding-left: 40px; background:url(../img/calendar.png) 10px center/20px no-repeat;}
.sucursal{padding-left: 36px; background:url(../img/location.png) 10px center/20px #fff no-repeat;}
.content-mapa{width: 100%; height: 400px; position: relative; overflow: hidden; margin-bottom: 20px;}

.btn-continue{color:#fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: right; background-color: #f0635f;}
.btn-back{color:#fff; text-transform: uppercase; letter-spacing: 2px; font-weight: 500; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: left; background-color: #d1a896;}
.btn-continue:hover, .btn-continue:focus, .btn-back:hover, .btn-back:focus{color: #fff; text-decoration: none; opacity: .75;}
.btn-continue img, .btn-back img{width: 8px;margin: -3px 2px 0;}
.btn-localiza-sucursal{color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: left; margin-bottom: 20px; background-color: #f0635f;}
.btn-localiza-sucursal img{width:14px; margin:-3px 0 0;}
/* -------------------------------------------------------------------- MEDIA QUERY --------------------------------------------------------------------*/
@media  (max-width: 1199px){
	.pastel {right: auto;left: 49%;}
	.bk-pastel {right: auto; left: 52%;}
}


@media  (max-width: 991px){
	.cont-copy {padding: 20px 0 40px;}
	.past-moviles{background: url(../img/bk-pastel.png) center/contain no-repeat;}
}

@media  (max-width: 767px){	
	body{padding: 0 20px;}
	.bk-card{padding: 12px; margin: -50px auto 40px;}
	.bk-card > img {width: 80px;}
	#accordion{padding: 0;}
	.call-action{margin-left: 10px; margin-right: 10px;}
}