@charset "utf-8";

@font-face {
    font-family:'Museo 300';
    src: url('fonts/Museo-300.eot');
		src: url('fonts/Museo-300.eot?#iefix') format('embedded-opentype'),
			url('fonts/Museo-300.woff') format('woff'),
			url('fonts/Museo-300.ttf') format('truetype'),
			url('fonts/Museo-300.otf') format('opentype'),
			url('fonts/Museo-300.svg#Museo-300') format('svg');
			font-weight: 300;
			font-style: normal;
			font-stretch: normal;
			unicode-range: U+0020-00FE;
		font-display: swap;
}

@font-face {
    font-family:'Museo 500';
    src: url('fonts/Museo-500.eot');
		src: url('fonts/Museo-500.eot?#iefix') format('embedded-opentype'),
			url('fonts/Museo-500.woff') format('woff'),
			url('fonts/Museo-500.ttf') format('truetype'),
			url('fonts/Museo-500.otf') format('opentype'),
			url('fonts/Museo-500.svg#Museo-500') format('svg');
			font-weight: 400;
			font-style: normal;
			font-stretch: normal;
			unicode-range: U+0020-00FE;
		font-display: swap;
}

@font-face {
    font-family:'Museo 700';
    src: url('fonts/Museo-700.eot');
		src: url('fonts/Museo-700.eot?#iefix') format('embedded-opentype'),
			url('fonts/Museo-700.woff') format('woff'),
			url('fonts/Museo-700.ttf') format('truetype'),
			url('fonts/Museo-700.otf') format('opentype'),
			url('fonts/Museo-700.svg#Museo-700') format('svg');
			font-weight: 600;
			font-style: normal;
			font-stretch: normal;
			unicode-range: U+0020-00FE;
		font-display: swap;
}

@font-face {
    font-family:'Galada';
    src: url('fonts/Galada.eot');
		src: url('fonts/Galada.eot?#iefix') format('embedded-opentype'),
			url('fonts/Galada.woff') format('woff'),
			url('fonts/Galada.ttf') format('truetype'),
			url('fonts/Galada.otf') format('opentype'),
			url('fonts/Galada.svg#Galada') format('svg');
			font-weight: 400;
			font-style: normal;
			font-stretch: normal;
			unicode-range: U+0020-00FE;
		font-display: swap;
}

@font-face {
	font-family:'Avenir-Light';
	src: url('fonts/Avenir-Light.eot');
	src: url('fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Light.woff') format('woff'),
		url('fonts/Avenir-Light.ttf') format('truetype'),
		url('fonts/Avenir-Light.svg#Avenir-Light') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family:'Avenir-Roman';
	src: url('fonts/Avenir-Roman_gdi.eot');
	src: url('fonts/Avenir-Roman_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Roman_gdi.woff') format('woff'),
		url('fonts/Avenir-Roman_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Roman_gdi.svg#Avenir-Roman') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
	font-display: swap;
}

