/* BLU #1e408b */
/* VERDINO #699369 */
/* ARANCIO #c88900 */
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-RegularItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

*{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

body{font-family: 'SF Pro Display'; font-weight: normal; font-style: normal; color:#484848; font-size:1em; background: #fafafa; }

#ajax-loader {
      display:none;
      background-color: rgba(0,0,0,0.7);
      position: fixed;
      width: 100%;
      height: 100vh;
      left: 0;
      top: 0;
      z-index: 999999999;
      align-items: center;
      justify-content: center;
    }
    
a, button{text-decoration:none !important; outline:none !important}
.navbar-expand-md{margin:0 !important; padding:0 !important;}
.bar1 .nav-item{display: flex; align-items: center; justify-content: center; margin-left:12px;}
.bar1 .nav-item .nav-link{font-size: 0.9em}
.bar1 .nav-item .nav-link:link, .bar1 .nav-item .nav-link:visited{text-transform:uppercase; color:#333;}
.bar1 .nav-item .nav-link:hover{text-transform:uppercase; color:#699369;}
.tondo {
height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  text-align: center;
  display: flex;
  color:#FFF !important;
background:#333;
margin:0 auto 0 auto !important;
}
.tondo:hover {
background:#699369;
}

/* .stripe-logo{background: url(../imgs/bk-logo-wide.png) no-repeat; background-position: center center} */
/* .row-logo{background: url(../imgs/bk-logo.png) repeat-x; background-position: center center;} */
.row-logo-xs{display: none;}
.col-logo{  /* background: url(../imgs/bk-logo-V.png) no-repeat; background-position: left bottom; */ display: flex; justify-content: flex-start; align-items: center;}
.logo{height: 100px !important; background-color: #fafafa}
.logo-xs{height: 70px; margin-top: -6px}
.btn-xs-container { margin-top: 10px !important; text-align: right; }
#shopcart-xs, #user-xs{color: #699369;}
#shopcart-xs:hover, #user-xs:hover{color: #c88900}
#iltuofilm{display: inline-block; margin-left: 30px;font-size: 1em; color:#c88900;}
.title-menu{font-size: 0.9em; margin-left:10px }
.dropdown-menu hr {margin:4px auto 4px auto; max-width: 80%}
.stripe-menu{margin-top:30px; /* background: url(../imgs/bk-menu-wide-new.png) no-repeat; background-position: center center*/ background-color:#c88900}
.stripe-menu .container {/* background: url(../imgs/bk-menu-new.png) repeat-x; background-position: center center; */ background-color:#c88900; padding:0 !important;}
.nav-dx{/* background: url(../imgs/bk-menu-V-new.png) no-repeat; background-position: right center; */}
.nav-item-end{min-width: 50px}

.dropdown-menu{border-radius: 0; background-color: #c88900; border:0;}
.navbar-p .dropdown-toggle, .navbar-p .dropdown-item, .navbar-p .nav-link:link, .navbar-p .nav-link:visited {text-transform: uppercase; color: #fff}
.navbar-p .dropdown-toggle:hover, .navbar-p .dropdown-item:hover, .navbar-p .nav-link:hover {color: #333}
.navbar-p .dropdown-item:hover{background-color: #eeecec}
.navbar-p .dropdown.show > a {color: #333 !important;}

.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout .modal-header h5 {float:left;}

#btn-menu{ background: none !important; outline: none !important; cursor: pointer; display:none; padding: none !important}

.icon-bar {
  width: 36px; 
  height: 2px;
  background-color: #699369;
  display: block;
  transition: all 0.2s;
  margin-top: 8px
}
.navbar-toggler {
  border: none;
  background: transparent !important;
  display: block;
  margin-top:4px !important; margin-bottom: 4px !important
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  background-color: #c88900;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  background-color: #c88900;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
  background-color: #699369;
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
  background-color: #699369;
}

.bcrumb i {color:#c88900}
.bcrumb a:link, .bcrumb a:visited {color:#699369} 
.bcrumb a:hover {color:#c88900}

.comp{display: none;}
#modalmenu .modal-header, #modalmenu .modal-footer{border:0 !important;}
#modalmenu .modal-body{padding:0 12px 0 6px !important;}
#modalmenu .modal-content{background-color: #699369 !important; -webkit-border-radius: 0px !important;  -moz-border-radius: 0px !important; border-radius: 0px !important;} /* 51,102,204,0.85 */
.mc {text-transform: uppercase; list-style-type: none; text-align: left; padding-left:0 !important;}
.mc a:link, .mc a:visited{color: #fafafa}
.mc a:hover{color: #1e408b}
.mc li {border-bottom:#1e408b 1px dotted; padding-top:8px; padding-bottom: 8px}
.iltuofilm-xs{color: #fff; margin:0 0 8px 0; padding: 0 8px 0 8px}

.separatore-green{background:url(../imgs/Cgreen-base.png) repeat-x; background-position: center}
.separatore-green .centro{min-height: 56px; background:url(../imgs/Cgreen-pi.svg) no-repeat; background-size: 56px 56px; background-position: center center}
.separatore-blue{background:url(../imgs/Cgreen-base.png) repeat-x; background-position: center}
.separatore-blue .centro{min-height: 56px; background:url(../imgs/Cblue-pi.svg) no-repeat; background-size: 56px 56px; background-position: center center}

.footer{background-color: #eeecec; margin-top: 60px}
.footer .cornice{text-align: center}
.cornice img{max-width: 56px; max-height: 56px; margin: -28px auto 40px auto;}
.footer .sx{font-size: 0.8em; display: flex; align-items: center; justify-content: flex-start;}
.footer .sx div span{font-size: 1.3em}
.footer .cn{display: flex; align-items: center; justify-content: center}
.footer .cn img{max-width: 120px; height: auto}
.footer .dx{font-size: 0.8em; display: flex; align-items: center; justify-content: flex-end;}
.footer .dx ul{max-width: 190px; list-style-type: none; font-size: 1.2em; padding-left:0 !important; margin-bottom: 0 !important}
.footer .dx ul li {padding: 6px 0 6px 0}
.footer .dx ul li:not(:last-child) {border-bottom: #ccc 1px dotted;}
.footer .dx ul a:link, .footer .dx ul a:visited{color: #699369}
.footer .dx ul a:hover{color: #333}
.footer .dati {padding-bottom: 30px}
.post-footer{background-color: #699369; color: #fff; font-size: 0.8em; text-align: center; padding:8px 0 8px 0;}
.page-container{margin-top: 20px}
h1 {font-size: 2em; color: #699369; text-transform: uppercase; margin-bottom: 34px}
.orari{text-align: center; color: #c88900}
.orari svg {width: 80px}

.newsletter {width: 100%; margin-top: 24px}
.newsletter .first-row{background-color: #699369; text-align: center; padding-top: 12px; padding-bottom: 8px}
.newsletter input[type="email"]{max-width: 400px; margin:auto; text-align: center; border:#699369 1px solid}
.newsletter input[type="email"]:focus{border:#c88900 1px solid; outline: none !important;}
.newsletter label{color: #c88900; font-size: 0.9em}
.newsletter  h3{color: #fff; font-size: 1.6em; font-style: normal;}
.newsletter .txt{ margin-bottom: 12px; font-size: 1.2em}
.newsletter .btn{border:0; background-color: #699369; min-width: 40px; min-height: 40px; text-align: center; color: #fff; cursor: pointer; border-radius: 0; text-transform: uppercase; margin-top: 12px}
.newsletter .btn:hover{background-color:#eeecec !important; color: #555}
.newsletter a {color:#000 !important; text-decoration: underline !important;}
.err{border:#ff0000 2px solid !important}
#modal-nl-policy ol {margin-top: 16px}
#modal-nl-policy li {margin-bottom:16px}

#btn-back-to-top {
  position: fixed;
  width: 42px; height: 42px;
  bottom: 40px;
  right: 20px;
  display: none;
  background-color: #fff;
  color: #c88900;
  border-radius: 21px;
  border:#c88900 2px solid;
  z-index: 1000;
  text-align: center;
}

  .title{text-transform: uppercase;}
  .table-tariffe{ 
    margin-left: auto; margin-right: auto;
    width: auto;
          max-width: 100%;
          }
  .delivery-title img{width: 160px; height: auto}
  .table-tariffe strong{font-size: 1.2em; color:  #699369}


  
  @keyframes shake {
  0% { transform: translateX(0); }
  20% { transform: translateX(-3px); }
  40% { transform: translateX(3px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
  100% { transform: translateX(0); }
}
.banner-pagine{display: inline-block; text-align: center; border:#699369 2px solid; border-radius: 60px; padding:12px; margin-bottom: 34px; transition: all 0.2s;}

.shake-now {
  animation: shake 0.4s ease;
}

  .banner-pagine-title {font-size: 1.3em; font-weight: bold; color:#c88900;}
  .banner-pagine-text {font-size: 1.2em; color: #000 }
  .banner-pagine-text a {color: #000 !important; font-style: italic; text-decoration: underline !important;}

@media (max-width: 767px) {
  h1 {font-size: 1.6em; margin-bottom: 20px}
  .nav-dx{background:none;}
  .navbar-p{background: #699369;}
  .navbar-p .nav-item{padding-left: 10px}
  .comp{display: inline-block;}
  .nav-link{padding-right: 0 !important; margin-right: 0 !important}
  #btn-menu{display: inline-block;}
  .row-logo{display:none;}
  .stripe-logo{background: none;}
  .row-logo-xs{display: flex; justify-content: flex-start; margin-top: 12px;}
  .tondo:hover {color:#699369 !important; background:#fafafa; }
  .footer .cn{display: flex; align-items: center; justify-content: flex-start}
  .footer .dx{font-size: 0.8em; display: flex; align-items: center; justify-content: flex-start;}
  .footer .cn img{max-width: 120px; height: auto; margin-top:20px; margin-bottom: 20px}
  .orari{text-align: left}

  .banner-pagine{text-align: center; border:#699369 2px solid; border-radius: 60px; padding: 12px 24px 12px 24px; margin-bottom: 34px}
  .banner-pagine-title {font-size: 1.2em;}
  .banner-pagine-text {font-size: 1.2em}
}
.btn-def{border:0; background-color: #699369; min-width: 40px; min-height: 40px; text-align: center; color: #fff; cursor: pointer; border-radius: 0 }
.btn-def:hover{background-color:#eeecec !important; color: #555}

.btn-def-blu{border:0; background-color: #fafafa; min-width: 40px; min-height: 40px; text-align: center; color: #699369; cursor: pointer; border-radius: 0 }
.btn-def-blu:hover{ background-color: #fafafa; color: #1e408b}

label .lb {color:#777; font-size:0.8em;}
.inpt {border: 1px #699369 solid; background:#fff; font-size:0.9em; color:#333; border-radius: 0 !important}
.inpt:focus {box-shadow: 0 1px 1px rgba(27,177,168, 0.075) inset, 0 0 8px rgba(27,177,168, 0.6) !important; outline: 0 none !important; }
     
      ::placeholder { color: #ccc !important; display: none }
      :-ms-input-placeholder { color: #ccc !important;}
      ::-webkit-input-placeholder { color: #ccc !important;}
.btn-frm{border: 1px #699369 solid; background-color: #699369; text-align: center; color: #fff; cursor: pointer; text-transform: uppercase; border-radius: 0;}
.btn-frm:hover{background-color:#eeecec !important; border: 1px #eeecec solid;  color: #555}

.user-dropdown{background-color: #c88900; padding: 12px; color: #699369; font-size: 0.9em}
.user-dropdown input[type="email"], .user-dropdown input[type="password"] {border: 0; background:#fafafa !important; color:#699369; border-radius: 0 !important; margin-bottom:10px; font-size: 0.9em}
.user-dropdown input[type="email"]:focus, .user-dropdown input[type="password"]:focus {outline: 0 none !important; }
.user-dropdown .btn-login{border: 0; background-color: #699369; text-align: center; color: #fff; cursor: pointer; text-transform: uppercase; border-radius: 0; font-size: 0.8em}
.user-dropdown .btn-login:hover{background-color:#eeecec !important; color: #555}
.user-dropdown hr {background-color: #699369; margin-top: 8px; margin-bottom: 4px}
.user-dropdown a:link,  .user-dropdown a:visited {color: #fff}
.user-dropdown a:hover {color: #699369}

#modal-bag .modal-header, #modal-msg .modal-header{border:0 !important; border-radius: 0 !important; background-color: #eeecec !important}
#modal-bag .modal-body, #modal-msg .modal-body{border:0 !important;  border-bottom: #699369 1px solid !important; background-color: #eeecec !important}
#modal-bag .modal-footer, #modal-msg .modal-footer{border:0 !important; text-align: left; background-color: #eeecec !important; display: inline-block;}
#num-items-cart, #num-items-cart-xs {font-size: 0.8em}

@media (max-width: 576px) {
 input[name="kwd"]{max-width: 280px}
 .btn-def{font-size: 0.8em;}
 .banner-pagine-title {font-size: 1em;}
.banner-pagine-text {font-size: 1em}
}