html, body { width: 100%; height: auto; margin: 0; padding: 0;   overflow-x: hidden !important;
             background: #fff5e6; color: #fff; /*font-size: 17px;*/ font-family: "Montserrat", sans-serif;
             font-weight: 400; letter-spacing: 1px;  scroll-behavior: smooth; }
body { padding-top: 0px;

 animation: fadein 2s;
    -moz-animation: fadein 2s;  
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s; }

@keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein {  from { opacity:0; } to { opacity:1;} }
@-o-keyframes fadein {  from { opacity:0; } to { opacity:1;} } 


h1 { font-size:3.6vw; line-height:3.8vw; margin-bottom:10%; letter-spacing: .5px; }
h2 { font-size:3.4vw; line-height: 3.3vw; margin-bottom: 4.5%; }
h3 { font-size:3.2vw; line-height: 3.4vw; margin-bottom: 4.5%; }
p, li  { font-size:1.2vw; line-height: 1.5vw; letter-spacing: 1px; margin-bottom:50px; }
p.v2  { font-size:1.8vw; line-height: 1.9vw; letter-spacing: 1px; }
.tt-arroz { font-size:2.7vw !important; line-height: 3.1vw; margin-bottom: 4.5%; }

a { text-decoration: none; outline: none;  }
a:hover, a:onclick { text-decoration: none; outline: none;  }
b { font-weight: 800;  }
header { width: 100%; height: 100px; background: #b0120b; top: 0; left: 0; position: fixed; z-index: 100; text-align: center; }
ul.men {  margin-left:2%; padding:10px 0; }
ul.men li { list-style:none; width:auto; display: inline-block; vertical-align:middle; padding:5px 7px;  }
ul.men li a { color:#ffaa3a; }
ul.men li a:hover { color:#fff; }
ul.men li a.active { color:#fff; }
ul.menu li a.active { color:#ffaa3a; }
section {  width: 100%; min-height: 100vh; padding:1% 0; position:relative; }
h1, h2, h3, a, blockquote, body, label, input, figure, button, .modal_, .tabcontent, .cruzz, .cruz { transition:all 200ms ease; outline: none; font-family: "Montserrat", sans-serif; }
h1, h2, h3, h4, h5 { font-weight: 700; margin-bottom:35px; font-family: "Montserrat", sans-serif;  }
footer { background: #ff5c35; color: #fff; clear: both;  color: #fff; padding: 60px 5% !important; position:relative; }
footer h3 { margin-bottom: 35px; font-size: 32px;  border-bottom: #fff solid 3px; width:auto; display: inline-block; border-bottom:#fff solid 2px;  }
footer a { color: #fff; }
footer hr { width: 75px; height: 2px !important; background: #439208; opacity: 1; margin: 0px auto 30px auto; }

a.active { color:#ffaa3a; }

.p-largo { max-width:65%; display:block; margin-left: auto; margin-right: auto; }
.p-medio { max-width:55%; display:block; margin-left: auto; margin-right: auto; }
.p-corto { max-width:35%; display:block; margin-left: auto; margin-right: auto; }

.blanco { color:#fff; }
.orange { color:#ff5c35; }
.blanco { color:#fff; }
.ajuste { width:100%; height:100px; background:red; display:block; }
.ajuste_ { padding-left:35px; margin-bottom:80px; }
input[type=submit] { color:#fff;  background:#ff5c35; display:block; text-align:center; max-width:150px;  }

.icon { display:inline-block; width:20px; }
.icon-black { filter: brightness(0); } 
img.productos { width:300px !important; display:block; margin-bottom:-75px; } 
.copy-size { font-size:1.7vw; line-height:2.1vw; }
.active { color: #7a7a7a; }
.pill { width:220px; height:auto; padding:; display:block; background:#ffd53d ; font-weight: 600;
        text-align:center; padding:15px; border-radius:35px; color:#000; font-size:1.2vw; }

.oishi-over { display:inline-block; width:193px; height:324px;  margin:0 -5px; }
.oishi-over img { opacity: 0; transition:all 200ms ease; width:100%; }
.oishi-over:hover img { opacity: 1;}

.over1 { background: url(img/o1_.png) no-repeat; background-size:100% auto; }
.over2 { background: url(img/o2_.png) no-repeat; background-size:100% auto; }
.over3 { background: url(img/o3_.png) no-repeat; background-size:100% auto; }
.over4 { background: url(img/o4_.png) no-repeat; background-size:100% auto; }
.over5 { background: url(img/o5_.png) no-repeat; background-size:100% auto; }
.over6 { background: url(img/o6_.png) no-repeat; background-size:100% auto; }

.sub_2 { display:block; width: 100%; color: #fff; padding-left:20px; margin-bottom: 10px !important; text-align:left !important; }

.rs-foo { display:inline-block; width:27px; margin:0 10px 10px 0; }
.rs-hea { display:inline-block; width:20px; margin:0 5px 5px 0; }
.logo-hidde { display:none; }
.logo { width:; display:block; width:80px; }
.licencia { background:#000; color:#fff; font-weight:100; font-size:1vw; text-align:center; padding:20px 15px; }
.rs-h { position:absolute; top:35px; right:10% }
.semi-black { color:#1d1d1b; }
.offset-half { padding-left:50px; }
.negro { color:#000; }
.blanco { color:#fff; }
.w3-dropdown-content { width:200px; margin-left:-70px;  }
.w3-dropdown-hover { background:none; }
.w3-dropdown-hover:first-child, .w3-dropdown-click:hover { background: none !important; color:#ffaa3a; }
.sub_ { display:block; text-align: center; padding:0 10px; } 
.w3-black { background:#b0120b !important;  }
/*.onigiri-slide img { margin-left:-50px; }*/

.tres { width:10%; margin:-5% auto -4.5% auto; display: block; position:relative; z-index:10; }
.container, .container-fluid { position:relative; z-index:5; margin-top:45px; margin-bottom:45px; }
.carousel-cell {
  width: 100%;
  margin-right: 10px;
  
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.carousel-cell-image {
  display: block;
}

.kai { width:83%; display:block; margin-left:15% !important; }
.tt-slide { font-size:2.6vw; }
.tt-slide2 { font-size:1.8vw; }
.index-pleca1 { position: absolute; width:100%; height:auto; left:0; bottom:0px; position:absolute; z-index:1; }
.oni_o p.copy_ { font-size:3.3vh; line-height:3.6vh; font-weight:400; margin-bottom:125px; }
.oni_o .carousel-cell p { font-size:3.3vh; line-height:3.6vh; font-weight:600;  }
.cell_ajuste { width:100%; padding:0 10%; }
#soya { background: url(img/fondo-soya.jpg) no-repeat center; background-size:cover; height:750px; margin-bottom: -100px; text-align:center; padding:70px 0 10px 0; }
#onigiris { background: url(img/fondo-oishis.jpg) no-repeat center; background-size:cover; height:100vh; text-align:center; padding:100px 0 70px 0; }
#oishi { background: url(img/fondo-oishi.jpg) no-repeat center top; background-size:cover; height:100vh; text-align:center; padding:50px 0 70px 0; } 
#oishi_ { color:#000; background:#fff5e6 url(img/index-pleca1.svg) no-repeat center bottom; background-size:100% auto;  }

.poke-bowl { background: url(img/fondo-poke.svg) no-repeat bottom center !important; background-size:119% auto !important; }
.txt-pb-block { font-size:1.6vw; line-height:1.8vw; max-width:450px; }
.pb-bowl { margin-top:-15%; margin-left:-100px; }
.copy-pb { font-weight:400; margin:50px 0 90px 0; font-size:1.5vw; line-height:1.6vw; }
.copy-pb2 { font-weight:700; margin:50px 0 50px 0; font-size:1.8vw;  }
.ajuste-espacio { margin-bottom:0px; }
.is-selected { width:100%; }

a.btn:focus {
    box-shadow: none;
    border-color: rgba(255,255,255, 1px);
}

a.btn:nth-child(1) {
    box-shadow: none;
    border-color: rgba(255,255,255, 1px);
}

a.btn {
    box-shadow: none;
    border-color: rgba(255,255,255, 1px);
}

.oni_ { display:inline-block; vertical-align: top; width:36%; margin:40px -20px; text-align:center; position: relative; padding-top:21%; }
.oni_ h4 { margin-bottom:0px; font-weight:800; font-size:2.2vw; }
.oni_ img { display:block; margin:0 auto; width:160% !important; position: absolute; top:0; }
.oni_ p { padding:0 5%; }
.oni_ hr { margin:15px auto; width:70px; background: none; border-top:#ff5c35 solid 3px; opacity:1; }
#oni { background: url(img/fondo-onigiri.svg) no-repeat center bottom; background-size:100% auto; background-position: 0px 65%; } 
p.slide-p { max-width:72%; }

#food-services { background: url(img/fondo-fs.jpg) no-repeat center; background-size:cover; padding-top:10%; } 
#food-services .pill { margin-top:-30px;  }
#arroz { background: url(img/fondo-arroz.jpg) no-repeat center bottom; background-size:cover; padding-top:100px; } 
#arroz h1 span { font-weight:200; color:#000; font-size:2vw; line-height:2.6vw !important; max-width:300px; display:block; padding: 0; margin-bottom:-50px; }
#arroz .carousel {  }
#arroz .carousel .carousel-cell {  width: 100%;  height: auto; font-size:1.2vw; font-weight:400;  }
#arroz .carousel .carousel-cell p {  max-width: 350px;   }

.img-slide-ori { margin-left:-100px; }
.pull_ { margin-left:20%; }
.pull_1 { padding-left:5%; }

.flickity-page-dots .dot.is-selected {
    opacity: 1 !important;
    background: #ffd53d !important; border: #fff solid 2px;
}

.flickity-page-dots .dot {

    background: #fff !important; border: #fff solid 2px;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

#arroz  .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    line-height: 1;
}

#arroz .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
}


/* cell number */
.carousel-main { max-width:690px; margin:0 auto; }
.carousel-nav { max-width:80%; margin:0 auto; }
.carousel-nav .carousel-cell {  width: 33.3%; text-align:center; height:300px; margin-top:75px; }
.carousel-nav .carousel-cell.is-nav-selected {   }
.carousel-nav .carousel-cell h4 { font-size:18px;  }

#onigiris_ {
    color: #000;
    padding-bottom: 0px;
    margin-bottom: -50px;
    height: auto !important;
}

#arroz-oishi { color:#1d1d1b; } 
#arroz-oishi h3 { font-size:3.2vw; line-height:3.8vw; } 
#arroz-oishi p { font-size:1.6vw; line-height:1.8vw; font-weight:300; width:75%; } 
#arroz-oishi p.txt-pb { font-size:1.6vw; line-height:2.2vw; font-weight:400; width:100%;  } 
#arroz-oishi .container { margin-bottom:75px;  } 
#arroz-oishi p b { color:#e66730 !important; display: block;  } 
.ninja { margin-left:-200px; margin-top:100px; }
.ali { margin:0 15px; }
#arroz-oishi .container-fluid { margin-top:145px !important; margin-bottom:145px; }
.centro { margin:70px auto; }
.team { font-size:22px; }


#arroz_ { background: url(img/fondo-arroz_.jpg) no-repeat center; text-align: center; background-size:cover; padding-top: 40px; height:90vh !important; } 
#arroz_ h1 { /*font-size:55px;*/  max-width:900px; margin:50px auto; }
.tazon {  display:block; margin:70px auto; width:50%;  }
.salsa {  display:inline-block; margin:40px 35px; width:320px;  height:auto; vertical-align:bottom;  }
.salsa img { margin-bottom:20px; }
.salsa p { display:block; margin:0 auto 0 auto; width:210px !important; font-size: 1.6vw !important; font-weight:600 !important; }
#poke { background: url(img/fondo-poke.jpg) no-repeat center; text-align: center; 
        background-size:cover; height:95vh !important; padding-top:50px; } 
#poke h1 { /*font-size:55px;*/ max-width:900px; margin:50px auto; display:block; }
.poke {  display:block; margin:-50px auto -30px 19%; width:80%;  }
.nosotros_ { background: url(img/fondo-nosotros.svg) no-repeat center bottom;  background-size:100% auto; }
.fondo-arroz { background: url(img/fondo-arroz.svg) no-repeat center bottom; background-position: 0 100px;  background-size: 100% auto ;  }
.pok { padding:5%; }

.soya-fondo { background: url(img/fondo-soya.svg) no-repeat center top;  background-size:100% auto; }

#arroz-oishi { color:#1d1d1b; } 
#arroz-oishi .container { margin-bottom:75px;  } 
#arroz-oishi p b { color:#1d1d1b; display: block;  } 

.bolsa { font-weight:400; width: 250px; position: relative;  margin: 0 -25px; display:inline-block; vertical-align: bottom; }
.bolsa img { width:100%; height:auto;   }
.bolsa p { display:block; margin:0 auto 0 auto; width:100% !important; font-weight:600 !important; text-align:center; }
.bowl2 { margin-top:35%;  }
#arroz-oishi p.completo { width:100% !important; font-size:1.4vw !important; padding-right:10%; }
.ccc { max-width:530px; margin:0 auto 60px auto;  }

.ar_ { width:33.3%; height:40.3vh; float:left; display:block; position: relative; text-align:center; }
.ar_ p {
  color: #fff;
  position: absolute;
  width: 100% !important;
  bottom: -10px;
  left: 0;
  text-align: center; font-weight: 600 !important; z-index: 10;
}


.de_ { background: #000; width: 100%; height: 100%; position: absolute; z-index: 5;
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); }

.ali_ { display: inline-block; margin:5px 15px; }
.ali { height:140px !important; }
.ar1 { background: url(img/panel1.jpg) no-repeat center; text-align: center; background-size:cover; }
.ar2 { background: url(img/panel2.jpg) no-repeat center; text-align: center; background-size:cover; }
.ar3 { background: url(img/panel3.jpg) no-repeat center; text-align: center; background-size:cover; }
.ar4 { background: url(img/panel4.jpg) no-repeat center; text-align: center; background-size:cover; }
.ar5 { background: url(img/panel5.jpg) no-repeat center; text-align: center; background-size:cover; }
.ar6 { background: url(img/panel6.jpg) no-repeat center; text-align: center; background-size:cover; }

.salsa { font-weight:400; width:25%; text-align: center; height: auto;  display:inline-block; vertical-align: bottom; }
.salsa_ { width:100%; }

.txt-s { max-width:490px; margin:0 auto; }

.clear { clear:both; }

.sal1 { background: url(img/panel1_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal2 { background: url(img/panel2_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal3 { background: url(img/panel3_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal4 { background: url(img/panel4_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal5 { background: url(img/panel5_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal6 { background: url(img/panel9_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal7 { background: url(img/panel7_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal8 { background: url(img/panel8_.jpg) no-repeat center; text-align: center; background-size:cover; }
.sal9 { background: url(img/panel6_.jpg) no-repeat center; text-align: center; background-size:cover; }


.oishis-c { margin:45px auto; display:block; width:60%; }
.pilll { background:#fff; 
         background-size: 20px; 
         color: #000; padding:25px; border-radius:15px; 
         display: block; margin-bottom:15px; width:100%; min-height: 110px; text-align:left; position:relative; }
.card-body { border:none; }

.cruz { position:absolute; top:33px; left:10px; }
.cruzz { rotate: 45deg; position:absolute; top:33px; left:10px;  }


.pb_ h4 { margin-bottom:0px; }
p.corto  { max-width:280px; margin:0 auto; }
.pb_ hr { width:70px; height: 5px; background:#ff5c35; opacity:1; margin:30px auto; border:none; }
.haiku-pb { width:75%; margin-bottom:-180px;  }


ul.lista {}
ul.lista li { font-size:1.5vw; line-height:1.9vw; font-weight: 400;  margin-bottom:27px; list-style:none; position: relative; padding-left:40px; }
ul.lista li .numero { position: absolute; left:-10px; top:5px; width:0px; width:24px;  }
.pasos { width:120px; margin-left:40px; }
.pasos_ { margin-top:75px; }

ul.lista2 {}
ul.lista2 li { margin-bottom:25px; list-style:none; position: relative; padding-left:40px; }
ul.lista2 li .numero { position: absolute; left:0; top:0; width:0px; width:24px; }
.pull_ {
    margin-left: 0%;
}
ul.lista2 {
    padding: 0;
    margin-bottom: -150px;
}

.btn-pill { background:#ff5c35; color:#fff; font-weight:600; padding:15px 5px; margin: 0 auto; display:block; max-width:290px;  }
.btn-pill_ { background:#ffd53c !important; color:#000 !important; font-weight:600; padding:15px 5px; margin: 0 auto; display:block; max-width:220px;  }
.btn-pill_ img { filter: brightness(0); }
.kaiju { display:block; margin:50px auto; max-width:60%; }

.cobertura { color:#000; background:#92d0c1 url(img/index-pleca0.svg) no-repeat center bottom; background-size:100% auto; }
.testimonio h4 { color:#fff; font-size:26px; margin:35px 0; }
.testimonio h3 { }
.testimonio {  background:#ffd53d; }
.koni { max-width: 39%; margin: 75px auto; font-size: 1.5vw;  line-height: 1.9vw; }
.testi { padding-right:8%; }
.test_ { font-size:22px; color:#000; border-bottom:#ff5c35 solid 4px; width:auto; display: inline-block; }

.feed { margin-top:-30px; }
.feed input { width:85%; margin:5px 0; border:none; padding:10px; }
.contacto  { width:95%; margin-left:5%; }
.contacto input { width:100%; margin:5px 0; border:none; padding:10px; }
.contacto textarea { width:100%; height: 130px; margin:5px 0; border:none; resize: none; padding:10px; }
.npl { padding-left:0px; }

section.cobertura .carousel-cell p { font-size:1.9vw; line-height: 2.5vw; font-weight:600; margin-top:-70px; }
section.cobertura .flickity-page-dots {bottom:20px;}
section.cobertura .flickity-page-dots .dot {
    opacity: 1 !important;
    background: #fff;
}
section.cobertura .flickity-page-dots .dot.is-selected {
    
    background: #ffd53d;
}

.btn { text-align:left; }
.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: none !important;
    border-color: none !important;
}
.btn:active {
    color: var(--bs-btn-hover-color);
    background-color: none !important;
    border-color: none !important;
}
.btn:onclick {
    color: var(--bs-btn-hover-color);
    background-color: none !important;
    border-color: none !important;
}

.btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: none !important;
    }
article {  }

.switch-toggle {
    position: relative; width: 100%; height: auto;
}

.switch-toggle label {
   background: transparent;
   justify-content: center;
   align-content: center;
   height: 100%;
   padding: 0.25em;
/*    z-index: 1; */
   transition: 0.3s all ease; display: inline-block;  
   cursor: pointer;
}

.switch-toggle label {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
   margin: 0 0px;  width: 13%; opacity: 0.2;
}

.switch-toggle label img {
     position: relative; opacity: 0; display: block; margin: 0 auto 0 0;
}

.slider {
position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 33.33333333333333%;
    background: #ff0000;
    border-radius: 10px;
    box-shadow: -3px -3px 3px -3px inset black, -5px -5px 30px -10px inset black, 3px 3px 3px -3px inset white, 5px 5px 30px -10px inset white;
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0.5;
}
.slider {
    display: none;
}
#frost-series .slider {
    background-color: hsla(208, 91%, 92%, 1);
    box-shadow: 0 0 30px;
}

.switch-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.three-way .op_one:hover ~ .slider {
   left: 0;
   right: 0;
}

.three-way .op_two:hover ~ .slider {
   transform: translateX(-50%);
   left: 50%;
   right: auto;
}

.three-way .op_three:hover  ~ .slider {
   transform: translateX(-100%);
   left: 100%;
   right: 0;
}

input:hover + label {
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  opacity: 1;
}

input:hover + label img {
   -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  opacity: 1;
}

    ul.menu { width: 300px; height: 90%; position: fixed; top:50px; right: -300px; padding-top: 20px; 
              background: #b0120b;  font-weight: 600;  margin-top: 50px; z-index: 9999;  transition:all 400ms ease; }
    ul.menu li { display: inline-block; margin: 0 10px; width: 200px; height: 50px; line-height: 50px; border-bottom: #ffaa3a solid 2px; }
    ul.menu li a { color: #fff; transition:all 400ms ease; font-size: 14px; font-weight: 600;  }
    ul.menu li a:hover { color:#ffaa3a; text-decoration: none; }


  .main {
  margin-right: 300px !important;
  color: red;
  transition:all 400ms ease;
}

.oi-foo { position:absolute; top:-130px; right: 8%; width:27%; } 

/* Icon 1 */
.burger {cursor: pointer; position: absolute; top: -150px; right: 25px; display: 
         inline; z-index:99999999; background:#b0120b; width:150px; height:150px; }
.main { margin-right: 100%; transition:all 400ms ease;  }

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 10px;
  position: relative;
  margin: 15px 0 0 -15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
}

#nav-icon1 span:nth-child(3) {
  top: 26px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0) !important;
    border: none;
    color: #333;
}

ul.menu { display:none; }
.faq { background: none !important; } 
.ajuste-arroz { margin-top:190px; }

.flickity-prev-next-button.next {
    right: -25px !important;
}

.flickity-prev-next-button.previous {
    left: -25px !important;
}

 .order-1 { order: 2 !important; }
 .order-2 { order: 1 !important; }

.card a { display: inline-block !important; background:pink; width:150px; }
.salsa-h { width:70%; }

.quita { display: none !important; }
.pon { display: inline !important; }

@media only screen and (max-width: 690px) {
    .pon { display: none !important; }
    .quita { display: inline !important; }

    .order-1 { order: 1 !important; }
    .order-2 { order: 2 !important;  }

    .salsa-h { width:100%; }
    .tazon {
    display: block;
    margin: 30px auto;
    width: 100%;
}

    section { height:auto !important; padding-left:5%; padding-right:5%; }
    header { background:#b0120b;  /*background:#b0120b url(img/logo.svg) no-repeat !important; background-position: 10px 10px !important; background-size: auto 80% !important;*/ }
    ul.men { display:none; }
    ul.menu { display:inline; }
    .burger {cursor: pointer; position: fixed; top: 10px; right: 0px; display: inline; 
            z-index:99999999; background:#b0120b; width:50px; height:50px; }

        h1 { font-size:34px  !important; line-height: 42px  !important;  margin-bottom: 40px; }
        /*h1 br { display:none; }*/
        h2 br { display:none; }
        h3 br { display:none; }
        h4 br { display:none; }
        h2 { font-size:32px  !important; line-height: 40px  !important; margin-bottom: 6.5%; }
        h3 { font-size:28px  !important; line-height: 36px  !important; margin-bottom: 6.5%; }
        .oni_ h4 {    font-size:28px  !important; line-height: 36px  !important; margin-bottom: 6.5%; }
        p  { font-size:18px  !important; line-height: 24px;  }
        p.v2 { font-size:18px  !important; line-height: 24px; }
        .koni { font-size:18px  !important; line-height: 24px;  }
        .copy-size { font-size:18px  !important; line-height: 24px; }
        .oni_o .carousel-cell p { font-size:18px  !important; line-height: 24px;     font-weight: 600; }

        .tt-slide2 {
     font-size:34px  !important; line-height: 32px  !important; }


        .koni {
    max-width: 90%;
    margin: 75px auto;
    font-size:22px  !important; line-height: 24px  !important; 
}

        #arroz-oishi p.completo {
    width: 100% !important;
    font-size:18px  !important; line-height: 24px; 
    padding-right: 10%;
}

.ali {
    margin: 0 15px -20px 15px;
    height: 100px !important;
}

        .tt-arroz { font-size:28px  !important; line-height: 32px  !important; margin-bottom: 6.5%;  }
        #arroz-oishi p { width: 100%; }

        #arroz-oishi p b {
    color: #1d1d1b;
    display: block; margin-top: 40px;
}

        #arroz-oishi p { font-size:18px  !important; line-height: 24px  !important;  }
.pasos { display: none; }
 /*ul.lista {  background: url(img/pasos.svg) no-repeat top right !important; background-size:20% auto; }*/
 .poke-bowl {
    background: url(img/fondo-poke.svg) no-repeat bottom center !important;
    background-size: 519% auto !important;
}

  #arroz img {
     margin-left: 5%;
}

ul.lista li {
       font-size:18px; line-height: 24px; 
    font-weight: 400;
    margin-bottom: 27px;
    list-style: none;
    position: relative;
    padding-left: 0px;
    max-width: 100%;
}
ul.lista2 li {
    margin-bottom: 25px;
    list-style: none;
    position: relative;
    padding-left: 40px;
    font-size:18px; line-height: 24px; 
}

.copy-pb {
    font-weight: 400;
    margin: 50px 0 90px 0;
    font-size:18px  !important; line-height: 24px;
}

.copy-pb br { display:none; }

.salsa p {
    display: block;
    margin: 0 auto 0 auto;
    width: 190px !important;
    font-size:18px  !important; line-height: 24px;
    font-weight: 600 !important;
}
#arroz-oishi {
    color: #1d1d1b;
    padding-top: 50px;
}
.licencia {
    background: #000;
    color: #fff;
    font-weight: 100;
    font-size:14px  !important; line-height: 24px;
    text-align: center;
    padding: 20px 15px;
}
.btn-pill {
    background: #ff5c35;
    color: #fff;
    font-weight: 600;
    padding: 15px 5px;
    margin: 0 auto 30px auto;
    display: block;
    max-width: 290px;
}
.ninja {
    margin-left: auto;
    margin-top: -90px; width: 80%; 
}
        #oishi {
    background: url(img/index-res.jpg) no-repeat center top;
    background-size: cover;
    height: auto;
    text-align: center;
    padding: 50px 0 170px 0;
}

    #oishi h1 {
        max-width: 75%; margin: 0 auto 40px auto;
    }

#soya {
    background: url(img/fondo-soya.jpg) no-repeat center;
    background-size: cover;
    height: auto;
    margin-bottom: -100px;
    text-align: center;
    padding: 70px 0 10px 0;
}

.ajuste-arroz { margin-top:-150px; }
.bowl2 { width: 90%; display: block; margin: 0 auto; }

.ar_ {
    width: 100%;
    height: 40.3vh;
    float: left;
    display: block;
    position: relative;
    text-align: center;
}

.bolsa {
    font-weight: 400;
    width: 45%;
    position: relative;
    text-align: center;
    height: 150px;
    margin: 0px 0px 150px 0px;
    display: inline-block;
    vertical-align: bottom;
}
#arroz h1 span {
    font-size:18px!important; line-height: 26px !important; margin: 15px 0 -50px 0;
}
#arroz_ {
    background: url(img/fondo-arroz_.jpg) no-repeat center;
    text-align: center;
    background-size: cover;
    padding-top: 40px;
    margin-bottom: 120px;
    height: auto !important;
}

.offset-half {
    padding-left: 3%;
}
#arroz-oishi .container-fluid {
    margin-top: 75px !important;
    margin-bottom: 75px;
}

.switch-toggle label {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: -50px auto 0 auto;
    width: 40%;
    display: inline-block;
    opacity: 0.2;
}
.logo-foo {}
.oni_ {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 40px 0 0 0;
    text-align: center;
}
.img-slide-ori {
    margin-left: 0px;
}

.tres {
    width: 150px;
    margin: -125px auto -65px auto;
    display: block;
    position: relative;
    z-index: 10;
}

.oni_ {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 100px 0 50px 0;
    text-align: center;
}
section.cobertura .carousel-cell p {
    font-size: 1.9vw;
    font-weight: 600;
    margin-top: 20px;
}

footer { padding-top:50px; }
footer .col-sm-2 img { width:150px;  margin-top:-70px; margin-bottom:50px;  }
.rs-h {
    position: absolute;
    top: 35px;
    right: 70px;
}
.oi-foo {
    position: absolute;
    top: -100px;
    right: 8%;
    width: 250px; display: none;
}
.p-corto {
    max-width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.kai {
    width: 80%;
    display: block;
    margin: -100px auto 100px 10% !important;
}
.testimonio {
    background: #ffd53d; margin-top: -50px;
}

.contacto {
    width: 100%;
    margin-left: 0%;
}

.carousel-nav .carousel-cell {
    width: 100%;
    text-align: center;
    height: 350px;
    margin-top: 15px;
}

#onigiris {
    background: url(img/fondo-oishis.jpg) no-repeat center;
    background-size: auto 100%;
    height: auto;
    text-align: center;
    padding: 100px 0 370px 0;
}
#onigiris {
    background: url(img/fondo-oishis.jpg) no-repeat center;
    background-size: auto 100%;
    height: auto;
    text-align: center;
    padding: 100px 0 370px 0;
}
.kaiju {
    display: block;
    margin: 50px auto;
    max-width: 100%;
}
.oishis-c {
    margin: 45px auto;
    display: block;
    width: 100% !important;
}

#oni {
    background: url(img/fondo-onigiri.svg) no-repeat center bottom;
    background-size: auto 120%;
}
p { font-weight:500 !important; }
.copy-pb2 br { display:none; }
.copy-pb2 {
    font-weight: 700;
    margin: 50px 0 50px 0;
    font-size: 22px;
}

.pill {
    font-size: 18px;
}

.salsa {
    font-weight: 400;
    width: 60%;
    text-align: bottom;
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    margin: 20px auto;
}

#poke {
    background: url(img/fondo-poke.jpg) no-repeat center;
    text-align: center;
    background-size: cover;
    height: auto !important;
    padding-top: 50px; margin-bottom: -100px;
}
.poke {
    display: block;
    margin: -50px auto 0 -5%;
    width: 140%;
}
.haiku-pb {
    width: 100%; margin-left: -10%; margin-bottom: 0px;
}

.pb-bowl {
    margin: 0 auto; display: block; width: 80%;
}
#food-services { background: url(img/food-res.jpg) no-repeat center bottom; background-size:cover; padding-top:120px; padding-bottom:550px; } 
p br { display:none !important }
h1 { margin-bottom:80px; display:block; }

.container, .container-fluid { position:relative; z-index:5; margin-top:35px; margin-bottom:35px; }
.rs-h { display:none; }
.bici { width:70%; margin:40px auto; }

#arroz-oishi p.completo br {
    display: inline-block !important; 
}

#arroz-oishi .container {
    margin-top: -100px;
}

.arroz-slide > .ar_  { width:100% !important; }

.quit { display:none; }

ul.lista li .numero {
    position: absolute;
    left: -35px;
    top: 5px;
    width: 0px;
    width: 24px;
}

ul.lista2 {
    padding: 0;
    margin-bottom: -50px;
}
.cobertura {
    color: #000;
    background: #92d0c1 url(img/index-pleca0.svg) no-repeat center bottom;
    background-size: auto 100%;
    padding-top: 100px;
}

p.slide-p {
    max-width: 100%;
}

.oni_ img {
    display: block;
    margin: 0 auto;
    width: 160% !important;
    position: absolute;
    top: -150px;
}

.logo-hidde { display:inline-block; margin:15px auto;  }
.logo-hidde img { width:80px; }

.oishi-over {
    display: inline-block;
    width: 49%;
    height: auto;
    margin: 0 -5px;
}
.oishi-over img { opacity: 0; transition:all 200ms ease; width:100%; }
.oishi-over:hover img { opacity: 1;}

.over1 { background: url(img/o1_.png) no-repeat; background-size:100% auto; }
.over2 { background: url(img/o2_.png) no-repeat; background-size:100% auto; }
.over3 { background: url(img/o3_.png) no-repeat; background-size:100% auto; }
.over4 { background: url(img/o4_.png) no-repeat; background-size:100% auto; }
.over5 { background: url(img/o5_.png) no-repeat; background-size:100% auto; }
.over6 { background: url(img/o6_.png) no-repeat; background-size:100% auto; }

#oishi_ {
    color: #000;
    background: #fff5e6 url(img/index-pleca1.svg) no-repeat right bottom;
    background-size: 370% auto;
}

h3 br { display:inline; }
h3.negro br { display:none; }

#onigiris_ {
    color: #000;
    padding-bottom: 0px;
    height: auto !important;
    margin-bottom: -150px !important;
}

.tt-slide {
    font-size: 36px; line-height: 42px;
}

.oni_o .carousel-cell p br { display:inline !important; }

.soya-fondo {
    background: url(img/fondo-soya.svg) no-repeat center bottom;
    background-size: 200% auto;
}

.sinbr br { display:none ; }

.fondo-arroz {
    background: url(img/fondo-arroz.svg) no-repeat left bottom;
    background-position: 0 0px;
    background-size:auto 100% ;
}

.nosotros_ {
    background: url(img/fondo-nosotros.svg) no-repeat center bottom;
    background-size:auto 100% ;
}

.p-medio {
    max-width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

     #onigiris {
        background: url(img/oni-resp.jpg) no-repeat center;
        background-size: cover;
        height: auto;
        text-align: center;
        padding: 100px 0 170px 0;
    }

}

 @media only screen and (max-width: 560px) {
.carousel-nav { display:none; }
}

 @media only screen and (max-width: 440px) {


     h1 br { display:none; }
     #arroz h1 { max-width:200px; }
     .carousel-nav { display:none; }

     #onigiris_ {
    color: #000;
    padding-bottom: 0px;
    margin-bottom: -50px;
    height: auto !important;
    margin-bottom: -250px;
}

    }


    @media only screen and (max-width: 400px) {


     h1 br { display:none; }
     #arroz h1 { max-width:200px; }
     .carousel-nav { display:none; }

     #onigiris_ {
    color: #000;
    padding-bottom: 0px;
    margin-bottom: -50px;
    height: auto !important;
    margin-bottom: -250px !important;
}

    }