@font-face {
	font-family:'Avenir-Medium';
	src: url('fonts/Avenir-Medium_gdi.eot');
	src: url('fonts/Avenir-Medium_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Medium_gdi.woff') format('woff'),
		url('fonts/Avenir-Medium_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Medium_gdi.svg#Avenir-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
	font-display: swap;
}

@font-face {
	font-family:'Avenir-Book';
	src: url('fonts/Avenir-Book_gdi.eot');
	src: url('fonts/Avenir-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Book_gdi.woff') format('woff'),
		url('fonts/Avenir-Book_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Book_gdi.svg#Avenir-Book') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
	font-display: swap;
}

@font-face {
	font-family:'Avenir-Black';
	src: url('fonts/Avenir-Black_gdi.eot');
	src: url('fonts/Avenir-Black_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Black_gdi.woff') format('woff'),
		url('fonts/Avenir-Black_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Black_gdi.svg#Avenir-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
	font-display: swap;
}

@font-face {
    font-family:'Avenir LT Std 35 Light';
    src: url('fonts/AvenirLTStd-Light.eot');
		src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
			url('fonts/AvenirLTStd-Light.woff') format('woff'),
			url('fonts/AvenirLTStd-Light.ttf') format('truetype'),
			url('fonts/AvenirLTStd-Light.otf') format('opentype'),
			url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
			font-weight: 300;
			font-style: normal;
			font-stretch: normal;
			unicode-range: U+0020-00FE;
		font-display: swap;
}

@font-face {
    font-family:'AvenirLTStd-Heavy';
    src: url('fonts/AvenirLTStd-Heavy.eot');
		src: url('fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
			url('fonts/AvenirLTStd-Heavy.woff') format('woff'),
			url('fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
			url('fonts/AvenirLTStd-Heavy.otf') format('opentype'),
			url('fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
			font-weight: 700;
			font-style: normal;
			font-stretch: normal;
			unicode-range: U+0020-00FE;
		font-display: swap;
}

@font-face {
    font-family:'poppins-medium';
    src: url('fonts/poppins-medium-webfont.eot');
		src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/poppins-medium-webfont.woff') format('woff'),
			url('fonts/poppins-medium-webfont.ttf') format('truetype'),
			url('fonts/poppins-medium-webfont.otf') format('opentype'),
			url('fonts/poppins-medium-webfont.svg#poppins-medium') format('svg');
			font-weight: 300;
			font-style: normal;
		font-display: swap;
}

@font-face {
    font-family:'poppins-bold';
    src: url('fonts/poppins-bold-webfont.eot');
		src: url('fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/poppins-bold-webfont.woff') format('woff'),
			url('fonts/poppins-bold-webfont.ttf') format('truetype'),
			url('fonts/poppins-bold-webfont.otf') format('opentype'),
			url('fonts/poppins-bold-webfont.svg#poppins-bold') format('svg');
		font-weight: 300;
		font-style: normal;
		font-display: swap;
}

@font-face {
    font-family:'poppins-regular';
    src: url('fonts/poppins-regular-webfont.eot');
		src: url('fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/poppins-regular-webfont.woff') format('woff'),
			url('fonts/poppins-regular-webfont.ttf') format('truetype'),
			url('fonts/poppins-regular-webfont.otf') format('opentype'),
			url('fonts/poppins-regular-webfont.svg#poppins-regular') format('svg');
    font-weight: 300;
		font-style: normal;
		font-display: swap;
}

@font-face {
    font-family:'abrilfatface-regular';
    src: url('fonts/abrilfatface-regular-webfont.eot');
		src: url('fonts/abrilfatface-regular-webfont.eot?#iefix') format('embedded-opentype'),
			url('fonts/abrilfatface-regular-webfont.woff') format('woff'),
			url('fonts/abrilfatface-regular-webfont.ttf') format('truetype'),
			url('fonts/abrilfatface-regular-webfont.otf') format('opentype'),
			url('fonts/abrilfatface-regular-webfont.svg#abrilfatface-regular') format('svg');
    font-weight: 300;
		font-style: normal;
		font-display: swap;
}

body { padding:0px; margin:0px; background:#f6f6f6; font-size:16px; color:#000; line-height:20px; font-family:'Avenir-Roman';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #fff; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
/*a:hover { color: #979796; }*/
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:90%; margin:auto; padding:0px;}


/* #Media Queries
================================================== */
/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:769px) {
#main { max-width: 768px; margin: 0 auto; }
section.pdt-list{ display: none; }
.login-bg { background:url(../img/img2@2x.jpg) no-repeat; background-size:cover;}
.login-logo { width:100%; margin-bottom:45px; float:left;}
.login-logo a { display:inline-block; width:158px;}
.login-logo img { width:100%; }
.row-col { width:75%; margin:0 auto;}
/*.center-txt { float:left; width:100%; text-align:center; margin:50px 0 0 0;}*/
.center-txt { float: left; width: 100%; text-align: center; position: absolute; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -o-align-items: center; height: 100%;}

.log-btns { float:left; width:100%;}
.log-btns ul li { float:left; width:100%; text-align:center; margin-top:14px;}
.log-btns ul li a { font-size:15px; font-family:'Avenir-Medium'; color:#fff; letter-spacing:0.5px; padding:8px 10px; display:block; border:1px solid #fff; border-radius:3px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.log-btns ul li a:hover { background:#fff; color:#000;}
.log-btns ul li.reg a { background:#fff; color:#000;}
.log-btns ul li.reg a:hover { background:none; color:#fff;}

.or-div { float:left; width:60%; margin:0 20%; color:#fff; position:relative; font-size:14px; padding:28px 0;}
.or-div:before { position:absolute; display:block; height:1px; background:#fff; left:0; width:20px; content:""; top: 50%; }
.or-div:after { position:absolute; display:block; height:1px; background:#fff; right:0; width:20px; content:""; top: 50%; }

.social-btn { float:left; width:100%;}
.social-btn ul li { float:left; width:48%; margin-right:4%; }
.social-btn ul li a { background:#fff; color:#000; font-size:13px; font-family:'Avenir-Roman'; padding:8px 10px; display:block; text-align:left; border-radius:3px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.social-btn ul li:last-child { margin-right:0;}
.social-btn ul li a span { width:20px; height:20px; display:inline-block; vertical-align: middle; margin-right:10px;}
.social-btn ul li.insta a span { background:url(../img/instagram-login.svg) no-repeat center center;}
.social-btn ul li.fb a span { background:url(../img/facebook-login.svg) no-repeat center center; width: 10px; height: 20px;}
.social-btn ul li a:hover { opacity:0.8;}


header {  float:left; width:100%;}
.is-sticky header { z-index:99;}
.hdr-top { float:left; width:100%;background:#000;  padding:8px 0 10px; text-align:center; position:relative; z-index:1;}
.hdr-logo { width:70px; float:none; position: absolute; margin:0 auto; display: inline-block; left: 0; right: 0;}
.hdr-logo a { display:block;}
.mnu-ico { float:left; margin:15px 0 0 0; }
.mnu-ico a { width:23px; display:block; }
.mnu-ico a img { width:100%;}

.user-rht { float:right; margin:12px 0 0 0; }
.user-rht ul li { float:left; margin-right:14px; }
.user-rht ul li a img { width:28px;}
.user-rht ul li a img:hover { opacity:0.6;}
.user-rht ul li:last-child { margin-right:0;}
.user-rht ul li.track a img { width:23px;}

.pdt-list { float:left; width:100%; }
.pdt-list ul li { float:left; width:50%; border-right:1px solid #eaeaea; /*border-bottom:1px solid #eaeaea;*/ background:#fff;}
.pdt-list ul li a { color:#000; font-size:15px; font-family:'Avenir-Roman'; display: block; padding: 15px 18px; }
.pdt-list > ul > li > a { border-bottom:1px solid #eaeaea; }
.pdt-list ul li a span { background:url(../img/dropdown-down.svg) no-repeat center; width:11px; height:9px; float:right; margin:8px 0 0 0;}
.pdt-list ul li:last-child { border-right:none;}

.pdt-menu { float:left; width:100%; display:none; background:#fff;}
.pdt-ofers { float:left; width:100%; background:#000;}
.pdt-ofers-l {float:left; width:50%;}
.pdt-ofers-l img { float:left; width:100%;}
.pdt-ofers-r { float:left; width:50%; color:#fff; padding:12px 10px 10px 15px;}
.pdt-ofers-r p { font-size:12px; color:#fff;}
.pdt-ofers-r h2 { font-size:15px;  font-family:'AvenirLTStd-Heavy'; line-height:18px;}
.pdt-ofers-r h2 span { font-size:20px;  font-family:'Avenir-Black'; display:block; margin-top:14px;}
.pdt-ofers-r h2 i.fa-eur { font-size:18px;}
ul.pdt-cat { padding:5%; float:left; width:100%;}
ul.pdt-cat li { float:left; border-radius:10px; text-align:center; border:none; box-shadow:0 2px 4px rgba(0,0,0,0.15); width:47.5%; margin-right:5%; overflow: hidden; margin-bottom:5%; min-height: 176px; }
ul.pdt-cat li a { padding:20px 10px 10px;}
ul.pdt-cat li a:hover h2 { color:#e1251a;}
ul.pdt-cat li a:hover img { opacity:0.6;}
ul.pdt-cat li a img { width:100%; margin-bottom: 5px; }
ul.pdt-cat li a h2 { font-size:12px; text-transform:uppercase;line-height: 14px;}
ul.pdt-cat li:nth-child(2n) { margin-right:0;}

.productos.open { color:#b6b6b6; }
.productos.open span { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); opacity:0.3;}

.ubicac.open { color:#b6b6b6; background: #f6f6f6;  border-bottom:0px solid #eaeaea;}
.ubicac.open span { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); opacity:0.3;}

.pdt-ubicac { float:left; width:100%; background:#f6f6f6; padding:20px 20px; display:none; box-shadow: 0px 3px 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1); -o-box-shadow: 0px 3px 4px rgba(0,0,0,0.1); position:relative;}
.pdt-ubicac h2 { font-size:15px; color:#000; font-family:'AvenirLTStd-Heavy'; line-height:18px; margin-bottom:10px; }
.pdt-ubicac input[type="text"] { background:#fff; border:1px solid #ededed; padding:14px 15px; width:100%; font-family:'Avenir-Roman'; color:#000; font-size:13px; float:left;}
.pdt-ubicac p { font-size:13px; font-family:'Avenir-Roman'; text-decoration:underline; margin:8px 0 8px; display:block; width:100%; float:left;  }
.pdt-ubicac input[type="button"] { font-size:15px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:12px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.pdt-ubicac input[type="button"]:hover { background:#000; color:#fff;}
.pdt-ubicac .srh-box { float:left; width:92%; position:relative;}
.pdt-ubicac .srh-box span { background:url(../img/ubicacion.svg) no-repeat center center; width:18px; height:18px; float:right; position:absolute; right:10px; top:50%; margin-top: -9px;}
.pdt-ubicac p:hover { opacity:0.6;}


.search { float:left; width:100%;}
.pdt-ubicac .search a.red-btn {background:#de2520; border:none; width:8%; float:left; padding:9px 0; text-align:center; border-radius:2px 2px 2px 2px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.pdt-ubicac .search a.red-btn span {background:url(../img/dropdown-down-white.svg) no-repeat center; display: inline-block; vertical-align: middle; width: 20px; height: 26px;}
.pdt-ubicac .search a.red-btn:hover { background:#000;}
 
.menu-pad { float:left; width:100%; margin:20px 0 0 0;}
.menu-pad h1 { font-size:17px; color:#000; font-family:'Avenir-Black'; border-left:4px solid #000; line-height:18px; padding-left:8px; margin-bottom:20px;}
.menu-pad ul li { float:left; width:100%; background:#fff; border-radius:5px;  box-shadow:0 2px 4px rgba(0,0,0,0.15); margin-bottom:15px;}
.menu-pad ul li a { float:left; display:block; width:100%; padding:10px 10px 10px;}
.mnu-img { float:left; margin-right:15px; width:171px; position: relative;}
.mnu-img img { width:100%;}
.mnu-txt { float:left; width:calc(100% - 190px); }
.mnu-txt h2 { font-size:15px; color:#000; font-family:'Avenir-Black'; margin-bottom:8px; line-height: 18px;}
.mnu-txt p { color:#000; font-size:13px; line-height:18px;}
.mnu-txt span span.productListPrice { margin-top: 15px; }
.mnu-txt span span { font-size:18px; color:#000; font-family:'Avenir-Black'; display:block; margin:10px 0 0 0;}

.destacado{ float:left; width:100%; position:relative; background: #f5f5f7;  box-shadow:0 3px 4px rgba(0,0,0,0.15); margin-bottom:30px;}
.menu-pad .destacado h1 { color:#000; font-size:16px; font-family:'Avenir-Black'; padding:0; border:none; line-height: 18px; margin-bottom:10px;}
.destacado-txt { position:absolute; top:50%; right:0px; width: calc(100% - 150px); margin-top: -52px;}
.destacado-txt p { font-size:13px;  font-family:'Avenir-Roman'; line-height:18px;}
.destacado img { float:left; width:auto;}

.menu-list { float: left; width: 100%; text-align: left; margin: 0 0 57px;}
.menu-list ul li.sub-menu a { font-size:16px; font-family:'Avenir-Roman'; letter-spacing:normal;}
.menu-list ul li a span { width:15px; display:inline-block; height:15px; float:none; margin:0px 18px 0 0; vertical-align: middle;}
.menu-list ul li.tracker a span { background:url(../img/ico-delivery.svg) no-repeat center; }
.menu-list ul li.cart a span { background:url(../img/ico-cart.svg) no-repeat center; }
.menu-list ul li.eshop a span { background:url(../img/ico-eshop.svg) no-repeat center; background-size: 15px; }
.menu-list ul li.at-cnt a span { background:url(../img/ico-sat.svg) no-repeat center; }
.menu-list ul li.cres-cnt a span { background:url(../img/ico-cliente.svg) no-repeat center; }
.menu-list ul li.ties a span { background:url(../img/ico-dudas.svg) no-repeat center; }
.menu-list ul li.zona a span { background:url(../img/ico-zona-reparto.svg) no-repeat center; }
.menu-list ul li.aviso a span { background:url(../img/ico-dudas.svg) no-repeat center; }
.menu-list ul li.mobil a { font-family:'Avenir-Roman'; font-size:12px; padding:20px 18px; line-height:20px;}
.menu-list ul li.mobil a span { background:url(../img/mobile.svg) no-repeat center; width:16px; height:28px; margin-right:8px; margin-top:6px; float:left;}
.menu-list ul li.mobil a span.num { display:block; float:none; font-size:12px; width:auto; height:auto; background:none; font-family:'Avenir-Black'; margin:0;}

.menu-list ul li.first { pointer-events:none; }

.menu-list ul li.social-mob { background:#000; padding:20px 20px;}
.menu-list ul li.social-mob ul li{ float:left; width: auto; background: none; border:none; margin:0 25px 0 0;}
.menu-list ul li.social-mob ul li:last-child { margin-right:0;}
.menu-list ul li.social-mob ul li a.mob-fb span { background:url(../img/facebok-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-twt span { background:url(../img/twitter-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-gplus span { background:url(../img/google-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-inst span { background:url(../img/insta-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-vim span { background:url(../img/vimeo-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a { padding:0;}
.menu-list ul li.social-mob ul li a span { width:21px; height:21px; display:inline-block; margin:0; }
/*.menu-list ul li.eshop a span { background:url(../img/ico-eshop.svg) no-repeat center; }*/

/* menu css */
#m-menu { display: block; width: 26px; height: 25px; margin: 0px auto 0;}
#m-menu span:after, #m-menu span:before {  content: "";  position: absolute;  left: 0;  top: 8px;}
#m-menu span:after{  top: 16px;}
#m-menu span {  position: relative;  display: block;}
.hdr-top #m-menu span, .hdr-top #m-menu span:after, .hdr-top #m-menu span:before {  width: 100%;  height: 1px;  background-color: #fff;  transition: all 0.3s;  backface-visibility: hidden;  border-radius: 2px;}
.hdr-top #m-menu:hover {opacity:0.6;}

/* on activation */
#m-menu.on span {  background-color: transparent;}
#m-menu.on span:before {  transform: rotate(45deg) translate(0px, 5px); top: 6px;}
#m-menu.on span:after {  transform: rotate(-45deg) translate(0px, -6px); top: 14px;  }
#m-menu.on  {  opacity: 1;  visibility: visible;}

/* menu appearance*/
#menu {  position: relative;  color: #999;  width: 100%;  padding: 0px;  margin: auto;   text-align: center;   background: white;  box-shadow: 0 1px 8px rgba(0,0,0,0.05);  /* just for this demo */  opacity: 0;  visibility: hidden;  transition: opacity .4s;  position: absolute; right:0; z-index:9; top:60px;}
#menu.openmenu { background: rgba(0, 0, 0, 0.7); }

/* senimos css */
.senimos { float:left; width:100%; background:url(../img/fondo_appBLANCO-2.jpg) repeat left top; background-size:cover; text-align:center; padding:30px 5%; }
.senimos h1 { font-size:20px; color:#000; font-family:'AvenirLTStd-Heavy';  line-height:24px; margin-bottom:15px;}
.senimos img { width:80px; margin-bottom:22px;}
.senimos p { font-size:14px; line-height:20px}
.senimos .search { float:left; width:100%; margin:20px 0 0px;}
.senimos .search button.red-btn{background:#de2520; border:none; width:18%; float:left; padding:12px 0;text-align:center; border-radius:2px 2px 2px 2px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.senimos .search button.red-btn:hover {background:#000;}
.senimos .search button.red-btn span {background:url(../img/dropdown-down-white.svg) no-repeat center; display:inline-block; vertical-align:middle; width: 20px; height: 26px;}
.senimos input[type="text"], .senimos input[type="email"] { background:#fff; border:1px solid #ececec; padding:14px 15px; width:100%; font-family:'Avenir-Roman'; color:#000; font-size:13px; float:left; border-radius:2px 0px 0px 2px;}
.index_login .search { float:left; width:100%; margin:20px 0 0px;}
.index_login .search button.red-btn{background: unset; border: 1px solid white; color: white; width: 100%; float: left; padding: 12px 0; text-align: center; border-radius: 2px 2px 2px 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.index_login .search button.red-btn:hover {background:#000;}
.index_login .search button.red-btn span {background:url(../img/dropdown-down-white.svg) no-repeat center; display:inline-block; vertical-align:middle; width: 20px; height: 26px;}
.index_login input[type="text"], .index_login input[type="email"] { background:#fff; border:1px solid #ececec; padding:14px 15px; width:100%; font-family:'Avenir-Roman'; color:#000; font-size:13px; float:left; border-radius:2px 0px 0px 2px;}
.index_login .srh-box { float: left; width: 100%; position: relative; margin-bottom: 10px; }
.index_login .srh-box span { background:url(../img/ubicacion.svg) no-repeat center center; width:15px; height:15px; float:right; position:absolute; right:10px; top:50%; margin-top: -7px;}
.index_login p.underline { font-size:12px; font-family:'Avenir-Roman'; text-decoration:underline; margin:8px 0 30px; display:block; width:100%; float:left; text-align:left; color: white;}
.index_login p.underline a:hover { opacity:0.6;}
.senimos p.underline { font-size:12px; font-family:'Avenir-Roman'; text-decoration:underline; margin:8px 0 20px; display:block; width:100%; float:left; text-align:left; }
.senimos ul li { float:left; width:100%; margin-bottom:10px;}
.senimos ul li a { font-size:14px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:10px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; display:block;}
.senimos ul li a:hover { background:#000; color:#fff;}
.senimos.order-done ul.buttons li { float:left; width:100%; margin-bottom:10px; background: unset;}
.senimos.order-done ul.buttons li a { font-size:14px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:10px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; display:block; background-color: white; text-align: center;}
.senimos.order-done ul.buttons li a:hover { background:#000; color:#fff;}
.senimos .srh-box { float:left; width:82%; position:relative;}
.senimos .srh-box span { background:url(../img/ubicacion.svg) no-repeat center center; width:15px; height:15px; float:right; position:absolute; right:10px; top:50%; margin-top: -7px;}
.senimos p.underline a:hover { opacity:0.6;}

.senimos.newslt img { width:60px;}
.senimos.newslt h1 { line-height:26px; margin-bottom: 25px;}
.senimos.newslt ul { float:left; width:100%; margin:20px 0 45px 0;}
.senimos.newslt ul li { margin-bottom:10px;}
.check-box3 {width: 100%; float: left; padding: 0; margin: 0 0 0px; position: relative; text-align:left;}
.check-box3 input {visibility: hidden;position: absolute;}
.check-box3 label {float: left;width: 100%; font-size:13px; cursor:pointer; }
.check-box3 label span{width:16px; height:16px; border:1px solid #d6d6d6; margin-right:10px; float:left; display:block;position: relative; top: 2px; border-radius:2px;}
.check-box3 label span:after{position:absolute; background:transparent; width:12px; height:12px; left:1px; top:1px; content:""; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out;}
.check-box3 input:checked + label span:after{background:#000;}
.check-box3 p { font-size:13px; float: left; width: calc(100% - 26px);}

a.back-btn { border:none; float:left; width:100%; margin-bottom:30px; text-align:left; font-size:15px; font-family:'AvenirLTStd-Heavy';}
a.back-btn span { background:url(../img/dropdown-down-back.svg) no-repeat center; width:10px; height:19px; display:inline-block; float: left; margin:0 6px 0 0;}
a.back-btn:hover { opacity:0.6; }

.enviar-btn {font-size:15px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:12px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; background:#fff;}
.enviar-btn:hover { background:#000; color:#fff;}
.senimos.reg  { padding:60px 5% 30px;}
.senimos.reg p { margin-bottom:60px;}
.senimos.reg img { width:60px;}

.page-title { background: #fff; width: 100%; margin: 0 auto; padding: 15px 0; float: left; border-bottom: 1px solid #ededed;}
.page-title h2 { font-family: 'Avenir-Roman'; font-size: 14px; line-height: normal;}

.senimos.order-done { background:#f6f6f6;  padding-bottom:0;}
.senimos.order-done img { width:75px;}
.senimos.order-done h1 { font-size:17px; }
.senimos.order-done ul { float:left; width:100%; border:1px solid #000; text-align:left;}
.senimos.order-done ul li { border-bottom:1px solid #000; padding:18px 15px; font-size:14px; margin:0; background:#fff;}
.senimos.order-done ul li:last-child { border-bottom:none;}
.senimos.order-done ul li span { color:#000; font-family:'AvenirLTStd-Heavy'; font-size:15px; display:block;}
.senimos.order-done ul li ul { border:none; margin:14px 0 0;}
.senimos.order-done ul li ul li { width:100%; border:none; padding:0; margin:0 0 4px 0;}
.senimos.order-done ul li ul li:last-child { border-bottom:none;}
.senimos.order-done ul li span.total { float:right; font-size:16px; font-family:'Avenir-Black';}
.senimos.order-done p { text-align:left; float:left; width:100%; margin:20px 0 0 0; font-size:13px;}


/* popup css */
.tracker-menu { background: #fff; float: left; width: 100%; position: fixed; display: none; z-index: 99999; top: 0; left: 0; height: 100%; overflow: auto; max-width: 768px; right: 0; margin: 0 auto;}
.tracker-menu h1 { font-size:19px; color:#000; font-family:'AvenirLTStd-Heavy'; padding:60px 5% 10px; border-bottom:1px solid #eeeeee;}
.tracker-list { float:left; width:100%; padding:20px 5% 10px;}
.tracker-list h1 { font-size:19px; color:#000; font-family:'AvenirLTStd-Heavy'; padding:0; margin:0 0 10px 0; border:none; line-height:24px;}
.tracker-list ul { float:left; width:100%; border:1px solid #eeeeee; margin-bottom:100px;}
.tracker-list ul li { float:left; width:100%; border-bottom:1px solid #eeeeee;}
.medit { float:left; width:90%; line-height: 28px; padding:10px 15px; border-right:1px solid #eeeeee; font-size: 15px;}
.medit span { background:url(../img/alergenos-4.svg) no-repeat center; width:32px; height:32px; display:inline-block; vertical-align:middle; margin-right:15px;}
.medit img { width:32px; height:32px; display:inline-block; vertical-align:middle; margin-right:15px; }
.medit:hover { opacity:0.7;}

.no-ico { float:left; width:10%; height: 52px; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -o-align-items: center;  font-family:'Avenir-Black';}
.tracker-list ul li:last-child { border-bottom:none;}
.tracker-list p { font-size:14px; margin-bottom:10px;}
.tracker-list p span { font-family:'AvenirLTStd-Heavy';}
img.close-pop { width: 16px; position: absolute; right: 20px; top: 20px; cursor:pointer;}
img.close-pop:hover { opacity:0.6;}

.scr-hidden { overflow: hidden;}

/* red bg */
.hdr-top.hdr-red { background:#e1251a; box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
.senimos.red-bg { background:#e1251a url(../img/red-pattern.jpg) repeat left top; color:#fff; padding:50px 0 0px;}
.jamon-login { padding:0px 5% 15px;}
.senimos.red-bg img { width:68px;}
.senimos.red-bg ul { float:left; width:100%; margin:0px 0 0 0;}
.senimos.red-bg ul li { float:left; width:100%;}
.senimos.red-bg ul li input[type="text"], .senimos.red-bg ul li input[type="email"] { background:rgba(255,255,255,0.2); border:none; border-radius:3px; color:#fff; padding:12px 15px;}
.senimos.red-bg h1, .senimos.red-bg p { color:#fff; }
.senimos.red-bg ul li input[type="button"] { background:none; color:#fff; border:1px solid #fff;}
.senimos.red-bg ul li input[type="button"]:hover { background:#000; border:1px solid #000;}
.senimos.red-bg a.underline { color:#fff; text-decoration:underline; font-size:12px; margin:10px 0 0 0; display:inline-block;}
.senimos.red-bg a.underline:hover { opacity:0.6;}
.user-pad { float:left; background:#e1251a; padding:20px 8% 20px; width:100%;}

.senimos.red-bg .img-pedio3 { width: 155px; display: inline-flex; border: 3px solid #fff; height: 155px; border-radius: 50%; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; margin-bottom:20px; }
.senimos.red-bg .img-pedio3 img { width:102px; margin:0;}

.pad-bth {float: left; width: 100%; padding: 0 10%;}
#map{ height:250px; float:left; width:100%; margin:20px 0 100px 0;}
#map iframe { width:100%; height:240px; border-radius: 5px;}

.footer-tab { float:left; width:100%; padding:15px 0; position:fixed; bottom:0; background:#fff; max-width: 768px;}
.footer-tab ul li { float:left; margin-right:15px;}
.footer-tab ul li a { font-size:12px; color: #e4e4e4; display: block; text-align: center; width: 100%; float: left; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; background:#fff;}
.footer-tab ul li a span { background:#e3e3e3; width:26px; height:26px; display:inline-block; border-radius:50%;}
.footer-tab ul li:last-child { margin-right:0;}
.footer-tab ul li.active a { color:#e1251a;}
.footer-tab ul li.active span { background:#e1251a;}

.circular-progress-bar { position: absolute; margin: 0 auto; background: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; right: 5%; top: -40px;}
.progress-percentage, .progress-text { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);text-align: center; /*padding: 0px 60px;*/}
.progress-percentage { font-size: 40px; /*transform: translate(-50%, -85%);*/ font-family:'Avenir-Black';}


/* product page css */
.pdt-item{ float:left; width:100%; background:#fff; padding:20px 0px 22px 0px; text-align:center;}
.pdt-item a{ display:block;}
/*.pdt-item a img { width:75%;}*/
.pdt-det-sec { float:left; width:100%; background:#f5f5f5; padding:15px 0px;}

.prod-car-sec{ float:left; width:100%; padding:30px 0px 30px;}
.prod-car-sec > h1 { color:000; font-size:15px; text-transform:uppercase; font-family:'Avenir-Roman'; margin-bottom:17px;}

.prd-det-cont { float:left; width:100%; background:#fff;border-radius:8px; -webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px; 
box-shadow: 0px 2px 9px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 9px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 9px rgba(0,0,0,0.1); padding:22px; margin-top: -35px; }

body.pop-open{ overflow:hidden;}
.modal-box {display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; background: #fff; background-clip: padding-box; overflow: auto; top: 0px; max-width: 768px; margin: 0 auto; left: 50%; margin-left: -384px;}
.modal-box-2 { display: none; position: fixed; z-index: 1000; width: 80%; height: 60%; max-height: 300px; background: #fff; background-clip: padding-box; overflow: auto; top: 150px; left: 10%; border: 1px solid black; max-width: 768px; left: 50%; margin-left: -384px;}
.modal-box-3 { display: none; position: fixed; z-index: 1000; width: 80%; background: #fff; background-clip: padding-box; overflow: auto; top: 150px; left: 10%; border: 1px solid black; max-width: 768px; left: 50%; margin-left: -384px;}
.modal-box-4 { display: none; position: fixed; z-index: 1000; width: 80%; background: #fff; background-clip: padding-box; overflow: auto; top: 150px; left: 10%; border: 1px solid black; max-width: 768px; left: 50%; margin-left: -384px;}
.modal-box-5 { display: none; position: fixed; z-index: 950; width: 80%; height: 60%; max-height: 340px; background: #fff; background-clip: padding-box; overflow: auto; top: 150px; left: 10%; border: 1px solid black; max-width: 768px; left: 50%; margin-left: -384px;}

.new-address .frm-container { width: 48%; margin-right: 2%; }
.new-address #mapContainer { width: 40%; float: right; min-height: 255px; position: relative; overflow: hidden; }
#popupAdreces .customer-addresses { max-height: 250px; overflow: auto;}
}
/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:768px) {

.login-bg { background:url(../img/img2@2x.jpg) no-repeat; background-size:cover;}
.login-logo { width:100%; margin-bottom:45px; float:left;}
.login-logo a { display:inline-block; width:158px;}
.login-logo img { width:100%; }
.row-col { width:75%; margin:0 auto;}
/*.center-txt { float:left; width:100%; text-align:center; margin:50px 0 0 0;}*/
.center-txt { float: left; width: 100%; text-align: center; position: absolute; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -o-align-items: center; height: 100%;}

.log-btns { float:left; width:100%;}
.log-btns ul li { float:left; width:100%; text-align:center; margin-top:14px;}
.log-btns ul li a { font-size:15px; font-family:'Avenir-Medium'; color:#fff; letter-spacing:0.5px; padding:8px 10px; display:block; border:1px solid #fff; border-radius:3px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.log-btns ul li a:hover { background:#fff; color:#000;}
.log-btns ul li.reg a { background:#fff; color:#000;}
.log-btns ul li.reg a:hover { background:none; color:#fff;}

.or-div { float:left; width:60%; margin:0 20%; color:#fff; position:relative; font-size:14px; padding:28px 0;}
.or-div:before { position:absolute; display:block; height:1px; background:#fff; left:0; width:20px; content:""; top: 50%; }
.or-div:after { position:absolute; display:block; height:1px; background:#fff; right:0; width:20px; content:""; top: 50%; }

.social-btn { float:left; width:100%;}
.social-btn ul li { float:left; width:48%; margin-right:4%; }
.social-btn ul li a { background:#fff; color:#000; font-size:13px; font-family:'Avenir-Roman'; padding:8px 10px; display:block; text-align:left; border-radius:3px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.social-btn ul li:last-child { margin-right:0;}
.social-btn ul li a span { width:20px; height:20px; display:inline-block; vertical-align: middle; margin-right:10px;}
.social-btn ul li.insta a span { background:url(../img/instagram-login.svg) no-repeat center center;}
.social-btn ul li.fb a span { background:url(../img/facebook-login.svg) no-repeat center center; width: 10px; height: 20px;}
.social-btn ul li a:hover { opacity:0.8;}


header {  float:left; width:100%;}
.is-sticky header { z-index:99;}
.hdr-top { float:left; width:100%;background:#000;  padding:8px 0 10px; text-align:center; position:relative; z-index:1;}
.hdr-logo { width:70px; float:none; position: absolute; margin:0 auto; display: inline-block; left: 0; right: 0;}
.hdr-logo a { display:block;}
.mnu-ico { float:left; margin:15px 0 0 0; }
.mnu-ico a { width:23px; display:block; }
.mnu-ico a img { width:100%;}

.user-rht { float:right; margin:12px 0 0 0; }
.user-rht ul li { float:left; margin-right:14px; }
.user-rht ul li a img { width:28px;}
.user-rht ul li a img:hover { opacity:0.6;}
.user-rht ul li:last-child { margin-right:0;}
.user-rht ul li.track a img { width:25px;}

.pdt-list { float:left; width:100%; }
.pdt-list ul li { float:left; width:50%; border-right:1px solid #eaeaea; /*border-bottom:1px solid #eaeaea;*/ background:#fff;}
.pdt-list ul li a { color:#000; font-size:15px; font-family:'Avenir-Roman'; display: block; padding: 15px 18px; }
.pdt-list > ul > li > a { border-bottom:1px solid #eaeaea; }
.pdt-list ul li a span { background:url(../img/dropdown-down.svg) no-repeat center; width:11px; height:9px; float:right; margin:8px 0 0 0;}
.pdt-list ul li:last-child { border-right:none;}

.pdt-menu { float:left; width:100%; display:none; background:#fff;}
.pdt-ofers { float:left; width:100%; background:#000;}
.pdt-ofers-l {float:left; width:50%;}
.pdt-ofers-l img { float:left; width:100%;}
.pdt-ofers-r { float:left; width:50%; color:#fff; padding:12px 10px 10px 15px;}
.pdt-ofers-r p { font-size:12px; color:#fff;}
.pdt-ofers-r h2 { font-size:15px;  font-family:'AvenirLTStd-Heavy'; line-height:18px;}
.pdt-ofers-r h2 span { font-size:20px;  font-family:'Avenir-Black'; display:block; margin-top:14px;}
.pdt-ofers-r h2 i.fa-eur { font-size:18px;}
ul.pdt-cat { padding:5%; float:left; width:100%;}
ul.pdt-cat li { float:left; border-radius:10px; text-align:center; border:none; box-shadow:0 2px 4px rgba(0,0,0,0.15); width:47.5%; margin-right:5%; overflow: hidden; margin-bottom:5%; min-height: 176px; }
ul.pdt-cat li a { padding:20px 10px 10px;}
ul.pdt-cat li a:hover h2 { color:#e1251a;}
ul.pdt-cat li a:hover img { opacity:0.6;}
ul.pdt-cat li a img { width:100%; margin-bottom: 5px; }
ul.pdt-cat li a h2 { font-size:12px; text-transform:uppercase;line-height: 14px;}
ul.pdt-cat li:nth-child(2n) { margin-right:0;}

.productos.open { color:#b6b6b6; }
.productos.open span { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); opacity:0.3;}

.ubicac.open { color:#b6b6b6; background: #f6f6f6;  border-bottom:0px solid #eaeaea;}
.ubicac.open span { transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); opacity:0.3;}

.pdt-ubicac { float:left; width:100%; background:#f6f6f6; padding:20px 20px; display:none; box-shadow: 0px 3px 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px rgba(0,0,0,0.1); -o-box-shadow: 0px 3px 4px rgba(0,0,0,0.1); position:relative;}
.pdt-ubicac h2 { font-size:15px; color:#000; font-family:'AvenirLTStd-Heavy'; line-height:18px; margin-bottom:10px; }
.pdt-ubicac input[type="text"] { background:#fff; border:1px solid #ededed; padding:14px 15px; width:100%; font-family:'Avenir-Roman'; color:#000; font-size:13px; float:left;}
.pdt-ubicac p { font-size:13px; font-family:'Avenir-Roman'; text-decoration:underline; margin:8px 0 8px; display:block; width:100%; float:left;  }
.pdt-ubicac input[type="button"] { font-size:15px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:12px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.pdt-ubicac input[type="button"]:hover { background:#000; color:#fff;}
.pdt-ubicac .srh-box { float:left; width:92%; position:relative;}
.pdt-ubicac .srh-box span { background:url(../img/ubicacion.svg) no-repeat center center; width:18px; height:18px; float:right; position:absolute; right:10px; top:50%; margin-top: -9px;}
.pdt-ubicac p:hover { opacity:0.6;}


.search { float:left; width:100%;}
.pdt-ubicac .search a.red-btn {background:#de2520; border:none; width:8%; float:left; padding:9px 0; text-align:center; border-radius:2px 2px 2px 2px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.pdt-ubicac .search a.red-btn span {background:url(../img/dropdown-down-white.svg) no-repeat center; display: inline-block; vertical-align: middle; width: 20px; height: 26px;}
.pdt-ubicac .search a.red-btn:hover { background:#000;}
 
.menu-pad { float:left; width:100%; margin:20px 0 0 0;}
.menu-pad h1 { font-size:17px; color:#000; font-family:'Avenir-Black'; border-left:4px solid #000; line-height:18px; padding-left:8px; margin-bottom:20px;}
.menu-pad ul li { float:left; width:100%; background:#fff; border-radius:5px;  box-shadow:0 2px 4px rgba(0,0,0,0.15); margin-bottom:15px;}
.menu-pad ul li a { float:left; display:block; width:100%; padding:10px 10px 10px;}
.mnu-img { float:left; margin-right:15px; width:171px; position: relative;}
.mnu-img img { width:100%;}
.mnu-txt { float:left; width:calc(100% - 190px); }
.mnu-txt h2 { font-size:15px; color:#000; font-family:'Avenir-Black'; margin-bottom:8px; line-height: 18px;}
.mnu-txt p { color:#000; font-size:13px; line-height:18px;}
.mnu-txt span span.productListPrice { margin-top: 15px; }
.mnu-txt span span { font-size:18px; color:#000; font-family:'Avenir-Black'; display:block; margin:10px 0 0 0;}

.destacado{ float:left; width:100%; position:relative; background: #f5f5f7;  box-shadow:0 3px 4px rgba(0,0,0,0.15); margin-bottom:30px;}
.menu-pad .destacado h1 { color:#000; font-size:16px; font-family:'Avenir-Black'; padding:0; border:none; line-height: 18px; margin-bottom:10px;}
.destacado-txt { position:absolute; top:50%; right:0px; width: calc(100% - 150px); margin-top: -52px;}
.destacado-txt p { font-size:13px;  font-family:'Avenir-Roman'; line-height:18px;}
.destacado img { float:left; width:auto;}

.menu-list { float: left; width: 100%; text-align: left; margin: 0 0 57px;}
.menu-list ul li.sub-menu a { font-size:16px; font-family:'Avenir-Roman'; letter-spacing:normal;}
.menu-list ul li a span { width:15px; display:inline-block; height:15px; float:none; margin:0px 18px 0 0; vertical-align: middle;}
.menu-list ul li.tracker a span { background:url(../img/ico-delivery.svg) no-repeat center; }
.menu-list ul li.cart a span { background:url(../img/ico-cart.svg) no-repeat center; }
.menu-list ul li.eshop a span { background:url(../img/ico-eshop.svg) no-repeat center; background-size: 15px; }
.menu-list ul li.at-cnt a span { background:url(../img/ico-sat.svg) no-repeat center; }
.menu-list ul li.cres-cnt a span { background:url(../img/ico-cliente.svg) no-repeat center; }
.menu-list ul li.ties a span { background:url(../img/ico-dudas.svg) no-repeat center; }
.menu-list ul li.zona a span { background:url(../img/ico-zona-reparto.svg) no-repeat center; }
.menu-list ul li.aviso a span { background:url(../img/ico-dudas.svg) no-repeat center; }
.menu-list ul li.mobil a { font-family:'Avenir-Roman'; font-size:12px; padding:20px 18px; line-height:20px;}
.menu-list ul li.mobil a span { background:url(../img/mobile.svg) no-repeat center; width:16px; height:28px; margin-right:8px; margin-top:6px; float:left;}
.menu-list ul li.mobil a span.num { display:block; float:none; font-size:12px; width:auto; height:auto; background:none; font-family:'Avenir-Black'; margin:0;}

.menu-list ul li.first { pointer-events:none; }

.menu-list ul li.social-mob { background:#000; padding:20px 20px;}
.menu-list ul li.social-mob ul li{ float:left; width: auto; background: none; border:none; margin:0 25px 0 0;}
.menu-list ul li.social-mob ul li:last-child { margin-right:0;}
.menu-list ul li.social-mob ul li a.mob-fb span { background:url(../img/facebok-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-twt span { background:url(../img/twitter-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-gplus span { background:url(../img/google-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-inst span { background:url(../img/insta-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a.mob-vim span { background:url(../img/vimeo-menu.svg) no-repeat center; }
.menu-list ul li.social-mob ul li a { padding:0;}
.menu-list ul li.social-mob ul li a span { width:21px; height:21px; display:inline-block; margin:0; }
/*.menu-list ul li.eshop a span { background:url(../img/ico-eshop.svg) no-repeat center; }*/

/* menu css */
#m-menu { display: block; width: 26px; height: 25px; margin: 0px auto 0;}
#m-menu span:after, #m-menu span:before {  content: "";  position: absolute;  left: 0;  top: 8px;}
#m-menu span:after{  top: 16px;}
#m-menu span {  position: relative;  display: block;}
.hdr-top #m-menu span, .hdr-top #m-menu span:after, .hdr-top #m-menu span:before {  width: 100%;  height: 1px;  background-color: #fff;  transition: all 0.3s;  backface-visibility: hidden;  border-radius: 2px;}
.hdr-top #m-menu:hover {opacity:0.6;}

/* on activation */
#m-menu.on span {  background-color: transparent;}
#m-menu.on span:before {  transform: rotate(45deg) translate(0px, 5px); top: 6px;}
#m-menu.on span:after {  transform: rotate(-45deg) translate(0px, -6px); top: 14px;  }
#m-menu.on  {  opacity: 1;  visibility: visible;}

/* menu appearance*/
#menu {  position: relative;  color: #999;  width: 100%;  padding: 0px;  margin: auto;   text-align: center;   background: white;  box-shadow: 0 1px 8px rgba(0,0,0,0.05);  /* just for this demo */  opacity: 0;  visibility: hidden;  transition: opacity .4s;  position: absolute; right:0; z-index:9; top:60px;}
#menu.openmenu { background: rgba(0, 0, 0, 0.7); }

/* senimos css */
.senimos { float:left; width:100%; background:url(../img/fondo_appBLANCO-2.jpg) repeat left top; background-size:cover; text-align:center; padding:30px 5%; }
.senimos h1 { font-size:20px; color:#000; font-family:'AvenirLTStd-Heavy';  line-height:24px; margin-bottom:15px;}
.senimos img { width:80px; margin-bottom:22px;}
.senimos p { font-size:14px; line-height:20px}
.senimos .search { float:left; width:100%; margin:20px 0 0px;}
.senimos .search button.red-btn{background:#de2520; border:none; width:18%; float:left; padding:12px 0;text-align:center; border-radius:2px 2px 2px 2px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.senimos .search button.red-btn:hover {background:#000;}
.senimos .search button.red-btn span {background:url(../img/dropdown-down-white.svg) no-repeat center; display:inline-block; vertical-align:middle; width: 20px; height: 26px;}
.senimos input[type="text"], .senimos input[type="email"] { background:#fff; border:1px solid #ececec; padding:14px 15px; width:100%; font-family:'Avenir-Roman'; color:#000; font-size:13px; float:left; border-radius:2px 0px 0px 2px;}
.index_login .search { float:left; width:100%; margin:20px 0 0px;}
.index_login .search button.red-btn{background: unset; border: 1px solid white; color: white; width: 100%; float: left; padding: 12px 0; text-align: center; border-radius: 2px 2px 2px 2px; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.index_login .search button.red-btn:hover {background:#000;}
.index_login .search button.red-btn span {background:url(../img/dropdown-down-white.svg) no-repeat center; display:inline-block; vertical-align:middle; width: 20px; height: 26px;}
.index_login input[type="text"], .index_login input[type="email"] { background:#fff; border:1px solid #ececec; padding:14px 15px; width:100%; font-family:'Avenir-Roman'; color:#000; font-size:13px; float:left; border-radius:2px 0px 0px 2px;}
.index_login .srh-box { float: left; width: 100%; position: relative; margin-bottom: 10px; }
.index_login .srh-box span { background:url(../img/ubicacion.svg) no-repeat center center; width:15px; height:15px; float:right; position:absolute; right:10px; top:50%; margin-top: -7px;}
.index_login p.underline { font-size:12px; font-family:'Avenir-Roman'; text-decoration:underline; margin:8px 0 30px; display:block; width:100%; float:left; text-align:left; color: white;}
.index_login p.underline a:hover { opacity:0.6;}
.senimos p.underline { font-size:12px; font-family:'Avenir-Roman'; text-decoration:underline; margin:8px 0 20px; display:block; width:100%; float:left; text-align:left; }
.senimos ul li { float:left; width:100%; margin-bottom:10px;}
.senimos ul li a { font-size:14px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:10px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; display:block;}
.senimos ul li a:hover { background:#000; color:#fff;}
.senimos.order-done ul.buttons li { float:left; width:100%; margin-bottom:10px; background: unset;}
.senimos.order-done ul.buttons li a { font-size:14px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:10px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; display:block; background-color: white; text-align: center;}
.senimos.order-done ul.buttons li a:hover { background:#000; color:#fff;}
.senimos .srh-box { float:left; width:82%; position:relative;}
.senimos .srh-box span { background:url(../img/ubicacion.svg) no-repeat center center; width:15px; height:15px; float:right; position:absolute; right:10px; top:50%; margin-top: -7px;}
.senimos p.underline a:hover { opacity:0.6;}

.senimos.newslt img { width:60px;}
.senimos.newslt h1 { line-height:26px; margin-bottom: 25px;}
.senimos.newslt ul { float:left; width:100%; margin:20px 0 45px 0;}
.senimos.newslt ul li { margin-bottom:10px;}
.check-box3 {width: 100%; float: left; padding: 0; margin: 0 0 0px; position: relative; text-align:left;}
.check-box3 input {visibility: hidden;position: absolute;}
.check-box3 label {float: left;width: 100%; font-size:13px; cursor:pointer; }
.check-box3 label span{width:16px; height:16px; border:1px solid #d6d6d6; margin-right:10px; float:left; display:block;position: relative; top: 2px; border-radius:2px;}
.check-box3 label span:after{position:absolute; background:transparent; width:12px; height:12px; left:1px; top:1px; content:""; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out;}
.check-box3 input:checked + label span:after{background:#000;}
.check-box3 p { font-size:13px; float: left; width: calc(100% - 26px);}

a.back-btn { border:none; float:left; width:100%; margin-bottom:30px; text-align:left; font-size:15px; font-family:'AvenirLTStd-Heavy';}
a.back-btn span { background:url(../img/dropdown-down-back.svg) no-repeat center; width:10px; height:19px; display:inline-block; float: left; margin:0 6px 0 0;}
a.back-btn:hover { opacity:0.6; }

.enviar-btn {font-size:15px; border:1px solid #000; border-radius:3px; width:100%; color:#000; font-family:'AvenirLTStd-Heavy'; padding:12px 10px; cursor:pointer; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; background:#fff;}
.enviar-btn:hover { background:#000; color:#fff;}
.senimos.reg  { padding:60px 5% 30px;}
.senimos.reg p { margin-bottom:60px;}
.senimos.reg img { width:60px;}

.page-title { background: #fff; width: 100%; margin: 0 auto; padding: 15px 0; float: left; border-bottom: 1px solid #ededed;}
.page-title h2 { font-family: 'Avenir-Roman'; font-size: 14px; line-height: normal;}

.senimos.order-done { background:#f6f6f6;  padding-bottom:0;}
.senimos.order-done img { width:75px;}
.senimos.order-done h1 { font-size:17px; }
.senimos.order-done ul { float:left; width:100%; border:1px solid #000; text-align:left;}
.senimos.order-done ul li { border-bottom:1px solid #000; padding:18px 15px; font-size:14px; margin:0; background:#fff;}
.senimos.order-done ul li:last-child { border-bottom:none;}
.senimos.order-done ul li span { color:#000; font-family:'AvenirLTStd-Heavy'; font-size:15px; display:block;}
.senimos.order-done ul li ul { border:none; margin:14px 0 0;}
.senimos.order-done ul li ul li { width:100%; border:none; padding:0; margin:0 0 4px 0;}
.senimos.order-done ul li ul li:last-child { border-bottom:none;}
.senimos.order-done ul li span.total { float:right; font-size:16px; font-family:'Avenir-Black';}
.senimos.order-done p { text-align:left; float:left; width:100%; margin:20px 0 0 0; font-size:13px;}


/* popup css */
.tracker-menu { background:#fff; float:left; width:100%; position: fixed; display:none; z-index:99999; top:0; left:0; height: 100%; overflow:auto;}
.tracker-menu h1 { font-size:19px; color:#000; font-family:'AvenirLTStd-Heavy'; padding:60px 5% 10px; border-bottom:1px solid #eeeeee;}
.tracker-list { float:left; width:100%; padding:20px 5% 10px;}
.tracker-list h1 { font-size:19px; color:#000; font-family:'AvenirLTStd-Heavy'; padding:0; margin:0 0 10px 0; border:none; line-height:24px;}
.tracker-list ul { float:left; width:100%; border:1px solid #eeeeee; margin-bottom:100px;}
.tracker-list ul li { float:left; width:100%; border-bottom:1px solid #eeeeee;}
.medit { float:left; width:90%; line-height: 28px; padding:10px 15px; border-right:1px solid #eeeeee; font-size: 15px;}
.medit span { background:url(../img/alergenos-4.svg) no-repeat center; width:32px; height:32px; display:inline-block; vertical-align:middle; margin-right:15px;}
.medit img { width:32px; height:32px; display:inline-block; vertical-align:middle; margin-right:15px; }
.medit:hover { opacity:0.7;}

.no-ico { float:left; width:10%; height: 52px; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -o-align-items: center;  font-family:'Avenir-Black';}
.tracker-list ul li:last-child { border-bottom:none;}
.tracker-list p { font-size:14px; margin-bottom:10px;}
.tracker-list p span { font-family:'AvenirLTStd-Heavy';}
img.close-pop { width: 16px; position: absolute; right: 20px; top: 20px; cursor:pointer;}
img.close-pop:hover { opacity:0.6;}

.scr-hidden { overflow: hidden;}

/* red bg */
.hdr-top.hdr-red { background:#e1251a; box-shadow: 0 3px 3px rgba(0,0,0,0.1); }
.senimos.red-bg { background:#e1251a url(../img/red-pattern.jpg) repeat left top; color:#fff; padding:50px 0 0px;}
.jamon-login { padding:0px 5% 15px;}
.senimos.red-bg img { width:68px;}
.senimos.red-bg ul { float:left; width:100%; margin:0px 0 0 0;}
.senimos.red-bg ul li { float:left; width:100%;}
.senimos.red-bg ul li input[type="text"], .senimos.red-bg ul li input[type="email"] { background:rgba(255,255,255,0.2); border:none; border-radius:3px; color:#fff; padding:12px 15px;}
.senimos.red-bg h1, .senimos.red-bg p { color:#fff; }
.senimos.red-bg ul li input[type="button"] { background:none; color:#fff; border:1px solid #fff;}
.senimos.red-bg ul li input[type="button"]:hover { background:#000; border:1px solid #000;}
.senimos.red-bg a.underline { color:#fff; text-decoration:underline; font-size:12px; margin:10px 0 0 0; display:inline-block;}
.senimos.red-bg a.underline:hover { opacity:0.6;}
.user-pad { float:left; background:#e1251a; padding:20px 8% 20px; width:100%;}

.senimos.red-bg .img-pedio3 { width: 155px; display: inline-flex; border: 3px solid #fff; height: 155px; border-radius: 50%; justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; -o-justify-content: center; margin-bottom:20px; }
.senimos.red-bg .img-pedio3 img { width:102px; margin:0;}

.pad-bth {float: left; width: 100%; padding: 0 10%;}
#map{ height:250px; float:left; width:100%; margin:20px 0 100px 0;}
#map iframe { width:100%; height:240px; border-radius: 5px;}

.footer-tab { float:left; width:100%; padding:15px 0; position:fixed; bottom:0; background:#fff;}
.footer-tab ul li { float:left; margin-right:15px;}
.footer-tab ul li a { font-size:12px; color: #e4e4e4; display: block; text-align: center; width: 100%; float: left; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; background:#fff;}
.footer-tab ul li a span { background:#e3e3e3; width:26px; height:26px; display:inline-block; border-radius:50%;}
.footer-tab ul li:last-child { margin-right:0;}
.footer-tab ul li.active a { color:#e1251a;}
.footer-tab ul li.active span { background:#e1251a;}

.circular-progress-bar { position: absolute; margin: 0 auto; background: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); border-radius: 50%; right: 5%; top: -40px;}
.progress-percentage, .progress-text { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);text-align: center; /*padding: 0px 60px;*/}
.progress-percentage { font-size: 40px; /*transform: translate(-50%, -85%);*/ font-family:'Avenir-Black';}


/* product page css */
.pdt-item{ float:left; width:100%; background:#fff; padding:20px 0px 22px 0px; text-align:center;}
.pdt-item a{ display:block;}
/*.pdt-item a img { width:75%;}*/
.pdt-det-sec { float:left; width:100%; background:#f5f5f5; padding:15px 0px;}

.prod-car-sec{ float:left; width:100%; padding:30px 0px 30px;}
.prod-car-sec > h1 { color:000; font-size:15px; text-transform:uppercase; font-family:'Avenir-Roman'; margin-bottom:17px;}

.prd-det-cont { float:left; width:100%; background:#fff;border-radius:8px; -webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px; 
box-shadow: 0px 2px 9px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 9px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 9px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 9px rgba(0,0,0,0.1); padding:22px; margin-top: -35px; }

body.pop-open{ overflow:hidden;}
.modal-box {display: none;position: fixed;z-index: 1000;width:100%; height:100%; background: #fff;background-clip: padding-box; overflow:auto; top: 0px;}
.modal-box-2 { display: none; position: fixed; z-index: 1000; width: 80%; height: 60%; max-height: 300px; background: #fff; background-clip: padding-box; overflow: auto; top: 150px; left: 10%; border: 1px solid black; }
.modal-box-3 { display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; background: #fff; background-clip: padding-box; overflow: auto; top: 0px; }
.modal-box-4 { display: none; position: fixed; z-index: 1000; width: 100%; height: 100%; background: #fff; background-clip: padding-box; overflow: auto; top: 0px; }
.modal-box-5 { display: none; position: fixed; z-index: 950; width: 80%; height: 60%; max-height: 340px; background: #fff; background-clip: padding-box; overflow: auto; top: 150px; left: 10%; border: 1px solid black; }

/* CUSTOM */
.hourTimeSelector { width: 50%; float: left; text-align: center; padding: 8px 0px 0px 0px; }
.addProdVariantBloc p { width: 70%; float: left; line-height: 30px; }
/* /CUSTOM */

}
.modal-box .header, .modal-box-2 .header, .modal-box-3 .header, .modal-box-4 .header, .modal-box-5 .header { background:#fff;  padding:16px 22px 15px;border-bottom: 1px solid #eeeeee; text-align:left;}
.modal-box .header h3, .modal-box-2 .header h3, .modal-box-3 .header h3, .modal-box-4 .header h3, .modal-box-5 .header h3 {margin: 0; }

.modal-box .modal-body, .modal-box-2 .modal-body, .modal-box-3 .modal-body, .modal-box-4 .modal-body, .modal-box-5 .modal-body {float:left; width:100%; padding:0px 0px; }

.modal-overlay { opacity: 0;filter: alpha(opacity=0);position: fixed;top: 0;left: 0;z-index: 900;width: 100%;height: 100%;background: rgba(255, 255, 255, 1) !important;}
a.close {position: absolute;top:16px;right:16px; width: 17px;}
a.close:hover {opacity:0.7;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease; transition: opacity 1s ease;}

.prd-pop-list { float:left; width:100%;border-bottom: 1px solid #eeeeee; padding: 10px 22px 10px; }

.prd-pop-list h2 {color:#000; font-size:18px;font-family:'Avenir-Black'; line-height:20px; margin-bottom:10px; }
.prd-pop-list p {color:#000; font-size:15px;font-family:'Avenir-Light'; line-height:15px; margin-bottom:0px; }
.prd-pop-list ul { float:left; width:100%; margin-top:15px;}
.prd-pop-list ul li{ float:left; width:100%; margin-bottom:9px;}
.prd-pop-list ul li .pop-lst-lft{ float:left; width:72%; padding-right:10px;}
.prd-pop-list ul li .pop-lst-rgt{ float:left; width:28%;}

.prd-pop-list ul li.disabled{pointer-events:none; opacity:0.3;}

.cart-added { float:left; width:95%; background:#fff; position:fixed; bottom:5px; left:0px; right:0px; margin:auto; z-index:900; border:1px solid #000;border-radius:2px; -webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px; padding:11px 20px; display:none; max-width: 768px; }
.cart-added div div{ float:left; width:33.3333%; text-align:center;}
.cart-added div div .cart-icon { float:left; width:32px; position:relative;}
.cart-added div div h2 { font-size:20px; color:#000;font-family:'Avenir-Black';}
.cart-added div div:last-child { text-align:right;}
.cart-added div div .cart-icon .cart-no { position:absolute; display:inline-block; background:#fff; border:1px solid #000;border-radius:25px; -webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px; width:19px; height:19px; right: -15px;top: -4px; font-size:13px; text-align: center; }

.cart-added div div h2 a:hover { opacity:0.6;}

/* checkbox css */
.input-container {margin-bottom:0px; position:relative; padding-left:10px;}
/* use :not selector here to support older broswers 
   more info: http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/
*/
.input-container input[type=checkbox]:not(old) {opacity: 0; /* match the dimentsions of the custom label */width: 22px;height: 22px;padding: 0; margin: 0; cursor:pointer; position:absolute; left:0px;}
/*** The box */
.input-container label { position: relative; color:#000; font-size:15px;font-family:'Avenir-Medium'; line-height:15px; text-align: left; }
/*.input-container label::after {content: "";position: absolute;top: 0px;left: -32px; width: 22px;height: 22px; border-radius: 3px;background-color: none; border: 1px solid black;transform: rotate(0);pointer-events: none;text-align: center;color: #FFF; border-radius:3px;}*/
/*** The tick */
.input-container input[type=checkbox]:checked + label:after {content: "";background:url(../img/check-pedido.svg) no-repeat center center; background-size: 84%;}
/* check box css end */

.myform {text-align: center;padding: 0px;margin: 0 0px 0 0;float: left;}
.myform .qty {float:right; width: 22px; height: 22px; padding:0px; text-align: center; font-size:16px; color:#000; font-family:'Avenir-Roman'; border:none;display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center; }
.myform button.cart-qty-plus {float:right; width:22px; height:22px; background:none; border:1px solid #000; padding:0; margin:0; font-size:22px; line-height:22px;font-family: 'Avenir-Roman'; color:#000; position: relative; top: 0px; left: 0px; cursor:pointer;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.myform button.cart-qty-minus {float:right; width:22px; height:22px; background:none; border:1px solid #000; padding:0; margin:0; font-size:22px; line-height:22px;font-family: 'Avenir-Roman'; color:#000; position: relative; top: 0px; left: 0px; cursor:pointer;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.myform button.cart-qty-plus:hover { color:#fff; background:#000;}
.myform button.cart-qty-minus:hover { color:#fff; background:#000;}

.prd-title { float:left; width:100%;}
.prd-tit-lft { float:left; width:65%;}
.prd-tit-lft h2{ color:#000; font-size:20px;font-family:'Avenir-Black'; line-height:26px; margin-bottom:8px; float: left; max-width: 80%; }
.prd-tit-lft p{ color:#c3c3c3; font-size:13px;font-family:'Avenir-Book'; line-height:15px; margin-bottom:0px; float: left; width: 100%; }
.prd-tit-rgt { float:left; width:35%; text-align:right;}
.prd-tit-rgt h2{ color:#d4311e; font-size:18px;font-family: 'Avenir-Black'; line-height:28px;}

.prd-add-home { float: left; width: 100%; }
.prd-add-home .add-btn{ display: block; line-height: 28px; width: 40%; border: 1px solid #000; background-color: #000; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; font-size: 30px; font-family: 'Avenir-Medium'; color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; margin: 0 auto; float: right; max-width: 30px; padding: 0px; }
.prd-add-home .add-btn:hover{ background:#000; color:#fff;}
.prd-add-variant { float: left; width: 100%; }
.prd-add-variant .add-btn{ display: block; line-height: 28px; width: 40%; border: 1px solid #000; background-color: #000; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; font-size: 30px; font-family: 'Avenir-Medium'; color: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; margin: 0 auto; float: right; max-width: 30px; padding: 0px; }
.prd-add-variant .add-btn:hover{ background:#000; color:#fff;}
.prd-add { float:left; width:100%; margin:15px 0px 20px;}
.prd-add .add-btn{ display:block; height:40px; line-height:39px; width:100%; border:1px solid #000; text-align:center;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; font-size:16px;font-family:'Avenir-Medium'; color:#000;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; background-color: white;}
.prd-add .add-btn:hover{ background:#000; color:#fff;}

#myform {text-align: center;padding: 0px;margin: 0 0px 0 0;float: left; display:none;}
#myform .qty {float:left; width: 28px; height: 28px; text-align: center; font-size:15px; color:#000; font-family:'Avenir-Roman'; border:none;display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center; }
#myform input.qtyplus {float:left; width:28px; height:28px; background:none; border:1px solid #000; padding:0; margin:0; font-size:20px;font-family:'Avenir-Roman'; color:#000; position: relative; top: 0px; left: 0px; cursor:pointer;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
#myform input.qtyminus {float:left; width:28px; height:28px; background:none; border:1px solid #000; padding:0; margin:0; font-size:22px;font-family:'Avenir-Roman'; color:#000; position: relative; top: 0px; left: 0px; cursor:pointer;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;display: flex; display: -webkit-flex; align-items: center; justify-content: center;-webkit-align-items: center;-webkit-justify-content: center; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
#myform input.qtyplus:hover { color:#fff; background:#000;}
#myform input.qtyminus:hover { color:#fff; background:#000;}


.prd-desc { float:left; width:100%;}
.prd-desc h3{color:#000; font-size:16px;font-family:'Avenir-Black'; line-height:18px; margin-bottom:8px; }
.prd-desc p{ color:#000; font-size:15px;font-family:'Avenir-Book'; line-height:20px; margin-bottom:20px;}

.alerg-links { float:left; width:100%; padding-top:13px; border-top:1px solid #f3f3f3;}
.alerg-links ul { float:left;}
.alerg-links ul li { float:left; width:22px; margin-right:5px;}
.alerg-links ul li a{ display:block;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.alerg-links ul li a:hover{ opacity:0.6;}
.alerg-links a.aler-link { float:right; font-size:15px; text-decoration:underline;}
.alerg-links a.aler-link:hover { opacity:0.6;}

#prod-car .prd-pad{float:left; width:100%;}
#prod-car .prd-pad .prd-img {float:left; width:100%;}
#prod-car .prd-pad .prd-img img{float:left; width:100%; border-radius:8px 8px 0px 0px; -webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; -o-border-radius:8px 8px 0px 0px;}
#prod-car .prd-pad .prd-cnt{float:left; width:100%; background:#fff; padding:13px 12px; border-radius:0px 0px 8px 8px; -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px; -o-border-radius:0px 0px 8px 8px; box-shadow: 3px 6px 8px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 6px 8px rgba(0,0,0,0.1); -moz-box-shadow: 3px 6px 8px rgba(0,0,0,0.1); -o-box-shadow: 3px 6px 8px rgba(0,0,0,0.1);}
#prod-car .prd-pad .prd-cnt h1 { color:#010101; font-size:15px; line-height:16px; font-family:'Avenir-Black'; margin-bottom:10px;}
#prod-car .prd-pad .prd-cnt h2 { color:#d4311e; font-size:13px; line-height:13px; font-family:'Avenir-Black'; margin-bottom:0px;}


.payment-sec { width: 100%; margin-bottom: 20px; max-width: 768px; margin: 20px auto;}
.payment-sec ul.pay-lst{ float:left; width:100%; display: flex; display: -webkit-flex; align-items: center; justify-content: left;-webkit-align-items: center;-webkit-justify-content: left; margin-bottom:15px;}
.payment-sec ul.pay-lst li:first-child { width:30%;}
.payment-sec ul.pay-lst li{ float:left; width:14.5%; margin-right:3%;}
.payment-sec ul.pay-lst li:last-child{ margin-right:0px;}
.payment-sec ul li a{ float: left;width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.payment-sec ul li a:hover{ opacity:0.7; }
.payment-sec ul li a img { float:left;}

.payment-sec ul.store-lst{ float:left; width:100%; display: flex; display: -webkit-flex; align-items: center; justify-content: left;-webkit-align-items: center;-webkit-justify-content: left; margin-bottom:0px;}
.payment-sec ul.store-lst li{ float:left; width:49%; margin-right:2%;}
.payment-sec ul.store-lst li:last-child{ margin-right:0px;}

/*footer css */
footer.btm-foot { float:left; width:100%; background:#000; padding:12px 0px;}
footer.btm-foot p { font-size:12px; color:#fff; font-family:'Avenir-Roman'; line-height: 22px;}
footer.btm-foot p a{ font-size:12px; color:#fff; font-family:'Avenir-Roman'; margin-right:8px;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
footer.btm-foot p a:hover{ opacity:0.6; }


/* product card  page*/
.prod-title-sec {float:left; width:100%; padding:15px 0px; border-bottom:1px solid #ededed; background:#fff;}
.prod-title-sec h2 { font-size:12px; color:#000; font-family:'Avenir-Roman'; line-height: 15px; text-transform:uppercase;}
.pdt-card-sec { display:inline-block; width:100%; background:#f5f5f5; padding:10px 0px 15px; overflow:hidden;}
.back-div { float:left; width:100%; margin-bottom:15px;}
.back-div a.back {font-size:12px; color:#000; font-family:'Avenir-Roman'; line-height: 15px; padding-left:10px; }
.back-div a.back span{background:url(../img/dropdown-down-back.svg) no-repeat center center; float:left; width:12px; height:23px;}
.back-div a.back:hover { /*text-decoration:underline;*/ opacity:0.6}

.prd-card-cont { float:left; width:100%; background:#fff; border:1px solid #ededed; padding:7px 5px 22px;margin-bottom:8px;}

.prd-card-det { float:left; width:100%;}
.card-det-lft { float:left; /*width:30%;*/ margin-right:10px; width:auto;}
.card-det-lft img{ float:left;/*width:100%;*/width:auto; border-radius:6px; -webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;}
.card-det-rgt { float:left; /*width:68%;*/ width:calc(100% - 90px);}
.card-txt-det { float:left; width:100%; padding-top:4px; margin-bottom:8px;}
.crd-lft { float:left; width:65%; margin-right:3%; padding-right:10px;}
.crd-lft h2{ color:#000; font-size:14px;font-family:'Avenir-Black'; line-height:18px; margin-bottom:8px;}
.crd-rgt { float:left; width:32%; text-align:right;}
.crd-rgt h2 {color: #d4311e;font-size: 16px;font-family: 'Avenir-Black';line-height: 18px;}

.white-box{ float:left; width:100%; background:#fff; border:1px solid #ededed; padding:15px 10px; margin-bottom:8px;}
.white-box ul li { float:left; width:100%;font-size:12px; color:#000; font-family:'Avenir-Roman'; line-height: 22px; margin-bottom:5px;}
.white-box ul li:last-child { margin-bottom:0px;}
.white-box ul li .item-lft{ float:left; }
.white-box ul li .item-rgt{ float:right; }
.white-box ul li .item-lft.item-tot h3 { font-size:23px;font-family:'Avenir-Black';}
.white-box ul li .item-rgt.item-tot-price h3 { font-size:23px;font-family:'Avenir-Black';}

.promo-code { float:left; width:100%;}
.promo-code input[type=text]{ float:left; width:67%; margin-right:3%; border:1px solid #000;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;color:#000; font-size:14px;font-family:'Avenir-Roman'; line-height:38px; height:40px; padding:0px 10px;}

.promo-code input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
  opacity:1;
}
.promo-code input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity:1;
}
.promo-code input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  opacity:1;
}
.promo-code input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #000;
  opacity:1;
}

a.apli-btn{ float:left; height:40px; line-height:39px; width:30%; border:1px solid #000; text-align:center;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; font-size:15px;font-family:'AvenirLTStd-Heavy'; color:#000;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
a.apli-btn:hover{ background:#000; color:#fff;}

.prd-card-items { float:left; width:100%;}
.prd-card-items ul { float:left; width:100%; border:1px solid #ededed; margin:16px 0px;}
.prd-card-items ul li { float:left; width:100%; border-bottom:1px solid #ededed; padding:12px 16px;}
.prd-card-items ul li:last-child { border-bottom:none;}
.prd-card-items ul li .item-no { float:left; width:12%; margin-right:3%;color:#000; font-size:14px;font-family:'Avenir-Medium';}
.prd-card-items ul li .item-desc { float:left; width:85%; color:#000; font-size:15px;font-family:'Avenir-Medium'; line-height:20px;}

a.elim-link { float:right; font-size:13px; text-decoration:underline;}
a.elim-link:hover { opacity:0.6;}

.prd-bt { float:left; width:100%; margin-bottom:25px;}
.prd-bt .add-btn{ display:block; height:40px; line-height:39px; width:100%; border:1px solid #000; text-align:center;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; font-size:16px;font-family:'Avenir-Medium'; color:#000;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.prd-bt .add-btn:hover{ background:#000; color:#fff;}

.modal-overlay.modal-overlay1 { opacity: 0;filter: alpha(opacity=0);position: fixed;top: 0;left: 0;z-index: 900;width: 100%;height: 100%;background: rgba(0, 0, 0, 1) !important;}
.modal-box.modal-box-fixd { width:85%; height:auto;}
.modal-box.modal-box-fixd .modal-body { padding:55px 22px 28px;}
.modal-box.modal-box-fixd .modal-body .prd-card-det { margin-bottom:16px;}
.modal-box.modal-box-fixd .modal-body .card-txt-det {padding-top:0px; margin-bottom:15px;}
.modal-box.modal-box-fixd .modal-body .crd-lft { width:100%; margin-right:0px; padding-right:0px;}
.modal-box.modal-box-fixd .modal-body .crd-lft h2 { margin-bottom:10px; font-size:15px;}
.modal-box.modal-box-fixd .modal-body .crd-rgt {width: 100%;text-align: left;}
.modal-box.modal-box-fixd .modal-body a.apli-btn{ width:100%;}


/* shops page css */
.shop-title {float:left; width:100%; padding:25px 0px 20px; background:#f5f5f5;}
.shop-title h2 { font-size:12px; color:#000; font-family:'Avenir-Roman'; line-height: 15px; text-transform:uppercase;}
.map-card-sec { float:left; width:100%; padding:0px; background:#f5f5f5;}

.map-box{ float:left; width:100%; background:#fff; border:1px solid #ededed; padding:11px 11px 18px; margin-bottom:10px; border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; box-shadow: 0px 2px 7px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.1); -o-box-shadow: 0px 2px 7px rgba(0,0,0,0.1);}

.map-lft { float:left; width:37%; margin-right:6%;}
.map-rgt { float:left; width:57%; }
.map-lft .map-div { float:left; width:100%; margin-bottom:5px; }
.map-lft .map-div iframe {border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; height:130px}
.map-lft a.elim-link {float: left;}
.map-rgt p{ color:#000; font-size:14px;font-family:'Avenir-Book'; line-height:22px; margin-bottom:18px;}
.map-rgt p span.phone { background:url(../img/phone.svg) no-repeat center center; float:left; width:12px; height:22px; margin-right:8px;}
.map-rgt h2{ color:#000; font-size:15px;font-family:'Avenir-Black'; line-height:20px; margin-bottom:10px;}
.map-rgt h3{ color:#3b8bea; font-size:14px;font-family:'Avenir-Book'; line-height:18px; margin-bottom:12px;}
.map-rgt h3 span.loc { background:url(../img/ico-mapa.svg) no-repeat center center; float:left; width:12px; height:17px; margin-right:8px;}

.map-rgt a.elegir-btn{ float:left; height:35px; line-height:33px; border:1px solid #000; text-align:center;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; font-size:13px;font-family:'AvenirLTStd-Heavy'; color:#000;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; padding:0px 16px;}
.map-rgt a.elegir-btn:hover{ background:#000; color:#fff;}

/* offer popup page css */

.modal-box.modal-box-offer { width:85%; height:85%;}
.modal-box.modal-box-offer .modal-body { padding:85px 22px 28px; text-align:center;}
.modal-box.modal-box-offer .modal-body .graci-cont h2 {color:#000; font-size:11px;font-family:'Avenir-Light'; line-height:12px; text-transform:uppercase; margin-bottom:0px; }
.modal-box.modal-box-offer .modal-body .graci-cont .img-div { float:left; width:100%; margin:25px 0px;}
.modal-box.modal-box-offer .modal-body .graci-cont h1 {color:#000; font-size:20px;font-family:'Avenir-Black'; line-height:25px; text-transform:uppercase; margin-bottom:75px; }

a.ana-btn{ float:left; height:40px; line-height:39px; width:100%; border:1px solid #000; text-align:center;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px; font-size:15px;font-family:'Avenir-Medium'; color:#000;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; margin-bottom:18px;}
a.ana-btn:hover{ background:#000; color:#fff;}

a.graci-link {color:#000; font-size: 14px;text-decoration: underline;}
a.graci-link:hover {text-decoration: none;}

.modal-box.modal-box-offer .modal-body .perfect-cont { float:left; width:100%; display:none;}
.modal-box.modal-box-offer .modal-body .perfect-cont .img-div { float:left; width:100%; margin:0px 0px 28px;}
.modal-box.modal-box-offer .modal-body .perfect-cont .img-div img {  width:58px;}
.modal-box.modal-box-offer .modal-body .perfect-cont h2 {color:#000; font-size:20px;font-family:'Avenir-Black'; line-height:25px;margin-bottom:20px; }
.modal-box.modal-box-offer .modal-body .perfect-cont p {color:#000; font-size:16px;line-height:24px;margin-bottom:155px; }

/* 12-05-2018 css */
.senimos.red-bg .img-pedio3 img.img-width { width:90px;}
.pad-bth { margin-bottom: 5px; }
.senimos.white-bg { background:url(../img/fondo_appBLANCO-2.jpg) repeat left top; background-size: cover; padding:50px 5% 0; position:relative;}
.senimos.white-bg h1 { color:#000;}
.senimos.white-bg p {color:#000;}
.senimos.white-bg ul { float:left; margin:30px 0 0 0;}
.senimos.white-bg ul li input[type="text"], .senimos.white-bg ul li input[type="email"] { background:rgba(0,0,0,0.1); color:#000;}
.senimos.white-bg ul li button { background: none; color: #000; border: 1px solid #000;}
.senimos.white-bg ul li button:hover { background:#000; color:#fff;}
.hdr-top.hdr-white { background:#fff;}
.hdr-top.hdr-white #m-menu span, .hdr-top.hdr-white #m-menu span::after, .hdr-top.hdr-white #m-menu span::before { background:#000;}
.hdr-top.hdr-white #m-menu.on span {background-color: transparent;}
.senimos.white-bg .img-pedio3 { border:none; width: 120px; height: 90px; margin:50px 0 20px 0}
.pad-btm { padding:20px 0;}
.senimos.white-bg .progress-percentage { color:#000;}
.senimos.white-bg .circular-progress-bar { top:30px;}
.senimos.white-bg a.underline { color:#000;}

/*.footer-tab.btm-white::after { position: absolute; display: block; content: ""; height: 1px; background: #e3e3e3; left: 12%; width:76%;   top: 34%;  z-index: -1;}*/
.footer-tab.btm-white { text-align:center; box-shadow: 0px -1px 3px rgba(0,0,0,0.2);}
.footer-tab.btm-white ul li { width: 22%; position: relative; margin-right: 0%; float: none; display:inline-block;}
.footer-tab.btm-white ul li  a { background:none; text-align: center; width: 68px; float: left;}
/*.footer-tab.btm-white ul li a span:after { position:absolute; display:block; content:""; left:0; height:1px; background:red; width:100%;}*/
.footer-tab.btm-white ul li:last-child {  margin-right:0; width:auto; }
.footer-tab ul li a span { position:relative;background: #e3e3e3; width: 30px; height: 30px; display: inline-block; border-radius: 50%; padding: 0px; border: 3px solid #fff;}
.footer-tab.btm-white ul li.active a span::before { position: absolute; display: block; content: ""; border: 1px dashed #e82215; width: 100%; height: 100%;  border-radius: 50%; padding: 15px; left: -4px; top: -4px;}
.footer-tab.btm-white ul li span.line { position: absolute; display: block; content: ""; height: 1px; background: #e3e3e3; left: 26%;
/* width:85%;*/ top: 25%; z-index: -1; width: calc(100% - 15px);}
.footer-tab.btm-white ul li.active span.line { background:#e82215; }

/*.footer-tab.btm-white ul li:after { position: absolute; display: block; content: ""; height: 1px; background: #e82215; left: 12%; width:76%;   top: 34%;  z-index: -1;}*/
/*.footer-tab ul li a span::before { position: absolute; display: block; content: ""; border: 1px dashed #e3e3e3; width: 100%; height: 100%;  border-radius: 50%; padding: 15px; left: -3px; top: -3px;}*/


/*06-12-2018*/
.pad-bth1 {float: left; width: 100%; padding: 12% 12%; background:#ffffff; border-radius:5px;-moz-border-radius:5px; -webkit-border-radius5px; -o-border-radius:5px; position:relative; margin-bottom:0;}
.senimos.red-bg .pad-bth1 h1 { color:#000000;}
.senimos.red-bg .pad-bth1 .img-pedio3 { width:auto; height:auto; margin-top:37px;}
.senimos.red-bg .pad-bth1 .img-pedio3 img {width: 102px; margin: 0;}
.senimos.red-bg .pad-bth1 p { color:#000000;}
.pad-bth1 .circular-progress-bar { top:-10px;}
.pad-bth1  .progress-percentage { color:#000000;}
.footer-tab.center-pad { text-align:center;}
.footer-tab.center-pad ul li { float:none; display:inline-block; margin-right:30px;}
.footer-tab.center-pad ul li:last-child { margin-right:0;}
.senimos.red-bg.no-pad { padding-top:20px;}

.senimos.red-bg.no-pad .pad-bth1 .img-pedio3 { margin-top:0; width:80px;}
.senimos.red-bg.no-pad .pad-bth1 .progress-percentage { font-size:34px;}

.footer-tab.btm-white.inn-tab { box-shadow:none; position:relative; padding-bottom:0;}
.footer-tab.btm-white.inn-tab ul li { margin-bottom:0;}
.footer-tab.btm-white.inn-tab ul li a { border:none; border-radius:0px; padding:0; font-family:'Avenir-Roman';}
.pad-bth.pad-bth1 { padding:12% 4% 2%}
.footer-tab.btm-white.inn-tab ul li span.line { z-index:0;}

#map.mar-btm-20 { margin-bottom:20px;}
.pad-bth.pad-bth1.pad-no-bg { background: none;}
.senimos.red-bg .pad-bth1.pad-no-bg h1 { color:#ffffff;}
.senimos.red-bg .pad-bth1.pad-no-bg p { color:#ffffff;}
.footer-tab.btm-white.inn-tab.inn-tab1 { width:70px; border-radius: 5px;}
.footer-tab.btm-white.inn-tab.inn-tab1 .senimos.red-bg ul{display: list-item;}
.footer-tab.btm-white.inn-tab.inn-tab1 ul li { width:100%;margin-bottom: 36px;line-height: 16px;}
.footer-tab.btm-white.inn-tab.inn-tab1 ul li:last-child { margin-bottom:0;}
.pad-bth.pad-bth1.pad-no-bg .img-pedio3 { border: none;}
.rht-pad { margin-top: 48px;}
.footer-tab.btm-white.inn-tab.inn-tab1 ul li span.line{width:calc(100% - 69px);height: 68%;left: 34px;top: 100%; z-index:0;}


/* user data css */
.page-title{background:#fff; width:100%; margin:0 auto; padding:15px 0; float:left; border-bottom:1px solid #ededed; }
.page-title h2{font-family:'Avenir-Roman'; font-size:14px; line-height:normal;} 
.inciar-sesion-tab {width: 100%;float: left; padding: 0 0 30px;}
/* .inciar-sesion-tab .tab-nav > li{width: 50%;float: left;padding:15px;background: #fff;border-width: 0px 1px 1px 0;border-style: solid;border-color: #ededed;text-align: center;font-family:'Avenir-Black';font-size: 15px;cursor: pointer;/* font-weight: bold; /} */
.inciar-sesion-tab .tab-nav > li{width: 50%;float: left;padding:15px;background: #fff;border-width: 0px 1px 1px 1px;border-style: solid;border-color: #ededed;text-align: center;font-family:'Avenir-Black';font-size: 15px;cursor: pointer;/* font-weight: bold; */}
.inciar-sesion-tab .tab-nav > li:hover{background:rgba(255,255,255,0.6);}
.inciar-sesion-tab .tab-nav > li:first-child{ border-left:1px solid #ededed;}
.inciar-sesion-tab .tab-nav > li.active{border-color: transparent; background:transparent;}
.tab-cnt{ display:none; width:100%; float:left; padding: 30px 20px;}
.tab-cnt.active{display:block; }
.tab-cnt#mi-cnt{padding:30px 20px;}
.reg-social{width:100%; float:left; padding: 0px 0 0; display:block;}
.reg-email{display:none; width:100%; float:left;}
.email-wrapper {width: 100%; margin: 0 auto; padding:5px 0 0;}
.reg-social p{font-size:14px; font-family:'Avenir-Roman'; line-height:20px; margin:0 0 25px; text-align:center;}
.reg-social p a { text-align: center !important; }
.reg-social a.btn{height:42px; display:block; font-size:12px; font-family:'Avenir-Roman'; background:#fff; border:1px solid #dcdedd; border-radius:5px; padding:10px; width:100%;  max-width:100%; margin:0 auto 10px; background-image:url('../img/instagram-login.svg'); background-repeat:no-repeat; background-size: 22px 24px; background-position: center left 15px; padding-left:50px; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; text-align: left; line-height: 22px;}
.reg-social a.btn:hover{background-color:#ececec;}
.reg-social a.btn.fb{color:#fff; background:#17204b; background-image:url('../img/facebook-login-white.svg'); background-size: 10px 20px; background-position: center left 19px; background-repeat:no-repeat; font-size: 16px;}
.reg-social a.btn.fb:hover{ background-color:#131a3c;}
.opor-separate{text-align:center; font-size:16px; font-family:'Avenir-Roman'; line-height:18px; margin:15px 0 25px; width:100%; float:left;}
.frm-container {width:100%; float:left;}
.frm-container li{width:100%; margin: 0 auto; max-width:100%; position: relative;}
.frm-container li .frm-ctrl{width:100%; height:42px; border:1px solid #ededed; padding:0 10px; font-family:'Avenir-Roman'; font-size:14px; color:#000; margin:0 0 10px; border-radius:2px;}
.frm-container li .frm-ctrl:focus{border:1px solid #8d4644; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
.frm-container li .msg{font-family:'Avenir-Roman'; font-size:14px; color:#a5a5a5; margin:0 0 10px; display:block; width:100%; float:left;}
.checkbox{width:100%; float:left; position:relative; min-height:20px; margin: 0 0 5px;}
.checkbox input{position:absolute; visibility:hidden; width:1px; height:1px;}
.checkbox label{width:100%; padding: 0 0 0 25px; position:relative; float:left; font-family:'Avenir-Medium'; font-size:16px; color:#000; cursor:pointer; text-align: left;}
.checkbox label a{color:#000; text-decoration:underline; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
.checkbox label a{color:#000; text-decoration:underline; opacity:1; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
.checkbox label a:hover{color:rgba(0,0,0,0.7);}
.checkbox label:after{position:absolute; width:14px; height:14px; background:#fff; border:1px solid #d7d7d7; top:3px; left:0; content:""; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; border-radius:2px;}
.checkbox label:before{position: absolute; width: 8px;height: 8px;background: #fff;top: 6px;left: 3px;content: "";z-index: 1; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;}
.checkbox input:checked + label:after {border:1px solid #000;}
.checkbox input:checked + label:before {background:#000;}
.sub-btn{height:42px; display:block; font-size:14px; font-family:'AvenirLTStd-Heavy'; background:transparent; border:1px solid #000; border-radius:5px; padding:10px; width:100%;  max-width:100%; margin:0 auto 10px; padding:10px; text-align:center; color:#000; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; text-transform: unset; box-shadow: unset; font-size: 16px;}
.sub-btn:hover{background:#000; color:#fff;}
.sub-btn.m25-0, .sub-sub-btn.m25-0{margin:25px auto 0;}
.forger-password{display:block; margin:0 auto; font-size:14px; text-decoration:underline; text-align:center;}
.forger-password:hover{opacity:0.6;}
.email-wrapper h2{font-family: 'Avenir-Black'; font-size: 14px; font-weight: bold; margin:15px 0 5px; clear:both; float:left; width:100%;}
.email-wrapper .frm-container li .frm-ctrl{margin:0 0 5px;}
.pay-pal img{width: 35px;margin:0 0 0 5px;}
.pay-pal2{margin:0 0 15px;}
.pay-pal2 img:first-child{margin:0;}	
.pay-pal2 img{width: 40px; margin:0 0 0 9px;}
.pay-pal  label span{position: relative;top: -7px;}
.frm-container li.col2-txt{margin:0 0 10px;}
.frm-container li.col2-txt .frm-ctrl:first-child{width:50%; margin-right:5px;}
.frm-container li.col2-txt .frm-ctrl{width:calc(50% - 50px); margin-right:5px;}
.frm-container li.col2-txt .img{width: 25px;height: 25px;top: 8px;background: #d0d0d0;border-radius: 50%;float: right;display: flex;align-items: center;justify-content: center;position: relative;}
/* .frm-container li.col2-txt .img img{width: 18px;height: 18px;border: 2px solid #fff;border-radius: 50%;padding: 2px;} */	
.frm-container li.col2-txt .img img{height: 8px;}	
.frm-container li.col2-txt .img:after{position: absolute;content: "";width: 0;height: 0;border-right: 7px solid #d0d0d0;border-left: 4px solid transparent;border-bottom: 4px solid transparent; border-top: 4px solid transparent; left:-8px}
.frm-container li.col2-txt .img:before{position: absolute;content: "";width: 17px;height: 17px;border: 2px solid #fff;left: 0;margin: 0px auto 0;right: 0;border-radius: 50%;} 	
.extra-margin .checkbox{margin:0 0 10px;}
.extra-margin .checkbox.pay-pal2{margin:0 0 15px;}

.inciar-sesion-tab.no-pad-btm { padding-bottom:0; background-color: #eaeaea;}
.button-dropdown.nav-toggle-red .menu-list ul li.social-mob ul li a:hover { opacity:0.7;}


.pdt-list ul li a.ubicac { padding:10px 6% 10px 10%;}
.pdt-list ul li a.productos { padding:10px 11% 10px 6%;}

.active-drop .cart-added { z-index:0;}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.pdt-ubicac .srh-box { width:89%;}
.pdt-ubicac .search a.red-btn { width:11%;}

.medit { width:88%;}
.no-ico { width:12%;}

.footer-tab.btm-white ul li span.line {left: 54px; width: calc(100% - 35px);}

/* CUSTOM */
.hourTimeSelector { width: 100% !important; }
/* /CUSTOM */
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.pdt-ubicac .srh-box { width:84%;}
.pdt-ubicac .search a.red-btn { width:16%;}

.medit { width:82%; line-height: 24px; }
.no-ico { width:18%;}
.medit img { float:left;}

.footer-tab.btm-white ul li span.line {left: 52px; width: calc(100% - 36px);}
.pdt-list ul li a.ubicac { padding:10px 8% 10px 10%;}

.mnu-txt-variants { width : 100% !important; }
.variantMobile { display: block !important; float: left; width: calc(100% - 190px); }
.variantMobile h2{ font-size: 15px; color: #000; font-family: 'Avenir-Black'; margin-bottom: 8px; line-height: 18px; }
.variantMobile p { color: #000; font-size: 13px; line-height: 18px; }
.variantMobile p.variantChoice { font-family: 'Avenir-Black'; }
.mnu-txt-variants > h2, .mnu-txt-variants .prd-add-home > p, .mnu-txt-variants br { display: none !important;}

}

@media screen and (max-width:374px) {
	.mnu-txt { float: left; width: calc(100% - 146px); }
	.variantMobile { float: left; width: calc(100% - 146px); }
	.mnu-img { float: left; margin-right: 10px; width: 136px; }
	.dateSelector article .markerDayHour { margin-right: 5px; }

	#delivery-addresses article.address-item .actions_delete { width: 25% !important; }
	#delivery-addresses article.address-item .actions_edit { width: 25% !important; }
	#delivery-addresses .marker { margin-right: 5px; }

	.prd-tit-lft h2 { font-size: 18px !important; max-width: 75%; }
}