@charset "UTF-8";

/*!
 * Diseño y Maquetación: Silvia Arzamendia;
 * Agencia La Moderna
 * 2016
 * Cliente: SamaSushi;
 */
body{font-family: 'Source Sans Pro', sans-serif;}
/* FIX: Google IFrame */
body > iframe { display: none; }
a:focus{ outline: none !important; }
/* comentario */
.navbar.menuprincipalsama{ background:#231f20; border:none;min-height: 80px; color: #fff; padding-top: 12px}
.navbar.menuprincipalsama .nav_sec{ float: right; padding-top: 19px }
.navbar.menuprincipalsama .nav_sec.nav_sec.paneluser{ padding-top: 10px }
.navbar.menuprincipalsama .nav_sec.logocontainer a{ display: block; padding: 12px 0}
.navbar.menuprincipalsama .nav_sec.logocontainer,
.navbar.menuprincipalsama .nav_sec.buscador,
.navbar.menuprincipalsama .nav_sec.vermenu{ padding-top: 12px}
.navbar.menuprincipalsama .nav_sec.vermenu a:focus{ text-decoration: none }
.navbar.menuprincipalsama .nav_sec .row{ margin: 0 10px }
.navbar.menuprincipalsama .nav_sec.linkslogin .row{ margin:0; }

.navbar.menuprincipalsama .nav_sec.logocontainer{ float: left;  padding-top: 0}
.navbar.menuprincipalsama .horarioatencion{ text-align: left;  }
.navbar.menuprincipalsama .horarios{font-family: 'Oswald', sans-serif; font-weight: lighter; text-transform: uppercase; font-size: 23px}
small{ font-size: 11px;text-transform: uppercase;display: block;line-height: 7px;}
small.abiertos{ color:#00dd3e; }
small.cerrados{ color: #ed1c24;  display: none}
.navbar.menuprincipalsama .uniconumero{ text-align: left;    }
.navbar.menuprincipalsama .numerotel{font-size: 24px; font-family: 'Oswald', sans-serif; }
.linkslogin small a{ color: #fff; font-size: 11px; }
.loginform{padding-top: 4px;}
.loginform .navbar-form.navbar-right{ padding:0; margin:0 !important; }
.loginform .form-group{  }
.loginform .form-group input{ width: 123px;background: none;border-radius: 0;border-color: #fff;font-size: 13px;height: 23px;padding: 0 9px;color: #fff}
.loginform .btn-default{ background: #ed1c24;border: none;color: #fff;    font-size: 18px;padding: 0 3px;border-radius: 0; }
.loginform .btn-default:focus{outline: none}
.buscador{border:1px solid #ed1c24; color: #fff; font-size: 24px;}
.buscador a{ display: block; padding: 9px 12px; color: #fff }
.buscador a:focus{outline:none;}
.vermenu{}
.vermenu a{ display: block;padding: 7px 6px 6px 12px;color: #fff;font-family: 'Oswald', sans-serif;font-size: 24px;color: #ed1c24;text-transform: uppercase; font-weight: 700}
.vermenu a:hover{ text-decoration: none }

.micarritoiconito{ width: 56px;float: right;margin-top: 10px;}
.micarritoiconito i{ font-size: 30px; }
.micarritotextito {  width: 112px;
    /* text-align: right; */
    float: right;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;}
.micarritotextito span{ font-weight: lighter }
.micarritochevron{width: 20px;
    float: right;
    margin: 12px 7px 0 0;}
.micarritotextito .ajax-loader { text-align: center; }
.micarritotextito .ajax-loader>img { width:20px; }


.containerflyernav{ width: 100%;  display: none; max-height: 360px; position: absolute;top: 60px; right: 0;  z-index: 10000;background: #231f20;     overflow: auto;}

.flyerpanelnav{ width: 100%; font-family: 'Oswald', sans-serif; border: 1px solid #2c2527;  padding: 12px;  display: table;  }


.navbar.menuprincipalsama .nav_sec .flyerpanelnav .row{ padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #141212; display: flex; height: 100%; width: 100%; margin:0;}
.navbar.menuprincipalsama .nav_sec .flyerpanelnav .row:last-child{border:none; padding-bottom: 0}
.flyerdetail{ float: left;     padding: 0;}
.flyerprice{ float: right;     padding: 0; text-align: right}
.flyerpanelnav .row.contbtn{ text-align: center }
.flyerpanelnav .row.contbtn .btnrojo{ margin: 0 auto; }
.flyerdetail, .flyerprice{ display: table-cell; vertical-align: bottom;float: none; font-weight: lighter; text-transform: uppercase;}
.navbar.menuprincipalsama .nav_sec .flyerpanelnav .row.navtotal{ border-top:2px solid #fff; border-bottom: none; font-weight: bold}


#popup_login input[type="text"],
#popup_login input[type="password"]{ width: 100% }
/* #popup_login .modal-header .close{ margin:0  } */
.parrafologin{ text-align: center; padding: 20px 12px; }
.parrafologin a{color: #ed1c24}
.botonesgyf{ margin: 20px 0 };
.botonesgyf div, .botonesgyf div img{ text-align: center }
.botonesgyf div img{ float: none }
.btnpoplogin .btnrojo{ font-size: 16px; margin-top: 20px }

#paneluser:hover .containerflyernav,
#paneluser .containerflyernav:hover {
    display: block;
}
#paneluser:hover{ cursor: pointer; }
.abrirpop{display: block;}
.cerrarpop{display: none !important;}


/*
#paneluser:hover + .flyerpanelnav{
 display:table;
}
*/

.redesfixed{ position: fixed; left: 0; top: 200px; z-index: 1000 }
.redesfixed ul{ margin:0; padding:0; }
.redesfixed ul li{ display: block;  margin-bottom: 12px; }
.redesfixed ul li a{ color: #000; background: #fff;  font-size: 20px; transition: all .2s linear; padding: 6px; opacity: .6; box-shadow:0px 0px 2px 1px #bebebe}
.redesfixed ul li a:hover{ padding-left:16px; opacity: 1 }

.nopadding{ padding: 0 }
.bannerprincipalcont{ position: relative; }
.slidedesktop .bannerprincipal{ margin-top: 112px; }
.slidedesktop .bannerprincipal .slick-slide a img{ max-width:115%; }
.slick-next{ right: 6px;}
.slick-prev{ left: 6px; z-index: 10}
.pag_index .slick-next{ right: 26px;}
.pag_index .slick-prev{ left: 26px; z-index: 10}
.slick-next:before {content: '\f054';}
.slick-prev:before {content: '\f053';}
.slick-prev:before, .slick-next:before{ font-family: FontAwesome; }
.panelvolador{ position: absolute; width: 100%; bottom: 0; z-index: 12}
.panelvolador .p_encabezado{ background: #ed1c24; color: #fff; text-align: center; padding: 6px 10px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 16px; position: relative}
.panelvolador .p_encabezado:hover{ cursor: pointer; }
.panelvolador .p_cuerpo{ background: rgba(255,255,255,.6); padding: 12px; display: none}
.panelvolador .thumbsushi{ float: left }
.panelvolador .detailsushi {float: left;padding: 0;text-align: left;}
.panelvolador .detailsushi h3{ text-align: left }

.thumbsushi{ float: none;  }
.detailsushi{ float: none; padding: 12px; text-align: center}
.detailsushi h3{font-family: 'Oswald', sans-serif; color:#231f20; text-transform: uppercase; font-size: 16px; text-align: center}
.thumbsushi img{ border-radius: 200px;  width: 100%; max-height: 137px; max-width: 137px; background-color: #fff; margin: 0 auto}
.thumbsushi img{ border:1px solid #bebebe }
.thumbsushi.especiales img{ border:6px solid #d1b887  }

.especialescolor{ color: #d1b887  }



.thumbsushi:focus{ outline: none }
.btncerrar{ position: absolute; top: 6px; right: 6px; font-size: 21px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.btncerrar.vuelta{
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.panelvolador .slick-next{ right: -10px }
.panelvolador .slick-prev{ left: -10px }

.panelvolador .slick-prev:before,
.panelvolador .slick-next:before{ color: #000 }



.panelrecomendados{ margin-top: 12px; width: 100%; padding:30px 0 70px 0 }
.panelrecomendados h1{ text-align: center }
.panelrecomendados h1 span {color: #ed1c24;}
.panelrecomendados .p_encabezado{ background: #ed1c24; color: #fff; text-align: center; padding: 6px 10px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 16px; position: relative}
.panelrecomendados .p_encabezado:hover{ cursor: pointer; }
.panelrecomendados .p_cuerpo{ background: rgba(255,255,255,.6); padding: 12px }
.panelrecomendados .slick-next{ right: -10px }
.panelrecomendados .slick-prev{ left: -10px }
.panelrecomendados .slick-prev:before,
.panelrecomendados .slick-next:before{ color: #000 }


h1{font-family: 'Oswald', sans-serif; text-transform: uppercase;}
h2{ margin-top: 0; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 18px }
/* h3 son los titulos de sushises ;) */
h3{ font-size: 16px; margin-top: 4px}
.btnrojo{ background: #ed1c24; font-size: 13px; font-family: 'Oswald', sans-serif;  color: #fff; text-decoration: none;  padding:6px 10px; text-transform: uppercase; border-radius:0; box-shadow: none;     display: inline-block;}
.btnrojo:hover{ text-decoration: none; color: #fff;}
.btnrojo:focus{ outline: none; color: #fff }

.btnrojo.add, .btnrojo.minus {
    background: #fff;
    font-size: 15px;
    color: #ed1c24;
    padding: 4px 10px;
}


/**** en 1052px empieza el responsive ***/

.direcciones h2{ margin: 15px 0 0 0 }

.direcciones .direccion{ margin-bottom: 16px; }

.dir1 h2{ color: #231f20 }
.dir2 h2{ color: #231f20 }
.dir3 h2{ color: #231f20; }

/*
.dir2 h2{ color: #ed1c24; }
.dir2 h2{ color: #ffaa17 }
.dir3 h2{ color: #af1619; } */

.direcciones img.carita{ border-radius: 100px; }
.dir1 img.carita{ border:none;}
.dir2 img.carita{ border:none}
.dir3 img.carita{ border:none}
/* border:3px solid #ed1c24 */

.seccion{ padding-top: 20px; padding-bottom: 20px }

.seccion.catering{ background: #232020 }
.seccion.catering h1{ text-align: center;  }
.seccion.catering h1 span{color: #ed1c24;}

.seccion.catering p,
.seccion.catering h1,
.seccion.catering h4{color: #fff;}
.seccion.catering h2{color: #ed1c24; background: #232020 }
.catering_img{ position: relative; }
.seccion.catering .cateringcol1 h2{     position: absolute;bottom: 0;  margin-bottom:0;  padding: 13px;}
.seccion.catering h4{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 18px; font-weight: lighter; text-align: right  }
.seccion.catering p{ padding: 12px 0 0 0; line-height: 120% }
.seccion.catering h1{ margin-bottom: 36px }
.seccion.catering .form-control,
.btn.btn-default.dropdown-toggle{ background: none; border-radius:0; border: 1px solid #fff; color: #fff; padding:16px; }
.seccion.catering .form-control{ padding: 0 16px }

.fuelux .datepicker-wheels-footer .datepicker-wheels-back:hover,
.fuelux .datepicker-wheels-footer .datepicker-wheels-select:hover{ color:#ed1c24 }
.fuelux .datepicker-wheels-month ul li button:hover, .fuelux .datepicker-wheels-year ul li button:hover{ background: #f76a6f }
.fuelux .datepicker-wheels-month ul li.selected button, .fuelux .datepicker-wheels-year ul li.selected button,
.fuelux .datepicker-wheels-month ul li.selected button:hover, .fuelux .datepicker-wheels-year ul li.selected button:hover{background:#ed1c24;    border: none; }

.fuelux .datepicker-calendar-wrapper{    border: none;border-radius: 0;}
.fuelux .datepicker-calendar-header .next, .fuelux .datepicker-calendar-header .prev,
.fuelux .datepicker-calendar-header .next:hover, .fuelux .datepicker-calendar-header .prev:hover{ background: none ; color:#ed1c24}
.fuelux .datepicker-calendar-header .title  span.current{  font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.fuelux .datepicker-calendar-header .title,
.fuelux .datepicker-calendar-header .title:hover{text-decoration: none;color:#ed1c24;  font-family: 'Oswald'}
.fuelux .datepicker-wheels-footer .datepicker-wheels-select{  font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000}

.fuelux .datepicker-calendar-footer .datepicker-today, .fuelux .datepicker-calendar-footer .datepicker-today:hover{ font-family: 'Oswald'; color:#ed1c24; text-decoration: none}

.spinbox-up, .spinbox-down{ border-radius: 0 !important; background: #ed1c24; color: #fff; border-color: #ed1c24 }
.fuelux .selectlist .btn.dropdown-toggle{ padding: 6px  32px 6px 6px; width: 100% !important }
.fuelux .selectlist.btn-group{ width: 100%;  }
.fuelux .selectlist .dropdown-menu{ border-radius:0; }

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#fff; background: #ed1c24;}

.seccion.catering .cateringcol2 .btnrojo{ font-size: 20px; padding: 6px 28px }
.fuelux .selectlist .btn.dropdown-toggle .caret{ color: #ed1c24; }

/*.linkslogin{ display: none }*/
.paneluser{ display: block; position: relative; }

.paneluser .crrito, .paneluser .usr, .paneluser .paneluserctrl{ display: inline-block }
.paneluser .crrito{
       border: 1px solid rgba(255,255,255,.2);
    border-radius: 2px;
    padding: 4px 0 4px 12px;
}
.paneluser .crrito a, .paneluser .usr a, .paneluser .paneluserctrl a{ color: #fff; position: relative;  padding: 0 ;}
.paneluser .crrito a, .paneluser .usr a{ font-size: 22px;}
.alertchico{ background: #ed1c24;border-radius: 20px;font-size: 11px;color: #fff;position: absolute;top: -8px;right: -3px;padding: 0px 4px;}
.paneluser .btnsalir { text-align: right; line-height: 5px;padding-bottom: 3px;}
.paneluser .btnsalir a{ color: #ed1c24;font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: lighter}
.paneluser .btnsalir a:hover{ text-decoration: none }
.paneluser .brnfinalizar{ border: 1px solid #fff; padding:0 3px 0 7px; text-transform: uppercase; }
.paneluser .brnfinalizar a:hover{ text-decoration: none }

footer{ background: #fff; padding-top: 32px; padding-bottom: 32px}
footer h5{font-family: 'Oswald'; text-transform: uppercase; font-size: 18px; margin:0; padding: 0; font-weight: bold}
footer ul{ margin:0; padding:0; list-style: none}
footer li{ margin: 0; padding: 3px 0; font-size: 15px}
footer .footlocales li::before {
    content: "\f041 ";
    font-family: FontAwesome;
    padding-right: 3px
}

footer .footcont li.tel::before{
    content: "\f095 ";
    font-family: FontAwesome;
    padding-right: 3px
}
footer .footcont li.telwhats::before{
	content: "\f232";
    font-family: FontAwesome;
    padding-right: 3px
}
footer .footcont li.env::before{
	content: "\f0e0 ";
    font-family: FontAwesome;
    padding-right: 3px
}

footer .footredes{ text-align: center; padding-top: 26px; margin-top: 26px;}
footer .footredes li{ display: inline}
footer .footredes li a{ color: #232020; font-size: 26px }

.credits{ background: #232020; padding: 12px 0; }
.credits img{margin: 0 auto; }


.modal-content{ border-radius: 0 }

.paddinginterna{ padding-top: 113px; }
.pag_listado .paddinginterna{ padding-top: 190px }
.sidebar{}
.sidebar h2{ color: #ed1c24; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 28px;  }
.sidebar .itemmenu{ margin-bottom: 6px }
.sidebar .itemmenuimg{ float: left; width: 30%; border-right: 1px solid #c5c5c5 }
.sidebar .itemmenutxt{ float: left;width: 70% }
.sidebar .itemmenutxt a{ padding: 14px 10px; color: #272324; text-decoration: none; font-size: 18px;display: block; transition: all .2s linear}
.sidebar .itemmenutxt a:hover{ padding-left:20px; padding-right: 0}

.listado{ padding: 56px 0 16px 0;}
.contenido h1{ border-bottom: 2px solid #ed1c24; padding-bottom: 6px; background: #fff; margin-bottom: 0}
.contenido h1.wokin{border-bottom: 2px solid #96bd24; }
.detalle{ background: #f8f6f6; margin-bottom: 32px}
.listado .detailsushi h3{ margin-bottom: 0; font-weight: normal; color: #fff  }
.listado .detailsushi p{ line-height: 120%; margin: 0; padding: 6px 0 8px 0; color: #fff}


.iconitos{ padding: 0 0 10px 0; margin:0; list-style: none; text-align: center}
.iconitos li{width: 26px; float: none; display: inline-block;}
.infoprod{ text-align: center }
.infoprod .prodpic{ margin:32px auto 12px auto; border: 1px solid #e9e8e8; border-radius:300px; max-width: 262px;  }
.infoprod ul{ text-align: center; padding: 10px }
.infoprod ul li { display: inline-block; float: none }
.listado .row.sep{ padding-bottom: 42px }

.formprod{ padding-top: 62px }
.formprodtxt{font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000;     padding-top: 6px;
    padding-bottom: 10px; font-size: 16px}
.formprodinput input{ border-radius:0; border-color: #ccc }
.adicionales2 .thumbsushi img{ border: none; }
.form-control:focus{ outline: none !important;  border-color: #ccc ; box-shadow: none;}
.totaltxt { font-size: 18px; padding-top: 12px; font-weight: bold; }
.totalnum{ text-align: right; font-size: 33px; font-weight: bold; }
.detalle .btnrojo{  font-size: 22px;float: right;padding: 10px 30px;}


.well{border-radius:0; border:none; padding:32px  10px;border:#e3e3e3 1px solid; background: #fff }
.relacionados{ padding-top: 28px; }
.relacionados .well{ margin-top: 0; }
.relacionados h2{ margin-top: 22px }

.relacionados .btnrojo{ font-size: 13px;padding: 4px 10px;float: left;}
.relacionados .detailsushi{ padding: 0; }

.contenido_adicional{padding-top: 26px}
.contenido_adicional h2{ font-size: 32px; }
.contenido_adicional h2 span{ color: #ed1c24 }
.slideradicional,
.slideradicionalwokin{ padding: 20px 16px; }
.slideradicional .thumbsushi,
.slideradicionalwokin .thumbsushi{ width: 100%; padding-bottom: 10px }
.slideradicional .thumbsushi img,
.slideradicionalwokin .thumbsushi img{ max-width: 100px; margin:0 auto;}
.slideradicional .detailsushi,
.slideradicionalwokin .detailsushi{ padding: 0 10px 10px 10px; width: 100% }
.slideradicional .detailsushi h3,
.slideradicionalwokin .detailsushi h3{ text-align: center }
.slideradicional .detailsushi p,
.slideradicionalwokin .detailsushi p{ text-align: center }


.slideradicional  .slick-prev:before,
.slideradicional  .slick-next:before{ color: #ed1c24 }
.slideradicionalwokin  .slick-prev:before,
.slideradicionalwokin  .slick-next:before{ color: #96bd24 }



.slideradicional  .cardcontainer{ background: #000; padding: 26px 0 }

.slideradicional  .cardcontainer .detailsushi p,
.slideradicional  .cardcontainer .detailsushi h3{ color: #fff }

h2.h2w span{ color: #231f20 }

.linksadicionales{ text-align: center }
.linksadicionales .btnrojo{ display: inline-block; }


.sliderrelacionados .slick-prev:before,
.sliderrelacionados .slick-next:before {
    color: #000;
}

.sliderrelacionados .slick-next{ right: -13px; }
.sliderrelacionados .slick-prev{ left: -13px; }

.slick-slide:focus{    border: none;outline: none;}

.wlegenda{ font-family: 'Oswald', sans-serif; text-transform: uppercase;  }


.step-content{background: #f8f6f6; padding:0;}
.carritotits{font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; border-bottom: 2px solid #000; font-size: 20px}
.filaprod{ background: #fff; border-bottom: 2px solid #f5f5f5 }
.filaprod .thumbsushi img{ max-width: 86px; }
.filaprod .detailsushi h3{     font-size: 16px;margin: 7px 0 0 0; }
.filaprod .detailsushi p { line-height: 120% }
.cantidades{ padding-top: 16px }
.feditar{ text-align: center }
.feditar a{    font-size: 18px;padding: 18px 3px; display: inline-block;}
.feditar a.b_borrar{ color: #ed1c24 }
.feditar a.b_editar{ color: #000 }

.fuelux .wizard{ margin: 20px 0;border-radius: 0; background-color: #fff;position: relative;min-height: 48px;    border-radius: 6px 6px 0 0;}
.fuelux .wizard h1{ background: none transparent; padding: 0; margin: 0; font-size: 26px; }
.fuelux .spinbox .btn-group>.btn.spinbox-up:hover,
.fuelux .spinbox .btn-group>.btn.spinbox-down:hover,
.fuelux .spinbox .btn-group>.btn.spinbox-up:focus,
.fuelux .spinbox .btn-group>.btn.spinbox-down:focus{ background: #000; outline: none}
.fuelux .spinbox .btn-group>.btn.spinbox-up:hover span,
.fuelux .spinbox .btn-group>.btn.spinbox-down:hover span,
.fuelux .spinbox .btn-group>.btn.spinbox-up:focus span,
.fuelux .spinbox .btn-group>.btn.spinbox-down:focus span{ color: #fff }
.fuelux .wizard>.actions{ border-radius: 0; display: none }
.fuelux .wizard .btn{ border-radius:0;background: #ed1c24; color: #fff; border: none; }
.fuelux .wizard .btn:focus{ outline: none }
.wizard .filaprod .totaltxt{ text-align: right; }
.wizard .filaprod .totalnum{ text-align: right; }

.wizard .step-pane.alert{  margin-bottom:0; }
.step-pane { padding:10px; }
.wizard .contenido_adicional p{ display: none }
.fuelux .wizard>ul.steps li.active, .fuelux .wizard>.steps-container>ul.steps li.active{ background: #ed1c24 !important; color: #fff  }
.fuelux .wizard>ul.steps li.active .chevron:before, .fuelux .wizard>.steps-container>ul.steps li.active .chevron:before{border-left: 14px solid #ed1c24;}
.fuelux .wizard>ul.steps li.active .badge, .fuelux .wizard>.steps-container>ul.steps li.active .badge{ background: #231f20;    margin-top: -4px; font-family: 'Oswald', sans-serif;}

.wizard .slideradicional{ margin-bottom: 0 }
/*.tablita .row.filaprod.filasubtotal{background: #ccc; color: #000}*/
.tablita .row.filaprod.filasubtotal .totalnum{ color: #000 }
.tablita .thumbsushi{ float: left;     padding-top: 6px;padding-bottom: 6px;}
.tablita .detailsushi{ float: left; text-align: left; }
.tablita .detailsushi h3{ text-align: left }
.rowbtn{ display: block}
.rowbtn .btnrojo{  margin: 16px 0 0 0; float: right; font-size: 22px; }

.p_adicionales h2{ padding-bottom:22px; }

.wizard .p_adicionales .detailsushi h3{ font-size: 16px; text-align: center; padding: 12px 0}
.wizard .p_adicionales .detailsushi .btnrojo{  float: none; margin: 0 auto; display: block; text-align: center}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #000; text-decoration: none; display: block}

.panel-heading {padding: 20px 22px;}


.secciondepaso{ padding-bottom: 22px; }
.secciondepaso h1 span{    text-align: right;
    float: right;
    font-weight: lighter;
    font-size: 20px;
    margin-top: 16px;}
.panelblanco{ padding-top: 22px; background: #fff; padding-bottom: 22px; }
.secciondepaso.adicionales2 .thumbsushi,
.secciondepaso.adicionales2 .detailsushi,
.secciondepaso.adicionales2 .formprodinput{ display: table-cell; vertical-align: middle; padding:0; float: none}
.secciondepaso.adicionales2 .formprodinput{ padding-right: 6px }
.secciondepaso.adicionales2 .detailsushi,
.secciondepaso.adicionales2 .detailsushi h3{ text-align: left; margin-bottom: 0 }
.secciondepaso.adicionales2 .detailsushi h3 span{   font-size: 12px }
.secciondepaso.adicionales2 .detailsushi{ padding:   0;}
.secciondepaso.adicionales2 .thumbsushi{ padding:  0 0 0 0;}
.secciondepaso.adicionales2 label{ width: 100% }
.secciondepaso .cadaadicional{ display: table;    margin-bottom: 20px; }
.secciondepaso .cadaadicional .borde{ border: 1px solid #ccc; }
.secciondepaso .cadaadicional input,
.secciondepaso .cadaadicional h3{ float: left }
.secciondepaso .cadaadicional h3{padding-left: 3px;}

.datoscontacto .unalinea{  }
.datoscontacto .unalinea p{     font-size: 20px;font-family: oswald; }
.datoscontacto .unalinea p span{     font-size: 13px;text-transform: uppercase;line-height: 25px;}
.datoscontacto h2{     font-size: 19px;    border-bottom: 1px solid #000;    margin-top: 16px; padding-bottom: 6px;    margin-top: 32px }
.datosenvio .row .radio{     margin: 14px auto 0 auto;    text-align: center;    padding: 0;}
.datosenvio .unalinea{ /*border:1px solid #e9e8e8;*/ margin-bottom: 6px}
.datosenvio p {font-weight: lighter;font-size: 22px;    line-height: 22px; padding-left: 42px; margin-top: 6px}
.datosenvio p:hover{ cursor: pointer; }
.datosenvio p span{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 13px;     line-height: 25px;}
.datosenvio label{width: 100%}
.datosenvio  .radio-custom.checked:after{ background: transparent; }

.datosenvio.conmapa p{ padding-left: 0; float: left; margin-top: 0; width: 80%}
.datosenvio.conmapa p.mapaenvio{ width:100px; padding-left: 42px; margin-top: 6px; font-size: 32px; }
.datosenvio.conmapa p.mapaenvio a { color: #fff }
.datosenvio.conmapa p.mapaenvio a span{ font-size: 10px }
.datosenvio.conmapa p.mapaenvio a:hover span{text-decoration: none}

.tabsenvio .nav-tabs>li>a{ color: #999; padding: 10px }
.tabsenvio .tabdelivery,
.tabsenvio .tabcarryout,
.tabsenvio .tabguardados{ font-size: 22px;font-family: 'Oswald', sans-serif;text-transform: uppercase; }
.tabsenvio .tab-pane{ background: #231f20; color: #fff;    padding: 21px; }
.tabsenvio .nav-tabs>li.active>a,
.tabsenvio .nav-tabs>li.active>a:focus,
.tabsenvio .nav-tabs>li.active>a:hover {background: #231f20; color: #fff;     border: 1px solid #231f20; }


.fuelux .radio-custom.checked:before{ background: #ed1c24; border-color: #ed1c24 }
.datosenvio  .radio-custom:before{ top:12px; left: 12px}


.datospago p{ padding: 12px 0;}
.datospago{ margin-bottom: 62px }

.secforma p{    font-family: oswald; font-size: 16px;}
.secforma .conpad{ padding-left: 12px; padding-right: 12px}
.letrerito{ width: 100%; font-size: 12px; color: #fff; text-align: right;  margin-top: -12px; text-transform: uppercase; padding: 6px 0; text-align: center; background: #ed1c24; margin-bottom: 6px}
.letrerito.verde{ background:#98bf11}


.iconomenu i{    font-size: 28px;padding: 4px 0 0 0;}
.iconomenu i:hover{ cursor: pointer }

/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1040; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 0px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    background: #231f20
}

/* The navigation menu links */
.sidenav .linksmenu a {
    padding: 20px 8px 20px 22px;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: all 0.3s linear;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #393637;
}
.sidenav .linksmenu a i{ line-height: 0;padding-right: 42px;font-size: 20px; color: #ed1c24}
.sidenav .linksmenu a:hover {text-decoration: none; background: #ed1c24; color: #fff}
.sidenav .linksmenu a:hover i{ color: #fff }
.sidenav .linksmenu a:focus{ text-decoration: none }
.sidenav .closebtn {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 36px;
    padding: 0 20px;
    color: #fff;
}
.sidenav .closebtn:hover{
    text-decoration: none
}

.saludos {
    border-bottom: 2px solid #ed1c24;
    font-size: 20px;
    color: #Fff;
    font-family: 'Oswald', sans-serif;
    text-align: right;
    text-transform: uppercase;
    padding: 12px 12px;
    display: block;
    transition: 0.3s;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
    z-index: 1050 !important;
}


.etiquetasform{ text-align: center; padding: 20px}
.ck-button {   margin: 2px;border: 1px solid #D0D0D0;display: inline-block;}

.ck-button label {float:left; margin-bottom: 0}
.ck-button label span {
        text-align: center;
    padding: 6px 14px ;
    display: block;
    text-transform: uppercase;
    line-height: 100%;
    font-family: 'Oswald', sans-serif;
    font-weight: lighter;
    font-size: 14px;
color: #c9c4c4;}
.ck-button label input {position:absolute;top:-2000px;}
.ck-button input:checked + span {color:#ed1c24;}
.ck-button input:checked {border: 1px solid #ed1c24;}

.ck-button:hover,
.ck-button label:hover,
.ck-button input:hover { cursor: pointer }

.modal h1{ text-align: center;
    font-size: 21px;
    border-bottom: 2px solid #ed1c24;
    padding: 0 0 7px 0;
    margin: 0;}

.modal .modal-header h1{border-bottom:0;  padding: 0;   }
.modal-header .close{  margin-top: -22px;}


.modalbusqueda .btnrojo{
    padding: 6px 26px;
}
.modalbusqueda h2{
        color: #ed1c24;
    border-bottom: 1px dotted #ed1c24;
    padding-bottom: 3px;
}

.modalbutton{     margin-top: 0;
    text-align: center;
    margin-bottom: 18px;}

.campoinput{ padding: 12px  }
.campoinput input{padding: 12px; width: 100%}
.campoinput input:focus{outline: none;}


.seccion.menu{
    background: #232020;
    text-align: center;
    padding-bottom: 62px;
}

.seccion.menu h1{ color: #fff; padding: 10px 0 32px 0 }
.seccion.menu h1 span{ color: #ed1c24 }
.seccion.menu .thumbsushi { text-align: center; color: #fff;  font-family: 'Oswald', sans-serif;float: left;}
.seccion.menu .thumbsushi.col-md-2{ width: 14.2%; }
.seccion.menu .thumbsushi img{ margin: 0 auto;  }
.seccion.menu h2{ font-size: 17px;  padding: 10px}

.sliderespeciales .detailsushi { text-align: center; float: left }
.sliderespeciales .thumbsushi img{ margin: 0 auto  }
.sliderespeciales .btnrojo{    display: inline-block;}
.pag_listado .sliderespeciales .detailsushi{ float: none }



div.agregar { position: relative;  transition: all .2s linear}
.c_agregar { list-style: none; }
.c_agregar .submenucito{ position: absolute;
    bottom: 30px;
    background: #ed1c24;
    left: -50%;
    width: 190%; display: none}
.c_agregar .submenucito ul{ list-style: none; padding:0; margin:0; }
.c_agregar .submenucito ul li{ transition: all .2s linear; color: #fff; text-decoration: none; display: block !important; clear: both; padding:10px; display: block;  font-family: 'Oswald', sans-serif;  border-bottom: 1px solid #c5161d}
.c_agregar .submenucito ul .left{ text-align: left; float: left}
.c_agregar .submenucito ul .right{ text-align: right; float: right}
div.agregar:hover, .c_agregar .submenucito ul li:hover{ cursor: pointer }
.submenucito ul li a {color: #fff;}
.c_agregar .submenucito ul li:hover{ background: #c5161d }
.c_agregar .agregar.cerrarb i{ -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);  }


.lineawokin .c_agregar .submenucito{ background: #96bd24;}
.lineawokin .c_agregar .submenucito ul li{  border-bottom: 1px solid #759712}
.lineawokin .c_agregar .submenucito ul li:hover{ background: #759712 }

body.eventos .paddinginterna{ padding-top: 80px }

.grid-item{margin-bottom: 20px;}
.grid-item-content{ padding: 14px 0 20px 0; background: #231f20;  box-shadow: 0px 0px 3px 0px #bebebe; height: 350px }



.menucomprimido{ background: #fafafa;  font-family: 'Oswald', sans-serif; font-weight: lighter; box-shadow:  0px 0px 3px 0px #bebebe; max-height: 64px; display: none}
.menucomprimido > .container{ padding: 0 }
.pag_listado .menucomprimido{ display: block }
.pag_listado .container.paddinginterna{ padding: 152px  3px 3px 3px }
.pag_listado .grid-item{    padding-right: 5px;padding-left: 5px;}

.cadamenucomp{ display: inline-block; min-width: 12%}
.cadamenucomp a{ padding: 12px 10px; display: block; transition: all .2s linear }
.cadamenucomp a:hover{ background: #edeaea; color: #939191}
.cadamenucomp .thumbsushi{ float: left; padding:  0; max-width: 40px; margin: 0}
.cadamenucomp .thumbsushi img{ border:1px solid #f1eeee; }
.cadamenucomp .detailsushi { float: left; padding: 10px 0 0 5px; text-align: left; color: #000;    text-transform: uppercase; margin-bottom: 0;}
.cadamenucomp.active,
.cadamenucomp.active a:hover { background: #ed1c24; }
.cadamenucomp.active .detailsushi{color: #fff;  font-weight: bold}
.cadamenucomp .thumbsushi.especiales img{ border:2px solid #d1b887  }


/* Base for label styling */
.adicionales2 [type="checkbox"]:not(:checked),
.adicionales2 [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
.adicionales2 [type="checkbox"]:not(:checked) + .checkcito,
.adicionales2 [type="checkbox"]:checked + .checkcito {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

/* checkbox aspect */
.adicionales2 [type="checkbox"]:not(:checked) + .checkcito:before,
.adicionales2 [type="checkbox"]:checked + .checkcito:before {
  content: '';
  position: absolute;
      left: 12px;
    top: -8px;
  width: 17px; height: 17px;
      border: 1px solid #000;
    background: white;
}
/* checked mark aspect */
.adicionales2 [type="checkbox"]:not(:checked) + .checkcito:after,
.adicionales2 [type="checkbox"]:checked + .checkcito:after {
  content: '✔';
  position: absolute;
  top: -6px;
    left: 13px;
  font-size: 18px;
  line-height: 0.8;
      color: red;
  transition: all .2s;
}
/* checked mark aspect changes */
.adicionales2 [type="checkbox"]:not(:checked) + .checkcito:after {
  opacity: 0;
  transform: scale(0);
}
.adicionales2 [type="checkbox"]:checked + .checkcito:after {
  opacity: 1;
  transform: scale(1);
}



/* disabled checkbox */
.adicionales2 [type="checkbox"]:disabled:not(:checked) + .checkcito:before,
.adicionales2 [type="checkbox"]:disabled:checked + .checkcito:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.adicionales2 [type="checkbox"]:disabled:checked + .checkcito:after {
  color: #999;
}
.adicionales2 [type="checkbox"]:disabled + .checkcito {
  color: #aaa;
}
/* accessibility */
.adicionales2 [type="checkbox"]:checked:focus + .checkcito:before,
.adicionales2 [type="checkbox"]:not(:checked):focus + .checkcito:before {
  /*border: 1px dotted blue;*/
}

/* hover style just for information */
.adicionales2 .checkcito:hover:before {
  border: 1px solid red!important;
}

.btnrojo.confirmacion{ font-size: 28px; }
.btnconfirmarcont{ padding: 12px; text-align: center }
.btnconfirmarcont .btnrojo{ margin: 0 auto; float: none }


.filaprod.filasubtotal.abajo{padding: 2px 0 ;background: #000;color: #fff; position: fixed; bottom: 0; right: 0;  z-index: 100;  border-radius: 0; border: none; width: 100%; }
.filaprod.filasubtotal.abajo p{ padding: 6px; margin: 0;font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 26px;  text-align: left; }
.filaprod.filasubtotal.abajo p span{ font-size: 18px; font-weight: lighter;}
.cantidades{ text-align: center;    padding-top: 16px; }
.preciosfinales{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 18px; text-align: right;     padding-top: 16px;}


.filaprod.filasubtotal.abajo .formprodinput.totalnum{ color: #fff }
.filaprod.filasubtotal.abajo .totaltxt{ color: #fff }

.rowbtn .btnrojo.maschicos{ font-size: 16px;
    border: 1px solid #ed1c24;
    background: #fff;
    color: #ed1c24;}

.sumayresta input.qty{
    width: 60px;
    padding: 4px;
    margin: 0 2px;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    float: left;
    border: none;
    border: 1px solid #231f20
}
.sumayresta a{ float: left }
.spacer{height:62px}
.resumen .detailsushi.lastcol h3{text-align: right}

.pag_registro .secciondepaso h2{ margin-top: 20px }
.pag_registro  input, .pag_registro  textarea, .pag_micuenta textarea{ width:100%; }
.pag_micuenta .tabsenvio .tab-pane{ background: #fff; color: #231f20; padding: 12px 0}
.pag_micuenta .well{padding: 12px;}
.pag_micuenta input, .pag_micuenta textarea{ width: 100% }

.inforuc .unalinea{ border-bottom:1px dashed #bbb; }
.inforuc .unalinea:last-child{ border-bottom: none; }
.inforuc p{ font-weight: normal }
.inforuc h3{  font-family: 'Oswald', sans-serif; font-size: 23px; text-align: center; padding: 18px 0 }
.inforuc label{ width: 100%  }
.inforuc .radio-custom:before {top: 26px;left: 12px;}
.pag_mipedido .inforuc h3{    text-align: right;}

.btnrojo.vermapa{ float: right }

input:focus, textarea:focus{ outline: none }

.inputsinborder input[type=text], .inputsinborder input[type=password], .inputsinborder textarea{ width: 100%; padding: 2px 5px;  border-width: 1px; border-style: solid; border-color: transparent; }
.inputsinborder input[type=text]:hover, .inputsinborder input[type=password]:hover, .inputsinborder textarea:hover { border-color: #ccc; }
.inputsinborder input[type=text]:focus, .inputsinborder input[type=password]:focus, .inputsinborder textarea:focus { border-color: #231f20; }

#historial .panel-heading{ padding: 0 }
#historial .panel-title a{ padding: 14px }

.pag_contacto input, .pag_contacto textarea{ width: 100%; padding: 6px  }

input:focus{ outline: none }

.enviogris{ background: #231f20; color: #fff; display: block; padding: 10px;  }


#delivery .panel-default,
#carryout .panel-default{ background: #231f20; color: #fff }
#delivery .panel-default>.panel-heading,
#carryout .panel-default>.panel-heading{ background: #231f20; }
#delivery .panel-title>a,
#carryout .panel-title>a{ color: #fff }
#delivery input,
#delivery textarea,
#carryout input,
#carryout textarea{ width: 100%; border: none; padding: 6px; color: #000}


.cantidadfinal{font-family: 'Oswald', sans-serif; text-transform: uppercase;    font-size: 15px;text-align: right;}
.lineawokin.logocontainer,
.telwokin,
.logomobilewokin,
.caritawokin{ display: none }

.irawokin, .irawokin:hover{ color: #fff;
    text-decoration: none;
    background: #231f20;
    padding: 0 2px 0 6px;
    border-radius: 4px; }

.modalwokinproducts{ padding: 12px !important }
.modalwokinproducts.modal.in .modal-dialog{width: 80%}

.modalwokinproducts.modal.in .modal-dialog .thumbsushi img{ height: 46px; width: 46px }
.modalwokinproducts.modal.in .modal-dialog .secciondepaso.adicionales2 .cadaadicional  .unalinea{ border: 1px solid #e9e8e8; padding:11px 10px 0 0; }
.modalwokinproducts.modal.in .modal-dialog .secciondepaso.adicionales2 .cadaadicional  label:hover{ cursor: pointer }
.modalwokinproducts.modal.in .modal-dialog .secciondepaso.adicionales2 .thumbsushi{ padding-left: 22px }
.modalwokinproducts.modal.in .modal-dialog textarea{ width: 100% }
.modalwokinproducts.modal.in .btnrojo.add,
.modalwokinproducts.modal.in .btnrojo.minus{ padding: 4px 6px;background: none;color: #a6c056;font-size: 11px;}
.modalwokinproducts.modal.in .filasubtotal{ margin-bottom: 21px; background: #363636 }
.modalwokinproducts.modal.in .filasubtotal .totaltxt{ font-family: 'Montserrat', sans-serif; text-transform: none  }
.modalwokinproducts h1{    font-family: 'Montserrat', sans-serif;text-transform: none;    color: #a6c056;    border-bottom-color: #a6c056;}
.modalwokinproducts h2{     font-family: 'Montserrat', sans-serif;    text-transform: none;}
.modalwokinproducts.modal.in .modal-dialog .secciondepaso.adicionales2 .detailsushi h3{font-family: 'Open Sans', sans-serif;text-transform: none;font-size: 14px;font-weight: 700;margin-top: 0;text-align: left;margin-bottom: 0;}
.modalwokinproducts.modal.in .sumayresta input.qty {width: 25px;padding: 1px;margin: 0 2px;text-align: center;font-family: 'Oswald', sans-serif;float: left;border: none;border: 1px solid #231f20;font-size: 14px; float: right;}
html.html_wokin .modalwokinproducts.modal.in .sumayresta .btnrojo{ transform: none;float: right;background: #a6c056; padding: 2px 5px; color: #ffffff;}
html.html_wokin .modalwokinproducts.modal.in .secciondepaso.adicionales2 .formprodinput{ display: inline-block; }
html.html_wokin .modalwokinproducts.modal.in .secciondepaso .cadaadicional{ margin-bottom: 6px; }

html.html_wokin .modalwokinproducts.modal.in .filaprod.filasubtotal.abajo{ position:static; transform: skew(-10deg); margin-bottom: 12px;}

.modalwokinproducts.modal.in .datosenvio p{    padding-left: 0;}

html.html_wokin .menu{ text-align: center }
html.html_wokin .menu .thumbsushi{ text-align: center; float: none; display: inline-block; padding-bottom: 32px}


.checksinthumb.secciondepaso.adicionales2 .detailsushi{ padding-left: 0px;display: inline-block;    float: left; }
.checksinthumb.secciondepaso.adicionales2 .cadaadicional .borde{ padding:  12px; border:1px solid #e9e8e8; }
.m_favoritos.checksinthumb.secciondepaso.adicionales2 .cadaadicional .borde { /* border: none; padding: 0*/ }
h2.lineawokin{font-family: 'Montserrat', sans-serif; text-transform: none}
h2.lineawokin span{ color: #a6c056 !important; text-transform: uppercase}
.slideradicionalwokin .detailsushi h3{font-family: 'Montserrat', sans-serif; text-transform: none}
.slideradicionalwokin .detailsushi .btnrojo{ font-family: 'Montserrat', sans-serif; text-transform: none }
h2.lineasama{font-family: 'Oswald', sans-serif !important; text-transform: uppercase !important; }
.slideradicional .btnrojo{ background: #ed1c24 !important;font-family: 'Oswald', sans-serif !important; text-transform: uppercase !important;  }

h1.titulogracias{ color: #c22820 }

/* ----------------------------------     WOKIN   --------------------------------------------- */

.lineawokin .thumbsushi img{border-color: #96bd24}
.lineawokin .btnrojo{ background: #96bd24; }

.btnrojo.registrame{ float: none; margin:0 auto; padding: 12px 22px; font-size: 22px }


.adicionales2.checkreg [type="checkbox"]:not(:checked) + .checkcito:before, .adicionales2.checkreg [type="checkbox"]:checked + .checkcito:before{    top: 4px;}
.adicionales2.checkreg  [type="checkbox"]:not(:checked) + .checkcito:after, .adicionales2.checkreg  [type="checkbox"]:checked + .checkcito:after{    top: 6px;}
.adicionales2.checkreg label{ display: block }
.adicionales2.checkreg .formprodinput{ width: 6%; float: left; height: 12px; margin-left: 12px}
.adicionales2.checkreg .formlabel{ width: 90%; float: left;}

#carryout .datosenvio.conmapa p.mapaenvio{ width: 30% }
#carryout .datosenvio.conmapa p.direnvio{ width: 70% }
#carryout .datosenvio.conmapa .checked p.direnvio{ color: #ed1c24 }
#carryout .datosenvio.conmapa .checked p.direnvio span{ color: #fff }

#delivery .datosenvio.conmapa .checked p.value{ color: #ed1c24 }

.confirm h1{ text-align: center }
.numpedido{ text-align: center; background: #f5f5f5; border-radius: 6px; padding: 12px; font-family: 'Oswald', sans-serif; font-weight: lighter;   }
.confirm .detailsushi{ padding: 3px 0 0 0  }
button { border: none; }
.confirm .rowbtn{ text-align: center }
.confirm .rowbtn .btnrojo.volverconfirm{ text-align: center; float: none; }
.confirm .detailsushi p{ padding:0; text-align: left; }
.confirm .tablita .detailsushi h3{text-align: left;}
.confirm .totaltxt{ padding-left:0; }
.confirm .totalnum{ padding-right:0; }

html.html_wokin{  }

html.html_wokin .lineasama.logocontainer,
html.html_wokin .telsama,
html.html_wokin .logomobile,
html.html_wokin .caritasama{ display: none }
html.html_wokin .lineawokin.logocontainer,
html.html_wokin .telwokin,
html.html_wokin .logomobile.logomobilewokin,
html.html_wokin .caritawokin{ display: block }

html.html_wokin body{font-family: 'proxima_nova_rgregular'; font-size: 14px;    }
html.html_wokin body.pag_listado{background: #000;}
html.html_wokin .navbar.menuprincipalsama{ background: #000000; box-shadow: none; color: #fff}
html.html_wokin .navbar.menuprincipalsama .nav_sec.logocontainer a{ padding: 8px 0 12px 0  }
html.html_wokin .paneluser .crrito a,
html.html_wokin .paneluser .usr a,
html.html_wokin .paneluser .paneluserctrl a{ color: #363636}
html.html_wokin .flyerpanelnav {border: 1px solid #98bf11;    background: #000;font-family: 'proxima_nova_rgregular', sans-serif; font-size: 12px}
html.html_wokin .vermenu a{ color: #98bf11 }
html.html_wokin .navbar.menuprincipalsama .nav_sec .flyerpanelnav .row{ border-bottom-color: #98bf11; }
html.html_wokin .navbar.menuprincipalsama .nav_sec .flyerpanelnav .row.navtotal { border-top-color: #98bf11; }

html.html_wokin .btnrojo{ background: #98bf11;font-family: 'proxima_nova_ltsemibold', sans-serif;text-transform: none;font-weight: bolder;text-transform: uppercase;font-size: 18px; color: #fff;    transform: skew(-8deg); transition: all .2s linear}

html.html_wokin .btnrojo.minus,
html.html_wokin .btnrojo.add{ background: #fff;  color: #98bf11  }

html.html_wokin .btnrojo:hover{ background: #000; text-decoration: none; transform: skew(-16deg); }

html.html_wokin .listado .btnrojo:hover,
html.html_wokin .listado .btnrojo:focus{ background: #fff; color: #98bf11; text-decoration: none; transform: skew(-16deg); }


html.html_wokin .logomobile.logomobilewokin{padding-top: 0;top: 35px;left: 50%;margin-left: -57px;max-width: 109px; }
html.html_wokin .iconomenu i{   color: #cc2628}
html.html_wokin .alertchico{ background: #cc2628}
html.html_wokin .saludos{background: #c22820; border-bottom-color: transparent; color: #fff;font-family: 'proxima_nova_ltsemibold', sans-serif;}
html.html_wokin .sidenav .linksmenu a i{ color:  #98bf11; }
html.html_wokin .modal h1{ border-bottom: 1px dotted#98bf11; margin-bottom: 26px; text-align: left;padding-left: 16px;}
html.html_wokin .modal .modal-header h1{ border-bottom: none; margin-bottom: 0; text-align: center; padding: 0; color: #fff}
html.html_wokin .ck-button input:checked + span{ color: #98bf11 }
html.html_wokin .sidenav .linksmenu a,
html.html_wokin .vermenu a,
html.html_wokin .telwokin,
html.html_wokin h1,
html.html_wokin h2,
html.html_wokin h5,
html.html_wokin .seccion.catering h4,
html.html_wokin .wlegenda,
html.html_wokin .tabsenvio .tabdelivery,
html.html_wokin .tabsenvio .tabcarryout,
html.html_wokin .tabsenvio .tabguardados,
html.html_wokin .menucomprimido{font-family: 'proxima_nova_ltsemibold', sans-serif; }
html.html_wokin h1{color:#c22820; border-bottom-color: #98bf11; }
html.html_wokin .panelrecomendados  h1 span{color:#363636; font-weight: lighter; text-transform: uppercase;}
html.html_wokin .micarritotextito{font-family: 'proxima_nova_rgregular', sans-serif;}
html.html_wokin .sidenav { background: #000 }
html.html_wokin .sidenav .closebtn { color: #000 }
html.html_wokin .sidenav .linksmenu a:hover { background:#98bf11; }
html.html_wokin .sidenav .linksmenu a:hover i{ color: #fff  }
html.html_wokin .direcciones img.carita{ border:none; border-radius: 0;    max-width: 42px;margin: 8px auto 0 auto;}
html.html_wokin .direcciones h2{ margin-top: 9px;font-family: 'proxima_nova_rgregular', sans-serif;font-weight: bold; color: #000}
html.html_wokin .seccion.menu{ background: url(../gfxwokin/bg_menu.png) center top #000 }
html.html_wokin .seccion.menu h1{ color: #98bf11 }
html.html_wokin .seccion.menu h1 span{color:#fff}
html.html_wokin .seccion.menu .thumbsushi a:hover{ cursor: pointer }
html.html_wokin .thumbsushi img {max-height: 176px;max-width: 176px;}
html.html_wokin .logofooter{ padding-top: 12px }
html.html_wokin footer  li::before{color: #98bf11;}
html.html_wokin .tabsenvio .nav-tabs>li.active>a,
html.html_wokin .tabsenvio .nav-tabs>li.active>a:focus,
html.html_wokin .tabsenvio .nav-tabs>li.active>a:hover{    background: #98bf11; border-color: #98bf11}

html.html_wokin .detailsushi h3 {font-family: 'proxima_nova_ltsemibold', sans-serif; text-transform: uppercase;     font-size: 14px;font-weight: 700; margin-top: 0}
html.html_wokin .secciondepaso.adicionales2 .detailsushi h3 span{ font-size: 11px }
html.html_wokin .cadamenucomp.active,
html.html_wokin .cadamenucomp.active a:hover{ background: #98bf11 }
html.html_wokin .grid-item-content{ background: none }
html.html_wokin .listado .detailsushi h3{color:#98bf11;}
html.html_wokin .listado .detailsushi p{color:#fff;}
html.html_wokin .fuelux .wizard h1{ border-bottom-color: #98bf11 }
html.html_wokin .row.filaprod.filasubtotal.abajo{ background: #363636 }
html.html_wokin .slideradicional .btnrojo{     background: #98bf11 !important;    font-family: 'proxima_nova_ltsemibold', sans-serif !important;    text-transform: none !important; }
html.html_wokin .slideradicional  .slick-prev:before,
html.html_wokin .slideradicional  .slick-next:before{ color: #98bf11  }



html.html_wokin .flyerpanelnav .btnrojo{ font-size: 14px; transition: all .2s linear}
html.html_wokin .flyerpanelnav .btnrojo:hover,
html.html_wokin .flyerpanelnav .btnrojo:focus{ background: #fff; color: #000; }

html.html_wokin .fuelux .wizard .btn{ background: #cc2628}
html.html_wokin .feditar a.b_borrar,
html.html_wokin .rowbtn .btnrojo.maschicos{color: #cc2628}
html.html_wokin .rowbtn .btnrojo.maschicos{ border-color:#cc2628; }
html.html_wokin .fuelux .wizard>ul.steps li.active,
html.html_wokin .fuelux .wizard>.steps-container>ul.steps li.active{ background: #98bf11 !important }
html.html_wokin .fuelux .wizard>ul.steps li.active .chevron:before,
html.html_wokin .fuelux .wizard>.steps-container>ul.steps li.active .chevron:before{ border-left-color: #98bf11 }

html.html_wokin .datoscontacto .unalinea p{font-family: 'proxima_nova_rgregular', sans-serif;text-transform: none; font-size: 16px}
html.html_wokin .datoscontacto .unalinea p span{ font-size: 11px }

html.html_wokin .panel-title>.small,
html.html_wokin .panel-title>.small>a,
html.html_wokin .panel-title>a,
html.html_wokin .panel-title>small,
html.html_wokin .panel-title>small>a,
html.html_wokin .inforuc h3,
html.html_wokin .datosenvio p span,
html.html_wokin .fuelux .datepicker-calendar-header .title  span.current,
html.html_wokin .fuelux .datepicker-calendar-header .title,
html.html_wokin .fuelux .datepicker-calendar-header .title:hover{font-family: 'proxima_nova_ltsemibold', sans-serif; text-transform: none;}
html.html_wokin .agreganuevoruc .inforuc .unalinea{ border: none; }

html.html_wokin .tabsenvio .tab-pane,
html.html_wokin #delivery .panel-default>.panel-heading,
html.html_wokin #carryout .panel-default>.panel-heading,
html.html_wokin .panel-default>.panel-heading+.panel-collapse>.panel-body.agregarnuevadir,
html.html_wokin .enviogris{    background: #fff;}
html.html_wokin .tabsenvio .tab-pane,
html.html_wokin .datosenvio.conmapa p.mapaenvio a{ color: #333 }


html.html_wokin #delivery .panel-default>.panel-heading,
html.html_wokin #carryout .panel-default>.panel-heading{ border: 1px solid #aaa  }
html.html_wokin #delivery .panel-title>a,
html.html_wokin #carryout .panel-title>a,
html.html_wokin #delivery .panel-default>.panel-heading,
html.html_wokin #carryout .panel-default>.panel-heading,
html.html_wokin .panel-default>.panel-heading+.panel-collapse>.panel-body.agregarnuevadir{ color: #333 }
html.html_wokin #delivery input,
html.html_wokin #delivery textarea,
html.html_wokin #carryout input,
html.html_wokin #carryout textarea{ border:1px solid #aaa  }
html.html_wokin .panel-default>.panel-heading+.panel-collapse>.panel-body.agregarnuevadir{ background: #f1f1f1 }
html.html_wokin .panel-default>.panel-heading{    border-color: #fff;}
html.html_wokin .fuelux .radio-custom.checked:before{    background: #cc2628;    border-color: #cc2628;}
html.html_wokin .seccion.catering{ background: #000 }
html.html_wokin .seccion.catering h1 span{color: #98bf11}
html.html_wokin .seccion.catering h2{    background: #000; color: #98bf11}
html.html_wokin .spinbox-up,
html.html_wokin .spinbox-down{background: #98bf11; border-color:  #98bf11}
html.html_wokin .fuelux .selectlist .btn.dropdown-toggle .caret{color:  #98bf11}
html.html_wokin .datosenvio .radio-custom:before{border: 1px solid #333;}
html.html_wokin .secforma .datosenvio .radio-custom:before{border: 1px solid #aaaaaa}
html.html_wokin #delivery .panel-default,
html.html_wokin #carryout .panel-default {border-color: #fff;}
html.html_wokin .datosenvio p{ font-size: 19px; }
html.html_wokin .modal .filaprod .btnrojo{ margin-right: 12px; margin-top: 8px; font-size: 12px; }
html.html_wokin .modalwokinproducts.modal.in .filasubtotal{ margin-bottom: 0 }
html.html_wokin .modalwokinproducts .modal-body{ padding-bottom: 0 }
html.html_wokin .vermenu a{ text-transform: uppercase; }
html.html_wokin .secforma p{    font-family: 'proxima_nova_rgregular', sans-serif;    font-size: 14px;}
html.html_wokin .cantidadfinal{font-family: 'proxima_nova_rgregular', sans-serif; }
html.html_wokin .modalbusqueda h2{ color: #333; border-bottom: 1px dotted #333; }
html.html_wokin .pag_micuenta .tabsenvio .tab-pane { background: #fff; }
html.html_wokin .pag_micuenta .nav-tabs{     border-bottom: 1px solid #98bf11; }
html.html_wokin .pag_micuenta .tabsenvio .nav-tabs>li>a{ border-bottom: 1px solid #98bf11;}
html.html_wokin .enviogris{ color: #333 }
html.html_wokin .micarritoiconito i{ color: #fff; }
html.html_wokin .slidedesktop .bannerprincipal {margin-top: 108px;}
html.html_wokin .paneluser .crrito{}
html.html_wokin .credits{ background: #000; }
html.html_wokin .thumbsushi img {border: 3px solid #fff; border-radius: 0}
html.html_wokin .lineasama .thumbsushi img{ border-color:#fff; border-radius:200px; }
html.html_wokin .seccion.menu .thumbsushi img { border: 3px solid #fff; transition: all .2s linear; transform:skew(-3deg)}
html.html_wokin .seccion.menu .thumbsushi img:hover{ border: 7px solid #98bf11  }
html.html_wokin footer { background: #000; color: #fff }
html.html_wokin footer a { color: #fff; }
html.html_wokin footer .footredes{ padding-top: 0; margin-top: 0 }
html.html_wokin .paneluser .crrito{ border: 0; }
html.html_wokin .grid-item-content{ box-shadow: none;  }
html.html_wokin .contenido_adicional{ padding-top: 0; margin: 32px 0}
html.html_wokin .contenido_adicional .spacer{ height: 20px }
html.html_wokin .contenido_adicional .detailsushi h3{ color: #fff }
html.html_wokin body.pag_mipedido h2.lineasama{ color: #333;     border-bottom: 2px solid #ed1c24; font-size:26px;}
html.html_wokin body.pag_mipedido .contenido_adicional .detailsushi h3{ color: #231f20; }
html.html_wokin .pag_mipedido .contenido_adicional .thumbsushi img{border-color: #000;}
html.html_wokin .pag_mipedido .contenido_adicional .slideradicional_cont_sama .thumbsushi img{border:1px solid #bebebe;border-radius: 200px; width: 100%; max-height: 137px; max-width: 137px;}

html.html_wokin .pag_mipedido .contenido_adicional .slideradicional_cont_sama .thumbsushi img{}
html.html_wokin .pag_mipedido .contenido_adicional .slideradicional_cont_sama .btnrojo{background: #ed1c24 !important;font-size: 13px;font-family: 'Oswald', sans-serif !important;color: #fff;text-decoration: none;padding: 6px 10px;    text-transform: uppercase !important;border-radius: 0;box-shadow: none; font-weight: normal;transform: none;}
html.html_wokin .pag_mipedido .contenido_adicional .slideradicional_cont_sama .btnrojo:hover{ transform: none }

html.html_wokin .slideradicionalwokin .detailsushi .btnrojo{ font-family: 'proxima_nova_ltsemibold', sans-serif; font-size: 18px }
html.html_wokin h2.lineawokin{ color: #fff; text-transform: uppercase; }
html.html_wokin h2.lineasama{ color: #fff }
html.html_wokin .wokfooter{ float: none; margin: 0 auto }
html.html_wokin .pag_index .thumbsushi img { border-color: #000 }
html.html_wokin .modal-header{ background: #000; color: #fff; }
html.html_wokin .modal-header .close{ color: #fff; opacity: 1 }

html.html_wokin h1.titulogracias{ color: #98bf11 }




/* agrego whats a ambos */
.navbar.menuprincipalsama .uniconumero{ padding-top: 0;}
html.html_wokin .navbar.menuprincipalsama .uniconumero{ padding-top: 12px;}
.telsama, .telwokin {font-size: 18px;}
.telsama{     font-weight: bold; }
.navbar.menuprincipalsama .numerotel{  padding-left: 17px;}
.telwokin::before{    content: "\f095 ";font-family: FontAwesome;padding-right: 6px; color: #98bf11;}
.telsama::before{    content: "\f095 ";font-family: FontAwesome;padding-right: 6px; color: #ed1c24;}
.twhats::before{    content: "\f232";font-family: FontAwesome;padding-right: 6px; color: #ed1c24;}
html.html_wokin .twhats::before{    color: #98bf11;}



.notifchica{ position: absolute; bottom: 0; right: 10px; background-color: #98bf11; color: #fff; font-size: 12px; transform: skew(-8deg); padding:6px 12px;text-transform: uppercase; }
.modal .datosenvio  .radio-custom:before{ top: 17px; }
.modal .filaprod{ border-bottom: none }
.modal .panelblanco{ padding-bottom: 0 }

.env a{ color: #333; }
html.html_wokin .slideradicional.lineasama .btnrojo{ background-color: #ed1c24 !important; transform: skew(0deg);}

html.html_wokin .c_agregar .submenucito{    font-weight: lighter;font-family: oswald;}

.slidedesktop{ display: block }
.slidemobile{ display: none }


.selecthora{ padding-top: 26px; font-family: 'Oswald', sans-serif; }
.selecthora p{ font-size:16px; }

.letrachica{     text-align: left; padding: 20px 26px 20px 26px; }
.letrachica small{ line-height: 100% }
.agregarnuevadir select{      width: 100%;
    border: none;
    color: #000;
    border-radius: 0 !important;
    background: #fff;
    font-size: 16px;
    height: 41px;}

.pag_registro .datoscontacto select{    height: 34px;font-size: 16px;}

.confirm .kokeshi img,
.confirm .wokin_gracias img,
.confirm .mixto_gracias img{ float: none;margin: 0 auto;padding: 20px;  }


.confirm h4{ font-size: 24px }
.confirm p{ text-align: center;font-size: 15px;padding: 20px;}
.confirm p b{ font-size: 32px }
.confirm h4, .confirm p{ text-align: center }

.vermascombo{ background: #fff; color: #ed1c24 }
.vermascombo:hover{ cursor: pointer; color: #ed1c24 }
.modaldescr{ padding-bottom: 20px }
.noresults{ padding: 20px 0 162px 0 }
#recuperar_pass .campoemail{ width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px; }


#client_form {
    border-bottom: 1px solid rgba(0,0, 0,.1);
    margin-bottom: 12px;
}

.pag_micuenta .panel-group{ margin-bottom:0; }
.pag_eventos label{color: #fff;font-weight: lighter;}
.sidenav .linksmenu a.btnllamada{background: #ed1c24;color: #fff;}
.sidenav .linksmenu a.btnllamada i{ color: #fff }
.contenedor_slider_promos{ position: relative; }

.letrachica small{ line-height: 100% }


/* ----------------------------------      MOBILE   --------------------------------------------- */
/* ----------------------------------      MOBILE   --------------------------------------------- */
/* ----------------------------------      MOBILE   --------------------------------------------- */
/* ----------------------------------      MOBILE   --------------------------------------------- */

@media ( max-width: 1199px){
    .datosenvio.conmapa p{ width: 70%}
    .agregarnuevadir .datosenvio.conmapa p{ width: 100%}
}
@media ( max-width: 991px){
    .filaprod.filasubtotal.abajo{ padding: 12px 0 22px 0; box-shadow: 0px 0px 2px 2px #000; }
    .selecthora{ padding-top: 0 }
    .datosenvio.conmapa p{ width: 70%}
    .agregarnuevadir .datosenvio.conmapa p{ width: 100%}
    .slidedesktop{ display: none }
    .slidemobile{ display: block;  }
    .slidemobile .bannerprincipal { margin-top: 96px;}
    .listado{padding: 16px 0}
    .wlegenda,
    .seccion.menu h1{ display: none }
    .navbar.menuprincipalsama .nav_sec{ padding-top: 9px }
    .navbar.menuprincipalsama .nav_sec.nav_sec.paneluser{ float: left;    padding-top: 0px;padding-bottom: 2px; }
    .logomobile{ max-width: 72px; position: absolute; top: 42px; left: 50%; margin-left: -36px}
    .paneluser .crrito{ border-color: #231f20 }
    .paneluser{ position: static; }
    .flyerpanelnav{ top: 96px; border-top: 1px solid #ed1c24; }
    .iconomenu i{ color: #ed1c24; }
    .sidenav{    background: #fff;    box-shadow: 0px 0 9px 0px #000;}
    .sidenav .linksmenu a{ color: #231f20;   border-bottom: 1px solid #dadada;}
    .sidenav .closebtn{color: #231f20;}
    .saludos{ background: #ed1c24;}
    .close{font-size: 29px;opacity: 1;}
    .promocionesmobile{ padding: 16px 0 }
    .seccion.menu h2{       text-align: left;    padding-top: 32px;    padding-left: 0;    padding-bottom: 16px;}
    .seccion.menu h2:after{ margin-top:2px; }
    .seccion.menu .marginmobile{ margin:6px 0; }
    html.html_wokin .seccion.menu .marginmobile{ margin: 6px 0 13px 0}

    .thumbsushi.especiales img{    border: 3px solid #d1b887;}
    .seccion.menu .titulomobile a{ display: block; color: #fff }

    .tablita .thumbsushi{ padding: 0 }
    .filaprod{ padding-bottom: 20px; }
    .confirm .filaprod.filasubtotal{ padding-bottom:0 !important; }
    .filaprod .thumbsushi img{ max-width: 100%; margin-top: 12px;  }
    .filaprod .cantidades{ padding: 0 }
    .cantidades .detailsushi{ padding: 0 }
    .mobileleft{ float: left }
    .mobileright{ float: right }
    .feditar a{padding: 3px; border: 1px solid #ed1c24; border-radius: 2px; font-size: 16px;margin-right: 6px; }
    .fuelux .wizard h1{ font-size: 18px; }
    .cadaadicional .thumbsushi{ max-width: 77px; }
    .bordepalitos{ padding: 15px 6px; }
    .h3mobile h3{ padding-bottom: 6px; }
    .cadaadicional label{ margin-bottom: 0 }
    .secciondepaso .cadaadicional{ margin-bottom: 10px }
    .adicionalesextra .detailsushi h3{ line-height: 20px; }
    .secciondepaso.adicionalesextra .cadaadicional .borde{ padding: 3px 0 6px 0; }
    .datoscontacto .unalinea p {font-size: 18px; font-family: 'Source Sans Pro', sans-serif;}
    .datoscontacto .unalinea p span {font-size: 11px;line-height: 0;font-family: 'Oswald', sans-serif;}
    .tabsenvio, .datosenvio{ padding: 0 }
    .tabsenvio .tabdelivery, .tabsenvio .tabcarryout,  .tabsenvio .tabguardados{ font-size: 16px; }
    .datosenvio p{ font-size: 17px; }
    .cadamenucomp{ display: block; min-width: auto}
    .seccion.menu{ background: #fff !important}
    html.html_wokin .seccion.menu{ background: #000 !important}

    .seccion.menu h2{ color:#231f20}
    html.html_wokin .seccion.menu h2{ color:#fff}
    .seccion.menu .thumbsushi{ border-bottom: dashed 1px #000; margin-top: 6px}
    .seccion.menu h2::after{ content: '\f054';     font: normal normal normal 14px/1 FontAwesome; float: right }
    .datoscontacto .unalinea{ padding: 0 }
    .datoscontacto .unalinea>div{ padding: 0 }
    #myWizard{ margin:0;border-radius: 6px 0 0 0;  }
    .fuelux .wizard>ul.steps li:first-child, .fuelux .wizard>.steps-container>ul.steps li:first-child{ padding-left: 10px }
    .fuelux .wizard>ul.steps li, .fuelux .wizard>.steps-container>ul.steps li{padding: 0 0 0 20px}
    .filaprod .detailsushi p{font-size: 13px;}
    .btnrojo.add, .btnrojo.minus{ padding: 4px 6px }
    body.pag_mipedido  .contenido{ padding: 0 }
    .thumbcontainerpedido{ padding: 0 8px 0 3px }
    .datoscontacto p{ margin-bottom: 5px }
    .step-content{ background: #fff; }
    .cadaadicional{ padding: 0 }
    .inforuc .unalinea label > div{ padding-right: 3px; padding-left: 8px }
    .panel-heading{ padding: 14px 10px }
    .paneldatos{ padding-top: 2px; padding-bottom: 0}
    .contenido_adicional{ padding-top: 0 }
    .pag_listado .contenido_adicional{ padding-bottom: 0 }
    .inforuc #razonsocial{ width: 100% }
    .tabsenvio .tab-pane{ padding: 11px }
    .datosenvio  .radio-custom:before{ left: 2px }
    .datosenvio p{ padding-left: 32px }
    .seccioninforuc{ padding-bottom: 0 }
    .tabsenvio .datosenvio p{ font-size: 14px; line-height: 140% }
    .headingThree3{ font-size: 13px }
/*    #collapseThree3 div{ padding: 0 6px } */
    .mapadir{ padding-bottom: 20px }
    .dropdown-menu-right{ left: 50% }
    .enviogris > div{ padding: 0 }
    .fuelux .datepicker-calendar-wrapper{ width: 250px }
    .fuelux .datepicker-calendar-header .title{ width: 154px }
    .letrerito{ font-size: 12px; text-align: left}
    .letrerito span{ display: none }

    .modalwokinproducts.modal.in .modal-dialog{   margin:0; width: 100%;}
    .modalwokinproducts.modal.in .modal-dialog .secciondepaso.adicionales2 .cadaadicional .unalinea {border: none;padding: 3px 10px 0 0;}
    .marginmobile > div{ padding: 0 }
    .seccion.menu .thumbsushi{ padding: 0 }
    .titulomobile h2{ margin-left: 12px }
    h2.lineawokin{ font-size: 20px }
    .pag_cobertura .coberturacol1, .cateringcol1{ padding:0  }
    body.eventos .paddinginterna, .cateringcol2{ padding-left: 0; padding-right: 0 }

    .slideradicional, .slideradicionalwokin{ padding: 0}
    .slideradicional{ margin-top:16px; }
    .checkreg h3{ padding-left: 16px }
    .pag_eventos footer {  padding-top: 22px;}
    .pag_eventos .fuelux .spinbox{ width: 100% }




    html.html_wokin .paneluser .crrito{ border-color: #fff;   }
    html.html_wokin .alertchico{background: #ed1c24;border-radius: 60px;font-size: 9px;color: #fff;position: absolute;top: -2px;right: -2px;padding: 0px 4px;}
    html.html_wokin .micarritoiconito i{ font-size: 25px }
    html.html_wokin .micarritoiconito{ width: 42px }
    html.html_wokin .letrerito{ font-size: 11px; }
    html.html_wokin .seccion.menu h2{ padding-top: 30px }
    html.html_wokin .seccion.menu .thumbsushi{border-bottom:solid 2px #a6c056}
    html.html_wokin .seccion.menu .thumbsushi,
    html.html_wokin .seccion.menu .titulomobile{ padding: 0 }
    html.html_wokin .seccion.menu h2::after{ color: #cc2628; margin-top: 5px;}
    html.html_wokin .sidenav{ background: #fff }
    html.html_wokin .modal .filaprod{}
    html.html_wokin .modal .filaprod .totaltxt {font-size: 15px;}
    html.html_wokin .modal .filaprod .btnrojo{ margin-right: 0; margin-bottom: 12px;}
    html.html_wokin .modalwokinproducts.modal.in .filasubtotal{ margin-bottom: 0 }
    html.html_wokin .modalwokinproducts .modal-body{ padding-bottom: 0 }
    html.html_wokin body.pag_mipedido .wizard .filaprod h3{ margin-top: 3px; }
    html.html_wokin body.pag_mipedido .wizard .filaprod{ padding-top: 3px;}
    html.html_wokin body.pag_mipedido .wizard h1{ margin-bottom: 12px }
    html.html_wokin .saludos{  background: #000;    color: #fff;}
    html.html_wokin .sidenav .closebtn{ color: #fff }

    .btnrojo.confirmacion {font-size: 22px;}


.row.filaprod.filasubtotal.abajo{margin-top: 20px; }
.row.filaprod.filasubtotal.abajo .formprodinput.totalnum{ color: #fff }
.row.filaprod.filasubtotal.abajo .totaltxt{ color: #fff;font-size: 14px;padding-top: 7px;text-align: left;}
.wizard .filaprod .totalnum{ font-size: 21px;    padding-top: 10px; }
.wizard .filaprod .totaltxt{ text-align: left }
.row.filaprod.filasubtotal.abajo{ background: #231f20 !important;padding-bottom: 0!important; }
.modal .row.filaprod.filasubtotal.abajo{ border:none; }

 html.html_wokin .row.filaprod.filasubtotal.abajo .totaltxt{font-family: 'Open Sans', sans-serif}

    .pag_index .seccion.menu{ padding-top: 0 }
    .seccion.catering .cateringcol1 h2 {font-size: 14px;padding: 6px 8px 0px 0px;}
    .seccion.catering p {padding: 12px 0 0 0;line-height: 120%;font-size: 14px;}

    .pag_micuenta .detailsushi .detailsushi { padding: 0 }
    .pag_micuenta .well{ padding: 0 }
    .pag_micuenta .well { border:none; box-shadow: none }

    .pag_registro .well{ border: none; box-shadow: none }
    .pag_registro h1, .pag_micuenta h1{margin-bottom: 0;}
    .pag_cobertura .paddinginterna, body.eventos .paddinginterna{padding-top: 93px}


    .direcciones h2{ margin-top: 0 }
    .contenido_adicional h2{ font-size: 17px;}
    h1{border-bottom: 2px solid #ed1c24;padding-bottom: 6px; font-size: 27px;   margin-top: 0;}
    html.html_wokin h2{border-bottom-color: #cc2628}

    footer {padding-top: 0;padding-bottom: 12px; background: #f5f5f5;}
    .pag_mipedido footer{ padding-bottom :12px 0 22px 0}
    footer li{ font-size: 12px; }
    footer h5{ font-size: 16px }
    footer .footredes{ padding-top: 12px; margin-top: 0 }
    footer .footlocales{ padding-bottom: 12px }
    footer ul.footcont li{ float: left; margin-right: 12px }
    .credits img{ max-width: 100px }
    .slick-next{ right: -10px }
    .slick-prev{ left: -10px }
    /*.pag_listado .menucomprimido .slick-arrow{

        background: #000;
        padding: 8px 22px 26px 12px;
        border-radius: 100px;
    }*/
    .pag_listado .menucomprimido .slick-next{
        right: -29px;
    }
    .pag_listado .menucomprimido .slick-prev{
        left: -33px;
    }

    .pag_listado .menucomprimido .slick-prev:before,
    .pag_listado .menucomprimido .slick-next:before {color: #000;}

    .pag_listado .menucomprimido .slidercategorias{ margin: 0px 38px 0px 33px }

    .datosenvio.conmapa p.mapaenvio{ font-size: 28px;line-height: 12px;    padding-left: 25px;}
    .datosenvio.conmapa p.mapaenvio{width: 22%;}
    .datosenvio.conmapa p.direnvio{  font-size: 12px; width: 60%;}

    .cont6, .cont6inputs{ padding-left:0; padding-right: 0  }

    .modal .secciondepaso .cadaadicional{ padding: 0 12px }
    .modal .modal-header{ padding: 10px  }
    .modal .modal-header h1{ font-size: 12px }
    .modal h1{ font-size: 16px}
    .modal p{ font-size: 12px }

    html.html_wokin .modal .modal-header{ background: #000 }
    html.html_wokin .modal .modal-header h1{    font-size: 22px;text-align: left;color: #fff;}
    html.html_wokin .modal .close{color: #fff;    text-shadow: none; margin-top:-29px}

    .containerflyernav {top: 93px;}
    .panelvolador .p_cuerpo { background: rgba(255,255,255,.9);}
    .seccion.menu .thumbsushi.col-md-2{ width: 100%; }
}

.gmap-container { width: 100%; height: 400px; margin: 0 auto; }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.smcx-embed>.smcx-iframe-container, .smcx-embed{ max-width: 100%  !important; height: 2200px !important}
.smcx-embed{ margin-top: 100px !important; border: none !important; }

html.auto-scroll .question-row.overlay{ margin: 0 !important; }

/* iframe { width: 250px !important; } */

.c_agregar{ display: none }
.nav_sec.paneluser{ visibility: hidden }