/*fuentes y fuentes CDN*/
@import url(https://fonts.googleapis.com/css?family=Karla:400,,400i,700);
/* font-family: 'Karla', sans-serif; */
@import url(../fonts/nimbus/stylesheet.css);
/* font-family: 'Nimbus Sans D OT'; */
.loader {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: var(--rosa); opacity: 1; }
.loader .load{position: absolute;right: 0;left: 0;top: 70%;bottom: 30%;text-align: center;}
.loader .load .fa{color: #000;margin-left: 0;margin-top: 0;}
.loader svg{width: 50%; height: 17%; margin: auto; top: 0; bottom: 0; position: absolute; right: 0; left: 0;}
a[href^=tel] { color: inherit; text-decoration: none; }
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; appearance:none; -moz-appearance:none; margin: 0; }
:root {
    --rosa:#FDEDED;
    --rosagris:#D1BEBE;
    --negro:#000000;
    --text:#646464;
    --nimbus:'Nimbus Sans D OT';
}
/* Apply CSS to iOS affected versions only */
body.iosBugFixCaret.modal-open { position: fixed; width: 100%; }
html,body{width: 100%;height: 100%;padding: 0px;position: relative;}
body{background-color: var(--rosa);}
:focus {outline: none !important;-webkit-box-shadow: none !important; box-shadow: none !important;}
.required{border: 1px solid #f00 !important}
.container-fluid.mw{max-width: 1500px;}
.npad {padding-left: 0px !important; padding-right: 0px !important;}
.padr {padding-right: 0px !important;}
.padl {padding-left: 0px !important;}
.txtcenter{text-align: center !important;}
.txtleft{text-align: left !important;}
.txtright{text-align: right !important;}
.tbl{display: table;width: 100%;height: 100%;}
.tbl-cell{display: table-cell;vertical-align: middle;}
.no-margin{margin-left: 0px; margin-right: 0px;}
.op3 {opacity: .3;}
.f_title{font-size: 2.1484375vw !important;}
.f_s_15{font-size: 15px !important;}
.ms-view{background-color: #cab6b4 !important;}

.home.nav-tabs{margin-bottom: 35px; border-bottom: 0px;     width: 100%;text-align: center;}
.home.nav-tabs>li{display: inline-block; float: inherit; margin-right: 10px;}
.home.nav-tabs>li>a{background-color: #fff;color: #000;border-radius: 0px;font-weight: 900;font-size: 18px;}
.home.nav-tabs>li.active>a, .home.nav-tabs>li.active>a:hover, .home.nav-tabs>li.active>a:focus{background-color: #000; color:#fff; border: 0px;}
#home .info.new-prod{position: relative;}
#home .info.new-prod p{text-align: center; width: 100%;}
#home .info.new-prod p.nuevo{color: black;-webkit-text-fill-color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: black; line-height: 16px;margin: 0px;font-size: 35px;padding: 0; font-weight: 900;}
#home .info.new-prod p.nuevo:nth-child(3){-webkit-text-fill-color: #0e0e0e;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: black;}
#home .info.new-prod .etiqueta{position: absolute;height: 60px;top: -23px;}
#home .info.new-prod .bg{padding-top: 200px; padding-bottom: 0px;}
#home .info.new-prod h1{margin-bottom: -4%;}
.info{border:none;}

header{font-family: 'Nimbus Sans D OT';position: fixed;top: 0;right:  0;left:  0;background: var(--rosa);z-index:  1001; display: flex; width: 100%;}
header:before{content: '';background: url(../img_static/bg.png) repeat-x;width: 100%;height:  110px;display:  inline-block;position:  absolute;top: 0;right:  0;left:  0;z-index:  -1;pointer-events:  none;}
header svg{margin-top: 3%; margin-left: 3.2%; margin-right: 2%; height: auto; }
header .help{background-color: #D0BCBC;font-weight: 300;font-size: 22px;line-height: 19px;color: #fff;border-radius: 50%;padding: 7px 9px;width:  30px;height:  30px;display: inline-block;vertical-align:  top;/* margin-top: 22px; */margin-top:  3%;}
header ul{width: 64.6%;display: inline-flex; padding-left: 0px;margin-top:  2.7%;float:  right;}
header ul li{list-style:  none;display:  table;height:  100%;}
header ul li a{font-size: 1.953125vw; color: var(--rosagris); line-height: 20px; display:  table-cell; vertical-align:  middle;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
header ul li a.active,header ul li a:hover,header ul li a:focus,header ul li a:active{text-decoration: none;color: var(--negro);-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
header ul li b{color:  var(--rosagris); padding-right: 10px; padding-left:  10px; display:  table-cell; vertical-align: middle;}
header p{width: 100%;/* display: inline-flex; */;padding-left: 0px;margin-top:  2.7%;float:  right;font-size: 1.953125vw;color: #000;line-height: 20px;text-align:  right;margin-right: 27px;}

.modal-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5e5e5e;
  font-family: 'Nimbus Sans D OT';
  font-weight: 900;
  font-size: 4.929688vw;
  line-height: 1;
}
.modal-input::-moz-placeholder { /* Firefox 19+ */
  color: #5e5e5e;
  font-family: 'Nimbus Sans D OT';
  font-weight: 900;
  font-size: 4.929688vw;
  line-height: 1;
}
.modal-input:-ms-input-placeholder { /* IE 10+ */
  color: #5e5e5e;
  font-family: 'Nimbus Sans D OT';
  font-weight: 900;
  font-size: 4.929688vw;
  line-height: 1;
}
.modal-input:-moz-placeholder { /* Firefox 18- */
  color: #5e5e5e;
  font-family: 'Nimbus Sans D OT';
  font-weight: 900;
  font-size: 4.929688vw;
  line-height: 1;
}

button.back-bowl{color: white;  -webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: white; text-align: left !important;}
.okana-font{font-family: Nimbus Sans D OT; font-weight: 900; font-size: 18px; text-align: center; opacity: 0.5;}
.gracias{font-size: 20px; text-align: center; opacity: 0.5; line-height: 22px; margin-top: 20px;}


#home {width: 100%;height: 100%;padding-top: 66.8px;font-family: 'Nimbus Sans D OT'; background: url(../img_static/back.jpg) no-repeat; background-position: center;  background-size: cover;}
#home img{pointer-events: none;display:  table-cell;vertical-align:  middle;margin:  auto;}
#home .shadow:before{content: '';background: url(../img_static/shadow-logo.png);width: 460px;height: 460px;display: inline-block;position:  absolute;right:  0;left: 24px;top: 40px;bottom:  0;margin: auto;z-index: -1;pointer-events:  none;}
#home h1{font-size: 4.8828125vw;color: #000;line-height: 50px;line-height: 1;font-weight: 900;margin-top:  0px;margin-bottom: 25px;margin-bottom:  6%;}
#home h2{font-size: 2.9296875vw;color: #000;line-height: 24px;line-height: .8;font-weight: 900;margin-bottom:  20px; margin-top:  35px; color: black;  -webkit-text-fill-color: transparent;  -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: black;}
#home h3{font-size: 2.83203125vw;color: #000;line-height: 23px;line-height: .8;font-weight: 900;margin-top: 0;margin-bottom:  20px;}
#home h4{font-size: 2.63671875vw;font-weight: 400;line-height: 32px;line-height: 1.2;font-family: 'Karla', sans-serif;margin-top: 20px;margin-bottom: 10px;}
#home h4 small{font-size: 2.05078125vw;font-weight: 400;line-height: 32px;line-height: 1.2;font-family: 'Karla', sans-serif;margin-top: 20px;margin-bottom: 10px;color:  #D1BEBE;margin-left:  10px;}
#home h4 span{color: #D1BEBE;}
#home p{font-family: 'Karla',sans-serif;color: #000000;font-weight: 400;font-size: 2.63671875vw;display: inline-block;letter-spacing: -0.8px;line-height: 1.3;margin-top: 5px;margin-bottom: 0px;padding-bottom:  30px;text-align: left;}

#home .button{width: 100%;height: auto;background: #fff url(../img_static/arrow.png) no-repeat 97% center;padding: 1px 20px;padding: .1% 4.5%;margin-bottom:  20px;-webkit-box-shadow: 0px 4px 19px #D6C3C3;box-shadow: 0px 4px 19px #D6C3C3;}
#home .button:last-child{margin-bottom: 0px;}
#home .button:hover,#home .button:focus,#home .button:active{background: #000 url(../img_static/arrow.png) no-repeat 97% center;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;cursor: pointer;}
#home .button:hover h3,#home .button:focus h3,#home .button:active h3{color: #fff;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
#home .button:hover h4,#home .button:focus h4,#home .button:active h4{color: #fff;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
#home .col-lg-6{height: 100%;display:  table;}
#orden{width: 100%;height: auto;min-height:100%;padding-top: 66.8px;padding-bottom: 77px;font-family: 'Nimbus Sans D OT';}
#orden h1.titulo{font-size: 1.953125vw;color: #000;line-height: 24px;line-height: .8;font-weight: 900;margin-bottom:  20px;margin-bottom: 2.3%;margin-top:  20px;text-transform: uppercase;padding-left: 15px;}
#orden .orden{background: #fff;padding: 15px 30px 15px 20px;-webkit-box-shadow: 0px 4px 19px #D6C3C3;box-shadow: 0px 4px 19px #D6C3C3;margin-bottom: 10px;}
#orden .orden h1{font-family: 'Karla', sans-serif;font-weight: 700;color: #000;font-size: 1.953125vw;line-height: 1;padding-left:  0px;text-transform: none;margin:  0;margin-bottom: 10px;}
#orden .orden h1 b{float: right;font-weight: 700;}
#orden .orden h2{font-family: 'Karla', sans-serif;font-weight: 400;color: #000;font-size: 1.953125vw;line-height: 1;margin-top:  0px;margin-bottom:  5px;}
#orden .orden h2 i{color: #C8C8C8;margin-right:  9px;min-width: 11px;display:  inline-block;}
#orden .orden h2 b{float: right;font-weight: 700}
#orden .orden h3{font-family: 'Karla', sans-serif;font-weight: 400;color: #000;font-size: 1.953125vw;line-height: 1;margin-top: 15px;margin-bottom:  5px;margin-left:  20px;}
#orden .orden h3 a{font-family: 'Karla', sans-serif;font-weight: 400;color: #C8C8C8;font-size: 1.953125vw;line-height: 1;margin: 0px;font-style: italic;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
#orden .orden h3 a:hover,#orden .orden h3 a:focus,#orden .orden h3 a:active{color: #000;text-decoration: none;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
#orden .orden h3 .dropup{float:  right; }
#orden .orden h3 .dropup button{background: transparent;border:none;font-family: 'Karla', sans-serif;font-weight: 400;color: #C8C8C8;font-size: 1.953125vw;line-height: 1;margin: 0px;font-style: italic;padding: 0;}
#orden .orden h3 .dropup .dropdown-menu{border-radius: 0px;border:none;-webkit-box-shadow: 0px 4px 19px #D6C3C3;box-shadow: 0px 4px 19px #D6C3C3;}
#orden .orden h3 .dropup .dropdown-menu a{font-family: 'Karla', sans-serif;font-weight: 400;color: #000;font-size: 1.953125vw;line-height: 1;font-style:  normal;text-align: center;padding: 10px 20px}
#orden .orden h3 .dropup .dropdown-menu a.delete{color: #FF223D;}
#orden .orden h3 .dropup .dropdown-menu .divider{background-color: var(--rosa)}
#orden .infoPedido{margin-top: -45px}
#orden .infoPedido hr{border-top: 2px solid var(--rosagris);}
#orden .infoPedido h4{font-family: 'Nimbus Sans D OT';font-weight: 400;font-size: 2.34375vw;line-height: 1;text-align:  center;margin-top:  0px;margin-bottom:  0px;}
#orden .infoPedido h4 b{font-weight: 900;}
#orden .infoPedido button{font-family: 'Nimbus Sans D OT';color: #fff;background:#000;font-size: 2.5390625vw;line-height: .7;font-weight: 900;border:none;width:  100%;padding: 13% 8.5%;margin:  0 10px;margin-bottom: 15px;}
#orden .infoPedido .col-sm-6 {padding-left: 7.5px;padding-right: 7.5px;}
#orden .infoPedido .info h1{text-transform: inherit;font-weight: 700;font-family:  'Karla',sans-serif;font-size:  1.7578125vw;line-height:  1;letter-spacing: -0.63px;text-align:  center;margin-bottom: 0px;padding-bottom: 10px;}

#extras {width: 100%;height: auto;min-height:100%;padding-top: 66.8px;padding-bottom: 77px;font-family: 'Nimbus Sans D OT';}
#extras .menu{min-height:100%;min-height: 440px;margin-top: 48px;margin-bottom: 15px;}
#extras .menu .col-lg-3{padding-right: 6px;padding-left: 6px;margin-bottom: 15px;}
#extras>.container-fluid.mw{min-height: 100%;}
#extras .swiper-container{padding-top: 10px;padding-bottom: 10px;}
#extras h1.titulo{font-family: 'Nimbus Sans D OT';font-weight: 900;font-size: 1.953125vw;line-height: 1;text-align:  left;margin-top: 21px;margin-bottom: 21px;padding-left: 45px;clear: both;}
#extras hr{border-top:2px solid var(--rosagris);}


#bases {width: 100%;height: auto;min-height:100%;padding-top: 66.8px;padding-bottom: 77px;font-family: 'Nimbus Sans D OT';}
#bases .title{margin-top: 20px; font-size: 25px; text-align: center; border-top: 3px solid var(--rosagris); padding-top: 10px;}
#bases .menu{min-height:100%;min-height: 440px;margin-top: 10px;margin-bottom: 15px;}
#bases .menu .col-lg-3{padding-right: 6px;padding-left: 6px;margin-bottom: 15px;}
#bases>.container-fluid.mw{min-height: 100%;}
#bases .swiper-container{padding-top: 10px;padding-bottom: 10px;}
.info{width: 100%;height: auto;background-color: rgba(255, 255, 255, 0.5);background-color:#fff;box-shadow: 0px 4px 8px #D6C3C3;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.info .bg{width: 100%;height: auto;max-height: 500px;position:relative;background-repeat: no-repeat;background-position: center;-moz-background-size: auto;-webkit-background-size: auto;-o-background-size: auto;background-size: auto;position: relative;background-color: transparent;-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity: 1;padding-top: 13%;padding-bottom:  13%;}
.info .bg img{/* width: 100%; */visibility: hidden;display:  block;margin:  0 auto;/* margin-top: 30px; *//* margin-bottom: 12px; */}
.info h1{font-family: 'Nimbus Sans D OT';font-weight: 900;font-size: 22px;font-size:  2.1484375vw;line-height: 19px;line-height: .9;text-align:  center;text-transform: uppercase;margin-top:  0px;min-height:  38px;margin-right:  15px;margin-left:  15px;}
.info h2{font-family: 'Karla',sans-serif;color: #C8C8C8;font-weight: 400;font-size: 20px;padding-left: 20px;display: inline-block;letter-spacing: -0.8px;line-height: 1.3;margin-top:  0px;margin-bottom: 0px;padding-bottom:  10px;}
.info h3{font-family: 'Karla',sans-serif;color: #000000;font-weight: 700;font-size: 20px;padding-left: 20px;letter-spacing: -0.8px;line-height: 1.3;margin-top:  0px;margin-bottom: 0px;padding-bottom: 14px;text-align: center;}
.info p{font-family: 'Karla',sans-serif;color: #000000;font-weight: 400;font-size: 15px;padding-left: 13px;padding-right: 13px;display: inline-block;letter-spacing: -0.8px;line-height: 1.3;margin-top: 5px;margin-bottom: 0px;padding-bottom:  10px;text-align: center;}
.info .foot{background-color: #000; color: #fff; padding: 10px; font-size: 15px;}
.info .foot span:first-child{font-weight: 900;}
.info .foot span:last-child{float: right;}
.menu.selected .info{background-color:#fff;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu .info{background-color: rgba(255, 255, 255, 0.5);-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu .info.active{background-color:#fff;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.submenu{border-top: 2px solid var(--rosagris);padding-top: 20px;padding-bottom: 15px;padding-right: 0px;padding-left: 0px; z-index: 1;}
.submenu form{}
.submenu button, .back button{font-family: 'Nimbus Sans D OT';color: var(--rosagris);font-size: 2.5390625vw;font-weight: 900;background: transparent;border:none;height:auto;}
.submenu button svg, .back button svg{position: relative; top: 3px; }
.submenu button{float: right;}
.submenu form button{float: left;}

.menuFooter{background-color: #000;padding-top: 20px;padding-bottom: 15px;padding-right: 0px;padding-left: 0px;position:  fixed;bottom:  0;right:  0;left:  0;z-index: 1000;max-height: 77px;height: 100%;min-height: 77px;display: flex; align-items: center; justify-content: space-between;}
.menuFooter form{}
.boxOfmenuFooter {
  width: 100%;
}
.menuFooter button svg{height: 100%; position: relative; top: 3px;display: inline-block;left:5px;}
.menuFooter button{font-family: 'Nimbus Sans D OT';color: #fff;font-size: 2.2vw;font-weight: 900;float:  right;background: transparent;border:none;width:  100%;text-align:  right;height: auto; display: flex; justify-content: end;}
.menuFooter svg.base1{text-align: center; display: inline-block; margin: 0 auto;}
.menuFooter svg.base1.activeOne .cup1{stroke-dasharray:0;fill:#fff;}
.menuFooter svg.base1.activeTwo .cup2{stroke-width: 0px;stroke-dasharray: 0 !important;fill: #fff;}
.menuFooter svg.base1.activeTwo .cup1{stroke-width: 0px;stroke-dasharray: 0px;}
.menuFooter svg.base1.activeTwo .cupStroke{fill: transparent;stroke: transparent;}
.menuFooter svg.base1 .cup1{stroke-dasharray:3;fill:transparent;}
/*.menuFooter svg.base1 .cup1.active{stroke-dasharray:0;fill:#fff;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}*/
.menuFooter svg.base1 .cup2{stroke-dasharray:3;fill:transparent;}
/*.menuFooter svg.base1 .cup2.active{stroke-width: 2px;stroke-dasharray: 0 !important;fill: #fff;-webkit-transition: .3s all;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}*/
.menuFooter p{font-family: 'Nimbus Sans D OT';color: #fff;font-size: 2.24609375vw;line-height: .9;margin-bottom:  0px;font-weight: 400;margin-top:  10px;}
.menuFooter svg.spoon{text-align: center; margin: 0 auto;}
.menuFooter svg.spoon.active .spoon1{fill: #fff;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.spoon.active .spoon2{stroke-dasharray: 0px !important;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.menuFooter svg.aderezo{text-align: center; margin: 0 auto;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.aderezo.one .a-one{fill: #fff;stroke-dasharray: 0px !important;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.aderezo.two .a-two{fill: #fff;stroke-dasharray: 0px !important;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.aderezo.one .middle{stroke-dasharray: 0px !important;stroke: transparent !important;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.topping{width: 32px;height:32px;text-align: center; margin: 0 auto;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.topping.activeTwo .cup2{width: 32px;height:32px;}
.menuFooter svg.topping .circle{-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menuFooter svg.topping.active .circle{fill:#fff;stroke-dasharray: 0px !important;stroke: transparent;-webkit-transition: .3s all; -moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.scroll{text-align: center;color: #fff;padding:20px 0;position:fixed;bottom: 77px;right: 0;left: 0;transition: transform .5s ease;width:  100%;height: 50px;background: rgba(255,255,255,0);background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,237,237,1) 53%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(53%, rgba(253,237,237,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,237,237,1) 53%);background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,237,237,1) 53%);background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(253,237,237,1) 53%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(253,237,237,1) 53%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdeded', GradientType=0 );} 
.scroll.ocultar {-webkit-transform: translateY(100%);transform: translateY(100%);}
.scroll svg{text-align: center;display: block;margin: 0 auto;margin-bottom: 0;}
.scroll svg:hover{cursor: pointer;}

.radio {padding: 0px;margin: 0px;max-width: 50px;display:  inline-block;/* float:  right; */;position:  relative;bottom:  0;float: right;vertical-align: bottom;border-bottom: 2px solid #242021;padding-bottom: 5px;}
.radio label {display: inline-block;position: relative;padding-left: 25px;vertical-align:  bottom;min-height: 45px;color:  transparent;}
.radio label::before {content: "\f00c";display: inline-block;font-family: FontAwesome;font-size: 21px;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #C8C8C8;padding: 2px 6px;position: absolute;width: 35px;height: 35px;left: 0px;/* top: 0; */bottom: 0;border-radius:  50px;margin-left: 0;border: 1px solid #C8C8C8;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;}
.radio label::after {font-family: FontAwesome;font-size: 21px;color: #fff;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: #fff;padding: 2px 7px;display: inline-block;position: absolute;width: 35px;height: 35px;left: 0px;/* top: 0px; */bottom:  0;z-index: 10;margin-left: 0px;border-radius:  50px;background: #242021;-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.radio input[type="radio"] {opacity: 0;width:  0;left:  0;margin:  0;}
.radio input[type="radio"]:focus + label::before {outline: none; outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px; }
.radio input[type="radio"]:checked + label::after {content: "\f00c";-webkit-transition: .5s all;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; }
.radio.radio-circle label::before {border-radius: 50%; }
.radio.radio-inline {margin-top: 0; }

.bootstrap-touchspin{width: 80%;margin:0 auto;}
input.counter{width: 100%;height: 100%;padding: 10px 0px;text-align: center;background: transparent;border: none;color: #000;font-size: 35px;font-size:  3.41796875vw;font-family: 'Nimbus Sans D OT';font-weight: 300;box-shadow: none;text-align: center;pointer-events: none}
button.bootstrap-touchspin-down, button.bootstrap-touchspin-up{font-size: 47px;font-size:  4.58984375vw;color: #000;font-family: 'Karla',sans-serif;font-family: 'Nimbus Sans D OT';background: transparent;letter-spacing: 1px;line-height: 62px;vertical-align: middle;padding: 0px 20px !important;margin: auto;text-align:  center;border: none;padding:  0;font-weight: 400;box-shadow: none;}
button.bootstrap-touchspin-down[disabled], button.bootstrap-touchspin-up[disabled]{color: #ccc;pointer-events: none}
button{-webkit-box-shadow: none; box-shadow: none;}
button.bootstrap-touchspin-down{padding: 0 20px !important}
.btn-default:active:hover, .btn-default.active:hover, .open>.dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open>.dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open>.dropdown-toggle.btn-default.focus{olor: #000; background-color: transparent; border-color: transparent;}

#alert h1, #confirm-bowl h1{font-family: 'Nimbus Sans D OT';color: #000;font-size: 1.953125vw;line-height: 1;margin-bottom: 3.5%;font-weight: 900;margin-top: 9.7%;text-align:  center;}
#alert p, #confirm-bowl p{font-family: 'Nimbus Sans D OT';color: #000;font-size: 1.953125vw;line-height: 1.3;max-width: 60%;font-weight: 400;margin-top:  10px;text-align:  center;margin:  0 auto;margin-bottom: 9.7%;}
#alert button, #confirm-bowl button{font-family: 'Nimbus Sans D OT';color: #fff;background:#000;font-size: 2.5390625vw;line-height: .7;font-weight: 900;border:none;padding: 30px 30px 25px 30px;margin:  0 0px; width: 100%;}
#confirm-bowl button.invert{background-color: transparent; color: #000; border: 1px solid #000;}

#deleteOrder h1{font-family: 'Nimbus Sans D OT';color: #000;font-size: 1.953125vw;line-height: 1;margin-bottom: 3.5%;font-weight: 900;margin-top: 9.7%;text-align:  center;}
#deleteOrder p{font-family: 'Nimbus Sans D OT';color: #000;font-size: 1.953125vw;line-height: 1.3;max-width: 60%;font-weight: 400;margin-top:  10px;text-align:  center;margin:  0 auto;margin-bottom: 9.7%;}
#deleteOrder button{font-family: 'Nimbus Sans D OT';color: #fff;background:#000;font-size: 2.5390625vw;line-height: .7;font-weight: 900;border:none;padding: 5% 7.5%;margin:  0 10px;margin-bottom: 15px;}

#confirm input{font-family: 'Nimbus Sans D OT';color: #000;font-weight:  900;font-size: 4.929688vw;line-height: 1;width: 80%;height: auto;display: block;margin: 20px auto;border: 0;text-align:  center;text-transform:  uppercase;margin-top: 0; border-bottom: 2px solid #D1BEBE;}
#confirm p{font-family: 'Nimbus Sans D OT';color: #000;font-size: 1.953125vw;line-height: 1.3;max-width: 90%;font-weight: 400;margin-top:  10px;text-align:  center;margin:  0 auto;margin-bottom: 0px;border-top: 0px solid #D1BEBE;margin-top:  10px;padding-top:  20px;}
#confirm button{font-family: 'Nimbus Sans D OT';color: #fff;background:#000;font-size: 2.5390625vw;line-height: .7;font-weight: 900;border:none;padding: 5% 7.5%;margin:  0 10px;margin-bottom: 15px;display:  none;margin:  0 auto;}
#confirm .modal-content{display: table;height: 100%;}
#confirm .modal-content form{display: table-cell;vertical-align: middle;}


#finalizado {width: 100%;height: 100%;font-family: 'Nimbus Sans D OT';background: var(--rosa) url(../img_static/logo3.png) repeat-y center;background-size: 96%;}
#finalizado .container-fluid{height: 100%;}
#finalizado .container-fluid .col-lg-6{height: 100%;}
#finalizado .infoOrder{background: #fff;padding: 78px 53px;width: 100%;height: auto;}
#finalizado .infoOrder h1{color: #000;font-weight:  900;font-size: 3.41796875vw;text-align: center;line-height: 1;margin-top: 0px;margin-bottom: 40px;}
#finalizado .infoOrder h2{color: #000;font-weight:  900;font-size: 1.953125vw;text-align: center;line-height: 1;margin-top: 0px;margin-bottom: 20px;}
#finalizado .infoOrder p{color: #000;font-weight:  400;font-size: 1.953125vw;text-align: center;line-height: 1;margin-top: 0px;margin-bottom: 40px;}
#finalizado .infoOrder h6{font-family: 'Karla',sans-serif;color: #C8C8C8;text-align: center;font-weight:  400;font-size: 1.5625vw;line-height: 1;}
#finalizado .infoOrder img{display: block;margin: 0 auto;pointer-events: none;}
/*.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px; background: url(../img_static/light-skin-2.png);}
.swiper-pagination-clickable .swiper-pagination-bullet{background: url(../img_static/light-skin-2.png);width: 12px;height: 17px;margin: 0 5px;}*/
.swiper-button-next, .swiper-button-prev{position: absolute !important;display: inline-block;width: 68px !important;height: 116px !important;background-image: url(../img_static/left.png) !important;background-position: center !important;background-size: auto !important;margin-left: 0;margin-right: 0;top: 35% !important;opacity:  1 !important;}
.swiper-pagination{position: relative !important; display: initial;}
.swiper-button-next{background-image: url(../img_static/right.png) !important;margin-left: 0;margin-right: 0px;}


.btn-default:hover,.btn-default:focus, .btn-default.focus{color: #000; background-color: transparent; border-color: #000;-webkit-box-shadow: none; box-shadow: none;}
/*center modal*/
.modal {text-align: center; padding: 0!important; }
.modal:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-dialog {display: inline-block; text-align: left; vertical-align: middle; }
/*modal transition*/
.fade-scale {transform: scale(0); opacity: 0; -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; }
.fade-scale.in {opacity: 1; transform: scale(1); -webkit-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear;}
.modal-dialog{width: 87%;height: 500px;}
.modal-content{width: 100%;height: auto;display: table;border-radius: 0px;-webkit-box-shadow: 0 5px 15px rgba(253, 237, 237,0.5);box-shadow: 0 5px 15px rgba(253, 237, 237, 0.5);border:1px solid var(--rosa); padding: 30px 15px;}
.modal-body{width: 100%;height: 100%;display: table-cell;vertical-align: middle;text-align: center;padding: 0}
.modal-dialog {width: 65% !important;height: 60% !important;}
.modal {text-align: center; padding: 0!important; }
.modal-backdrop{background-color: var(--rosa);}
.modal-backdrop.in{opacity: .8;}
/*PLACEHOLDER COLOR */
::-webkit-input-placeholder {font-family: 'Karla', sans-serif;font-weight: 300;color: #303030;font-size: 14px;}
:-moz-placeholder { font-family: 'Karla', sans-serif;font-weight: 300;color: #303030;font-size: 14px;}
::-moz-placeholder { font-family: 'Karla', sans-serif;font-weight: 300;color: #303030;font-size: 14px; }
:-ms-input-placeholder {font-family: 'Karla', sans-serif;font-weight: 300;color: #303030;font-size: 14px;}
/*PLACEHOLDER COLOR */
input.counter::-webkit-input-placeholder {color: #C8C8C8;font-size: 35px;font-family: 'Nimbus Sans D OT';font-weight: 300;box-shadow: none;text-align: center;}
input.counter:-moz-placeholder {color: #C8C8C8;font-size: 35px;font-family: 'Nimbus Sans D OT';font-weight: 300;box-shadow: none;text-align: center;}
input.counter::-moz-placeholder {color: #C8C8C8;font-size: 35px;font-family: 'Nimbus Sans D OT';font-weight: 300;box-shadow: none;text-align: center;}
input.counter:-ms-input-placeholder {color: #C8C8C8;font-size: 35px;font-family: 'Nimbus Sans D OT';font-weight: 300;box-shadow: none;text-align: center;}


.menuAbsolute{position: absolute;bottom: 28px;left:  0;height:  auto;}
.menuAbsolute .info{-webkit-box-shadow: none;box-shadow: none;}
.menuAbsolute .info h1{line-height: 1.1}


.signature_button {
  display: flex;
  justify-content: start;
  flex-direction: column;
}


header .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.container-create-poke{
  display: flex;
  align-items: center;
}
.container-create-poke p{
  text-align: center;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .container-create-poke{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
  }
  .header-flex{
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
  }

  .header-flex p{
    font-size: 14px;
    text-align: center;
    margin-right: 0;
  }

  .list-container-fluid{
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;

  }

  .list-container-fluid li a{
    font-size: 19px;
  }

  .boxOfmenuFooter svg.base1{
    width: 30px!important;
    height: 30px!important;
  }
  .boxOfmenuFooter button{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .modal-content{
    padding:5px;
  }

  .modal-content .row.no-margin h1{
    font-size: 16px!important;
  }

  .modal-content .row.no-margin p{
    font-size: 14px!important;
  }

  .nav.nav-tabs.home li{
    margin: 10px;
  }

  .info{
    margin:10px 0;
  }

  .signature_button h4{
    font-size: 14px!important;
  }
  .signature_button h3{
    font-size: 12px!important;
  }

  .info .f_title{
    font-size: 16px!important;
  }
  .info p{
    font-size: 14px!important;
  }

  .finalizar_orden{
    margin-top: 80px;
  }

  .menu .titulo {
    font-size: 19px!important;
    text-align: center;
  }

  .container-fluid .infoPedido{
    margin-top: 50px!important;
  }

 .container-fluid .infoPedido h4{
    font-size: 16px!important;
  }

  .info h1{
    font-size: 16px!important;
  }
  #orden .orden h1{
    font-size: 14px!important;
  }
  #orden .orden h2{
    font-size: 12px!important;
  }
  #orden .orden h3 a,button{
    font-size: 12px!important;
  }
  .modal-content h1{
    font-size: 13px!important;
  }

  .modal-content p{
    font-size: 11px!important;
  }

  .modal-content form{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  h3 .dropup .dropdown-menu{
    right: 0px!important;
  }
  h3 .dropdown-menu{
    left: inherit;
  }
  .confirm-order-form input{
    padding-top:20px!important;
  }
  .confirm-order-form .where-your-order{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
  }

  .where-your-order .col-md-6{
    display: flex;
  }

  #txtOrder{
    font-size: 16px!important;
  }

  .col-md-8.col-md-offset-2 .button h4{
    font-size: 14px!important;
  }

 .col-md-8.col-md-offset-2.button h3{
    font-size: 12px!important;
  }
}


.form-choose-lang{
  margin:0;
  padding-left: 30px;
}

.form-choose-lang select{
  border:none;
  outline: none;
  font-size:19px;
  background-color: transparent;
}