* { box-sizing: border-box;  margin: 0; }
html, body { width: 100%; height: auto; margin: 0; overflow-x: hidden !important;  position:relative; 
              font-family: "Open Sans", serif;  font-weight:400;  font-size:1.2vw; line-height: 2.2vw;
             letter-spacing: 1px; font-optical-sizing: auto; font-style: normal; background:#eeecde !important; }
html { scroll-behavior: smooth; overflow-x: hidden !important;  } 
body { animation: fadein 3s;  -moz-animation: fadein 3s; -webkit-animation: fadein 2s;  -o-animation: fadein 3s;  }

@keyframes fadein { from { opacity:0; } to { opacity: 1;} } 
@-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity: 1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity: 1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity: 1;} }
header, footer, ul, h1, h2, h3, h4, h5, h6, input, label, textarea, section, figure { transition:all 300ms ease; position:relative; }
h1, h2, h3, h4, h5, h6 { font-family: 'erstoriaregular' }
section { min-height:100vh; text-align:center; position:relative; margin:0; padding:15vh 0;  color:#eeecde !important; }
footer { background:#a42916; padding:4% 0; font-size:1vw; color:#eeecde;  }
footer h3 { font-size:2vw; margin-bottom:25px; }
footer .info-box { display:inline-block; margin-right:5%; padding-top:1%; }
footer a { padding-top:1%; font-size:1vw !important; color:#eeecde; }

.ers { font-family: 'erstoriaregular' !important; }

.sabores h4 { font-family: "Open Sans", serif !important; margin-bottom:15px; }

select { padding:15px; border-radius:35px; border:none; background:#a42916; color:#fff; }

h1 { font-size:3.6vw; line-height:3.8vw; color:#000; margin-bottom:10%; letter-spacing: .5px; }
h2 { font-size:3.4vw; line-height: 3.3vw; margin-bottom: 4.5%; color:#000; }
p  { font-size:1.2vw; line-height: 2vw; letter-spacing: 1px; color:#000; }
.small_ { font-size:1.3vw; line-height: 1.5vw; letter-spacing: 1px; margin-top:-5px !important; position:relative; display:block; }
.velo { position: absolute; top: 0;
    left: 0; width: 100%;
    height: 100%; object-fit: cover; z-index:3; background: rgba(0, 0, 0, .7); }
video.intro {
    position: absolute; top: 0;
    left: 0; width: 100%;
    height: 100%; object-fit: cover; z-index:1;
}
header { width:100%; min-height:auto; position:fixed; top: 0; left: 0; background: url(img/flag.svg) no-repeat center top; background-size: 10% auto;  z-index:20; }
.fondo { background: rgba(0,0,0, .7) url(img/flag.svg) no-repeat; background-position:  4.7% top;  background-size: 7% auto;}

.w { color:#eeecde !important;   }
.wb{ color:#000 !important;   }
.wbtn { border:#eeecde solid 1.8px !important;  }
.rojo { background:#a42916; color:#eeecde !important; }
.amarillo { background:#edba06; color:#000; }

.menta { position:relative; z-index:10; display: block; margin: -3.5% auto 1% auto; width:220px; }
.cafe  { position:relative; z-index:10; display: block; margin: -6.5% auto 1% auto; width:220px; }
.romero { position:relative; z-index:10; display: block; margin: -6.5% auto 1% auto; width:220px; }

.open { font-family: "Open Sans", serif !important;  }

.bis_ { position:absolute; z-index:10; left:-70px; bottom:-10px; width:20px; }
.rs-foo { width:10%; display:inline-block; margin:0 5% 1.5% 0; }
.logo-top { display:block; margin:3.5% auto 25px auto; width:10%; }
.logo-top_ { display:block; margin:2.5% auto 25px 4.3%; width:7%; }

a.wh { width:50px; position:fixed; z-index:99999999999;  right:3%; bottom:6% }
a.wh figure { display:none ; background:#eeecde !important; font-size:14px; color:#a42916; position: relative; margin-left: -100px; width: auto; height: auto; border-radius:10px; }
a.wh:hover figure { display:block ; padding: 5px; text-align:  center; background:#eeecde !important; font-size:14px; 
                    color:#a42916; font-weight: 400 !important; line-height: 18px; position: relative; margin-left: -100px; margin-top:180px !important; width: 150px; height: auto; border-radius:10px; }

b { font-family: "Open Sans", serif; font-weight:700; }
a { text-decoration:none; font-size:1.5vw  !important; color:#000; border-radius:15px !important; }
a.logo-foo { display:block; width:70%; margin:35px auto !important; }
input { width:100%; min-height:45px; border:none; margin-bottom:12px; padding:15px; box-sizing: border-box; }
input[type=submit] { background:#c04f4f; color:#eeecde; }
::-webkit-input-placeholder { color: #93b4bb; }
::-moz-placeholder { color: #93b4bb; }
:-ms-input-placeholder { color: #93b4bb; }
:-moz-placeholder { color: #93b4bb; }

.menu { width:100%; min-height:auto; text-align:center; }
.menu_ { position:fixed; top:72px;  }
.menu ul { color:#eeecde;  }
.menu ul li { text-align: center; width:100%; margin-bottom:10px; display:inline;  }
.menu ul li a { color:#eeecde; }
.menu ul li a:hover { opacity: .7; }

.btn { border:#000 solid 1.7px !important; padding:8px; border-radius:10px; }
.btn_ { border:solid 1.7px !important; padding:8px; border-radius:10px; font-size: 1.2vw !important;
    line-height: 2.2vw;
    letter-spacing: 1px; }
.btn-intro { border: solid 1.7px !important; padding:8px 18px; text-align:center; width:190px !important; 
             display:inline-block; margin:10px auto; border-radius:10px !important; }
.btn-bri { border:#000 solid 1.7px !important; width: auto; padding:8px; border-radius:10px; display:inline-block; margin:15px; } 
.btn-d { font-size:1.2vw !important; line-height: 2.2vw !important; }
.btn-d img { margin-bottom:25px; }
.btn:hover, .btn-bri:hover { border-color:#a42916; color:#a42916; }

.btnn { border:#fff solid 1.7px !important; color: #fff; border-radius:10px; padding:15px 10px !important; 
       display: block; margin: 35px auto; width:290px !important;  }

.container, .container-fluid { position:relative !important; z-index:10; }
.container-fluid { width:100%; }

#nosotros { background: url(img/senssisimo-panel2.jpg) no-repeat center; background-size: cover; }

#maestro-g { padding:15vh 0; background:#edba06; }
#maestro-g h2 {  font-size:2.8vw; color:#000; max-width:390px; margin:0 auto; }
#maestro-g h2 span { font-weight:300;  }
#maestro-g p  { max-width:77%; margin:7% auto; }
#maestro-g .col-sm-6 { padding:0px; overflow: hidden;  } 
#maestro-g img.maestro { width:auto; height:100%; position:absolute !important; top:0; left:0; } 
.maestro-g { width:100%; min-height:100vh; }
.bullet { display:block; margin:0 auto; width:32px !important; }
.maestro-g_ { padding-left:10%; padding-right:10%; }

#nuestros-gelatos { padding-bottom:0px; }
#nuestros-gelatos img { max-width:35%;  }

#nuestro-bristo {  }
#nuestro-bristo img { max-width:35%;  }
#nuestro-bristo p { width:85%; margin:5% auto 7% auto;  }

#nuestro-cafe { background:#edba06; }
#nuestro-cafe img { max-width:20%; }
#nuestro-cafe p { width:86.5%; margin:5% auto 7% auto; }

#gelatos { background: url(img/gelatos.jpg) no-repeat center; background-size: cover; color:#eeecde; }
#gelatos h1 { color:#eeecde;  }

#asi-se-crean { color:#000 !important; }
#asi-se-crean h2 {  width:46%; margin:0 auto 5% auto; }
.gel-box { width:40%; margin:2%; display:inline-block; vertical-align:top; height:auto;  }
.gel-box img { width:100%; margin-bottom:10%; border-radius:15px !important;  }
.gel-box p   { width:85%; margin:0% auto 10% auto; display:block;  }

#maestro-g_ { padding:15vh 0; background:#edba06; }
#maestro-g_ h2 {  font-size:2.8vw; color:#000; max-width:390px; text-align: left; }
#maestro-g_ h2 span {  font-weight:300;  }
#maestro-g_ p  { max-width:100%; margin:0% auto; text-align: left; }
#maestro-g_ .col-sm-7 { padding:0px; overflow: hidden;  } 
#maestro-g_ img.maestro {     width: 50%;
    height: auto;
    position: absolute !important;
    top: 0;
    right: 0%; } 
.maestro-g { width:100%; min-height:100vh;  }
.bullet { display:block; margin:0 auto; width:42px; }
.maestro-g { padding-left:10%; padding-right:10%; margin-bottom:10%; background:pink; }
#maestro-g_ a { margin-top:10%; display:block; }

p.maestro_ { height:350px; overflow-x:auto; padding-right:20px; }


#maestra_ { padding:15vh 0; background:none; }
#maestra_ h2 { /*font-family: "Open Sans", serif;*/ font-size:2.8vw; color:#000; max-width:390px; text-align: left; }
#maestra_ h2 span {  font-weight:300;  }
#maestra_ p  { max-width:100%; margin:0% auto; text-align: left; }
#maestra_ .col-sm-7 { padding:0px; overflow: hidden;  } 
#maestra_ img.maestra {     width: 50%;
    height: auto;
    position: absolute !important;
    top: 0;
    right: 0%; }


.maestro_::-webkit-scrollbar {
width: 5px;
}

.maestro_::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, .1);
}

.maestro_::-webkit-scrollbar-thumb {
background-color: #a42916;
}



#bistro { background: url(img/bistro.jpg) no-repeat center; background-size: cover; color:#eeecde;  }
#bistro h1 { color:#eeecde;  }

#caffe { background: url(img/caffe.jpg) no-repeat center; background-size: cover; color:#eeecde;  }
#caffe h1 { color:#eeecde;  }

.sin-pad { padding-left: 0; padding-right: 0; position:relative; }
.col { float: right;    width: 48%;    overflow: hidden;    margin-right: 2%; }
.col1 { margin-right:2%; position: absolute; height:100%; border-radius: 15px; bottom:0px; left:0px; z-index:10;  }
img.img1 { margin-bottom:4%; border-radius:25px; }
img.largo { width:auto; height:102%; border-radius:25px; margin-top:-10px; }
.bri-p { margin:12% 0; }
.col img { border-radius:25px;  }

#aviso { text-align:left; }

.p10 { padding-top:10vh; }
.p20 { padding-top:20vh; }
.p30 { padding-top:30vh; }
.p40 { padding-top:40vh; }
.p50 { padding-top:50vh; }
.p75 { padding-bottom:75px; }

.burger {cursor: pointer; position: absolute; top: 0px; right: 25px; display: none; }
.main { margin-right: 100%; transition:all 400ms ease;  }

/* Icon 1 */

#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: #eeecde;
  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);
}




.carousel {
  background: ;
}

.carousel-cell {
  width: 100%;
  max-height: 600px;
  margin-right: 10px;
  border-radius: 25px; overflow: hidden;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.flickity-button {
    position: absolute;
    background: #a42b22;
    border: none;
    color: #fff;
}

.flickity-button:hover {
    position: absolute;
    background: #fff;
    border: none;
    color: #a42b22;
}


.flickity-button:focus {
  outline: none !important;
  box-shadow: none !important;
}


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

.flickity-page-dots .dot.is-selected {
    opacity: 1;
    background:#edba06;
}

.rounded { border-radius: 15px !important; }

#asi-se-crean h2 img  {
    max-width: 35%;
}

#desayuno h2 span { font-size: 3vw; line-height: 2.9vw; font-weight:200; }
#comida h2 span { font-size: 3vw; line-height: 2.9vw; }
#aperitivo h2 span { font-size: 3vw; line-height: 2.9vw; }
/* Custom, iPhone Retina */ 
    @media only screen and (max-width: 500px) {
        .burger {cursor: pointer; position: absolute; top: 0px; right: 25px; display: inline; }
        .logo-top { display:block; margin:20px auto 25px auto; width:20%; }
        .p50 { padding-top:150px; }
        h1 { font-size:34px; line-height: 32px; color:#000; }
        h2 { font-size:28px; line-height: 28px; margin-bottom: 6.5%; color:#000; }
        p  { font-size:18px; line-height: 24px; color:#000; }
        .small_ { font-size:16px;  line-height: 18px;  letter-spacing: 1px;  }
        section { min-height:auto; text-align:center; position:relative; margin:0; padding:50px 5%;  color:#eeecde !important; }
        header {  height:100px; }
        a, a.btn, a.btn_, a.btn-d { font-size:18px !important; line-height: 24px !important;  }
        ul.men {  right: 0%; top: -500px; font-size:18px; line-height: 24px; color:transparent !important; 
                  font-size:2px !important;  background:#a42916; padding:25px 0; width:100%;  }
        ul li { display: block !important; width:100%; text-align:center; }
        ul.main { right: 0%; top: 30px; transition:all 400ms ease; }

        #maestro-g_ { padding:0vh 0 15vh 0; background:#edba06; }
        #maestro-g { padding:0vh 0 15vh 0; background:#edba06; }
        #maestro-g h2 { font-family: "Open Sans", serif; font-size:28px; line-height: 28px; margin: 40px auto;  color:#000; }
        #maestro-g_ h2 { font-family: "Open Sans", serif; font-size:28px; line-height: 28px;  color:#000; }
        #maestro-a_ h2 { font-family: "Open Sans", serif; font-size:28px; line-height: 28px; margin: 40px auto;  color:#000; }
        #maestro-g_ h2 span { font-family: "Open Sans", serif; font-weight:300;  }
        #maestro-g_ p  { max-width:100%; margin:0% auto; text-align: left; }
        #maestro-g_ .col-sm-7 { padding:0px; overflow: hidden;  } 
        #maestro-g_ img.maestro { width:auto; height:100%; position:relative !important; margin-top:0; right:0%; width:100%; margin-bottom: 45px; }
        #maestro-g img.maestro { width:auto; height:100%; position:relative !important; margin-top:0; right:0%; width:100%; } 
        #maestra_ img.maestra { width:auto; height:100%; position:relative !important; margin-top:0; right:0%; width:100%; margin-bottom: 45px; } 
        .maestro-g { width:100%; min-height:100vh;  }
        .bullet { display:block; margin:0 auto; width:42px; }
        .maestro-g { padding-left:10%; padding-right:10%; margin-bottom:10%; background:pink; }
        #maestro-g_ a { margin-top:10%; display:block; }
        .mosaico img { width:100%; margin-bottom:5%; } 

        #desayuno h2 span { font-size:24px; line-height: 24px; font-weight:200; }
        #comida h2 span { font-size:24px; line-height: 24px; }
        #aperitivo h2 span { font-size:24px; line-height: 24px; }

        #maestra_ h2 {
    font-size:28px; line-height: 28px;
    color: #000;
    max-width: 390px;
    text-align: left;
}
        
        footer h3 { padding-top: 35px; font-size: 24px; margin-bottom: 15px; }
        footer { font-size:14px; line-height: 20px; }
        footer .col-sm-2 { width:30% !important; }
        footer .col-sm-7 { width:70% !important; }
        footer .col-sm-3 { width:100% !important;  position:relative; padding:5%; }

        footer .info-box { /*margin-left:-37%;*/ margin-bottom: 15px; display: block; margin-right: 5%; padding-top: 1%; }
        footer .info-box br { display:none; }
        footer .rs { position:absolute; left:50%; width: 50%; bottom:0 !important; padding-bottom:10px; text-align:right;  }
        footer .rs img { width:30px; }
        a.logo-foo { display: block; width: 70%;  margin: 0px auto !important; }
        footer a { font-size:18px !important; line-height: 24px;    padding-top: 1%;    font-size: 1vw;    color: #eeecde; }

        .gel-box {    width: 100%;     margin: 4% auto 15% auto;    display: inline-block;    vertical-align: top;
                      height: auto;    font-size: 18px;    line-height: 24px; }

        .btn-bri { border: #000 solid 1.7px; width: 190px; padding: 8px; border-radius: 10px; display: inline-block; margin: 15px; }
        .btn_ { clear:both; }
        .col1 { margin-right: 0%; position: relative; height: 100%; bottom: 25px; left: 0px; z-index: 10; }
        .col { float: none; width: 100%; overflow: hidden;    }
        video.intro { display: none !important; }
        #sensissimo { background: url(video-sens.gif) no-repeat center top; background-size:auto 100% ; padding:120px 0; }
        .fondo { background: rgba(0,0,0, .7) url(img/flag.svg) no-repeat; background-position:  center top;  background-size: 7% auto;}
        a { text-decoration:none;  color:#000; border-radius:15px !important; }
         
         .btn-intro {
    border: solid 1.7px !important;
    padding: 8px 18px;
    text-align: center;
    width: 190px !important;
    display: block;
    margin: 10px auto;
    border-radius: 10px !important;
}

.menu {
    width: 100%;
    height: 2px;
    text-align: center;
}

a.wh {
    width: 50px;
    position: fixed;
    z-index: 99999999999;
    right: 3%;
     top: 83vh; 
}

#nuestro-bristo h2 {
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 6.5%;
    color: #000;
}

#nuestros-gelatos h2 {
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 6.5%;
    color: #000;
}
#nuestro-cafe h2 {
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 6.5%;
    color: #000;
}

#nuestro-bristo img {
    max-width: 150px;
}
#nuestro-cafe img {
    max-width: 150px;
}

#asi-se-crean h2 img  {
    max-width: 45%;
}

#maestro-g_ h2 {
    font-family: "Open Sans", serif;
    font-size: 28px;
    line-height: 28px;
    color: #000;
}

#maestro-g_ h2 {
    font-family: "Open Sans", serif;
    font-size: 28px;
    line-height: 28px;
    color: #000;
}

#asi-se-crean h2 {
    width: 75%;
    margin: 0 auto 5% auto;
}

}

    @media only screen and (max-width: 440px) {
     h1 br { display:none; }
     h1 { padding-left:10%; padding-right:10%; }
    }