@font-face{font-family:'Fauna One';font-style:normal;font-weight:400;src:local('Fauna One'), local('FaunaOne-Regular'), url(https://fonts.gstatic.com/s/faunaone/v5/wlpzgwTPBVpjpCuwkuEB3kZP.ttf) format('truetype')}@font-face{font-family:'Laila';font-style:normal;font-weight:700;src:local('Laila Bold'), local('Laila-Bold'), url(https://fonts.gstatic.com/s/laila/v4/LYjBdG_8nE8jDLzhpTNHjVo.ttf) format('truetype')}@font-face{font-family:'PT Sans';font-style:italic;font-weight:400;src:local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizYRExUiTo99u79D0e0x8mN.ttf) format('truetype')}@font-face{font-family:'PT Sans';font-style:italic;font-weight:700;src:local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v9/jizdRExUiTo99u79D0e8fOydLxUY.ttf) format('truetype')}@font-face{font-family:'PT Sans';font-style:normal;font-weight:400;src:local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KEwA.ttf) format('truetype')}@font-face{font-family:'PT Sans';font-style:normal;font-weight:700;src:local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v9/jizfRExUiTo99u79B_mh0O6tKA.ttf) format('truetype')}
@font-face{font-family:'iconfont';src:url('../fonts/iconfont.eot?wqd8rt');src:url('../fonts/iconfont.eot?wqd8rt#iefix') format('embedded-opentype'), url('../fonts/iconfont.ttf?wqd8rt') format('truetype'), url('../fonts/iconfont.woff?wqd8rt') format('woff'), url('../fonts/iconfont.svg?wqd8rt#iconfont') format('svg');font-weight:normal;font-style:normal}[class*="icon-"]:before{font-family:iconfont;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none}.icon-heart:before{content:"\e813"}.icon-menu:before{content:"\e871"}.icon-flag:before{content:"\e817"}.icon-search:before{content:"\e86f"}.icon-cart:before{content:"\e82e"}.icon-user:before{content:"\e82a"}.icon-logout:before{content:"\e820"}.icon-grid:before{content:"\e900"}.icon-minus:before{content:"\e901"}.icon-plus:before{content:"\e902"}.icon-zoom-out:before{content:"\e903"}.icon-zoom-in:before{content:"\e904"}.icon-play:before{content:"\e905"}.icon-maximize:before{content:"\e906"}.icon-minimize:before{content:"\e907"}.icon-globe:before{content:"\e853"}.icon-wait:before{content:"\e85f"}.icon-reload:before{content:"\e862"}.icon-download:before{content:"\e865"}.icon-upload:before{content:"\e866"}.icon-close:before{content:"\e870"}.icon-up:before{content:"\e873"}.icon-down:before{content:"\e874"}.icon-left:before,.icon-prev:before{content:"\e875"}.icon-right:before,.icon-next:before{content:"\e876"}.icon-attachment:before{content:"\e819"}.icon-link:before{content:"\e86b"}.icon-document:before{content:"\e81d"}.icon-tag:before{content:"\e82f"}.icon-related:before{content:"\e908"}.icon-sheet:before{content:"\e04a"}.icon-recipe:before{content:"\e909"}.icon-ingredients:before{content:"\e90a"}.icon-preparation:before{content:"\e90b"}.icon-edit:before{content:"\e802"}.icon-remove:before{content:"\e811"}.icon-email:before,.icon-mail:before{content:"\e818"}.icon-look:before{content:"\e81b"}.icon-arrow-up:before{content:"\e877"}.icon-arrow-down:before{content:"\e878"}.icon-arrow-left:before{content:"\e879"}.icon-arrow-right:before{content:"\e87a"}.icon-fax:before{content:"\e81c"}.icon-telephone:before{content:"\e830"}.icon-bomastudio:before{content:"\e90c"}.icon-facebook:before{content:"\f09a"}.icon-twitter:before{content:"\f099"}.icon-googleplus:before{content:"\e605"}.icon-linkedin:before{content:"\e90e"}.icon-instagram:before{content:"\e90d"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,object,iframe,p,a,em,img,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,article,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;outline:0;vertical-align:top}ol,ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}table{border-collapse:collapse}html{ms-text-size-adjust:100%;webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"PT Sans",sans-serif;font-size:100%;line-height:1.5;color:#51402A;background-image: -moz-linear-gradient(top,#fff 0%,#fff 100%);background-image: -o-linear-gradient(top,#fff 0%,#fff 100%);background-image: -webkit-linear-gradient(top,#fff 0%,#fff 100%);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ffffff));background-image:linear-gradient(to bottom,#fff 0%,#fff 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffbe8c0,endColorstr=#ffffffff,GradientType=0)";background-repeat:repeat-x;background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}img{display:block;width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit;margin:0;padding:0;border:0
none;background:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}input::-moz-focus-inner{border:0}button::-moz-focus-inner{border:0}input:focus,select:focus,textarea:focus,button:focus{outline:none}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}button,
html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],
html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:none}h1{font-family:Laila,serif;font-weight:700;font-size:3em;line-height:1.2;letter-spacing: -0.025em}h2{font-family:"Fauna One",sans-serif;font-size:2em;font-weight:400;line-height:1.25}h3{font-family:"Fauna One",sans-serif;font-size:1.5em;font-weight:400;line-height:1.25}h4{font-weight:400}.text h1,
.text h2,
.text h3,
.text
h4{margin-bottom:0.5em}.text p,
.text ul,
.text
ol{margin-bottom:1em;font-size:1.065em;line-height:1.6666}.text
a{color:#888;border-bottom:1px dotted}.text a:hover{color:#BF0A78;border-style:solid}.text
ul{list-style:disc;padding-left:1em}.text
ol{list-style:decimal;padding-left:1em}.text
li{margin-bottom:0.5em}.button{display:inline-block;line-height:1.5;padding:0.75em 1em;border-radius:1.5625em;box-shadow:0 0 6px rgba(81,64,42,0.3);background:#333;color:#FFF;text-shadow:none}.button:hover{background:#888}.button:active{background:#541657}.button:before{margin-right:0.75em}@media screen and (max-width: 1280px){h1{font-size:2.4em}h2{font-size:1.6em}h3{font-size:1.2em}}@media screen and (max-width: 720px){h1{font-size:1.8em}h2{font-size:1.2em}h3{font-size:1em}.text p,
.text ul,
.text
ol{font-size:1em;line-height:1.5}}.column{padding:0
12px}.spaced{margin-bottom:48px}.floatright{float:right !important}.full{width:100%;float:left;padding:0
12px}.half{width:50%;float:left;padding:0
12px}.onethird{width:33.333333333333%;float:left;padding:0
12px}.twothirds{width:66.666666666667%;float:left;padding:0
12px}.onequarter{width:25%;float:left;padding:0
12px}.threequarters{width:75%;float:left;padding:0
12px}.onefifth{width:20%;float:left;padding:0
12px}.twofifths{width:40%;float:left;padding:0
12px}.threefifths{width:60%;float:left;padding:0
12px}.fourfifths{width:80%;float:left;padding:0
12px}.table-out{display:table;height:100%;width:100%}.table-in{display:table-cell;vertical-align:middle}.wrapper{max-width:1224px;padding:0
12px;margin:0
auto}.wrapper:before,.wrapper:after{content:"";display:table}.wrapper:after{clear:both}.siteheader{position:absolute;z-index:1000;top:0;left:0;right:0;background-image:url('../img/header.svg');background-repeat:no-repeat;background-position:center -7px;color:#FFF;min-height:96px}.nosvg
.siteheader{background-image:url('../img/header.png')}.siteheader
.wrapper{position:relative;padding:32px
12px 12px}.header-bg{position:absolute;z-index:800;width:1100px;height:180px;top: -92px;left:0;right:0;margin:auto}.nosvg
.mainmenu-button{display:block;font-size:1.5em;width:2em;height:2em;line-height:2;text-align:center;display:none}.mainmenu-inner{text-align:center;padding:0
160px}.socialmenu{float:right;margin-right: -160px}.socialmenu
a{display:block;font-size:1em;width:2em;height:2em;line-height:2;text-align:center;border-radius:1em;display:inline-block;margin-left:8px;position:relative;color:#FFF}.socialmenu a:before{position:relative;z-index:20}.socialmenu a:after{content:"";position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;border-radius:50%;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.socialmenu a.icon-facebook{background:#3B5998}.socialmenu a.icon-facebook:hover{color:#3B5998 !important}.socialmenu a.icon-facebook:active{color:#FFF}.socialmenu a.icon-twitter{background:#00ACED}.socialmenu a.icon-twitter:hover{color:#00ACED !important}.socialmenu a.icon-twitter:active{color:#FFF}.socialmenu a.icon-googleplus{background:#DB4437}.socialmenu a.icon-googleplus:hover{color:#DB4437 !important}.socialmenu a.icon-googleplus:active{color:#FFF}.socialmenu a.icon-instagram{background:#3f729b}.socialmenu a.icon-instagram:hover{color:#3f729b !important}.socialmenu a.icon-instagram:active{color:#FFF}.socialmenu a:hover:after{border-width:16px;border-color:#FFF}.socialmenu a:active{background-color:rgba(43,11,45,0.8);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc2b0b2c, endColorstr=#cc2b0b2c)"}.socialmenu a:active:after{border-color:rgba(45,12,46,0.8);border-width:2px;top: -4px;bottom: -4px;left: -4px;right: -4px}.mainmenu{display:inline-block}.mainmenu
li{display:inline-block;margin:0 2px; font-size: 70%;}.mainmenu .current
a{background:#FFF;color:#888;box-shadow:0 2px 2px rgba(81,64,42,0.7);text-shadow:none;z-index:10}.mainmenu
a{overflow:visible;display:block;line-height:1em;padding:0.5em 1em;position:relative;text-shadow:0 1px 1px rgba(64,17,67,0.8);border-radius:1em;font-weight:700;letter-spacing:0.015em;font-size:1.05em}.mainmenu a:hover{background:#FFF;color:#888;text-shadow:none}.mainmenu a:active{background-color:rgba(47,37,24,0.5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f2f2518, endColorstr=#7f2f2518)";color:#FFF;box-shadow:inset 0 1px 2px #2d0c2e}.searchform{display:none;position:absolute;top:96px;left:0;right:0;background:#888;box-shadow:0 0 40px #51402A, 0 0 120px #51402A}.searchform
input{width:100%;height:96px;padding:0
12px;background:#FFF;color:#51402A}.searchform
button{position:absolute;right:0;top:0;height:96px;width:96px;background:#888;color:#FFF}@media screen and (min-width: 1280px){.scrolled
.siteheader{position:fixed;background-image:none;background:#333;box-shadow:0 -5px 20px #51402A;min-height:0}.scrolled .siteheader
.wrapper{padding:12px}.scrolled .header-bg{display:none}}.sharemenu{position:fixed;top:480px;left:0;z-index:900}.sharemenu
a{display:block;font-size:1.5em;width:2em;height:2em;line-height:2;text-align:center}.sharemenu a.icon-facebook{color:#3B5998}.sharemenu a.icon-facebook:hover{background:#3B5998;color:#FFF}.sharemenu a.icon-twitter{color:#00ACED}.sharemenu a.icon-twitter:hover{background:#00ACED;color:#FFF}.sharemenu a.icon-googleplus{color:#DB4437}.sharemenu a.icon-googleplus:hover{background:#DB4437;color:#FFF}.sharemenu a.icon-instagram{color:#3f729b}.sharemenu a.icon-instagram:hover{background:#3f729b;color:#FFF}.sharemenu a:active{box-shadow:inset 0 0 5px rgba(81,64,42,0.75);color:#51402A}.bg{padding-top:6.25%;background-image:url('../img/footer.svg');background-size:100% auto;background-repeat:no-repeat;background-position:center bottom;clear:both;margin-top:-6.25%;margin-bottom:-0.1%;position:relative;z-index:800}.nosvg
.bg{background-image:url('../img/footer.png')}footer{background:#373333;color:#FFF;position:relative;z-index:800;clear:both;padding-bottom:24px}.page-container{padding: 3% 0}footer
.wrapper{padding:48px
12px 0}footer .vcard
li{width:33%;float:left;padding:0
12px}footer
.slogan{padding:0
12px;margin-bottom:48px}footer
.scrollink{display:block;font-size:1.5em;width:2em;height:2em;line-height:2;text-align:center;background:#333;color:#FFF;text-shadow:none;border-radius:1em;margin:0
auto}footer .scrollink:hover{background:#888}footer .scrollink:active{background:#541657}footer
.fn.org{font-weight:700}footer .footer-logo{display:block;width:108px;height:134px;background-image:url('../img/logo.svg');background-size:108px 134px;background-repeat:no-repeat}.nosvg footer .footer-logo{background-image:url('../img/logo.png')}footer
.linko{border-bottom:1px dotted}footer .linko:hover{border-style:solid}footer .linko:active{background:#373333;padding:0
0.5em}.credits{position:absolute;right:0;bottom:0;display:block;font-size:2em;width:2em;height:2em;line-height:2;text-align:center;height:auto}.siteheader{position:relative;background-image:none;background:#333;box-shadow:0 -5px 20px #51402A;min-height:0}
.mainmenu-button{display: none;}
@media screen and (max-width: 1280px){.siteheader{position:relative;background-image:none;background:#333;box-shadow:0 -5px 20px #51402A;min-height:0}.siteheader
.wrapper{padding:0;text-align:right}.header-bg{display:none}.mainmenu-button{display:inline-block; padding: 0 1vw;}.mainmenu-inner{display:none;padding:0}.mainmenu-inner.active{display:block}.mainmenu
li{display:block;margin:4px
0}.socialmenu{float:none;margin:12px
0}.bg{display:none}.page-container{padding:100px 0}}
@media screen and (max-width: 960px){footer .vcard
li{width:50%;float:left;padding:0
12px;min-height:120px}}@media screen and (max-width: 720px){.mainmenu-button{float:right;width:84px;height:84px;line-height:84px}.mainmenu-inner{clear:both;padding-top:12px}.mainmenu{display:block}.mainmenu
li{display:block;margin:4px}.mainmenu
a{display:block}.page-container{padding:20px 0}}@media screen and (max-width: 480px){footer .vcard
li{width:100%;float:left;padding:0
12px}}.edit-link{position:absolute;z-index:10000;top:0;left:1em;height:1.5em;width:1.5em;overflow:hidden;line-height:1.5em;margin:1em;background:#000;color:#FFF;border-radius:4px;box-shadow:0 0 6px rgba(81,64,42,0.3)}.edit-link:before{font-family:iconfont;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;content:"\e802";height:1.5em;width:1.5em;display:inline-block;text-align:center}.edit-link:hover{width:auto;padding-right:6px}#codeigniter_profiler{position:absolute;top:0;left:0;right:0;z-index:9999999999999999}#cookie-bar{font-size:0.875em;z-index:9999999999;position:fixed;bottom:0;right:0;max-width:360px;padding:0.75em;background:#2d0c2e;color:#F0B500;border-radius:2em 0 0 0}#cookie-bar
p{padding:0.5em}#cookie-bar
a{float:right;margin:0.5em;background:#F0B500;color:#2d0c2e;text-decoration:none;padding:0.5em 1em;border-radius:1.5em}#cookie-bar a:hover{background:#ffc924}#cookie-bar a:active{background:#050106;color:#FFF}html,body{height:100vh; width: 100vw;}.page-container{overflow:auto;}.page-cover{height:100%;position:absolute;top:0;bottom:0;left:0;right:808px;background-size:cover;background-position:center center}.page-cover .table-out{height:50%;text-align:center}.page-title{padding:120px
24px 24px;color:#FFF}.page-title
h2{margin-top:0.5em}.page-title
.button{margin-top:1em}.page-spacer{height:100%;margin-right:808px}.page-content{position:relative;float:right;width:784px;padding:120px
0}.page-content:before,.page-content:after{content:"";display:table}.page-content:after{clear:both}.page-content.nomenu
.wrapper{float:none}.page-content
.wrapper{float:right;width:624px}.page-menu{width:160px;float:left}.page-undercover{position:relative;margin-right:808px;overflow:auto;background:#FFF;padding:48px
0 120px;box-shadow:0 0 2px rgba(0,0,0,0.25)}.page-undercover
.wrapper{max-width:624px}@media screen and (max-width: 1280px){html,body{height:auto}.page-cover{height:auto;position:static;font-size:1em}.page-cover:before,.page-cover:after{content:"";display:table}.page-cover:after{clear:both}.page-cover .table-out,
.page-cover
.gallery{float:left;width:50%;height:320px}.page-title{padding:24px}.page-spacer{display:none}.page-content{float:none;width:100%;top:0;padding:0}.page-content.nomenu{width:100%;padding-top:24px}.page-content
.wrapper{width:auto;float:none}.page-menu{float:none;width:auto;margin-bottom:24px}.page-menu.is_absolute{position:absolute;top:0;left:0;right:0}.page-menu.is_stuck{z-index:100}.page-menu.is_stuck:before{display:block;content:attr(data-product);color:#FFF;font-family:Laila,serif;font-size:1.5em;height:48px;line-height:48px;padding:0
12px;position:relative;overflow:hidden;box-shadow:0 2px 2px rgba(81,64,42,0.25), 0 12px 16px -12px rgba(81,64,42,0.75)}.page-menu.is_stuck .navigation-arrows{display:none}.page-undercover{margin-right:0;top:0;padding:24px
0 12px}}@media screen and (max-width: 553px){.page-cover .table-out{width:100%;height:auto;padding:24px;margin-bottom:240px}.page-cover
.gallery{width:100%;height:240px;margin-top: -240px}}
input{border:0.5px groove #ddd; background-color:white; margin:1.05em;}
.md-outline.select-wrapper {top: .5em !important; z-index: 1000 !important;}
/*///////////////////////////////////////////////////////////
/* Dropdown Button */
.dropbtn {
    background-color: grey;
    color: white;
    padding: 5px;
    width: 5em;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  /* The search field */
  #myInput {
    box-sizing: border-box;
    background-repeat: no-repeat;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #ddd;
  }
  
  /* The search field when it gets focus/clicked on */
  #myInput:focus {outline: 3px solid #ddd;}
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    min-width: 230px;
    border: 1px solid #ddd;
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown a:hover {background-color: #ddd}
  
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
  .show {display:block;}

  /*//////////////////////////////////////////////////////// */

  /*disponibilita center*/
  .cont-col#disp {text-align:center;}
  @media screen and (max-width: 767px){.cont-col#disp {text-align: left;}}

  /*RESPONSIVE FORM formatting col*/
  form.row 
  {
    margin: 0;
    width: 100%;
  }

  form.row#super
  {
    background-color: #fff;
    border: none;
    border-right: 3px solid #b2babd;
    border-bottom: 3px solid #b2babd;
    padding: 1vw;
  }

  form.row#super .name
  {
    font-family: 'Archivo Narrow';
    font-weight: 600;
    font-size: 1.5vw;
    color: #000;
    text-transform: uppercase;
    height: 6vh;
    line-height: 6vh;
    margin: 1.5vh 0;
  }

  form.row#super input, form.row#super select
  {
    height: 4.4vh;
    margin: 2.3vh;
    font-family: 'Archivo Narrow';
    font-weight: 500;
    font-size: 1.4vw;
    border: 2px solid #bbb;
    border-radius: 2vw;
    padding: 0 1vw;
  }
  
  form.row#super select, form.row#super .select
  {
    border-radius: 2vw 2vw 0 0;
  }

  form.row#super .dropdown-content
  {
    top: 4.4vh;
    padding: 0;
    font-family: 'Archivo Narrow';
    font-size: 2.3vh;
    font-weight: 600;
  }
  
  form.row#super #opz_con .price
  {
    border-radius: 2vw 0 0 2vw;
  }

  form.row#super #opz_con .desc
  {
    border-radius: 0 2vw 2vw 0;
  }

  form.row#super #opz_con .unita
  {
    border-radius: 2vw 0 0 2vw;
  }

  form.row#super #opz_con .equi
  {
    border-radius: 0 2vw 2vw 0;
  }

  form.row#super #opz_con input[type=checkbox]
  {
    margin: 0.5vh 2% 0.5vh 0;
  }

  form.row#super #opz_con .min, form.row#super #opz_con .plus
  {
    border-radius: 2vw;
    color: #fff;
    text-align: center;
    padding: 0;
    float: right;
    display: inline-block;
  }

  form.row#super input[type=checkbox]
  {
    height: 3.4vh;
    margin: 2.3vh;
  }

  form.row#super button
  {
    height: 3vw;
    width: 15%;
    margin: 2vh 1vh 1vh 85%;
    background-color: #333;
    border-radius: 2vw;
    padding: 0;
    font-family: 'Arvo';
    font-size: 1.3vw;
    text-transform: uppercase;
    line-height: 3vw;
  }

  form.row input#fileToUpload.dis {opacity: 0.6;}
  form.row select {margin: 1.05em;}
  form.row input.disabled {background-color: #eee;}
  form.row button {margin: 30px 10px;}
  form.row .defaultImg
  {
    background-color: #eee;
    padding: 1vw;
    border-radius: 3vw;
    margin: 2vh 0;
  }
  form.row .defaultImg .box{margin: 1%; width: 10.5%; text-align: center; font-weight: 700; display: inline-block; opacity: 0.6;}
  form.row .defaultImg .box.sel{opacity: 1;}
  form.row input:disabled {background-color: #eee; opacity: 0.5;}

  form.row #allergeni
  {
    margin-left: 2vw;
    font-family: 'Archivo Narrow';
    font-weight: 500;
    font-size: 1.5vw;
  }

  form.row #allergeni .col-6.row
  {
    padding-top: 2vh;
  }

  form.row #allergeni .col-6.row .col-3
  {
    text-align: center;
    font-weight: 700;
    opacity: 0.5;
  }

  form.row #allergeni .col-6.row .col-3.active
  {
    opacity: 1;
  }

  form.row #opz_con
  {
    padding: 0;
  }
    
  form.row #opz_con .opz_price
  {
    margin: 1.05em;
    padding: 0;
  }
    
  form.row #opz_con .opz_price input
  {
    margin: auto 2% auto 0;
    float: left;
  }

  form.row #opz_con #opz_plus
  {
    margin: 1.05em;
    padding: 0;
  }

  form.row #opz_con .plus
  {
    height: 4.4vh;
    width: 4.4vh;
    line-height: 4.4vh;
    background: #18a3c2;
    font-size: 2.1vw;
    font-weight: 700;
  }

  form.row #opz_con .min
  {
    width: 4.4vh;
    height: 4.4vh;
    line-height: 3.5vh;
    margin-left: -3vw;
    background: #c02e18;
    font-size: 3vw;
  }

  @media screen and (min-width: 768px)
  {
    form.row #opz_con .min
    {
      margin-right: 4vw;
    }

    form.row #opz_con .plus
    {
      margin-right: 4vw;
    }
  }

  /* DIV RESPONSIVE */
  select {border: solid 1px grey; width: 100%;}
  #form_filter {padding-top: 1em; padding-bottom: 1em;}
  .attribute-col {border: solid 1px grey; background-color: #bbb; margin: 0;}
  .att {border: groove 2px #4eaaff;}
  .row.res {border: solid 1px #4a578e; background-color: #f8f8f8; margin: 0;}
  .name-col {border: solid 1px #4eaaff; background-color: #bbb}
  .cont-col {border-right: solid 1px #4a578e;}
  .infcol button {margin: 2% 0 2% 0; line-height: 0%;}

  @media screen and (max-width: 767px){.attribute-col {height: 0%; display: none;} .cont-col {border-right: none; border-bottom: solid 1px #4a578e;} .infcol {padding: 0px; margin-left:0px;}}
  @media screen and (min-width: 768px){.bg {margin-top: 0;} .name-col {height: 0%; display: none;}}
  /*////////////////////////////////////////////// */

  /*footer logo for mobile*/
  @media screen and (max-width: 767px) {footer .footer-logo{background-size: 90px 112px; width: 90px; height: 112px; } footer li.col-3 {font-size: 0.65em;} }
  @media screen and (max-width: 450px) {footer .footer-logo{background-size: 70px 87px; width: 70px; height: 87px;} footer li.col-3 {font-size: 0.45em;}}
  @media screen and (max-width: 280px) {footer .footer-logo{background-size: 50px 62px; width: 50px; height: 62px;} footer li.col-3 {font-size: 0.3em;}}

  /*paging*/
  #sel {font-weight: bold; font-size: 1.2em;}

  /* dropdown */
  @media screen and (min-width: 768px) { form.row div.col-12.col-md-4.drp {left: -8px;} }
  .dropdown-content a:hover {background-color: #bbb;}

  /*INGREDIENTI*/
  .ing {margin: 0; padding: 1em;}
  .ing .box
  {
    background-color: #fff;
    padding: 1vw 2vw;
    border-radius: 2vw;
    font-family: 'Archivo Narrow';
  }
  .ing .text-category
  {
    font-size: 1.1vw;
  }
  
  .row.fontSize
  {
    font-size: 1.3vw;
  }

  .row.paramRoom
  {
    font-size: 1.5vw;
  }

  /* INGREDIENTI PRODOTTI */
  .row .boxProd
  {
    background-color: #ddd;
    padding: 1.5vw 1vw;
    border-radius: 2vw;
    font-family: 'Archivo Narrow';
    font-weight: 500;
    font-size: 1.2vw;
  }
  .row .boxProd.sel
  {
    background-color: #18a3c2;
    color: #fff;
  }

  /*//// GESTIONE TAVOLI SUPER UTENTE //// */
  form.super h1{display: inline-block; padding: 0 5%; font-size: 2.5em;}
  form.super p{display: inline-block; vertical-align: bottom; padding: 1%;}
  form.super button{float: right;}

  #tabs, #tabTitle
  {
    height: 8vh;
  }

  #tabs-stats
  {
    height: 17vh;
  }

  #tabs, #tabs-stats a:hover
  {
    text-decoration: none;
  }

  #tabs .tab, #tabs-stats .tab, #tabTitle
  {
    min-width: 10vw;
    text-align: center;
    padding: 2vh 1vw;
    display: inline-block;
    background-color: #999;
    color: #000;
    margin-right: 0.5vw;
    margin-top: 0.5vh;
    font-family: 'Arvo';
    font-size: 2.5vh;
  }

  #tabs .tabSlot,#tabs-stats .tabSlot, #tabTitle
  {
    min-width: 10vw;
    text-align: center;
    padding: 2vh 1vw;
    display: inline-block;
    background-color: #999;
    color: #000;
    margin-right: 0.5vw;
    font-family: 'Arvo';
    font-size: 2.5vh;
  }

  #tabs .tab.active,#tabs-stats .tab.active, #tabTitle
  {
    background-color: #000;
    color: #fff;
  }

  #newBtn
  {
    width: 9vw;
    height: 6vh;
    background-color: #18a3c2;
    color: #fff;
    border-radius: 3vh;
    font-size: 2vh;
    text-align: center;
    line-height: 6vh;
    margin-top: 2vh;
    display: inline-block;
    float: right;
    font-family: 'Arvo';
  }

  #newBtn a:hover
  {
    text-decoration: none;
    color: #fff;
  }

  #orderContainer
  {
    height: 74vh;
    margin-top: 1vh;
    border-right: 3px solid #b2babd;
    border-bottom: 3px solid #b2babd;
    background-color: #fff;
  }

  #orderContainer .row
  {
    margin: 0;
  }

  #orderContainer .row.header
  {
    text-align: center;
    font-family: 'Archivo Narrow';
    font-size: 2.2vh;
    height: 5vh;
    font-weight: 700;
  }

  #orderContainer .row.header div
  {
    border-right: 1px solid #555;
    margin: 1vh 0;
  }

  #orderContainer .row.header div.last
  {
    border: none;
  }

  #orderContainer #contDett
  {
    height: calc(69vh - 3px);
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
  }

  #orderContainer #contDett::-webkit-scrollbar{display: none;}

  #orderContainer #contDett.rooms
  {
    height: calc(74vh - 3px);
  }

  #orderContainer #contDett .row
  {
    font-size: 2.5vh;
    padding: 0.4vh 0;
    font-family: 'Archivo Narrow';
    font-weight: 500;
    color: #fff;
  }

  #orderContainer #contDett .row .content.last
  {
    margin: 0;
  }

  #orderContainer #contDett .row .content
  {
    background-color: #c02e18;
    text-align: center;
    margin-right: 2px;
    padding: 1.2vh 0 1vh;
  }

  #orderContainer #contDett .row.evaso .content
  {
    background-color: #18a3c2;
  }

  #orderContainer #contDett .row.pren .content
  {
    background-color: #e49f28;
  }

  #orderContainer #contDett .row.deliv .content
  {
    background-color: #348246;
  }

  #orderContainer #contDett .row.dapag .content
  {
    background-color: #7c349e;
  }

  #orderContainer #contDett .row.in_preparazione .content
  {
    background-color: #464646;
  }

  #orderContainer #contDett .row.to_served .content
  {
    background-color: #09ff00;
    color: #000;
  }

  #orderContainer #contDett .tav
  {
    display: inline-block;
    position: relative;
    width: calc(12.33vw - 3px);
    padding: 1vw;
    margin: 0.8em 1.66%;
    border-radius: 1em;
    text-align: center;
    background-color: #18a3c2;
    font-family: 'Archivo Narrow';
    font-weight: 600;
    font-size: 2.5vh;
    color: white
  }
  
  #orderContainer #contDett .tav .data{position: absolute; bottom: 0; width: 100%; text-align: center;}
  #orderContainer #contDett .tav.pren
  {
    background-color: #e49f28;
  }

  #orderContainer #contDett .tav.ord {
    background-color: green;
  }

  #orderContainer #contDett .tav.port {
    background-color: #823ed0;
  }

  #orderContainer #contDett .tav.occ
  {
    background-color: #c02e18;
  }

  div.legend
  {
    padding: 0.8vh 1.2vw;
    margin: 1vh 1vw 0;
    border-radius: 2.5vh;
    font-family: 'Arvo';
    font-weight: 700;
    font-size: 1.8vh;
    color: #fff;
    float: right;
    background-color: #c02e18;
  }

  div.legend.print
  {
    float: left;
    background-color: #2f2dd3;
  }

  div.legend.pren
  {
    background-color: #e49f28;
  }

  div.legend.delivery
  {
    background-color: #348246;
  }

  div.legend.evaso
  {
    background-color: #18a3c2;
  }

  div.legend.in_preparazione
  {
    background-color: #464646;
  }

  div.legend.to_served
  {
    background-color: #09ff00;
    color: #000;
  }

  div.legend.dapag
  {
    background-color: #7c349e;
  }

  div.legend.ord {
    background-color: green;
  }

  div.legend.port {
    background-color: #823ed0;
  }

  #dettContainer
  {
    position: absolute;
    width: 50vw;
    height: 90vh;
    padding: 1vw;
    top: 5vh;
    left: 25vw;
    background-color: #4A4A4A;
    border: 1px solid #000;
    overflow: hidden;
    display: none;
  }
  #dettContainer.active{display: block;}
  #dettContainer #title
  {
    background-color: #000;
    border-radius: 0 0 0 6vh;
    color: #fff;
    font-size: 3.5vh;
    height: 9vh;
    line-height: 9vh;
    width: 50vw;
    margin: -1vw 0 0 -1vw;
    padding: 0;
    font-family: 'Arvo';
    font-weight: 700;
  }

  #dettContainer .nominativo
  {
    height: 9vh;
    padding: 1vh 0;
    font-family: 'Arvo';
    font-weight: 700;
    font-size: 3vh;
    line-height: 7vh;
    color: #fff;
    text-align: center;
  }

  #dettContainer #title #pren
  {
    float: left;
    color: #333;
    height: 5vh;
    line-height: 5vh;
    margin: 2vh 7vw 0 3vw;
    font-size: 1.7vh;
    border-radius: 5vh;
    background-color: #fff;
    padding: 0 1vw;
  }

  #dettContainer #title .x
  {
    float: right;
    height: 9vh;
    width: 9vh;
    color: red;
    font-size: 3.5vh;
    line-height: 9vh;
    font-family: 'Arial';
    background-color: #B2BABD;
    text-align: center;
  }

  #dettContainer #tot
  {
    background-color: #fff;
    color: #000;
    font-family: 'Arvo';
    font-size: 4.2vh;
    height: 8.5vh;
    width: 35vw;
    border-radius: 10vh 10vh 0 0;
    line-height: 8.5vh;
    text-align: center;
    padding: 0 3vw;
    margin: auto;
  }

  #dettContainer #tot .euro
  {
    display: inline;
    font-family: 'Archivo Narrow';
    font-weight: 700;
  }

  #dettContainer .backgroundBtn
  {
    background-color: #000;
    height: calc(10.5vh - 2px);
    margin: 0 -1vw;
    padding: 2.2vh;
    font-family: 'Arvo';
    font-weight: 700;
  }
  
  #dettContainer #reprintBtn
  {
    display: inline-block;
    width: 16.1%;
    height: 6vh;
    margin-right: 4.9%;
    line-height: 6vh;
    color: #fff;
    text-align: center;
    border-radius: 3vh;
    background-color: #823ed0;
    font-size: 2.3vh;
  }
  
  #dettContainer #payedBtn
  {
    display: inline-block;
    width: 16.1%;
    height: 6vh;
    margin-right: 4.9%;
    line-height: 6vh;
    color: #fff;
    text-align: center;
    border-radius: 3vh;
    background-color: #b13e57;
    font-size: 2.3vh;
  }
  
  #dettContainer #updateBtn
  {
    display: inline-block;
    width: 16.1%;
    height: 6vh;
    margin-right: 4.9%;
    line-height: 6vh;
    color: #fff;
    text-align: center;
    border-radius: 3vh;
    background-color: #e49f28;
    font-size: 2.3vh;
  }
  #dettContainer #updateBtn.inact{background-color: grey;}

  #dettContainer #completeBtn
  {
    width: 16.1%;
    height: 6vh;
    line-height: 6vh;
    display: inline-block;
    margin-right: 4%;
    text-align: center;
    border-radius: 3vh;
    background-color: #18a3c2;
    color: #fff;
    font-size: 2.3vh;
  }
  #dettContainer #completeBtn.inact{background-color: grey;}

  #dettContainer #printBtn
  {
    width: 16.1%;
    height: 6vh;
    line-height: 6vh;
    display: inline-block;
    float: right;
    color: #fff;
    text-align: center;
    border-radius: 3vh;
    background-color: #c02e18;
    font-size: 2.3vh;
  }
  #dettContainer #printBtn.inact{background-color: grey;}

  #dettContainer #prodContainer
  {
    height: 50vh;
    margin: 0 0 3vh;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    width: 48vw;
  }

  #dettContainer #prodContainer::-webkit-scrollbar{display: none;}
  #dettContainer #prodContainer .prod
  {
    width: 23.8vw;
    margin: 0.5vh 0;
    padding: 0.6vw;
    display: inline-block;
    color: #000;
    background-color: #fff;
    border-radius: 1.5vh;
    border: 2px solid #888;
    font-family: 'Archivo Narrow';
    position: relative;
  }

  #dettContainer #prodContainer .prod .img
  {
    width: 4.5vw;
    height: 4.5vw;
    display: inline-block;
  }

  #dettContainer #prodContainer .prod .img img
  {
    width: 4.5vw;
    height: auto;
    padding: 0.15vw;
  }

  #dettContainer #prodContainer .prod .img img.i1
  {
    position: absolute;
    clip: rect(0, 2vw, 4vw, 0);
  }

  #dettContainer #prodContainer .prod .img img.i2
  {
    position: absolute;
    clip: rect(0, 4vw, 4vw, 2vw);
  }

  #dettContainer #prodContainer .prod .price
  {
    text-align: right;
    font-size: 2vh;
    font-weight: 700;
    display: inline-block;
    float: right;
    color: #c02e18;
  }

  #dettContainer #prodContainer .prod .text
  {
    width: 14vw;
    display: inline-block;
  }

  #dettContainer #prodContainer .prod .title
  {
    font-size: 1.8vh;
    font-weight: 700;
  }

  #dettContainer #prodContainer .prod .ing
  {
    margin-left: 0.3vw;
    font-size: 1.5vh;
    font-weight: 500;
    color: #333;
  }

  #dettContainer #prodContainer .prod .qntCon
  {
    border-top: 0.2vh dotted #555;
    padding: 0.8vh 0.5vh 0;
    margin-top: 0.5vh;
    font-family: 'Arvo';
    font-weight: 700;
  }

  #dettContainer #prodContainer .prod .qntCon .min
  {
    display: inline-block;
    height: 3.2vh;
    width: 3.2vh;
    text-align: center;
    line-height: 2.8vh;
    font-size: 2.2vh;
    color: #555;
    border: 0.2vh solid #555;
    border-radius: 0.7vh;
  }

  #dettContainer #prodContainer .prod .qntCon .qnt
  {
    display: inline-block;
    padding: 0 1vw;
    font-size: 2.2vh;
  }

  #dettContainer #prodContainer .prod .qntCon .plus
  {
    display: inline-block;
    height: 3.2vh;
    width: 3.2vh;
    text-align: center;
    line-height: 2.8vh;
    font-size: 2.2vh;
    color: #555;
    border: 0.2vh solid #555;
    border-radius: 0.7vh;
  }

  #dettContainer #prodContainer .prod .qntCon .del
  {
    float: right;
    height: 3.3vh;
    width: auto;
  }

  #dettContainer #deleteLastProd
  {
    position: absolute;
    top: 35%;
    left: 5%;
    width: 90%;
    height: 30%;
    padding: 1vh 2vw;
    background-color: #fff;
    font-family: 'Archivo Narrow';
    font-size: 3.5vh;
    text-align: center;
    border: 2px solid black;
  }

  #dettContainer #deleteLastProd .title
  {
    text-align: center;
    font-size: 4vh;
    font-weight: 600;
    color: #000;
  }

  #dettContainer #deleteLastProd .yesBtn
  {
    display: inline-block;
    width: 6vw;
    height: 6vh;
    background-color: #000;
    color: #fff;
    border-radius: 3vh;
    line-height: 6vh;
    margin: 2vh 2vw 0;
  }

  #dettContainer #deleteLastProd .noBtn
  {
    display: inline-block;
    width: 6vw;
    height: 6vh;
    background-color: #555;
    color: #fff;
    border-radius: 3vh;
    line-height: 6vh;
    margin: 2vh 2vw 0;
  }

  #prenContainer
  {
    position: absolute;
    width: 50vw;
    height: 90vh;
    padding: 1vh;
    top: 5vh;
    left: 25vw;
    background-color: #4A4A4A;
    display: none;
}
  #prenContainer.active{display: block;}
  #prenContainer #title
  {
    background-color: #000;
    color: #fff;
    font-family: 'Arvo';
    text-align: right;
    font-size: 3.5vh;
    font-weight: bold;
    height: 9vh;
    line-height: 9vh;
    margin: -1vh -1vh 0;
    border-radius: 0 0 0 10vh;
  }
  #prenContainer #tav
  {
    height: 12vh;
    font-size: 4vh;
    color: #fff;
    text-align: center;
    font-family: 'Arvo';
    padding: 2vh;
    line-height: 8vh;
  }

  #prenContainer #title .x
  {
    float: right;
    height: 9vh;
    width: 9vh;
    color: red;
    font-size: 3.5vh;
    line-height: 9vh;
    font-family: 'Arial';
    background-color: #B2BABD;
    text-align: center;
    margin-left: 13vw;
  }

  #prenContainer .row.header
  {
    text-align: center;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    font-size: 2.2vh;
    margin: 0;
    padding: 1.2vh 0;
    border-right: 2px solid #B2BABD;
  }

  #prenContainer #prenDett
  {
    height: 40.5vh;
    background-color: #fff;
    border-right: 3px solid #B2BABD;
    border-bottom: 3px solid #B2BABD;
    width: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
  }

  #prenContainer #prenDett::-webkit-scrollbar{display: none;}
  #prenContainer #prenDett .prod
  {
    padding: 1vh;
    background-color: #B2BABD;
    color: #000;
    font-family: 'Archivo Narrow';
    font-size: 2.1vh;
  }
  #prenContainer #prenDett .prod .col, #prenContainer #prenDett .prod .col-1{text-align: center; font-size: 1.2em;}
  #prenContainer #prenDett .prod .x{color: red;}
  #prenContainer form.row
  {
    font-size: 2vh;
    border-top: 2px dotted #ccc;
    margin: 4vh 3vw 0;
    width: calc(44vw - 1vh);
  }
  #prenContainer form.row input
  {
    margin: 1.5vh 1vw 0 0;
    border-radius: 3vh;
    height: 4.2vh;
    font-family: 'Archivo Narrow';
  }
  #prenContainer form.row input.last
  {
    margin-right: 0;
  }
  #prenContainer form.row .backgroundBtn
  {
    background-color: #000;
    height: 10vh;
    width: 50vw;
    margin: 3vh calc(-3vw - 1vh)0;
    font-family: 'Arvo';
    font-weight: 700;
    font-size: 6vh;
  }
  #prenContainer form.row button
  {
    background-color: #e49f28;
    border-radius: 3vh;
    display: block;
    height: 6vh;
    margin: 2vh auto;
    width: 18vw;
    font-family: 'Arvo';
    color: #fff;
    font-size: 2.3vh;
  }

  #background
  {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #000;
    opacity: 0.7;
    display: none;
  }

  #background.active
  {
    display: block;
  }

  #ordina
  {
    display: none;
    position: absolute;
    height: calc(100vh - 4px);
    width: 35.6vw;
    top: 2px;
    left: 32.2vw;
    padding: 0;
    background-color: #fff;
    z-index: 1000;
    font-weight: bold;
    font-size: 3vh;
    text-align: center;
    color: #000;
  }

  #ordina.active 
  {
    display: block;
  }

  #ordina #titleOrdina
  {
    width: 79%;
    margin-left: 10%;
    display: inline-block;
    font-family: 'Archivo Narrow';
  }

  #ordina #xOrdina
  {
    width: 9%;
    display: inline-block;
    font-size: 1.2em;
    line-height: 4vh;
  }

  #ordina a
  {
    color: #000;
    text-decoration: none;
  }


  #ordina #xOrdina:hover
  {
    color: #000;
    text-decoration: none;
  }

  #ordina iframe
  {
    width: 35.6vw;
    height: 94.9vh;
  }

/*/////////////////SUPER CASSA///////////////////////*/

  .superheader
  {
    height: 100vh;
    width: 5vw; 
    display: inline-block;
    background-color: #000;
    font-size: 0;
  }

  .superheader img
  {
    padding: 1vh 0.5vw;
  }
  
  .superheader .logo
  {
    padding-bottom: 1vh;
  }

  .superheader img.selected
  {
    background-color: #c02e18;
  }

  .super-page-container
  {
    height: 100vh;
    width: 95vw;
    float: right;
    overflow: hidden;
    border: 2px solid #000;
    border-left: none;
  }

  .super-page-container .super-container
  {
    height: 100vh;
    width: 100%;
    padding: 1%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #d4d9db;
  }

  .super-page-container .super-container form.super
  {
    height: 7vh;
  }

  .super-page-container .super-container .logo_str
  {
    height: 4.2vh;
    width: auto;
    display: inline-block;
  }

  .super-page-container .super-container .user
  {
    float: right;
    height: 6vh;
  }

  .super-page-container .super-container .user .text
  {
    display: inline-block;
    text-align: right;
    padding-right: 0.5vw;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 2.5vh;
    line-height: 3vh;
  }

  .super-page-container .super-container .user img
  {
    float: right;
    height: 100%;
    width: auto;
  }

  .super-page-container .super-container .exit
  {
    width: 9vw;
    height: 5vh;
    margin: 0.5vh 3vw;
    float: right;
    font-family: 'Arvo';
    background-color: #c02e18;
    border-radius: 3vh;
    line-height: 5vh;
    font-size: 2.4vh;
    color: #fff;
    text-align: left;
  }

  .super-page-container .super-container .exit img
  {
    height: 6vh;
    width: auto;
    margin-top: -0.5vh;
    float: left;
  }

  .super-page-container .super-container .order
  {
    width: 13vw;
    height: 5vh;
    margin: 0.5vh 3vw;
    float: right;
    font-family: 'Arvo';
    background-color: #000;
    border-radius: 3vh;
    line-height: 5vh;
    font-size: 2.4vh;
    color: #fff;
    text-align: left;
  }

  .super-page-container .super-container .order img
  {
    height: 5vh;
    width: auto;
    margin: 0 0.5vw 0 1vw;
    float: left;
  }

  /*////////////////  REGISTER ///////////////////*/
  #register, #recoverPassword
  {
    background-color: #CE2F17;
    min-height: 100vh;
  }

  #register #wrapper, #recoverPassword #wrapper
  {
    padding: 0 3.5vw;
    max-width: none;
  }

  #register .logo, #recoverPassword .logo
  {
    width: 75vw;
    margin: 0 9vw 7vw;
    background-color: #fff;
    padding: 8vw;
    border-radius: 10vw;
  }

  #register h1, #recoverPassword h1
  {
    font-family: 'Arvo';
    font-weight: 700;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1vw;
    font-size: 6.5vw;
  }

  #register p, #recoverPassword p
  {
    font-family: 'Archivo Narrow';
    font-size: 5vw;
    color: #000;
    font-weight: 600;
  }

  #register form.row, #recoverPassword form.row
  {
    margin: 0;
  }

  #register input, #recoverPassword input
  {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    margin: 1.5em 0;
    padding: 0;
    font-family: 'Arvo';
    font-weight: 700;
    font-size: 4.5vw;
    color: #fff;
  }

  #register input::placeholder, #recoverPassword input::placeholder
  {
    color: #fff;
  }

  #register .centerBtn, #recoverPassword .centerBtn
  {
    width: 100vw;
    margin: 4vw 0 7vw;
  }

  #register .centerBtn button, #recoverPassword .centerBtn button
  {
    display: block;
    margin: auto;
    background-color: #000;
    font-family: 'Arvo';
    height: 15vw;
    line-height: 6.5vw;
    font-size: 6.5vw;
    padding: 0 8vw;
    border-radius: 8vw;
  }

  #register .centerBtn p, #recoverPassword .centerBtn p
  {
    text-align: center;
    margin: 1vw 0;
  }

  #register p a, #recoverPassword p a
  {
    text-decoration: underline;
  }
  /*///////////////////////////////////////////////*/

/*////////////////  STATS PWD ///////////////////*/
#statsPwd, #recoverPassword
{
}

#statsPwd #wrapper, #recoverPassword #wrapper
{
  padding: 0 3.5vw;
  max-width: none;
}

#statsPwd h1, #recoverPassword h1
{
  font-family: 'Arvo';
  font-weight: 700;
  text-align: center;
  color: #000;
  letter-spacing: 0.1vw;
  font-size: 2.5vw;
}

#statsPwd p, #recoverPassword p
{
  font-family: 'Archivo Narrow';
  font-size: 5vw;
  color: #000;
  font-weight: 600;
}

#statsPwd form.row, #recoverPassword form.row
{
  margin: 0;
}

#statsPwd input, #recoverPassword input
{
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #000;
  margin: 1.5em 0;
  padding: 0;
  font-family: 'Arvo';
  font-weight: 700;
  font-size: 2.5vw;
  color: #000;
}

#statsPwd input::placeholder, #recoverPassword input::placeholder
{
  color: #000;
}

#statsPwd .centerBtn, #recoverPassword .centerBtn
{
  width: 100vw;
  margin: 4vw 0 7vw;
}

#statsPwd .centerBtn button, #recoverPassword .centerBtn button
{
  display: block;
  margin: auto;
  background-color: #000;
  font-family: 'Arvo';
  height: 5vw;
  line-height: 2.5vw;
  font-size: 2.5vw;
  padding: 0 8vw;
  border-radius: 8vw;
}

#statsPwd .centerBtn p, #recoverPassword .centerBtn p
{
  text-align: center;
  margin: 1vw 0;
}

#statsPwd p a, #recoverPassword p a
{
  text-decoration: underline;
}

#form_client .name{
  display: flex;
  align-items: center;
}
/*///////////////////////////////////////////////*/

  /*////////  CALENDAR  ////////*/

  #super .titleDay
  {
    font-family: 'Archivo Narrow';
    font-weight: 600;
    text-align: center;
    font-size: 3vh;
  }

  #super .arvo
  {
    font-family: 'Arvo';
    font-weight: 700;
  }

  #super .timeDay
  {
    text-align: center;
  }

  #super .rowSpan
  {
    width: 10%;
  }

  #super .calendarContainer
  {
    height: 50vh;
    margin: 2vh 0;
    padding: 2vh 0 2vh 2vh;
    background-color: #ddd;
    overflow: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
  }

  #super .calendarContainer::-webkit-scrollbar 
  {
    width: 0.5vh;
  }

  #super .calendarContainer::-webkit-scrollbar-thumb
  {
    background-color: #bbb;
    border-radius: 2vh;
  }

  #super .calendarContainer .dayCalendar
  {
    display: inline-block;
    background-color: #fff;
    margin: 0 2vh 2vh 0;
    height: 14vh;
    width: 15.15%;
    font-family: 'Archivo Narrow';
    font-weight: 700;
    font-size: 3vh;
    text-align: center;
  }

  #super .calendarContainer .dayCalendar .date
  {
    display: inline-block;
    width: 85%;
    padding-left: 12%;
  }

  #super .calendarContainer .dayCalendar .x
  {
    display: inline-block;
    width: 8%;
    margin-right: 4%;
    color: #dd0000;
  }

  .input-object-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    margin-top:2.5em;
    margin-left:0;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  /*////////////////////////////*/