body{background: url(../img/bk-body.jpg) top center no-repeat; font-family: 'Open Sans', sans-serif;}
.adornos{overflow: hidden; position: relative;}

/* ------------------------------------------------------------------------ TOP ------------------------------------------------------------------------*/
.logo-pagina{display: block; margin: 20px auto; height: 100px;}
/* ------------------------------------------------------------------------ TOP ------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------- ADORNO -----------------------------------------------------------------------*/
.burbuja1{mix-blend-mode:lighten; opacity: .1; position: absolute; top:260px; left: 50%; margin-left: -550px; width: 1100px;}
.burbuja2{mix-blend-mode:lighten; opacity: .2; position: absolute; top:280px; left: 50%; margin-left: -700px; width: 1400px;}
.splash1{position: absolute; left:50%; top: 140px; width: 160px; margin-left: -640px;}
.splash2{position: absolute; right:50%; top: 400px; width: 240px; margin-right: -640px; }
/* ---------------------------------------------------------------------- ADORNO -----------------------------------------------------------------------*/

/* ----------------------------------------------------------------------- INFO ------------------------------------------------------------------------*/
.tit-nino{display: block; margin: 0 auto; width: 90%; max-width: 460px;}
.txt-principal{font-size: 26px; color:#f4d9b5; max-width: 1200px; padding: 20px; display: block; margin:0 auto; font-family: 'Raleway', sans-serif; font-weight: 500;}
.comprar-pastel{background:#f59600; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:12px 20px; font-size: 20px; border-radius: 5px;}
.comprar-pastel img{ display: inline-block; margin:-4px 0 0 4px; height: 18px; }
.comprar-pastel:hover, .comprar-pastel:focus{color:#fff; text-decoration: none; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.foto-pastel{display: block; margin:4px auto; max-width: 640px; width: 90%;}
/* ----------------------------------------------------------------------- INFO ------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------- FORM ------------------------------------------------------------------------*/
#accordion{position: relative;}
#collapse1::before{content: ''; height: 240px; background: url(../img/bk-acordion.png) top center no-repeat; position: absolute; left: 0; right: 0; top: -120px;}

.bk-form-compra{background: #faf1e9; padding-top:40px; margin-top: 80px; margin-left: -15px; margin-right: -15px;}
.bk-form-compra > .panel-body{max-width: 800px; margin: 0 auto; padding: 15px 20px;}
.bk-form-compra .form-control{height: 40px; color:#1e144a; background-color: #fff;}

.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 no-repeat;}
.content-mapa{width: 100%; height: 400px; position: relative; overflow: hidden; margin-bottom: 20px;}

.btn-continue{background: rgb(19,63,99); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(19,63,99,1) 24%, rgba(23,36,84,1) 96%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(19,63,99,1) 24%,rgba(23,36,84,1) 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(19,63,99,1) 24%,rgba(23,36,84,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133f63', endColorstr='#172454',GradientType=0 ); /* IE6-9 */
color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: right;}
.btn-back{background: rgb(226,0,87); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(226,0,87,1) 12%, rgba(172,0,65,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(226,0,87,1) 12%,rgba(172,0,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(226,0,87,1) 12%,rgba(172,0,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e20057', endColorstr='#ac0041',GradientType=0 ); /* IE6-9 */
color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: left;}
.btn-localiza-sucursal{background: rgb(227,111,3); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(227,111,3,1) 0%, rgba(210,79,1,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(227,111,3,1) 0%,rgba(210,79,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(227,111,3,1) 0%,rgba(210,79,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e36f03', endColorstr='#d24f01',GradientType=0 ); /* IE6-9 */
color:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 500;font-family: 'Raleway', sans-serif; display: inline-block; padding:8px 20px; font-size: 14px; border-radius: 5px; float: left; margin-bottom: 20px;}
.btn-continue img, .btn-back img{width:8px; margin:-3px 2px 0;}
.btn-localiza-sucursal img{width:14px; margin:-3px 0 0;}

.tit-form{font-size:32px; color:#1e144a; text-align: center; position: relative; padding-bottom: 20px; margin: 0 auto 40px;}
.tit-form::before{content: ''; width: 80px; height: 4px; background-color: #e30057; position: absolute; left:50%; bottom: 0; margin-left: -40px;}
.sub-tit-form{font-size:22px; color:#1e144a; 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;}

.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: #e1d2b7; 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;}
/* ----------------------------------------------------------------------- FORM ------------------------------------------------------------------------*/

/* -------------------------------------------------------------------- MEDIA QUERY --------------------------------------------------------------------*/
@media  (max-width: 1199px){
}


@media  (max-width: 991px){
	.splash1 {position: absolute; left: -8%;top: 140px; width: 160px; margin-left: 0;}
	.splash2 {position: absolute;right: 0%;top: 400px;width: 240px;margin-right: 0;}
}

@media  (max-width: 767px){	
	.splash1 {position: absolute;left: -23%;top: 140px;width: 140px;margin-left: 0;}
	.splash2 {position: absolute;right: -20%;top: 400px;width: 240px;margin-right: 0;}
	.foto-pastel {display: block;margin: 4px auto;max-width: 640px;width: 100%;max-width: 340px;}
}